WordPress.org

Make WordPress Core

Changeset 26929


Ignore:
Timestamp:
01/09/2014 04:35:22 PM (7 years ago)
Author:
helen
Message:

Move media modal colors out of colors.css and into media-views.css, as the modal can be triggered on the front end. props avryl, props collinsinternet for the initial patch. see #26677 for trunk.

Location:
trunk/src
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/colors.css

    r26841 r26929  
    18431843
    18441844/* End Press This and Image editing icons */
    1845 
    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 }
    19031845
    19041846/* TinyMCE modal */
  • trunk/src/wp-includes/css/media-views.css

    r26816 r26929  
    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 {
     
    174180    overflow: auto;
    175181    min-height: 300px;
    176     background: #fff;
    177     -webkit-font-smoothing: subpixel-antialiased;
     182    box-shadow: 0 5px 15px rgba(0,0,0,0.7);
     183    background: #fcfcfc;
     184    -webkit-font-smoothing: subpixel-antialiased;
    178185}
    179186
     
    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;
     
    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;
     
    405414    line-height: 18px;
    406415    font-size: 14px;
    407     color: #21759B;
     416    color: #0074a2;
    408417    text-decoration: none;
    409418}
     
    420429.media-menu .active,
    421430.media-menu .active:hover {
    422     color: #333;
     431    color: #222;
    423432    font-weight: bold;
    424433}
     
    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
     
    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
     
    529540    margin: 0;
    530541    overflow: auto;
    531     border-top-width: 1px;
    532     border-top-style: solid;
    533     border-bottom-width: 1px;
    534     border-bottom-style: solid;
     542    background: #fff;
     543    border-top: 1px solid #ddd;
     544    border-bottom: 1px solid #ddd;
    535545}
    536546
     
    793803    right: -6px;
    794804    outline: none;
     805    background: #eee;
     806    box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba( 0, 0, 0, 0.4 );
    795807}
    796808
     
    808820.attachment.selected .check {
    809821    display: block;
     822}
     823
     824.attachment.details {
     825    box-shadow: 0 0 0 1px #fff,
     826                0 0 0 5px #1e8cbe;
     827}
     828
     829.attachment.details .check {
     830    background-color: #1e8cbe;
     831    box-shadow: 0 0 0 1px #fff,
     832                0 0 0 2px #1e8cbe;
    810833}
    811834
Note: See TracChangeset for help on using the changeset viewer.