[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

title

Body

[close]

/wp-admin/css/ -> revisions.css (source)

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


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7