/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.revisions-control-frame,
.revisions-controls input[type="checkbox"] {
vertical-align: text-bottom;
.revisions.pinned .revisions-controls {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
.revisions-tickmarks > div {
border-left: 1px solid #a7aaad;
.revisions-tickmarks > div:first-child {
.comparing-two-revisions .revisions-controls {
.comparing-two-revisions.pinned .revisions-controls {
.revisions.diff-error .diff-error {
.revisions .loading-indicator {
width: calc( 100% - 30px );
transition: opacity 0.5s;
body.folded .revisions .loading-indicator {
.revisions .loading-indicator span.spinner {
.revisions.loading .loading-indicator {
transition: opacity 0.5s;
.revisions.loading .diff {
.revisions.diff-error .diff {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
.revisions.pinned .revisions-meta {
.revision-toggle-compare-mode {
.comparing-two-revisions .revisions-previous,
.comparing-two-revisions .revisions-next,
.revisions-meta .diff-meta-to strong {
.revisions-controls .author-card .date {
.revisions-controls .author-card.autosave {
.revisions-controls .author-card .author-name {
.comparing-two-revisions .diff-meta-to strong {
.revisions.pinned .revisions-buttons {
.revisions-controls .wp-slider {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
.revisions-diff h3:first-child {
#revisions-meta-restored img {
table.diff tbody tr td:nth-child(2) {
table.diff col.content.diffsplit {
table.diff col.diffsplit.middle {
background-color: transparent;
font-family: Consolas, Monaco, monospace;
padding: 0.5em 0.5em 0.5em 2em;
table.diff .diff-deletedline del,
table.diff .diff-addedline ins {
table.diff .diff-deletedline {
background-color: #fcf0f1;
table.diff .diff-deletedline del {
background-color: #ffabaf;
table.diff .diff-addedline {
background-color: #edfaef;
table.diff .diff-deletedline .dashicons,
table.diff .diff-addedline .dashicons {
table.diff .diff-addedline .dashicons {
/* Compensate the vertically non-centered plus glyph. */
table.diff .diff-addedline ins {
background-color: #68de7c;
.revisions-controls .author-card .author-info {
.revisions-controls .author-card .avatar,
.revisions-controls .author-card .author-info {
.revisions-controls .author-card .byline {
.revisions-controls .author-card .avatar {
.diff-meta input.restore-revision {
.comparing-two-revisions .diff-meta-from {
.revisions-tooltip.flipped {
.revisions.pinned .revisions-tooltip {
display: none !important;
.comparing-two-revisions .revisions-tooltip {
.revisions-tooltip-arrow {
.revisions-tooltip.flipped .revisions-tooltip-arrow {
.revisions-tooltip-arrow > span {
transform: rotate(45deg);
.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
.revisions-tooltip-arrow > span {
border: 1px solid #dcdcde;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transform: rotate(45deg);
.revisions-tooltip-arrow:after {
div.revisions-controls > .wp-slider > .ui-slider-handle {
.rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
border: 1px solid #dcdcde;
.wp-slider .ui-slider-handle {
.wp-slider .ui-slider-handle,
.wp-slider .ui-slider-handle.focus {
border: 1px solid #c3c4c7;
box-shadow: 0 1px 0 #c3c4c7;
.wp-slider .ui-slider-handle:hover,
.wp-slider .ui-slider-handle.ui-state-hover {
.wp-slider .ui-slider-handle:active,
.wp-slider .ui-slider-handle.ui-state-active {
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
.wp-slider .ui-slider-handle:before {
font: normal 18px/1 dashicons;
-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 {