[ Index ]

WordPress 5.4.1

[ Index ]     [ Classes ]     [ Functions ]     [ Variables ]     [ Constants ]     [ Statistics ]    

title

Body

[close]

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

   1  /*------------------------------------------------------------------------------
   2    14.0 - Media Screen
   3  ------------------------------------------------------------------------------*/
   4  
   5  .media-item .describe {
   6      border-collapse: collapse;
   7      width: 100%;
   8      border-top: 1px solid #ddd;
   9      clear: both;
  10      cursor: default;
  11  }
  12  
  13  .media-item.media-blank .describe {
  14      border: 0;
  15  }
  16  
  17  .media-item .describe th {
  18      vertical-align: top;
  19      text-align: left;
  20      padding: 5px 10px 10px;
  21      width: 140px;
  22  }
  23  
  24  .media-item .describe .align th {
  25      padding-top: 0;
  26  }
  27  
  28  .media-item .media-item-info tr {
  29      background-color: transparent;
  30  }
  31  
  32  .media-item .describe td {
  33      padding: 0 8px 8px 0;
  34      vertical-align: top;
  35  }
  36  
  37  .media-item thead.media-item-info td {
  38      padding: 4px 10px 0;
  39  }
  40  
  41  .media-item .media-item-info .A1B1 {
  42      padding: 0 0 0 10px;
  43  }
  44  
  45  .media-item td.savesend {
  46      padding-bottom: 15px;
  47  }
  48  
  49  .media-item .thumbnail {
  50      max-height: 128px;
  51      max-width: 128px;
  52  }
  53  
  54  #wpbody-content #async-upload-wrap a {
  55      display: none;
  56  }
  57  
  58  .media-upload-form {
  59      margin-top: 20px;
  60  }
  61  
  62  .media-upload-form td label {
  63      margin-right: 6px;
  64      margin-left: 2px;
  65  }
  66  
  67  .media-upload-form .align .field label {
  68      display: inline;
  69      padding: 0 0 0 23px;
  70      margin: 0 1em 0 3px;
  71      font-weight: 600;
  72  }
  73  
  74  .media-upload-form tr.image-size label {
  75      margin: 0 0 0 5px;
  76      font-weight: 600;
  77  }
  78  
  79  .media-upload-form th.label label {
  80      font-weight: 600;
  81      margin: 0.5em;
  82      font-size: 13px;
  83  }
  84  
  85  .media-upload-form th.label label span {
  86      padding: 0 5px;
  87  }
  88  
  89  .media-item .describe input[type="text"],
  90  .media-item .describe textarea {
  91      width: 460px;
  92  }
  93  
  94  .media-item .describe p.help {
  95      margin: 0;
  96      padding: 0 0 0 5px;
  97  }
  98  
  99  .media-item .edit-attachment,
 100  .describe-toggle-on,
 101  .describe-toggle-off {
 102      display: block;
 103      line-height: 2.76923076;
 104      float: right;
 105      margin-right: 10px;
 106  }
 107  
 108  .media-item .describe-toggle-off,
 109  .media-item.open .describe-toggle-on {
 110      display: none;
 111  }
 112  
 113  .media-item.open .describe-toggle-off {
 114      display: block;
 115  }
 116  
 117  .media-upload-form .media-item {
 118      min-height: 36px;
 119      margin-bottom: 1px;
 120      position: relative;
 121      width: 100%;
 122      background: #fff;
 123  }
 124  
 125  .media-upload-form .media-item,
 126  .media-upload-form .media-item .error {
 127      box-shadow: 0 1px 0 #ddd;
 128  }
 129  
 130  #media-items:empty {
 131      border: 0 none;
 132  }
 133  
 134  .media-item .filename {
 135      line-height: 2.76923076;
 136      overflow: hidden;
 137      margin-left: 6px;
 138  }
 139  
 140  .media-item .pinkynail {
 141      float: left;
 142      margin: 2px 10px 0 3px;
 143      max-width: 40px;
 144      max-height: 32px;
 145  }
 146  
 147  .media-item .startopen,
 148  .media-item .startclosed {
 149      display: none;
 150  }
 151  
 152  .media-item .original {
 153      position: relative;
 154      height: 34px;
 155  }
 156  
 157  .media-item .progress {
 158      float: right;
 159      height: 22px;
 160      margin: 7px 6px;
 161      width: 200px;
 162      line-height: 2em;
 163      padding: 0;
 164      overflow: hidden;
 165      border-radius: 22px;
 166      background: #ddd;
 167      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 168  }
 169  
 170  .media-item .bar {
 171      z-index: 9;
 172      width: 0;
 173      height: 100%;
 174      margin-top: -22px;
 175      border-radius: 22px;
 176      background-color: #0073aa;
 177      box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
 178  }
 179  
 180  .media-item .progress .percent {
 181      z-index: 10;
 182      position: relative;
 183      width: 200px;
 184      padding: 0;
 185      color: #fff;
 186      text-align: center;
 187      line-height: 22px;
 188      font-weight: 400;
 189      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 190  }
 191  
 192  .upload-php .fixed .column-parent {
 193      width: 15%;
 194  }
 195  
 196  .js .html-uploader #plupload-upload-ui {
 197      display: none;
 198  }
 199  
 200  .js .html-uploader #html-upload-ui {
 201      display: block;
 202  }
 203  
 204  .media-upload-form .media-item.error,
 205  .media-upload-form .media-item .error {
 206      width: auto;
 207      margin: 0 0 1px 0;
 208  }
 209  
 210  .media-upload-form .media-item .error {
 211      padding: 10px 0 10px 14px;
 212  }
 213  
 214  .media-item .error-div button.dismiss {
 215      float: right;
 216      margin: 0 10px 0 15px;
 217  }
 218  
 219  /*------------------------------------------------------------------------------
 220    14.1 - Media Library
 221  ------------------------------------------------------------------------------*/
 222  
 223  .find-box {
 224      background-color: #fff;
 225      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
 226      width: 600px;
 227      overflow: hidden;
 228      margin-left: -300px;
 229      position: fixed;
 230      top: 30px;
 231      bottom: 30px;
 232      left: 50%;
 233      z-index: 100105;
 234  }
 235  
 236  .find-box-head {
 237      background: #fcfcfc;
 238      border-bottom: 1px solid #ddd;
 239      height: 36px;
 240      font-size: 18px;
 241      font-weight: 600;
 242      line-height: 2;
 243      padding: 0 36px 0 16px;
 244      position: absolute;
 245      top: 0;
 246      left: 0;
 247      right: 0;
 248  }
 249  
 250  .find-box-inside {
 251      overflow: auto;
 252      padding: 16px;
 253      background-color: #fff;
 254      position: absolute;
 255      top: 37px;
 256      bottom: 45px;
 257      overflow-y: scroll;
 258      width: 100%;
 259      box-sizing: border-box;
 260  }
 261  
 262  .find-box-search {
 263      padding-bottom: 16px;
 264  }
 265  
 266  .find-box-search .spinner {
 267      float: none;
 268      left: 105px;
 269      position: absolute;
 270  }
 271  
 272  .find-box-search,
 273  #find-posts-response {
 274      position: relative; /* RTL fix, #WP28010 */
 275  }
 276  
 277  #find-posts-input,
 278  #find-posts-search {
 279      float: left;
 280  }
 281  
 282  #find-posts-input {
 283      width: 140px;
 284      height: 28px;
 285      margin: 0 4px 0 0;
 286  }
 287  
 288  .widefat .found-radio {
 289      padding-right: 0;
 290      width: 16px;
 291  }
 292  
 293  #find-posts-close {
 294      width: 36px;
 295      height: 36px;
 296      border: none;
 297      padding: 0;
 298      position: absolute;
 299      top: 0;
 300      right: 0;
 301      cursor: pointer;
 302      text-align: center;
 303      background: none;
 304      color: #666;
 305  }
 306  
 307  #find-posts-close:hover,
 308  #find-posts-close:focus {
 309      color: #00a0d2;
 310  }
 311  
 312  #find-posts-close:focus {
 313      box-shadow:
 314          0 0 0 1px #5b9dd9,
 315          0 0 2px 1px rgba(30, 140, 190, 0.8);
 316      /* Only visible in Windows High Contrast mode */
 317      outline: 2px solid transparent;
 318      outline-offset: -2px;
 319  }
 320  
 321  #find-posts-close:before {
 322      font: normal 20px/36px dashicons;
 323      vertical-align: top;
 324      speak: none;
 325      -webkit-font-smoothing: antialiased;
 326      -moz-osx-font-smoothing: grayscale;
 327      content: "\f158";
 328  }
 329  
 330  .find-box-buttons {
 331      padding: 8px 16px;
 332      background: #fcfcfc;
 333      border-top: 1px solid #ddd;
 334      position: absolute;
 335      bottom: 0;
 336      left: 0;
 337      right: 0;
 338  }
 339  
 340  @media screen and (max-width: 782px) {
 341      .find-box-inside {
 342          bottom: 57px;
 343      }
 344  }
 345  
 346  @media screen and (max-width: 660px) {
 347  
 348      .find-box {
 349          top: 0;
 350          bottom: 0;
 351          left: 0;
 352          right: 0;
 353          margin: 0;
 354          width: 100%;
 355      }
 356  
 357  }
 358  
 359  .ui-find-overlay {
 360      position: fixed;
 361      top: 0;
 362      left: 0;
 363      right: 0;
 364      bottom: 0;
 365      background: #000;
 366      opacity: 0.7;
 367      filter: alpha(opacity=70);
 368      z-index: 100100;
 369  }
 370  
 371  .drag-drop #drag-drop-area {
 372      border: 4px dashed #b4b9be;
 373      height: 200px;
 374  }
 375  
 376  .drag-drop .drag-drop-inside {
 377      margin: 60px auto 0;
 378      width: 250px;
 379  }
 380  
 381  .drag-drop-inside p {
 382      font-size: 14px;
 383      margin: 5px 0;
 384      display: none;
 385  }
 386  
 387  .drag-drop .drag-drop-inside p {
 388      text-align: center;
 389  }
 390  
 391  .drag-drop-inside p.drag-drop-info {
 392      font-size: 20px;
 393  }
 394  
 395  .drag-drop .drag-drop-inside p,
 396  .drag-drop-inside p.drag-drop-buttons {
 397      display: block;
 398  }
 399  
 400  /*
 401  #drag-drop-area:-moz-drag-over {
 402      border-color: #83b4d8;
 403  }
 404  border color while dragging a file over the uploader drop area */
 405  .drag-drop.drag-over #drag-drop-area {
 406      border-color: #83b4d8;
 407  }
 408  
 409  #plupload-upload-ui {
 410      position: relative;
 411  }
 412  
 413  /**
 414   * Media Library grid view
 415   */
 416  
 417  .media-frame.mode-grid,
 418  .media-frame.mode-grid .media-frame-content,
 419  .media-frame.mode-grid .attachments-browser .attachments,
 420  .media-frame.mode-grid .uploader-inline-content {
 421      position: static;
 422  }
 423  
 424  /* Regions we don't use at all */
 425  .media-frame.mode-grid .media-frame-title,
 426  .media-frame.mode-grid .media-frame-router,
 427  .media-frame.mode-grid .media-frame-menu {
 428      display: none;
 429  }
 430  
 431  .media-frame.mode-grid .media-frame-content {
 432      background-color: transparent;
 433      border: none;
 434  }
 435  
 436  .upload-php .mode-grid .media-sidebar {
 437      position: relative;
 438      width: auto;
 439      margin-top: 12px;
 440      padding: 0 16px;
 441      border-left: 4px solid #dd3d36;
 442      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 443      background-color: #fff;
 444  }
 445  
 446  .upload-php .mode-grid .hide-sidebar .media-sidebar {
 447      display: none;
 448  }
 449  
 450  .upload-php .mode-grid .media-sidebar .media-uploader-status {
 451      border-bottom: none;
 452      padding-bottom: 0;
 453      max-width: 100%;
 454  }
 455  
 456  .upload-php .mode-grid .media-sidebar .upload-error {
 457      margin: 12px 0;
 458      padding: 4px 0 0;
 459      border: none;
 460      box-shadow: none;
 461      background: none;
 462  }
 463  
 464  .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
 465      top: -10px;
 466      right: -14px;
 467      padding: 10px;
 468  }
 469  
 470  .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
 471      content: "\f153";
 472      display: block;
 473      font: normal 16px/1 dashicons;
 474      color: #72777c;
 475  }
 476  
 477  .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
 478  .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
 479      color: #c00;
 480  }
 481  
 482  .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
 483      display: none;
 484  }
 485  
 486  .media-frame.mode-grid .uploader-inline {
 487      position: relative;
 488      top: auto;
 489      right: auto;
 490      left: auto;
 491      bottom: auto;
 492      padding-top: 0;
 493      margin-top: 20px;
 494      border: 4px dashed #b4b9be;
 495  }
 496  
 497  .media-frame.mode-select .attachments-browser.fixed .attachments {
 498      position: relative;
 499      top: 94px; /* prevent jumping up when the toolbar becomes fixed */
 500      padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
 501  }
 502  
 503  .media-frame.mode-grid .attachment:focus,
 504  .media-frame.mode-grid .selected.attachment:focus,
 505  .media-frame.mode-grid .attachment.details:focus {
 506      box-shadow:
 507          inset 0 0 2px 3px #f1f1f1,
 508          inset 0 0 0 7px #5b9dd9;
 509      /* Only visible in Windows High Contrast mode */
 510      outline: 2px solid transparent;
 511      outline-offset: -6px;
 512  }
 513  
 514  .media-frame.mode-grid .selected.attachment {
 515      box-shadow:
 516          inset 0 0 0 5px #f1f1f1,
 517          inset 0 0 0 7px #ccc;
 518  }
 519  
 520  .media-frame.mode-grid .attachment.details {
 521      box-shadow:
 522          inset 0 0 0 3px #f1f1f1,
 523          inset 0 0 0 7px #1e8cbe;
 524  }
 525  
 526  .media-frame.mode-grid.mode-select .attachment .thumbnail {
 527      opacity: 0.65;
 528  }
 529  
 530  .media-frame.mode-select .attachment.selected .thumbnail {
 531      opacity: 1;
 532  }
 533  
 534  .media-frame.mode-grid .media-toolbar {
 535      margin-bottom: 15px;
 536      height: auto;
 537  }
 538  
 539  .media-frame.mode-grid .media-toolbar select {
 540      margin: 0 10px 0 0;
 541  }
 542  
 543  .media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
 544      margin: 0 8px 0 0;
 545      vertical-align: middle;
 546  }
 547  
 548  .media-frame.mode-grid .attachments-browser .bulk-select {
 549      display: inline-block;
 550      margin: 0 10px 0 0;
 551  }
 552  
 553  .media-frame.mode-grid .search {
 554      margin-top: 0;
 555  }
 556  
 557  .media-search-input-label {
 558      margin: 0 .2em 0 0;
 559      vertical-align: baseline;
 560  }
 561  
 562  .media-frame.mode-grid .media-search-input-label {
 563      position: static;
 564      margin: 0 .5em 0 0;
 565  }
 566  
 567  .attachments-browser .media-toolbar-secondary > .media-button {
 568      margin-right: 10px;
 569  }
 570  
 571  .media-frame.mode-select .attachments-browser.fixed .media-toolbar {
 572      position: fixed;
 573      top: 32px;
 574      left: auto;
 575      right: 20px;
 576      margin-top: 0;
 577  }
 578  
 579  .media-frame.mode-grid .attachments-browser {
 580      padding: 0;
 581  }
 582  
 583  .media-frame.mode-grid .attachments-browser .attachments {
 584      padding: 2px;
 585  }
 586  
 587  .media-frame.mode-grid .attachments-browser .no-media {
 588      color: #666; /* same as no plugins and no themes */
 589      font-size: 18px;
 590      font-style: normal;
 591      margin: 0;
 592      padding: 100px 0 0;
 593      text-align: center;
 594  }
 595  
 596  /**
 597   * Attachment details modal
 598   */
 599  
 600  .edit-attachment-frame {
 601      display: block;
 602      height: 100%;
 603      width: 100%;
 604  }
 605  
 606  .edit-attachment-frame .edit-media-header {
 607      overflow: hidden;
 608  }
 609  
 610  .upload-php .media-modal-close .media-modal-icon:before {
 611      content: "\f335";
 612      font-size: 22px;
 613  }
 614  
 615  .upload-php .media-modal-close,
 616  .edit-attachment-frame .edit-media-header .left,
 617  .edit-attachment-frame .edit-media-header .right {
 618      cursor: pointer;
 619      color: #72777c;
 620      background-color: transparent;
 621      height: 50px;
 622      width: 50px;
 623      padding: 0;
 624      position: absolute;
 625      text-align: center;
 626      border: 0;
 627      border-left: 1px solid #ddd;
 628      transition: color .1s ease-in-out, background .1s ease-in-out;
 629  }
 630  
 631  .upload-php .media-modal-close {
 632      top: 0;
 633      right: 0;
 634  }
 635  
 636  .edit-attachment-frame .edit-media-header .left {
 637      right: 102px;
 638  }
 639  
 640  .edit-attachment-frame .edit-media-header .right {
 641      right: 51px;
 642  }
 643  
 644  .edit-attachment-frame .media-frame-title {
 645      left: 0;
 646      right: 150px; /* leave space for prev/next/close */
 647  }
 648  
 649  .edit-attachment-frame .edit-media-header .right:before,
 650  .edit-attachment-frame .edit-media-header .left:before {
 651      font: normal 20px/50px dashicons !important;
 652      display: inline;
 653      font-weight: 300;
 654  }
 655  
 656  .upload-php .media-modal-close:hover,
 657  .upload-php .media-modal-close:focus,
 658  .edit-attachment-frame .edit-media-header .left:hover,
 659  .edit-attachment-frame .edit-media-header .right:hover,
 660  .edit-attachment-frame .edit-media-header .left:focus,
 661  .edit-attachment-frame .edit-media-header .right:focus {
 662      background: #ddd;
 663      border-color: #ccc;
 664      color: #000;
 665      outline: none;
 666      box-shadow: none;
 667  }
 668  
 669  .upload-php .media-modal-close:focus,
 670  .edit-attachment-frame .edit-media-header .left:focus,
 671  .edit-attachment-frame .edit-media-header .right:focus {
 672      /* Only visible in Windows High Contrast mode */
 673      outline: 2px solid transparent;
 674      outline-offset: -2px;
 675  }
 676  
 677  .upload-php .media-modal-close:focus .media-modal-icon:before,
 678  .upload-php .media-modal-close:hover .media-modal-icon:before {
 679      color: #000;
 680  }
 681  
 682  .edit-attachment-frame .edit-media-header .left:before {
 683      content: "\f341";
 684  }
 685  
 686  .edit-attachment-frame .edit-media-header .right:before {
 687      content: "\f345";
 688  }
 689  
 690  .edit-attachment-frame .edit-media-header [disabled],
 691  .edit-attachment-frame .edit-media-header [disabled]:hover {
 692      color: #ccc;
 693      background: inherit;
 694      cursor: default;
 695  }
 696  
 697  .edit-attachment-frame .media-frame-content,
 698  .edit-attachment-frame .media-frame-router {
 699      left: 0;
 700  }
 701  
 702  .edit-attachment-frame .media-frame-content {
 703      border-bottom: none;
 704      bottom: 0;
 705      top: 50px;
 706  }
 707  
 708  .edit-attachment-frame .attachment-details {
 709      position: absolute;
 710      overflow: auto;
 711      top: 0;
 712      bottom: 0;
 713      right: 0;
 714      left: 0;
 715      box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.1);
 716  }
 717  
 718  .edit-attachment-frame .attachment-media-view {
 719      float: left;
 720      width: 65%;
 721      height: 100%;
 722  }
 723  
 724  .edit-attachment-frame .attachment-media-view .thumbnail {
 725      box-sizing: border-box;
 726      padding: 16px;
 727      height: 100%;
 728  }
 729  
 730  .edit-attachment-frame .attachment-media-view .details-image {
 731      display: block;
 732      margin: 0 auto 16px;
 733      max-width: 100%;
 734      max-height: 90%;
 735      max-height: calc( 100% - 42px ); /* leave space for actions underneath */
 736      background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
 737      background-position: 0 0, 10px 10px;
 738      background-size: 20px 20px;
 739  }
 740  
 741  .edit-attachment-frame .attachment-media-view .details-image.icon {
 742      background: none;
 743  }
 744  
 745  .edit-attachment-frame .attachment-media-view .attachment-actions {
 746      text-align: center;
 747  }
 748  
 749  .edit-attachment-frame .wp-media-wrapper {
 750      margin-bottom: 12px;
 751  }
 752  
 753  .edit-attachment-frame input,
 754  .edit-attachment-frame textarea {
 755      padding: 6px 8px;
 756      line-height: 1.14285714;
 757  }
 758  
 759  .edit-attachment-frame .attachment-info {
 760      overflow: auto;
 761      box-sizing: border-box;
 762      margin-bottom: 0;
 763      padding: 12px 16px 0;
 764      width: 35%;
 765      height: 100%;
 766      box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.1);
 767      border-bottom: 0;
 768      border-left: 1px solid #ddd;
 769      background: #f3f3f3;
 770  }
 771  
 772  .edit-attachment-frame .attachment-info .details,
 773  .edit-attachment-frame .attachment-info .settings {
 774      position: relative; /* RTL fix, #WP29352 */
 775      overflow: hidden;
 776      float: none;
 777      margin-bottom: 15px;
 778      padding-bottom: 15px;
 779      border-bottom: 1px solid #ddd;
 780  }
 781  
 782  .edit-attachment-frame .attachment-info .filename {
 783      font-weight: 400;
 784      color: #666;
 785  }
 786  
 787  .edit-attachment-frame .attachment-info .thumbnail {
 788      margin-bottom: 12px;
 789  }
 790  
 791  .attachment-info .actions {
 792      margin-bottom: 16px;
 793  }
 794  
 795  .attachment-info .actions a {
 796      display: inline;
 797      text-decoration: none;
 798  }
 799  
 800  
 801  /*------------------------------------------------------------------------------
 802    14.2 - Image Editor
 803  ------------------------------------------------------------------------------*/
 804  .wp_attachment_details .attachment-alt-text {
 805      margin-bottom: 5px;
 806  }
 807  
 808  .wp_attachment_details .attachment-alt-text-description {
 809      margin-top: 5px;
 810  }
 811  
 812  .wp_attachment_details label[for="content"] {
 813      font-size: 13px;
 814      line-height: 1.5;
 815      margin: 1em 0;
 816  }
 817  
 818  .wp_attachment_details #attachment_caption {
 819      height: 4em;
 820  }
 821  
 822  .describe .image-editor {
 823      vertical-align: top;
 824  }
 825  
 826  .imgedit-wrap {
 827      position: relative;
 828      padding-top: 10px;
 829  }
 830  
 831  .imgedit-settings p,
 832  .imgedit-settings fieldset {
 833      margin: 8px 0;
 834  }
 835  
 836  .imgedit-settings legend {
 837      margin-bottom: 5px;
 838  }
 839  
 840  .describe .imgedit-wrap .imgedit-settings {
 841      padding: 0 5px;
 842  }
 843  
 844  .wp_attachment_holder div.updated {
 845      margin-top: 0;
 846  }
 847  
 848  .wp_attachment_holder .imgedit-wrap > div {
 849      height: auto;
 850  }
 851  
 852  .wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
 853      float: left;
 854      padding: 3px 16px 0 0;
 855      min-width: 400px;
 856      max-width: calc( 100% - 266px );
 857  }
 858  
 859  .wp_attachment_holder .imgedit-wrap .imgedit-settings {
 860      float: right;
 861      width: 250px;
 862  }
 863  
 864  .imgedit-settings input {
 865      margin-top: 0;
 866      vertical-align: middle;
 867  }
 868  
 869  .imgedit-wait {
 870      position: absolute;
 871      top: 0;
 872      bottom: 0;
 873      width: 100%;
 874      background: #fff;
 875      opacity: 0.7;
 876      filter: alpha(opacity=70);
 877      display: none;
 878  }
 879  
 880  .imgedit-wait:before {
 881      content: "";
 882      display: block;
 883      width: 20px;
 884      height: 20px;
 885      position: absolute;
 886      left: 50%;
 887      top: 50%;
 888      margin: -10px 0 0 -10px;
 889      background: transparent url(../images/spinner.gif) no-repeat center;
 890      background-size: 20px 20px;
 891      transform: translateZ(0);
 892  }
 893  
 894  .no-float {
 895      float: none;
 896  }
 897  
 898  .media-disabled,
 899  .imgedit-settings .disabled {
 900      /* WCAG 1.4.3 Text or images of text that are part of an inactive user
 901         interface component ... have no contrast requirement. */
 902      color: #a0a5aa;
 903  }
 904  
 905  .A1B1 {
 906      overflow: hidden;
 907  }
 908  
 909  .wp_attachment_image .button,
 910  .A1B1 .button {
 911      float: left;
 912  }
 913  
 914  .no-js .wp_attachment_image .button {
 915      display: none;
 916  }
 917  
 918  .wp_attachment_image .spinner,
 919  .A1B1 .spinner {
 920      float: left;
 921  }
 922  
 923  .imgedit-menu {
 924      margin: 0 0 12px;
 925  }
 926  
 927  .imgedit-menu .note-no-rotate {
 928      clear: both;
 929      margin: 0;
 930      padding: 1em 0 0;
 931  }
 932  
 933  .image-editor .imgedit-menu .button {
 934      display: inline-block;
 935      width: auto;
 936      min-height: 28px;
 937      font-size: 13px;
 938      line-height: 2;
 939      margin: 0 8px 8px 0;
 940      padding: 0 10px;
 941  }
 942  
 943  .imgedit-menu .button:before {
 944      font: normal 16px/1 dashicons;
 945      margin-right: 8px;
 946      speak: none;
 947      vertical-align: middle;
 948      position: relative;
 949      top: -2px;
 950      -webkit-font-smoothing: antialiased;
 951      -moz-osx-font-smoothing: grayscale;
 952  }
 953  
 954  .imgedit-menu .button.disabled {
 955      color: #a0a5aa;
 956      border-color: #ddd;
 957      background: #f7f7f7;
 958      box-shadow: none;
 959      text-shadow: 0 1px 0 #fff;
 960      cursor: default;
 961      transform: none;
 962  }
 963  
 964  .imgedit-crop:before {
 965      content: "\f165";
 966  }
 967  
 968  .imgedit-rleft:before {
 969      content: "\f166";
 970  }
 971  
 972  .imgedit-rright:before {
 973      content: "\f167";
 974  }
 975  
 976  .imgedit-flipv:before {
 977      content: "\f168";
 978  }
 979  
 980  .imgedit-fliph:before {
 981      content: "\f169";
 982  }
 983  
 984  .imgedit-undo:before {
 985      content: "\f171";
 986  }
 987  
 988  .imgedit-redo:before {
 989      content: "\f172";
 990  }
 991  
 992  .imgedit-crop-wrap {
 993      position: relative;
 994  }
 995  
 996  .imgedit-crop-wrap img {
 997      background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
 998      background-position: 0 0, 10px 10px;
 999      background-size: 20px 20px;
1000  }
1001  
1002  .imgedit-crop {
1003      margin: 0 8px 0 0;
1004  }
1005  
1006  .imgedit-rleft {
1007      margin: 0 3px;
1008  }
1009  
1010  .imgedit-rright {
1011      margin: 0 8px 0 3px;
1012  }
1013  
1014  .imgedit-flipv {
1015      margin: 0 3px;
1016  }
1017  
1018  .imgedit-fliph {
1019      margin: 0 8px 0 3px;
1020  }
1021  
1022  .imgedit-undo {
1023      margin: 0 3px;
1024  }
1025  
1026  .imgedit-redo {
1027      margin: 0 8px 0 3px;
1028  }
1029  
1030  .imgedit-thumbnail-preview {
1031      margin: 10px 8px 0 0;
1032  }
1033  
1034  .imgedit-thumbnail-preview-caption {
1035      display: block;
1036  }
1037  
1038  #poststuff .imgedit-group-top h2 {
1039      display: inline-block;
1040      margin: 0;
1041      padding: 0;
1042      font-size: 14px;
1043      line-height: 1.4;
1044  }
1045  
1046  #poststuff .imgedit-group-top .button-link {
1047      text-decoration: none;
1048      color: #23282d;
1049  }
1050  
1051  .imgedit-applyto .imgedit-label {
1052      display: block;
1053      padding: .5em 0 0;
1054  }
1055  
1056  .imgedit-help {
1057      display: none;
1058      padding-bottom: 8px;
1059  }
1060  
1061  .imgedit-help.imgedit-restore {
1062      padding-bottom: 0;
1063  }
1064  
1065  /* higher specificity than buttons */
1066  .image-editor .imgedit-settings .imgedit-help-toggle,
1067  .image-editor .imgedit-settings .imgedit-help-toggle:hover,
1068  .image-editor .imgedit-settings .imgedit-help-toggle:active {
1069      border: 1px solid transparent;
1070      margin: -1px 0 0 -1px;
1071      padding: 0;
1072      background: transparent;
1073      color: #0074a2;
1074      font-size: 20px;
1075      line-height: 1;
1076      cursor: pointer;
1077      box-sizing: content-box;
1078      box-shadow: none;
1079  }
1080  
1081  .image-editor .imgedit-settings .imgedit-help-toggle:focus {
1082      color: #0074a2;
1083      border-color: #5b9dd9;
1084      box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
1085      /* Only visible in Windows High Contrast mode */
1086      outline: 2px solid transparent;
1087  }
1088  
1089  .form-table td.imgedit-response {
1090      padding: 0;
1091  }
1092  
1093  .imgedit-submit {
1094      margin: 8px 0 0;
1095  }
1096  
1097  .imgedit-submit-btn {
1098      margin-left: 20px;
1099  }
1100  
1101  .imgedit-wrap .nowrap {
1102      white-space: nowrap;
1103      font-size: 12px;
1104      line-height: inherit;
1105  }
1106  
1107  span.imgedit-scale-warn {
1108      color: #dc3232;
1109      font-size: 20px;
1110      font-style: normal;
1111      visibility: hidden;
1112      vertical-align: middle;
1113  }
1114  
1115  .imgedit-save-target {
1116      margin: 8px 0;
1117  }
1118  
1119  .imgedit-save-target legend {
1120      font-weight: 600;
1121  }
1122  
1123  .imgedit-group {
1124      margin-bottom: 8px;
1125      padding: 10px;
1126  }
1127  
1128  .imgedit-settings .imgedit-original-dimensions {
1129      display: inline-block;
1130  }
1131  
1132  .imgedit-settings .imgedit-scale input[type="text"],
1133  .imgedit-settings .imgedit-crop-ratio input[type="text"],
1134  .imgedit-settings .imgedit-crop-sel input[type="text"] {
1135      width: 80px;
1136      font-size: 14px;
1137      padding: 0 8px;
1138  }
1139  
1140  .imgedit-separator {
1141      display: inline-block;
1142      width: 7px;
1143      text-align: center;
1144      font-size: 13px;
1145      color: #444;
1146  }
1147  
1148  .imgedit-settings .imgedit-scale-button-wrapper {
1149      margin-top: 0.3077em;
1150      display: block;
1151  }
1152  
1153  .imgedit-settings .imgedit-scale .button {
1154      margin-bottom: 0;
1155  }
1156  
1157  audio, video {
1158      display: inline-block;
1159      max-width: 100%;
1160  }
1161  
1162  .mejs-container {
1163      width: 100%;
1164      max-width: 100%;
1165  }
1166  
1167  .mejs-container .mejs-controls {
1168      box-sizing: border-box;
1169  }
1170  
1171  /* =Media Queries
1172  -------------------------------------------------------------- */
1173  
1174  /**
1175   * HiDPI Displays
1176   */
1177  @media print,
1178    (-webkit-min-device-pixel-ratio: 1.25),
1179    (min-resolution: 120dpi) {
1180      .imgedit-wait:before {
1181          background-image: url(../images/spinner-2x.gif);
1182      }
1183  }
1184  
1185  @media screen and (max-width: 782px) {
1186      .wp_attachment_details label[for="content"] {
1187          font-size: 14px;
1188          line-height: 1.5;
1189      }
1190  
1191      .media-upload-form .media-item.error,
1192      .media-upload-form .media-item .error {
1193          font-size: 13px;
1194          line-height: 1.5;
1195      }
1196  
1197      .media-upload-form .media-item.error {
1198          padding: 1px 10px;
1199      }
1200  
1201      .media-upload-form .media-item .error {
1202          padding: 10px 0 10px 12px;
1203      }
1204  
1205      .imgedit-settings .imgedit-scale input[type="text"],
1206      .imgedit-settings .imgedit-crop-ratio input[type="text"],
1207      .imgedit-settings .imgedit-crop-sel input[type="text"] {
1208          font-size: 16px;
1209          padding: 6px 10px;
1210      }
1211  
1212      .wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
1213      .wp_attachment_holder .imgedit-wrap .imgedit-settings {
1214          float: none;
1215          width: auto;
1216          max-width: none;
1217      }
1218  }
1219  
1220  /**
1221   * Media queries for media grid.
1222   */
1223  
1224  @media only screen and (max-width: 1120px) {
1225      /* override for media-views.css */
1226      #wp-media-grid .wp-filter .attachment-filters {
1227          max-width: 100%;
1228      }
1229  }
1230  
1231  @media only screen and (max-width: 782px) {
1232      .media-frame.mode-select .attachments-browser.fixed .media-toolbar {
1233          top: 46px;
1234          right: 10px;
1235      }
1236  }
1237  
1238  @media only screen and (max-width: 600px) {
1239      .media-frame.mode-select .attachments-browser.fixed .media-toolbar {
1240          top: 0;
1241      }
1242  }
1243  
1244  @media only screen and (max-width: 480px) {
1245      .edit-attachment-frame .media-frame-title {
1246          right: 110px;
1247      }
1248  
1249      .upload-php .media-modal-close,
1250      .edit-attachment-frame .edit-media-header .left,
1251      .edit-attachment-frame .edit-media-header .right {
1252          width: 40px;
1253          height: 40px;
1254      }
1255  
1256      .edit-attachment-frame .edit-media-header .right:before,
1257      .edit-attachment-frame .edit-media-header .left:before {
1258          line-height: 40px !important;
1259      }
1260  
1261      .edit-attachment-frame .edit-media-header .left {
1262          right: 82px;
1263      }
1264  
1265      .edit-attachment-frame .edit-media-header .right {
1266          right: 41px;
1267      }
1268  
1269      .edit-attachment-frame .media-frame-content {
1270          top: 40px;
1271      }
1272  
1273      .edit-attachment-frame .attachment-media-view {
1274          float: none;
1275          height: auto;
1276          width: 100%;
1277      }
1278  
1279      .edit-attachment-frame .attachment-info {
1280          height: auto;
1281          width: 100%;
1282      }
1283  }
1284  
1285  @media only screen and (max-width: 640px), screen and (max-height: 400px) {
1286      .upload-php .mode-grid .media-sidebar{
1287          max-width: 100%;
1288      }
1289  }


Generated: Tue May 19 15:51:04 2020 Cross-referenced by PHPXref 0.7.1