comparison core/modules/views_ui/css/views_ui.admin.css @ 0:c75dbcec494b

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