revisions-rtl.css (10075B)
1 /*! This file is auto-generated */ 2 /*------------------------------------------------------------------------------ 3 11.2 - Post Revisions 4 ------------------------------------------------------------------------------*/ 5 .revisions-control-frame, 6 .revisions-diff-frame { 7 position: relative; 8 } 9 10 .revisions-diff-frame { 11 top: 10px; 12 } 13 14 .revisions-controls { 15 padding-top: 40px; 16 z-index: 1; 17 } 18 19 .revisions-controls input[type="checkbox"] { 20 position: relative; 21 top: -1px; 22 vertical-align: text-bottom; 23 } 24 25 .revisions.pinned .revisions-controls { 26 position: fixed; 27 top: 0; 28 height: 82px; 29 background: #fff; 30 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 31 } 32 33 .revisions-tickmarks { 34 position: relative; 35 margin: 0 auto; 36 height: 0.7em; 37 top: 7px; 38 max-width: 70%; 39 box-sizing: border-box; 40 background-color: #fff; 41 } 42 43 .revisions-tickmarks > div { 44 position: absolute; 45 height: 100%; 46 border-right: 1px solid #a7aaad; 47 box-sizing: border-box; 48 } 49 50 .revisions-tickmarks > div:first-child { 51 border-width: 0; 52 } 53 54 .comparing-two-revisions .revisions-controls { 55 height: 140px; 56 } 57 58 .comparing-two-revisions.pinned .revisions-controls { 59 height: 124px; 60 } 61 62 .revisions .diff-error { 63 position: absolute; 64 text-align: center; 65 margin: 0 auto; 66 width: 100%; 67 display: none; 68 } 69 70 .revisions.diff-error .diff-error { 71 display: block; 72 } 73 74 .revisions .loading-indicator { 75 position: absolute; 76 vertical-align: middle; 77 opacity: 0; 78 width: 100%; 79 width: calc( 100% - 30px ); 80 top: 50%; 81 top: calc( 50% - 10px ); 82 transition: opacity 0.5s; 83 } 84 85 body.folded .revisions .loading-indicator { 86 margin-right: -32px; 87 } 88 89 .revisions .loading-indicator span.spinner { 90 display: block; 91 margin: 0 auto; 92 float: none; 93 } 94 95 .revisions.loading .loading-indicator { 96 opacity: 1; 97 } 98 99 .revisions .diff { 100 transition: opacity 0.5s; 101 } 102 103 .revisions.loading .diff { 104 opacity: 0.5; 105 } 106 107 .revisions.diff-error .diff { 108 visibility: hidden; 109 } 110 111 .revisions-meta { 112 margin-top: 20px; 113 background-color: #fff; 114 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 115 overflow: hidden; 116 } 117 118 .revisions.pinned .revisions-meta { 119 box-shadow: none; 120 } 121 122 .revision-toggle-compare-mode { 123 position: absolute; 124 top: 0; 125 left: 0; 126 } 127 128 .comparing-two-revisions .revisions-previous, 129 .comparing-two-revisions .revisions-next, 130 .revisions-meta .diff-meta-to strong { 131 display: none; 132 } 133 134 .revisions-controls .author-card .date { 135 color: #646970; 136 } 137 138 .revisions-controls .author-card.autosave { 139 color: #d63638; 140 } 141 142 .revisions-controls .author-card .author-name { 143 font-weight: 600; 144 } 145 146 .comparing-two-revisions .diff-meta-to strong { 147 display: block; 148 } 149 150 .revisions.pinned .revisions-buttons { 151 padding: 0 11px; 152 } 153 154 .revisions-previous, 155 .revisions-next { 156 position: relative; 157 z-index: 1; 158 } 159 160 .revisions-previous { 161 float: right; 162 } 163 164 .revisions-next { 165 float: left; 166 } 167 168 .revisions-controls .wp-slider { 169 max-width: 70%; 170 margin: 0 auto; 171 top: -3px; 172 } 173 174 .revisions-diff { 175 padding: 15px; 176 background-color: #fff; 177 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 178 } 179 180 .revisions-diff h3:first-child { 181 margin-top: 0; 182 } 183 184 /* Revision meta box */ 185 .post-revisions li img, 186 #revisions-meta-restored img { 187 vertical-align: middle; 188 } 189 190 table.diff tbody tr td:nth-child(2) { 191 width: 4%; 192 } 193 194 table.diff { 195 table-layout: fixed; 196 width: 100%; 197 white-space: pre-wrap; 198 } 199 200 table.diff col.content { 201 width: auto; 202 } 203 204 table.diff col.content.diffsplit { 205 width: 48%; 206 } 207 208 table.diff col.diffsplit.middle { 209 width: auto; 210 } 211 212 table.diff col.ltype { 213 width: 30px; 214 } 215 216 table.diff tr { 217 background-color: transparent; 218 } 219 220 table.diff td, 221 table.diff th { 222 font-family: Consolas, Monaco, monospace; 223 font-size: 14px; 224 line-height: 1.57142857; 225 padding: 0.5em 2em 0.5em 0.5em; 226 vertical-align: top; 227 word-wrap: break-word; 228 } 229 230 table.diff td h1, 231 table.diff td h2, 232 table.diff td h3, 233 table.diff td h4, 234 table.diff td h5, 235 table.diff td h6 { 236 margin: 0; 237 } 238 239 table.diff .diff-deletedline del, 240 table.diff .diff-addedline ins { 241 text-decoration: none; 242 } 243 244 table.diff .diff-deletedline { 245 position: relative; 246 background-color: #fcf0f1; 247 } 248 249 table.diff .diff-deletedline del { 250 background-color: #ffabaf; 251 } 252 253 table.diff .diff-addedline { 254 position: relative; 255 background-color: #edfaef; 256 } 257 258 table.diff .diff-deletedline .dashicons, 259 table.diff .diff-addedline .dashicons { 260 position: absolute; 261 top: 0.85714286em; 262 right: 0.5em; 263 width: 1em; 264 height: 1em; 265 font-size: 1em; 266 line-height: 1; 267 } 268 269 table.diff .diff-addedline .dashicons { 270 /* Compensate the vertically non-centered plus glyph. */ 271 top: 0.92857143em; 272 } 273 274 table.diff .diff-addedline ins { 275 background-color: #68de7c; 276 } 277 278 .diff-meta { 279 padding: 5px; 280 clear: both; 281 min-height: 32px; 282 } 283 284 .diff-title strong { 285 line-height: 2.46153846; 286 min-width: 60px; 287 text-align: left; 288 float: right; 289 margin-left: 5px; 290 } 291 292 .revisions-controls .author-card .author-info { 293 font-size: 12px; 294 line-height: 1.33333333; 295 } 296 297 .revisions-controls .author-card .avatar, 298 .revisions-controls .author-card .author-info { 299 float: right; 300 margin-right: 6px; 301 margin-left: 6px; 302 } 303 304 .revisions-controls .author-card .byline { 305 display: block; 306 font-size: 12px; 307 } 308 309 .revisions-controls .author-card .avatar { 310 vertical-align: middle; 311 } 312 313 .diff-meta input.restore-revision { 314 float: left; 315 margin-right: 6px; 316 margin-left: 6px; 317 margin-top: 2px; 318 } 319 320 .diff-meta-from { 321 display: none; 322 } 323 324 .comparing-two-revisions .diff-meta-from { 325 display: block; 326 } 327 328 .revisions-tooltip { 329 position: absolute; 330 bottom: 105px; 331 margin-left: 0; 332 margin-right: -69px; 333 z-index: 0; 334 max-width: 350px; 335 min-width: 130px; 336 padding: 8px 4px; 337 display: none; 338 opacity: 0; 339 } 340 341 .revisions-tooltip.flipped { 342 margin-right: 0; 343 margin-left: -70px; 344 } 345 346 .revisions.pinned .revisions-tooltip { 347 display: none !important; 348 } 349 350 .comparing-two-revisions .revisions-tooltip { 351 bottom: 145px; 352 } 353 354 .revisions-tooltip-arrow { 355 width: 70px; 356 height: 15px; 357 overflow: hidden; 358 position: absolute; 359 right: 0; 360 margin-right: 35px; 361 bottom: -15px; 362 } 363 364 .revisions-tooltip.flipped .revisions-tooltip-arrow { 365 margin-right: 0; 366 margin-left: 35px; 367 right: auto; 368 left: 0; 369 } 370 371 .revisions-tooltip-arrow > span { 372 content: ""; 373 position: absolute; 374 right: 20px; 375 top: -20px; 376 width: 25px; 377 height: 25px; 378 transform: rotate(-45deg); 379 } 380 381 .revisions-tooltip.flipped .revisions-tooltip-arrow > span { 382 right: auto; 383 left: 20px; 384 } 385 386 .revisions-tooltip, 387 .revisions-tooltip-arrow > span { 388 border: 1px solid #dcdcde; 389 background-color: #fff; 390 } 391 392 .revisions-tooltip { 393 display: none; 394 } 395 396 .arrow { 397 width: 70px; 398 height: 16px; 399 overflow: hidden; 400 position: absolute; 401 right: 0; 402 margin-right: -35px; 403 bottom: 90px; 404 z-index: 10000; 405 } 406 407 .arrow:after { 408 z-index: 9999; 409 background-color: #fff; 410 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 411 } 412 413 .arrow.top { 414 top: -16px; 415 bottom: auto; 416 } 417 418 .arrow.left { 419 right: 20%; 420 } 421 422 .arrow:after { 423 content: ""; 424 position: absolute; 425 right: 20px; 426 top: -20px; 427 width: 25px; 428 height: 25px; 429 transform: rotate(-45deg); 430 } 431 432 .revisions-tooltip, 433 .revisions-tooltip-arrow:after { 434 border-width: 1px; 435 border-style: solid; 436 } 437 438 div.revisions-controls > .wp-slider > .ui-slider-handle { 439 margin-right: -10px; 440 } 441 442 .rtl div.revisions-controls > .wp-slider > .ui-slider-handle { 443 margin-left: -10px; 444 } 445 446 /* jQuery UI Slider */ 447 .wp-slider.ui-slider { 448 position: relative; 449 border: 1px solid #dcdcde; 450 text-align: right; 451 cursor: pointer; 452 } 453 454 .wp-slider .ui-slider-handle { 455 border-radius: 50%; 456 height: 18px; 457 margin-top: -5px; 458 outline: none; 459 padding: 2px; 460 position: absolute; 461 width: 18px; 462 z-index: 2; 463 touch-action: none; 464 } 465 466 .wp-slider .ui-slider-handle, 467 .wp-slider .ui-slider-handle.focus { 468 background: #f6f7f7; 469 border: 1px solid #c3c4c7; 470 box-shadow: 0 1px 0 #c3c4c7; 471 } 472 473 .wp-slider .ui-slider-handle:hover, 474 .wp-slider .ui-slider-handle.ui-state-hover { 475 background: #f6f7f7; 476 border-color: #8c8f94; 477 } 478 479 .wp-slider .ui-slider-handle:active, 480 .wp-slider .ui-slider-handle.ui-state-active { 481 background: #f0f0f1; 482 border-color: #8c8f94; 483 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); 484 transform: translateY(1px); 485 } 486 487 .wp-slider .ui-slider-handle:before { 488 background: none; 489 position: absolute; 490 top: 2px; 491 right: 2px; 492 color: #50575e; 493 content: "\f229"; 494 font: normal 18px/1 dashicons; 495 speak: never; 496 -webkit-font-smoothing: antialiased; 497 -moz-osx-font-smoothing: grayscale; 498 } 499 500 .wp-slider .ui-slider-handle:hover:before, 501 .wp-slider .ui-slider-handle.ui-state-hover:before { 502 color: #1d2327; 503 } 504 505 .wp-slider .ui-slider-handle.from-handle:before, 506 .wp-slider .ui-slider-handle.to-handle:before { 507 font-size: 20px !important; 508 margin: -1px -1px 0 0; 509 } 510 511 .wp-slider .ui-slider-handle.from-handle:before { 512 content: "\f141"; 513 } 514 515 .wp-slider .ui-slider-handle.to-handle:before { 516 content: "\f139"; 517 } 518 519 .rtl .wp-slider .ui-slider-handle.from-handle:before { 520 content: "\f139"; 521 } 522 523 .rtl .wp-slider .ui-slider-handle.to-handle:before { 524 content: "\f141"; 525 left: -1px; 526 } 527 528 .wp-slider .ui-slider-range { 529 position: absolute; 530 font-size: 0.7em; 531 display: block; 532 border: 0; 533 background-color: transparent; 534 background-image: none; 535 } 536 537 .wp-slider.ui-slider-horizontal { 538 height: 0.7em; 539 } 540 541 .wp-slider.ui-slider-horizontal .ui-slider-handle { 542 top: -.25em; 543 margin-right: -.6em; 544 } 545 546 .wp-slider.ui-slider-horizontal .ui-slider-range { 547 top: 0; 548 height: 100%; 549 } 550 551 .wp-slider.ui-slider-horizontal .ui-slider-range-min { 552 right: 0; 553 } 554 555 .wp-slider.ui-slider-horizontal .ui-slider-range-max { 556 left: 0; 557 } 558 559 /* =Media Queries 560 -------------------------------------------------------------- */ 561 562 /** 563 * HiDPI Displays 564 */ 565 @media print, 566 (-webkit-min-device-pixel-ratio: 1.25), 567 (min-resolution: 120dpi) { 568 .revision-tick.completed-false { 569 background-image: url(../images/spinner-2x.gif); 570 } 571 } 572 573 @media screen and (max-width: 782px) { 574 #diff-next-revision, 575 #diff-previous-revision { 576 margin-top: -1em; 577 } 578 579 .revisions-buttons { 580 overflow: hidden; 581 margin-bottom: 15px; 582 } 583 584 .revisions-controls, 585 .comparing-two-revisions .revisions-controls { 586 height: 170px; 587 } 588 589 .revisions-tooltip { 590 bottom: 130px; 591 z-index: 2; 592 } 593 594 .diff-meta { 595 overflow: hidden; 596 } 597 598 table.diff { 599 -ms-word-break: break-all; 600 word-break: break-all; 601 word-wrap: break-word; 602 } 603 604 .diff-meta input.restore-revision { 605 margin-top: 0; 606 } 607 }