← Back to branch summary

~canonical-sysadmins/wordpress/4.6

« back to all changes in this revision

Viewing changes to wp-content/themes/twentysixteen/css/editor-style.css

  • Committer: Manuel Seelaus
  • Date: 2015-12-09 17:47:18 UTC
  • mfrom: (1.1.11 upstream)
  • Revision ID: manuel.seelaus@canonical.com-20151209174718-coxethm2swbeqksy
Merge WP4.4 from upstream

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-content/themes/twentysixteen/css/editor-style.css
 
1
/*
 
2
Theme Name: Twenty Sixteen
 
3
Description: Used to style the TinyMCE editor.
 
4
*/
 
5
 
 
6
 
 
7
/**
 
8
 * Table of Contents:
 
9
 *
 
10
 * 1.0 - Body
 
11
 * 2.0 - Typography
 
12
 * 3.0 - Elements
 
13
 * 4.0 - Alignment
 
14
 * 5.0 - Caption
 
15
 * 6.0 - Galleries
 
16
 * 7.0 - Audio / Video
 
17
 * 8.0 - RTL
 
18
 */
 
19
 
 
20
 
 
21
/**
 
22
 * 1.0 - Body
 
23
 */
 
24
 
 
25
body {
 
26
        color: #1a1a1a;
 
27
        font-family: Merriweather, Georgia, serif;
 
28
        font-size: 16px;
 
29
        font-weight: 400;
 
30
        line-height: 1.75;
 
31
        margin: 20px 40px;
 
32
        max-width: 600px;
 
33
        vertical-align: baseline;
 
34
}
 
35
 
 
36
body.post-type-page {
 
37
        max-width: 840px;
 
38
}
 
39
 
 
40
 
 
41
/**
 
42
 * 2.0 - Typography
 
43
 */
 
44
 
 
45
h1,
 
46
h2,
 
47
h3,
 
48
h4,
 
49
h5,
 
50
h6 {
 
51
        clear: both;
 
52
        font-weight: 900;
 
53
        margin: 56px 0 28px;
 
54
}
 
55
 
 
56
h1 {
 
57
        font-size: 33px;
 
58
        line-height: 1.2727272727;
 
59
}
 
60
 
 
61
h2 {
 
62
        font-size: 28px;
 
63
        line-height: 1.25;
 
64
}
 
65
 
 
66
h3 {
 
67
        font-size: 23px;
 
68
        line-height: 1.2173913043;
 
69
}
 
70
 
 
71
h4,
 
72
h5,
 
73
h6 {
 
74
        font-size: 19px;
 
75
        line-height: 1.1052631579;
 
76
}
 
77
 
 
78
h4 {
 
79
        letter-spacing: 0.13333em;
 
80
        text-transform: uppercase;
 
81
}
 
82
 
 
83
h6 {
 
84
        font-style: italic;
 
85
}
 
86
 
 
87
h1:first-child,
 
88
h2:first-child,
 
89
h3:first-child,
 
90
h4:first-child,
 
91
h5:first-child,
 
92
h6:first-child {
 
93
        margin-top: 0;
 
94
}
 
95
 
 
96
p {
 
97
        margin: 0 0 28px;
 
98
}
 
99
 
 
100
b,
 
101
strong {
 
102
        font-weight: 700;
 
103
}
 
104
 
 
105
dfn,
 
106
cite,
 
107
em,
 
108
i {
 
109
        font-style: italic;
 
110
}
 
111
 
 
112
blockquote {
 
113
        border-left: 4px solid #1a1a1a;
 
114
        color: #686868;
 
115
        font-size: 19px;
 
116
        font-style: italic;
 
117
        line-height: 1.4736842105;
 
118
        margin-bottom: 28px;
 
119
        padding: 0 0 0 24px;
 
120
}
 
121
 
 
122
blockquote:not(.alignleft):not(.alignright) {
 
123
        margin-left: -28px;
 
124
}
 
