[Summary view] [Print] [Text view]

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