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