[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      margin-top: 2px;
 314  }
 315  
 316  .diff-meta-from {
 317      display: none;
 318  }
 319  
 320  .comparing-two-revisions .diff-meta-from {
 321      display: block;
 322  }
 323  
 324  .revisions-tooltip {
 325      position: absolute;
 326      bottom: 105px;
 327      margin-left: 0;
 328      margin-right: -69px;
 329      z-index: 0;
 330      max-width: 350px;
 331      min-width: 130px;
 332      padding: 8px 4px;
 333      display: none;
 334      opacity: 0;
 335  }
 336  
 337  .revisions-tooltip.flipped {
 338      margin-right: 0;
 339      margin-left: -70px;
 340  }
 341  
 342  .revisions.pinned .revisions-tooltip {
 343      display: none !important;
 344  }
 345  
 346  .comparing-two-revisions .revisions-tooltip {
 347      bottom: 145px;
 348  }
 349  
 350  .revisions-tooltip-arrow {
 351      width: 70px;
 352      height: 15px;
 353      overflow: hidden;
 354      position: absolute;
 355      right: 0;
 356      margin-right: 35px;
 357      bottom: -15px;
 358  }
 359  
 360  .revisions-tooltip.flipped .revisions-tooltip-arrow {
 361      margin-right: 0;
 362      margin-left: 35px;
 363      right: auto;
 364      left: 0;
 365  }
 366  
 367  .revisions-tooltip-arrow > span {
 368      content: "";
 369      position: absolute;
 370      right: 20px;
 371      top: -20px;
 372      width: 25px;
 373      height: 25px;
 374      transform: rotate(-45deg);
 375  }
 376  
 377  .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
 378      right: auto;
 379      left: 20px;
 380  }
 381  
 382  .revisions-tooltip,
 383  .revisions-tooltip-arrow > span {
 384      border: 1px solid #dcdcde;
 385      background-color: #fff;
 386  }
 387  
 388  .revisions-tooltip {
 389      display: none;
 390  }
 391  
 392  .arrow {
 393      width: 70px;
 394      height: 16px;
 395      overflow: hidden;
 396      position: absolute;
 397      right: 0;
 398      margin-right: -35px;
 399      bottom: 90px;
 400      z-index: 10000;
 401  }
 402  
 403  .arrow:after {
 404      z-index: 9999;
 405      background-color: #fff;
 406      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 407  }
 408  
 409  .arrow.top {
 410      top: -16px;
 411      bottom: auto;
 412  }
 413  
 414  .arrow.left {
 415      right: 20%;
 416  }
 417  
 418  .arrow:after {
 419      content: "";
 420      position: absolute;
 421      right: 20px;
 422      top: -20px;
 423      width: 25px;
 424      height: 25px;
 425      transform: rotate(-45deg);
 426  }
 427  
 428  .revisions-tooltip,
 429  .revisions-tooltip-arrow:after {
 430      border-width: 1px;
 431      border-style: solid;
 432  }
 433  
 434  div.revisions-controls > .wp-slider > .ui-slider-handle {
 435      margin-right: -10px;
 436  }
 437  
 438  .rtl div.revisions-controls > .wp-slider > .ui-slider-handle {
 439      margin-left: -10px;
 440  }
 441  
 442  /* jQuery UI Slider */
 443  .wp-slider.ui-slider {
 444      position: relative;
 445      border: 1px solid #dcdcde;
 446      text-align: right;
 447      cursor: pointer;
 448  }
 449  
 450  .wp-slider .ui-slider-handle {
 451      border-radius: 50%;
 452      height: 18px;
 453      margin-top: -5px;
 454      outline: none;
 455      padding: 2px;
 456      position: absolute;
 457      width: 18px;
 458      z-index: 2;
 459      touch-action: none;
 460  }
 461  
 462  .wp-slider .ui-slider-handle {
 463      background: #f6f7f7;
 464      border: 1px solid #c3c4c7;
 465      box-shadow: 0 1px 0 #c3c4c7;
 466  }
 467  
 468  .wp-slider .ui-slider-handle:hover,
 469  .wp-slider .ui-slider-handle.ui-state-hover {
 470      background: #f6f7f7;
 471      border-color: #8c8f94;
 472  }
 473  
 474  .wp-slider .ui-slider-handle:active,
 475  .wp-slider .ui-slider-handle.ui-state-active {
 476      background: #f0f0f1;
 477      border-color: #8c8f94;
 478      box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 479      transform: translateY(1px);
 480  }
 481  
 482  .wp-slider .ui-slider-handle:focus,
 483  .wp-slider .ui-slider-handle.ui-state-focus {
 484      background: #f0f0f1;
 485      border-color: #8c8f94;
 486      box-shadow: 0 0 0 2px #2271b1;
 487      /* Only visible in Windows High Contrast mode */
 488      outline: 2px solid transparent;
 489  }
 490  
 491  .wp-slider .ui-slider-handle:before {
 492      background: none;
 493      position: absolute;
 494      top: 2px;
 495      right: 2px;
 496      color: #50575e;
 497      content: "\f229";
 498      font: normal 18px/1 dashicons;
 499      speak: never;
 500      -webkit-font-smoothing: antialiased;
 501      -moz-osx-font-smoothing: grayscale;
 502  }
 503  
 504  .wp-slider .ui-slider-handle:hover:before,
 505  .wp-slider .ui-slider-handle.ui-state-hover:before {
 506      color: #1d2327;
 507  }
 508  
 509  .wp-slider .ui-slider-handle.from-handle:before,
 510  .wp-slider .ui-slider-handle.to-handle:before {
 511      font-size: 20px !important;
 512      margin: -1px -1px 0 0;
 513  }
 514  
 515  .wp-slider .ui-slider-handle.from-handle:before {
 516      content: "\f141";
 517  }
 518  
 519  .wp-slider .ui-slider-handle.to-handle:before {
 520      content: "\f139";
 521  }
 522  
 523  .rtl .wp-slider .ui-slider-handle.from-handle:before {
 524      content: "\f139";
 525  }
 526  
 527  .rtl .wp-slider .ui-slider-handle.to-handle:before {
 528      content: "\f141";
 529      left: -1px;
 530  }
 531  
 532  .wp-slider .ui-slider-range {
 533      position: absolute;
 534      font-size: 0.7em;
 535      display: block;
 536      border: 0;
 537      background-color: transparent;
 538      background-image: none;
 539  }
 540  
 541  .wp-slider.ui-slider-horizontal {
 542      height: 0.7em;
 543  }
 544  
 545  .wp-slider.ui-slider-horizontal .ui-slider-handle {
 546      top: -.25em;
 547      margin-right: -.6em;
 548  }
 549  
 550  .wp-slider.ui-slider-horizontal .ui-slider-range {
 551      top: 0;
 552      height: 100%;
 553  }
 554  
 555  .wp-slider.ui-slider-horizontal .ui-slider-range-min {
 556      right: 0;
 557  }
 558  
 559  .wp-slider.ui-slider-horizontal .ui-slider-range-max {
 560      left: 0;
 561  }
 562  
 563  /* =Media Queries
 564  -------------------------------------------------------------- */
 565  
 566  /**
 567   * HiDPI Displays
 568   */
 569  @media print,
 570    (min-resolution: 120dpi) {
 571      .revision-tick.completed-false {
 572          background-image: url(../images/spinner-2x.gif);
 573      }
 574  }
 575  
 576  @media screen and (max-width: 782px) {
 577      #diff-next-revision,
 578      #diff-previous-revision {
 579          margin-top: -1em;
 580      }
 581  
 582      .revisions-buttons {
 583          overflow: hidden;
 584          margin-bottom: 15px;
 585      }
 586  
 587      .revisions-controls,
 588      .comparing-two-revisions .revisions-controls {
 589          height: 170px;
 590      }
 591  
 592      .revisions-tooltip {
 593          bottom: 130px;
 594          z-index: 2;
 595      }
 596  
 597      .diff-meta {
 598          overflow: hidden;
 599      }
 600  
 601      table.diff {
 602          -ms-word-break: break-all;
 603          word-break: break-all;
 604          word-wrap: break-word;
 605      }
 606  
 607      .diff-meta input.restore-revision {
 608          margin-top: 0;
 609      }
 610  }