125
 
 
126
blockquote blockquote:not(.alignleft):not(.alignright) {
 
127
        margin-left: 0;
 
128
}
 
129
 
 
130
blockquote:before,
 
131
blockquote:after {
 
132
        content: "";
 
133
        display: table;
 
134
}
 
135
 
 
136
blockquote:after {
 
137
        clear: both;
 
138
}
 
139
 
 
140
blockquote > :last-child {
 
141
        margin-bottom: 0;
 
142
}
 
143
 
 
144
blockquote cite,
 
145
blockquote small {
 
146
        color: #1a1a1a;
 
147
        font-size: 16px;
 
148
        line-height: 1.75;
 
149
}
 
150
 
 
151
blockquote em,
 
152
blockquote i,
 
153
blockquote cite {
 
154
        font-style: normal;
 
155
}
 
156
 
 
157
blockquote strong,
 
158
blockquote b {
 
159
        font-weight: 400;
 
160
}
 
161
 
 
162
blockquote.alignleft,
 
163
blockquote.alignright {
 
164
        border: 0 solid #1a1a1a;
 
165
        border-top-width: 4px;
 
166
        padding: 18px 0 0;
 
167
        width: -webkit-calc(50% - 14px);
 
168
        width: calc(50% - 14px);
 
169
}
 
170
 
 
171
address {
 
172
        font-style: italic;
 
173
        margin: 0 0 28px;
 
174
}
 
175
 
 
176
code,
 
177
kbd,
 
178
tt,
 
179
var,
 
180
samp,
 
181
pre {
 
182
        font-family: Inconsolata, monospace;
 
183
}
 
184
 
 
185
pre {
 
186
        border: 1px solid #d1d1d1;
 
187
        font-size: 16px;
 
188
        line-height: 1.3125;
 
189
        margin: 0 0 28px;
 
190
        max-width: 100%;
 
191
        overflow: auto;
 
192
        padding: 14px;
 
193
        white-space: pre;
 
194
        white-space: pre-wrap;
 
195
        word-wrap: break-word;
 
196
}
 
197
 
 
198
code {
 
199
        background-color: #d1d1d1;
 
200
        padding: 2px 4px;
 
201
}
 
202
 
 
203
abbr[title] {
 
204
        border-bottom: 1px dotted #d1d1d1;
 
205
        cursor: help;
 
206
}
 
207
 
 
208
mark,
 
209
ins {
 
210
        background: #007acc;
 
211
        color: #fff;
 
212
        padding: 2px 4px;
 
213
        text-decoration: none;
 
214
}
 
215
 
 
216
sup,
 
217
sub {
 
218
        font-size: 75%;
 
219
        height: 0;
 
220
        line-height: 0;
 
221
        position: relative;
 
222
        vertical-align: baseline;
 
223
}
 
224
 
 
225
sub {
 
226
        top: -6px;
 
227
}
 
228
 
 
229
sup {
 
230
        bottom: -3px;
 
231
}
 
232
 
 
233
small {
 
234
        font-size: 80%;
 
235
}
 
236
 
 
237
big {
 
238
        font-size: 125%;
 
239
}
 
240
 
 
241
 
 
242
/**
 
243
 * 3.0 - Elements
 
244
 */
 
245
 
 
246
hr {
 
247
        background-color: #d1d1d1;
 
248
        border: 0;
 
249
        height: 1px;
 
250
        margin-bottom: 28px;
 
251
}
 
252
 
 
253
ul,
 
254
ol {
 
255
        margin: 0 0 28px 0;
 
256
        padding: 0;
 
257
}
 
258
 
 
259
ul {
 
260
        list-style: disc;
 
261
}
 
262
 
 
263
ol {
 
264
        list-style: decimal;
 
265
}
 
266
 
 
267
li > ul,
 
268
li > ol {
 
269
        margin-bottom: 0;
 
270
}
 
271
 
 
272
li > ul,
 
