equal
deleted
inserted
replaced
4 .revisions-control-frame, |
4 .revisions-control-frame, |
5 .revisions-diff-frame { |
5 .revisions-diff-frame { |
6 position: relative; |
6 position: relative; |
7 } |
7 } |
8 |
8 |
|
9 .revisions-diff-frame { |
|
10 top: 10px; |
|
11 } |
|
12 |
9 .revisions-controls { |
13 .revisions-controls { |
10 padding-top: 40px; |
14 padding-top: 40px; |
11 height: 100px; |
|
12 z-index: 1; |
15 z-index: 1; |
13 } |
16 } |
14 |
17 |
15 .revisions-controls input[type="checkbox"] { |
18 .revisions-controls input[type="checkbox"] { |
16 position: relative; |
19 position: relative; |
21 .revisions.pinned .revisions-controls { |
24 .revisions.pinned .revisions-controls { |
22 position: fixed; |
25 position: fixed; |
23 top: 0; |
26 top: 0; |
24 height: 82px; |
27 height: 82px; |
25 background: #fff; |
28 background: #fff; |
26 box-shadow: 0 1px 3px rgba(0,0,0,0.1); |
29 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
27 } |
30 } |
28 |
31 |
29 .revisions-tickmarks { |
32 .revisions-tickmarks { |
30 position: relative; |
33 position: relative; |
31 margin: 0 auto; |
34 margin: 0 auto; |
108 } |
111 } |
109 |
112 |
110 .revisions-meta { |
113 .revisions-meta { |
111 margin-top: 20px; |
114 margin-top: 20px; |
112 background-color: #fff; |
115 background-color: #fff; |
113 box-shadow: 0 1px 3px rgba(0,0,0,0.1); |
116 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
|
117 overflow: hidden; |
114 } |
118 } |
115 |
119 |
116 .revisions.pinned .revisions-meta { |
120 .revisions.pinned .revisions-meta { |
117 box-shadow: none; |
121 box-shadow: none; |
118 } |
122 } |
170 } |
174 } |
171 |
175 |
172 .revisions-diff { |
176 .revisions-diff { |
173 padding: 15px; |
177 padding: 15px; |
174 background-color: #fff; |
178 background-color: #fff; |
175 box-shadow: 0 1px 3px rgba(0,0,0,0.1); |
179 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
176 } |
180 } |
177 |
181 |
178 .revisions-diff h3:first-child { |
182 .revisions-diff h3:first-child { |
179 margin-top: 0; |
183 margin-top: 0; |
180 } |
184 } |
292 |
296 |
293 .diff-meta input.restore-revision { |
297 .diff-meta input.restore-revision { |
294 float: right; |
298 float: right; |
295 margin-left: 6px; |
299 margin-left: 6px; |
296 margin-right: 6px; |
300 margin-right: 6px; |
297 margin-top: 4px; |
301 margin-top: 2px; |
298 } |
302 } |
299 |
303 |
300 .diff-meta-from { |
304 .diff-meta-from { |
301 display: none; |
305 display: none; |
302 } |
306 } |
353 position: absolute; |
357 position: absolute; |
354 left: 20px; |
358 left: 20px; |
355 top: -20px; |
359 top: -20px; |
356 width: 25px; |
360 width: 25px; |
357 height: 25px; |
361 height: 25px; |
358 -webkit-transform: rotate(45deg); |
|
359 transform: rotate(45deg); |
362 transform: rotate(45deg); |
360 } |
363 } |
361 |
364 |
362 .revisions-tooltip.flipped .revisions-tooltip-arrow > span { |
365 .revisions-tooltip.flipped .revisions-tooltip-arrow > span { |
363 left: auto; |
366 left: auto; |
396 } |
399 } |
397 |
400 |
398 .arrow:after { |
401 .arrow:after { |
399 z-index: 9999; |
402 z-index: 9999; |
400 background-color: #fff; |
403 background-color: #fff; |
401 box-shadow: 0 1px 3px rgba(0,0,0,0.1); |
404 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
402 } |
405 } |
403 |
406 |
404 .arrow.top { |
407 .arrow.top { |
405 top: -16px; |
408 top: -16px; |
406 bottom: auto; |
409 bottom: auto; |
415 position: absolute; |
418 position: absolute; |
416 left: 20px; |
419 left: 20px; |
417 top: -20px; |
420 top: -20px; |
418 width: 25px; |
421 width: 25px; |
419 height: 25px; |
422 height: 25px; |
420 -webkit-transform: rotate(45deg); |
|
421 transform: rotate(45deg); |
423 transform: rotate(45deg); |
422 } |
424 } |
423 |
425 |
424 .revisions-tooltip, |
426 .revisions-tooltip, |
425 .revisions-tooltip-arrow:after { |
427 .revisions-tooltip-arrow:after { |
470 |
472 |
471 .wp-slider .ui-slider-handle:active, |
473 .wp-slider .ui-slider-handle:active, |
472 .wp-slider .ui-slider-handle.ui-state-active { |
474 .wp-slider .ui-slider-handle.ui-state-active { |
473 background: #eee; |
475 background: #eee; |
474 border-color: #999; |
476 border-color: #999; |
475 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
477 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); |
476 -webkit-transform: translateY(1px); |
478 transform: translateY(1px); |
477 transform: translateY(1px); |
479 } |
478 } |
|
479 |
|
480 |
480 |
481 .wp-slider .ui-slider-handle:before { |
481 .wp-slider .ui-slider-handle:before { |
482 background: none; |
482 background: none; |
483 position: absolute; |
483 position: absolute; |
484 top: 2px; |
484 top: 2px; |
562 .revision-tick.completed-false { |
562 .revision-tick.completed-false { |
563 background-image: url(../images/spinner-2x.gif); |
563 background-image: url(../images/spinner-2x.gif); |
564 } |
564 } |
565 } |
565 } |
566 |
566 |
567 @media screen and ( max-width: 782px ) { |
567 @media screen and (max-width: 782px) { |
568 #diff-next-revision, |
568 #diff-next-revision, |
569 #diff-previous-revision { |
569 #diff-previous-revision { |
570 margin-top: -1em; |
570 margin-top: -1em; |
|
571 } |
|
572 |
|
573 .revisions-buttons { |
|
574 overflow: hidden; |
|
575 margin-bottom: 15px; |
|
576 } |
|
577 |
|
578 .revisions-controls, |
|
579 .comparing-two-revisions .revisions-controls { |
|
580 height: 170px; |
|
581 } |
|
582 |
|
583 .revisions-tooltip { |
|
584 bottom: 130px; |
|
585 z-index: 2; |
|
586 } |
|
587 |
|
588 .diff-meta { |
|
589 overflow: hidden; |
571 } |
590 } |
572 |
591 |
573 table.diff { |
592 table.diff { |
574 -ms-word-break: break-all; |
593 -ms-word-break: break-all; |
575 word-break: break-all; |
594 word-break: break-all; |
576 word-wrap: break-word; |
595 word-wrap: break-word; |
577 } |
596 } |
578 } |
597 |
|
598 .diff-meta input.restore-revision { |
|
599 margin-top: 0; |
|
600 } |
|
601 } |