WordPress.org
Get WordPress

Make WordPress Core

Changeset 26561


Ignore:
Timestamp:
12/03/2013 05:29:13 PM (13 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: update editor stylesheet to reflect recent changes made in the main stylesheet. Props iamtakashi, see #25946.

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r26409 r26561  
    3333        color: #2b2b2b;
    3434        font-family: Lato, sans-serif;
     35        font-weight: 400;
    3536        line-height: 1.5;
    36         text-rendering: optimizeLegibility;
    3737        vertical-align: baseline;
    3838}
    … …  
    5252        clear: both;
    5353        font-weight: 700;
    54         margin: 0 0 12px;
     54        margin: 36px 0 12px;
    5555}
    5656
    5757h1 {
    58         font-size: 33px;
    59         line-height: 1.0909090909;
    60 }
    61 
    62 h2 {
    63         font-size: 30px;
    64         line-height: 1.2;
    65 }
    66 
    67 h3 {
    6858        font-size: 26px;
    6959        line-height: 1.3846153846;
    7060}
    7161
    72 h4 {
     62h2 {
     63        font-size: 24px;
     64        line-height: 1;
     65}
     66
     67h3 {
    7368        font-size: 22px;
    7469        line-height: 1.0909090909;
     70}
     71
     72h4 {
     73        font-size: 20px;
     74        line-height: 1.2;
    7575}
    7676
    … …  
    8585}
    8686
    87 hr {
    88         background-color: rgba(0, 0, 0, 0.1);
     87h1:first-child,
     88h2:first-child,
     89h3:first-child,
     90h4:first-child,
     91h5:first-child,
     92h6:first-child {
     93        margin-top: 0;
     94}
     95
     96
     97/**
     98 * 3.0 Text Elements
     99 * ----------------------------------------------------------------------------
     100 */
     101
     102address {
     103        font-style: italic;
     104        margin-bottom: 24px;
     105}
     106
     107abbr[title] {
     108        border-bottom: 1px dotted #2b2b2b;
     109        cursor: help;
     110}
     111
     112b,
     113strong {
     114        font-weight: 700;
     115}
     116
     117cite {
    89118        border: 0;
    90         height: 1px;
    91         margin-bottom: 23px;
    92 }
    93 
    94 
    95 /**
    96  * 3.0 Text Elements
    97  * ----------------------------------------------------------------------------
    98  */
     119}
     120
     121cite,
     122dfn,
     123em,
     124i {
     125        font-style: italic;
     126}
     127
     128mark,
     129ins {
     130        background: #fff9c0;
     131        text-decoration: none;
     132}
    99133
    100134p {
    101135        margin: 0 0 24px;
    102 }
    103 
    104 ol,
    105 ul {
    106         margin: 0 0 24px 22px;
    107         padding-left: 0;
    108 }
    109 
    110 ul {
    111         list-style-type: disc;
    112 }
    113 
    114 ol {
    115         list-style: decimal;
    116 }
    117 
    118 li > ul,
    119 li > ol {
    120         margin-bottom: 0;
    121         margin-left: 20px;
    122 }
    123 
    124 dl {
    125         margin: 0 20px;
    126 }
    127 
    128 dt {
    129         font-weight: bold;
    130 }
    131 
    132 dd {
    133         margin: 0 0 24px;
    134 }
    135 
    136 strong {
    137         font-weight: bold;
    138136}
    139137
    … …  
    142140tt,
    143141var,
    144 samp {
    145         font: 15px/1.6 Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    146 }
    147 
     142samp,
    148143pre {
    149         background: #eee;
    150         font-family: 'Courier 10 Pitch', Courier, monospace;
     144        font-family: monospace, serif;
    151145        font-size: 15px;
    152146        line-height: 1.6;
     147}
     148
     149pre {
     150        border: 1px solid rgba(0, 0, 0, 0.1);
    153151        margin-bottom: 24px;
    154152        max-width: 100%;
    155153        overflow: auto;
    156154        padding: 12px;
     155        white-space: pre;
     156        white-space: pre-wrap;
     157        word-wrap: break-word;
    157158}
    158159
    … …  
    171172
    172173blockquote {
     174        color: #767676;
     175        font-size: 19px;
    173176        font-style: italic;
    174177        font-weight: 300;
     178        line-height: 1.2631578947;
    175179        margin: 0 0 24px;
    176 }
    177 
    178 blockquote em, blockquote i, blockquote cite {
    179         font-style: normal;
    180 }
    181 
    182 blockquote p {
    183         color: #767676;
    184         font-size: 19px;
    185         line-height: 1.2631578947;
    186180}
    187181
    … …  
    194188}
    195189
    196 blockquote.pull p {
    197         margin-bottom: 17px;
    198 }
    199 
    200 blockquote.pull.alignleft,
    201 blockquote.pull.alignright {
     190blockquote em,
     191blockquote i,
     192blockquote cite {
     193        font-style: normal;
     194}
     195
     196blockquote strong,
     197blockquote b {
     198        font-weight: 400;
     199}
     200
     201small {
     202        font-size: smaller;
     203}
     204
     205big {
     206        font-size: 125%;
     207}
     208
     209sup,
     210sub {
     211        font-size: 75%;
     212        height: 0;
     213        line-height: 0;
     214        position: relative;
     215        vertical-align: baseline;
     216}
     217
     218sup {
     219        bottom: 1ex;
     220}
     221
     222sub {
     223        top: .5ex;
     224}
     225
     226dl {
     227        margin: 0 0 24px;
     228}
     229
     230dt {
     231        font-weight: bold;
     232}
     233
     234dd {
     235        margin: 0 0 24px;
     236}
     237
     238ul,
     239ol {
     240        list-style: none;
     241        margin: 0 0 24px 20px;
     242        padding-left: 0;
     243}
     244
     245ul {
     246        list-style: disc;
     247}
     248
     249ol {
     250        list-style: decimal;
     251}
     252
     253li > ul,
     254li > ol {
     255        margin: 0 0 0 20px;
     256}
     257
     258del {
     259        color: #767676;
     260}
     261
     262hr {
     263        background-color: rgba(0, 0, 0, 0.1);
     264        border: 0;
     265        height: 1px;
     266        margin-bottom: 23px;
     267}
     268
     269
     270/**
     271 * 4.0 Links
     272 * ----------------------------------------------------------------------------
     273 */
     274
     275a {
     276        color: #24890d;
     277        text-decoration: none;
     278}
     279
     280a:visited {
     281        color: #24890d;
     282}
     283
     284a:focus {
     285        outline: thin dotted;
     286}
     287
     288a:active,
     289a:hover {
     290        color: #41a62a;
     291        outline: 0;
     292}
     293
     294
     295/**
     296 * 5.0 Alignment
     297 * ----------------------------------------------------------------------------
     298 */
     299
     300.alignleft {
     301        float: left;
     302        margin: 7px 24px 7px 0;
     303}
     304
     305.alignright {
     306        float: right;
     307        margin: 7px 0 7px 24px;
     308}
     309
     310.aligncenter {
     311        clear: both;
     312        display: block;
     313        margin: 7px auto;
     314}
     315
     316blockquote.alignleft,
     317blockquote.alignright {
    202318        border-top: 1px solid rgba(0, 0, 0, 0.1);
    203319        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    … …  
    206322}
    207323
    208 blockquote.pull.alignleft {
    209         margin: 7px 24px 7px 0;
    210 }
    211 
    212 blockquote.pull.alignright {
    213         margin: 7px 0 7px 24px;
    214 }
    215 
    216 blockquote blockquote {
    217         margin-right: 0;
    218 }
    219 
    220 cite {
    221         border-bottom: 0;
    222 }
    223 
    224 abbr[title] {
    225         border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    226 }
    227 
    228 address {
    229         font-style: normal;
    230         margin: 0 0 24px;
    231 }
    232 
    233 del {
    234         color: #333;
    235 }
    236 
    237 ins {
    238         background: #fff9c0;
    239         border: none;
    240         color: #333;
    241         text-decoration: none;
    242 }
    243 
    244 sub,
    245 sup {
    246         font-size: 75%;
    247         line-height: 0;
    248         position: relative;
    249         vertical-align: baseline;
    250 }
    251 
    252 sup {
    253         bottom: 1ex;
    254 }
    255 
    256 sub {
    257         top: .5ex;
    258 }
    259 
    260 
    261 /**
    262  * 4.0 Links
    263  * ----------------------------------------------------------------------------
    264  */
    265 
    266 a {
    267         color: #24890d;
    268         text-decoration: none;
    269 }
    270 
    271 a:visited {
    272         color: #24890d;
    273 }
    274 
    275 a:focus {
    276         outline: thin dotted;
    277 }
    278 
    279 a:active,
    280 a:hover {
    281         color: #55d737;
    282         outline: 0;
    283 }
    284 
    285 /**
    286  * 5.0 Alignment
    287  * ----------------------------------------------------------------------------
    288  */
    289 
    290 .alignleft {
    291         float: left;
    292         margin-right: 24px;
    293 }
    294 
    295 .alignright {
    296         float: right;
    297         margin-left: 24px;
    298 }
    299 
    300 .aligncenter {
    301         clear: both;
    302         display: block;
    303         margin: 0 auto;
    304 }
    305 
    306 img.alignnone {
    307         margin: 5px 0;
     324blockquote.alignleft p,
     325blockquote.alignright p {
     326        margin-bottom: 17px;
    308327}
    309328
    … …  
    314333 */
    315334
    316 table {
     335.mceItemTable {
    317336        border: 1px solid rgba(0, 0, 0, 0.1);
    318         border-collapse: collapse;
     337        border-width: 1px 0 0 1px;
     338        border-collapse: separate;
    319339        border-spacing: 0;
    320340        font-size: 14px;
    … …  
    324344}
    325345
    326 caption,
    327 th {
    328         border-right: 1px solid rgba(0, 0, 0, 0.1);
     346.mceItemTable th,
     347.mceItemTable caption {
     348        border: 1px solid rgba(0, 0, 0, 0.1);
     349        border-width: 0 1px 1px 0;
    329350        font-weight: 700;
    330351        padding: 8px;
     352        text-align: left;
    331353        text-transform: uppercase;
    332 }
    333 
    334 td {
    335         border-top: 1px solid rgba(0, 0, 0, 0.1);
    336         border-right: 1px solid rgba(0, 0, 0, 0.1);
     354        vertical-align: baseline;
     355}
     356
     357.mceItemTable td {
     358        border: 1px solid rgba(0, 0, 0, 0.1);
     359        border-width: 0 1px 1px 0;
     360        font-family: Lato, sans-serif;
     361        font-size: 14px;
    337362        padding: 8px;
    338 }
     363        vertical-align: baseline;
     364}
     365
    339366
    340367/**
    … …  
    352379        background: transparent;
    353380        border: none;
     381        color: #767676;
    354382        margin: 0 0 24px 0;
     383        max-width: 474px;
    355384        padding: 0;
    356385        text-align: left;
    357         max-width: 474px;
    358386}
    359387
    360388.wp-caption.alignleft {
    361         margin: 7px 24px 7px 0;
     389        margin: 7px 14px 7px 0;
    362390}
    363391
    364392.wp-caption.alignright {
    365         margin: 7px 0 7px 24px;
     393        margin: 7px 0 7px 14px;
    366394}
    367395
    … …  
    376404.wp-caption .wp-caption-text,
    377405.wp-caption-dd {
     406        -webkit-box-sizing: border-box;
    378407        -moz-box-sizing: border-box;
    379408        box-sizing: border-box;
    380409        font-size: 12px;
    381410        font-style: italic;
    382         line-height: 1.6666666666;
    383         margin: 4px 0;
     411        line-height: 1.5;
     412        margin: 9px 0;
    384413        padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
    385414        text-align: left;
    … …  
    390419        list-style-position: inside;
    391420}
     421
    392422
    393423/**
    … …  
    407437}
    408438
    409 .rtl blockquote.pull.alignleft {
    410         margin-left: 24px;
    411         margin-right: 0;
    412 }
    413 
    414 .rtl blockquote.pull.alignright {
    415         margin-left: 0;
    416         margin-right: 24px;
    417 }
    418 
    419439.rtl .wp-caption,
    420440.rtl tr th {
Note: See TracChangeset for help on using the changeset viewer.