.revisions-tickmarks > div {
position: absolute;
height: 100%;
- border-right: 1px solid #aaa;
+ border-right: 1px solid #a0a5aa;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.revisions .loading-indicator {
- position: fixed;
+ position: absolute;
vertical-align: middle;
opacity: 0;
width: 100%;
+ width: -webkit-calc( 100% - 30px );
+ width: calc( 100% - 30px );
top: 50%;
- margin-right: -90px;
+ top: -webkit-calc( 50% - 10px );
+ top: calc( 50% - 10px );
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
filter: alpha(opacity=0); /* ie8 and earlier */
}
.revisions-controls .author-card .date {
- color: #777;
+ color: #72777c;
}
.revisions-controls .author-card.autosave {
}
.revisions-controls .author-card .author-name {
- font-weight: bold;
+ font-weight: 600;
}
.comparing-two-revisions .diff-meta-to strong {
top: -20px;
width: 25px;
height: 25px;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
}
.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
.revisions-tooltip,
.revisions-tooltip-arrow > span {
- border: 1px solid #d7d7d7;
+ border: 1px solid #ddd;
background-color: #fff;
}
z-index: 10000;
}
-.arrow::after {
+.arrow:after {
z-index: 9999;
background-color: #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
top: -20px;
width: 25px;
height: 25px;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
}
.revisions-tooltip,
margin-left: -10px;
}
- /* jQuery UI Slider */
+/* jQuery UI Slider */
.wp-slider.ui-slider {
position: relative;
- border: 1px solid #d7d7d7;
+ border: 1px solid #ddd;
text-align: right;
cursor: pointer;
}
-webkit-border-radius: 50%;
border-radius: 50%;
height: 18px;
- margin-top: -3px;
+ margin-top: -5px;
outline: none;
+ padding: 2px;
position: absolute;
width: 18px;
z-index: 2;
+ -ms-touch-action: none;
+ touch-action: none;
}
.wp-slider .ui-slider-handle,
-.wp-slider .ui-slider-handle.ui-state-hover,
.wp-slider .ui-slider-handle.focus {
- background: #2ea2cc;
- border: 1px solid #0074a2;
- -webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
- box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
+ background: #f7f7f7;
+ border: 1px solid #ccc;
+ -webkit-box-shadow: 0 1px 0 #cccccc;
+ box-shadow: 0 1px 0 #cccccc;
+}
+
+.wp-slider .ui-slider-handle:hover,
+.wp-slider .ui-slider-handle.ui-state-hover {
+ background: #fafafa;
+ border-color: #999;
+}
+
+.wp-slider .ui-slider-handle:active,
+.wp-slider .ui-slider-handle.ui-state-active {
+ background: #eee;
+ border-color: #999;
+ -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+ box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+ -webkit-transform: translateY(1px);
+ -ms-transform: translateY(1px);
+ transform: translateY(1px);
}
+
.wp-slider .ui-slider-handle:before {
background: none;
position: absolute;
- top: 0;
- right: 0;
- color: #fff;
+ top: 2px;
+ right: 2px;
+ color: #555;
content: "\f229";
- font: normal 18px/1 'dashicons';
+ font: normal 18px/1 dashicons;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
+.wp-slider .ui-slider-handle:hover:before,
+.wp-slider .ui-slider-handle.ui-state-hover:before {
+ color: #23282d;
+}
+
.wp-slider .ui-slider-handle.from-handle:before,
.wp-slider .ui-slider-handle.to-handle:before {
font-size: 20px !important;
}
.wp-slider .ui-slider-handle.from-handle:before {
- content: '\f139';
+ content: "\f141";
}
.wp-slider .ui-slider-handle.to-handle:before {
- content: '\f141';
+ content: "\f139";
}
.rtl .wp-slider .ui-slider-handle.from-handle:before {
- content: '\f141';
+ content: "\f139";
}
.rtl .wp-slider .ui-slider-handle.to-handle:before {
- content: '\f139';
+ content: "\f141";
left: -1px;
}
* HiDPI Displays
*/
@media print,
- (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.revision-tick.completed-false {