WordPress.org
Get WordPress

Make WordPress Core

Changeset 29987


Ignore:
Timestamp:
10/22/2014 02:39:39 AM (12 years ago)
Author:
azaozz
Message:

Twenty Fifteen: better editor-style.css: slightly smaller fonts, make the body margins relative, fix dependency on the mce-item-table class for tables. Props iamtakashi, fixes #29986

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyfifteen/css/editor-style.css

    r29918 r29987  
    2727        font-family: "Noto Serif", serif;
    2828        font-weight: 400;
    29         font-size: 19px;
     29        font-size: 17px;
    3030        line-height: 1.6471;
    3131        max-width: 660px;
    32         margin: 83px 0 83px 83px;
     32        margin: 8% 10%;
    3333        vertical-align: baseline;
    3434}
    … …  
    4747        clear: both;
    4848        font-weight: 700;
    49         margin: 64px 0 32px;
     49        margin: 56px 0 28px;
    5050}
    5151
    5252h1 {
    53         font-size: 39px;
     53        font-size: 35px;
    5454        line-height: 1.2308;
    5555}
    5656
    5757h2 {
    58         font-size: 32px;
    59         line-height: 1.25;
     58        font-size: 29px;
     59        line-height: 1.2069;
    6060}
    6161
    6262h3 {
    63         font-size: 27px;
    64         line-height: 1.1852;
     63        font-size: 24px;
     64        line-height: 1.1667;
    6565}
    6666
    6767h4 {
    68         font-size: 22px;
    69         line-height: 1.4545;
     68        font-size: 20px;
     69        line-height: 1.4;
    7070}
    7171
    7272h5,
    7373h6 {
    74         font-size: 19px;
     74        font-size: 17px;
    7575        letter-spacing: 0.1em;
    76         line-height: 1.2632;
     76        line-height: 1.2353;
    7777        text-transform: uppercase;
    7878}
    … …  
    8888
    8989p {
    90         margin: 0 0 32px;
     90        margin: 0 0 28px;
    9191}
    9292
    … …  
    106106        border-left: 4px solid #707070;
    107107        color: #707070;
    108         font-size: 22px;
     108        font-size: 20px;
    109109        font-style: italic;
    110110        line-height: 1.8182;
    111         margin: 0 0 40px -24px;
    112         padding-left: 20px;
     111        margin: 0 0 35px -21px;
     112        padding-left: 17px;
    113113}
    114114
    … …  
    118118
    119119blockquote p {
    120         margin-bottom: 40px;
     120        margin-bottom: 35px;
    121121}
    122122
    … …  
    128128blockquote small {
    129129        color: #333;
    130         font-size: 19px;
     130        font-size: 17px;
    131131        font-family: "Noto Sans", sans-serif;
    132         line-height: 1.6842;
     132        line-height: 1.6471;
    133133}
    134134
    … …  
    146146address {
    147147        font-style: italic;
    148         margin: 0 0 32px;
     148        margin: 0 0 28px;
    149149}
    150150
    … …  
    161161        background-color: #fcfcfc;
    162162        border: 1px solid #eaeaea;
    163         font-size: 19px;
    164         line-height: 1.2632;
    165         margin-bottom: 32px;
     163        font-size: 17px;
     164        line-height: 1.2353;
     165        margin-bottom: 28px;
    166166        max-width: 100%;
    167167        overflow: auto;
    168         padding: 15px;
     168        padding: 14px;
    169169        white-space: pre;
    170170        white-space: pre-wrap;
    … …  
    217217        border: 0;
    218218        height: 1px;
    219         margin-bottom: 32px;
     219        margin-bottom: 28px;
    220220}
    221221
    222222ul,
    223223ol {
    224         margin: 0 0 32px 0;
     224        margin: 0 0 28px 0;
    225225        padding: 0;
    226226}
    … …  
    236236li > ul,
    237237li > ol {
    238         margin: 0 0 0 25px;
     238        margin: 0 0 0 23px;
    239239}
    240240
    241241dl {
    242         margin: 0 0 32px;
     242        margin: 0 0 28px;
    243243}
    244244
    … …  
    248248
    249249dd {
    250         margin: 0 0 32px;
    251 }
    252 
     250        margin: 0 0 28px;
     251}
     252
     253table,
     254th,
     255td,
    253256.mce-item-table,
    254257.mce-item-table th,
    … …  
    257260}
    258261
    259 .mce-item-table a {
     262table a {
    260263        color: #333;
    261264}
    262265
     266table,
    263267.mce-item-table {
    264268        border-collapse: separate;
    265269        border-spacing: 0;
    266270        border-width: 1px 0 0 1px;
    267         margin: 0 0 32px;
     271        margin: 0 0 28px;
    268272        width: 100%;
    269273}
    270274
     275table th,
    271276.mce-item-table th,
    272 .mce-item-table caption {
     277table caption {
    273278        border-width: 0 1px 1px 0;
    274279        font-family: "Noto Serif", serif;
    275         font-size: 19px;
     280        font-size: 17px;
    276281        font-weight: 700;
    277         padding: 8px;
     282        padding: 7px;
    278283        text-align: left;
    279284        vertical-align: baseline;
    280285}
    281286
     287table td,
    282288.mce-item-table td {
    283289        border-width: 0 1px 1px 0;
    284290        font-family: "Noto Serif", serif;
    285         font-size: 19px;
    286         padding: 8px;
     291        font-size: 17px;
     292        padding: 7px;
    287293        vertical-align: baseline;
    288294}
    … …  
    295301}
    296302
     303a img {
     304        display: block;
     305}
     306
    297307figure {
    298308        margin: 0;
    … …  
    316326.alignleft {
    317327        float: left;
    318         margin: 8px 32px 32px 0;
     328        margin: 7px 28px 28px 0;
    319329}
    320330
    321331.alignright {
    322332        float: right;
    323         margin: 8px 0 32px 32px;
     333        margin: 7px 0 28px 28px;
    324334}
    325335
    … …  
    327337        clear: both;
    328338        display: block;
    329         margin: 8px auto;
     339        margin: 7px auto;
    330340}
    331341
    … …  
    340350        color: #707070;
    341351        font-family: "Noto Sans", sans-serif;
    342         margin: 0 0 32px 0;
     352        margin: 0 0 28px 0;
    343353        max-width: 660px;
    344354        padding: 0;
    … …  
    347357
    348358.wp-caption.alignleft {
    349         margin: 8px 32px 8px 0;
     359        margin: 7px 28px 21px 0;
    350360}
    351361
    352362.wp-caption.alignright {
    353         margin: 8px 0 8px 32px;
     363        margin: 7px 0 21px 28px;
    354364}
    355365
    356366.wp-caption.aligncenter {
    357         margin: 8px auto;
     367        margin: 7px auto;
    358368}
    359369
    360370.wp-caption .wp-caption-text,
    361371.wp-caption-dd {
    362         font-size: 16px;
     372        font-size: 14px;
    363373        line-height: 1.5;
    364         padding: 8px 0;
     374        padding: 7px 0;
    365375}
    366376
    … …  
    371381
    372382.gallery {
    373         margin-bottom: 32px;
     383        margin-bottom: 28px;
    374384}
    375385
    … …  
    418428        display: block;
    419429        font-family: "Noto Sans", sans-serif;
    420         font-size: 16px;
     430        font-size: 14px;
    421431        line-height: 1.5;
    422         padding: 8px 0;
     432        padding: 7px 0;
    423433}
    424434
    … …  
    448458 */
    449459
    450 body.rtl {
    451         margin: 83px 83px 83px 0;
    452 }
    453 
    454460.rtl blockquote {
    455461        border-right: 4px solid #707070;
    456462        border-left: none;
    457         margin: 0 -24px 40px 0;
    458         padding-right: 20px;
     463        margin: 0 -21px 35px 0;
     464        padding-right: 17px;
    459465        padding-left: 0;
    460466}
    … …  
    467473.rtl li > ul,
    468474.rtl li > ol {
    469         margin: 0 25px 0 0;
    470 }
    471 
    472 .rtl .mce-item-table th,
    473 .rtl .mce-item-table caption {
     475        margin: 0 23px 0 0;
     476}
     477
     478.rtl table th,
     479.rtl table caption {
    474480        text-align: right;
    475481}
    476 
    477 .rtl .wp-caption.alignright {
    478         margin: 8px 0 8px 32px;
    479 }
    480 
    481 .rtl .wp-caption.alignleft {
    482         margin: 8px 32px 8px 0;
    483 }
Note: See TracChangeset for help on using the changeset viewer.