Chris@0
|
1 /**
|
Chris@0
|
2 * @file
|
Chris@0
|
3 * The .admin.css file is intended to only contain positioning and size
|
Chris@0
|
4 * declarations. For example: display, position, float, clear, and overflow.
|
Chris@0
|
5 */
|
Chris@0
|
6
|
Chris@0
|
7 .views-admin ul,
|
Chris@0
|
8 .views-admin menu,
|
Chris@0
|
9 .views-admin dir {
|
Chris@0
|
10 padding: 0;
|
Chris@0
|
11 }
|
Chris@0
|
12 .views-admin pre {
|
Chris@18
|
13 margin-top: 0;
|
Chris@0
|
14 margin-bottom: 0;
|
Chris@0
|
15 white-space: pre-wrap;
|
Chris@0
|
16 }
|
Chris@0
|
17 .views-left-25 {
|
Chris@0
|
18 float: left; /* LTR */
|
Chris@0
|
19 width: 25%;
|
Chris@0
|
20 }
|
Chris@0
|
21 [dir="rtl"] .views-left-25 {
|
Chris@0
|
22 float: right;
|
Chris@0
|
23 }
|
Chris@0
|
24 .views-left-30 {
|
Chris@0
|
25 float: left; /* LTR */
|
Chris@0
|
26 width: 30%;
|
Chris@0
|
27 }
|
Chris@0
|
28 [dir="rtl"] .views-left-30 {
|
Chris@0
|
29 float: right;
|
Chris@0
|
30 }
|
Chris@0
|
31 .views-left-40 {
|
Chris@0
|
32 float: left; /* LTR */
|
Chris@0
|
33 width: 40%;
|
Chris@0
|
34 }
|
Chris@0
|
35 [dir="rtl"] .views-left-40 {
|
Chris@0
|
36 float: right;
|
Chris@0
|
37 }
|
Chris@0
|
38 .views-left-50 {
|
Chris@0
|
39 float: left; /* LTR */
|
Chris@0
|
40 width: 50%;
|
Chris@0
|
41 }
|
Chris@0
|
42 [dir="rtl"] .views-left-50 {
|
Chris@0
|
43 float: right;
|
Chris@0
|
44 }
|
Chris@0
|
45 .views-left-75 {
|
Chris@0
|
46 float: left; /* LTR */
|
Chris@0
|
47 width: 75%;
|
Chris@0
|
48 }
|
Chris@0
|
49 [dir="rtl"] .views-left-75 {
|
Chris@0
|
50 float: right;
|
Chris@0
|
51 }
|
Chris@0
|
52 .views-right-50 {
|
Chris@0
|
53 float: right; /* LTR */
|
Chris@0
|
54 width: 50%;
|
Chris@0
|
55 }
|
Chris@0
|
56 [dir="rtl"] .views-right-50 {
|
Chris@0
|
57 float: left;
|
Chris@0
|
58 }
|
Chris@0
|
59 .views-right-60 {
|
Chris@0
|
60 float: right; /* LTR */
|
Chris@0
|
61 width: 60%;
|
Chris@0
|
62 }
|
Chris@0
|
63 [dir="rtl"] .views-right-60 {
|
Chris@0
|
64 float: left;
|
Chris@0
|
65 }
|
Chris@0
|
66 .views-right-70 {
|
Chris@0
|
67 float: right; /* LTR */
|
Chris@0
|
68 width: 70%;
|
Chris@0
|
69 }
|
Chris@0
|
70 [dir="rtl"] .views-right-70 {
|
Chris@0
|
71 float: left;
|
Chris@0
|
72 }
|
Chris@0
|
73 .views-group-box .form-item {
|
Chris@18
|
74 margin-right: 3px;
|
Chris@0
|
75 margin-left: 3px;
|
Chris@0
|
76 }
|
Chris@0
|
77
|
Chris@0
|
78 /*
|
Chris@0
|
79 * The attachment details section, its tabs for each section and the buttons
|
Chris@0
|
80 * to add a new section
|
Chris@0
|
81 */
|
Chris@0
|
82 .views-displays {
|
Chris@0
|
83 clear: both;
|
Chris@0
|
84 }
|
Chris@0
|
85
|
Chris@0
|
86 /* The tabs that switch between sections */
|
Chris@0
|
87 .views-displays .tabs {
|
Chris@18
|
88 overflow: visible;
|
Chris@18
|
89 margin: 0;
|
Chris@18
|
90 padding: 0;
|
Chris@0
|
91 border-bottom: 0 none;
|
Chris@0
|
92 }
|
Chris@0
|
93 .views-displays .tabs > li {
|
Chris@0
|
94 float: left; /* LTR */
|
Chris@0
|
95 padding: 0;
|
Chris@18
|
96 border-right: 0 none; /* LTR */
|
Chris@0
|
97 }
|
Chris@0
|
98 [dir="rtl"] .views-displays .tabs > li {
|
Chris@0
|
99 float: right;
|
Chris@18
|
100 border-right: 1px solid #bfbfbf;
|
Chris@0
|
101 border-left: 0 none;
|
Chris@0
|
102 }
|
Chris@0
|
103 .views-displays .tabs .open > a {
|
Chris@0
|
104 position: relative;
|
Chris@0
|
105 z-index: 51;
|
Chris@0
|
106 }
|
Chris@0
|
107 .views-displays .tabs .views-display-deleted-link {
|
Chris@0
|
108 text-decoration: line-through;
|
Chris@0
|
109 }
|
Chris@0
|
110 .views-display-deleted > details > summary,
|
Chris@0
|
111 .views-display-deleted .details-wrapper > .views-ui-display-tab-bucket > *,
|
Chris@0
|
112 .views-display-deleted .views-display-columns {
|
Chris@0
|
113 opacity: 0.25;
|
Chris@0
|
114 }
|
Chris@0
|
115 .views-display-disabled > details > summary,
|
Chris@0
|
116 .views-display-disabled .details-wrapper > .views-ui-display-tab-bucket > *,
|
Chris@0
|
117 .views-display-disabled .views-display-columns {
|
Chris@0
|
118 opacity: 0.5;
|
Chris@0
|
119 }
|
Chris@0
|
120 .views-display-tab .details-wrapper > .views-ui-display-tab-bucket .actions {
|
Chris@14
|
121 opacity: 1;
|
Chris@0
|
122 }
|
Chris@0
|
123 .views-displays .tabs .add {
|
Chris@0
|
124 position: relative;
|
Chris@0
|
125 }
|
Chris@0
|
126 .views-displays .tabs .action-list {
|
Chris@18
|
127 position: absolute;
|
Chris@18
|
128 z-index: 50;
|
Chris@18
|
129 top: 23px;
|
Chris@0
|
130 left: 0; /* LTR */
|
Chris@0
|
131 margin: 0;
|
Chris@0
|
132 }
|
Chris@0
|
133 [dir="rtl"] .views-displays .tabs .action-list {
|
Chris@18
|
134 right: 0;
|
Chris@0
|
135 left: auto;
|
Chris@0
|
136 }
|
Chris@0
|
137 .views-displays .tabs .action-list li {
|
Chris@0
|
138 display: block;
|
Chris@0
|
139 }
|
Chris@0
|
140 .views-display-columns .details-wrapper {
|
Chris@0
|
141 padding: 0;
|
Chris@0
|
142 }
|
Chris@0
|
143 .views-display-column {
|
Chris@0
|
144 box-sizing: border-box;
|
Chris@0
|
145 }
|
Chris@0
|
146 .views-display-columns > * {
|
Chris@0
|
147 margin-bottom: 2em;
|
Chris@0
|
148 }
|
Chris@0
|
149
|
Chris@0
|
150 @media screen and (min-width: 45em) { /* 720px */
|
Chris@0
|
151 .views-display-columns > * {
|
Chris@0
|
152 float: left; /* LTR */
|
Chris@18
|
153 width: 32%;
|
Chris@18
|
154 margin-bottom: 0;
|
Chris@0
|
155 margin-left: 2%; /* LTR */
|
Chris@0
|
156 }
|
Chris@0
|
157 [dir="rtl"] .views-display-columns > * {
|
Chris@0
|
158 float: right;
|
Chris@18
|
159 margin-right: 2%;
|
Chris@0
|
160 margin-left: 0;
|
Chris@0
|
161 }
|
Chris@0
|
162 .views-display-columns > *:first-child {
|
Chris@0
|
163 margin-left: 0; /* LTR */
|
Chris@0
|
164 }
|
Chris@0
|
165 [dir="rtl"] .views-display-columns > *:first-child {
|
Chris@0
|
166 margin-right: 0;
|
Chris@0
|
167 }
|
Chris@0
|
168 }
|
Chris@0
|
169
|
Chris@0
|
170 .views-ui-dialog .scroll {
|
Chris@0
|
171 overflow: auto;
|
Chris@0
|
172 padding: 1em;
|
Chris@0
|
173 }
|
Chris@0
|
174 .views-filterable-options-controls {
|
Chris@0
|
175 display: none;
|
Chris@0
|
176 }
|
Chris@0
|
177 .views-ui-dialog .views-filterable-options-controls {
|
Chris@0
|
178 display: inline;
|
Chris@0
|
179 }
|
Chris@0
|
180
|
Chris@0
|
181 /* Don't let the messages overwhelm the modal */
|
Chris@0
|
182 .views-ui-dialog .views-messages {
|
Chris@18
|
183 overflow: auto;
|
Chris@0
|
184 max-height: 200px;
|
Chris@0
|
185 }
|
Chris@0
|
186 .views-display-setting .label,
|
Chris@0
|
187 .views-display-setting .views-ajax-link {
|
Chris@0
|
188 float: left; /* LTR */
|
Chris@0
|
189 }
|
Chris@0
|
190 [dir="rtl"] .views-display-setting .label,
|
Chris@0
|
191 [dir="rtl"] .views-display-setting .views-ajax-link {
|
Chris@0
|
192 float: right;
|
Chris@0
|
193 }
|
Chris@0
|
194 .form-item-options-value-all {
|
Chris@0
|
195 display: none;
|
Chris@0
|
196 }
|
Chris@0
|
197 .js-only {
|
Chris@0
|
198 display: none;
|
Chris@0
|
199 }
|
Chris@0
|
200 html.js .js-only {
|
Chris@0
|
201 display: inherit;
|
Chris@0
|
202 }
|
Chris@0
|
203 html.js span.js-only {
|
Chris@0
|
204 display: inline;
|
Chris@0
|
205 }
|
Chris@0
|
206 .js .views-edit-view .dropbutton-wrapper {
|
Chris@0
|
207 width: auto;
|
Chris@0
|
208 }
|