← Back to branch summary

~canonical-sysadmins/wordpress/4.7.2

« back to all changes in this revision

Viewing changes to wp-includes/js/tinymce/skins/wordpress/wp-content.css

  • Committer: Jacek Nykis
  • Date: 2015-01-05 16:17:05 UTC
  • Revision ID: jacek.nykis@canonical.com-20150105161705-w544l1h5mcg7u4w9
Initial commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-includes/js/tinymce/skins/wordpress/wp-content.css
 
1
/* Additional default styles for the editor */
 
2
 
 
3
html.ios {
 
4
        height: 100%;
 
5
}
 
6
 
 
7
.ios body#tinymce {
 
8
        height: 200%;
 
9
        max-width: none;
 
10
}
 
11
 
 
12
body {
 
13
        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
 
14
        font-size: 13px;
 
15
        line-height: 19px;
 
16
        color: #333;
 
17
        margin: 9px 10px;
 
18
}
 
19
 
 
20
body.wp-autoresize {
 
21
        max-width: 100%;
 
22
        overflow: visible !important;
 
23
        /* The padding ensures margins of the children are contained in the body. */
 
24
        padding-top: 1px !important;
 
25
        padding-bottom: 1px !important;
 
26
        padding-left: 0 !important;
 
27
        padding-right: 0 !important;
 
28
}
 
29
 
 
30
/* When font-weight is different than the default browser style,
 
31
Chrome and Safari replace <strong> and <b> with spans with inline styles on pasting?! */
 
32
body.webkit strong,
 
33
body.webkit b {
 
34
        font-weight: bold !important;
 
35
}
 
36
 
 
37
/* DFW mode */
 
38
html.wp-fullscreen,
 
39
html.wp-fullscreen body#tinymce {
 
40
        width: auto;
 
41
        max-width: none;
 
42
        min-height: 0;
 
43
        overflow: hidden;
 
44
        color: #333;
 
45
        background: transparent;
 
46
}
 
47
 
 
48
.aligncenter,
 
49
dl.aligncenter,
 
50
.html5-captions .wp-caption.aligncenter {
 
51
        display: block;
 
52
        margin-left: auto;
 
53
        margin-right: auto;
 
54
}
 
55
 
 
56
.alignleft {
 
57
        float: left;
 
58
}
 
59
 
 
60
.alignright {
 
61
        float: right;
 
62
}
 
63
 
 
64
.wp-caption {
 
65
        border: 1px solid #ddd;
 
66
        text-align: center;
 
67
        background-color: #f3f3f3;
 
68
        padding-top: 4px;
 
69
        margin: 10px 0;
 
70
}
 
71
 
 
72
.html5-captions .wp-caption {
 
73
        border: none;
 
74
        background-color: transparent;
 
75
        margin: 0;
 
76
        padding: 0;
 
77
}
 
78
 
 
79
.mceIEcenter {
 
80
        text-align: center;
 
81
}
 
82
 
 
83
.wp-caption img {
 
84
        margin: 0;
 
85
        padding: 0;
 
86
        border: 0 none;
 
87
}
 
88
 
 
89
div.mceTemp {
 
90
        -ms-user-select: element;
 
91
}
 
92
 
 
93
dl.wp-caption,
 
94
dl.wp-caption * {
 
95
        -webkit-user-drag: none;
 
96
}
 
97
 
 
98
.wp-caption-dd {
 
99
        font-size: 11px;
 
100
        line-height: 17px;
 
101
        padding: 0 4px 5px;
 
102
        margin: 0;
 
103
}
 
104
 
 
105
pre {
 
106
        font: 12px/18px Consolas, Monaco, monospace;
 
107
}
 
108
 
 
109
td {
 
110
        color: #000;
 
111
        font-size: 11px;
 
112
        margin: 8px;
 
113
}
 
114
 
 
115
/* Remove blue highlighting of selected images in WebKit */
 
116
img::selection {
 
117
        background-color: transparent;
 
118
}
 
119
 
 
120
/* Styles for the WordPress plugins */
 
