WordPress.org

Make WordPress Core

Changeset 19958


Ignore:
Timestamp:
02/21/12 06:14:51 (2 years ago)
Author:
lancewillett
Message:

Twenty Twelve style updates, props drewstrojny. See #19978.

And, use a simpler and more consistent site-header class value. Props iandstewart.

Location:
trunk/wp-content/themes/twentytwelve
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentytwelve/header.php

    r19915 r19958  
    3535<body <?php body_class(); ?>> 
    3636<div id="page" class="hfeed"> 
    37     <header id="masthead" role="banner"> 
     37    <header id="masthead" class="site-header" role="banner"> 
    3838        <hgroup> 
    3939            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> 
  • trunk/wp-content/themes/twentytwelve/style.css

    r19915 r19958  
    121121    text-transform: uppercase; 
    122122    font-weight: 400; 
    123     font-size: 13px; 
    124     font-size: 0.928571429rem; 
    125     line-height: 1.846153846; 
     123    font-size: 12px; 
     124    font-size: 0.857142857rem; 
     125    line-height: 2; 
    126126} 
    127127 
     
    146146a { 
    147147    outline: none; 
    148     color: #177095; 
     148    color: #13609e; 
    149149} 
    150150a:hover { 
    151     color: #092e3d; 
     151    color: #082943; 
    152152} 
    153153 
     
    179179        clear: both; 
    180180    } 
    181  
    182181} 
    183182 
     
    191190        width: 65.104166667%; 
    192191    } 
     192} 
    193193 
    194194@media screen and (min-width: 600px) { 
     
    207207        width: 26.041666667%; 
    208208    } 
    209  
    210209} 
    211210 
     
    213212Header 
    214213------------------------------------------------------------ */ 
    215 header#masthead { 
     214.site-header { 
    216215    padding: 24px 0; 
    217216    padding: 1.714285714rem 0; 
    218217} 
    219 header#masthead hgroup h1, 
    220 header#masthead hgroup h2 { 
     218.site-header hgroup h1, 
     219.site-header hgroup h2 { 
    221220    text-align: center; 
    222221} 
    223222@media screen and (min-width: 600px) { 
    224     header#masthead hgroup h1, 
    225     header#masthead hgroup h2 { 
     223    .site-header hgroup h1, 
     224    .site-header hgroup h2 { 
    226225        text-align: left; 
    227226    } 
    228  
    229 } 
    230 header#masthead hgroup h1 a, 
    231 header#masthead hgroup h2 a { 
     227} 
     228.site-header hgroup h1 a, 
     229.site-header hgroup h2 a { 
    232230    color: #444444; 
    233231    text-decoration: none; 
    234232} 
    235 header#masthead hgroup h1 a:hover, 
    236 header#masthead hgroup h2 a:hover { 
    237     color: #177095; 
     233.site-header hgroup h1 a:hover, 
     234.site-header hgroup h2 a:hover { 
     235    color: #13609e; 
    238236    text-decoration: underline; 
    239237} 
    240 header#masthead hgroup h1 { 
     238.site-header hgroup h1 { 
    241239    font-size: 24px; 
    242240    font-size: 1.714285714rem; 
     
    244242} 
    245243@media screen and (min-width: 600px) { 
    246     header#masthead hgroup h1 { 
    247         font-size: 30px; 
    248         font-size: 2.142857143rem; 
    249         line-height: 1.6; 
    250     } 
    251  
    252 } 
    253 header#masthead hgroup h2 { 
     244    .site-header hgroup h1 { 
     245        font-size: 26px; 
     246        font-size: 1.857142857rem; 
     247        line-height: 1.846153846; 
     248    } 
     249} 
     250.site-header hgroup h2 { 
    254251    font-weight: normal; 
    255252    font-size: 13px; 
    256253    font-size: 0.928571429rem; 
    257254    line-height: 1.846153846; 
     255    color: #777777; 
    258256} 
    259257 
     
    281279        text-align: center; 
    282280    } 
    283  
    284281} 
    285282nav[role="navigation"] ul { 
     
    300297        display: list-item; 
    301298    } 
    302  
    303299} 
    304300nav[role="navigation"] li a { 
     
    369365    font-size: 0.928571429rem; 
    370366    line-height: 1.846153846; 
     367} 
     368div#secondary aside a { 
     369    color: #777777; 
     370} 
     371div#secondary aside a:hover { 
     372    color: #13609e; 
    371373} 
    372374 
     
    403405} 
    404406footer[role="contentinfo"] a:hover { 
    405     color: #177095; 
     407    color: #13609e; 
    406408} 
    407409 
     
    413415------------------------------------------------------------ */ 
    414416header.entry-header { 
    415     margin-bottom: 42px; 
    416     margin-bottom: 3rem; 
     417    margin-bottom: 24px; 
     418    margin-bottom: 1.714285714rem; 
    417419} 
    418420header.entry-header .entry-title { 
    419     font-size: 22px; 
    420     font-size: 1.571428571rem; 
    421     line-height: 1.090909091; 
     421    font-size: 20px; 
     422    font-size: 1.428571429rem; 
     423    line-height: 1.2; 
     424    font-weight: normal; 
    422425} 
    423426header.entry-header .entry-title a { 
    424427    text-decoration: none; 
    425     color: #444444; 
    426 } 
    427 header.entry-header .entry-title a:hover { 
    428     color: #177095; 
    429428} 
    430429@media screen and (min-width: 600px) { 
    431430    header.entry-header .entry-title { 
    432         font-size: 20px; 
    433         font-size: 1.428571429rem; 
    434         line-height: 1.2; 
    435     } 
    436  
     431        font-size: 22px; 
     432        font-size: 1.571428571rem; 
     433        line-height: 1.090909091; 
     434    } 
    437435} 
    438436header.entry-header .entry-format { 
     
    441439    font-weight: normal; 
    442440} 
    443  
    444 div.entry-meta { 
    445     margin-top: 6px; 
    446     margin-top: 0.428571429rem; 
    447     font-size: 12px; 
    448     font-size: 0.857142857rem; 
    449     line-height: 2; 
    450 } 
    451 div.entry-meta a { 
    452     color: #686868; 
    453 } 
    454 div.entry-meta a:hover { 
    455     color: #177095; 
     441header.entry-header .entry-meta { 
     442    font-size: 11px; 
     443    font-size: 0.785714286rem; 
     444    line-height: 2.181818182; 
     445    color: #777777; 
     446} 
     447 
     448.entry-meta a { 
     449    color: #777777; 
     450} 
     451.entry-meta a:hover { 
     452    color: #13609e; 
    456453} 
    457454 
     
    463460 
    464461div#content article { 
    465     padding-bottom: 48px; 
    466     padding-bottom: 3.428571429rem; 
     462    padding-bottom: 24px; 
     463    padding-bottom: 1.714285714rem; 
    467464    margin-bottom: 48px; 
    468465    margin-bottom: 3.428571429rem; 
     
    470467} 
    471468 
    472 div.page-links, 
     469div.page-links { 
     470    line-height: 1.714285714; 
     471} 
     472 
    473473footer.entry-meta { 
    474     line-height: 1.714285714; 
     474    margin-top: 24px; 
     475    margin-top: 1.714285714rem; 
     476    font-size: 13px; 
     477    font-size: 0.928571429rem; 
     478    line-height: 1.846153846; 
     479    font-style: italic; 
     480    color: #777777; 
    475481} 
    476482 
     
    536542 * Styling for the archive view 
    537543 * ------------------------------------------------------------------ */ 
    538 #content.archive h1.archive-title { 
     544.archive #content h1.archive-title { 
    539545    margin-bottom: 48px; 
    540546    margin-bottom: 3.428571429rem; 
Note: See TracChangeset for help on using the changeset viewer.