WordPress.org

Make WordPress Core

Ticket #18197: 18197.blue-bar.diff

File 18197.blue-bar.diff, 2.8 KB (added by helenyhou, 3 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