wp/wp-admin/css/revisions.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
equal deleted inserted replaced
15:3d4e9c994f10 16:a86126ab1dd4
    77 	width: 100%;
    77 	width: 100%;
    78 	width: calc( 100% - 30px );
    78 	width: calc( 100% - 30px );
    79 	top: 50%;
    79 	top: 50%;
    80 	top: calc( 50% - 10px );
    80 	top: calc( 50% - 10px );
    81 	transition: opacity 0.5s;
    81 	transition: opacity 0.5s;
    82 	filter: alpha(opacity=0); /* ie8 and earlier */
       
    83 }
    82 }
    84 
    83 
    85 body.folded .revisions .loading-indicator {
    84 body.folded .revisions .loading-indicator {
    86 	margin-left: -32px;
    85 	margin-left: -32px;
    87 }
    86 }
    92 	float: none;
    91 	float: none;
    93 }
    92 }
    94 
    93 
    95 .revisions.loading .loading-indicator {
    94 .revisions.loading .loading-indicator {
    96 	opacity: 1;
    95 	opacity: 1;
    97 	filter: alpha(opacity=100); /* ie8 and earlier */
       
    98 }
    96 }
    99 
    97 
   100 .revisions .diff {
    98 .revisions .diff {
   101 	transition: opacity 0.5s;
    99 	transition: opacity 0.5s;
   102 }
   100 }
   103 
   101 
   104 .revisions.loading .diff {
   102 .revisions.loading .diff {
   105 	opacity: 0.5;
   103 	opacity: 0.5;
   106 	filter: alpha(opacity=50); /* ie8 and earlier */
       
   107 }
   104 }
   108 
   105 
   109 .revisions.diff-error .diff {
   106 .revisions.diff-error .diff {
   110 	visibility: hidden;
   107 	visibility: hidden;
   111 }
   108 }
   221 
   218 
   222 table.diff td,
   219 table.diff td,
   223 table.diff th {
   220 table.diff th {
   224 	font-family: Consolas, Monaco, monospace;
   221 	font-family: Consolas, Monaco, monospace;
   225 	font-size: 14px;
   222 	font-size: 14px;
   226 	line-height: 1.618;
   223 	line-height: 1.57142857;
   227 	padding: .5em;
   224 	padding: 0.5em 0.5em 0.5em 2em;
   228 	vertical-align: top;
   225 	vertical-align: top;
   229 	word-wrap: break-word;
   226 	word-wrap: break-word;
   230 }
   227 }
   231 
   228 
   232 table.diff td h1,
   229 table.diff td h1,
   242 table.diff .diff-addedline ins {
   239 table.diff .diff-addedline ins {
   243 	text-decoration: none;
   240 	text-decoration: none;
   244 }
   241 }
   245 
   242 
   246 table.diff .diff-deletedline {
   243 table.diff .diff-deletedline {
       
   244 	position: relative;
   247 	background-color: #ffe9e9;
   245 	background-color: #ffe9e9;
   248 }
   246 }
   249 
   247 
   250 table.diff .diff-deletedline del {
   248 table.diff .diff-deletedline del {
   251 	background-color: #faa;
   249 	background-color: #faa;
   252 }
   250 }
   253 
   251 
   254 table.diff .diff-addedline {
   252 table.diff .diff-addedline {
       
   253 	position: relative;
   255 	background-color: #e9ffe9;
   254 	background-color: #e9ffe9;
       
   255 }
       
   256 
       
   257 table.diff .diff-deletedline .dashicons,
       
   258 table.diff .diff-addedline .dashicons {
       
   259 	position: absolute;
       
   260 	top: 0.85714286em;
       
   261 	left: 0.5em;
       
   262 	width: 1em;
       
   263 	height: 1em;
       
   264 	font-size: 1em;
       
   265 	line-height: 1;
       
   266 }
       
   267 
       
   268 table.diff .diff-addedline .dashicons {
       
   269 	/* Compensate the vertically non-centered plus glyph. */
       
   270 	top: 0.92857143em;
   256 }
   271 }
   257 
   272 
   258 table.diff .diff-addedline ins {
   273 table.diff .diff-addedline ins {
   259 	background-color: #afa;
   274 	background-color: #afa;
   260 }
   275 }
   264 	clear: both;
   279 	clear: both;
   265 	min-height: 32px;
   280 	min-height: 32px;
   266 }
   281 }
   267 
   282 
   268 .diff-title strong {
   283 .diff-title strong {
   269 	line-height: 32px;
   284 	line-height: 2.46153846;
   270 	min-width: 60px;
   285 	min-width: 60px;
   271 	text-align: right;
   286 	text-align: right;
   272 	float: left;
   287 	float: left;
   273 	margin-right: 5px;
   288 	margin-right: 5px;
   274 }
   289 }
   275 
   290 
   276 .revisions-controls .author-card .author-info {
   291 .revisions-controls .author-card .author-info {
   277 	font-size: 12px;
   292 	font-size: 12px;
   278 	line-height: 16px;
   293 	line-height: 1.33333333;
   279 }
   294 }
   280 
   295 
   281 .revisions-controls .author-card .avatar,
   296 .revisions-controls .author-card .avatar,
   282 .revisions-controls .author-card .author-info {
   297 .revisions-controls .author-card .author-info {
   283 	float: left;
   298 	float: left;
   365 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
   380 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
   366 	left: auto;
   381 	left: auto;
   367 	right: 20px;
   382 	right: 20px;
   368 }
   383 }
   369 
   384 
   370 .ie8 .revisions-tooltip-arrow > span {
       
   371 	left: 15px;
       
   372 	top: -25px;
       
   373 	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
       
   374 }
       
   375 
       
   376 .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
       
   377 	right: 25px;
       
   378 }
       
   379 
       
   380 .revisions-tooltip,
   385 .revisions-tooltip,
   381 .revisions-tooltip-arrow > span {
   386 .revisions-tooltip-arrow > span {
   382 	border: 1px solid #ddd;
   387 	border: 1px solid #ddd;
   383 	background-color: #fff;
   388 	background-color: #fff;
   384 }
   389 }
   519 	right: -1px;
   524 	right: -1px;
   520 }
   525 }
   521 
   526 
   522 .wp-slider .ui-slider-range {
   527 .wp-slider .ui-slider-range {
   523 	position: absolute;
   528 	position: absolute;
   524 	font-size: .7em;
   529 	font-size: 0.7em;
   525 	display: block;
   530 	display: block;
   526 	border: 0;
   531 	border: 0;
   527 	background-color: transparent;
   532 	background-color: transparent;
   528 	background-image: none;
   533 	background-image: none;
   529 }
   534 }
   530 
   535 
   531 .wp-slider.ui-slider-horizontal {
   536 .wp-slider.ui-slider-horizontal {
   532 	height: .7em;
   537 	height: 0.7em;
   533 }
   538 }
   534 
   539 
   535 .wp-slider.ui-slider-horizontal .ui-slider-handle {
   540 .wp-slider.ui-slider-horizontal .ui-slider-handle {
   536 	top: -.25em;
   541 	top: -.25em;
   537 	margin-left: -.6em;
   542 	margin-left: -.6em;