Make WordPress Core

Changeset 22236


Ignore:
Timestamp:
10/15/2012 02:55:29 PM (12 years ago)
Author:
koopersmith
Message:

Consolidate buttons CSS into a single file.

Adds wp-includes/css/buttons.css to consolidate buttons files and make them available in a modular fashion. Buttons are included automatically with the colors styles, and can be included independently by running:

wp_enqueue_style('buttons');

fixes #22197, see #21598.

Location:
trunk
Files:
1 added
4 edited
1 copied

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/colors-classic.css

    r22099 r22236  
    377377.side-info ul {
    378378    color: #666;
    379 }
    380 
    381 a.button:active {
    382     outline: none;
    383 }
    384 
    385 .button,
    386 .button-secondary,
    387 .submit input,
    388 input[type=button],
    389 input[type=submit] {
    390     background: #f3f3f3;
    391     background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
    392     background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
    393     background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
    394     background-image:      -o-linear-gradient(top, #fefefe, #f4f4f4);
    395     background-image:   linear-gradient(to bottom, #fefefe, #f4f4f4);
    396     border-color: #bbb;
    397     color: #333;
    398     text-shadow: 0 1px 0 #fff;
    399 }
    400 
    401 .button.hover,
    402 .button:hover,
    403 .button-secondary.hover,
    404 .button-secondary:hover,
    405 .submit input:hover,
    406 input[type=button]:hover,
    407 input[type=submit]:hover,
    408 .button.focus,
    409 .button:focus,
    410 .button-secondary.focus,
    411 .button-secondary:focus,
    412 .submit input.focus,
    413 .submit input:focus,
    414 input[type=button].focus,
    415 input[type=button]:focus,
    416 input[type=submit]:focus {
    417     background: #f3f3f3;
    418     background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    419     background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
    420     background-image:    -moz-linear-gradient(top, #fff, #f3f3f3);
    421     background-image:      -o-linear-gradient(top, #fff, #f3f3f3);
    422     background-image:   linear-gradient(to bottom, #fff, #f3f3f3);
    423     border-color: #999;
    424     color: #222;
    425 }
    426 
    427 .button.focus,
    428 .button:focus,
    429 .button-secondary.focus,
    430 .button-secondary:focus,
    431 .submit input.focus,
    432 .submit input:focus,
    433 input[type=button].focus,
    434 input[type=button]:focus,
    435 input[type=submit]:focus {
    436     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    437     box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    438 }
    439 
    440 .button.active,
    441 .button:active,
    442 .button-secondary.active,
    443 .button-secondary:active,
    444 .submit input:active,
    445 input[type=button].active,
    446 input[type=button]:active,
    447 input[type=submit]:active {
    448     background: #eee;
    449     background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
    450     background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe);
    451     background-image:    -moz-linear-gradient(top, #f4f4f4, #fefefe);
    452     background-image:      -o-linear-gradient(top, #f4f4f4, #fefefe);
    453     background-image:   linear-gradient(to bottom, #f4f4f4, #fefefe);
    454     border-color: #999;
    455     color: #333;
    456     text-shadow: 0 -1px 0 #fff;
    457     -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    458     box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    459 }
    460 
    461 .button-disabled,
    462 .button[disabled],
    463 .button:disabled,
    464 .button-secondary[disabled],
    465 .button-secondary:disabled,
    466 a.button.disabled {
    467     color: #aaa !important;
    468     border-color: #ddd !important;
    469     background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important;
    470     background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    471     background-image:    -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    472     background-image:      -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    473     background-image:   linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important;
    474     -webkit-box-shadow: none !important;
    475     box-shadow:         none !important;
    476     text-shadow: 0 1px 0 #fff !important;
    477 }
    478 
    479 input.button-primary,
    480 button.button-primary,
    481 a.button-primary {
    482     background-color: #21759b;
    483     background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    484     background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    485     background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
    486     background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
    487     background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
    488     border-color: #21759b;
    489     border-bottom-color: #1e6a8d;
    490     -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    491     box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    492     color: #fff;
    493     text-decoration: none;
    494     text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    495 }
    496 
    497 input.button-primary.hover,
    498 input.button-primary:hover,
    499 button.button-primary:hover,
    500 a.button-primary:hover,
    501 input.button-primary.focus,
    502 input.button-primary:focus,
    503 button.button-primary:focus,
    504 a.button-primary:focus {
    505     background-color: #278ab7;
    506     background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    507     background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    508     background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
    509     background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
    510     background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
    511     border-color: #1b607f;
    512     -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    513     box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    514     color: #fff;
    515     text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    516 }
    517 
    518 input.button-primary.focus,
    519 input.button-primary:focus,
    520 button.button-primary:focus,
    521 a.button-primary:focus {
    522     border-color: #0e3950;
    523     -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1);
    524     box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1);
    525 }
    526 
    527 input.button-primary.active,
    528 input.button-primary:active,
    529 button.button-primary:active,
    530 a.button-primary:active {
    531     background: #1b607f;
    532     background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    533     background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    534     background-image:    -moz-linear-gradient(top, #21759b, #278ab7);
    535     background-image:      -o-linear-gradient(top, #21759b, #278ab7);
    536     background-image:   linear-gradient(to bottom, #21759b, #278ab7);
    537     border-color: #124560 #2382ae #2382ae #2382ae;
    538     color: rgba(255,255,255,0.95);
    539     -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    540     box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    541     text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    542 }
    543 
    544 .button-primary-disabled,
    545 .button-primary[disabled],
    546 .button-primary:disabled {
    547     color: #94cde7 !important;
    548     background: #298cba !important;
    549     border-color: #1b607f !important;
    550     -webkit-box-shadow: none !important;
    551     box-shadow:         none !important;
    552     text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important;
    553 }
    554 
    555 .button-primary-disabled:hover,
    556 .button-primary[disabled]:hover {
    557     text-shadow: none;
    558379}
    559380
  • trunk/wp-admin/css/colors-fresh.css

    r22099 r22236  
    368368.side-info ul {
    369369    color: #666;
    370 }
    371 
    372 a.button:active {
    373     outline: none;
    374 }
    375 
    376 .button,
    377 .button-secondary,
    378 .submit input,
    379 input[type=button],
    380 input[type=submit] {
    381     background: #f3f3f3;
    382     background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
    383     background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
    384     background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
    385     background-image:      -o-linear-gradient(top, #fefefe, #f4f4f4);
    386     background-image:   linear-gradient(to bottom, #fefefe, #f4f4f4);
    387     border-color: #bbb;
    388     color: #333;
    389     text-shadow: 0 1px 0 #fff;
    390 }
    391 
    392 .button.hover,
    393 .button:hover,
    394 .button-secondary.hover,
    395 .button-secondary:hover,
    396 .submit input:hover,
    397 input[type=button]:hover,
    398 input[type=submit]:hover,
    399 .button.focus,
    400 .button:focus,
    401 .button-secondary.focus,
    402 .button-secondary:focus,
    403 .submit input.focus,
    404 .submit input:focus,
    405 input[type=button].focus,
    406 input[type=button]:focus,
    407 input[type=submit]:focus {
    408     background: #f3f3f3;
    409     background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    410     background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
    411     background-image:    -moz-linear-gradient(top, #fff, #f3f3f3);
    412     background-image:      -o-linear-gradient(top, #fff, #f3f3f3);
    413     background-image:   linear-gradient(to bottom, #fff, #f3f3f3);
    414     border-color: #999;
    415     color: #222;
    416 }
    417 
    418 .button.focus,
    419 .button:focus,
    420 .button-secondary.focus,
    421 .button-secondary:focus,
    422 .submit input.focus,
    423 .submit input:focus,
    424 input[type=button].focus,
    425 input[type=button]:focus,
    426 input[type=submit]:focus {
    427     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    428     box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    429 }
    430 
    431 .button.active,
    432 .button:active,
    433 .button-secondary.active,
    434 .button-secondary:active,
    435 .submit input:active,
    436 input[type=button].active,
    437 input[type=button]:active,
    438 input[type=submit]:active {
    439     background: #eee;
    440     background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
    441     background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe);
    442     background-image:    -moz-linear-gradient(top, #f4f4f4, #fefefe);
    443     background-image:      -o-linear-gradient(top, #f4f4f4, #fefefe);
    444     background-image:   linear-gradient(to bottom, #f4f4f4, #fefefe);
    445     border-color: #999;
    446     color: #333;
    447     text-shadow: 0 -1px 0 #fff;
    448     -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    449     box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    450 }
    451 
    452 .button-disabled,
    453 .button[disabled],
    454 .button:disabled,
    455 .button-secondary[disabled],
    456 .button-secondary:disabled,
    457 a.button.disabled {
    458     color: #aaa !important;
    459     border-color: #ddd !important;
    460     background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important;
    461     background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    462     background-image:    -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    463     background-image:      -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    464     background-image:   linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important;
    465     -webkit-box-shadow: none !important;
    466     box-shadow:         none !important;
    467     text-shadow: 0 1px 0 #fff !important;
    468 }
    469 
    470 input.button-primary,
    471 button.button-primary,
    472 a.button-primary {
    473     background-color: #21759b;
    474     background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    475     background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    476     background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
    477     background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
    478     background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
    479     border-color: #21759b;
    480     border-bottom-color: #1e6a8d;
    481     -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    482     box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    483     color: #fff;
    484     text-decoration: none;
    485     text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    486 }
    487 
    488 input.button-primary.hover,
    489 input.button-primary:hover,
    490 button.button-primary:hover,
    491 a.button-primary:hover,
    492 input.button-primary.focus,
    493 input.button-primary:focus,
    494 button.button-primary:focus,
    495 a.button-primary:focus {
    496     background-color: #278ab7;
    497     background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    498     background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    499     background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
    500     background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
    501     background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
    502     border-color: #1b607f;
    503     -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    504     box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    505     color: #fff;
    506     text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    507 }
    508 
    509 input.button-primary.focus,
    510 input.button-primary:focus,
    511 button.button-primary:focus,
    512 a.button-primary:focus {
    513     border-color: #0e3950;
    514     -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1);
    515     box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 0 1px 2px rgba(0,0,0,0.1);
    516 }
    517 
    518 input.button-primary.active,
    519 input.button-primary:active,
    520 button.button-primary:active,
    521 a.button-primary:active {
    522     background: #1b607f;
    523     background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    524     background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    525     background-image:    -moz-linear-gradient(top, #21759b, #278ab7);
    526     background-image:      -o-linear-gradient(top, #21759b, #278ab7);
    527     background-image:   linear-gradient(to bottom, #21759b, #278ab7);
    528     border-color: #124560 #2382ae #2382ae #2382ae;
    529     color: rgba(255,255,255,0.95);
    530     -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    531     box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    532     text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    533 }
    534 
    535 .button-primary-disabled,
    536 .button-primary[disabled],
    537 .button-primary:disabled {
    538     color: #94cde7 !important;
    539     background: #298cba !important;
    540     border-color: #1b607f !important;
    541     -webkit-box-shadow: none !important;
    542     box-shadow:         none !important;
    543     text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important;
    544 }
    545 
    546 .button-primary-disabled:hover,
    547 .button-primary[disabled]:hover {
    548     text-shadow: none;
    549370}
    550371
  • trunk/wp-admin/css/wp-admin.css

    r22167 r22236  
    771771}
    772772
    773 .submit input,
    774 .button,
    775 input.button,
    776 .button-primary,
    777 input.button-primary,
    778 .button-secondary,
    779 input.button-secondary {
    780     display: inline-block;
    781     text-decoration: none;
    782     font-size: 12px;
    783     line-height: 17px;
    784     height: 15px;
    785     margin: 0;
    786     padding: 0.25em 0.85em 0.35em;
    787     cursor: pointer;
    788     border-width: 1px;
    789     border-style: solid;
    790     -webkit-border-radius: 3px;
    791     border-radius: 3px;
    792     -webkit-box-sizing: content-box;
    793     -moz-box-sizing:    content-box;
    794     box-sizing:         content-box;
    795     white-space: nowrap;
    796 }
    797 
    798 .button.button-large {
    799     padding: 0.4em 1.0em 0.5em;
    800 }
    801 
    802 .button.button-small {
    803     padding: 0.15em 0.75em 0.17em;
    804 }
    805 
    806773#minor-publishing-actions input,
    807774#major-publishing-actions input,
  • trunk/wp-includes/css/buttons.css

    r22231 r22236  
    1 /*------------------------------------------------------------------------------
    2 
    3 
    4 Howdy! This is the CSS file that controls the
    5 Gray (fresh) color style on the WordPress Dashboard.
    6 
    7 This file contains both LTR and RTL styles.
     1/* ----------------------------------------------------------------------------
     2
     3
     4WordPress-style Buttons
    85
    96
    107TABLE OF CONTENTS:
    118------------------
    12  1.0 - Left to Right Styles
    13  2.0 - Right to Left Styles
    14 
    15 
    16 ------------------------------------------------------------------------------*/
    17 
    18 
    19 /*------------------------------------------------------------------------------
    20   1.0 - Left to Right Styles
    21 ------------------------------------------------------------------------------*/
    22 
    23 html,
    24 .wp-dialog {
    25     background-color: #fff;
    26 }
    27 
    28 textarea,
    29 input[type="text"],
    30 input[type="password"],
    31 input[type="file"],
    32 input[type="button"],
    33 input[type="submit"],
    34 input[type="reset"],
    35 input[type="email"],
    36 input[type="number"],
    37 input[type="search"],
    38 input[type="tel"],
    39 input[type="url"],
    40 select {
    41     border-color: #dfdfdf;
    42     background-color: #fff;
    43     color: #333;
    44 }
    45 
    46 select {
    47     color: #000;
    48 }
    49 
    50 textarea:focus,
    51 input[type="text"]:focus,
    52 input[type="password"]:focus,
    53 input[type="file"]:focus,
    54 input[type="button"]:focus,
    55 input[type="submit"].focus,
    56 input[type="submit"]:focus,
    57 input[type="reset"]:focus,
    58 input[type="email"]:focus,
    59 input[type="number"]:focus,
    60 input[type="search"]:focus,
    61 input[type="tel"]:focus,
    62 input[type="url"]:focus,
    63 select:focus {
    64     border-color: #a1a1a1;
    65     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    66     box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    67 }
    68 
    69 kbd,
    70 code {
    71     background: #eaeaea;
    72 }
    73 
    74 input[readonly] {
    75     background-color: #eee;
    76 }
    77 
    78 .find-box-search {
    79     border-color: #dfdfdf;
    80     background-color: #f1f1f1;
    81 }
    82 
    83 .find-box {
    84     background-color: #f1f1f1;
    85 }
    86 
    87 .find-box-inside {
    88     background-color: #fff;
    89 }
    90 
    91 a.page-numbers:hover {
    92     border-color: #999;
    93 }
    94 
    95 body,
    96 #wpbody,
    97 .form-table .pre,
    98 .ui-autocomplete li a {
    99     color: #333;
    100 }
    101 
    102 body > #upload-menu {
    103     border-bottom-color: #fff;
    104 }
    105 
    106 #postcustomstuff table,
    107 #your-profile fieldset,
    108 #rightnow,
    109 div.dashboard-widget,
    110 #dashboard-widgets p.dashboard-widget-links {
    111     border-color: #ccc;
    112 }
    113 
    114 #poststuff .inside label.spam,
    115 #poststuff .inside label.deleted {
    116     color: red;
    117 }
    118 
    119 #poststuff .inside label.waiting {
    120     color: orange;
    121 }
    122 
    123 #poststuff .inside label.approved {
    124     color: green;
    125 }
    126 
    127 #postcustomstuff table {
    128     border-color: #dfdfdf;
    129     background-color: #F9F9F9;
    130 }
    131 
    132 #postcustomstuff thead th {
    133     background-color: #F1F1F1;
    134 }
    135 
    136 .widefat {
    137     border-color: #dfdfdf;
    138     background-color: #f9f9f9;
    139 }
    140 textarea.widefat {
    141     background-color: #fff;
    142 }
    143 
    144 div.dashboard-widget-error {
    145     background-color: #c43;
    146 }
    147 
    148 div.dashboard-widget-notice {
    149     background-color: #cfe1ef;
    150 }
    151 
    152 div.dashboard-widget-submit {
    153     border-top-color: #ccc;
    154 }
    155 
    156 ul.category-tabs li {
    157     border-color: transparent;
    158 }
    159 
    160 div.tabs-panel,
    161 .wp-tab-panel,
    162 ul.category-tabs li.tabs,
    163 ul.add-menu-item-tabs li.tabs,
    164 .wp-tab-active {
    165     border-color: #dfdfdf;
    166     background-color: #fff;
    167 }
    168 
    169 ul.category-tabs li.tabs,
    170 ul.add-menu-item-tabs li.tabs,
    171 .wp-tab-active {
    172     background-color: #fff;
    173 }
    174 
    175 input.disabled,
    176 textarea.disabled {
    177     background-color: #ccc;
    178 }
    179 /* #upload-menu li a.upload-tab-link, */
    180 #plugin-information .action-button a,
    181 #plugin-information .action-button a:hover,
    182 #plugin-information .action-button a:visited {
    183     color: #fff;
    184 }
    185 
    186 .widget .widget-top,
    187 .postbox h3,
    188 .stuffbox h3,
    189 .widefat thead tr th,
    190 .widefat tfoot tr th,
    191 h3.dashboard-widget-title,
    192 h3.dashboard-widget-title span,
    193 h3.dashboard-widget-title small,
    194 .find-box-head,
    195 .sidebar-name,
    196 #nav-menu-header,
    197 #nav-menu-footer,
    198 .menu-item-handle {
    199     background: #f1f1f1;
    200     background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
    201     background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
    202     background-image:    -moz-linear-gradient(bottom, #ececec, #f9f9f9);
    203     background-image:      -o-linear-gradient(bottom, #ececec, #f9f9f9);
    204     background-image: linear-gradient(to top, #ececec, #f9f9f9);
    205 }
    206 
    207 .widget .widget-top,
    208 .postbox h3,
    209 .stuffbox h3 {
    210     border-bottom-color: #dfdfdf;
    211     text-shadow: #fff 0 1px 0;
    212     -webkit-box-shadow: 0 1px 0 #fff;
    213     box-shadow: 0 1px 0 #fff;
    214 }
    215 
    216 .form-table th,
    217 .form-wrap label {
    218     color: #222;
    219     text-shadow: #fff 0 1px 0;
    220 }
    221 
    222 .description,
    223 .form-wrap p {
    224     color: #666;
    225 }
    226 
    227 strong .post-com-count span {
    228     background-color: #21759b;
    229 }
    230 
    231 .sorthelper {
    232     background-color: #ccf3fa;
    233 }
    234 
    235 .ac_match,
    236 .subsubsub a.current {
    237     color: #000;
    238 }
    239 
    240 .wrap h2 {
    241     color: #464646;
    242 }
    243 
    244 .wrap .add-new-h2,
    245 .wrap .add-new-h2:active {
    246     background: #f1f1f1;
    247 }
    248 
    249 .wrap .add-new-h2:focus {
    250     background: #c7e7fd;
    251 }
    252 
    253 .subtitle {
    254     color: #777;
    255 }
    256 
    257 .ac_over {
    258     background-color: #f0f0b8;
    259 }
    260 
    261 .ac_results {
    262     background-color: #fff;
    263     border-color: #808080;
    264 }
    265 
    266 .ac_results li {
    267     color: #101010;
    268 }
    269 
    270 .alternate,
    271 .alt {
    272     background-color: #fcfcfc;
    273 }
    274 
    275 .available-theme a.screenshot {
    276     background-color: #f1f1f1;
    277     border-color: #ddd;
    278 }
    279 
    280 .bar {
    281     background-color: #e8e8e8;
    282     border-right-color: #99d;
    283 }
    284 
    285 #media-upload,
    286 #media-upload .media-item .slidetoggle {
    287     background: #fff;
    288 }
    289 
    290 #media-upload .slidetoggle {
    291     border-top-color: #dfdfdf;
    292 }
    293 
    294 div.error,
    295 .login #login_error {
    296     background-color: #ffebe8;
    297     border-color: #c00;
    298 }
    299 
    300 div.error a {
    301     color: #c00;
    302 }
    303 
    304 .form-invalid {
    305     background-color: #ffebe8 !important;
    306 }
    307 
    308 .form-invalid input,
    309 .form-invalid select {
    310     border-color: #c00 !important;
    311 }
    312 
    313 .submit,
    314 #commentsdiv #add-new-comment {
    315     border-color: #dfdfdf;
    316 }
    317 
    318 .highlight {
    319     background-color: #e4f2fd;
    320     color: #000;
    321 }
    322 
    323 .howto,
    324 .nonessential,
    325 #edit-slug-box,
    326 .form-input-tip,
    327 .subsubsub {
    328     color: #666;
    329 }
    330 
    331 .media-upload-form label.form-help,
    332 td.help {
    333     color: #9a9a9a;
    334 }
    335 
    336 .ui-autocomplete {
    337     background-color: #efefef;
    338     border-color: #bbb;
    339 }
    340 
    341 .ui-autocomplete li a.ui-state-hover {
    342     background-color: #ddd;
    343 }
    344 
    345 .post-com-count {
    346     background-image: url(../images/bubble_bg.gif);
    347     color: #fff;
    348 }
    349 
    350 .post-com-count span {
    351     background-color: #bbb;
    352     color: #fff;
    353 }
    354 
    355 .post-com-count:hover span {
    356     background-color: #d54e21;
    357 }
    358 
    359 .quicktags, .search {
    360     background-color: #ccc;
    361     color: #000;
    362 }
    363 
    364 .side-info h5 {
    365     border-bottom-color: #dadada;
    366 }
    367 
    368 .side-info ul {
    369     color: #666;
     9 1.0 - Button Layouts
     10 2.0 - Default Button Style
     11 3.0 - Primary Button Style
     12
     13---------------------------------------------------------------------------- */
     14
     15/* ----------------------------------------------------------------------------
     16  1.0 - Button Layouts
     17---------------------------------------------------------------------------- */
     18
     19.submit input,
     20.button,
     21input.button,
     22.button-primary,
     23input.button-primary,
     24.button-secondary,
     25input.button-secondary {
     26    display: inline-block;
     27    text-decoration: none;
     28    font-size: 12px;
     29    line-height: 17px;
     30    height: 15px;
     31    margin: 0;
     32    padding: 0.25em 0.85em 0.35em;
     33    cursor: pointer;
     34    border-width: 1px;
     35    border-style: solid;
     36    -webkit-border-radius: 3px;
     37    border-radius: 3px;
     38    -webkit-box-sizing: content-box;
     39    -moz-box-sizing:    content-box;
     40    box-sizing:         content-box;
     41    white-space: nowrap;
     42}
     43
     44.button.button-large {
     45    padding: 0.4em 1.0em 0.5em;
     46}
     47
     48.button.button-small {
     49    padding: 0.15em 0.75em 0.17em;
    37050}
    37151
     
    37353    outline: none;
    37454}
     55
     56/* ----------------------------------------------------------------------------
     57  2.0 - Default Button Style
     58---------------------------------------------------------------------------- */
    37559
    37660.button,
     
    468152}
    469153
     154/* ----------------------------------------------------------------------------
     155  3.0 - Primary Button Style
     156---------------------------------------------------------------------------- */
     157
    470158input.button-primary,
     159input[type=submit].button-primary,
     160input[type=button].button-primary,
    471161button.button-primary,
    472162a.button-primary {
     
    488178input.button-primary.hover,
    489179input.button-primary:hover,
     180input[type=submit].button-primary:hover,
     181input[type=button].button-primary:hover,
    490182button.button-primary:hover,
    491183a.button-primary:hover,
    492184input.button-primary.focus,
    493185input.button-primary:focus,
     186input[type=submit].button-primary:focus,
     187input[type=button].button-primary:focus,
    494188button.button-primary:focus,
    495189a.button-primary:focus {
     
    498192    background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    499193    background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
     194    background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
    500195    background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
    501196    background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
     
    509204input.button-primary.focus,
    510205input.button-primary:focus,
     206input[type=submit].button-primary:focus,
     207input[type=button].button-primary:focus,
    511208button.button-primary:focus,
    512209a.button-primary:focus {
     
    517214
    518215input.button-primary.active,
     216input[type=submit].button-primary:active,
     217input[type=button].button-primary:active,
    519218input.button-primary:active,
    520219button.button-primary:active,
     
    524223    background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    525224    background-image:    -moz-linear-gradient(top, #21759b, #278ab7);
     225    background-image:     -ms-linear-gradient(top, #21759b, #278ab7);
    526226    background-image:      -o-linear-gradient(top, #21759b, #278ab7);
    527227    background-image:   linear-gradient(to bottom, #21759b, #278ab7);
     
    548248    text-shadow: none;
    549249}
    550 
    551 a:hover,
    552 a:active {
    553     color: #d54e21;
    554 }
    555 
    556 a:focus {
    557     background: #c7e7fd;
    558     color: #124964;
    559 }
    560 
    561 a:active {
    562     background: none;
    563     outline: thin dotted;
    564 }
    565 
    566 #adminmenu a:active {
    567     outline: none;
    568 }
    569 
    570 #adminmenu a:hover,
    571 #adminmenu li.menu-top > a:focus,
    572 #adminmenu .wp-submenu a:hover,
    573 #the-comment-list .comment a:hover,
    574 #rightnow a:hover,
    575 #media-upload a.del-link:hover,
    576 div.dashboard-widget-submit input:hover,
    577 .subsubsub a:hover,
    578 .subsubsub a.current:hover,
    579 .ui-tabs-nav a:hover,
    580 .plugins .inactive a:hover,
    581 #all-plugins-table .plugins .inactive a:hover,
    582 #search-plugins-table .plugins .inactive a:hover {
    583     color: #d54e21;
    584 }
    585 
    586 #the-comment-list .comment-item,
    587 #dashboard-widgets #dashboard_quick_press form p.submit {
    588     border-color: #dfdfdf;
    589 }
    590 
    591 #side-sortables .category-tabs .tabs a,
    592 #side-sortables .add-menu-item-tabs .tabs a,
    593 .wp-tab-bar .wp-tab-active a {
    594     color: #333;
    595 }
    596 
    597 #rightnow .rbutton {
    598     background-color: #ebebeb;
    599     color: #264761;
    600 }
    601 
    602 .submitbox .submit {
    603     background-color: #464646;
    604     color: #ccc;
    605 }
    606 
    607 .plugins a.delete:hover,
    608 #all-plugins-table .plugins a.delete:hover,
    609 #search-plugins-table .plugins a.delete:hover,
    610 .submitbox .submitdelete {
    611     color: #f00;
    612     border-bottom-color: #f00;
    613 }
    614 
    615 .submitbox .submitdelete:hover,
    616 #media-items a.delete:hover,
    617 #media-items a.delete-permanently:hover {
    618     color: #fff;
    619     background-color: #f00;
    620     border-bottom-color: #f00;
    621 }
    622 
    623 #normal-sortables .submitbox .submitdelete:hover {
    624     color: #000;
    625     background-color: #f00;
    626     border-bottom-color: #f00;
    627 }
    628 
    629 .tablenav .dots {
    630     border-color: transparent;
    631 }
    632 
    633 .tablenav .next,
    634 .tablenav .prev {
    635     border-color: transparent;
    636     color: #21759b;
    637 }
    638 
    639 .tablenav .next:hover,
    640 .tablenav .prev:hover {
    641     border-color: transparent;
    642     color: #d54e21;
    643 }
    644 
    645 div.updated,
    646 .login .message {
    647     background-color: #ffffe0;
    648     border-color: #e6db55;
    649 }
    650 
    651 .update-message {
    652     color: #000;
    653 }
    654 
    655 a.page-numbers {
    656     border-bottom-color: #B8D3E2;
    657 }
    658 
    659 .commentlist li {
    660     border-bottom-color: #ccc;
    661 }
    662 
    663 .widefat td,
    664 .widefat th {
    665     border-top-color: #fff;
    666     border-bottom-color: #dfdfdf;
    667 }
    668 
    669 .widefat th {
    670     text-shadow: rgba(255,255,255,0.8) 0 1px 0;
    671 }
    672 
    673 .widefat td {
    674     color: #555;
    675 }
    676 .widefat p,
    677 .widefat ol,
    678 .widefat ul {
    679     color: #333;
    680 }
    681 
    682 .widefat thead tr th,
    683 .widefat tfoot tr th,
    684 h3.dashboard-widget-title,
    685 h3.dashboard-widget-title span,
    686 h3.dashboard-widget-title small,
    687 .find-box-head {
    688     color: #333;
    689 }
    690 
    691 th.sortable a:hover,
    692 th.sortable a:active,
    693 th.sortable a:focus {
    694     color: #333;
    695 }
    696 
    697 th.sortable a:focus {
    698     background: #e1e1e1;
    699     background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9));
    700     background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9);
    701     background-image:    -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9);
    702     background-image:      -o-linear-gradient(bottom, #dcdcdc, #e9e9e9);
    703     background-image: linear-gradient(to top, #dcdcdc, #e9e9e9);
    704 }
    705 
    706 h3.dashboard-widget-title small a {
    707     color: #d7d7d7;
    708 }
    709 
    710 h3.dashboard-widget-title small a:hover {
    711     color: #fff;
    712 }
    713 
    714 a,
    715 #adminmenu a,
    716 #the-comment-list p.comment-author strong a,
    717 #media-upload a.del-link,
    718 #media-items a.delete,
    719 #media-items a.delete-permanently,
    720 .plugins a.delete,
    721 .ui-tabs-nav a {
    722     color: #21759b;
    723 }
    724 
    725 #adminmenu .awaiting-mod,
    726 #adminmenu .update-plugins,
    727 #sidemenu a .update-plugins,
    728 #rightnow .reallynow {
    729     background-color: #464646;
    730     color: #fff;
    731     -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    732     box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    733 }
    734 #plugin-information .action-button {
    735     background-color: #d54e21;
    736     color: #fff;
    737 }
    738 
    739 #adminmenu li.current a .awaiting-mod,
    740 #adminmenu  li a.wp-has-current-submenu .update-plugins{
    741     background-color: #464646;
    742     color: #fff;
    743     -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    744     box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    745 }
    746 
    747 div#media-upload-header,
    748 div#plugin-information-header {
    749     background-color: #f9f9f9;
    750     border-bottom-color: #dfdfdf;
    751 }
    752 
    753 #currenttheme img {
    754     border-color: #666;
    755 }
    756 
    757 #dashboard_secondary div.dashboard-widget-content ul li a {
    758     background-color: #f9f9f9;
    759 }
    760 
    761 input.readonly, textarea.readonly {
    762     background-color: #ddd;
    763 }
    764 
    765 #editable-post-name {
    766     background-color: #fffbcc;
    767 }
    768 
    769 #edit-slug-box strong,
    770 .tablenav .displaying-num,
    771 #submitted-on,
    772 .submitted-on {
    773     color: #777;
    774 }
    775 
    776 .login #nav a,
    777 .login #backtoblog a {
    778     color: #21759b !important;
    779 }
    780 
    781 .login #nav a:hover,
    782 .login #backtoblog a:hover {
    783     color: #d54e21 !important;
    784 }
    785 
    786 #wpfooter {
    787     color: #777;
    788     border-color: #dfdfdf;
    789 }
    790 
    791 .imgedit-group,
    792 #media-items .media-item,
    793 .media-item .describe {
    794     border-color: #dfdfdf;
    795 }
    796 
    797 .checkbox,
    798 .side-info,
    799 .plugins tr,
    800 #your-profile #rich_editing {
    801     background-color: #fcfcfc;
    802 }
    803 
    804 .plugins .inactive,
    805 .plugins .inactive th,
    806 .plugins .inactive td,
    807 tr.inactive + tr.plugin-update-tr .plugin-update {
    808     background-color: #f4f4f4;
    809 }
    810 
    811 .plugin-update-tr .update-message {
    812     background-color: #fffbe4;
    813     border-color: #dfdfdf;
    814 }
    815 
    816 .plugins .active,
    817 .plugins .active th,
    818 .plugins .active td {
    819     color: #000;
    820 }
    821 
    822 .plugins .inactive a {
    823     color: #557799;
    824 }
    825 
    826 #the-comment-list tr.undo,
    827 #the-comment-list div.undo {
    828     background-color: #f4f4f4;
    829 }
    830 
    831 #the-comment-list .unapproved {
    832     background-color: #ffffe0;
    833 }
    834 
    835 #the-comment-list .approve a {
    836     color: #006505;
    837 }
    838 
    839 #the-comment-list .unapprove a {
    840     color: #d98500;
    841 }
    842 
    843 table.widefat span.delete a,
    844 table.widefat span.trash a,
    845 table.widefat span.spam a,
    846 #dashboard_recent_comments .delete a,
    847 #dashboard_recent_comments .trash a,
    848 #dashboard_recent_comments .spam a {
    849     color: #bc0b0b;
    850 }
    851 
    852 .welcome-panel {
    853     background: #f5f5f5;
    854     background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa));
    855     background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa);
    856     background-image:    -moz-linear-gradient(bottom, #f5f5f5, #fafafa);
    857     background-image:      -o-linear-gradient(bottom, #f5f5f5, #fafafa);
    858     background-image: linear-gradient(to top, #f5f5f5, #fafafa);
    859     border-color: #dfdfdf;
    860 }
    861 .welcome-panel p {
    862     color: #777;
    863 }
    864 .welcome-panel-column p {
    865     color: #464646;
    866 }
    867 .welcome-panel h3 {
    868     text-shadow: 1px 1px 1px #fff;
    869 }
    870 
    871 .widget,
    872 #widget-list .widget-top,
    873 .postbox,
    874 #titlediv,
    875 #poststuff .postarea,
    876 .stuffbox {
    877     border-color: #dfdfdf;
    878     -webkit-box-shadow: inset 0 1px 0 #fff;
    879     box-shadow: inset 0 1px 0 #fff;
    880     -webkit-border-radius: 3px;
    881     border-radius: 3px;
    882 }
    883 
    884 .widget,
    885 #widget-list .widget-top,
    886 .postbox,
    887 .menu-item-settings {
    888     background: #f5f5f5;
    889     background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f9f9f9));
    890     background-image: -webkit-linear-gradient(bottom, #f5f5f5, #f9f9f9);
    891     background-image:    -moz-linear-gradient(bottom, #f5f5f5, #f9f9f9);
    892     background-image:      -o-linear-gradient(bottom, #f5f5f5, #f9f9f9);
    893     background-image: linear-gradient(to top, #f5f5f5, #f9f9f9);
    894 }
    895 
    896 .postbox h3 {
    897     color: #464646;
    898 }
    899 
    900 .widget .widget-top {
    901     color: #222;
    902 }
    903 
    904 .sidebar-name:hover h3,
    905 .postbox h3:hover {
    906     color: #000;
    907 }
    908 
    909 .curtime #timestamp {
    910     background-image: url(../images/date-button.gif);
    911 }
    912 
    913 #rightnow .youhave {
    914     background-color: #f0f6fb;
    915 }
    916 
    917 #rightnow a {
    918     color: #448abd;
    919 }
    920 
    921 .tagchecklist span a,
    922 #bulk-titles div a {
    923     background: url(../images/xit.gif) no-repeat;
    924 }
    925 
    926 .tagchecklist span a:hover,
    927 #bulk-titles div a:hover {
    928     background: url(../images/xit.gif) no-repeat -10px 0;
    929 }
    930 
    931 #update-nag, .update-nag {
    932     background-color: #FFFBCC;
    933     border-color: #E6DB55;
    934     color: #555;
    935 }
    936 
    937 #screen-meta {
    938     background-color: #f1f1f1;
    939     border-color: #ccc;
    940     -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
    941     box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
    942 }
    943 
    944 #contextual-help-back {
    945     background: #fff;
    946 }
    947 
    948 .contextual-help-tabs a:hover {
    949     color: #333;
    950 }
    951 
    952 #contextual-help-back,
    953 .contextual-help-tabs .active {
    954     border-color: #ccc;
    955 }
    956 
    957 .contextual-help-tabs .active,
    958 .contextual-help-tabs .active a,
    959 .contextual-help-tabs .active a:hover {
    960     background: #fff;
    961     color: #333;
    962 }
    963 
    964 /* screen options and help tabs */
    965 #screen-options-link-wrap,
    966 #contextual-help-link-wrap {
    967     border-right: 1px solid #ccc;
    968     border-left: 1px solid #ccc;
    969     border-bottom: 1px solid #ccc;
    970     background: #e3e3e3;
    971     background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#f1f1f1));
    972     background-image: -webkit-linear-gradient(bottom, #dfdfdf, #f1f1f1);
    973     background-image:    -moz-linear-gradient(bottom, #dfdfdf, #f1f1f1);
    974     background-image:      -o-linear-gradient(bottom, #dfdfdf, #f1f1f1);
    975     background-image: linear-gradient(to top, #dfdfdf, #f1f1f1);
    976 }
    977 
    978 #screen-meta-links a {
    979     color: #777;
    980     background: transparent url(../images/arrows.png) no-repeat right 4px;
    981 }
    982 
    983 #screen-meta-links a:focus {
    984     background-color: #c7e7fd;
    985     color: #124964;
    986 }
    987 
    988 #screen-meta-links a:hover,
    989 #screen-meta-links a:active {
    990     color: #333;
    991     background-color: transparent;
    992 }
    993 
    994 #screen-meta-links a.screen-meta-active {
    995     background-position: right -31px;
    996 }
    997 
    998 /* end screen options and help tabs */
    999 
    1000 .login #backtoblog a {
    1001     color: #464646;
    1002 }
    1003 
    1004 #wphead {
    1005     border-bottom:#dfdfdf 1px solid;
    1006 }
    1007 
    1008 #wphead h1 a {
    1009     color: #464646;
    1010 }
    1011 
    1012 #wpfooter a:link,
    1013 #wpfooter a:visited {
    1014     text-decoration: none;
    1015 }
    1016 
    1017 #wpfooter a:hover {
    1018     text-decoration: underline;
    1019 }
    1020 
    1021 .file-error,
    1022 abbr.required,
    1023 .widget-control-remove:hover,
    1024 table.widefat .delete a:hover,
    1025 table.widefat .trash a:hover,
    1026 table.widefat .spam a:hover,
    1027 #dashboard_recent_comments .delete a:hover,
    1028 #dashboard_recent_comments .trash a:hover
    1029 #dashboard_recent_comments .spam a:hover {
    1030     color: #f00;
    1031 }
    1032 
    1033 #pass-strength-result {
    1034     background-color: #eee;
    1035     border-color: #ddd !important;
    1036 }
    1037 
    1038 #pass-strength-result.bad {
    1039     background-color: #ffb78c;
    1040     border-color: #ff853c !important;
    1041 }
    1042 
    1043 #pass-strength-result.good {
    1044     background-color: #ffec8b;
    1045     border-color: #fc0 !important;
    1046 }
    1047 
    1048 #pass-strength-result.short {
    1049     background-color: #ffa0a0;
    1050     border-color: #f04040 !important;
    1051 }
    1052 
    1053 #pass-strength-result.strong {
    1054     background-color: #c3ff88;
    1055     border-color: #8dff1c !important;
    1056 }
    1057 
    1058 #post-status-info {
    1059     border-color: #dfdfdf #ccc #ccc;
    1060     background-color: #eaeaea;
    1061 }
    1062 
    1063 .editwidget .widget-inside {
    1064     border-color: #dfdfdf;
    1065 }
    1066 
    1067 #titlediv #title {
    1068     background-color: #fff;
    1069 }
    1070 
    1071 #tTips p#tTips_inside {
    1072     background-color: #ddd;
    1073     color: #333;
    1074 }
    1075 
    1076 #poststuff .inside .the-tagcloud {
    1077     border-color: #ddd;
    1078 }
    1079 
    1080 /* menu */
    1081 #adminmenuback,
    1082 #adminmenuwrap {
    1083     background-color: #ececec;
    1084     border-color: #ccc;
    1085 }
    1086 
    1087 #adminmenushadow,
    1088 #adminmenuback {
    1089     background-image: url(../images/menu-shadow.png);
    1090     background-position: top right;
    1091     background-repeat: repeat-y;
    1092 }
    1093 
    1094 #adminmenu li.wp-menu-separator {
    1095     background: #dfdfdf;
    1096     border-color: #cfcfcf;
    1097 }
    1098 
    1099 #adminmenu div.separator {
    1100     border-color: #e1e1e1;
    1101 }
    1102 
    1103 #adminmenu a.menu-top,
    1104 #adminmenu .wp-submenu .wp-submenu-head {
    1105     border-top-color: #f9f9f9;
    1106     border-bottom-color: #dfdfdf;
    1107 }
    1108 
    1109 #adminmenu li.wp-menu-open {
    1110     border-color: #dfdfdf;
    1111 }
    1112 
    1113 #adminmenu li.menu-top:hover,
    1114 #adminmenu li.opensub > a.menu-top,
    1115 #adminmenu li > a.menu-top:focus {
    1116     background-color: #e4e4e4;
    1117     color: #d54e21;
    1118     text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
    1119 }
    1120 
    1121 /* So it doesn't get applied to the number spans (comments, updates, etc) */
    1122 #adminmenu li.menu-top:hover > a span,
    1123 #adminmenu li.menu-top > a:focus span {
    1124     text-shadow: none;
    1125 }
    1126 
    1127 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    1128 #adminmenu li.current a.menu-top,
    1129 .folded #adminmenu li.wp-has-current-submenu,
    1130 .folded #adminmenu li.current.menu-top,
    1131 #adminmenu .wp-menu-arrow,
    1132 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    1133     background: #777;
    1134     background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
    1135     background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
    1136     background-image:    -moz-linear-gradient(bottom, #6d6d6d, #808080);
    1137     background-image:      -o-linear-gradient(bottom, #6d6d6d, #808080);
    1138     background-image: linear-gradient(to top, #6d6d6d, #808080);
    1139 }
    1140 
    1141 #adminmenu .wp-menu-arrow div {
    1142     background: #777;
    1143     background-image: -webkit-gradient(linear, right bottom, left top, from(#6d6d6d), to(#808080));
    1144     background-image: -webkit-linear-gradient(bottom right, #6d6d6d, #808080);
    1145     background-image:    -moz-linear-gradient(bottom right, #6d6d6d, #808080);
    1146     background-image:      -o-linear-gradient(bottom right, #6d6d6d, #808080);
    1147     background-image: linear-gradient(to top left, #6d6d6d, #808080);
    1148 }
    1149 
    1150 #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
    1151     border-top-color: #f9f9f9;
    1152     border-bottom-color: #dfdfdf;
    1153     background: #E4E4E4;
    1154 }
    1155 
    1156 #adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
    1157     background: #E4E4E4;
    1158     border-color: #ccc;
    1159 }
    1160 
    1161 .folded #adminmenu li.menu-top li:hover a {
    1162     background-image: none;
    1163 }
    1164 
    1165 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    1166 #adminmenu li.current a.menu-top,
    1167 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    1168     text-shadow: 0 -1px 0 #333;
    1169     color: #fff;
    1170     border-top-color: #808080;
    1171     border-bottom-color: #6d6d6d;
    1172 }
    1173 
    1174 .folded #adminmenu li.wp-has-current-submenu,
    1175 .folded #adminmenu li.current.menu-top {
    1176     border-top-color: #808080;
    1177     border-bottom-color: #6d6d6d;
    1178 }
    1179 
    1180 #adminmenu .wp-submenu a:hover,
    1181 #adminmenu .wp-submenu a:focus {
    1182     background-color: #EAF2FA;
    1183     color: #333;
    1184 }
    1185 
    1186 #adminmenu .wp-submenu li.current,
    1187 #adminmenu .wp-submenu li.current a,
    1188 #adminmenu .wp-submenu li.current a:hover {
    1189     color: #333;
    1190 }
    1191 
    1192 #adminmenu .wp-submenu,
    1193 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    1194 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    1195     background-color: #fff;
    1196     border-color: #dfdfdf;
    1197     -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1198     box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1199 }
    1200 
    1201 #adminmenu .wp-submenu .wp-submenu-head {
    1202     background-color: #e4e4e4;
    1203     color: #333;
    1204 }
    1205 
    1206 /* collapse menu button */
    1207 #collapse-menu {
    1208     color: #aaa;
    1209     border-top-color: #f9f9f9;
    1210 }
    1211 
    1212 #collapse-menu:hover {
    1213     color: #999;
    1214 }
    1215 
    1216 #collapse-button {
    1217     border-color: #ccc;
    1218     background: #f4f4f4;
    1219     background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff));
    1220     background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff);
    1221     background-image:    -moz-linear-gradient(bottom, #dfdfdf, #fff);
    1222     background-image:      -o-linear-gradient(bottom, #dfdfdf, #fff);
    1223     background-image: linear-gradient(to top, #dfdfdf, #fff);
    1224 }
    1225 
    1226 #collapse-menu:hover #collapse-button {
    1227     border-color: #aaa;
    1228 }
    1229 
    1230 #collapse-button div {
    1231     background: transparent url(../images/arrows.png) no-repeat 0 -72px;
    1232 }
    1233 
    1234 .folded #collapse-button div {
    1235     background-position: 0 -108px;
    1236 }
    1237 
    1238 /* Auto-folding of the admin menu */
    1239 @media only screen and (max-width: 900px) {
    1240     .auto-fold #adminmenu li.wp-has-current-submenu,
    1241     .auto-fold #adminmenu li.current.menu-top {
    1242         background-color: #777;
    1243         background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
    1244         background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
    1245         background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
    1246         background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
    1247         background-image: linear-gradient(bottom, #6d6d6d, #808080);
    1248     }
    1249 
    1250     .auto-fold #adminmenu li.wp-has-current-submenu,
    1251     .auto-fold #adminmenu li.current.menu-top {
    1252         border-top-color: #808080;
    1253         border-bottom-color: #6d6d6d;
    1254     }
    1255 
    1256     .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    1257     .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    1258         background-color: #fff;
    1259         border-color: #dfdfdf;
    1260         -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1261         box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1262     }
    1263 
    1264     .auto-fold #collapse-button div {
    1265         background-position: 0 -108px;
    1266     }
    1267 }
    1268 
    1269 /* menu and screen icons */
    1270 .icon16,
    1271 .icon32,
    1272 div.wp-menu-image {
    1273     background-color: transparent;
    1274     background-repeat: no-repeat;
    1275 }
    1276 
    1277 .icon16.icon-dashboard,
    1278 .menu-icon-dashboard div.wp-menu-image,
    1279 .icon16.icon-post,
    1280 .menu-icon-post div.wp-menu-image,
    1281 .icon16.icon-media,
    1282 .menu-icon-media div.wp-menu-image,
    1283 .icon16.icon-links,
    1284 .menu-icon-links div.wp-menu-image,
    1285 .icon16.icon-page,
    1286 .menu-icon-page div.wp-menu-image,
    1287 .icon16.icon-comments,
    1288 .menu-icon-comments div.wp-menu-image,
    1289 .icon16.icon-appearance,
    1290 .menu-icon-appearance div.wp-menu-image,
    1291 .icon16.icon-plugins,
    1292 .menu-icon-plugins div.wp-menu-image,
    1293 .icon16.icon-users,
    1294 .menu-icon-users div.wp-menu-image,
    1295 .icon16.icon-tools,
    1296 .menu-icon-tools div.wp-menu-image,
    1297 .icon16.icon-settings,
    1298 .menu-icon-settings div.wp-menu-image,
    1299 .icon16.icon-site,
    1300 .menu-icon-site div.wp-menu-image {
    1301     background-image: url('../images/menu.png?ver=20120201');
    1302 }
    1303 
    1304 .icon16.icon-dashboard,
    1305 #adminmenu .menu-icon-dashboard div.wp-menu-image {
    1306     background-position: -59px -33px;
    1307 }
    1308 
    1309 #adminmenu .menu-icon-dashboard:hover div.wp-menu-image,
    1310 #adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
    1311 #adminmenu .menu-icon-dashboard.current div.wp-menu-image {
    1312     background-position: -59px -1px;
    1313 }
    1314 
    1315 .icon16.icon-post,
    1316 #adminmenu .menu-icon-post div.wp-menu-image {
    1317     background-position: -269px -33px;
    1318 }
    1319 
    1320 #adminmenu .menu-icon-post:hover div.wp-menu-image,
    1321 #adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
    1322 #adminmenu .menu-icon-post.current div.wp-menu-image {
    1323     background-position: -269px -1px;
    1324 }
    1325 
    1326 .icon16.icon-media,
    1327 #adminmenu .menu-icon-media div.wp-menu-image {
    1328     background-position: -119px -33px;
    1329 }
    1330 
    1331 #adminmenu .menu-icon-media:hover div.wp-menu-image,
    1332 #adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
    1333 #adminmenu .menu-icon-media.current div.wp-menu-image {
    1334     background-position: -119px -1px;
    1335 }
    1336 
    1337 .icon16.icon-links,
    1338 #adminmenu .menu-icon-links div.wp-menu-image {
    1339     background-position: -89px -33px;
    1340 }
    1341 
    1342 #adminmenu .menu-icon-links:hover div.wp-menu-image,
    1343 #adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
    1344 #adminmenu .menu-icon-links.current div.wp-menu-image {
    1345     background-position: -89px -1px;
    1346 }
    1347 
    1348 .icon16.icon-page,
    1349 #adminmenu .menu-icon-page div.wp-menu-image {
    1350     background-position: -149px -33px;
    1351 }
    1352 
    1353 #adminmenu .menu-icon-page:hover div.wp-menu-image,
    1354 #adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
    1355 #adminmenu .menu-icon-page.current div.wp-menu-image {
    1356     background-position: -149px -1px;
    1357 }
    1358 
    1359 .icon16.icon-comments,
    1360 #adminmenu .menu-icon-comments div.wp-menu-image {
    1361     background-position: -29px -33px;
    1362 }
    1363 
    1364 #adminmenu .menu-icon-comments:hover div.wp-menu-image,
    1365 #adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
    1366 #adminmenu .menu-icon-comments.current div.wp-menu-image {
    1367     background-position: -29px -1px;
    1368 }
    1369 
    1370 .icon16.icon-appearance,
    1371 #adminmenu .menu-icon-appearance div.wp-menu-image {
    1372     background-position: 1px -33px;
    1373 }
    1374 
    1375 #adminmenu .menu-icon-appearance:hover div.wp-menu-image,
    1376 #adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
    1377 #adminmenu .menu-icon-appearance.current div.wp-menu-image {
    1378     background-position: 1px -1px;
    1379 }
    1380 
    1381 .icon16.icon-plugins,
    1382 #adminmenu .menu-icon-plugins div.wp-menu-image {
    1383     background-position: -179px -33px;
    1384 }
    1385 
    1386 #adminmenu .menu-icon-plugins:hover div.wp-menu-image,
    1387 #adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
    1388 #adminmenu .menu-icon-plugins.current div.wp-menu-image {
    1389     background-position: -179px -1px;
    1390 }
    1391 
    1392 .icon16.icon-users,
    1393 #adminmenu .menu-icon-users div.wp-menu-image {
    1394     background-position: -300px -33px;
    1395 }
    1396 
    1397 #adminmenu .menu-icon-users:hover div.wp-menu-image,
    1398 #adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
    1399 #adminmenu .menu-icon-users.current div.wp-menu-image {
    1400     background-position: -300px -1px;
    1401 }
    1402 
    1403 .icon16.icon-tools,
    1404 #adminmenu .menu-icon-tools div.wp-menu-image {
    1405     background-position: -209px -33px;
    1406 }
    1407 
    1408 #adminmenu .menu-icon-tools:hover div.wp-menu-image,
    1409 #adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
    1410 #adminmenu .menu-icon-tools.current div.wp-menu-image {
    1411     background-position: -209px -1px;
    1412 }
    1413 
    1414 .icon16.icon-settings,
    1415 #adminmenu .menu-icon-settings div.wp-menu-image {
    1416     background-position: -239px -33px;
    1417 }
    1418 
    1419 #adminmenu .menu-icon-settings:hover div.wp-menu-image,
    1420 #adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
    1421 #adminmenu .menu-icon-settings.current div.wp-menu-image {
    1422     background-position: -239px -1px;
    1423 }
    1424 
    1425 .icon16.icon-site,
    1426 #adminmenu .menu-icon-site div.wp-menu-image {
    1427     background-position: -359px -33px;
    1428 }
    1429 
    1430 #adminmenu .menu-icon-site:hover div.wp-menu-image,
    1431 #adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
    1432 #adminmenu .menu-icon-site.current div.wp-menu-image {
    1433     background-position: -359px -1px;
    1434 }
    1435 /* end menu and screen icons */
    1436 
    1437 /* Screen Icons */
    1438 .icon32.icon-post,
    1439 #icon-edit,
    1440 #icon-post,
    1441 .icon32.icon-dashboard,
    1442 #icon-index,
    1443 .icon32.icon-media,
    1444 #icon-upload,
    1445 .icon32.icon-links,
    1446 #icon-link-manager,
    1447 #icon-link,
    1448 #icon-link-category,
    1449 .icon32.icon-page,
    1450 #icon-edit-pages,
    1451 #icon-page,
    1452 .icon32.icon-comments,
    1453 #icon-edit-comments,
    1454 .icon32.icon-appearance,
    1455 #icon-themes,
    1456 .icon32.icon-plugins,
    1457 #icon-plugins,
    1458 .icon32.icon-users,
    1459 #icon-users,
    1460 #icon-profile,
    1461 #icon-user-edit,
    1462 .icon32.icon-tools,
    1463 #icon-tools,
    1464 #icon-admin,
    1465 .icon32.icon-settings,
    1466 #icon-options-general,
    1467 .icon32.icon-site,
    1468 #icon-ms-admin {
    1469     background-image: url(../images/icons32.png?ver=20111206);
    1470 }
    1471 
    1472 .icon32.icon-post,
    1473 #icon-edit,
    1474 #icon-post {
    1475     background-position: -552px -5px;
    1476 }
    1477 
    1478 .icon32.icon-dashboard,
    1479 #icon-index {
    1480     background-position: -137px -5px;
    1481 }
    1482 
    1483 .icon32.icon-media,
    1484 #icon-upload {
    1485     background-position: -251px -5px;
    1486 }
    1487 
    1488 .icon32.icon-links,
    1489 #icon-link-manager,
    1490 #icon-link,
    1491 #icon-link-category {
    1492     background-position: -190px -5px;
    1493 }
    1494 
    1495 .icon32.icon-page,
    1496 #icon-edit-pages,
    1497 #icon-page {
    1498     background-position: -312px -5px;
    1499 }
    1500 
    1501 .icon32.icon-comments,
    1502 #icon-edit-comments {
    1503     background-position: -72px -5px;
    1504 }
    1505 
    1506 .icon32.icon-appearance,
    1507 #icon-themes {
    1508     background-position: -11px -5px;
    1509 }
    1510 
    1511 .icon32.icon-plugins,
    1512 #icon-plugins {
    1513     background-position: -370px -5px;
    1514 }
    1515 
    1516 .icon32.icon-users,
    1517 #icon-users,
    1518 #icon-profile,
    1519 #icon-user-edit {
    1520     background-position: -600px -5px;
    1521 }
    1522 
    1523 .icon32.icon-tools,
    1524 #icon-tools,
    1525 #icon-admin {
    1526     background-position: -432px -5px;
    1527 }
    1528 
    1529 .icon32.icon-settings,
    1530 #icon-options-general {
    1531     background-position: -492px -5px;
    1532 }
    1533 
    1534 .icon32.icon-site,
    1535 #icon-ms-admin {
    1536     background-position: -659px -5px;
    1537 }
    1538 
    1539 /* end screen icons */
    1540 
    1541 /* Diff */
    1542 table.diff .diff-deletedline {
    1543     background-color: #fdd;
    1544 }
    1545 
    1546 table.diff .diff-deletedline del {
    1547     background-color: #f99;
    1548 }
    1549 
    1550 table.diff .diff-addedline {
    1551     background-color: #dfd;
    1552 }
    1553 
    1554 table.diff .diff-addedline ins {
    1555     background-color: #9f9;
    1556 }
    1557 
    1558 #att-info {
    1559     background-color: #E4F2FD;
    1560 }
    1561 
    1562 /* edit image */
    1563 #sidemenu a {
    1564     background-color: #f9f9f9;
    1565     border-color: #f9f9f9;
    1566     border-bottom-color: #dfdfdf;
    1567 }
    1568 
    1569 #sidemenu a.current {
    1570     background-color: #fff;
    1571     border-color: #dfdfdf #dfdfdf #fff;
    1572     color: #D54E21;
    1573 }
    1574 
    1575 #replyerror {
    1576     border-color: #ddd;
    1577     background-color: #f9f9f9;
    1578 }
    1579 
    1580 /* table vim shortcuts */
    1581 .vim-current,
    1582 .vim-current th,
    1583 .vim-current td {
    1584     background-color: #E4F2FD !important;
    1585 }
    1586 
    1587 /* Install Plugins */
    1588 #plugin-information .fyi ul {
    1589     background-color: #eaf3fa;
    1590 }
    1591 
    1592 #plugin-information .fyi h2.mainheader {
    1593     background-color: #cee1ef;
    1594 }
    1595 
    1596 #plugin-information pre,
    1597 #plugin-information code {
    1598     background-color: #ededff;
    1599 }
    1600 
    1601 #plugin-information pre {
    1602     border: 1px solid #ccc;
    1603 }
    1604 
    1605 /* inline editor */
    1606 #bulk-titles {
    1607     border-color: #ddd;
    1608 }
    1609 
    1610 .inline-editor div.title {
    1611     background-color: #EAF3FA;
    1612 }
    1613 
    1614 .inline-editor ul.cat-checklist {
    1615     background-color: #fff;
    1616     border-color: #ddd;
    1617 }
    1618 
    1619 .inline-editor .categories .catshow,
    1620 .inline-editor .categories .cathide {
    1621     color: #21759b;
    1622 }
    1623 
    1624 .inline-editor .quick-edit-save {
    1625     background-color: #f1f1f1;
    1626 }
    1627 
    1628 fieldset.inline-edit-col-right .inline-edit-col {
    1629     border-color: #dfdfdf;
    1630 }
    1631 
    1632 .attention {
    1633     color: #D54E21;
    1634 }
    1635 
    1636 .meta-box-sortables .postbox:hover .handlediv {
    1637     background: transparent url(../images/arrows.png) no-repeat 6px 7px;
    1638 }
    1639 
    1640 .tablenav .tablenav-pages {
    1641     color: #555;
    1642 }
    1643 
    1644 .tablenav .tablenav-pages a {
    1645     border-color: #e3e3e3;
    1646     background: #eee;
    1647     -moz-box-shadow:    inset 0 1px 0 #fff;
    1648     -webkit-box-shadow: inset 0 1px 0 #fff;
    1649     box-shadow:         inset 0 1px 0 #fff;
    1650 }
    1651 
    1652 .tablenav .tablenav-pages a:hover,
    1653 .tablenav .tablenav-pages a:focus {
    1654     color: #d54e21;
    1655 }
    1656 
    1657 .tablenav .tablenav-pages a.disabled,
    1658 .tablenav .tablenav-pages a.disabled:hover,
    1659 .tablenav .tablenav-pages a.disabled:focus {
    1660     color: #aaa;
    1661 }
    1662 
    1663 .tablenav .tablenav-pages .current {
    1664     background: #dfdfdf;
    1665     border-color: #d3d3d3;
    1666 }
    1667 
    1668 #availablethemes,
    1669 #availablethemes td {
    1670     border-color: #ddd;
    1671 }
    1672 
    1673 #current-theme img {
    1674     border-color: #999;
    1675 }
    1676 
    1677 #TB_window #TB_title a.tb-theme-preview-link,
    1678 #TB_window #TB_title a.tb-theme-preview-link:visited {
    1679     color: #999;
    1680 }
    1681 
    1682 #TB_window #TB_title a.tb-theme-preview-link:hover,
    1683 #TB_window #TB_title a.tb-theme-preview-link:focus {
    1684     color: #ccc;
    1685 }
    1686 
    1687 .misc-pub-section {
    1688     border-top-color: #fff;
    1689     border-bottom-color: #dfdfdf;
    1690 }
    1691 
    1692 #minor-publishing {
    1693     border-bottom-color: #dfdfdf;
    1694 }
    1695 
    1696 #post-body .misc-pub-section {
    1697     border-left-color: #eee;
    1698 }
    1699 
    1700 .post-com-count span {
    1701     background-color: #bbb;
    1702 }
    1703 
    1704 .form-table .color-palette td {
    1705     border-color: #fff;
    1706 }
    1707 
    1708 .sortable-placeholder {
    1709     border-color: #bbb;
    1710     background-color: #f5f5f5;
    1711 }
    1712 
    1713 #post-body ul.category-tabs li.tabs a,
    1714 #post-body ul.add-menu-item-tabs li.tabs a,
    1715 body.press-this ul.category-tabs li.tabs a {
    1716     color: #333;
    1717 }
    1718 
    1719 .view-switch #view-switch-list,
    1720 .view-switch #view-switch-excerpt {
    1721     background-color: transparent;
    1722     background-image: url('../images/list.png');
    1723     background-repeat: no-repeat;
    1724 }
    1725 
    1726 .view-switch #view-switch-list {
    1727     background-position: 0 0;
    1728 }
    1729 
    1730 .view-switch .current #view-switch-list {
    1731     background-position: -40px 0;
    1732 }
    1733 
    1734 .view-switch #view-switch-excerpt {
    1735     background-position: -20px 0;
    1736 }
    1737 
    1738 .view-switch .current #view-switch-excerpt {
    1739     background-position: -60px 0;
    1740 }
    1741 
    1742 #header-logo {
    1743     background: transparent url(../images/wp-logo.png?ver=20110504) no-repeat scroll center center;
    1744 }
    1745 
    1746 .popular-tags,
    1747 .feature-filter {
    1748     background-color: #fff;
    1749     border-color: #DFDFDF;
    1750 }
    1751 
    1752 div.widgets-sortables,
    1753 #widgets-left .inactive,
    1754 #available-widgets .widget-holder {
    1755     background-color: #fcfcfc;
    1756     border-color: #dfdfdf;
    1757 }
    1758 
    1759 #available-widgets .widget-description {
    1760     color: #555;
    1761 }
    1762 
    1763 .sidebar-name {
    1764     color: #464646;
    1765     text-shadow: #fff 0 1px 0;
    1766     border-color: #dfdfdf;
    1767     -webkit-box-shadow: inset 0 1px 0 #fff;
    1768     box-shadow: inset 0 1px 0 #fff;
    1769 }
    1770 
    1771 .sidebar-name:hover,
    1772 #removing-widget {
    1773     color: #d54e21;
    1774 }
    1775 
    1776 #removing-widget span {
    1777     color: black;
    1778 }
    1779 
    1780 .sidebar-name-arrow {
    1781     background: transparent url(../images/arrows.png) no-repeat 5px 9px;
    1782 }
    1783 
    1784 .sidebar-name:hover .sidebar-name-arrow {
    1785     background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
    1786 }
    1787 
    1788 .in-widget-title {
    1789     color: #606060;
    1790 }
    1791 
    1792 .deleting .widget-title * {
    1793     color: #aaa;
    1794 }
    1795 
    1796 .imgedit-menu div {
    1797     border-color: #d5d5d5;
    1798     background-color: #f1f1f1;
    1799 }
    1800 
    1801 .imgedit-menu div:hover {
    1802     border-color: #c1c1c1;
    1803     background-color: #eaeaea;
    1804 }
    1805 
    1806 .imgedit-menu div.disabled {
    1807     border-color: #ccc;
    1808     background-color: #ddd;
    1809     filter: alpha(opacity=50);
    1810     opacity: 0.5;
    1811 }
    1812 
    1813 #dashboard_recent_comments div.undo {
    1814     border-top-color: #dfdfdf;
    1815 }
    1816 
    1817 .comment-ays,
    1818 .comment-ays th {
    1819     border-color: #ddd;
    1820 }
    1821 
    1822 .comment-ays th {
    1823     background-color: #f1f1f1;
    1824 }
    1825 
    1826 /* added from nav-menu.css */
    1827 #menu-management .menu-edit {
    1828     border-color: #dfdfdf;
    1829 }
    1830 
    1831 #post-body {
    1832     background: #fff;
    1833     border-top-color: #fff;
    1834     border-bottom-color: #dfdfdf;
    1835 }
    1836 
    1837 #nav-menu-header {
    1838     border-bottom-color: #dfdfdf;
    1839 }
    1840 
    1841 #nav-menu-footer {
    1842     border-top-color: #fff;
    1843 }
    1844 
    1845 #menu-management .nav-tabs-arrow a {
    1846     color: #C1C1C1;
    1847 }
    1848 
    1849 #menu-management .nav-tabs-arrow a:hover {
    1850     color: #D54E21;
    1851 }
    1852 
    1853 #menu-management .nav-tabs-arrow a:active {
    1854     color: #464646;
    1855 }
    1856 
    1857 #menu-management .nav-tab-active {
    1858     border-color: #dfdfdf;
    1859 }
    1860 
    1861 #menu-management .nav-tab {
    1862     background: #fbfbfb;
    1863     border-color: #dfdfdf;
    1864 }
    1865 
    1866 .js .input-with-default-title {
    1867     color: #aaa;
    1868 }
    1869 
    1870 #cancel-save {
    1871     color: #ff0000;
    1872 }
    1873 
    1874 #cancel-save:hover {
    1875     background-color: #FF0000;
    1876     color: #fff;
    1877 }
    1878 
    1879 .list-container,
    1880 .menu-item-handle {
    1881     border-color: #dfdfdf;
    1882 }
    1883 
    1884 .menu li.deleting .menu-item-handle {
    1885     background-color: #f66;
    1886     text-shadow: #ccc;
    1887 }
    1888 
    1889 .item-type { /* Menu item controls */
    1890     color: #999999;
    1891 }
    1892 
    1893 .item-controls .menu-item-delete:hover {
    1894     color: #ff0000;
    1895 }
    1896 
    1897 .nav-menus-php .item-edit {
    1898     background: transparent url(../images/arrows.png) no-repeat 8px 10px;
    1899     border-bottom-color: #eee;
    1900 }
    1901 
    1902 .item-edit:hover {
    1903     background: transparent url(../images/arrows-dark.png) no-repeat 8px 10px;
    1904 }
    1905 
    1906 .menu-item-settings { /* Menu editing */
    1907     border-color: #dfdfdf;
    1908 }
    1909 
    1910 .link-to-original {
    1911     color: #777;
    1912     border-color: #dfdfdf;
    1913 }
    1914 
    1915 #cancel-save:hover {
    1916     color: #fff !important;
    1917 }
    1918 
    1919 #update-menu-item {
    1920     color: #fff !important;
    1921 }
    1922 
    1923 #update-menu-item:hover,
    1924 #update-menu-item:active,
    1925 #update-menu-item:focus {
    1926     color: #eaf2fa !important;
    1927     border-color: #13455b !important;
    1928 }
    1929 
    1930 .submitbox .submitcancel {
    1931     color: #21759B;
    1932     border-bottom-color: #21759B;
    1933 }
    1934 
    1935 .submitbox .submitcancel:hover {
    1936     background: #21759B;
    1937     color: #fff;
    1938 }
    1939 /* end added from nav-menu.css */
    1940 
    1941 #menu-management .nav-tab-active,
    1942 .menu-item-handle,
    1943 .menu-item-settings {
    1944     -webkit-box-shadow: inset 0 1px 0 #fff;
    1945     box-shadow: inset 0 1px 0 #fff;
    1946 }
    1947 
    1948 #menu-management .nav-tab-active {
    1949     background: #f9f9f9;
    1950     border-bottom-color: #f9f9f9;
    1951 }
    1952 
    1953 #upload-form label {
    1954     color: #777;
    1955 }
    1956 
    1957 /* Begin About Pages */
    1958 
    1959 .about-wrap h1 {
    1960     color: #333;
    1961     text-shadow: 1px 1px 1px #fff;
    1962 }
    1963 
    1964 .about-text {
    1965     color: #777;
    1966 }
    1967 
    1968 .wp-badge {
    1969     color: #fff;
    1970     text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
    1971 }
    1972 
    1973 .about-wrap h2 .nav-tab {
    1974     color: #21759B;
    1975 }
    1976 
    1977 .about-wrap h2 .nav-tab:hover {
    1978     color: #d54e21;
    1979 }
    1980 
    1981 .about-wrap h2 .nav-tab-active,
    1982 .about-wrap h2 .nav-tab-active:hover {
    1983     color: #333;
    1984 }
    1985 
    1986 .about-wrap h2 .nav-tab-active {
    1987     text-shadow: 1px 1px 1px #fff;
    1988     color: #464646;
    1989 }
    1990 
    1991 .about-wrap h3 {
    1992     color: #333;
    1993     text-shadow: 1px 1px 1px #fff;
    1994 }
    1995 
    1996 .about-wrap .feature-section h4 {
    1997     color: #464646;
    1998 }
    1999 
    2000 .about-wrap .feature-section img {
    2001     background: #fff;
    2002     border: 1px #ccc solid;
    2003     -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 );
    2004     box-shadow:         0 1px 3px rgba( 0, 0, 0, 0.3 );
    2005 }
    2006 
    2007 .about-wrap h4.wp-people-group {
    2008     text-shadow: 1px 1px 1px #fff;
    2009 }
    2010 
    2011 .about-wrap .point-releases {
    2012     border-bottom: 1px solid #dfdfdf;
    2013 }
    2014 
    2015 .about-wrap .point-releases h3 {
    2016     border-top: 1px solid #dfdfdf;
    2017 }
    2018 
    2019 .about-wrap .point-releases h3:first-child {
    2020     border: 0;
    2021 }
    2022 
    2023 .about-wrap li.wp-person img.gravatar {
    2024     -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
    2025     box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
    2026 
    2027 }
    2028 .about-wrap li.wp-person .title {
    2029     color: #464646;
    2030     text-shadow: 1px 1px 1px #fff;
    2031 }
    2032 
    2033 .freedoms-php .about-wrap ol li {
    2034     color: #999;
    2035 
    2036 }
    2037 .freedoms-php .about-wrap ol p {
    2038     color: #464646;
    2039 }
    2040 
    2041 /* End About Pages */
    2042 
    2043 
    2044 /*------------------------------------------------------------------------------
    2045   2.0 - Right to Left Styles
    2046 ------------------------------------------------------------------------------*/
    2047 
    2048 .rtl .bar {
    2049     border-right-color: transparent;
    2050     border-left-color: #99d;
    2051 }
    2052 
    2053 .rtl .post-com-count {
    2054     background-image: url(../images/bubble_bg-rtl.gif);
    2055 }
    2056 
    2057 .rtl #screen-meta-links a.show-settings {
    2058     background-position: left 3px;
    2059 }
    2060 
    2061 .rtl #screen-meta-links a.show-settings.screen-meta-active {
    2062     background-position: left -33px;
    2063 }
    2064 
    2065 /* Menu */
    2066 .rtl #adminmenushadow,
    2067 .rtl #adminmenuback {
    2068     background-image: url(../images/menu-shadow-rtl.png);
    2069     background-position: top left;
    2070 }
    2071 
    2072 .rtl #adminmenu .wp-submenu .wp-submenu-head {
    2073     border-right-color: transparent;
    2074     border-left-color: #dfdfdf;
    2075 }
    2076 
    2077 .rtl #adminmenu .wp-submenu,
    2078 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    2079     -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2080     box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2081 }
    2082 
    2083 .rtl #adminmenu .wp-has-current-submenu .wp-submenu {
    2084     -webkit-box-shadow: none;
    2085     box-shadow: none;
    2086 }
    2087 
    2088 /* Collapse Menu Button */
    2089 .rtl #collapse-button div {
    2090     background-position: 0 -108px;
    2091 }
    2092 
    2093 .rtl.folded #collapse-button div {
    2094     background-position: 0 -72px;
    2095 }
    2096 
    2097 /* Auto-folding of the admin menu for RTL */
    2098 @media only screen and (max-width: 900px) {
    2099     .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    2100     .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    2101         -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2102         box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2103     }
    2104 
    2105     .rtl.auto-fold #collapse-button div {
    2106         background-position: 0 -72px;
    2107     }
    2108 }
    2109 
    2110 /* Edit Image */
    2111 .rtl .meta-box-sortables .postbox:hover .handlediv {
    2112     background: transparent url(../images/arrows.png) no-repeat 6px 7px;
    2113 }
    2114 
    2115 .rtl #post-body .misc-pub-section {
    2116     border-right-color: transparent;
    2117     border-left-color: #eee;
    2118 }
    2119 
    2120 .rtl .sidebar-name-arrow {
    2121     background: transparent url(../images/arrows.png) no-repeat 5px 9px;
    2122 }
    2123 
    2124 .rtl .sidebar-name:hover .sidebar-name-arrow {
    2125     background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
    2126 }
    2127 
    2128 /**
    2129  * HiDPI Displays
    2130  */
    2131 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    2132 
    2133     .curtime #timestamp {
    2134         background-image: url("../images/date-button-2x.gif?ver=20120916");
    2135         background-size: 16px auto;
    2136     }
    2137 
    2138     .tagchecklist span a,
    2139     #bulk-titles div a,
    2140     .tagchecklist span a:hover,
    2141     #bulk-titles div a:hover {
    2142         background-image: url("../images/xit-2x.gif?ver=20120916");
    2143         background-size: 20px auto;
    2144     }
    2145 
    2146     #screen-meta-links a.show-settings,
    2147     #screen-meta-links a.show-settings.screen-meta-active,
    2148     #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
    2149     #adminmenu .wp-menu-open .wp-menu-toggle,
    2150     #collapse-button div,
    2151     .meta-box-sortables .postbox:hover .handlediv,
    2152     .sidebar-name-arrow,
    2153     .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
    2154     .rtl #adminmenu .wp-menu-open .wp-menu-toggle,
    2155     .rtl .meta-box-sortables .postbox:hover .handlediv,
    2156     .rtl .sidebar-name-arrow {
    2157         background-image: url("../images/arrows-2x.png?ver=20120916");
    2158         background-size: 15px 123px;
    2159     }
    2160 
    2161     #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
    2162     #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
    2163     .sidebar-name:hover .sidebar-name-arrow,
    2164     .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
    2165     .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
    2166     .rtl .sidebar-name:hover .sidebar-name-arrow {
    2167         background-image: url("../images/arrows-dark-2x.png?ver=20120916");
    2168         background-size: 15px 123px;
    2169     }
    2170 
    2171     .view-switch #view-switch-list,
    2172     .view-switch #view-switch-excerpt {
    2173         background-image: url("../images/list-2x.png?ver=20120916");
    2174         background-size: 80px 20px;
    2175     }
    2176 
    2177     .icon32.icon-post,
    2178     #icon-edit,
    2179     #icon-post,
    2180     .icon32.icon-dashboard,
    2181     #icon-index,
    2182     .icon32.icon-media,
    2183     #icon-upload,
    2184     .icon32.icon-links,
    2185     #icon-link-manager,
    2186     #icon-link,
    2187     #icon-link-category,
    2188     .icon32.icon-page,
    2189     #icon-edit-pages,
    2190     #icon-page,
    2191     .icon32.icon-comments,
    2192     #icon-edit-comments,
    2193     .icon32.icon-appearance,
    2194     #icon-themes,
    2195     .icon32.icon-plugins,
    2196     #icon-plugins,
    2197     .icon32.icon-users,
    2198     #icon-users,
    2199     #icon-profile,
    2200     #icon-user-edit,
    2201     .icon32.icon-tools,
    2202     #icon-tools,
    2203     #icon-admin,
    2204     .icon32.icon-settings,
    2205     #icon-options-general,
    2206     .icon32.icon-site,
    2207     #icon-ms-admin {
    2208         background-image: url("../images/icons32-2x.png?ver=20120916");
    2209         background-size: 708px 45px;
    2210     }
    2211 
    2212     .icon16.icon-dashboard,
    2213     .menu-icon-dashboard div.wp-menu-image,
    2214     .icon16.icon-post,
    2215     .menu-icon-post div.wp-menu-image,
    2216     .icon16.icon-media,
    2217     .menu-icon-media div.wp-menu-image,
    2218     .icon16.icon-links,
    2219     .menu-icon-links div.wp-menu-image,
    2220     .icon16.icon-page,
    2221     .menu-icon-page div.wp-menu-image,
    2222     .icon16.icon-comments,
    2223     .menu-icon-comments div.wp-menu-image,
    2224     .icon16.icon-appearance,
    2225     .menu-icon-appearance div.wp-menu-image,
    2226     .icon16.icon-plugins,
    2227     .menu-icon-plugins div.wp-menu-image,
    2228     .icon16.icon-users,
    2229     .menu-icon-users div.wp-menu-image,
    2230     .icon16.icon-tools,
    2231     .menu-icon-tools div.wp-menu-image,
    2232     .icon16.icon-settings,
    2233     .menu-icon-settings div.wp-menu-image,
    2234     .icon16.icon-site,
    2235     .menu-icon-site div.wp-menu-image {
    2236         background-image: url("../images/menu-2x.png?ver=20120916");
    2237         background-size: 390px 64px;
    2238     }
    2239 
    2240     #header-logo {
    2241         background-image: url("../images/wp-logo-2x.png?ver=20120916");
    2242         background-size: 16px auto;
    2243     }
    2244 
    2245 }
  • trunk/wp-includes/script-loader.php

    r22228 r22236  
    523523
    524524    // Register "meta" stylesheet for admin colors. All colors-* style sheets should have the same version string.
    525     $styles->add( 'colors', true, array('wp-admin') );
     525    $styles->add( 'colors', true, array('wp-admin', 'buttons') );
    526526
    527527    // do not refer to these directly, the right one is queued by the above "meta" colors handle
    528     $styles->add( 'colors-fresh', "/wp-admin/css/colors-fresh$suffix.css", array('wp-admin') );
    529     $styles->add( 'colors-classic', "/wp-admin/css/colors-classic$suffix.css", array('wp-admin') );
     528    $styles->add( 'colors-fresh', "/wp-admin/css/colors-fresh$suffix.css", array('wp-admin', 'buttons') );
     529    $styles->add( 'colors-classic', "/wp-admin/css/colors-classic$suffix.css", array('wp-admin', 'buttons') );
    530530
    531531    $styles->add( 'media', "/wp-admin/css/media$suffix.css" );
     
    542542    $styles->add( 'customize-controls', "/wp-admin/css/customize-controls$suffix.css", array( 'wp-admin', 'colors', 'ie' ) );
    543543    $styles->add( 'media-views', "/wp-includes/css/media-views$suffix.css" );
     544    $styles->add( 'buttons', "/wp-includes/css/buttons$suffix.css" );
    544545
    545546    foreach ( $rtl_styles as $rtl_style ) {
Note: See TracChangeset for help on using the changeset viewer.