WordPress.org
Get WordPress

Make WordPress Core

Ticket #23662: 23662.patch

File 23662.patch, 8.4 KB (added by ocean90, 12 years ago)

  • wp-content/themes/twentytwelve/style.css

     
    4848http://snook.ca/archives/html_and_css/font-size-with-rem
    4949http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
    5050
     51/**
     52 * Table of Contents:
     53 *
     54 *  1.0 - Reset
     55 *    1.1 - Clearing floats
     56 *  2.0 - Repeatable Patterns
     57 *    2.1 - Small headers
     58 *    2.2 - Shared Post Format styling
     59 *    2.3 - Form fields, general styles first
     60 *    2.4 - Reset non-text input types
     61 *    2.5 - Buttons
     62 *    2.6 - Responsive images
     63 *    2.7 - Images
     64 *    2.8 - Navigation
     65 *    2.9 - Author profiles
     66 *  3.0 - Site Structure
     67 *    3.1 - Body, links, basics
     68 *    3.2 - Assistive text
     69 *    3.3 - Page structure
     70 *    3.4 - Header
     71 *      3.4.1 - Site Header
     72 *      3.4.2 - Navigation
     73 *      3.4.3 - Banner
     74 *    3.5 - Sidebar
     75 *    3.6 - Footer
     76 *  4.0 - Main content and comment content
     77 *  5.0 - Archives
     78 *  6.0 - Single image attachment view
     79 *  7.0 - Aside post format
     80 *  8.0 - Post formats
     81 *    8.1 - Image posts
     82 *    8.2 - Link posts
     83 *    8.3 - Quote posts
     84 *    8.4 - Status posts
     85 *  9.0 - Comments
     86 *    9.1 - Comment form
     87 * 10.0 - Front page template
     88 * 11.0 - Widgets
     89 * 12.0 - Plugins
     90 * 13.0 - Media queries
     91 *   13.1 - Minimum width of 600 pixels
     92 *   13.2 - Minimum width of 960 pixels
     93 * 14.0 - Print
     94 *   14.1 - Comments
     95 * ----------------------------------------------------------------------------
     96 */
    5197
    52 /* =Reset
     98/* 1.0 Reset
    5399-------------------------------------------------------------- */
    54100
    55101html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    … …  
    159205        -ms-interpolation-mode: bicubic;
    160206}
    161207
    162 /* Clearing floats */
     208/* 1.1 Clearing floats */
    163209.clear:after,
    164210.wrapper:after,
    165211.format-status .entry-header:after {
    … …  
    176222}
    177223
    178224
    179 /* =Repeatable patterns
     225/* 2.0 Repeatable patterns
    180226-------------------------------------------------------------- */
    181227
    182 /* Small headers */
     228/* 2.1 Small headers */
    183229.archive-title,
    184230.page-title,
    185231.widget-title,
    … …  
    193239        color: #636363;
    194240}
    195241
    196 /* Shared Post Format styling */
     242/* 2.2 Shared Post Format styling */
    197243article.format-quote footer.entry-meta,
    198244article.format-link footer.entry-meta,
    199245article.format-status footer.entry-meta {
    … …  
    202248        line-height: 2.181818182;
    203249}
    204250
    205 /* Form fields, general styles first */
     251/* 2.3 Form fields, general styles first */
    206252button,
    207253input,
    208254textarea {
    … …  
    222268        vertical-align: top;
    223269}
    224270
    225 /* Reset non-text input types */
     271/* 2.4 Reset non-text input types */
    226272input[type="checkbox"],
    227273input[type="radio"],
    228274input[type="file"],
    … …  
    234280        padding: 0;
    235281}
    236282
    237 /* Buttons */
     283/* 2.5 Buttons */
    238284.menu-toggle,
    239285input[type="submit"],
    240286input[type="button"],
    … …  
    312358        padding: 0;
    313359}
    314360
    315 /* Responsive images */
     361/* 2.6 Responsive images */
    316362.entry-content img,
    317363.comment-content img,
    318364.widget img {
    … …  
    342388        max-width: 100% !important; /* Override the Twitter embed fixed width */
    343389}
    344390
    345 /* Images */
     391/* 2.7 Images */
    346392.alignleft {
    347393        float: left;
    348394}
    … …  
    412458        padding: 3%;
    413459}
    414460
    415 /* Navigation */
     461/* 2.8 Navigation */
    416462.site-content nav {
    417463        clear: both;
    418464        line-height: 2;
    … …  
    445491        margin: 3.428571429rem 0;
    446492}
    447493
    448 /* Author profiles */
     494/* 2.9 Author profiles */
    449495.author .archive-header {
    450496        margin-bottom: 24px;
    451497        margin-bottom: 1.714285714rem;
    … …  
    474520}
    475521
    476522
    477 /* =Basic structure
     523/* 3.0 Site structure
    478524-------------------------------------------------------------- */
    479525
    480 /* Body, links, basics */
     526/* 3.1 Body, links, basics */
    481527html {
    482528        font-size: 87.5%;
    483529}
    … …  
    499545        color: #0f3647;
    500546}
    501547
    502 /* Assistive text */
     548/* 3.2 Assistive text */
    503549.assistive-text,
    504550.site .screen-reader-text {
    505551        position: absolute !important;
    … …  
    522568        z-index: 100000; /* Above WP toolbar */
    523569}
    524570
    525 /* Page structure */
     571/* 3.3 Page structure */
    526572.site {
    527573        padding: 0 24px;
    528574        padding: 0 1.714285714rem;
    … …  
    537583        margin: 1.714285714rem 0 0;
    538584}
    539585
    540 /* Header */
     586/* 3.4 Header */
     587
     588/* 3.4.1 Site Header */
    541589.site-header {
    542590        padding: 24px 0;
    543591        padding: 1.714285714rem 0;
    … …  
    575623        margin-top: 1.714285714rem;
    576624}
    577625
    578 /* Navigation Menu */
     626/* 3.4.2 Navigation Menu */
    579627.main-navigation {
    580628        margin-top: 24px;
    581629        margin-top: 1.714285714rem;
    … …  
    603651        display: inline-block;
    604652}
    605653
    606 /* Banner */
     654/* 3.4.3 Banner */
    607655section[role="banner"] {
    608656        margin-bottom: 48px;
    609657        margin-bottom: 3.428571429rem;
    610658}
    611659
    612 /* Sidebar */
     660/* 3.5 Sidebar */
    613661.widget-area .widget {
    614662        -webkit-hyphens: auto;
    615663        -moz-hyphens: auto;
    … …  
    655703        width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
    656704}
    657705
    658 /* Footer */
     706/* 3.6 Footer */
    659707footer[role="contentinfo"] {
    660708        border-top: 1px solid #ededed;
    661709        clear: both;
    … …  
    679727}
    680728
    681729
    682 /* =Main content and comment content
     730/* 4.0 Main content and comment content
    683731-------------------------------------------------------------- */
    684732
    685733.entry-meta {
    … …  
    9871035}
    9881036
    9891037
    990 /* =Archives
     1038/* 5.0 Archives
    9911039-------------------------------------------------------------- */
    9921040
    9931041.archive-header,
    … …  
    10081056}
    10091057
    10101058
    1011 /* =Single image attachment view
     1059/* 6.0 Single image attachment view
    10121060-------------------------------------------------------------- */
    10131061
    10141062.article.attachment {
    … …  
    10321080}
    10331081
    10341082
    1035 /* =Aside post format
     1083/* 7.0 Aside post format
    10361084-------------------------------------------------------------- */
    10371085
    10381086article.format-aside h1 {
    … …  
    10641112}
    10651113
    10661114
    1067 /* =Post formats
     1115/* 8.0 Post formats
    10681116-------------------------------------------------------------- */
    10691117
    1070 /* Image posts */
     1118/* 8.1 Image posts */
    10711119article.format-image footer h1 {
    10721120        font-size: 13px;
    10731121        font-size: 0.928571429rem;
    … …  
    10831131        font-weight: normal;
    10841132}
    10851133
    1086 /* Link posts */
     1134/* 8.2 Link posts */
    10871135article.format-link header {
    10881136        padding: 0 10px;
    10891137        padding: 0 0.714285714rem;
    … …  
    11091157        text-decoration: none;
    11101158}
    11111159
    1112 /* Quote posts */
     1160/* 8.3 Quote posts */
    11131161article.format-quote .entry-content p {
    11141162        margin: 0;
    11151163        padding-bottom: 24px;
    … …  
    11271175        background: #efefef;
    11281176}
    11291177
    1130 /* Status posts */
     1178/* 8.4 Status posts */
    11311179.format-status .entry-header {
    11321180        margin-bottom: 24px;
    11331181        margin-bottom: 1.714285714rem;
    … …  
    11621210}
    11631211
    11641212
    1165 /* =Comments
     1213/* 9.0 Comments
    11661214-------------------------------------------------------------- */
    11671215
    11681216.comments-title {
    … …  
    12661314        margin-bottom: 1.714285714rem;
    12671315}
    12681316
    1269 /* Comment form */
     1317/* 9.1 Comment form */
    12701318#respond {
    12711319        margin-top: 48px;
    12721320        margin-top: 3.428571429rem;
    … …  
    13221370}
    13231371
    13241372
    1325 /* =Front page template
     1373/* 10.0 Front page template
    13261374-------------------------------------------------------------- */
    13271375
    13281376.entry-page-image {
    … …  
    13631411}
    13641412
    13651413
    1366 /* =Widgets
     1414/* 11.0 Widgets
    13671415-------------------------------------------------------------- */
    13681416
    13691417.widget-area .widget ul ul {
    … …  
    14151463}
    14161464
    14171465
    1418 /* =Plugins
     1466/* 12.0 Plugins
    14191467----------------------------------------------- */
    14201468
    14211469img#wpstats {
    … …  
    14251473}
    14261474
    14271475
    1428 /* =Media queries
     1476/* 13.0 Media queries
    14291477-------------------------------------------------------------- */
    14301478
    1431 /* Minimum width of 600 pixels. */
     1479/* 13.1 Minimum width of 600 pixels */
    14321480@media screen and (min-width: 600px) {
    14331481        .author-avatar {
    14341482                float: left;
    … …  
    15941642        }
    15951643}
    15961644
    1597 /* Minimum width of 960 pixels. */
     1645/* 13.2 Minimum width of 960 pixels */
    15981646@media screen and (min-width: 960px) {
    15991647        body {
    16001648                background-color: #e6e6e6;
    … …  
    16211669}
    16221670
    16231671
    1624 /* =Print
     1672/* 14.0 Print
    16251673----------------------------------------------- */
    16261674
    16271675@media print {
    … …  
    17181766                width: auto;
    17191767        }
    17201768
    1721         /* Comments */
     1769        /* 14.1 Comments */
    17221770        .commentlist > li.comment {
    17231771                background: none;
    17241772                position: relative;
    … …  
    17351783                margin-left: 50px;
    17361784                margin-left: 3.57142857rem;
    17371785        }
    1738 }
    1739  No newline at end of file
     1786}