121
.mce-content-body img[data-mce-placeholder] {
 
122
        border-radius: 0;
 
123
        padding: 0;
 
124
}
 
125
 
 
126
.mce-content-body img[data-wp-more] {
 
127
        border: 0;
 
128
        -webkit-box-shadow: none;
 
129
        box-shadow: none;
 
130
        width: 96%;
 
131
        height: 16px;
 
132
        display: block;
 
133
        margin: 15px auto 0;
 
134
        outline: 0;
 
135
        cursor: default;
 
136
}
 
137
 
 
138
.mce-content-body img[data-wp-more][data-mce-selected] {
 
139
        outline: 1px dotted #888;
 
140
}
 
141
 
 
142
.mce-content-body img[data-wp-more="more"] {
 
143
        background: transparent url( images/more.png ) repeat-y scroll center center;
 
144
}
 
145
 
 
146
.mce-content-body img[data-wp-more="nextpage"] {
 
147
    background: transparent url( images/pagebreak.png ) repeat-y scroll center center;
 
148
}
 
149
 
 
150
/* Gallery, audio, video placeholders */
 
151
.mce-content-body img.wp-media {
 
152
        border: 1px solid #aaa;
 
153
        background-color: #f2f2f2;
 
154
        background-repeat: no-repeat;
 
155
        background-position: center center;
 
156
        width: 99%;
 
157
        height: 250px;
 
158
        outline: 0;
 
159
        cursor: pointer;
 
160
}
 
161
 
 
162
.mce-content-body img.wp-media:hover {
 
163
        background-color: #ededed;
 
164
        border-color: #777;
 
165
}
 
166
 
 
167
.mce-content-body img.wp-media.wp-media-selected {
 
168
        background-color: #d8d8d8;
 
169
        border-color: #777;
 
170
}
 
171
 
 
172
.mce-content-body img.wp-media.wp-gallery {
 
173
        background-image: url(images/gallery.png);
 
174
}
 
175
 
 
176
/* Image resize handles */
 
177
.mce-content-body div.mce-resizehandle {
 
178
        border-color: #777;
 
179
        width: 7px;
 
180
        height: 7px;
 
181
}
 
182
 
 
183
.mce-content-body img[data-mce-selected] {
 
184
        outline: 1px solid #777;
 
185
}
 
186
 
 
187
.mce-content-body img[data-mce-resize="false"] {
 
188
        outline: 0;
 
189
}
 
190
 
 
191
audio,
 
192
video,
 
193
embed {
 
194
        display: -moz-inline-stack;
 
195
        display: inline-block;
 
196
}
 
197
 
 
198
audio {
 
199
        visibility: hidden;
 
200
}
 
201
 
 
202
/**
 
203
 * WP Views
 
204
 */
 
205
 
 
206
.wpview-wrap {
 
207
        width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
 
208
        position: relative;
 
209
        clear: both;
 
210
}
 
211
 
 
212
/* delegate the handling of the selection to the wpview tinymce plugin */
 
213
.wpview-wrap,
 
214
.wpview-wrap *,
 
215
#wp-image-toolbar,
 
216
#wp-image-toolbar * {
 
217
        -moz-user-select: none;
 
218
        -webkit-user-select: none;
 
219
        -ms-user-select: none;
 
220
        user-select: none;
 
221
}
 
222
 
 
223
/* hide the shortcode content, but allow the content to still be selected */
 
224
.wpview-wrap .wpview-clipboard,
 
225
.wpview-wrap > p {
 
226
        position: absolute;
 
227
        top: 0;
 
228
        left: 0;
 
229
        z-index: -1;
 
230
        clip: rect(1px 1px 1px 1px); /* IE7 */
 
231
        clip: rect(1px, 1px, 1px, 1px);
 
232
        overflow: hidden;
 
233
        outline: 0;
 
234
        padding: 0;
 
235
        border: 0;
 
236
        width: 1px;
 
237
        height: 1px;
 
238
}
 
239
 
 
240
/* An ugly box will appear when this is focussed in IE, so we'll move it outside the window. */
 
