comparison core/themes/stable/css/system/system.admin.css @ 5:12f9dff5fda9 tip

Update to Drupal core 8.7.1
author Chris Cannam
date Thu, 09 May 2019 15:34:47 +0100
parents c75dbcec494b
children
comparison
equal deleted inserted replaced
4:a9cd425dd02b 5:12f9dff5fda9
8 */ 8 */
9 .layout-container { 9 .layout-container {
10 margin: 0 1.5em; 10 margin: 0 1.5em;
11 } 11 }
12 .layout-container:after { 12 .layout-container:after {
13 content: "";
14 display: table; 13 display: table;
15 clear: both; 14 clear: both;
15 content: "";
16 } 16 }
17 17
18 @media screen and (min-width: 38em) { 18 @media screen and (min-width: 38em) {
19 .layout-container { 19 .layout-container {
20 margin: 0 2.5em; 20 margin: 0 2.5em;
65 65
66 /** 66 /**
67 * Quick inline admin links. 67 * Quick inline admin links.
68 */ 68 */
69 small .admin-link:before { 69 small .admin-link:before {
70 content: ' ['; 70 content: " [";
71 } 71 }
72 small .admin-link:after { 72 small .admin-link:after {
73 content: ']'; 73 content: "]";
74 } 74 }
75 75
76 /** 76 /**
77 * Modules page. 77 * Modules page.
78 */ 78 */
81 } 81 }
82 .system-modules div.incompatible { 82 .system-modules div.incompatible {
83 font-weight: bold; 83 font-weight: bold;
84 } 84 }
85 .system-modules td.checkbox { 85 .system-modules td.checkbox {
86 width: 4%;
86 min-width: 25px; 87 min-width: 25px;
87 width: 4%;
88 } 88 }
89 .system-modules td.module { 89 .system-modules td.module {
90 width: 25%; 90 width: 25%;
91 } 91 }
92 .system-modules td { 92 .system-modules td {
96 .system-modules-uninstall label { 96 .system-modules-uninstall label {
97 color: #1d1d1d; 97 color: #1d1d1d;
98 font-size: 1.15em; 98 font-size: 1.15em;
99 } 99 }
100 .system-modules details { 100 .system-modules details {
101 overflow: hidden; /* truncates descriptions if too long */
102 white-space: nowrap;
103 text-overflow: ellipsis;
101 color: #5c5c5b; 104 color: #5c5c5b;
102 line-height: 20px; 105 line-height: 20px;
103 overflow: hidden; /* truncates descriptions if too long */
104 text-overflow: ellipsis;
105 white-space: nowrap;
106 } 106 }
107 .system-modules details[open] { 107 .system-modules details[open] {
108 overflow: visible;
108 height: auto; 109 height: auto;
109 overflow: visible;
110 white-space: normal; 110 white-space: normal;
111 } 111 }
112 .system-modules details[open] summary .text { 112 .system-modules details[open] summary .text {
113 text-transform: none;
113 -webkit-hyphens: auto; 114 -webkit-hyphens: auto;
114 -moz-hyphens: auto; 115 -moz-hyphens: auto;
115 -ms-hyphens: auto; 116 -ms-hyphens: auto;
116 hyphens: auto; 117 hyphens: auto;
117 text-transform: none;
118 } 118 }
119 .system-modules td details a { 119 .system-modules td details a {
120 color: #5c5c5b; 120 color: #5c5c5b;
121 border: 0; 121 border: 0;
122 } 122 }
123 .system-modules td details { 123 .system-modules td details {
124 height: 20px;
125 margin: 0;
124 border: 0; 126 border: 0;
125 margin: 0;
126 height: 20px;
127 } 127 }
128 .system-modules td details summary { 128 .system-modules td details summary {
129 padding: 0; 129 padding: 0;
130 cursor: default;
130 text-transform: none; 131 text-transform: none;
131 font-weight: normal; 132 font-weight: normal;
132 cursor: default;
133 } 133 }
134 .system-modules td { 134 .system-modules td {
135 padding-left: 0; /* LTR */ 135 padding-left: 0; /* LTR */
136 } 136 }
137 [dir="rtl"] .system-modules td { 137 [dir="rtl"] .system-modules td {
138 padding-right: 0;
138 padding-left: 12px; 139 padding-left: 12px;
139 padding-right: 0;
140 } 140 }
141 141
142 @media screen and (max-width: 40em) { 142 @media screen and (max-width: 40em) {
143 .system-modules td.name { 143 .system-modules td.name {
144 width: 20%; 144 width: 20%;
146 .system-modules td.description { 146 .system-modules td.description {
147 width: 40%; 147 width: 40%;
148 } 148 }
149 } 149 }
150 .system-modules .requirements { 150 .system-modules .requirements {
151 max-width: 490px;
151 padding: 5px 0; 152 padding: 5px 0;
152 max-width: 490px;
153 } 153 }
154 .system-modules .links { 154 .system-modules .links {
155 overflow: hidden; /* prevents collapse */ 155 overflow: hidden; /* prevents collapse */
156 } 156 }
157 .system-modules .checkbox { 157 .system-modules .checkbox {
160 .system-modules .checkbox .form-item { 160 .system-modules .checkbox .form-item {
161 margin-bottom: 0; 161 margin-bottom: 0;
162 } 162 }
163 .admin-requirements, 163 .admin-requirements,
164 .admin-required { 164 .admin-required {
165 color: #666;
165 font-size: 0.9em; 166 font-size: 0.9em;
166 color: #666;
167 } 167 }
168 .admin-enabled { 168 .admin-enabled {
169 color: #080; 169 color: #080;
170 } 170 }
171 .admin-missing { 171 .admin-missing {
172 color: #f00; 172 color: #f00;
173 } 173 }
174 .module-link { 174 .module-link {
175 display: block; 175 display: block;
176 float: left; /* LTR */
177 margin-top: 2px;
176 padding: 2px 20px; 178 padding: 2px 20px;
177 white-space: nowrap; 179 white-space: nowrap;
178 margin-top: 2px;
179 float: left; /* LTR */
180 } 180 }
181 [dir="rtl"] .module-link { 181 [dir="rtl"] .module-link {
182 float: right; 182 float: right;
183 } 183 }
184 .module-link-help { 184 .module-link-help {
201 } 201 }
202 202
203 /* Status report. */ 203 /* Status report. */
204 .system-status-report__status-title { 204 .system-status-report__status-title {
205 position: relative; 205 position: relative;
206 vertical-align: top; 206 box-sizing: border-box;
207 width: 100%; 207 width: 100%;
208 padding: 10px 6px 10px 40px; /* LTR */ 208 padding: 10px 6px 10px 40px; /* LTR */
209 box-sizing: border-box; 209 vertical-align: top;
210 background-color: transparent;
210 font-weight: normal; 211 font-weight: normal;
211 background-color: transparent;
212 } 212 }
213 [dir="rtl"] .system-status-report__status-title { 213 [dir="rtl"] .system-status-report__status-title {
214 padding: 10px 40px 10px 6px; 214 padding: 10px 40px 10px 6px;
215 } 215 }
216 .system-status-report__status-icon:before { 216 .system-status-report__status-icon:before {
217 position: absolute;
218 top: 12px;
219 left: 12px; /* LTR */
220 display: block;
221 width: 16px;
222 height: 16px;
217 content: ""; 223 content: "";
218 background-repeat: no-repeat; 224 background-repeat: no-repeat;
219 height: 16px;
220 width: 16px;
221 display: block;
222 position: absolute;
223 left: 12px; /* LTR */
224 top: 12px;
225 } 225 }
226 [dir="rtl"] .system-status-report__status-icon:before { 226 [dir="rtl"] .system-status-report__status-icon:before {
227 right: 12px;
227 left: auto; 228 left: auto;
228 right: 12px;
229 } 229 }
230 .system-status-report__status-icon--error:before { 230 .system-status-report__status-icon--error:before {
231 background-image: url(../../images/core/icons/e32700/error.svg); 231 background-image: url(../../images/core/icons/e32700/error.svg);
232 } 232 }
233 .system-status-report__status-icon--warning:before { 233 .system-status-report__status-icon--warning:before {
252 } 252 }
253 .system-themes-list { 253 .system-themes-list {
254 margin-bottom: 20px; 254 margin-bottom: 20px;
255 } 255 }
256 .system-themes-list-uninstalled { 256 .system-themes-list-uninstalled {
257 padding-top: 20px;
257 border-top: 1px solid #cdcdcd; 258 border-top: 1px solid #cdcdcd;
258 padding-top: 20px;
259 } 259 }
260 .system-themes-list__header { 260 .system-themes-list__header {
261 margin: 0; 261 margin: 0;
262 } 262 }
263 263
264 .theme-selector { 264 .theme-selector {
265 padding-top: 20px; 265 padding-top: 20px;
266 } 266 }
267 .theme-selector .screenshot, 267 .theme-selector .screenshot,
268 .theme-selector .no-screenshot { 268 .theme-selector .no-screenshot {
269 border: 1px solid #e0e0d8;
270 padding: 2px;
271 vertical-align: bottom;
272 max-width: 100%; 269 max-width: 100%;
273 height: auto; 270 height: auto;
271 padding: 2px;
274 text-align: center; 272 text-align: center;
273 vertical-align: bottom;
274 border: 1px solid #e0e0d8;
275 } 275 }
276 .theme-default .screenshot { 276 .theme-default .screenshot {
277 border: 1px solid #aaa; 277 border: 1px solid #aaa;
278 } 278 }
279 .system-themes-list-uninstalled .screenshot, 279 .system-themes-list-uninstalled .screenshot,
287 */ 287 */
288 @media screen and (min-width: 45em) { 288 @media screen and (min-width: 45em) {
289 body:not(.toolbar-vertical) .system-themes-list-installed .screenshot, 289 body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
290 body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot { 290 body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
291 float: left; /* LTR */ 291 float: left; /* LTR */
292 width: 294px;
292 margin: 0 20px 0 0; /* LTR */ 293 margin: 0 20px 0 0; /* LTR */
293 width: 294px;
294 } 294 }
295 [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .screenshot, 295 [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .screenshot,
296 [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot { 296 [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-installed .no-screenshot {
297 float: right; 297 float: right;
298 margin: 0 0 0 20px; 298 margin: 0 0 0 20px;
299 } 299 }
300 body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header { 300 body:not(.toolbar-vertical) .system-themes-list-installed .system-themes-list__header {
301 margin-top: 0; 301 margin-top: 0;
302 } 302 }
303 body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector { 303 body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
304 float: left; /* LTR */
304 box-sizing: border-box; 305 box-sizing: border-box;
305 width: 31.25%; 306 width: 31.25%;
306 float: left; /* LTR */
307 padding: 20px 20px 20px 0; /* LTR */ 307 padding: 20px 20px 20px 0; /* LTR */
308 } 308 }
309 [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector { 309 [dir="rtl"] body:not(.toolbar-vertical) .system-themes-list-uninstalled .theme-selector {
310 float: right; 310 float: right;
311 padding: 20px 0 20px 20px; 311 padding: 20px 0 20px 20px;
320 */ 320 */
321 @media screen and (min-width: 60em) { 321 @media screen and (min-width: 60em) {
322 .toolbar-vertical .system-themes-list-installed .screenshot, 322 .toolbar-vertical .system-themes-list-installed .screenshot,
323 .toolbar-vertical .system-themes-list-installed .no-screenshot { 323 .toolbar-vertical .system-themes-list-installed .no-screenshot {
324 float: left; /* LTR */ 324 float: left; /* LTR */
325 width: 294px;
325 margin: 0 20px 0 0; /* LTR */ 326 margin: 0 20px 0 0; /* LTR */
326 width: 294px;
327 } 327 }
328 [dir="rtl"] .toolbar-vertical .system-themes-list-installed .screenshot, 328 [dir="rtl"] .toolbar-vertical .system-themes-list-installed .screenshot,
329 [dir="rtl"] .toolbar-vertical .system-themes-list-installed .no-screenshot { 329 [dir="rtl"] .toolbar-vertical .system-themes-list-installed .no-screenshot {
330 float: right; 330 float: right;
331 margin: 0 0 0 20px; 331 margin: 0 0 0 20px;
332 } 332 }
333 .toolbar-vertical .system-themes-list-installed .theme-info__header { 333 .toolbar-vertical .system-themes-list-installed .theme-info__header {
334 margin-top: 0; 334 margin-top: 0;
335 } 335 }
336 .toolbar-vertical .system-themes-list-uninstalled .theme-selector { 336 .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
337 float: left; /* LTR */
337 box-sizing: border-box; 338 box-sizing: border-box;
338 width: 31.25%; 339 width: 31.25%;
339 float: left; /* LTR */
340 padding: 20px 20px 20px 0; /* LTR */ 340 padding: 20px 20px 20px 0; /* LTR */
341 } 341 }
342 [dir="rtl"] .toolbar-vertical .system-themes-list-uninstalled .theme-selector { 342 [dir="rtl"] .toolbar-vertical .system-themes-list-uninstalled .theme-selector {
343 float: right; 343 float: right;
344 padding: 20px 0 20px 20px; 344 padding: 20px 0 20px 20px;
366 list-style-type: none; 366 list-style-type: none;
367 border-right: 1px solid #cdcdcd; /* LTR */ 367 border-right: 1px solid #cdcdcd; /* LTR */
368 } 368 }
369 [dir="rtl"] .theme-selector .operations li { 369 [dir="rtl"] .theme-selector .operations li {
370 float: right; 370 float: right;
371 border-right: none;
371 border-left: 1px solid #cdcdcd; 372 border-left: 1px solid #cdcdcd;
372 border-right: none;
373 } 373 }
374 .theme-selector .operations li:last-child { 374 .theme-selector .operations li:last-child {
375 padding: 0 0 0 0.7em; /* LTR */ 375 padding: 0 0 0 0.7em; /* LTR */
376 border-right: none; /* LTR */ 376 border-right: none; /* LTR */
377 } 377 }