1 /*------------------------------------------------------------------------------
3 ------------------------------------------------------------------------------*/
4 .revisions-control-frame,
5 .revisions-diff-frame {
15 .revisions-controls input[type="checkbox"] {
18 vertical-align: text-bottom;
21 .revisions.pinned .revisions-controls {
26 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
27 box-shadow: 0 1px 3px rgba(0,0,0,0.1);
30 .revisions-tickmarks {
36 -webkit-box-sizing: border-box;
37 -moz-box-sizing: border-box;
38 box-sizing: border-box;
39 background-color: #fff;
42 .revisions-tickmarks > div {
45 border-right: 1px solid #aaa;
46 -webkit-box-sizing: border-box;
47 -moz-box-sizing: border-box;
48 box-sizing: border-box;
51 .revisions-tickmarks > div:first-child {
55 .comparing-two-revisions .revisions-controls {
59 .comparing-two-revisions.pinned .revisions-controls {
63 .revisions .diff-error {
71 .revisions.diff-error .diff-error {
75 .revisions .loading-indicator {
77 vertical-align: middle;
80 width: -webkit-calc( 100% - 30px );
81 width: calc( 100% - 30px );
83 top: -webkit-calc( 50% - 10px );
84 top: calc( 50% - 10px );
85 -webkit-transition: opacity 0.5s;
86 transition: opacity 0.5s;
87 filter: alpha(opacity=0); /* ie8 and earlier */
90 body.folded .revisions .loading-indicator {
94 .revisions .loading-indicator span.spinner {
100 .revisions.loading .loading-indicator {
102 filter: alpha(opacity=100); /* ie8 and earlier */
106 -webkit-transition: opacity 0.5s;
107 transition: opacity 0.5s;
110 .revisions.loading .diff {
112 filter: alpha(opacity=50); /* ie8 and earlier */
115 .revisions.diff-error .diff {
121 background-color: #fff;
122 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
123 box-shadow: 0 1px 3px rgba(0,0,0,0.1);
126 .revisions.pinned .revisions-meta {
127 -webkit-box-shadow: none;
131 .revision-toggle-compare-mode {
137 .comparing-two-revisions .revisions-previous,
138 .comparing-two-revisions .revisions-next,
139 .revisions-meta .diff-meta-to strong {
143 .revisions-controls .author-card .date {
147 .revisions-controls .author-card.autosave {
151 .revisions-controls .author-card .author-name {
155 .comparing-two-revisions .diff-meta-to strong {
159 .revisions.pinned .revisions-buttons {
169 .revisions-previous {
177 .revisions-controls .wp-slider {
185 background-color: #fff;
186 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
187 box-shadow: 0 1px 3px rgba(0,0,0,0.1);
190 .revisions-diff h3:first-child {
194 /* Revision meta box */
195 .post-revisions li img,
196 #revisions-meta-restored img {
197 vertical-align: middle;
200 table.diff tbody tr td:nth-child(2) {
207 white-space: pre-wrap;
210 table.diff col.content {
214 table.diff col.content.diffsplit {
218 table.diff col.diffsplit.middle {
222 table.diff col.ltype {
227 background-color: transparent;
232 font-family: Consolas, Monaco, monospace;
237 word-wrap: break-word;
249 table.diff .diff-deletedline del,
250 table.diff .diff-addedline ins {
251 text-decoration: none;
254 table.diff .diff-deletedline {
255 background-color: #ffe9e9;
258 table.diff .diff-deletedline del {
259 background-color: #faa;
262 table.diff .diff-addedline {
263 background-color: #e9ffe9;
266 table.diff .diff-addedline ins {
267 background-color: #afa;
284 .revisions-controls .author-card .author-info {
289 .revisions-controls .author-card .avatar,
290 .revisions-controls .author-card .author-info {
296 .revisions-controls .author-card .byline {
301 .revisions-controls .author-card .avatar {
302 vertical-align: middle;
305 .diff-meta input.restore-revision {
316 .comparing-two-revisions .diff-meta-from {
333 .revisions-tooltip.flipped {
338 .revisions.pinned .revisions-tooltip {
339 display: none !important;
342 .comparing-two-revisions .revisions-tooltip {
346 .revisions-tooltip-arrow {
356 .revisions-tooltip.flipped .revisions-tooltip-arrow {
363 .revisions-tooltip-arrow > span {
370 -webkit-transform: rotate(45deg);
371 -ms-transform: rotate(45deg);
372 transform: rotate(45deg);
375 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
380 .ie8 .revisions-tooltip-arrow > span {
383 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
386 .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
391 .revisions-tooltip-arrow > span {
392 border: 1px solid #d7d7d7;
393 background-color: #fff;
413 background-color: #fff;
414 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
415 box-shadow: 0 1px 3px rgba(0,0,0,0.1);
434 -webkit-transform: rotate(45deg);
435 -ms-transform: rotate(45deg);
436 transform: rotate(45deg);
440 .revisions-tooltip-arrow:after {
445 div.revisions-controls > .wp-slider > .ui-slider-handle {
449 .rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
453 /* jQuery UI Slider */
454 .wp-slider.ui-slider {
456 border: 1px solid #d7d7d7;
461 .wp-slider .ui-slider-handle {
462 -webkit-border-radius: 50%;
470 -ms-touch-action: none;
474 .wp-slider .ui-slider-handle,
475 .wp-slider .ui-slider-handle.ui-state-hover,
476 .wp-slider .ui-slider-handle.focus {
478 border: 1px solid #0074a2;
479 -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
480 box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
483 .wp-slider .ui-slider-handle:before {
490 font: normal 18px/1 'dashicons';
492 -webkit-font-smoothing: antialiased;
493 -moz-osx-font-smoothing: grayscale;
496 .wp-slider .ui-slider-handle.from-handle:before,
497 .wp-slider .ui-slider-handle.to-handle:before {
498 font-size: 20px !important;
499 margin: -1px -1px 0 0;
502 .wp-slider .ui-slider-handle.from-handle:before {
506 .wp-slider .ui-slider-handle.to-handle:before {
510 .rtl .wp-slider .ui-slider-handle.from-handle:before {
514 .rtl .wp-slider .ui-slider-handle.to-handle:before {
519 .wp-slider .ui-slider-range {
524 background-color: transparent;
525 background-image: none;
528 .wp-slider.ui-slider-horizontal {
532 .wp-slider.ui-slider-horizontal .ui-slider-handle {
537 .wp-slider.ui-slider-horizontal .ui-slider-range {
542 .wp-slider.ui-slider-horizontal .ui-slider-range-min {
546 .wp-slider.ui-slider-horizontal .ui-slider-range-max {
551 -------------------------------------------------------------- */
557 (-o-min-device-pixel-ratio: 5/4),
558 (-webkit-min-device-pixel-ratio: 1.25),
559 (min-resolution: 120dpi) {
560 .revision-tick.completed-false {
561 background-image: url(../images/spinner-2x.gif);
565 @media screen and ( max-width: 782px ) {
567 #diff-previous-revision {
572 -ms-word-break: break-all;
573 word-break: break-all;
574 word-wrap: break-word;