WordPress.org
Get WordPress

Make WordPress Core

Ticket #22044: 22044.6.patch

File 22044.6.patch, 10.9 KB (added by bpetty, 14 years ago)

  • new file wp-content/themes/twentytwelve/css/desktop.css 

    diff --git wp-content/themes/twentytwelve/css/desktop.css wp-content/themes/twentytwelve/css/desktop.css
new file mode 100644
index 0000000..0123ac9
    - +  
     1/*
     2Responsive desktop styles for minimum width of 600 pixels.
     3
     4These are repeated from style.css for IE7/8 since it doesn't apply these styles
     5within the media query in style.css.
     6*/
     7
     8.author-avatar {
     9        float: left;
     10        margin-top: 8px;
     11        margin-top: 0.571428571rem;
     12}
     13.author-description {
     14        float: right;
     15        width: 80%;
     16}
     17.site {
     18        margin: 0 auto;
     19        max-width: 960px;
     20        max-width: 68.571428571rem;
     21        overflow: hidden;
     22}
     23.site-content {
     24        float: left;
     25        width: 65.104166667%;
     26}
     27body.template-front-page .site-content,
     28body.single-attachment .site-content,
     29body.full-width .site-content {
     30        width: 100%;
     31}
     32.widget-area {
     33        float: right;
     34        width: 26.041666667%;
     35}
     36.site-header h1,
     37.site-header h2 {
     38        text-align: left;
     39}
     40.site-header h1 {
     41        font-size: 26px;
     42        font-size: 1.857142857rem;
     43        line-height: 1.846153846;
     44}
     45.main-navigation ul.nav-menu,
     46.main-navigation div.nav-menu > ul {
     47        border-bottom: 1px solid #ededed;
     48        border-top: 1px solid #ededed;
     49        display: inline-block !important;
     50        text-align: left;
     51        width: 100%;
     52}
     53.main-navigation ul {
     54        margin: 0;
     55        text-indent: 0;
     56}
     57.main-navigation li a,
     58.main-navigation li {
     59        display: inline-block;
     60        text-decoration: none;
     61}
     62.main-navigation li a {
     63        border-bottom: 0;
     64        color: #6a6a6a;
     65        line-height: 3.692307692;
     66        text-transform: uppercase;
     67}
     68.main-navigation li a:hover {
     69        color: #000;
     70}
     71.main-navigation li {
     72        margin: 0 40px 0 0;
     73        margin: 0 2.857142857rem 0 0;
     74        position: relative;
     75}
     76.main-navigation li ul {
     77        display: none;
     78        margin: 0;
     79        padding: 0;
     80        position: absolute;
     81        top: 100%;
     82        z-index: 1;
     83}
     84.main-navigation li ul ul {
     85        top: 0;
     86        left: 100%;
     87}
     88.main-navigation ul li:hover > ul {
     89        border-left: 0;
     90        display: block;
     91}
     92.main-navigation li ul li a {
     93        background: #efefef;
     94        border-bottom: 1px solid #ededed;
     95        display: block;
     96        font-size: 11px;
     97        font-size: 0.785714286rem;
     98        line-height: 2.181818182;
     99        padding: 8px 10px;
     100        padding: 0.571428571rem 0.714285714rem;
     101        width: 180px;
     102        width: 12.85714286rem;
     103}
     104.main-navigation li ul li a:hover {
     105        background: #e3e3e3;
     106        color: #444;
     107}
     108.main-navigation .current-menu-item > a,
     109.main-navigation .current-menu-ancestor > a,
     110.main-navigation .current_page_item > a,
     111.main-navigation .current_page_ancestor > a {
     112        color: #636363;
     113        font-weight: bold;
     114}
     115.menu-toggle {
     116        display: none;
     117}
     118.entry-header .entry-title {
     119        font-size: 22px;
     120        font-size: 1.571428571rem;
     121}
     122#respond form input[type="text"] {
     123        width: 46.333333333%;
     124}
     125#respond form textarea.blog-textarea {
     126        width: 79.666666667%;
     127}
     128.template-front-page .site-content,
     129.template-front-page article {
     130        overflow: hidden;
     131}
     132.template-front-page.has-post-thumbnail article {
     133        float: left;
     134        width: 47.916666667%;
     135}
     136.entry-page-image {
     137        float: right;
     138        margin-bottom: 0;
     139        width: 47.916666667%;
     140}
     141.template-front-page .widget-area .widget,
     142.template-front-page.two-sidebars .widget-area .front-widgets {
     143        float: left;
     144        width: 51.875%;
     145        margin-bottom: 24px;
     146        margin-bottom: 1.714285714rem;
     147}
     148.template-front-page .widget-area .widget:nth-child(odd) {
     149        clear: right;
     150}
     151.template-front-page .widget-area .widget:nth-child(even),
     152.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
     153        float: right;
     154        width: 39.0625%;
     155        margin: 0 0 24px;
     156        margin: 0 0 1.714285714rem;
     157}
     158.template-front-page.two-sidebars .widget,
     159.template-front-page.two-sidebars .widget:nth-child(even) {
     160        float: none;
     161        width: auto;
     162}
     163
     164/* Responsive desktop styles for minimum width of 960 pixels. */
     165
     166body {
     167        background-color: #e6e6e6;
     168}
     169body .site {
     170        padding: 0 40px;
     171        padding: 0 2.857142857rem;
     172        margin-top: 48px;
     173        margin-top: 3.428571429rem;
     174        margin-bottom: 48px;
     175        margin-bottom: 3.428571429rem;
     176        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
     177}
     178body.custom-background-empty {
     179        background-color: #fff;
     180}
     181body.custom-background-empty .site,
     182body.custom-background-white .site {
     183        padding: 0;
     184        margin-top: 0;
     185        margin-bottom: 0;
     186        box-shadow: none;
     187}
     188 No newline at end of file

  • deleted file wp-content/themes/twentytwelve/css/ie.css 

    diff --git wp-content/themes/twentytwelve/css/ie.css wp-content/themes/twentytwelve/css/ie.css