241
.wpview-wrap.wpview-selection-before > p,
 
242
.wpview-wrap.wpview-selection-after > p {
 
243
        left: -10000px;
 
244
}
 
245
 
 
246
.wpview-wrap .wpview-clipboard,
 
247
.wpview-wrap .wpview-clipboard *,
 
248
.wpview-wrap > p {
 
249
        -moz-user-select: text;
 
250
        -webkit-user-select: text;
 
251
        -ms-user-select: text;
 
252
        user-select: text;
 
253
}
 
254
 
 
255
.has-focus .wpview-wrap.wpview-selection-before:before,
 
256
.has-focus .wpview-wrap.wpview-selection-after:before {
 
257
        content: '';
 
258
        margin: 0;
 
259
        padding: 0;
 
260
        position: absolute;
 
261
        top: -2px;
 
262
        left: -3px;
 
263
        bottom: -2px;
 
264
        width: 1px;
 
265
        background-color: black;
 
266
        background-color: currentcolor;
 
267
        opacity: 1;
 
268
}
 
269
 
 
270
.has-focus .wpview-wrap.wpview-selection-after:before {
 
271
        left: auto;
 
272
        right: -3px;
 
273
}
 
274
 
 
275
.has-focus .wpview-wrap.wpview-cursor-hide:before {
 
276
        opacity: 0;
 
277
}
 
278
 
 
279
/**
 
280
 * Media previews
 
281
 */
 
282
.wpview-wrap {
 
283
    position: relative;
 
284
    margin-bottom: 16px;
 
285
        border: 1px solid transparent;
 
286
}
 
287
 
 
288
.wpview-wrap[data-mce-selected] {
 
289
        background-color: rgba(0,0,0,0.1);
 
290
        border-color: rgba(0,0,0,0.3);
 
291
}
 
292
 
 
293
.ie8 .wpview-wrap[data-mce-selected],
 
294
.ie7 .wpview-wrap[data-mce-selected] {
 
295
        background-color: #e5e5e5;
 
296
        border-color: #777;
 
297
}
 
298
 
 
299
.wpview-overlay {
 
300
        position: absolute;
 
301
        top: 0;
 
302
        right: 0;
 
303
        bottom: 0;
 
304
        left: 0;
 
305
}
 
306
 
 
307
.wpview-wrap[data-mce-selected] .wpview-overlay {
 
308
        display: none;
 
309
}
 
310
 
 
311
.wpview-wrap .toolbar {
 
312
        position: absolute;
 
313
        top: 0;
 
314
        left: 0;
 
315
        display: none;
 
316
        z-index: 100;
 
317
}
 
318
 
 
319
.wpview-wrap[data-mce-selected] .toolbar {
 
320
        display: block;
 
321
}
 
322
 
 
323
.wpview-wrap .loading-placeholder {
 
324
        border: 1px dashed #ccc;
 
325
        padding: 10px;
 
326
}
 
327
 
 
328
.wpview-wrap[data-mce-selected] .loading-placeholder {
 
329
        border-color: transparent;
 
330
}
 
331
 
 
332
/* A little "loading" animation, not showing in IE < 10 */
 
333
.wpview-wrap .wpview-loading {
 
334
        width: 60px;
 
335
        height: 5px;
 
336
        overflow: hidden;
 
337
        background-color: transparent;
 
338
        margin: 10px auto 0;
 
339
}
 
340
 
 
341
.wpview-wrap .wpview-loading ins {
 
342
        background-color: #333;
 
343
        margin: 0 0 0 -60px;
 
344
        width: 60px;
 
345
        height: 5px;
 
346
        display: block;
 
347
        -webkit-animation: wpview-loading 1.3s infinite 1s linear;
 
348
        animation: wpview-loading 1.3s infinite 1s linear;
 
349
}
 
350
 
 
351
@-webkit-keyframes wpview-loading {
 
352
        0% {
 
353
                margin-left: -60px;
 
354
        }
 
355
        100% {
 
356
                margin-left: 60px;
 
357
        }
 
358
}
 
