mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-18 00:25:37 +01:00
50cb2c5e28
WordPress no longer supports many old old browsers: https://make.wordpress.org/core/2017/04/23/target-browser-coverage/ This also removes alot of no longer necessary CSS. It served us well, but we are never getting back together with IE8,9,10. So, in the (paraphrased) words of Taylor Swift: I remember when we dropped support the first time Saying, "This is it, I've had enough, " 'cause like We hadn't seen many users in a month When you said you needed flexbox. (What?) Then you postMessage again and say "IE8, I miss you and I swear I'm gonna change, trust me." Remember how that lasted for a day? I say, "I hate the box model, " we break up, you call me, "I love css-grids." Ooh, we called it off again last night But ooh, this time I'm telling you, I'm telling you We are never ever ever supporting IE 8,9,10, We are never ever ever supporting IE 8,9,10, You go talk to EDGE, talk to my FIREFOX, talk to CHROME But we are never ever ever ever getting back together Like, ever... Fixes #37651. Props stunnedbeast, netweb, jorbin. Built from https://develop.svn.wordpress.org/trunk@41062 git-svn-id: http://core.svn.wordpress.org/trunk@40912 1a063a9b-81f0-0310-95a4-ce76da25c4cd
579 lines
9.6 KiB
CSS
579 lines
9.6 KiB
CSS
/*------------------------------------------------------------------------------
|
|
11.2 - Post Revisions
|
|
------------------------------------------------------------------------------*/
|
|
.revisions-control-frame,
|
|
.revisions-diff-frame {
|
|
position: relative;
|
|
}
|
|
|
|
.revisions-controls {
|
|
padding-top: 40px;
|
|
height: 100px;
|
|
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;
|
|
filter: alpha(opacity=0); /* ie8 and earlier */
|
|
}
|
|
|
|
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;
|
|
filter: alpha(opacity=100); /* ie8 and earlier */
|
|
}
|
|
|
|
.revisions .diff {
|
|
transition: opacity 0.5s;
|
|
}
|
|
|
|
.revisions.loading .diff {
|
|
opacity: 0.5;
|
|
filter: alpha(opacity=50); /* ie8 and earlier */
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
.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.618;
|
|
padding: .5em;
|
|
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 {
|
|
background-color: #ffe9e9;
|
|
}
|
|
|
|
table.diff .diff-deletedline del {
|
|
background-color: #faa;
|
|
}
|
|
|
|
table.diff .diff-addedline {
|
|
background-color: #e9ffe9;
|
|
}
|
|
|
|
table.diff .diff-addedline ins {
|
|
background-color: #afa;
|
|
}
|
|
|
|
.diff-meta {
|
|
padding: 5px;
|
|
clear: both;
|
|
min-height: 32px;
|
|
}
|
|
|
|
.diff-title strong {
|
|
line-height: 32px;
|
|
min-width: 60px;
|
|
text-align: right;
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.revisions-controls .author-card .author-info {
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.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: 4px;
|
|
}
|
|
|
|
.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;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
|
|
left: auto;
|
|
right: 20px;
|
|
}
|
|
|
|
.ie8 .revisions-tooltip-arrow > span {
|
|
left: 15px;
|
|
top: -25px;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
|
|
}
|
|
|
|
.ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
|
|
right: 25px;
|
|
}
|
|
|
|
.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;
|
|
-webkit-transform: rotate(45deg);
|
|
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 );
|
|
-webkit-transform: translateY(1px);
|
|
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: .7em;
|
|
display: block;
|
|
border: 0;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
.wp-slider.ui-slider-horizontal {
|
|
height: .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;
|
|
}
|
|
|
|
table.diff {
|
|
-ms-word-break: break-all;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
}
|
|
}
|