[Summary view] [Print] [Text view]

   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 {
 191      table-layout: fixed;
 192      width: 100%;
 193      white-space: pre-wrap;
 194  }
 195  
 196  table.diff col.content {
 197      width: auto;
 198  }
 199  
 200  table.diff col.content.diffsplit {
 201      width: 48%;
 202  }
 203  
 204  table.diff col.diffsplit.middle {
 205      width: auto;
 206  }
 207  
 208  table.diff col.ltype {
 209      width: 30px;
 210  }
 211  
 212  table.diff tr {
 213      background-color: transparent;
 214  }
 215  
 216  table.diff td,
 217  table.diff th {
 218      font-family: Consolas, Monaco, monospace;
 219      font-size: 14px;
 220      line-height: 1.57142857;
 221      padding: 0.5em 2em 0.5em 0.5em;
 222      vertical-align: top;
 223      word-wrap: break-word;
 224  }
 225  
 226  table.diff td h1,
 227  table.diff td h2,
 228  table.diff td h3,
 229  table.diff td h4,
 230  table.diff td h5,
 231  table.diff td h6 {
 232      margin: 0;
 233  }
 234  
 235  table.diff .diff-deletedline del,
 236  table.diff .diff-addedline ins {
 237      text-decoration: none;
 238  }
 239  
 240  table.diff .diff-deletedline {
 241      position: relative;
 242      background-color: #fcf0f1;
 243  }
 244  
 245  table.diff .diff-deletedline del {
 246      background-color: #ffabaf;
 247  }
 248  
 249  table.diff .diff-addedline {
 250      position: relative;
 251      background-color: #edfaef;
 252  }
 253  
 254  table.diff .diff-deletedline .dashicons,
 255  table.diff .diff-addedline .dashicons {
 256      position: absolute;
 257      top: 0.85714286em;
 258      right: 0.5em;
 259      width: 1em;
 260      height: 1em;
 261      font-size: 1em;
 262      line-height: 1;
 263  }
 264  
 265  table.diff .diff-addedline .dashicons {
 266      /* Compensate the vertically non-centered plus glyph. */
 267      top: 0.92857143em;
 268  }
 269  
 270  table.diff .diff-addedline ins {
 271      background-color: #68de7c;
 272  }
 273  
 274  .diff-meta {
 275      padding: 5px;
 276      clear: both;
 277      min-height: 32px;
 278  }
 279  
 280  .diff-title strong {
 281      line-height: 2.46153846;
 282      min-width: 60px;
 283      text-align: left;
 284      float: right;
 285      margin-left: 5px;
 286  }
 287  
 288  .revisions-controls .author-card .author-info {
 289      font-size: 12px;
 290      line-height: 1.33333333;
 291  }
 292  
 293  .revisions-controls .author-card .avatar,
 294  .revisions-controls .author-card .author-info {
 295      float: right;
 296      margin-right: 6px;
 297      margin-left: 6px;
 298  }
 299  
 300  .revisions-controls .author-card .byline {
 301      display: block;
 302      font-size: 12px;
 303  }
 304  
 305  .revisions-controls .author-card .avatar {
 306      vertical-align: middle;
 307  }
 308  
 309  .diff-meta input.restore-revision {
 310      float: left;
 311      margin-right: 6px;
 312      margin-left: 6px;
 313  }
 314  
 315  .diff-meta-from {
 316      display: none;
 317  }
 318  
 319  .comparing-two-revisions .diff-meta-from {
 320      display: block;
 321  }
 322  
 323  .revisions-tooltip {
 324      position: absolute;
 325      bottom: 105px;
 326      margin-left: 0;
 327      margin-right: -69px;
 328      z-index: 0;
 329      max-width: 350px;
 330      min-width: 130px;
 331      padding: 8px 4px;
 332      display: none;
 333      opacity: 0;
 334  }
 335  
 336  .revisions-tooltip.flipped {
 337      margin-right: 0;
 338      margin-left: -70px;
 339  }
 340  
 341  .revisions.pinned .revisions-tooltip {
 342      display: none !important;
 343  }
 344  
 345  .comparing-two-revisions .revisions-tooltip {
 346      bottom: 145px;
 347  }
 348  
 349  .revisions-tooltip-arrow {
 350      width: 70px;
 351      height: 15px;
 352      overflow: hidden;
 353      position: absolute;
 354      right: 0;
 355      margin-right: 35px;
 356      bottom: -15px;
 357  }
 358  
 359  .revisions-tooltip.flipped .revisions-tooltip-arrow {
 360      margin-right: 0;
 361      margin-left: 35px;
 362      right: auto;
 363      left: 0;
 364  }
 365  
 366  .revisions-tooltip-arrow > span {
 367      content: "";
 368      position: absolute;
 369      right: 20px;
 370      top: -20px;
 371      width: 25px;
 372      height: 25px;
 373      transform: rotate(-45deg);
 374  }
 375  
 376  .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
 377      right: auto;
 378      left: 20px;
 379  }
 380  
 381  .revisions-tooltip,
 382  .revisions-tooltip-arrow > span {
 383      border: 1px solid #dcdcde;
 384      background-color: #fff;
 385  }
 386  
 387  .revisions-tooltip {
 388      display: none;
 389  }
 390  
 391  .arrow {
 392      width: 70px;
 393      height: 16px;
 394      overflow: hidden;
 395      position: absolute;
 396      right: 0;
 397      margin-right: -35px;
 398      bottom: 90px;
 399      z-index: 10000;
 400  }
 401  
 402  .arrow:after {
 403      z-index: 9999;
 404      background-color: #fff;
 405      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 406  }
 407  
 408  .arrow.top {
 409      top: -16px;
 410      bottom: auto;
 411  }
 412  
 413  .arrow.left {
 414      right: 20%;
 415  }
 416  
 417  .arrow:after {
 418      content: "";
 419      position: absolute;
 420      right: 20px;
 421      top: -20px;
 422      width: 25px;
 423      height: 25px;
 424      transform: rotate(-45deg);
 425  }
 426  
 427  .revisions-tooltip,
 428  .revisions-tooltip-arrow:after {
 429      border-width: 1px;
 430      border-style: solid;
 431  }
 432  
 433  div.revisions-controls > .wp-slider > .ui-slider-handle {
 434      margin-right: -10px;
 435  }
 436  
 437  .rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
 438      margin-left: -10px;
 439  }
 440  
 441  /* jQuery UI Slider */
 442  .wp-slider.ui-slider {
 443      position: relative;
 444      border: 1px solid #dcdcde;
 445      text-align: right;
 446      cursor: pointer;
 447  }
 448  
 449  .wp-slider .ui-slider-handle {
 450      border-radius: 50%;
 451      height: 18px;
 452      margin-top: -5px;
 453      outline: none;
 454      padding: 2px;
 455      position: absolute;
 456      width: 18px;
 457      z-index: 2;
 458      touch-action: none;
 459  }
 460  
 461  .wp-slider .ui-slider-handle {
 462      background: #f6f7f7;
 463      border: 1px solid #c3c4c7;
 464      box-shadow: 0 1px 0 #c3c4c7;
 465  }
 466  
 467  .wp-slider .ui-slider-handle:hover,
 468  .wp-slider .ui-slider-handle.ui-state-hover {
 469      background: #f6f7f7;
 470      border-color: #8c8f94;
 471  }
 472  
 473  .wp-slider .ui-slider-handle:active,
 474  .wp-slider .ui-slider-handle.ui-state-active {
 475      background: #f0f0f1;
 476      border-color: #8c8f94;
 477      box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 478      transform: translateY(1px);
 479  }
 480  
 481  .wp-slider .ui-slider-handle:focus,
 482  .wp-slider .ui-slider-handle.ui-state-focus {
 483      background: #f0f0f1;
 484      border-color: #8c8f94;
 485      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 486      /* Only visible in Windows High Contrast mode */
 487      outline: 2px solid transparent;
 488  }
 489  
 490  .wp-slider .ui-slider-handle:before {
 491      background: none;
 492      position: absolute;
 493      top: 2px;
 494      right: 2px;
 495      color: #50575e;
 496      content: "\f229";
 497      content: "\f229" / '';
 498      font: normal 18px/1 dashicons;
 499      -webkit-font-smoothing: antialiased;
 500      -moz-osx-font-smoothing: grayscale;
 501  }
 502  
 503  .wp-slider .ui-slider-handle:hover:before,
 504  .wp-slider .ui-slider-handle.ui-state-hover:before {
 505      color: #1d2327;
 506  }
 507  
 508  .wp-slider .ui-slider-handle.from-handle:before,
 509  .wp-slider .ui-slider-handle.to-handle:before {
 510      font-size: 20px !important;
 511      margin: -1px -1px 0 0;
 512  }
 513  
 514  .wp-slider .ui-slider-handle.from-handle:before {
 515      content: "\f141";
 516      content: "\f139" / '';
 517  }
 518  
 519  .wp-slider .ui-slider-handle.to-handle:before {
 520      content: "\f139";
 521      content: "\f141" / '';
 522  }
 523  
 524  .rtl .wp-slider .ui-slider-handle.from-handle:before {
 525      content: "\f139";
 526      content: "\f141" / '';
 527  }
 528  
 529  .rtl .wp-slider .ui-slider-handle.to-handle:before {
 530      content: "\f141";
 531      content: "\f139" / '';
 532      left: -1px;
 533  }
 534  
 535  .wp-slider .ui-slider-range {
 536      position: absolute;
 537      font-size: 0.7em;
 538      display: block;
 539      border: 0;
 540      background-color: transparent;
 541      background-image: none;
 542  }
 543  
 544  .wp-slider.ui-slider-horizontal {
 545      height: 0.7em;
 546  }
 547  
 548  .wp-slider.ui-slider-horizontal .ui-slider-handle {
 549      top: -.25em;
 550      margin-right: -.6em;
 551  }
 552  
 553  .wp-slider.ui-slider-horizontal .ui-slider-range {
 554      top: 0;
 555      height: 100%;
 556  }
 557  
 558  .wp-slider.ui-slider-horizontal .ui-slider-range-min {
 559      right: 0;
 560  }
 561  
 562  .wp-slider.ui-slider-horizontal .ui-slider-range-max {
 563      left: 0;
 564  }
 565  
 566  /* =Media Queries
 567  -------------------------------------------------------------- */
 568  
 569  /**
 570   * HiDPI Displays
 571   */
 572  @media print,
 573    (min-resolution: 120dpi) {
 574      .revision-tick.completed-false {
 575          background-image: url(../images/spinner-2x.gif);
 576      }
 577  }
 578  
 579  @media screen and (max-width: 600px) {
 580      .revisions-meta .author-card:not(.comparing-two-revisions .author-card) {
 581          display: flex;
 582          flex-direction: column;
 583          width: fit-content;
 584          gap: 16px;
 585      }
 586  
 587      .comparing-two-revisions .revisions-meta .restore-revision {
 588          margin-top: 16px;
 589      }
 590  
 591      .revisions-controls {
 592          padding-top: 0;
 593      }
 594  
 595      .revision-toggle-compare-mode {
 596          position: relative;
 597          padding: 1rem 0;
 598      }
 599  }
 600  
 601  @media screen and (max-width: 782px) {
 602      #diff-next-revision,
 603      #diff-previous-revision {
 604          margin-top: -1em;
 605      }
 606  
 607      .revisions-buttons {
 608          overflow: hidden;
 609          margin-bottom: 15px;
 610      }
 611  
 612      .revisions-controls,
 613      .comparing-two-revisions .revisions-controls {
 614          height: fit-content;
 615      }
 616  
 617      .revisions-tooltip {
 618          bottom: 155px;
 619          z-index: 2;
 620      }
 621  
 622      .comparing-two-revisions .revisions-tooltip {
 623          bottom: 200px;
 624      }
 625  
 626      .diff-meta {
 627          overflow: hidden;
 628      }
 629  
 630      table.diff {
 631          -ms-word-break: break-all;
 632          word-break: break-all;
 633          word-wrap: break-word;
 634      }
 635  }