WordPress.org

Make WordPress Core

Ticket #18197: 18197.blue-bar.diff

File 18197.blue-bar.diff, 2.8 KB (added by helenyhou, 7 years ago)

Deep blue (button gradient) admin bar

  • admin-bar.dev.css

     
    88        letter-spacing: normal;
    99        line-height: 1;
    1010        font: normal 12px/28px "Helvetica Neue", sans-serif;
    11         color: #ccc;
    12         text-shadow: #444 0px -1px 0px;
     11        color: #fff;
     12        text-shadow: rgba(0,0,0,.5) 0px -1px 0px;
    1313}
    1414
    1515#wpadminbar :before,
     
    3939        z-index: 99999;
    4040        min-width: 960px;
    4141
    42         background-color: #464646; /* Fallback */
    43         background-image: -ms-linear-gradient(bottom, #464646, #373737 5px); /* IE10 */
    44         background-image: -moz-linear-gradient(bottom, #464646, #373737 5px); /* Firefox */
    45         background-image: -o-linear-gradient(bottom, #464646, #373737); /* Opera */
    46         background-image: -webkit-gradient(linear, left bottom, left top, from(#464646), to(#373737)); /* old Webkit */
    47         background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); /* new Webkit */
    48         background-image: linear-gradient(bottom, #464646, #373737); /* proposed W3C Markup */
     42        background: #21759B url("../../wp-admin/images/button-grad.png") repeat-x scroll left top;
    4943}
    5044
    5145#wpadminbar ul,
     
    6761}
    6862
    6963#wpadminbar .quicklinks > ul > li > a {
    70         border-right: 1px solid #555;
    71         border-left: 1px solid #333;
     64        border-right: 1px solid #2480a9;
     65        border-left: 1px solid #21759B;
    7266}
    7367
    7468#wpadminbar .quicklinks > ul > li:last-child > a {
     
    158152/*      background: #888;
    159153        background: -moz-linear-gradient(bottom,  #888,  #9d9d9d);
    160154        background: -webkit-gradient(linear, left bottom, left top, from(#888), to(#9d9d9d));*/
    161         background: #f8fbfe;
     155        background: #F2F9FF;
    162156}
    163157
    164158#wpadminbar .quicklinks .menupop a > span {
     
    237231#wpadminbar .quicklinks .admin-bar-search:hover > a {
    238232        /* default borders */
    239233        border-right: none;
    240         border-left: 1px solid #333;
     234        border-left: 1px solid #2480a9;
    241235}
    242236
    243237#wpadminbar #adminbarsearch {
     
    294288
    295289#wpadminbar #adminbarsearch .adminbar-input:focus {
    296290        color: #555;
    297         text-shadow: 0 1px 0 #fff;
     291        text-shadow: none;
    298292        width: 200px;
    299293        background-color: rgba( 255, 255, 255, 0.9 );
    300294}
     
    354348}
    355349#wpadminbar .ab-comments-icon-body {
    356350        margin: 3px 4px 0 -2px;
    357         background: #999;
     351        background: #f9f9f9;
    358352        height: 10px;
    359353        width: 14px;
    360354
     
    365359}
    366360
    367361#wpadminbar a:hover .ab-comments-icon-body {
    368         background: #bbb;
    369         color: #555;
     362        background: #999;
     363        color: #eee;
    370364}
    371365
    372366#wpadminbar a .ab-comments-icon-arrow {
     
    375369        bottom: -3px;
    376370        left: 1px;
    377371        /* Use transparent borders to form a triangle */
    378         border-left: 4px solid #999;
     372        border-left: 4px solid #f9f9f9;
    379373        border-bottom: 4px solid transparent;
    380374}
    381375#wpadminbar a:hover .ab-comments-icon-arrow {
    382         border-left-color: #bbb;
     376        border-left-color: #999;
    383377}
    384378
    385379