1/*! This file is auto-generated */
2/*------------------------------------------------------------------------------
3 11.2 - Post Revisions
4------------------------------------------------------------------------------*/
5.revisions-control-frame,
6.revisions-diff-frame {
7 position: relative;
8}
9
10.revisions-diff-frame {
11 top: 10px;
12}
13
14.revisions-controls {
15 padding-top: 40px;
16 z-index: 1;
17}
18
19.revisions-controls input[type="checkbox"] {
20 position: relative;
21 top: -1px;
22 vertical-align: text-bottom;
23}
24
25.revisions.pinned .revisions-controls {
26 position: fixed;
27 top: 0;
28 height: 82px;
29 background: #fff;
30 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
31}
32
33.revisions-tickmarks {
34 position: relative;
35 margin: 0 auto;
36 height: 0.7em;
37 top: 7px;
38 max-width: 70%;
39 box-sizing: border-box;
40 background-color: #fff;
41}
42
43.revisions-tickmarks > div {
44 position: absolute;
45 height: 100%;
46 border-right: 1px solid #a7aaad;
47 box-sizing: border-box;
48}
49
50.revisions-tickmarks > div:first-child {
51 border-width: 0;
52}
53
54.comparing-two-revisions .revisions-controls {
55 height: 140px;
56}
57
58.comparing-two-revisions.pinned .revisions-controls {
59 height: 124px;
60}
61
62.revisions .diff-error {
63 position: absolute;
64 text-align: center;
65 margin: 0 auto;
66 width: 100%;
67 display: none;
68}
69
70.revisions.diff-error .diff-error {
71 display: block;
72}
73
74.revisions .loading-indicator {
75 position: absolute;
76 vertical-align: middle;
77 opacity: 0;
78 width: 100%;
79 width: calc( 100% - 30px );
80 top: 50%;
81 top: calc( 50% - 10px );
82 transition: opacity 0.5s;
83}
84
85body.folded .revisions .loading-indicator {
86 margin-right: -32px;
87}
88
89.revisions .loading-indicator span.spinner {
90 display: block;
91 margin: 0 auto;
92 float: none;
93}
94
95.revisions.loading .loading-indicator {
96 opacity: 1;
97}
98
99.revisions .diff {
100 transition: opacity 0.5s;
101}
102
103.revisions.loading .diff {
104 opacity: 0.5;
105}
106
107.revisions.diff-error .diff {
108 visibility: hidden;
109}
110
111.revisions-meta {
112 margin-top: 20px;
113 background-color: #fff;
114 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
115 overflow: hidden;
116}
117
118.revisions.pinned .revisions-meta {
119 box-shadow: none;
120}
121
122.revision-toggle-compare-mode {
123 position: absolute;
124 top: 0;
125 left: 0;
126}
127
128.comparing-two-revisions .revisions-previous,
129.comparing-two-revisions .revisions-next,
130.revisions-meta .diff-meta-to strong {
131 display: none;
132}
133
134.revisions-controls .author-card .date {
135 color: #646970;
136}
137
138.revisions-controls .author-card.autosave {
139 color: #d63638;
140}
141
142.revisions-controls .author-card .author-name {
143 font-weight: 600;
144}
145
146.comparing-two-revisions .diff-meta-to strong {
147 display: block;
148}
149
150.revisions.pinned .revisions-buttons {
151 padding: 0 11px;
152}
153
154.revisions-previous,
155.revisions-next {
156 position: relative;
157 z-index: 1;
158}
159
160.revisions-previous {
161 float: right;
162}
163
164.revisions-next {
165 float: left;
166}
167
168.revisions-controls .wp-slider {
169 max-width: 70%;
170 margin: 0 auto;
171 top: -3px;
172}
173
174.revisions-diff {
175 padding: 15px;
176 background-color: #fff;
177 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
178}
179
180.revisions-diff h3:first-child {
181 margin-top: 0;
182}
183
184/* Revision meta box */
185.post-revisions li img,
186#revisions-meta-restored img {
187 vertical-align: middle;
188}
189
190table.diff {
191 table-layout: fixed;
192 width: 100%;
193 white-space: pre-wrap;
194}
195
196table.diff col.content {
197 width: auto;
198}
199
200table.diff col.content.diffsplit {
201 width: 48%;
202}
203
204table.diff col.diffsplit.middle {
205 width: auto;
206}
207
208table.diff col.ltype {
209 width: 30px;
210}
211
212table.diff tr {
213 background-color: transparent;
214}
215
216table.diff td,
217table.diff th {
218 font-family: Consolas, Monaco, monospace;
219 font-size: 14px;
220 line-height: 1.57142857;
221 padding: 0.5em 2em 0.5em 0.5em;
222 vertical-align: top;
223 word-wrap: break-word;
224}
225
226table.diff td h1,
227table.diff td h2,
228table.diff td h3,
229table.diff td h4,
230table.diff td h5,
231table.diff td h6 {
232 margin: 0;
233}
234
235table.diff .diff-deletedline del,
236table.diff .diff-addedline ins {
237 text-decoration: none;
238}
239
240table.diff .diff-deletedline {
241 position: relative;
242 background-color: #fcf0f1;
243}
244
245table.diff .diff-deletedline del {
246 background-color: #ffabaf;
247}
248
249table.diff .diff-addedline {
250 position: relative;
251 background-color: #edfaef;
252}
253
254table.diff .diff-deletedline .dashicons,
255table.diff .diff-addedline .dashicons {
256 position: absolute;
257 top: 0.85714286em;
258 right: 0.5em;
259 width: 1em;
260 height: 1em;
261 font-size: 1em;
262 line-height: 1;
263}
264
265table.diff .diff-addedline .dashicons {
266 /* Compensate the vertically non-centered plus glyph. */
267 top: 0.92857143em;
268}
269
270table.diff .diff-addedline ins {
271 background-color: #68de7c;
272}
273
274.diff-meta {
275 padding: 5px;
276 clear: both;
277 min-height: 32px;
278}
279
280.diff-title strong {
281 line-height: 2.46153846;
282 min-width: 60px;
283 text-align: left;
284 float: right;
285 margin-left: 5px;
286}
287
288.revisions-controls .author-card .author-info {
289 font-size: 12px;
290 line-height: 1.33333333;
291}
292
293.revisions-controls .author-card .avatar,
294.revisions-controls .author-card .author-info {
295 float: right;
296 margin-right: 6px;
297 margin-left: 6px;
298}
299
300.revisions-controls .author-card .byline {
301 display: block;
302 font-size: 12px;
303}
304
305.revisions-controls .author-card .avatar {
306 vertical-align: middle;
307}
308
309.diff-meta input.restore-revision {
310 float: left;
311 margin-right: 6px;
312 margin-left: 6px;
313 margin-top: 2px;
314}
315
316.diff-meta-from {
317 display: none;
318}
319
320.comparing-two-revisions .diff-meta-from {
321 display: block;
322}
323
324.revisions-tooltip {
325 position: absolute;
326 bottom: 105px;
327 margin-left: 0;
328 margin-right: -69px;
329 z-index: 0;
330 max-width: 350px;
331 min-width: 130px;
332 padding: 8px 4px;
333 display: none;
334 opacity: 0;
335}
336
337.revisions-tooltip.flipped {
338 margin-right: 0;
339 margin-left: -70px;
340}
341
342.revisions.pinned .revisions-tooltip {
343 display: none !important;
344}
345
346.comparing-two-revisions .revisions-tooltip {
347 bottom: 145px;
348}
349
350.revisions-tooltip-arrow {
351 width: 70px;
352 height: 15px;
353 overflow: hidden;
354 position: absolute;
355 right: 0;
356 margin-right: 35px;
357 bottom: -15px;
358}
359
360.revisions-tooltip.flipped .revisions-tooltip-arrow {
361 margin-right: 0;
362 margin-left: 35px;
363 right: auto;
364 left: 0;
365}
366
367.revisions-tooltip-arrow > span {
368 content: "";
369 position: absolute;
370 right: 20px;
371 top: -20px;
372 width: 25px;
373 height: 25px;
374 transform: rotate(-45deg);
375}
376
377.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
378 right: auto;
379 left: 20px;
380}
381
382.revisions-tooltip,
383.revisions-tooltip-arrow > span {
384 border: 1px solid #dcdcde;
385 background-color: #fff;
386}
387
388.revisions-tooltip {
389 display: none;
390}
391
392.arrow {
393 width: 70px;
394 height: 16px;
395 overflow: hidden;
396 position: absolute;
397 right: 0;
398 margin-right: -35px;
399 bottom: 90px;
400 z-index: 10000;
401}
402
403.arrow:after {
404 z-index: 9999;
405 background-color: #fff;
406 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
407}
408
409.arrow.top {
410 top: -16px;
411 bottom: auto;
412}
413
414.arrow.left {
415 right: 20%;
416}
417
418.arrow:after {
419 content: "";
420 position: absolute;
421 right: 20px;
422 top: -20px;
423 width: 25px;
424 height: 25px;
425 transform: rotate(-45deg);
426}
427
428.revisions-tooltip,
429.revisions-tooltip-arrow:after {
430 border-width: 1px;
431 border-style: solid;
432}
433
434div.revisions-controls > .wp-slider > .ui-slider-handle {
435 margin-right: -10px;
436}
437
438.rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
439 margin-left: -10px;
440}
441
442/* jQuery UI Slider */
443.wp-slider.ui-slider {
444 position: relative;
445 border: 1px solid #dcdcde;
446 text-align: right;
447 cursor: pointer;
448}
449
450.wp-slider .ui-slider-handle {
451 border-radius: 50%;
452 height: 18px;
453 margin-top: -5px;
454 outline: none;
455 padding: 2px;
456 position: absolute;
457 width: 18px;
458 z-index: 2;
459 touch-action: none;
460}
461
462.wp-slider .ui-slider-handle {
463 background: #f6f7f7;
464 border: 1px solid #c3c4c7;
465 box-shadow: 0 1px 0 #c3c4c7;
466}
467
468.wp-slider .ui-slider-handle:hover,
469.wp-slider .ui-slider-handle.ui-state-hover {
470 background: #f6f7f7;
471 border-color: #8c8f94;
472}
473
474.wp-slider .ui-slider-handle:active,
475.wp-slider .ui-slider-handle.ui-state-active {
476 background: #f0f0f1;
477 border-color: #8c8f94;
478 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
479 transform: translateY(1px);
480}
481
482.wp-slider .ui-slider-handle:focus,
483.wp-slider .ui-slider-handle.ui-state-focus {
484 background: #f0f0f1;
485 border-color: #8c8f94;
486 box-shadow: 0 0 0 2px #2271b1;
487 /* Only visible in Windows High Contrast mode */
488 outline: 2px solid transparent;
489}
490
491.wp-slider .ui-slider-handle:before {
492 background: none;
493 position: absolute;
494 top: 2px;
495 right: 2px;
496 color: #50575e;
497 content: "\f229";
498 content: "\f229" / '';
499 font: normal 18px/1 dashicons;
500 -webkit-font-smoothing: antialiased;
501 -moz-osx-font-smoothing: grayscale;
502}
503
504.wp-slider .ui-slider-handle:hover:before,
505.wp-slider .ui-slider-handle.ui-state-hover:before {
506 color: #1d2327;
507}
508
509.wp-slider .ui-slider-handle.from-handle:before,
510.wp-slider .ui-slider-handle.to-handle:before {
511 font-size: 20px !important;
512 margin: -1px -1px 0 0;
513}
514
515.wp-slider .ui-slider-handle.from-handle:before {
516 content: "\f141";
517 content: "\f139" / '';
518}
519
520.wp-slider .ui-slider-handle.to-handle:before {
521 content: "\f139";
522 content: "\f141" / '';
523}
524
525.rtl .wp-slider .ui-slider-handle.from-handle:before {
526 content: "\f139";
527 content: "\f141" / '';
528}
529
530.rtl .wp-slider .ui-slider-handle.to-handle:before {
531 content: "\f141";
532 content: "\f139" / '';
533 left: -1px;
534}
535
536.wp-slider .ui-slider-range {
537 position: absolute;
538 font-size: 0.7em;
539 display: block;
540 border: 0;
541 background-color: transparent;
542 background-image: none;
543}
544
545.wp-slider.ui-slider-horizontal {
546 height: 0.7em;
547}
548
549.wp-slider.ui-slider-horizontal .ui-slider-handle {
550 top: -.25em;
551 margin-right: -.6em;
552}
553
554.wp-slider.ui-slider-horizontal .ui-slider-range {
555 top: 0;
556 height: 100%;
557}
558
559.wp-slider.ui-slider-horizontal .ui-slider-range-min {
560 right: 0;
561}
562
563.wp-slider.ui-slider-horizontal .ui-slider-range-max {
564 left: 0;
565}
566
567/* =Media Queries
568-------------------------------------------------------------- */
569
570/**
571 * HiDPI Displays
572 */
573@media print,
574 (min-resolution: 120dpi) {
575 .revision-tick.completed-false {
576 background-image: url(../images/spinner-2x.gif);
577 }
578}
579
580@media screen and (max-width: 600px) {
581 .revisions-meta .author-card:not(.comparing-two-revisions .author-card) {
582 display: flex;
583 flex-direction: column;
584 width: fit-content;
585 gap: 16px;
586 }
587
588 .comparing-two-revisions .revisions-meta .restore-revision {
589 margin-top: 16px;
590 }
591
592 .revisions-controls {
593 padding-top: 0;
594 }
595
596 .revision-toggle-compare-mode {
597 position: relative;
598 padding: 1rem 0;
599 }
600}
601
602@media screen and (max-width: 782px) {
603 #diff-next-revision,
604 #diff-previous-revision {
605 margin-top: -1em;
606 }
607
608 .revisions-buttons {
609 overflow: hidden;
610 margin-bottom: 15px;
611 }
612
613 .revisions-controls,
614 .comparing-two-revisions .revisions-controls {
615 height: fit-content;
616 }
617
618 .revisions-tooltip {
619 bottom: 155px;
620 z-index: 2;
621 }
622
623 .comparing-two-revisions .revisions-tooltip {
624 bottom: 200px;
625 }
626
627 .diff-meta {
628 overflow: hidden;
629 }
630
631 table.diff {
632 -ms-word-break: break-all;
633 word-break: break-all;
634 word-wrap: break-word;
635 }
636
637 .diff-meta input.restore-revision {
638 margin-top: 0;
639 }
640}
641