deleted file mode 100644
index facd069..0000000
    + -  
    1 /*
    2 Styles for older IE versions (previous to IE9).
    3 */
    4 
    5 body {
    6         background-color: #e6e6e6;
    7 }
    8 body.custom-background-empty {
    9         background-color: #fff;
    10 }
    11 body.custom-background-empty .site,
    12 body.custom-background-white .site {
    13         box-shadow: none;
    14         margin-bottom: 0;
    15         margin-top: 0;
    16         padding: 0;
    17 }
    18 .assistive-text,
    19 .site .screen-reader-text {
    20         clip: rect(1px 1px 1px 1px); /* IE7 */
    21 }
    22 .full-width .site-content {
    23         float: none;
    24         width: 100%;
    25 }
    26 img.size-full,
    27 img.size-large,
    28 img.header-image,
    29 img.wp-post-image {
    30         width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
    31 }
    32 .author-avatar {
    33         float: left;
    34         margin-top: 8px;
    35         margin-top: 0.571428571rem;
    36 }
    37 .author-description {
    38         float: right;
    39         width: 80%;
    40 }
    41 .site {
    42         box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    43         margin: 48px auto;
    44         max-width: 960px;
    45         overflow: hidden;
    46         padding: 0 40px;
    47 }
    48 .site-content {
    49         float: left;
    50         width: 65.104166667%;
    51 }
    52 body.template-front-page .site-content,
    53 body.single-attachment .site-content,
    54 body.full-width .site-content {
    55         width: 100%;
    56 }
    57 .widget-area {
    58         float: right;
    59         width: 26.041666667%;
    60 }
    61 .site-header h1,
    62 .site-header h2 {
    63         text-align: left;
    64 }
    65 .site-header h1 {
    66         font-size: 26px;
    67         line-height: 1.846153846;
    68 }
    69 .main-navigation ul.nav-menu,
    70 .main-navigation div.nav-menu > ul {
    71         border-bottom: 1px solid #ededed;
    72         border-top: 1px solid #ededed;
    73         display: inline-block !important;
    74         text-align: left;
    75         width: 100%;
    76 }
    77 .main-navigation ul {
    78         margin: 0;
    79         text-indent: 0;
    80 }
    81 .main-navigation li a,
    82 .main-navigation li {
    83         display: inline-block;
    84         text-decoration: none;
    85 }
    86 .ie7 .main-navigation li a,
    87 .ie7 .main-navigation li {
    88         display: inline;
    89 }
    90 .main-navigation li a {
    91         border-bottom: 0;
    92         color: #6a6a6a;
    93         line-height: 3.692307692;
    94         text-transform: uppercase;
    95 }
    96 .main-navigation li a:hover {
    97         color: #000;
    98 }
    99 .main-navigation li {
    100         margin: 0 40px 0 0;
    101         position: relative;
    102 }
    103 .main-navigation li ul {
    104         display: none;
    105         margin: 0;
    106         padding: 0;
    107         position: absolute;
    108         top: 100%;
    109         z-index: 1;
    110 }
    111 .ie7 .main-navigation li ul {
    112         left: 0;
    113 }
    114 .main-navigation li ul ul,
    115 .ie7 .main-navigation li ul ul {
    116         top: 0;
    117         left: 100%;
    118 }
    119 .main-navigation ul li:hover > ul {
    120         border-left: 0;
    121         display: block;
    122 }
    123 .main-navigation li ul li a {
    124         background: #efefef;
    125         border-bottom: 1px solid #ededed;
    126         display: block;
    127         font-size: 11px;
    128         line-height: 2.181818182;
    129         padding: 8px 10px;
    130         width: 180px;
    131 }
    132 .main-navigation li ul li a:hover {
    133         background: #e3e3e3;
    134         color: #444;
    135 }
    136 .main-navigation .current-menu-item > a,
    137 .main-navigation .current-menu-ancestor > a,
    138 .main-navigation .current_page_item > a,
    139 .main-navigation .current_page_ancestor > a {
    140         color: #636363;
    141         font-weight: bold;
    142 }
    143 .menu-toggle {
    144         display: none;
    145 }
    146 .entry-header .entry-title {
    147         font-size: 22px;
    148 }
    149 #respond form input[type="text"] {
    150         width: 46.333333333%;
    151 }
    152 #respond form textarea.blog-textarea {
    153         width: 79.666666667%;
    154 }
    155 .template-front-page .site-content,
    156 .template-front-page article {
    157         overflow: hidden;
    158 }
    159 .template-front-page.has-post-thumbnail article {
    160         float: left;
    161         width: 47.916666667%;
    162 }
    163 .entry-page-image {
    164         float: right;
    165         margin-bottom: 0;
    166         width: 47.916666667%;
    167 }
    168 .template-front-page .widget-area .widget,
    169 .template-front-page.two-sidebars .widget-area .front-widgets {
    170         float: left;
    171         margin-bottom: 24px;
    172         width: 51.875%;
    173 }
    174 .template-front-page .widget-area .widget:nth-child(odd) {
    175         clear: right;
    176 }
    177 .template-front-page .widget-area .widget:nth-child(even),
    178 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
    179         float: right;
    180         margin: 0 0 24px;
    181         width: 39.0625%;
    182 }
    183 .template-front-page.two-sidebars .widget,
    184 .template-front-page.two-sidebars .widget:nth-child(even) {
    185         float: none;
    186         width: auto;
    187 }
    188  No newline at end of file

  • wp-content/themes/twentytwelve/functions.php 

    diff --git wp-content/themes/twentytwelve/functions.php wp-content/themes/twentytwelve/functions.php
