WordPress.org

Make WordPress Core

Changeset 21402


Ignore:
Timestamp:
08/02/2012 06:28:10 PM (6 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.