WordPress.org
Get WordPress

Make WordPress Core

Changeset 21402


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