273
blockquote > ul {
 
274
        margin-left: 20px;
 
275
}
 
276
 
 
277
li > ol,
 
278
blockquote > ol {
 
279
        margin-left: 24px;
 
280
}
 
281
 
 
282
dl {
 
283
        margin: 0 0 28px;
 
284
}
 
285
 
 
286
dt {
 
287
        font-weight: bold;
 
288
}
 
289
 
 
290
dd {
 
291
        margin: 0 0 28px;
 
292
}
 
293
 
 
294
table,
 
295
th,
 
296
td,
 
297
.mce-item-table,
 
298
.mce-item-table th,
 
299
.mce-item-table td {
 
300
        border: 1px solid #d1d1d1;
 
301
}
 
302
 
 
303
table a {
 
304
        color: #007acc;
 
305
}
 
306
 
 
307
table,
 
308
.mce-item-table {
 
309
        border-collapse: separate;
 
310
        border-spacing: 0;
 
311
        border-width: 1px 0 0 1px;
 
312
        margin: 0 0 28px;
 
313
        width: 100%;
 
314
}
 
315
 
 
316
table th,
 
317
.mce-item-table th,
 
318
table caption {
 
319
        border-width: 0 1px 1px 0;
 
320
        font-size: 16px;
 
321
        font-weight: 700;
 
322
        padding: 7px;
 
323
        text-align: left;
 
324
        vertical-align: baseline;
 
325
}
 
326
 
 
327
table td,
 
328
.mce-item-table td {
 
329
        border-width: 0 1px 1px 0;
 
330
        font-size: 16px;
 
331
        padding: 7px;
 
332
        vertical-align: baseline;
 
333
}
 
334
 
 
335
img {
 
336
        border: 0;
 
337
        height: auto;
 
338
        max-width: 100%;
 
339
        vertical-align: middle;
 
340
}
 
341
 
 
342
a img {
 
343
        display: block;
 
344
}
 
345
 
 
346
figure {
 
347
        margin: 0;
 
348
}
 
349
 
 
350
del {
 
351
        opacity: 0.8;
 
352
}
 
353
 
 
354
a {
 
355
        box-shadow: 0 1px 0 0 currentColor;
 
356
        color: #007acc;
 
357
        text-decoration: none;
 
358
}
 
359
 
 
360
fieldset {
 
361
        border: 1px solid #d1d1d1;
 
362
        margin: 0 0 28px;
 
363
        padding: 14px;
 
364
}
 
365
 
 
366
 
 
367
/**
 
368
 * 4.0 - Alignment
 
369
 */
 
370
 
 
371
.alignleft {
 
372
        float: left;
 
373
        margin: 6px 28px 28px 0;
 
374
}
 
375
 
 
376
.alignright {
 
377
        float: right;
 
378
        margin: 6px 0 28px 28px;
 
379
}
 
380
 
 
381
.aligncenter {
 
382
        clear: both;
 
383
        display: block;
 
384
        margin: 0 auto 28px;
 
385
}
 
386
 
 
387
 
 
388
/**
 
389
 * 5.0 - Caption
 
390
 */
 
391
 
 
392
.wp-caption {
 
393
        background: transparent;
 
394
        border: none;
 
395
        margin-bottom: 28px;
 
396
        max-width: 100%;
 
397
        padding: 0;
 
398
        text-align: inherit;
 
399
}
 
400
 
 
401
.wp-caption-text,
 
402
.wp-caption-dd {
 
403
        color: #686868;
 
404
        font-size: 13px;
 
405
        font-style: italic;
 
406
        line-height: 1.6153846154;
 
407
        padding-top: 7px;
 
408
}
 
409
 
 
410
 
 
411
/**
 
412
 * 6.0 - Galleries
 
413
 */
 
414
 
 
415
.mce-content-body .wpview-wrap {
 
416
        margin-bottom: 28px;
 
417
}
 
418
 
 
419
.gallery {
 
420
        margin: 0 -1.1666667%;
 
421
        padding: 0;
 
422
}
 
