Make WordPress Core

Changeset 22236


Ignore:
Timestamp:
10/15/2012 02:55:29 PM (14 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.