359
 
 
360
@keyframes wpview-loading {
 
361
        0% {
 
362
                margin-left: -60px;
 
363
        }
 
364
        100% {
 
365
                margin-left: 60px;
 
366
        }
 
367
}
 
368
 
 
369
.wpview-wrap .wpview-content > iframe {
 
370
        max-width: 100%;
 
371
        background: transparent;
 
372
}
 
373
 
 
374
#wp-image-toolbar {
 
375
        position: absolute;
 
376
        margin: 0;
 
377
}
 
378
 
 
379
.wpview-wrap .toolbar div,
 
380
#wp-image-toolbar i {
 
381
        margin-top: 7px;
 
382
        margin-left: 7px;
 
383
        padding: 2px;
 
384
        width: 30px;
 
385
        height: 30px;
 
386
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 
387
        background-color: #000;
 
388
        background-color: rgba(0,0,0,0.9);
 
389
        cursor: pointer;
 
390
        color: white;
 
391
        font-size: 30px;
 
392
}
 
393
 
 
394
.ie8 .wpview-wrap .toolbar div,
 
395
.ie7 .wpview-wrap .toolbar div,
 
396
.ie8 #wp-image-toolbar i,
 
397
.ie7 #wp-image-toolbar i {
 
398
        display: inline;
 
399
        padding: 0;
 
400
}
 
401
 
 
402
.ie8 .dashicons-edit,
 
403
.ie7 .dashicons-edit {
 
404
        background-image: url(images/dashicon-edit.png);
 
405
}
 
406
 
 
407
.ie8 .dashicons-no-alt,
 
408
.ie7 .dashicons-no-alt {
 
409
        background-image: url(images/dashicon-no-alt.png);
 
410
}
 
411
 
 
412
.wpview-error {
 
413
        border: 1px solid #dedede;
 
414
        padding: 1em 0;
 
415
        margin: 0;
 
416
        word-wrap: break-word;
 
417
}
 
418
 
 
419
.wpview-wrap[data-mce-selected] .wpview-error {
 
420
        border-color: transparent;
 
421
}
 
422
 
 
423
.wpview-error .dashicons,
 
424
.loading-placeholder .dashicons {
 
425
        display: block;
 
426
        margin: 0 auto;
 
427
        width: 32px;
 
428
        height: 32px;
 
429
        font-size: 32px;
 
430
}
 
431
 
 
432
.wpview-error p {
 
433
        margin: 0;
 
434
        text-align: center;
 
435
        font-family: 'Open Sans', sans-serif;
 
436
}
 
437
 
 
438
.wpview-wrap .toolbar div:hover,
 
439
#wp-image-toolbar i:hover {
 
440
        box-shadow: 0 1px 3px rgba(0,0,0,0.8);
 
441
        background-color: #000;
 
442
        color: #2ea2cc;
 
443
}
 
444
 
 
445
/* Audio player is short; therefore let's put the toolbar above */
 
446
.wpview-wrap[data-wpview-type="audio"] .toolbar {
 
447
        top: auto;
 
448
        bottom: -34px;
 
449
}
 
450
 
 
451
.wpview-wrap[data-wpview-type="audio"] .toolbar div {
 
452
        margin-top: 0;
 
453
}
 
454
 
 
455
.wpview-wrap[data-wpview-type="audio"] .toolbar div:first-child {
 
456
        margin-left: 0;
 
457
}
 
458
 
 
459
.wont-play {
 
460
        padding: 4px 0;
 
461
}
 
462
 
 
463
.wont-play p {
 
464
        font-size: 13px;
 
465
        line-height: 1.3;
 
466
        display: block;
 
467
        width: 70%;
 
468
        margin: 0 15%;
 
469
        text-align: center;
 
470
}
 
471
 
 
472
.wpview-type-gallery:after {
 
473
    content: '';
 
474
        display: table;
 
475
    clear: both;
 
476
}
 
477
 
 
478
.gallery img[data-mce-selected]:focus {
 
479
        outline: none;
 
480
}
 
