Newer
Older
Dries Buytaert
committed
/**
* Menus and lists.
Dries Buytaert
committed
*/
.item-list ul {
Angie Byron
committed
list-style-type: disc;
Angie Byron
committed
list-style-image: none;
Dries Buytaert
committed
margin: 0.25em 0 0.25em 1.5em; /* LTR */
Angie Byron
committed
}
[dir="rtl"] .item-list ul {
margin: 0.25em 1.5em 0.25em 0;
}
.item-list ul li,
li.leaf,
ul.menu li {
Angie Byron
committed
list-style-type: disc;
list-style-image: none;
}
ul.menu li {
margin: 0;
}
.item-list ul li.collapsed,
ul.menu li.collapsed {
list-style-image: url(../../misc/menu-collapsed.png);
list-style-type: disc;
Angie Byron
committed
}
.item-list ul li.expanded,
ul.menu li.expanded {
list-style-image: url(../../misc/menu-expanded.png);
list-style-type: circle;
Angie Byron
committed
}
Angie Byron
committed
/**
* Skip link.
*/
.skip-link {
margin-top: 0;
Angie Byron
committed
position: absolute;
Angie Byron
committed
left: 50%; /* LTR */
margin-left: -5.25em; /* LTR */
width: auto;
Angie Byron
committed
z-index: 50;
}
[dir="rtl"] .skip-link {
right: 50%;
margin-right: -5.25em;
}
.skip-link,
.skip-link:link,
.skip-link:visited {
Angie Byron
committed
display: inline-block;
background: #444;
color: #fff;
font-size: 0.94em;
Angie Byron
committed
padding: 1px 10px 2px 10px; /* LTR */
text-decoration: none;
border-radius: 0 0 10px 10px;
Angie Byron
committed
}
[dir="rtl"] .skip-link,
[dir="rtl"] .skip-link:link,
[dir="rtl"] .skip-link:visited {
padding: 1px 10px 2px 10px;
}
.skip-link:hover,
.skip-link:focus,
.skip-link:active {
Dries Buytaert
committed
outline: 0;
Angie Byron
committed
}
Angie Byron
committed
.skip-link.visually-hidden.focusable:active,
.skip-link.visually-hidden.focusable:focus,
.skip-link.visually-hidden.focusable:hover
{
position: absolute !important;
}
Angie Byron
committed
Dries Buytaert
committed
/**
* Branding.
*/
#branding {
overflow: hidden;
background-color: #e0e0d8;
Angie Byron
committed
padding: 24px 0 0;
}
/* This layout styling is a copy of #page.
* @TODO: Replace with reuseable layout classes.
**/
.branding__inner {
margin-left: 1.25em;
margin-right: 1.25em;
}
@media screen and (min-width:45em) { /* 720px */
.branding__inner {
margin-left: 2.5em;
margin-right: 2.5em;
}
Dries Buytaert
committed
}
[dir="rtl"] #branding {
padding: 20px 20px 0 20px;
}
Dries Buytaert
committed
.breadcrumb {
Dries Buytaert
committed
font-size: 0.846em;
Dries Buytaert
committed
line-height: 1em;
Angie Byron
committed
padding: 20px 0 10px 0;
Dries Buytaert
committed
}
/**
* Help.
*/
#help {
Dries Buytaert
committed
font-size: 0.923em;
Dries Buytaert
committed
}
#help p {
margin: 0 0 10px;
}
#help div.more-help-link {
Angie Byron
committed
text-align: right; /* LTR */
Dries Buytaert
committed
}
[dir="rtl"] #help div.more-help-link {
text-align: left;
}
Dries Buytaert
committed
/**
* Page title.
*/
#page-title {
padding-top: 20px;
}
Angie Byron
committed
#branding .page-title {
color: #333;
display: inline-block;
Angie Byron
committed
margin: 0;
Angie Byron
committed
font-size: 1.625em;
line-height: 1.875em;
font-weight: 600;
-webkit-font-smoothing: antialiased;
Dries Buytaert
committed
}
[dir="rtl"] #branding h1.page-title {
float: right;
}
Dries Buytaert
committed
/**
* Console.
*/
#console {
margin: 9px 0 10px;
Dries Buytaert
committed
}
/**
* Tabs.
*/
Angie Byron
committed
.is-collapse-enabled .tabs,
.is-horizontal .tabs {
position: relative;
}
Angie Byron
committed
.is-collapse-enabled .tabs:before,
.is-horizontal .tabs:before {
content: '';
display: block;
background-color: #A6A6A6;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
right: 0;
Dries Buytaert
committed
}
Angie Byron
committed
/* Span the full width of the viewport */
.branding__inner .is-horizontal .tabs:before,
.branding__inner .is-collapse-enabled .tabs:before {
left: -2.5em;
right: -2.5em;
}
Angie Byron
committed
/**
* Tab
*
* 1. Required by some elements such as <button>
* 2. Fixed height needed to ensure alignment with absolutely-positioned
* active tab.
*/
.tabs__tab {
position: relative;
Angie Byron
committed
display: block;
Angie Byron
committed
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: -1px 0 0;
padding: 9px 2em 7px 1em;
width: 100%; /* 1 */
border: 1px solid #bfbfbf;
background-color: rgba(242, 242, 240, 0.7);
color: #0074bd;
text-overflow: ellipsis;
white-space: nowrap;
}
.tabs__tab:hover {
color: #008ee6;
background-color: #fafaf7;
}
Angie Byron
committed
li.tabs__tab {
padding: 0;
Dries Buytaert
committed
}
Angie Byron
committed
li.tabs__tab a {
padding: 9px 2em 7px 1em;
Dries Buytaert
committed
}
Angie Byron
committed
.tabs a:hover,
.tabs a:focus {
text-decoration: none;
Dries Buytaert
committed
}
Angie Byron
committed
/* Primary tabs */
.tabs.primary {
Dries Buytaert
committed
clear: both;
Angie Byron
committed
margin: 16px 0 0;
margin: 1rem 0 0;
Angie Byron
committed
}
Angie Byron
committed
.tabs.primary .tabs__tab.active {
z-index: 15;
border-color: #a6a6a6;
border-radius: 4px 0 0 0;
background-color: #ffffff;
color: #004f80;
Dries Buytaert
committed
}
Angie Byron
committed
.tabs.primary a {
background: none;
Dries Buytaert
committed
}
Angie Byron
committed
.tabs.primary a:focus {
color: #008ee6;
background-color: #fafaf7;
text-decoration: underline;
Dries Buytaert
committed
}
Angie Byron
committed
.tabs.primary .active a:focus {
background: none;
text-decoration: underline;
Angie Byron
committed
}
Angie Byron
committed
/* Only add the arrow if there's space */
@media screen and (min-width:18.75em) { /* 300px */
.tabs.primary a {
background: url(../../misc/icons/0074bd/chevron-right.svg) 99% center no-repeat;
}
Angie Byron
committed
.no-svg .tabs.primary a {
background-image: url(../../misc/icons/0074bd/chevron-right.png);
}
Angie Byron
committed
[dir="rtl"] .tabs.primary a {
background: url(../../misc/icons/0074bd/chevron-left.svg) 1% center no-repeat;
}
Angie Byron
committed
[dir="rtl"] .no-svg .tabs.primary a {
background-image: url(../../misc/icons/0074bd/chevron-left.png);
}
Angie Byron
committed
.tabs.primary .tabs__tab.active a {
background-image: none;
}
}
Angie Byron
committed
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
.tabs__trigger {
display: none;
}
/* JS dependent styling */
.is-collapse-enabled .tabs__trigger {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
display: block;
position: absolute;
z-index: 10;
right: 0;
top: 2px;
left: auto;
width: 25%;
padding-right: 4px;
padding-left: 4px;
border-left: 0;
border-radius: 0 4px 0 0;
font-family: Arial, sans-serif;
font-size: 1.25em;
letter-spacing: 0.1em;
text-align: center;
outline: 0;
}
[dir="rtl"] .is-collapse-enabled .tabs__trigger {
border-right: 0;
border-left: 1px solid #bfbfbf;
border-radius: 4px 0 0 0;
right: auto;
left: 0;
top: 11px;
}
.is-collapse-enabled .tabs {
padding-top: 38px;
max-height: 0;
}
.tabs.is-open {
max-height: 999em;
padding-bottom:16px;
padding-bottom: 1rem;
}
.is-collapse-enabled .tabs__tab.active {
position: absolute;
top: 2px;
left: 0;
width: 75%;
border-bottom: 0;
}
[dir="rtl"] .is-collapse-enabled .tabs__tab.active {
left: auto;
right: 0;
}
.is-collapse-enabled .tabs.primary a.active:before {
content: none;
}
.is-open .tabs__tab.active {
border-color: #a6a6a6;
background-color: #ffffff;
color: #004f80;
border-bottom: 1px solid #a6a6a6;
}
/* Styles for the horizontal state always take priority */
.is-horizontal .tabs {
max-height: none !important;
padding-top: 0 !important;
overflow: visible;
}
.is-horizontal .tabs__tab {
float: left;
height: auto;
width: auto;
margin: 0 0 -1px;
text-align: center;
border-bottom-color: #a6a6a6;
}
[dir="rtl"] .is-horizontal .tabs__tab {
float: right;
}
.is-horizontal .tabs__tab + .tabs__tab {
margin-left: -1px;
}
.is-horizontal .tabs.primary .tabs__tab:first-child {
border-radius: 4px 0 0 0;
}
[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab:first-child {
border-radius: 0 4px 0 0;
}
.is-horizontal .tabs.primary .tabs__tab:last-child {
border-radius: 0 4px 0 0;
}
[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab:last-child {
border-radius: 4px 0 0 0;
}
/* Override the states above */
.is-horizontal .tabs__tab.active,
.is-horizontal .tabs.primary .tabs__tab.active,
[dir="rtl"] .is-horizontal .tabs.primary .tabs__tab.active {
border-radius: 4px 4px 0 0;
position: relative;
width: auto;
top: 0;
border-bottom: 0;
margin: 0 -4px;
}
[dir="rtl"] .is-horizontal .tabs__tab.active {
margin: 0 -6px;
}
.is-horizontal .tabs.primary a {
background-image: none;
padding: 7px 2em 7px 2em;
}
.is-horizontal .tabs__trigger {
display: none;
}
/* Secondary tabs */
.tabs.secondary {
display: block;
margin-top: 16px;
margin-top: 1rem;
}
.tabs.secondary .tabs__tab {
display: block;
padding: 5px 15px 5px 16px;
margin-left: -1px;
color: #0074bd;
-webkit-transition: border-color 0.2s, background-color 0.2s;
-moz-transition: border-color 0.2s, background-color 0.2s;
transition: border-color 0.2s, background-color 0.2s;
}
.tabs.secondary .tabs__tab + .tabs__tab {
border-top: 1px solid #d9d8d4;
}
.tabs.secondary .tabs__tab.active {
color: #004f80;
border-left: 2px solid #004f80;
padding-left: 15px;
}
.tabs.secondary .tabs__tab:hover {
color: #008ee6;
border-left: 2px solid #008ee6;
padding-left: 15px;
}
.tabs.secondary a {
background-color: transparent;
padding: 7px 13px 5px;
text-decoration: none;
}
.tabs.secondary .active a {
color: #004f80;
}
.tabs.secondary a:focus {
text-decoration: underline;
}
/* Styles for the horizontal state */
.is-horizontal .tabs.secondary .tabs__tab {
background: none;
float: left;
position: relative;
top: 0;
z-index: 15;
margin-left: 1em;
margin-right: 1em;
border-bottom: 2px solid transparent;
border-left: 1px solid transparent;
border-right-color: transparent;
border-top: 0;
padding: 0;
}
.is-horizontal .tabs.secondary .tabs__tab.active {
border-bottom-color: #004f80;
}
.is-horizontal .tabs.secondary .tabs__tab:hover {
border-bottom-color: #008ee6;
}
Dries Buytaert
committed
/**
* Page layout.
*/
#page {
background: #fff;
color: #333;
margin-left: 0.8125em;
margin-right: 0.8125em;
position: relative;
}
@media screen and (min-width:28.125em) { /* 450px */
#page {
margin-left: 1.25em;
margin-right: 1.25em;
}
}
@media screen and (min-width:45em) { /* 720px */
#page {
margin-left: 2.5em;
margin-right: 2.5em;
}
Dries Buytaert
committed
}
Angie Byron
committed
ul.links li,
ul.inline li {
Angie Byron
committed
padding-right: 1em; /* LTR */
Dries Buytaert
committed
}
[dir="rtl"] ul.links li,
[dir="rtl"] ul.inline li {
padding-left: 1em;
}
Angie Byron
committed
ul.inline li {
display: inline;
}
Angie Byron
committed
ul.admin-list {
margin: 0;
padding: 0;
}
.admin-list li {
Dries Buytaert
committed
position: relative;
Angie Byron
committed
border-top: 1px solid #bfbfbf;
margin: 0;
Dries Buytaert
committed
list-style-type: none;
list-style-image: none;
Angie Byron
committed
padding: 0;
}
.admin-list.compact li {
Angie Byron
committed
border: none;
Dries Buytaert
committed
}
.admin-list li a {
Angie Byron
committed
background: url(../../misc/icons/bebebe/chevron-disc-right.svg) no-repeat 1px 16px; /* LTR */
display: block;
Angie Byron
committed
padding: 14px 15px 14px 25px; /* LTR */
Angie Byron
committed
min-height: 0;
}
Angie Byron
committed
.no-svg .admin-list li a {
background-image: url(../../misc/icons/bebebe/chevron-disc-right.png); /* LTR */
}
[dir="rtl"] .admin-list li a {
Angie Byron
committed
background: url(../../misc/icons/bebebe/chevron-disc-left.svg) no-repeat right 16px;
padding-right: 25px;
padding-left: 15px;
}
.no-svg [dir="rtl"] .admin-list li a {
background-image: url(../../misc/icons/bebebe/chevron-disc-left.png);
}
.admin-list.compact li a {
background-image: none;
Angie Byron
committed
padding: 2px 0;
Angie Byron
committed
}
.admin-list li a:hover,
.admin-list li a:focus,
.admin-list li a:active {
text-decoration: none;
}
Angie Byron
committed
.admin-list li a .label {
font-size: 1.0769em;
}
.admin-list li a:hover .label,
.admin-list li a:focus .label,
.admin-list li a:active .label {
text-decoration: underline;
Angie Byron
committed
}
div.submitted {
color: #898989;
}
.node__submitted {
margin: 1em 0;
}
Angie Byron
committed
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
/**
* Pagination.
* The item-list CSS uses quite strong selectors, we have to match them here to
* override.
*/
.item-list .pager li {
display: inline-block;
color: #8c8c8c;
font-size: 1.08em;
padding: 0 0.6em;
margin: 0;
}
.item-list .pager a,
.item-list .pager .pager-current {
border-bottom: 2px solid transparent;
line-height: 1.55em;
padding: 0 5px;
text-decoration: none;
-webkit-transition: border-bottom-color 0.2s;
-moz-transition: border-bottom-color 0.2s;
transition: border-bottom-color 0.2s;
font-weight: 600;
-webkit-font-smoothing: antialiased;
}
.item-list .pager a {
padding-bottom: 3px;
}
.item-list .pager .pager-current {
border-bottom-width: 3px;
border-bottom-color: #2a678c;
color: #2a678c;
margin: 0 5px;
font-weight: 700;
}
.item-list .pager a:focus,
.item-list .pager a:hover {
border-bottom-color: #3395d2;
color: #3395d2;
}
.item-list .pager-next a,
.item-list .pager-last a,
.item-list .pager-first a,
.item-list .pager-previous a {
border-bottom-width: 0;
color: #2a678c;
font-weight: 600;
}
Dries Buytaert
committed
/**
* Tables.
*/
table {
width: 100%;
margin: 0 0 10px;
Alex Pott
committed
font-size: 0.923em;
Dries Buytaert
committed
}
Alex Pott
committed
caption {
text-align: left; /* LTR */
}
[dir="rtl"] caption {
text-align: right;
}
Alex Pott
committed
th {
padding: 10px 12px;
background: #f5f5f2;
border: solid #bfbfba;
border-width: 1px 0;
color: #333;
text-align: left; /* LTR */
text-transform: uppercase;
Dries Buytaert
committed
}
Alex Pott
committed
[dir="rtl"] th {
text-align: right;
Dries Buytaert
committed
}
Alex Pott
committed
tr {
Alex Pott
committed
border-bottom: 1px solid #e6e4df;
Alex Pott
committed
padding: 0.1em 0.6em;
}
thead > tr {
border-bottom: 1px solid #000;
Dries Buytaert
committed
}
Alex Pott
committed
tbody tr:hover {
background: #f7fcff;
Dries Buytaert
committed
}
Alex Pott
committed
td,
th {
Dries Buytaert
committed
vertical-align: top;
Dries Buytaert
committed
}
Alex Pott
committed
td {
padding: 10px 12px;
text-align: left; /* LTR */
Dries Buytaert
committed
}
Alex Pott
committed
[dir="rtl"] td {
text-align: right;
Dries Buytaert
committed
}
Alex Pott
committed
th > a {
Dries Buytaert
committed
position: relative;
Alex Pott
committed
display: block;
Dries Buytaert
committed
}
Alex Pott
committed
/* 1. Must match negative bottom padding of the parent <th> */
th > a:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: -10px; /* 1. */
left: 0;
right: 0;
border-bottom: 2px solid transparent;
transition: all 0.1s;
Angie Byron
committed
}
Alex Pott
committed
th.active > a {
color: #004875;
}
Alex Pott
committed
th.active img {
Dries Buytaert
committed
position: absolute;
Alex Pott
committed
right: 0; /* LTR */
top: 50%;
Dries Buytaert
committed
}
Alex Pott
committed
[dir="rtl"] th.active img {
right: auto;
Alex Pott
committed
left: 0;
}
Alex Pott
committed
th.active > a:after {
border-bottom-color: #004875;
Alex Pott
committed
th > a:focus,
th > a:hover,
th.active > a:focus,
th.active > a:hover {
color: #008ee6;
text-decoration: none;
Dries Buytaert
committed
}
Alex Pott
committed
th > a:focus:after,
th > a:hover:after,
th.active > a:focus:after,
th.active > a:hover:after {
border-bottom-color: #008ee6;
Dries Buytaert
committed
}
Alex Pott
committed
td .item-list ul {
margin: 0;
}
td.active {
background: none;
Dries Buytaert
committed
}
Alex Pott
committed
/* Force browsers to calculate the width of a 'select all' TH element. */
th.select-all {
width: 1px;
}
Angie Byron
committed
/**
* Captions.
*/
.caption {
margin-bottom: 1.2em;
}
Alex Pott
committed
/**
* Status report table.
*/
Dries Buytaert
committed
table.system-status-report tr {
catch
committed
border-top: 1px solid #ccc;
border-left: 1px solid #bebfb9;
Angie Byron
committed
border-right: 1px solid #bebfb9;
catch
committed
border-bottom: inherit;
}
table.system-status-report tr:first-child {
border-top: 1px solid #bebfb9;
Dries Buytaert
committed
}
Angie Byron
committed
table.system-status-report tr:last-child {
border-bottom: 1px solid #bebfb9;
}
Angie Byron
committed
table.system-status-report tr.ok {
color: #255b1e;
background-color: #e5ffe2;
Dries Buytaert
committed
}
Angie Byron
committed
table.system-status-report tr.warning {
color: #840;
background-color: #fffce5;
Dries Buytaert
committed
}
Angie Byron
committed
table.system-status-report tr.error {
color: #8c2e0b;
background-color: #fef5f1;
Dries Buytaert
committed
}
/**
* Responsive tables.
*/
@media screen and (max-width: 37.5em) { /* 600px */
th.priority-low,
td.priority-low,
th.priority-medium,
td.priority-medium {
display: none;
}
}
@media screen and (max-width: 60em) { /* 920px */
th.priority-low,
td.priority-low {
display: none;
}
}
Dries Buytaert
committed
/**
* Collapsible details.
Dries Buytaert
committed
*/
details {
line-height: 1.295em;
Dries Buytaert
committed
}
details summary {
padding-top: 0.5em;
padding-bottom: 0.5em;
Dries Buytaert
committed
}
Dries Buytaert
committed
Dries Buytaert
committed
/**
* Form elements.
*/
Alex Pott
committed
form {
margin: 0;
padding: 0;
}
fieldset {
margin: 1em 0;
}
Angie Byron
committed
.fieldgroup {
min-width: 0;
}
@-moz-document url-prefix() {
.fieldgroup {
display: table-cell;
}
}
Dries Buytaert
committed
.form-item {
margin: 1em 0;
Dries Buytaert
committed
}
Dries Buytaert
committed
.form-type-checkbox {
padding: 0;
}
Alex Pott
committed
label {
display: block;
Dries Buytaert
committed
margin: 0;
padding: 0;
Alex Pott
committed
font-weight: bold;
Dries Buytaert
committed
}
Dries Buytaert
committed
.form-item label.option {
Dries Buytaert
committed
font-size: 0.923em;
text-transform: none;
Dries Buytaert
committed
}
Dries Buytaert
committed
.form-item label.option input {
Dries Buytaert
committed
vertical-align: middle;
}
Dries Buytaert
committed
.form-disabled input.form-text,
.form-disabled input.form-tel,
catch
committed
.form-disabled input.form-email,
catch
committed
.form-disabled input.form-url,
catch
committed
.form-disabled input.form-search,
.form-disabled input.form-number,
Angie Byron
committed
.form-disabled input.form-color,
.form-disabled input.form-file,
Dries Buytaert
committed
.form-disabled textarea.form-textarea,
.form-disabled select.form-select {
background-color: #eee;
color: #777;
}
Dries Buytaert
committed
/* Filter */
.filter-wrapper {
Dries Buytaert
committed
font-size: 0.923em;
Dries Buytaert
committed
}
ul.tips,
div.description,
Dries Buytaert
committed
.form-item div.description {
Dries Buytaert
committed
margin: 5px 0;
Dries Buytaert
committed
line-height: 1.231em;
font-size: 0.923em;
Angie Byron
committed
color: #555;
Dries Buytaert
committed
}
Angie Byron
committed
ul.tips li {
Angie Byron
committed
margin: 0.25em 0 0.25em 1.5em; /* LTR */
Angie Byron
committed
}
[dir="rtl"] ul.tips li {
margin: 0.25em 1.5em 0.25em 0;
}
body div.form-type-radio div.description,
body div.form-type-checkbox div.description {
Angie Byron
committed
margin-left: 1.5em; /* LTR */
}
[dir="rtl"] body div.form-type-radio div.description,
[dir="rtl"] body div.form-type-checkbox div.description {
margin-left: 0;
margin-right: 1.5em;
}
Dries Buytaert
committed
input.form-autocomplete,
input.form-text,
input.form-tel,
catch
committed
input.form-email,
catch
committed
input.form-url,
catch
committed
input.form-search,
input.form-number,
Angie Byron
committed
input.form-color,
input.form-file,
Dries Buytaert
committed
textarea.form-textarea,
select.form-select {
Dries Buytaert
committed
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
Dries Buytaert
committed
padding: 2px;
max-width: 100%;
Dries Buytaert
committed
border: 1px solid #ccc;
border-top-color: #999;
background: #fff;
color: #333;
catch
committed
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
Dries Buytaert
committed
}
input.form-text:focus,
input.form-tel:focus,
catch
committed
input.form-email:focus,
catch
committed
input.form-url:focus,
catch
committed
input.form-search:focus,
input.form-number:focus,
Angie Byron
committed
input.form-color:focus,
input.form-file:focus,
Dries Buytaert
committed
textarea.form-textarea:focus,
select.form-select:focus {
color: #000;
catch
committed
border-color: rgba(0, 116, 189, 0.8);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
outline-color: rgba(0, 116, 189, 0.5);
Dries Buytaert
committed
}
Angie Byron
committed
/**
* Improve spacing of cancel link.
*/
#edit-cancel {
margin-left: 10px; /* LTR */
}
[dir="rtl"] #edit-cancel {
margin-left: 0;
margin-right: 10px;
}
Angie Byron
committed
/**
* Improve form element usability on narrow devices.
*/
@media screen and (max-width: 600px) {
#page {
margin: 0 10px;
}
input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
textarea.form-textarea {
width: 100%;
Angie Byron
committed
font-size: 1.2em;
line-height: 1.2em;
}
input.form-number {
width: auto;
}
Angie Byron
committed
.form-actions input,
.form-wrapper input[type="submit"] {
float: none;
catch
committed
margin-left: 0;
Angie Byron
committed
margin-right: 0;
margin-top: 10px;
padding-bottom: 6px;
width: 100%;
}
Dries Buytaert
committed
.form-actions input:first-child,
.form-wrapper input[type="submit"]:first-child {
margin-top: 0;
}
Angie Byron
committed
.exposed-filters .filters,
.exposed-filters .form-item label,
.exposed-filters .form-select {
float: none;
margin-bottom: 2px;
width: 100%;
}
details summary {
Angie Byron
committed
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
Dries Buytaert
committed
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
Angie Byron
committed
}
#dblog-filter-form .form-actions {
float: none;
padding: 0;
}
#edit-cancel {
display: block;
margin: 10px 0 0 0;
}
}
Dries Buytaert
committed
/* Exceptions */
#diff-inline-form select,
Angie Byron
committed
div.filter-options select {
Dries Buytaert
committed
padding: 0;
}
/**
* System.
*/
catch
committed
@media screen and (min-width: 40em) {
div.admin .right,
div.admin .left {
width: 49%;
margin: 0;
}
Dries Buytaert
committed
}
div.admin-panel,
div.admin-panel .body {
padding: 0;
clear: left;
}
div.admin-panel {
margin: 0 0 20px;
padding: 9px;
background: #f8f8f8;
border: 1px solid #ccc;
}
Angie Byron
committed
div.admin-panel h3 {
Dries Buytaert
committed
font-size: 0.923em;
Dries Buytaert
committed
text-transform: uppercase;
Angie Byron
committed
margin: 0;
Dries Buytaert
committed
padding-bottom: 9px;
}
Dries Buytaert
committed
/* admin/appearance */
Angie Byron
committed
#system-themes-page h2 {
Dries Buytaert
committed
font-weight: normal;
text-transform: uppercase;
}
Angie Byron
committed
.theme-selector h3 {
Dries Buytaert
committed
font-weight: normal;
}
Angie Byron
committed
.theme-default h3 {
Dries Buytaert
committed
font-weight: bold;
}
Dries Buytaert
committed
/* Update options. */
div.admin-options {
background: #f8f8f8;
line-height: 30px;
height: 30px;
padding: 9px;
border: 1px solid #ccc;
margin: 0 0 10px;
}
div.admin-options label {
text-transform: uppercase;
Dries Buytaert
committed
font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif;
Dries Buytaert
committed
}
div.admin-options label,
div.admin-options div.form-item {
Angie Byron
committed
margin-right: 10px; /* LTR */
float: left; /* LTR */
Dries Buytaert
committed
}
[dir="rtl"] div.admin-options label,
[dir="rtl"] div.admin-options div.form-item {
margin-left: 10px;
margin-right: 0;