wp/wp-admin/css/revisions-rtl.css
changeset 7 cf61fcea0001
parent 5 5e2f62d02dcd
child 9 177826044cd9
equal deleted inserted replaced
6:490d5cc509ed 7:cf61fcea0001
    21 .revisions.pinned .revisions-controls {
    21 .revisions.pinned .revisions-controls {
    22 	position: fixed;
    22 	position: fixed;
    23 	top: 0;
    23 	top: 0;
    24 	height: 82px;
    24 	height: 82px;
    25 	background: #fff;
    25 	background: #fff;
    26 	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
       
    27 	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    26 	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    28 }
    27 }
    29 
    28 
    30 .revisions-tickmarks {
    29 .revisions-tickmarks {
    31 	position: relative;
    30 	position: relative;
    32 	margin: 0 auto;
    31 	margin: 0 auto;
    33 	height: 0.7em;
    32 	height: 0.7em;
    34 	top: 7px;
    33 	top: 7px;
    35 	max-width: 70%;
    34 	max-width: 70%;
    36 	-webkit-box-sizing: border-box;
       
    37 	-moz-box-sizing: border-box;
       
    38 	box-sizing: border-box;
    35 	box-sizing: border-box;
    39 	background-color: #fff;
    36 	background-color: #fff;
    40 }
    37 }
    41 
    38 
    42 .revisions-tickmarks > div {
    39 .revisions-tickmarks > div {
    43 	position: absolute;
    40 	position: absolute;
    44 	height: 100%;
    41 	height: 100%;
    45 	border-right: 1px solid #a0a5aa;
    42 	border-right: 1px solid #a0a5aa;
    46 	-webkit-box-sizing: border-box;
       
    47 	-moz-box-sizing: border-box;
       
    48 	box-sizing: border-box;
    43 	box-sizing: border-box;
    49 }
    44 }
    50 
    45 
    51 .revisions-tickmarks > div:first-child {
    46 .revisions-tickmarks > div:first-child {
    52 	border-width: 0;
    47 	border-width: 0;
    75 .revisions .loading-indicator {
    70 .revisions .loading-indicator {
    76 	position: absolute;
    71 	position: absolute;
    77 	vertical-align: middle;
    72 	vertical-align: middle;
    78 	opacity: 0;
    73 	opacity: 0;
    79 	width: 100%;
    74 	width: 100%;
    80 	width: -webkit-calc( 100% - 30px );
       
    81 	width: calc( 100% - 30px );
    75 	width: calc( 100% - 30px );
    82 	top: 50%;
    76 	top: 50%;
    83 	top: -webkit-calc( 50% - 10px );
       
    84 	top: calc( 50% - 10px );
    77 	top: calc( 50% - 10px );
    85 	-webkit-transition: opacity 0.5s;
       
    86 	transition: opacity 0.5s;
    78 	transition: opacity 0.5s;
    87 	filter: alpha(opacity=0); /* ie8 and earlier */
    79 	filter: alpha(opacity=0); /* ie8 and earlier */
    88 }
    80 }
    89 
    81 
    90 body.folded .revisions .loading-indicator {
    82 body.folded .revisions .loading-indicator {
   101 	opacity: 1;
    93 	opacity: 1;
   102 	filter: alpha(opacity=100); /* ie8 and earlier */
    94 	filter: alpha(opacity=100); /* ie8 and earlier */
   103 }
    95 }
   104 
    96 
   105 .revisions .diff {
    97 .revisions .diff {
   106 	-webkit-transition: opacity 0.5s;
       
   107 	transition: opacity 0.5s;
    98 	transition: opacity 0.5s;
   108 }
    99 }
   109 
   100 
   110 .revisions.loading .diff {
   101 .revisions.loading .diff {
   111 	opacity: 0.5;
   102 	opacity: 0.5;
   117 }
   108 }
   118 
   109 
   119 .revisions-meta {
   110 .revisions-meta {
   120 	margin-top: 20px;
   111 	margin-top: 20px;
   121 	background-color: #fff;
   112 	background-color: #fff;
   122 	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
       
   123 	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   113 	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   124 }
   114 }
   125 
   115 
   126 .revisions.pinned .revisions-meta {
   116 .revisions.pinned .revisions-meta {
   127 	-webkit-box-shadow: none;
       
   128 	box-shadow: none;
   117 	box-shadow: none;
   129 }
   118 }
   130 
   119 
   131 .revision-toggle-compare-mode {
   120 .revision-toggle-compare-mode {
   132 	position: absolute;
   121 	position: absolute;
   139 .revisions-meta .diff-meta-to strong {
   128 .revisions-meta .diff-meta-to strong {
   140 	display: none;
   129 	display: none;
   141 }
   130 }
   142 
   131 
   143 .revisions-controls .author-card .date {
   132 .revisions-controls .author-card .date {
   144 	color: #777;
   133 	color: #72777c;
   145 }
   134 }
   146 
   135 
   147 .revisions-controls .author-card.autosave {
   136 .revisions-controls .author-card.autosave {
   148 	color: #d54e21;
   137 	color: #d54e21;
   149 }
   138 }
   150 
   139 
   151 .revisions-controls .author-card .author-name {
   140 .revisions-controls .author-card .author-name {
   152 	font-weight: bold;
   141 	font-weight: 600;
   153 }
   142 }
   154 
   143 
   155 .comparing-two-revisions .diff-meta-to strong {
   144 .comparing-two-revisions .diff-meta-to strong {
   156 	display: block;
   145 	display: block;
   157 }
   146 }
   181 }
   170 }
   182 
   171 
   183 .revisions-diff {
   172 .revisions-diff {
   184 	padding: 15px;
   173 	padding: 15px;
   185 	background-color: #fff;
   174 	background-color: #fff;
   186 	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
       
   187 	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   175 	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   188 }
   176 }
   189 
   177 
   190 .revisions-diff h3:first-child {
   178 .revisions-diff h3:first-child {
   191 	margin-top: 0;
   179 	margin-top: 0;
   366 	right: 20px;
   354 	right: 20px;
   367 	top: -20px;
   355 	top: -20px;
   368 	width: 25px;
   356 	width: 25px;
   369 	height: 25px;
   357 	height: 25px;
   370 	-webkit-transform: rotate(-45deg);
   358 	-webkit-transform: rotate(-45deg);
   371 	-ms-transform: rotate(-45deg);
       
   372 	transform: rotate(-45deg);
   359 	transform: rotate(-45deg);
   373 }
   360 }
   374 
   361 
   375 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
   362 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
   376 	right: auto;
   363 	right: auto;
   387 	left: 25px;
   374 	left: 25px;
   388 }
   375 }
   389 
   376 
   390 .revisions-tooltip,
   377 .revisions-tooltip,
   391 .revisions-tooltip-arrow > span {
   378 .revisions-tooltip-arrow > span {
   392 	border: 1px solid #d7d7d7;
   379 	border: 1px solid #ddd;
   393 	background-color: #fff;
   380 	background-color: #fff;
   394 }
   381 }
   395 
   382 
   396 .revisions-tooltip {
   383 .revisions-tooltip {
   397 	display: none;
   384 	display: none;
   409 }
   396 }
   410 
   397 
   411 .arrow:after {
   398 .arrow:after {
   412 	z-index: 9999;
   399 	z-index: 9999;
   413 	background-color: #fff;
   400 	background-color: #fff;
   414 	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
       
   415 	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   401 	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
   416 }
   402 }
   417 
   403 
   418 .arrow.top {
   404 .arrow.top {
   419 	top: -16px;
   405 	top: -16px;
   430 	right: 20px;
   416 	right: 20px;
   431 	top: -20px;
   417 	top: -20px;
   432 	width: 25px;
   418 	width: 25px;
   433 	height: 25px;
   419 	height: 25px;
   434 	-webkit-transform: rotate(-45deg);
   420 	-webkit-transform: rotate(-45deg);
   435 	-ms-transform: rotate(-45deg);
       
   436 	transform: rotate(-45deg);
   421 	transform: rotate(-45deg);
   437 }
   422 }
   438 
   423 
   439 .revisions-tooltip,
   424 .revisions-tooltip,
   440 .revisions-tooltip-arrow:after {
   425 .revisions-tooltip-arrow:after {
   451 }
   436 }
   452 
   437 
   453 /* jQuery UI Slider */
   438 /* jQuery UI Slider */
   454 .wp-slider.ui-slider {
   439 .wp-slider.ui-slider {
   455 	position: relative;
   440 	position: relative;
   456 	border: 1px solid #d7d7d7;
   441 	border: 1px solid #ddd;
   457 	text-align: right;
   442 	text-align: right;
   458 	cursor: pointer;
   443 	cursor: pointer;
   459 }
   444 }
   460 
   445 
   461 .wp-slider .ui-slider-handle {
   446 .wp-slider .ui-slider-handle {
   462 	-webkit-border-radius: 50%;
       
   463 	border-radius: 50%;
   447 	border-radius: 50%;
   464 	height: 18px;
   448 	height: 18px;
   465 	margin-top: -3px;
   449 	margin-top: -5px;
   466 	outline: none;
   450 	outline: none;
       
   451 	padding: 2px;
   467 	position: absolute;
   452 	position: absolute;
   468 	width: 18px;
   453 	width: 18px;
   469 	z-index: 2;
   454 	z-index: 2;
   470 	-ms-touch-action: none;
       
   471 	touch-action: none;
   455 	touch-action: none;
   472 }
   456 }
   473 
   457 
   474 .wp-slider .ui-slider-handle,
   458 .wp-slider .ui-slider-handle,
   475 .wp-slider .ui-slider-handle.ui-state-hover,
       
   476 .wp-slider .ui-slider-handle.focus {
   459 .wp-slider .ui-slider-handle.focus {
   477 	background: #00a0d2;
   460 	background: #f7f7f7;
   478 	border: 1px solid #0073aa;
   461 	border: 1px solid #ccc;
   479 	-webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
   462 	box-shadow: 0 1px 0 #cccccc;
   480 	box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
   463 }
   481 }
   464 
       
   465 .wp-slider .ui-slider-handle:hover,
       
   466 .wp-slider .ui-slider-handle.ui-state-hover {
       
   467 	background: #fafafa;
       
   468 	border-color: #999;
       
   469 }
       
   470 
       
   471 .wp-slider .ui-slider-handle:active,
       
   472 .wp-slider .ui-slider-handle.ui-state-active {
       
   473 	background: #eee;
       
   474 	border-color: #999;
       
   475  	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
       
   476  	-webkit-transform: translateY(1px);
       
   477  	transform: translateY(1px);
       
   478 }
       
   479 
   482 
   480 
   483 .wp-slider .ui-slider-handle:before {
   481 .wp-slider .ui-slider-handle:before {
   484 	background: none;
   482 	background: none;
   485 	position: absolute;
   483 	position: absolute;
   486 	top: 0;
   484 	top: 2px;
   487 	right: 0;
   485 	right: 2px;
   488 	color: #fff;
   486 	color: #555;
   489 	content: "\f229";
   487 	content: "\f229";
   490 	font: normal 18px/1 'dashicons';
   488 	font: normal 18px/1 dashicons;
   491 	speak: none;
   489 	speak: none;
   492 	-webkit-font-smoothing: antialiased;
   490 	-webkit-font-smoothing: antialiased;
   493 	-moz-osx-font-smoothing: grayscale;
   491 	-moz-osx-font-smoothing: grayscale;
       
   492 }
       
   493 
       
   494 .wp-slider .ui-slider-handle:hover:before,
       
   495 .wp-slider .ui-slider-handle.ui-state-hover:before {
       
   496 	color: #23282d;
   494 }
   497 }
   495 
   498 
   496 .wp-slider .ui-slider-handle.from-handle:before,
   499 .wp-slider .ui-slider-handle.from-handle:before,
   497 .wp-slider .ui-slider-handle.to-handle:before {
   500 .wp-slider .ui-slider-handle.to-handle:before {
   498 	font-size: 20px !important;
   501 	font-size: 20px !important;
   499 	margin: -1px -1px 0 0;
   502 	margin: -1px -1px 0 0;
   500 }
   503 }
   501 
   504 
   502 .wp-slider .ui-slider-handle.from-handle:before {
   505 .wp-slider .ui-slider-handle.from-handle:before {
   503 	content: '\f139';
   506 	content: "\f141";
   504 }
   507 }
   505 
   508 
   506 .wp-slider .ui-slider-handle.to-handle:before {
   509 .wp-slider .ui-slider-handle.to-handle:before {
   507 	content: '\f141';
   510 	content: "\f139";
   508 }
   511 }
   509 
   512 
   510 .rtl .wp-slider .ui-slider-handle.from-handle:before {
   513 .rtl .wp-slider .ui-slider-handle.from-handle:before {
   511 	content: '\f141';
   514 	content: "\f139";
   512 }
   515 }
   513 
   516 
   514 .rtl .wp-slider .ui-slider-handle.to-handle:before {
   517 .rtl .wp-slider .ui-slider-handle.to-handle:before {
   515 	content: '\f139';
   518 	content: "\f141";
   516 	left: -1px;
   519 	left: -1px;
   517 }
   520 }
   518 
   521 
   519 .wp-slider .ui-slider-range {
   522 .wp-slider .ui-slider-range {
   520 	position: absolute;
   523 	position: absolute;