481
 
 
482
.gallery a {
 
483
        cursor: default;
 
484
}
 
485
 
 
486
.gallery {
 
487
        margin: auto -6px;
 
488
        padding: 6px 0;
 
489
        line-height: 1;
 
490
        overflow-x: hidden;
 
491
}
 
492
 
 
493
.ie7 .gallery,
 
494
.ie8 .gallery {
 
495
        margin: auto;
 
496
}
 
497
 
 
498
 
 
499
.gallery .gallery-item {
 
500
        float: left;
 
501
        margin: 0;
 
502
        text-align: center;
 
503
        padding: 6px;
 
504
        -webkit-box-sizing: border-box;
 
505
        -moz-box-sizing: border-box;
 
506
        box-sizing: border-box;
 
507
}
 
508
 
 
509
.ie7 .gallery .gallery-item,
 
510
.ie8 .gallery .gallery-item {
 
511
        padding: 6px 0;
 
512
}
 
513
 
 
514
.gallery .gallery-caption,
 
515
.gallery .gallery-icon {
 
516
        margin: 0;
 
517
}
 
518
 
 
519
.gallery .gallery-caption {
 
520
        font-size: 13px;
 
521
        margin: 4px 0;
 
522
}
 
523
 
 
524
.gallery-columns-1 .gallery-item {
 
525
        width: 100%;
 
526
}
 
527
 
 
528
.gallery-columns-2 .gallery-item {
 
529
        width: 50%;
 
530
}
 
531
 
 
532
.gallery-columns-3 .gallery-item {
 
533
        width: 33.333%;
 
534
}
 
535
 
 
536
.ie8 .gallery-columns-3 .gallery-item,
 
537
.ie7 .gallery-columns-3 .gallery-item {
 
538
        width: 33%;
 
539
}
 
540
 
 
541
.gallery-columns-4 .gallery-item {
 
542
        width: 25%;
 
543
}
 
544
 
 
545
.gallery-columns-5 .gallery-item {
 
546
        width: 20%;
 
547
}
 
548
 
 
549
.gallery-columns-6 .gallery-item {
 
550
        width: 16.665%;
 
551
}
 
552
 
 
553
.gallery-columns-7 .gallery-item {
 
554
        width: 14.285%;
 
555
}
 
556
 
 
557
.gallery-columns-8 .gallery-item {
 
558
        width: 12.5%;
 
559
}
 
560
 
 
561
.gallery-columns-9 .gallery-item {
 
562
        width: 11.111%;
 
563
}
 
564
 
 
565
.gallery img {
 
566
        max-width: 100%;
 
567
        height: auto;
 
568
        border: none;
 
569
        padding: 0;
 
570
}
 
571
 
 
572
img.wp-oembed {
 
573
        border: 1px dashed #888;
 
574
        background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center;
 
575
        width: 300px;
 
576
        height: 250px;
 
577
        outline: 0;
 
578
}
 
579
 
 
580
/* rtl */
 
581
.rtl .gallery .gallery-item {
 
582
        float: right;
 
583
}
 
584
 
 
585
.rtl .wpview-wrap .toolbar {
 
586
        left: auto;
 
587
        right: 0;
 
588
}
 
589
 
 
590
.rtl .wpview-wrap .toolbar div,
 
591
.rtl #wp-image-toolbar i {
 
592
        margin-left: auto;
 
593
        margin-right: 7px;
 
594
}
 
595
 
 
596
@media print,
 
597
        (-o-min-device-pixel-ratio: 5/4),
 
598
        (-webkit-min-device-pixel-ratio: 1.25),
 
599
        (min-resolution: 120dpi) {
 
600
 
 
601
        .mce-content-body img.mce-wp-more {
 
602
                background-image: url( images/more-2x.png );
 
603
                background-size: 1900px 20px;
 
604
        }
 
605
 
 
606
        .mce-content-body img.mce-wp-nextpage {
 
607
        background-image: url( images/pagebreak-2x.png );
 
608
                background-size: 1900px 20px;
 
609
        }
 
610
}