index 6f87577..78d39d7 100644
    function twentytwelve_scripts_styles() { 
    143143         * Loads our main stylesheet.
    144144         */
    145145        wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() );
     146        wp_enqueue_style( 'twentytwelve-desktop', get_template_directory_uri() . '/css/desktop.css', array( 'twentytwelve-style' ), '20121013', 'all and (min-width: 960px)' );
    146147
    147148        /*
    148149         * Loads the Internet Explorer specific stylesheet.
    149150         */
    150         wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20121010' );
    151         $wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' );
     151        wp_enqueue_style( 'twentytwelve-desktop-ie', get_template_directory_uri() . '/css/desktop.css', array( 'twentytwelve-style' ), '20121013' );
     152        $wp_styles->add_data( 'twentytwelve-desktop-ie', 'conditional', '(lt IE 9)&(!IEMobile)' );
    152153}
    153154add_action( 'wp_enqueue_scripts', 'twentytwelve_scripts_styles' );
    154155

  • wp-content/themes/twentytwelve/style.css 

    diff --git wp-content/themes/twentytwelve/style.css wp-content/themes/twentytwelve/style.css
index 32844c1..ab4bc68 100644
    img#wpstats { 
    15251525        }
    15261526}
    15271527
    1528 /* Minimum width of 960 pixels. */
    1529 @media screen and (min-width: 960px) {
    1530         body {
    1531                 background-color: #e6e6e6;
    1532         }
    1533         body .site {
    1534                 padding: 0 40px;
    1535                 padding: 0 2.857142857rem;
    1536                 margin-top: 48px;
    1537                 margin-top: 3.428571429rem;
    1538                 margin-bottom: 48px;
    1539                 margin-bottom: 3.428571429rem;
    1540                 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    1541         }
    1542         body.custom-background-empty {
    1543                 background-color: #fff;
    1544         }
    1545         body.custom-background-empty .site,
    1546         body.custom-background-white .site {
    1547                 padding: 0;
    1548                 margin-top: 0;
    1549                 margin-bottom: 0;
    1550                 box-shadow: none;
    1551         }
    1552 }
    1553 
    15541528
    15551529/* =Print
    15561530----------------------------------------------- */
    … … img#wpstats { 
    16601634                margin-left: 50px;
    16611635                margin-left: 3.57142857rem;
    16621636        }
     1637}
     1638
     1639
     1640/* =IE 7 and 8
     1641----------------------------------------------- */
     1642
     1643.ie .assistive-text {
     1644        clip: rect(1px 1px 1px 1px); /* IE7 */
     1645}
     1646.ie .site {
     1647        margin: 48px auto;
     1648        max-width: 960px;
     1649}
     1650.ie .site-content {
     1651        float: left;
     1652        width: 65.104166667%;
     1653}
     1654.ie .full-width .site-content {
     1655        float: none;
     1656        width: 100%;
     1657}
     1658.ie .widget-area {
     1659        float: right;
     1660        width: 26.041666667%;
     1661}
     1662.ie img.size-full,
     1663.ie img.size-large,
     1664.ie img.header-image,
     1665.ie img.wp-post-image {
     1666        width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
    16631667}
     1668 No newline at end of file