WordPress.org

Make WordPress Core

Ticket #26677: 26677.2.patch

File 26677.2.patch, 3.9 KB (added by iseulde, 7 years ago)
  • src/wp-includes/css/media-views.css

     
    11/**
    22 * Base Styles
    33 */
     4.media-modal * {
     5        -webkit-box-sizing: content-box;
     6        -moz-box-sizing: content-box;
     7        box-sizing: content-box;
     8}
     9
    410.media-modal,
    511.media-frame {
    612        font-family: "Open Sans", sans-serif;
     
    173179        bottom: 0;
    174180        overflow: auto;
    175181        min-height: 300px;
    176         background: #fff;
    177         -webkit-font-smoothing: subpixel-antialiased;
     182        background: #fcfcfc;
     183        -webkit-font-smoothing: subpixel-antialiased;
     184        box-shadow: 0 5px 15px rgba(0,0,0,0.7);
    178185}
    179186
    180187.media-modal-icon {
     
    232239        width: 267px;
    233240        padding: 0 16px 24px;
    234241        z-index: 75;
    235         background: #f5f5f5;
    236         border-left: 1px solid #dfdfdf;
     242        background: #f3f3f3;
     243        border-left: 1px solid #ddd;
    237244        overflow: auto;
    238245        -webkit-overflow-scrolling: touch;
    239246}
     
    389396        bottom: 0;
    390397        margin: 0;
    391398        padding: 16px 0;
     399        background: #f3f3f3;
    392400        border-right-width: 1px;
    393401        border-right-style: solid;
     402        border-right-color: #ccc;
    394403        -webkit-user-select: none;
    395404        -moz-user-select: none;
    396405        -ms-user-select: none;
     
    404413        margin: 0;
    405414        line-height: 18px;
    406415        font-size: 14px;
    407         color: #21759B;
     416        color: #0074a2;
    408417        text-decoration: none;
    409418}
    410419
     
    419428
    420429.media-menu .active,
    421430.media-menu .active:hover {
    422         color: #333;
     431        color: #222;
    423432        font-weight: bold;
    424433}
    425434
     
    427436        height: 0;
    428437        margin: 12px 20px;
    429438        padding: 0;
    430         border-top: 1px solid #dfdfdf;
    431         border-bottom: 1px solid #fff;
     439        border-top: 1px solid #ddd;
    432440}
    433441
    434442/**
     
    473481.media-router .active,
    474482.media-router > a.active:last-child {
    475483        margin: -1px -1px 0;
     484        background: #fff;
     485        border: 1px solid #ddd;
     486        border-bottom: none;
    476487}
    477488
    478489.media-router .active:after {
     
    528539        width: auto;
    529540        margin: 0;
    530541        overflow: auto;
     542        background: #fff;
    531543        border-top-width: 1px;
    532544        border-top-style: solid;
     545        border-top-color: #ddd;
    533546        border-bottom-width: 1px;
    534547        border-bottom-style: solid;
     548        border-bottom-color: #ddd;
    535549}
    536550
    537551.media-frame-toolbar {
     
    792806        top: -6px;
    793807        right: -6px;
    794808        outline: none;
     809        background: #eee;
     810        box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba( 0, 0, 0, 0.4 );
    795811}
    796812
    797813.attachment .check div {
     
    809825        display: block;
    810826}
    811827
     828.attachment.details {
     829        box-shadow: 0 0 0 1px #fff, 0 0 0 5px #1e8cbe;
     830}
     831
     832.attachment.details .check {
     833        background-color: #1e8cbe;
     834        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1e8cbe;
     835}
     836
    812837.attachment.details .check div {
    813838        background-position: -21px 0;
    814839}
  • src/wp-admin/css/colors.css

     
    18431843
    18441844/* End Press This and Image editing icons */
    18451845
    1846 /* Media Manager */
    1847 
    1848 .media-modal-content {
    1849         background: #fcfcfc;
    1850         box-shadow: 0 5px 15px rgba(0,0,0,0.7);
    1851 }
    1852 
    1853 .media-menu {
    1854         background: #f3f3f3;
    1855         border-right-color: #ccc;
    1856 }
    1857 
    1858 .media-menu > a {
    1859         color: #0074a2;
    1860 }
    1861 
    1862 .media-menu .active,
    1863 .media-menu .active:hover {
    1864         color: #222;
    1865 }
    1866 
    1867 .media-frame-content {
    1868         background: #fff;
    1869         border-top-color: #ddd;
    1870         border-bottom-color: #ddd;
    1871 }
    1872 
    1873 .media-menu .separator {
    1874         border-top-color: #ddd;
    1875         border-bottom: none;
    1876 }
    1877 
    1878 .media-sidebar {
    1879         background: #f3f3f3;
    1880         border-color: #ddd;
    1881 }
    1882 
    1883 .media-router .active,
    1884 .media-router > a.active:last-child {
    1885         background: #fff;
    1886         border: 1px solid #ddd;
    1887         border-bottom: none;
    1888 }
    1889 
    1890 .details.attachment {
    1891         box-shadow: 0 0 0 1px #fff, 0 0 0 5px #1e8cbe;
    1892 }
    1893 
    1894 .attachment .check {
    1895         background: #eee;
    1896         box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba( 0, 0, 0, 0.4 );
    1897 }
    1898 
    1899 .attachment.details .check {
    1900         background-color: #1e8cbe;
    1901         box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1e8cbe;
    1902 }
    1903 
    19041846/* TinyMCE modal */
    19051847
    19061848.clearlooks2 {