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-left: 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;
82 -webkit-transition: opacity 0.5s;
83 transition: opacity 0.5s;
84 filter: alpha(opacity=0); /* ie8 and earlier */
87 body.folded .revisions .loading-indicator {
91 .revisions .loading-indicator span.spinner {
97 .revisions.loading .loading-indicator {
99 filter: alpha(opacity=100); /* ie8 and earlier */
103 -webkit-transition: opacity 0.5s;
104 transition: opacity 0.5s;
107 .revisions.loading .diff {
109 filter: alpha(opacity=50); /* ie8 and earlier */
112 .revisions.diff-error .diff {
118 background-color: #fff;
119 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
120 box-shadow: 0 1px 3px rgba(0,0,0,0.1);
123 .revisions.pinned .revisions-meta {
124 -webkit-box-shadow: none;
128 .revision-toggle-compare-mode {
134 .comparing-two-revisions .revisions-previous,
135 .comparing-two-revisions .revisions-next,
136 .revisions-meta .diff-meta-to strong {
140 .revisions-controls .author-card .date {
144 .revisions-controls .author-card.autosave {
148 .revisions-controls .author-card .author-name {
152 .comparing-two-revisions .diff-meta-to strong {
156 .revisions.pinned .revisions-buttons {
166 .revisions-previous {
174 .revisions-controls .wp-slider {
182 background-color: #fff;
183 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
184 box-shadow: 0 1px 3px rgba(0,0,0,0.1);
187 .revisions-diff h3:first-child {
191 /* Revision meta box */
192 .post-revisions li img,
193 #revisions-meta-restored img {
194 vertical-align: middle;
197 table.diff tbody tr td:nth-child(2) {
204 white-space: pre-wrap;
207 table.diff col.content {
211 table.diff col.content.diffsplit {
215 table.diff col.diffsplit.middle {
219 table.diff col.ltype {
224 background-color: transparent;
229 font-family: Consolas, Monaco, monospace;
234 word-wrap: break-word;
246 table.diff .diff-deletedline del,
247 table.diff .diff-addedline ins {
248 text-decoration: none;
251 table.diff .diff-deletedline {
252 background-color: #ffe9e9;
255 table.diff .diff-deletedline del {
256 background-color: #faa;
259 table.diff .diff-addedline {
260 background-color: #e9ffe9;
263 table.diff .diff-addedline ins {
264 background-color: #afa;
281 .revisions-controls .author-card .author-info {
286 .revisions-controls .author-card .avatar,
287 .revisions-controls .author-card .author-info {
293 .revisions-controls .author-card .byline {
298 .revisions-controls .author-card .avatar {
299 vertical-align: middle;
302 .diff-meta input.restore-revision {
313 .comparing-two-revisions .diff-meta-from {
330 .revisions-tooltip.flipped {
335 .revisions.pinned .revisions-tooltip {
336 display: none !important;
339 .comparing-two-revisions .revisions-tooltip {
343 .revisions-tooltip-arrow {
353 .revisions-tooltip.flipped .revisions-tooltip-arrow {
360 .revisions-tooltip-arrow > span {
367 -webkit-transform: rotate(45deg);
368 -ms-transform: rotate(45deg);
369 transform: rotate(45deg);
372 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
377 .ie8 .revisions-tooltip-arrow > span {
380 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
383 .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
388 .revisions-tooltip-arrow > span {
389 border: 1px solid #d7d7d7;
390 background-color: #fff;
410 background-color: #fff;
411 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
412 box-shadow: 0 1px 3px rgba(0,0,0,0.1);
431 -webkit-transform: rotate(45deg);
432 -ms-transform: rotate(45deg);
433 transform: rotate(45deg);
437 .revisions-tooltip-arrow:after {
442 div.revisions-controls > .wp-slider > .ui-slider-handle {
446 .rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
450 /* jQuery UI Slider */
451 .wp-slider.ui-slider {
453 border: 1px solid #d7d7d7;
458 .wp-slider .ui-slider-handle {
459 -webkit-border-radius: 50%;
469 .wp-slider .ui-slider-handle,
470 .wp-slider .ui-slider-handle.ui-state-hover,
471 .wp-slider .ui-slider-handle.focus {
473 border: 1px solid #0074a2;
474 -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
475 box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
478 .wp-slider .ui-slider-handle:before {
485 font: normal 18px/1 'dashicons';
487 -webkit-font-smoothing: antialiased;
488 -moz-osx-font-smoothing: grayscale;
491 .wp-slider .ui-slider-handle.from-handle:before,
492 .wp-slider .ui-slider-handle.to-handle:before {
493 font-size: 20px !important;
494 margin: -1px 0 0 -1px;
497 .wp-slider .ui-slider-handle.from-handle:before {
501 .wp-slider .ui-slider-handle.to-handle:before {
505 .rtl .wp-slider .ui-slider-handle.from-handle:before {
509 .rtl .wp-slider .ui-slider-handle.to-handle:before {
514 .wp-slider .ui-slider-range {
519 background-color: transparent;
520 background-image: none;
523 .wp-slider.ui-slider-horizontal {
527 .wp-slider.ui-slider-horizontal .ui-slider-handle {
532 .wp-slider.ui-slider-horizontal .ui-slider-range {
537 .wp-slider.ui-slider-horizontal .ui-slider-range-min {
541 .wp-slider.ui-slider-horizontal .ui-slider-range-max {
546 -------------------------------------------------------------- */
552 (-o-min-device-pixel-ratio: 5/4),
553 (-webkit-min-device-pixel-ratio: 1.25),
554 (min-resolution: 120dpi) {
555 .revision-tick.completed-false {
556 background-image: url(../images/spinner-2x.gif);
560 @media screen and ( max-width: 782px ) {
562 #diff-previous-revision {
567 -ms-word-break: break-all;
568 word-break: break-all;
569 word-wrap: break-word;