423
 
 
424
.gallery .gallery-item {
 
425
        display: inline-block;
 
426
        max-width: 33.33%;
 
427
        padding: 0 1.1400652% 2.2801304%;
 
428
        text-align: center;
 
429
        vertical-align: top;
 
430
        width: 100%;
 
431
}
 
432
 
 
433
.gallery-columns-1 .gallery-item {
 
434
        max-width: 100%;
 
435
}
 
436
 
 
437
.gallery-columns-2 .gallery-item {
 
438
        max-width: 50%;
 
439
}
 
440
 
 
441
.gallery-columns-4 .gallery-item {
 
442
        max-width: 25%;
 
443
}
 
444
 
 
445
.gallery-columns-5 .gallery-item {
 
446
        max-width: 20%;
 
447
}
 
448
 
 
449
.gallery-columns-6 .gallery-item {
 
450
        max-width: 16.66%;
 
451
}
 
452
 
 
453
.gallery-columns-7 .gallery-item {
 
454
        max-width: 14.28%;
 
455
}
 
456
 
 
457
.gallery-columns-8 .gallery-item {
 
458
        max-width: 12.5%;
 
459
}
 
460
 
 
461
.gallery-columns-9 .gallery-item {
 
462
        max-width: 11.11%;
 
463
}
 
464
 
 
465
.gallery .gallery-caption {
 
466
        font-size: 13px;
 
467
        margin: 0;
 
468
}
 
469
 
 
470
.gallery-columns-6 .gallery-caption,
 
471
.gallery-columns-7 .gallery-caption,
 
472
.gallery-columns-8 .gallery-caption,
 
473
.gallery-columns-9 .gallery-caption {
 
474
        display: none;
 
475
}
 
476
 
 
477
 
 
478
/**
 
479
 * 7.0 - Audio / Video
 
480
 */
 
481
 
 
482
.wp-audio-shortcode a,
 
483
.wp-playlist a {
 
484
        box-shadow: none;
 
485
}
 
486
 
 
487
.mce-content-body .wp-audio-playlist {
 
488
        margin: 0;
 
489
        padding-bottom: 0;
 
490
}
 
491
 
 
492
.mce-content-body .wp-playlist-tracks {
 
493
        margin-top: 0;
 
494
}
 
495
 
 
496
.mce-content-body  .wp-playlist-item {
 
497
        padding: 10px 0;
 
498
}
 
499
 
 
500
.mce-content-body .wp-playlist-item-length {
 
501
        top: 10px;
 
502
}
 
503
 
 
504
 
 
505
/**
 
506
 * 8.0 - RTL
 
507
 */
 
508
 
 
509
.rtl blockquote {
 
510
        border: 0 solid #1a1a1a;
 
511
        border-right-width: 4px;
 
512
}
 
513
 
 
514
.rtl blockquote.alignleft,
 
515
.rtl blockquote.alignright {
 
516
        border: 0 solid #1a1a1a;
 
517
        border-top-width: 4px;
 
518
}
 
519
 
 
520
.rtl blockquote:not(.alignleft):not(.alignright) {
 
521
        margin-right: -28px;
 
522
        padding: 0 24px 0 0;
 
523
}
 
524
 
 
525
.rtl blockquote blockquote:not(.alignleft):not(.alignright) {
 
526
        margin-right: 0;
 
527
        margin-left: auto;
 
528
}
 
529
 
 
530
.rtl li > ul,
 
531
.rtl blockquote > ul {
 
532
        margin-right: 20px;
 
533
        margin-left: auto;
 
534
}
 
535
 
 
536
.rtl li > ol,
 
537
.rtl blockquote > ol {
 
538
        margin-right: 24px;
 
539
        margin-left: auto;
 
540
}
 
541
 
 
542
.rtl table th,
 
543
.rtl .mce-item-table th,
 
544
.rtl table caption {
 
545
        text-align: right;
 
546
}