WordPress.org

Make WordPress Core

Changeset 21402


Ignore:
Timestamp:
08/02/12 18:28:10 (3 years ago)
Author:
lancewillett
Message:

Twenty Twelve: CSS and markup improvements for better child theme support, part 2. See #21379.

  • Allow image alignment to apply anywhere, not just entry content area
  • Remove unneeded hgroup header and nav selectors
Location:
trunk/wp-content/themes/twentytwelve
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentytwelve/rtl.css

    r21401 r21402  
    6161 
    6262/* Navigation Menu */ 
    63 nav.main-navigation li { 
     63.main-navigation li { 
    6464    margin-left: 40px; 
    6565    margin-left: 2.857142857rem; 
    6666    margin-right: auto; 
    6767} 
    68 nav.main-navigation li ul ul { 
     68.main-navigation li ul ul { 
    6969    right: 100%; 
    7070    left: auto; 
    7171} 
    72 nav.main-navigation ul li:hover > ul { 
     72.main-navigation ul li:hover > ul { 
    7373    border-right: 0; 
    7474    border-left: none; 
     
    7979-------------------------------------------------------------- */ 
    8080 
    81 .entry-content img.alignright { 
     81img.alignright { 
    8282    float: right; 
    8383    margin: 0 0 0 24px; 
     
    8686    margin: 0 24px 0 0; 
    8787} 
    88 .entry-content img.alignright { 
     88img.alignright { 
    8989    margin: 12px 0 12px 24px; 
    9090} 
    91 .entry-content img.alignleft { 
     91img.alignleft { 
    9292    margin: 12px 24px 12px 0; 
    9393} 
  • trunk/wp-content/themes/twentytwelve/style.css

    r21401 r21402  
    314314    color: #777; 
    315315} 
    316 .entry-content img.wp-smiley { 
     316img.wp-smiley { 
    317317    border: 0; 
    318318    border-radius: 0; 
     
    441441    padding: 1.714285714rem 0; 
    442442} 
    443 .site-header hgroup h1, 
    444 .site-header hgroup h2 { 
     443.site-header h1, 
     444.site-header h2 { 
    445445    text-align: center; 
    446446} 
    447 .site-header hgroup h1 a, 
    448 .site-header hgroup h2 a { 
     447.site-header h1 a, 
     448.site-header h2 a { 
    449449    color: #515151; 
    450450    display: block; 
    451451    text-decoration: none; 
    452452} 
    453 .site-header hgroup h1 a:hover, 
    454 .site-header hgroup h2 a:hover { 
     453.site-header h1 a:hover, 
     454.site-header h2 a:hover { 
    455455    color: #21759b; 
    456456} 
    457 .site-header hgroup h1 { 
     457.site-header h1 { 
    458458    font-size: 24px; 
    459459    font-size: 1.714285714rem; 
    460460    line-height: 2; 
    461461} 
    462 .site-header hgroup h2 { 
     462.site-header h2 { 
    463463    font-weight: normal; 
    464464    font-size: 13px; 
     
    473473 
    474474/* Navigation Menu */ 
    475 nav.main-navigation { 
     475.main-navigation { 
    476476    display: inline-block; 
    477477    margin-top: 24px; 
     
    483483    border-bottom: 1px solid #ededed; 
    484484} 
    485 nav.main-navigation ul { 
     485.main-navigation ul { 
    486486    margin: 0; 
    487487    text-indent: 0; 
    488488} 
    489 nav.main-navigation li ul li { 
     489.main-navigation li ul li { 
    490490    padding-left: 0; 
    491491} 
    492 nav.main-navigation li a, 
    493 nav.main-navigation li { 
     492.main-navigation li a, 
     493.main-navigation li { 
    494494    display: inline-block; 
    495495    text-decoration: none; 
    496496} 
    497 nav.main-navigation li a .main-small-navigation, 
    498 nav.main-navigation li .main-small-navigation { 
     497.main-navigation li a .main-small-navigation, 
     498.main-navigation li .main-small-navigation { 
    499499    display: list-item; 
    500500} 
    501 nav.main-navigation li a { 
     501.main-navigation li a { 
    502502    text-transform: uppercase; 
    503503    color: #6a6a6a; 
    504504} 
    505 nav.main-navigation li a:hover { 
     505.main-navigation li a:hover { 
    506506    color: #000; 
    507507} 
    508 nav.main-navigation li { 
     508.main-navigation li { 
    509509    margin-right: 40px; 
    510510    margin-right: 2.857142857rem; 
    511511    position: relative; 
    512512} 
    513 nav.main-navigation li a { 
     513.main-navigation li a { 
    514514    border-bottom: 0; 
    515515    line-height: 3.692307692; 
    516516} 
    517 nav.main-navigation li ul { 
     517.main-navigation li ul { 
    518518    display: none; 
    519519    position: absolute; 
     
    523523    z-index: 1; 
    524524} 
    525 nav.main-navigation li ul ul { 
     525.main-navigation li ul ul { 
    526526    top: 0; 
    527527    left: 100%; 
    528528} 
    529 nav.main-navigation ul li:hover > ul { 
     529.main-navigation ul li:hover > ul { 
    530530    display: block; 
    531531    border-left: 0; 
    532532} 
    533 nav.main-navigation li ul li, 
    534 nav.main-navigation li ul li a { 
     533.main-navigation li ul li, 
     534.main-navigation li ul li a { 
    535535    text-align: center; 
    536536} 
    537 nav.main-navigation li ul li a { 
     537.main-navigation li ul li a { 
    538538    background: #efefef; 
    539539    border-bottom: 1px solid #ededed; 
     
    547547    width: 8.571428571rem; 
    548548} 
    549 nav.main-navigation li ul li a:hover { 
     549.main-navigation li ul li a:hover { 
    550550    background: #e3e3e3; 
    551551    color: #444; 
    552552} 
    553 nav.main-navigation .current-menu-item > a, 
    554 nav.main-navigation .current-menu-ancestor > a, 
    555 nav.main-navigation .current_page_item > a, 
    556 nav.main-navigation .current_page_ancestor > a { 
     553.main-navigation .current-menu-item > a, 
     554.main-navigation .current-menu-ancestor > a, 
     555.main-navigation .current_page_item > a, 
     556.main-navigation .current_page_ancestor > a { 
    557557    color: #636363; 
    558558    font-weight: bold; 
     
    645645    clear: both; 
    646646} 
    647 header.entry-header { 
     647.entry-header { 
    648648    margin-bottom: 24px; 
    649649    margin-bottom: 1.714285714rem; 
    650650} 
    651 header.entry-header img.wp-post-image { 
     651.entry-header img.wp-post-image { 
    652652    margin-bottom: 24px; 
    653653    margin-bottom: 1.714285714rem; 
    654654} 
    655 header.entry-header .entry-title { 
     655.entry-header .entry-title { 
    656656    font-size: 20px; 
    657657    font-size: 1.428571429rem; 
     
    659659    font-weight: normal; 
    660660} 
    661 header.entry-header .entry-title a { 
     661.entry-header .entry-title a { 
    662662    text-decoration: none; 
    663663} 
    664 header.entry-header .entry-format { 
     664.entry-header .entry-format { 
    665665    margin-top: 24px; 
    666666    margin-top: 1.714285714rem; 
    667667    font-weight: normal; 
    668668} 
    669 header.entry-header .comments-link { 
     669.entry-header .comments-link { 
    670670    margin-top: 24px; 
    671671    margin-top: 1.714285714rem; 
     
    828828    margin: 0 0 1.714285714rem; 
    829829} 
    830 .entry-content img.alignleft { 
     830img.alignleft { 
    831831    margin: 12px 24px 12px 0; 
    832832    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; 
    833833} 
    834 .entry-content img.alignright { 
     834img.alignright { 
    835835    margin: 12px 0 12px 24px; 
    836836    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; 
    837837} 
    838 .entry-content img.aligncenter { 
     838img.aligncenter { 
    839839    margin-top: 12px; 
    840840    margin-top: 0.857142857rem; 
     
    13331333        width: 26.041666667%; 
    13341334    } 
    1335     .site-header hgroup h1, 
    1336     .site-header hgroup h2 { 
     1335    .site-header h1, 
     1336    .site-header h2 { 
    13371337        text-align: left; 
    13381338    } 
    1339     .site-header hgroup h1 { 
     1339    .site-header h1 { 
    13401340        font-size: 26px; 
    13411341        font-size: 1.857142857rem; 
    13421342        line-height: 1.846153846; 
    13431343    } 
    1344     header.entry-header .entry-title { 
     1344    .entry-header .entry-title { 
    13451345        font-size: 22px; 
    13461346        font-size: 1.571428571rem; 
     
    14371437        text-align: left; 
    14381438    } 
    1439     .site-header hgroup h1 { 
     1439    .site-header h1 { 
    14401440        font-size: 21pt; 
    14411441        line-height: 1; 
    14421442        text-align: left; 
    14431443    } 
    1444     .site-header hgroup h2 { 
     1444    .site-header h2 { 
    14451445        font-size: 10pt; 
    14461446        text-align: left; 
     
    14851485        width: 100%; 
    14861486    } 
    1487     header.entry-header .entry-title, 
     1487    .entry-header .entry-title, 
    14881488    .entry-title, 
    14891489    .singular .entry-title { 
Note: See TracChangeset for help on using the changeset viewer.