mirror of
https://github.com/WordPress/WordPress.git
synced 2025-02-20 19:56:49 +01:00
This implements a new revisions ui using Backbone and preserves all the old methods of "integration" so the change should be transparent to plugins using revisi ons with CPTs. This is the first pass and so there are a number of things still to be resolved, more details in the ticket. Feedback welcomed. git-svn-id: http://core.svn.wordpress.org/trunk@23506 1a063a9b-81f0-0310-95a4-ce76da25c4cd
214 lines
3.0 KiB
CSS
214 lines
3.0 KiB
CSS
/* Styles for the revision screen */
|
|
|
|
.revisiondiffcontainer {
|
|
width: 96%;
|
|
}
|
|
|
|
.revisiondiffcontainer input.button {
|
|
margin: 2px;
|
|
}
|
|
|
|
#diffrestore, #diffnext, #diffcancel {
|
|
float: right;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#diffprevious, #difftitle, #difftitlefrom, #diff_from_current_revision {
|
|
float: left;
|
|
margin-left: 5px;
|
|
height: 35px;
|
|
}
|
|
|
|
#diffprevious, #diffnext {
|
|
margin-top: 7px;
|
|
height: 30px;
|
|
}
|
|
|
|
#diffheader, #diffsubheader {
|
|
clear: both;
|
|
width: 100%;
|
|
}
|
|
|
|
#diffheader {
|
|
border-bottom: 2px solid #999;
|
|
width: 100%;
|
|
height: 45px;
|
|
line-height: 45px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
#diffsubheader {
|
|
background-color: #eee;
|
|
border-bottom: 2px solid #999;
|
|
width: 100%;
|
|
height:35px;
|
|
line-height: 35px;
|
|
}
|
|
|
|
#diffslider {
|
|
width: 70%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
height: 3.5em;
|
|
|
|
}
|
|
|
|
#revisioncount {
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 0;
|
|
line-height: 1em;
|
|
height: 1em;
|
|
text-align: center;
|
|
clear: none;
|
|
padding: 5px;
|
|
}
|
|
|
|
.revisiondiffcontainer {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#diffsliderwrap {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
#diffsliderwrap #sliderinner {
|
|
position: relative;
|
|
top: 47px;
|
|
}
|
|
|
|
#removedandadded {
|
|
width: 100%
|
|
padding-bottom: 30px;
|
|
padding-top: 3px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#removed, #added {
|
|
width: auto;
|
|
text-align: left;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
float: left;
|
|
}
|
|
|
|
.diffsplit #added {
|
|
float: right;
|
|
width: 47%;
|
|
text-align: left;
|
|
}
|
|
|
|
.diffsplit #removedandadded {
|
|
width: 100%;
|
|
}
|
|
|
|
#added {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#removed {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
#removed {
|
|
color: #d2281f;
|
|
}
|
|
|
|
#added {
|
|
color: #00a100;
|
|
}
|
|
|
|
#comparetworevisions {
|
|
float: right;
|
|
line-height: 35px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#comparetworevisions input{
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#difftitle img, #difftitlefrom img {
|
|
vertical-align: middle;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
#showsplitviewoption, #toggleshowautosavesoption {
|
|
float: right;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
#revisionoptions {
|
|
margin-top: 0px;
|
|
line-height: 40px;
|
|
clear: both;
|
|
width: 100%;
|
|
}
|
|
|
|
.comparetwo #diffprevious, .comparetwo #diffnext {
|
|
display: none;
|
|
}
|
|
|
|
.comparetwo #diffslider {
|
|
width: 95%;
|
|
}
|
|
|
|
.currentversion span#diff_left_current_revision {
|
|
display: inline;
|
|
}
|
|
|
|
span#diff_left_current_revision, span#diff_from_current_revision {
|
|
display: none;
|
|
}
|
|
|
|
span#diff_left_count, span#diff_left_count_inner {
|
|
display: inline;
|
|
}
|
|
|
|
.currentversion span#diff_left_count,
|
|
.currentversion span#diff_left_count_inner,
|
|
.currentversion #difftitlefrom {
|
|
display: none;
|
|
}
|
|
|
|
#difftitlefrom {
|
|
float: left;
|
|
display: none;
|
|
}
|
|
|
|
.comparetwo #difftitlefrom, .comparetwo.currentversion span#diff_from_current_revision {
|
|
display: inline;
|
|
}
|
|
.comparetwo.currentversion #difftitlefrom {
|
|
display: none;
|
|
}
|
|
|
|
#modelsloading {
|
|
float: right;
|
|
line-height: 30px;
|
|
display: none;
|
|
clear: none;
|
|
margin: 0;
|
|
margin-top: -40px;
|
|
}
|
|
|
|
#modelsloading .spinner {
|
|
float: left;
|
|
}
|
|
|
|
.leftmodelloading #modelsloading,
|
|
.rightmodelloading #modelsloading,
|
|
.leftmodelloading #modelsloading .spinner,
|
|
.rightmodelloading #modelsloading .spinner {
|
|
display: inline;
|
|
}
|
|
|
|
|