WordPress.org
Get WordPress

Make WordPress Core

Changeset 19958


Ignore:
Timestamp:
02/21/2012 06:14:51 AM (13 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.