21 .revisions.pinned .revisions-controls { |
21 .revisions.pinned .revisions-controls { |
22 position: fixed; |
22 position: fixed; |
23 top: 0; |
23 top: 0; |
24 height: 82px; |
24 height: 82px; |
25 background: #fff; |
25 background: #fff; |
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); |
26 box-shadow: 0 1px 3px rgba(0,0,0,0.1); |
28 } |
27 } |
29 |
28 |
30 .revisions-tickmarks { |
29 .revisions-tickmarks { |
31 position: relative; |
30 position: relative; |
32 margin: 0 auto; |
31 margin: 0 auto; |
33 height: 0.7em; |
32 height: 0.7em; |
34 top: 7px; |
33 top: 7px; |
35 max-width: 70%; |
34 max-width: 70%; |
36 -webkit-box-sizing: border-box; |
|
37 -moz-box-sizing: border-box; |
|
38 box-sizing: border-box; |
35 box-sizing: border-box; |
39 background-color: #fff; |
36 background-color: #fff; |
40 } |
37 } |
41 |
38 |
42 .revisions-tickmarks > div { |
39 .revisions-tickmarks > div { |
43 position: absolute; |
40 position: absolute; |
44 height: 100%; |
41 height: 100%; |
45 border-right: 1px solid #a0a5aa; |
42 border-right: 1px solid #a0a5aa; |
46 -webkit-box-sizing: border-box; |
|
47 -moz-box-sizing: border-box; |
|
48 box-sizing: border-box; |
43 box-sizing: border-box; |
49 } |
44 } |
50 |
45 |
51 .revisions-tickmarks > div:first-child { |
46 .revisions-tickmarks > div:first-child { |
52 border-width: 0; |
47 border-width: 0; |
75 .revisions .loading-indicator { |
70 .revisions .loading-indicator { |
76 position: absolute; |
71 position: absolute; |
77 vertical-align: middle; |
72 vertical-align: middle; |
78 opacity: 0; |
73 opacity: 0; |
79 width: 100%; |
74 width: 100%; |
80 width: -webkit-calc( 100% - 30px ); |
|
81 width: calc( 100% - 30px ); |
75 width: calc( 100% - 30px ); |
82 top: 50%; |
76 top: 50%; |
83 top: -webkit-calc( 50% - 10px ); |
|
84 top: calc( 50% - 10px ); |
77 top: calc( 50% - 10px ); |
85 -webkit-transition: opacity 0.5s; |
|
86 transition: opacity 0.5s; |
78 transition: opacity 0.5s; |
87 filter: alpha(opacity=0); /* ie8 and earlier */ |
79 filter: alpha(opacity=0); /* ie8 and earlier */ |
88 } |
80 } |
89 |
81 |
90 body.folded .revisions .loading-indicator { |
82 body.folded .revisions .loading-indicator { |
117 } |
108 } |
118 |
109 |
119 .revisions-meta { |
110 .revisions-meta { |
120 margin-top: 20px; |
111 margin-top: 20px; |
121 background-color: #fff; |
112 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); |
113 box-shadow: 0 1px 3px rgba(0,0,0,0.1); |
124 } |
114 } |
125 |
115 |
126 .revisions.pinned .revisions-meta { |
116 .revisions.pinned .revisions-meta { |
127 -webkit-box-shadow: none; |
|
128 box-shadow: none; |
117 box-shadow: none; |
129 } |
118 } |
130 |
119 |
131 .revision-toggle-compare-mode { |
120 .revision-toggle-compare-mode { |
132 position: absolute; |
121 position: absolute; |
451 } |
436 } |
452 |
437 |
453 /* jQuery UI Slider */ |
438 /* jQuery UI Slider */ |
454 .wp-slider.ui-slider { |
439 .wp-slider.ui-slider { |
455 position: relative; |
440 position: relative; |
456 border: 1px solid #d7d7d7; |
441 border: 1px solid #ddd; |
457 text-align: right; |
442 text-align: right; |
458 cursor: pointer; |
443 cursor: pointer; |
459 } |
444 } |
460 |
445 |
461 .wp-slider .ui-slider-handle { |
446 .wp-slider .ui-slider-handle { |
462 -webkit-border-radius: 50%; |
|
463 border-radius: 50%; |
447 border-radius: 50%; |
464 height: 18px; |
448 height: 18px; |
465 margin-top: -3px; |
449 margin-top: -5px; |
466 outline: none; |
450 outline: none; |
|
451 padding: 2px; |
467 position: absolute; |
452 position: absolute; |
468 width: 18px; |
453 width: 18px; |
469 z-index: 2; |
454 z-index: 2; |
470 -ms-touch-action: none; |
|
471 touch-action: none; |
455 touch-action: none; |
472 } |
456 } |
473 |
457 |
474 .wp-slider .ui-slider-handle, |
458 .wp-slider .ui-slider-handle, |
475 .wp-slider .ui-slider-handle.ui-state-hover, |
|
476 .wp-slider .ui-slider-handle.focus { |
459 .wp-slider .ui-slider-handle.focus { |
477 background: #00a0d2; |
460 background: #f7f7f7; |
478 border: 1px solid #0073aa; |
461 border: 1px solid #ccc; |
479 -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); |
462 box-shadow: 0 1px 0 #cccccc; |
480 box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15); |
463 } |
481 } |
464 |
|
465 .wp-slider .ui-slider-handle:hover, |
|
466 .wp-slider .ui-slider-handle.ui-state-hover { |
|
467 background: #fafafa; |
|
468 border-color: #999; |
|
469 } |
|
470 |
|
471 .wp-slider .ui-slider-handle:active, |
|
472 .wp-slider .ui-slider-handle.ui-state-active { |
|
473 background: #eee; |
|
474 border-color: #999; |
|
475 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|
476 -webkit-transform: translateY(1px); |
|
477 transform: translateY(1px); |
|
478 } |
|
479 |
482 |
480 |
483 .wp-slider .ui-slider-handle:before { |
481 .wp-slider .ui-slider-handle:before { |
484 background: none; |
482 background: none; |
485 position: absolute; |
483 position: absolute; |
486 top: 0; |
484 top: 2px; |
487 right: 0; |
485 right: 2px; |
488 color: #fff; |
486 color: #555; |
489 content: "\f229"; |
487 content: "\f229"; |
490 font: normal 18px/1 'dashicons'; |
488 font: normal 18px/1 dashicons; |
491 speak: none; |
489 speak: none; |
492 -webkit-font-smoothing: antialiased; |
490 -webkit-font-smoothing: antialiased; |
493 -moz-osx-font-smoothing: grayscale; |
491 -moz-osx-font-smoothing: grayscale; |
|
492 } |
|
493 |
|
494 .wp-slider .ui-slider-handle:hover:before, |
|
495 .wp-slider .ui-slider-handle.ui-state-hover:before { |
|
496 color: #23282d; |
494 } |
497 } |
495 |
498 |
496 .wp-slider .ui-slider-handle.from-handle:before, |
499 .wp-slider .ui-slider-handle.from-handle:before, |
497 .wp-slider .ui-slider-handle.to-handle:before { |
500 .wp-slider .ui-slider-handle.to-handle:before { |
498 font-size: 20px !important; |
501 font-size: 20px !important; |
499 margin: -1px -1px 0 0; |
502 margin: -1px -1px 0 0; |
500 } |
503 } |
501 |
504 |
502 .wp-slider .ui-slider-handle.from-handle:before { |
505 .wp-slider .ui-slider-handle.from-handle:before { |
503 content: '\f139'; |
506 content: "\f141"; |
504 } |
507 } |
505 |
508 |
506 .wp-slider .ui-slider-handle.to-handle:before { |
509 .wp-slider .ui-slider-handle.to-handle:before { |
507 content: '\f141'; |
510 content: "\f139"; |
508 } |
511 } |
509 |
512 |
510 .rtl .wp-slider .ui-slider-handle.from-handle:before { |
513 .rtl .wp-slider .ui-slider-handle.from-handle:before { |
511 content: '\f141'; |
514 content: "\f139"; |
512 } |
515 } |
513 |
516 |
514 .rtl .wp-slider .ui-slider-handle.to-handle:before { |
517 .rtl .wp-slider .ui-slider-handle.to-handle:before { |
515 content: '\f139'; |
518 content: "\f141"; |
516 left: -1px; |
519 left: -1px; |
517 } |
520 } |
518 |
521 |
519 .wp-slider .ui-slider-range { |
522 .wp-slider .ui-slider-range { |
520 position: absolute; |
523 position: absolute; |