WordPress/wp-admin/css/revisions.css
Dominik Schilling 7ded6c2d2a Administration: Remove any CSS related to Internet Explorer versions 6 – 10.
In WordPress 3.2 support for IE6 was dropped, IE7 followed a few versions later. With the 4.8 release, WordPress officially ended support for Internet Explorer versions 8, 9, and 10. Yet, we still have shipped CSS for the unsupported IE versions....until now! Goodbye to ie.css and star hacks!

* Removes ie.css and `ie` style handle.
* Removes IE specific class names and any related CSS.
* Drops support for IE8 and older in `wp_customize_support_script()`.
* Updates compatibility mode for CSS minification to `ie11`.

Props ayeshrajans, isabel_brison, afercia, netweb, peterwilsoncc, ocean90.
Fixes #17232, #46015.
Built from https://develop.svn.wordpress.org/trunk@47771


git-svn-id: http://core.svn.wordpress.org/trunk@47547 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-05-06 20:15:07 +00:00

607 lines
9.8 KiB
CSS

/*------------------------------------------------------------------------------
11.2 - Post Revisions
------------------------------------------------------------------------------*/
.revisions-control-frame,
.revisions-diff-frame {
position: relative;
}
.revisions-diff-frame {
top: 10px;
}
.revisions-controls {
padding-top: 40px;
z-index: 1;
}
.revisions-controls input[type="checkbox"] {
position: relative;
top: -1px;
vertical-align: text-bottom;
}
.revisions.pinned .revisions-controls {
position: fixed;
top: 0;
height: 82px;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.revisions-tickmarks {
position: relative;
margin: 0 auto;
height: 0.7em;
top: 7px;
max-width: 70%;
box-sizing: border-box;
background-color: #fff;
}
.revisions-tickmarks > div {
position: absolute;
height: 100%;
border-left: 1px solid #a0a5aa;
box-sizing: border-box;
}
.revisions-tickmarks > div:first-child {
border-width: 0;
}
.comparing-two-revisions .revisions-controls {
height: 140px;
}
.comparing-two-revisions.pinned .revisions-controls {
height: 124px;
}
.revisions .diff-error {
position: absolute;
text-align: center;
margin: 0 auto;
width: 100%;
display: none;
}
.revisions.diff-error .diff-error {
display: block;
}
.revisions .loading-indicator {
position: absolute;
vertical-align: middle;
opacity: 0;
width: 100%;
width: calc( 100% - 30px );
top: 50%;
top: calc( 50% - 10px );
transition: opacity 0.5s;
}
body.folded .revisions .loading-indicator {
margin-left: -32px;
}
.revisions .loading-indicator span.spinner {
display: block;
margin: 0 auto;
float: none;
}
.revisions.loading .loading-indicator {
opacity: 1;
}
.revisions .diff {
transition: opacity 0.5s;
}
.revisions.loading .diff {
opacity: 0.5;
}
.revisions.diff-error .diff {
visibility: hidden;
}
.revisions-meta {
margin-top: 20px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.revisions.pinned .revisions-meta {
box-shadow: none;
}
.revision-toggle-compare-mode {
position: absolute;
top: 0;
right: 0;
}
.comparing-two-revisions .revisions-previous,
.comparing-two-revisions .revisions-next,
.revisions-meta .diff-meta-to strong {
display: none;
}
.revisions-controls .author-card .date {
color: #72777c;
}
.revisions-controls .author-card.autosave {
color: #d54e21;
}
.revisions-controls .author-card .author-name {
font-weight: 600;
}
.comparing-two-revisions .diff-meta-to strong {
display: block;
}
.revisions.pinned .revisions-buttons {
padding: 0 11px;
}
.revisions-previous,
.revisions-next {
position: relative;
z-index: 1;
}
.revisions-previous {
float: left;
}
.revisions-next {
float: right;
}
.revisions-controls .wp-slider {
max-width: 70%;
margin: 0 auto;
top: -3px;
}
.revisions-diff {
padding: 15px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.revisions-diff h3:first-child {
margin-top: 0;
}
/* Revision meta box */
.post-revisions li img,
#revisions-meta-restored img {
vertical-align: middle;
}
table.diff tbody tr td:nth-child(2) {
width: 4%;
}
table.diff {
table-layout: fixed;
width: 100%;
white-space: pre-wrap;
}
table.diff col.content {
width: auto;
}
table.diff col.content.diffsplit {
width: 48%;
}
table.diff col.diffsplit.middle {
width: auto;
}
table.diff col.ltype {
width: 30px;
}
table.diff tr {
background-color: transparent;
}
table.diff td,
table.diff th {
font-family: Consolas, Monaco, monospace;
font-size: 14px;
line-height: 1.57142857;
padding: 0.5em 0.5em 0.5em 2em;
vertical-align: top;
word-wrap: break-word;
}
table.diff td h1,
table.diff td h2,
table.diff td h3,
table.diff td h4,
table.diff td h5,
table.diff td h6 {
margin: 0;
}
table.diff .diff-deletedline del,
table.diff .diff-addedline ins {
text-decoration: none;
}
table.diff .diff-deletedline {
position: relative;
background-color: #ffe9e9;
}
table.diff .diff-deletedline del {
background-color: #faa;
}
table.diff .diff-addedline {
position: relative;
background-color: #e9ffe9;
}
table.diff .diff-deletedline .dashicons,
table.diff .diff-addedline .dashicons {
position: absolute;
top: 0.85714286em;
left: 0.5em;
width: 1em;
height: 1em;
font-size: 1em;
line-height: 1;
}
table.diff .diff-addedline .dashicons {
/* Compensate the vertically non-centered plus glyph. */
top: 0.92857143em;
}
table.diff .diff-addedline ins {
background-color: #afa;
}
.diff-meta {
padding: 5px;
clear: both;
min-height: 32px;
}
.diff-title strong {
line-height: 2.46153846;
min-width: 60px;
text-align: right;
float: left;
margin-right: 5px;
}
.revisions-controls .author-card .author-info {
font-size: 12px;
line-height: 1.33333333;
}
.revisions-controls .author-card .avatar,
.revisions-controls .author-card .author-info {
float: left;
margin-left: 6px;
margin-right: 6px;
}
.revisions-controls .author-card .byline {
display: block;
font-size: 12px;
}
.revisions-controls .author-card .avatar {
vertical-align: middle;
}
.diff-meta input.restore-revision {
float: right;
margin-left: 6px;
margin-right: 6px;
margin-top: 2px;
}
.diff-meta-from {
display: none;
}
.comparing-two-revisions .diff-meta-from {
display: block;
}
.revisions-tooltip {
position: absolute;
bottom: 105px;
margin-right: 0;
margin-left: -69px;
z-index: 0;
max-width: 350px;
min-width: 130px;
padding: 8px 4px;
display: none;
opacity: 0;
}
.revisions-tooltip.flipped {
margin-left: 0;
margin-right: -70px;
}
.revisions.pinned .revisions-tooltip {
display: none !important;
}
.comparing-two-revisions .revisions-tooltip {
bottom: 145px;
}
.revisions-tooltip-arrow {
width: 70px;
height: 15px;
overflow: hidden;
position: absolute;
left: 0;
margin-left: 35px;
bottom: -15px;
}
.revisions-tooltip.flipped .revisions-tooltip-arrow {
margin-left: 0;
margin-right: 35px;
left: auto;
right: 0;
}
.revisions-tooltip-arrow > span {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
transform: rotate(45deg);
}
.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
left: auto;
right: 20px;
}
.revisions-tooltip,
.revisions-tooltip-arrow > span {
border: 1px solid #ddd;
background-color: #fff;
}
.revisions-tooltip {
display: none;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 0;
margin-left: -35px;
bottom: 90px;
z-index: 10000;
}
.arrow:after {
z-index: 9999;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
transform: rotate(45deg);
}
.revisions-tooltip,
.revisions-tooltip-arrow:after {
border-width: 1px;
border-style: solid;
}
div.revisions-controls > .wp-slider > .ui-slider-handle {
margin-left: -10px;
}
.rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
margin-right: -10px;
}
/* jQuery UI Slider */
.wp-slider.ui-slider {
position: relative;
border: 1px solid #ddd;
text-align: left;
cursor: pointer;
}
.wp-slider .ui-slider-handle {
border-radius: 50%;
height: 18px;
margin-top: -5px;
outline: none;
padding: 2px;
position: absolute;
width: 18px;
z-index: 2;
touch-action: none;
}
.wp-slider .ui-slider-handle,
.wp-slider .ui-slider-handle.focus {
background: #f7f7f7;
border: 1px solid #ccc;
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;
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
transform: translateY(1px);
}
.wp-slider .ui-slider-handle:before {
background: none;
position: absolute;
top: 2px;
left: 2px;
color: #555;
content: "\f229";
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;
margin: -1px 0 0 -1px;
}
.wp-slider .ui-slider-handle.from-handle:before {
content: "\f139";
}
.wp-slider .ui-slider-handle.to-handle:before {
content: "\f141";
}
.rtl .wp-slider .ui-slider-handle.from-handle:before {
content: "\f141";
}
.rtl .wp-slider .ui-slider-handle.to-handle:before {
content: "\f139";
right: -1px;
}
.wp-slider .ui-slider-range {
position: absolute;
font-size: 0.7em;
display: block;
border: 0;
background-color: transparent;
background-image: none;
}
.wp-slider.ui-slider-horizontal {
height: 0.7em;
}
.wp-slider.ui-slider-horizontal .ui-slider-handle {
top: -.25em;
margin-left: -.6em;
}
.wp-slider.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.wp-slider.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.wp-slider.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
/* =Media Queries
-------------------------------------------------------------- */
/**
* HiDPI Displays
*/
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.revision-tick.completed-false {
background-image: url(../images/spinner-2x.gif);
}
}
@media screen and (max-width: 782px) {
#diff-next-revision,
#diff-previous-revision {
margin-top: -1em;
}
.revisions-buttons {
overflow: hidden;
margin-bottom: 15px;
}
.revisions-controls,
.comparing-two-revisions .revisions-controls {
height: 170px;
}
.revisions-tooltip {
bottom: 130px;
z-index: 2;
}
.diff-meta {
overflow: hidden;
}
table.diff {
-ms-word-break: break-all;
word-break: break-all;
word-wrap: break-word;
}
.diff-meta input.restore-revision {
margin-top: 0;
}
}