WordPress.org

Make WordPress Core

Changeset 35330


Ignore:
Timestamp:
10/21/2015 04:17:58 PM (6 years ago)
Author:
helen
Message:

Media: Update colors to match the times.

This bikeshed is a real nice blue.

props afercia.
fixes #34244. see #34388.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/css/media-views.css

    r34990 r35330  
    3636.media-frame a {
    3737    border-bottom: none;
    38     color: #21759b;
    39 }
    40 
    41 .media-frame a:hover {
    42     color: #d54e21;
     38    color: #0073aa;
     39}
     40
     41.media-frame a:hover,
     42.media-frame a:active {
     43    color: #00a0d2;
     44}
     45
     46.media-frame a:focus {
     47    -webkit-box-shadow:
     48        0 0 0 1px #5b9dd9,
     49        0 0 2px 1px rgba(30, 140, 190, .8);
     50    box-shadow:
     51        0 0 0 1px #5b9dd9,
     52        0 0 2px 1px rgba(30, 140, 190, .8);
     53    outline: none;
     54    color: #124964;
    4355}
    4456
     
    504516
    505517.media-menu > a:hover {
    506     color: #21759B;
     518    color: #0073aa;
    507519    background: rgba( 0, 0, 0, 0.04 );
    508520}
     
    818830    -webkit-box-shadow:
    819831        inset 0 0 0 3px #fff,
    820         inset 0 0 0 7px #1e8cbe;
     832        inset 0 0 0 7px #0073aa;
    821833    box-shadow:
    822834        inset 0 0 0 3px #fff,
    823         inset 0 0 0 7px #1e8cbe;
     835        inset 0 0 0 7px #0073aa;
    824836}
    825837
     
    9911003.wp-core-ui .attachment.selected .check:focus,
    9921004.wp-core-ui .media-frame.mode-grid .attachment.selected .check {
    993     background-color: #1e8cbe;
     1005    background-color: #0073aa;
    9941006    -webkit-box-shadow:
    9951007        0 0 0 1px #fff,
    996         0 0 0 2px #1e8cbe;
     1008        0 0 0 2px #0073aa;
    9971009    box-shadow:
    9981010        0 0 0 1px #fff,
    999         0 0 0 2px #1e8cbe;
     1011        0 0 0 2px #0073aa;
    10001012}
    10011013
     
    11331145    min-width: 20px;
    11341146    width: 0;
    1135     background: #1e8cbe;
     1147    background: #0073aa;
    11361148    -webkit-border-radius: 10px;
    11371149    border-radius: 10px;
     
    13931405    line-height: 16px;
    13941406    border-right: 1px solid #dfdfdf;
    1395     color: #21759B;
     1407    color: #0073aa;
    13961408}
    13971409
    13981410.media-selection .button-link:hover,
    13991411.media-selection .button-link:focus {
    1400     background: #21759B;
    1401     color: #fff;
    1402     border-color: transparent;
     1412    color: #00a0d2;
    14031413}
    14041414
     
    14091419
    14101420.selection-info .clear-selection {
    1411     color: red;
     1421    color: #bc0b0b;
    14121422}
    14131423
    14141424.selection-info .clear-selection:hover,
    14151425.selection-info .clear-selection:focus {
    1416     background: red;
    1417     color: #fff;
     1426    color: red;
    14181427}
    14191428
     
    14741483    -webkit-box-shadow:
    14751484        0 0 0 1px #fff,
    1476         0 0 0 3px #1e8cbe;
     1485        0 0 0 3px #0073aa;
    14771486    box-shadow:
    14781487        0 0 0 1px #fff,
    1479         0 0 0 3px #1e8cbe;
     1488        0 0 0 3px #0073aa;
    14801489}
    14811490
     
    22312240    .media-frame:not(.hide-menu) .media-frame-title {
    22322241        left: 0;
    2233         color: #21759b;
    22342242    }
    22352243
     
    22402248
    22412249    .media-frame:not(.hide-menu) .media-frame-title h1 {
     2250        color: #0073aa;
    22422251        line-height: 3;
    22432252        font-size: 18px;
Note: See TracChangeset for help on using the changeset viewer.