[Summary view] [Print] [Text view]

   1  #poststuff {
   2      padding-top: 10px;
   3      min-width: 763px;
   4  }
   5  
   6  #poststuff #post-body {
   7      padding: 0;
   8  }
   9  
  10  #poststuff .postbox-container {
  11      width: 100%;
  12  }
  13  
  14  #poststuff #post-body.columns-2 {
  15      margin-right: 300px;
  16  }
  17  
  18  /*------------------------------------------------------------------------------
  19    11.0 - Write/Edit Post Screen
  20  ------------------------------------------------------------------------------*/
  21  
  22  #show-comments {
  23      overflow: hidden;
  24  }
  25  
  26  #save-action .spinner,
  27  #show-comments a {
  28      float: left;
  29  }
  30  
  31  #show-comments .spinner {
  32      float: none;
  33      margin-top: 0;
  34  }
  35  
  36  #lost-connection-notice .spinner {
  37      visibility: visible;
  38      float: left;
  39      margin: 0 5px 0 0;
  40  }
  41  
  42  #titlediv {
  43      position: relative;
  44  }
  45  
  46  #titlediv label {
  47      cursor: text;
  48  }
  49  
  50  #titlediv div.inside {
  51      margin: 0;
  52  }
  53  
  54  #poststuff #titlewrap {
  55      border: 0;
  56      padding: 0;
  57  }
  58  
  59  #titlediv #title {
  60      padding: 3px 8px;
  61      font-size: 1.7em;
  62      line-height: 100%;
  63      height: 1.7em;
  64      width: 100%;
  65      outline: none;
  66      margin: 0 0 3px;
  67      background-color: #fff;
  68  }
  69  
  70  #titlediv #title-prompt-text {
  71      color: #646970;
  72      position: absolute;
  73      font-size: 1.7em;
  74      padding: 10px;
  75      pointer-events: none;
  76  }
  77  
  78  #titlewrap .skiplink {
  79      background: #fff;
  80      line-height: 2.30769231; /* 30px for 32px min-height */
  81      min-height: 32px;
  82      right: 4px;
  83  }
  84  
  85  #titlewrap .skiplink:focus {
  86      clip: inherit;
  87      clip-path: inherit;
  88      top: 4px;
  89      width: auto;
  90  }
  91  
  92  input#link_description,
  93  input#link_url {
  94      width: 100%;
  95  }
  96  
  97  #pending {
  98      background: 0 none;
  99      border: 0 none;
 100      padding: 0;
 101      font-size: 11px;
 102      margin-top: -1px;
 103  }
 104  
 105  #edit-slug-box,
 106  #comment-link-box {
 107      line-height: 1.84615384;
 108      min-height: 25px;
 109      margin-top: 5px;
 110      padding: 0 10px;
 111      color: #646970;
 112  }
 113  
 114  #sample-permalink {
 115      display: inline-block;
 116      max-width: 100%;
 117      word-wrap: break-word;
 118  }
 119  
 120  #edit-slug-box .cancel {
 121      margin-right: 10px;
 122      padding: 0;
 123  }
 124  
 125  #comment-link-box {
 126      margin: 5px 0;
 127      padding: 0 5px;
 128  }
 129  
 130  #editable-post-name-full {
 131      display: none;
 132  }
 133  
 134  #editable-post-name {
 135      font-weight: 600;
 136  }
 137  
 138  #editable-post-name input {
 139      font-size: 13px;
 140      font-weight: 400;
 141      min-height: 32px;
 142      margin: 0;
 143      width: 16em;
 144  }
 145  
 146  .postarea h3 label {
 147      float: left;
 148  }
 149  
 150  body.post-new-php .submitbox .submitdelete {
 151      display: none;
 152  }
 153  
 154  .submitbox .submit a:hover {
 155      text-decoration: underline;
 156  }
 157  
 158  .submitbox .submit input {
 159      margin-bottom: 8px;
 160      margin-right: 4px;
 161      padding: 6px;
 162  }
 163  
 164  #post-status-select {
 165      margin-top: 3px;
 166  }
 167  
 168  body.post-type-wp_navigation div#minor-publishing,
 169  body.post-type-wp_navigation .inline-edit-status {
 170      display: none;
 171  }
 172  
 173  /* Post Screen */
 174  
 175  /* Only highlight drop zones when dragging and only in the 2 columns layout. */
 176  .is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
 177      border-radius: 8px;
 178      background: rgb(var(--wp-admin-theme-color--rgb), 0.04);
 179      /*
 180       * This min-height is meant to limit jumpiness while dragging. It's equivalent
 181       * to the minimum height of the sortable-placeholder which is given by the height
 182       * of a collapsed post box (36px + 1px top and bottom borders) + the placeholder
 183       * bottom margin (20px) + 2 additional pixels to compensate browsers rounding.
 184       */
 185      min-height: 60px;
 186      margin-bottom: 20px;
 187  }
 188  
 189  .postbox {
 190      position: relative;
 191      min-width: 255px;
 192      border: 1px solid #c3c4c7;
 193      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 194      background: #fff;
 195  }
 196  
 197  #trackback_url {
 198      width: 99%;
 199  }
 200  
 201  #normal-sortables .postbox .submit {
 202      background: transparent none;
 203      border: 0 none;
 204      float: right;
 205      padding: 0 12px;
 206      margin: 0;
 207  }
 208  
 209  .category-add input[type="text"],
 210  .category-add select {
 211      width: 100%;
 212      max-width: 260px;
 213      vertical-align: baseline;
 214  }
 215  
 216  #side-sortables .category-add input[type="text"],
 217  #side-sortables .category-add select {
 218      margin: 0 0 1em;
 219  }
 220  
 221  ul.category-tabs li,
 222  #side-sortables .add-menu-item-tabs li,
 223  .wp-tab-bar li {
 224      display: inline;
 225      line-height: 1.35;
 226  }
 227  
 228  .no-js .category-tabs li.hide-if-no-js {
 229      display: none;
 230  }
 231  
 232  .category-tabs a,
 233  #side-sortables .add-menu-item-tabs a,
 234  .wp-tab-bar a {
 235      text-decoration: none;
 236  }
 237  
 238  /* @todo: do these really need to be so specific? */
 239  #side-sortables .category-tabs .tabs a,
 240  #side-sortables .add-menu-item-tabs .tabs a,
 241  .wp-tab-bar .wp-tab-active a,
 242  #post-body ul.category-tabs li.tabs a,
 243  #post-body ul.add-menu-item-tabs li.tabs a {
 244      color: #2c3338;
 245  }
 246  
 247  .category-tabs {
 248      margin: 8px 0 5px;
 249  }
 250  
 251  /* Back-compat for pre-4.4 */
 252  #category-adder h4 {
 253      margin: 0;
 254  }
 255  
 256  .taxonomy-add-new {
 257      display: inline-block;
 258      margin: 10px 0;
 259      font-weight: 600;
 260  }
 261  
 262  #side-sortables .add-menu-item-tabs,
 263  .wp-tab-bar {
 264      margin-bottom: 3px;
 265  }
 266  
 267  #normal-sortables .postbox #replyrow .submit {
 268      float: none;
 269      margin: 0;
 270      padding: 5px 7px 10px;
 271      overflow: hidden;
 272  }
 273  
 274  #side-sortables .submitbox .submit input,
 275  #side-sortables .submitbox .submit .preview,
 276  #side-sortables .submitbox .submit a.preview:hover {
 277      border: 0 none;
 278  }
 279  
 280  /* @todo: make this a more generic class */
 281  ul.category-tabs,
 282  ul.add-menu-item-tabs,
 283  ul.wp-tab-bar {
 284      margin-top: 12px;
 285  }
 286  
 287  ul.category-tabs li,
 288  ul.add-menu-item-tabs li {
 289      border: solid 1px transparent;
 290      position: relative;
 291  }
 292  
 293  ul.category-tabs li.tabs,
 294  ul.add-menu-item-tabs li.tabs,
 295  .wp-tab-active {
 296      border: 1px solid #dcdcde;
 297      border-bottom-color: #fff;
 298      background-color: #fff;
 299  }
 300  
 301  ul.category-tabs li,
 302  ul.add-menu-item-tabs li,
 303  ul.wp-tab-bar li {
 304      padding: 3px 5px 6px;
 305  }
 306  
 307  #set-post-thumbnail {
 308      display: inline-block;
 309      max-width: 100%;
 310  }
 311  
 312  #postimagediv .inside img {
 313      max-width: 100%;
 314      height: auto;
 315      vertical-align: top;
 316      background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
 317      background-position: 0 0, 10px 10px;
 318      background-size: 20px 20px;
 319  }
 320  
 321  form#tags-filter {
 322      position: relative;
 323  }
 324  
 325  /* Global classes */
 326  .wp-hidden-children .wp-hidden-child,
 327  .ui-tabs-hide {
 328      display: none;
 329  }
 330  
 331  #post-body .tagsdiv #newtag {
 332      margin-right: 0;
 333      flex: 1;
 334      min-width: 0;
 335  }
 336  
 337  #side-sortables input#post_password {
 338      width: 94%
 339  }
 340  
 341  #side-sortables .tagsdiv #newtag {
 342      flex: 1;
 343      min-width: 0;
 344  }
 345  
 346  #post-status-info {
 347      width: 100%;
 348      border-spacing: 0;
 349      border: 1px solid #c3c4c7;
 350      border-top: none;
 351      background-color: #f6f7f7;
 352      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
 353      z-index: 999;
 354  }
 355  
 356  #post-status-info td {
 357      font-size: 12px;
 358  }
 359  
 360  .autosave-info {
 361      padding: 2px 10px;
 362      text-align: right;
 363  }
 364  
 365  #editorcontent #post-status-info {
 366      border: none;
 367  }
 368  
 369  #content-resize-handle {
 370      background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
 371      width: 12px;
 372      cursor: row-resize;
 373  }
 374  
 375  /*rtl:ignore*/
 376  .rtl #content-resize-handle {
 377      background-image: url(../images/resize-rtl.gif);
 378      background-position: left bottom;
 379  }
 380  
 381  .wp-editor-expand #content-resize-handle {
 382      display: none;
 383  }
 384  
 385  #postdivrich #content {
 386      resize: none;
 387  }
 388  
 389  #wp-word-count {
 390      padding: 2px 10px;
 391  }
 392  
 393  #wp-content-editor-container {
 394      position: relative;
 395  }
 396  
 397  .wp-editor-expand #wp-content-editor-tools {
 398      z-index: 1000;
 399      border-bottom: 1px solid #c3c4c7;
 400  }
 401  
 402  .wp-editor-expand #wp-content-editor-container {
 403      box-shadow: none;
 404      margin-top: -1px;
 405  }
 406  
 407  .wp-editor-expand #wp-content-editor-container {
 408      border-bottom: 0 none;
 409  }
 410  
 411  .wp-editor-expand div.mce-statusbar {
 412      z-index: 1;
 413  }
 414  
 415  .wp-editor-expand #post-status-info {
 416      border-top: 1px solid #c3c4c7;
 417  }
 418  
 419  .wp-editor-expand div.mce-toolbar-grp {
 420      z-index: 999;
 421  }
 422  
 423  /* TinyMCE native fullscreen mode override */
 424  .mce-fullscreen #wp-content-wrap .mce-menubar,
 425  .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
 426  .mce-fullscreen #wp-content-wrap .mce-edit-area,
 427  .mce-fullscreen #wp-content-wrap .mce-statusbar {
 428      position: static !important;
 429      width: auto !important;
 430      padding: 0 !important;
 431  }
 432  
 433  .mce-fullscreen #wp-content-wrap .mce-statusbar {
 434      visibility: visible !important;
 435  }
 436  
 437  .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
 438      display: none;
 439  }
 440  
 441  .post-php.mce-fullscreen #wpadminbar,
 442  .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
 443      display: none;
 444  }
 445  /* End TinyMCE native fullscreen mode override */
 446  
 447  #wp-content-editor-tools {
 448      background-color: #f0f0f1;
 449      padding-top: 20px;
 450  }
 451  
 452  #poststuff #post-body.columns-2 #side-sortables {
 453      width: 280px;
 454  }
 455  
 456  #timestampdiv select {
 457      vertical-align: top;
 458      font-size: 12px;
 459      line-height: 2.33333333; /* 28px */
 460  }
 461  
 462  #aa, #jj, #hh, #mn {
 463      padding: 6px 1px;
 464      font-size: 12px;
 465      line-height: 1.16666666; /* 14px */
 466  }
 467  
 468  #jj, #hh, #mn {
 469      width: 2em;
 470  }
 471  
 472  #aa {
 473      width: 3.4em;
 474  }
 475  
 476  .curtime #timestamp {
 477      padding: 2px 0 1px;
 478      display: inline !important;
 479      height: auto !important;
 480  }
 481  
 482  #post-body .misc-pub-post-status:before,
 483  #post-body #visibility:before,
 484  .curtime #timestamp:before,
 485  #post-body .misc-pub-uploadedby:before,
 486  #post-body .misc-pub-uploadedto:before,
 487  #post-body .misc-pub-revisions:before,
 488  #post-body .misc-pub-response-to:before,
 489  #post-body .misc-pub-comment-status:before {
 490      color: #8c8f94;
 491  }
 492  
 493  #post-body .misc-pub-post-status:before,
 494  #post-body #visibility:before,
 495  .curtime #timestamp:before,
 496  #post-body .misc-pub-uploadedby:before,
 497  #post-body .misc-pub-uploadedto:before,
 498  #post-body .misc-pub-revisions:before,
 499  #post-body .misc-pub-response-to:before,
 500  #post-body .misc-pub-comment-status:before {
 501      font: normal 20px/1 dashicons;
 502      display: inline-block;
 503      margin-left: -1px;
 504      padding-right: 3px;
 505      vertical-align: top;
 506      -webkit-font-smoothing: antialiased;
 507      -moz-osx-font-smoothing: grayscale;
 508  }
 509  
 510  #post-body .misc-pub-post-status:before,
 511  #post-body .misc-pub-comment-status:before {
 512      content: "\f173";
 513      content: "\f173" / '';
 514  }
 515  
 516  #post-body #visibility:before {
 517      content: "\f177";
 518      content: "\f177" / '';
 519  }
 520  
 521  .curtime #timestamp:before {
 522      content: "\f145";
 523      content: "\f145" / '';
 524      position: relative;
 525      top: -1px;
 526  }
 527  
 528  #post-body .misc-pub-uploadedby:before {
 529      content: "\f110";
 530      content: "\f110" / '';
 531      position: relative;
 532      top: -1px;
 533  }
 534  
 535  #post-body .misc-pub-uploadedto:before {
 536      content: "\f318";
 537      content: "\f318" / '';
 538      position: relative;
 539      top: -1px;
 540  }
 541  
 542  #post-body .misc-pub-revisions:before {
 543      content: "\f321";
 544      content: "\f321" / '';
 545  }
 546  
 547  #post-body .misc-pub-response-to:before {
 548      content: "\f101";
 549      content: "\f101" / '';
 550  }
 551  
 552  #timestampdiv {
 553      padding-top: 5px;
 554      line-height: 1.76923076;
 555  }
 556  
 557  #timestampdiv p {
 558      margin: 8px 0 6px;
 559  }
 560  
 561  #timestampdiv input {
 562      text-align: center;
 563  }
 564  
 565  .notification-dialog {
 566      position: fixed;
 567      top: 30%;
 568      max-height: 70%;
 569      left: 50%;
 570      width: 450px;
 571      margin-left: -225px;
 572      background: #fff;
 573      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
 574      line-height: 1.5;
 575      z-index: 1000005;
 576      overflow-y: auto;
 577  }
 578  
 579  .notification-dialog-background {
 580      position: fixed;
 581      top: 0;
 582      left: 0;
 583      right: 0;
 584      bottom: 0;
 585      background: #000;
 586      opacity: 0.7;
 587      filter: alpha(opacity=70);
 588      z-index: 1000000;
 589  }
 590  
 591  #post-lock-dialog .post-locked-message,
 592  #post-lock-dialog .post-taken-over {
 593      margin: 25px;
 594  }
 595  
 596  #post-lock-dialog .post-locked-message a.button,
 597  #file-editor-warning .button {
 598      margin-right: 10px;
 599  }
 600  
 601  #post-lock-dialog .post-locked-avatar {
 602      float: left;
 603      margin: 0 20px 20px 0;
 604  }
 605  
 606  #post-lock-dialog .wp-tab-first {
 607      outline: 0;
 608  }
 609  
 610  #post-lock-dialog .locked-saving img {
 611      float: left;
 612      margin-right: 3px;
 613  }
 614  
 615  #post-lock-dialog.saving .locked-saving,
 616  #post-lock-dialog.saved .locked-saved {
 617      display: inline;
 618  }
 619  
 620  #excerpt {
 621      display: block;
 622      margin: 12px 0 0;
 623      height: 4em;
 624      width: 100%;
 625  }
 626  
 627  .tagchecklist {
 628      margin-left: 14px;
 629      font-size: 12px;
 630      overflow: auto;
 631  }
 632  
 633  .tagchecklist br {
 634      display: none;
 635  }
 636  
 637  .tagchecklist strong {
 638      margin-left: -8px;
 639      position: absolute;
 640  }
 641  
 642  .tagchecklist > li {
 643      float: left;
 644      margin-right: 25px;
 645      font-size: 13px;
 646      line-height: 1.8;
 647      cursor: default;
 648      max-width: 100%;
 649      overflow: hidden;
 650      text-overflow: ellipsis;
 651  }
 652  
 653  .tagchecklist .ntdelbutton {
 654      position: absolute;
 655      width: 24px;
 656      height: 24px;
 657      border: none;
 658      margin: 0 0 0 -19px;
 659      padding: 0;
 660      background: none;
 661      cursor: pointer;
 662      text-indent: 0;
 663  }
 664  
 665  #poststuff h3.hndle, /* Back-compat for pre-4.4 */
 666  #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
 667  #poststuff h2 {
 668      font-size: 14px;
 669      padding: 8px 12px;
 670      margin: 0;
 671      line-height: 1.4;
 672  }
 673  
 674  #poststuff .stuffbox h2 {
 675      padding: 8px 10px;
 676  }
 677  
 678  #poststuff .stuffbox > h2 {
 679      border-bottom: 1px solid #f0f0f1;
 680  }
 681  
 682  #poststuff .inside {
 683      margin: 6px 0 0;
 684  }
 685  
 686  .link-php #poststuff .inside,
 687  .link-add-php #poststuff .inside {
 688      margin-top: 12px;
 689  }
 690  
 691  #poststuff .stuffbox .inside {
 692      margin: 0;
 693  }
 694  
 695  #poststuff .inside #parent_id,
 696  #poststuff .inside #page_template {
 697      max-width: 100%;
 698  }
 699  
 700  .post-attributes-label-wrapper {
 701      margin-bottom: 0.5em;
 702  }
 703  
 704  .post-attributes-label {
 705      vertical-align: baseline;
 706      font-weight: 600;
 707  }
 708  
 709  #post-visibility-select,
 710  #comment-status-radio {
 711      line-height: 1.5;
 712      margin-top: 3px;
 713  }
 714  
 715  #linksubmitdiv .inside, /* Old Link Manager back-compat. */
 716  #poststuff #submitdiv .inside {
 717      margin: 0;
 718      padding: 0;
 719  }
 720  
 721  #post-body-content,
 722  .edit-form-section {
 723      margin-bottom: 20px;
 724  }
 725  
 726  .wp_attachment_details .attachment-content-description {
 727      margin-top: 0.5385em;
 728      display: inline-block;
 729      min-height: 1.6923em;
 730  }
 731  
 732  /**
 733  * Privacy Settings section
 734  *
 735  * Note: This section includes selectors from
 736  * Site Health where duplicate styling is used.
 737  */
 738  
 739  /* General */
 740  .privacy-settings #wpcontent,
 741  .privacy-settings.auto-fold #wpcontent,
 742  .site-health #wpcontent,
 743  .site-health.auto-fold #wpcontent {
 744      padding-left: 0;
 745  }
 746  
 747  /* Better position for the WordPress admin notices. */
 748  .privacy-settings .notice,
 749  .site-health .notice {
 750      margin: 25px 20px 15px 22px;
 751  }
 752  
 753  .privacy-settings .notice ~ .notice,
 754  .site-health .notice ~ .notice {
 755      margin-top: 5px;
 756  }
 757  
 758  /* Emulates .wrap h1 styling */
 759  .privacy-settings-header h1,
 760  .health-check-header h1 {
 761      display: inline-block;
 762      font-weight: 600;
 763      margin: 0 0.8rem 1rem;
 764      font-size: 23px;
 765      padding: 9px 0 4px;
 766      line-height: 1.3;
 767  }
 768  
 769  /* Header */
 770  .privacy-settings-header,
 771  .health-check-header {
 772      text-align: center;
 773      margin: 0 0 1rem;
 774      background: #fff;
 775      border-bottom: 1px solid #dcdcde;
 776  }
 777  
 778  .privacy-settings-title-section,
 779  .health-check-title-section {
 780      display: flex;
 781      align-items: center;
 782      justify-content: center;
 783      clear: both;
 784      padding-top: 8px;
 785  }
 786  
 787  .privacy-settings-tabs-wrapper {
 788      /* IE 11 */
 789      display: -ms-inline-grid;
 790      -ms-grid-columns: 1fr 1fr;
 791      vertical-align: top;
 792      /* modern browsers */
 793      display: inline-grid;
 794      grid-template-columns: 1fr 1fr;
 795  }
 796  
 797  .privacy-settings-tab {
 798      display: block; /* IE 11 */
 799      text-decoration: none;
 800      color: inherit;
 801      padding: 0.5rem 1rem 1rem;
 802      margin: 0 1rem;
 803      transition: box-shadow 0.5s ease-in-out;
 804  }
 805  
 806  .privacy-settings-tab:nth-child(1),
 807  .health-check-tab:nth-child(1) {
 808      -ms-grid-column: 1; /* IE 11 */
 809  }
 810  
 811  .privacy-settings-tab:nth-child(2),
 812  .health-check-tab:nth-child(2) {
 813      -ms-grid-column: 2; /* IE 11 */
 814  }
 815  
 816  .privacy-settings-tab:focus,
 817  .health-check-tab:focus {
 818      color: #1d2327;
 819      outline: 1px solid #787c82;
 820      box-shadow: none;
 821  }
 822  
 823  .privacy-settings-tab.active,
 824  .health-check-tab.active {
 825      box-shadow: inset 0 -3px var(--wp-admin-theme-color);
 826      font-weight: 600;
 827  }
 828  
 829  /* Body */
 830  .privacy-settings-body,
 831  .health-check-body {
 832      max-width: 800px;
 833      margin: 0 auto;
 834  }
 835  
 836  .tools-privacy-policy-page th {
 837      min-width: 230px;
 838  }
 839  
 840  .hr-separator {
 841      margin-top: 20px;
 842      margin-bottom: 15px;
 843  }
 844  
 845  /* Accordions */
 846  .privacy-settings-accordion,
 847  .health-check-accordion {
 848      border: 1px solid #c3c4c7;
 849  }
 850  
 851  .privacy-settings-accordion-heading,
 852  .health-check-accordion-heading {
 853      margin: 0;
 854      border-top: 1px solid #c3c4c7;
 855      font-size: inherit;
 856      line-height: inherit;
 857      font-weight: 600;
 858      color: inherit;
 859  }
 860  
 861  .privacy-settings-accordion-heading:first-child,
 862  .health-check-accordion-heading:first-child {
 863      border-top: none;
 864  }
 865  
 866  .privacy-settings-accordion-trigger,
 867  .health-check-accordion-trigger {
 868      background: #fff;
 869      border: 0;
 870      color: #2c3338;
 871      cursor: pointer;
 872      display: flex;
 873      font-weight: 400;
 874      margin: 0;
 875      padding: 1em 3.5em 1em 1.5em;
 876      min-height: 46px;
 877      position: relative;
 878      text-align: left;
 879      width: 100%;
 880      align-items: center;
 881      justify-content: space-between;
 882      -webkit-user-select: auto;
 883      user-select: auto;
 884  }
 885  
 886  .privacy-settings-accordion-trigger:hover,
 887  .privacy-settings-accordion-trigger:active,
 888  .health-check-accordion-trigger:hover,
 889  .health-check-accordion-trigger:active {
 890      background: #f6f7f7;
 891  }
 892  
 893  .privacy-settings-accordion-trigger:focus,
 894  .health-check-accordion-trigger:focus {
 895      color: #1d2327;
 896      border: none;
 897      box-shadow: none;
 898      outline-offset: -1px;
 899      outline: 2px solid var(--wp-admin-theme-color);
 900      background-color: #f6f7f7;
 901  }
 902  
 903  .privacy-settings-accordion-trigger .title,
 904  .health-check-accordion-trigger .title {
 905      pointer-events: none;
 906      font-weight: 600;
 907      flex-grow: 1;
 908  }
 909  
 910  .privacy-settings-accordion-trigger .icon,
 911  .privacy-settings-view-read .icon,
 912  .health-check-accordion-trigger .icon,
 913  .site-health-view-passed .icon {
 914      border: solid #50575e;
 915      border-width: 0 2px 2px 0;
 916      height: 0.5rem;
 917      pointer-events: none;
 918      position: absolute;
 919      right: 1.5em;
 920      top: 50%;
 921      transform: translateY(-70%) rotate(45deg);
 922      width: 0.5rem;
 923  }
 924  
 925  .privacy-settings-accordion-trigger .badge,
 926  .health-check-accordion-trigger .badge {
 927      padding: 0.1rem 0.5rem 0.15rem;
 928      color: #2c3338;
 929      font-weight: 600;
 930  }
 931  
 932  .privacy-settings-accordion-trigger .badge {
 933      margin-left: 0.5rem;
 934  }
 935  
 936  .privacy-settings-accordion-trigger .badge.blue,
 937  .health-check-accordion-trigger .badge.blue {
 938      border: 1px solid var(--wp-admin-theme-color);
 939  }
 940  
 941  .privacy-settings-accordion-trigger .badge.orange,
 942  .health-check-accordion-trigger .badge.orange {
 943      border: 1px solid #dba617;
 944  }
 945  
 946  .privacy-settings-accordion-trigger .badge.red,
 947  .health-check-accordion-trigger .badge.red {
 948      border: 1px solid #e65054;
 949  }
 950  
 951  .privacy-settings-accordion-trigger .badge.green,
 952  .health-check-accordion-trigger .badge.green {
 953      border: 1px solid #00ba37;
 954  }
 955  
 956  .privacy-settings-accordion-trigger .badge.purple,
 957  .health-check-accordion-trigger .badge.purple {
 958      border: 1px solid #2271b1;
 959  }
 960  
 961  .privacy-settings-accordion-trigger .badge.gray,
 962  .health-check-accordion-trigger .badge.gray {
 963      border: 1px solid #c3c4c7;
 964  }
 965  
 966  .privacy-settings-accordion-trigger[aria-expanded="true"] .icon,
 967  .privacy-settings-view-passed[aria-expanded="true"] .icon,
 968  .health-check-accordion-trigger[aria-expanded="true"] .icon,
 969  .site-health-view-passed[aria-expanded="true"] .icon {
 970      transform: translateY(-30%) rotate(-135deg)
 971  }
 972  
 973  .privacy-settings-accordion-panel,
 974  .health-check-accordion-panel {
 975      margin: 0;
 976      padding: 1em 1.5em;
 977      background: #fff;
 978  }
 979  
 980  .privacy-settings-accordion-panel[hidden],
 981  .health-check-accordion-panel[hidden] {
 982      display: none;
 983  }
 984  
 985  .privacy-settings-accordion-panel a .dashicons,
 986  .health-check-accordion-panel a .dashicons {
 987      text-decoration: none;
 988  }
 989  
 990  .privacy-settings-accordion-actions {
 991      justify-content: right;
 992      display: flex;
 993      align-items: center;
 994      flex-wrap: wrap;
 995      gap: 1em;
 996  }
 997  
 998  .privacy-settings-accordion-actions .success {
 999      display: none;
1000      color: #007017;
1001  }
1002  
1003  .privacy-settings-accordion-actions .success.visible {
1004      display: inline-block;
1005  }
1006  
1007  /* Suggested text for privacy policy */
1008  .privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
1009  .privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial,
1010  .privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy {
1011      display: none;
1012  }
1013  
1014  .privacy-settings-accordion-panel strong.wp-policy-help, /* For back-compat, see #49282 */
1015  .privacy-settings-accordion-panel strong.privacy-policy-tutorial {
1016      display: block;
1017      margin: 0 0 1em;
1018  }
1019  
1020  .privacy-text-copy span {
1021      pointer-events: none;
1022  }
1023  
1024  .privacy-settings-accordion-panel .wp-suggested-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
1025  .privacy-settings-accordion-panel .wp-suggested-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
1026  .privacy-settings-accordion-panel > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
1027  .privacy-settings-accordion-panel div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p) {
1028      margin: 0;
1029      padding: 1em;
1030      border-left: 2px solid #787c82;
1031  }
1032  
1033  /* Media queries */
1034  @media screen and (max-width: 782px) {
1035  
1036      .privacy-settings-body,
1037      .health-check-body {
1038          margin: 0 12px;
1039          width: auto;
1040      }
1041  
1042      .privacy-settings .notice,
1043      .site-health .notice {
1044          margin: 5px 10px 15px;
1045      }
1046  
1047      .privacy-settings .update-nag,
1048      .site-health .update-nag {
1049          margin-right: 10px;
1050          margin-left: 10px;
1051      }
1052  
1053      input#create-page {
1054          margin-top: 10px;
1055      }
1056  
1057      .wp-core-ui button.privacy-text-copy {
1058          white-space: normal;
1059          line-height: 1.8;
1060      }
1061  
1062      #edit-slug-box {
1063          padding: 0;
1064      }
1065  
1066      #editable-post-name input {
1067          min-height: 40px;
1068      }
1069  }
1070  
1071  @media only screen and (max-width: 1004px) {
1072  
1073      .privacy-settings-body,
1074      .health-check-body {
1075          margin: 0 22px;
1076          width: auto;
1077      }
1078  }
1079  
1080  /**
1081  * End Privacy Settings section
1082  */
1083  
1084  /*------------------------------------------------------------------------------
1085    11.1 - Custom Fields
1086  ------------------------------------------------------------------------------*/
1087  
1088  #postcustomstuff thead th {
1089      padding: 5px 8px 8px;
1090      background-color: #f0f0f1;
1091  }
1092  
1093  #postcustom #postcustomstuff .submit {
1094      border: 0 none;
1095      float: none;
1096      padding: 0 8px 8px;
1097  }
1098  
1099  #postcustom #postcustomstuff .add-custom-field {
1100      padding: 12px 8px 8px;
1101  }
1102  
1103  #side-sortables #postcustom #postcustomstuff .submit {
1104      margin: 0;
1105      padding: 0;
1106  }
1107  
1108  #side-sortables #postcustom #postcustomstuff #the-list textarea {
1109      height: 85px;
1110  }
1111  
1112  #side-sortables #postcustom #postcustomstuff td.left input,
1113  #side-sortables #postcustom #postcustomstuff td.left select,
1114  #side-sortables #postcustomstuff #newmetaleft a {
1115      margin: 3px 3px 0;
1116  }
1117  
1118  #postcustomstuff table {
1119      margin: 0;
1120      width: 100%;
1121      border: 1px solid #dcdcde;
1122      border-spacing: 0;
1123      background-color: #f6f7f7;
1124  }
1125  
1126  #postcustomstuff tr {
1127      vertical-align: top;
1128  }
1129  
1130  #postcustomstuff table input,
1131  #postcustomstuff table select,
1132  #postcustomstuff table textarea {
1133      width: 96%;
1134      margin: 8px;
1135  }
1136  
1137  #side-sortables #postcustomstuff table input,
1138  #side-sortables #postcustomstuff table select,
1139  #side-sortables #postcustomstuff table textarea {
1140      margin: 3px;
1141  }
1142  
1143  #postcustomstuff th.left,
1144  #postcustomstuff td.left {
1145      width: 38%;
1146  }
1147  
1148  #postcustomstuff .submit input {
1149      margin: 0;
1150      width: auto;
1151  }
1152  
1153  #postcustomstuff #newmetaleft a,
1154  #postcustomstuff #newmeta-button {
1155      display: inline-block;
1156      margin: 0 8px 8px;
1157      text-decoration: none;
1158  }
1159  
1160  .no-js #postcustomstuff #enternew {
1161      display: none;
1162  }
1163  
1164  #post-body-content .compat-attachment-fields {
1165      margin-bottom: 20px;
1166  }
1167  
1168  .compat-attachment-fields th {
1169      padding-top: 5px;
1170      padding-right: 10px;
1171  }
1172  
1173  /*------------------------------------------------------------------------------
1174    11.3 - Featured Images
1175  ------------------------------------------------------------------------------*/
1176  
1177  #select-featured-image {
1178      padding: 4px 0;
1179      overflow: hidden;
1180  }
1181  
1182  #select-featured-image img {
1183      max-width: 100%;
1184      height: auto;
1185      margin-bottom: 10px;
1186  }
1187  
1188  #select-featured-image a {
1189      float: left;
1190      clear: both;
1191  }
1192  
1193  #select-featured-image .remove {
1194      display: none;
1195      margin-top: 10px;
1196  }
1197  
1198  .js #select-featured-image.has-featured-image .remove {
1199      display: inline-block;
1200  }
1201  
1202  .no-js #select-featured-image .choose {
1203      display: none;
1204  }
1205  
1206  /*------------------------------------------------------------------------------
1207    11.4 - Post formats
1208  ------------------------------------------------------------------------------*/
1209  
1210  .post-format-icon::before {
1211      display: inline-block;
1212      vertical-align: middle;
1213      height: 20px;
1214      width: 20px;
1215      margin-top: -4px;
1216      margin-right: 7px;
1217      color: #dcdcde;
1218      font: normal 20px/1 dashicons;
1219      -webkit-font-smoothing: antialiased;
1220      -moz-osx-font-smoothing: grayscale;
1221  }
1222  
1223  a.post-format-icon:hover:before {
1224      color: #135e96;
1225  }
1226  
1227  #post-formats-select {
1228      line-height: 2;
1229  }
1230  
1231  #post-formats-select .post-format-icon::before {
1232      top: 5px;
1233  }
1234  
1235  input.post-format {
1236      margin-top: 1px;
1237  }
1238  
1239  label.post-format-icon {
1240      margin-left: 0;
1241      padding: 2px 0;
1242  }
1243  
1244  .post-format-icon.post-format-standard::before {
1245      content: "\f109";
1246      content: "\f109" / '';
1247  }
1248  
1249  .post-format-icon.post-format-image::before {
1250      content: "\f128";
1251      content: "\f128" / '';
1252  }
1253  
1254  .post-format-icon.post-format-gallery::before {
1255      content: "\f161";
1256      content: "\f161" / '';
1257  }
1258  
1259  .post-format-icon.post-format-audio::before {
1260      content: "\f127";
1261      content: "\f127" / '';
1262  }
1263  
1264  .post-format-icon.post-format-video::before {
1265      content: "\f126";
1266      content: "\f126" / '';
1267  }
1268  
1269  .post-format-icon.post-format-chat::before {
1270      content: "\f125";
1271      content: "\f125" / '';
1272  }
1273  
1274  .post-format-icon.post-format-status::before {
1275      content: "\f130";
1276      content: "\f130" / '';
1277  }
1278  
1279  .post-format-icon.post-format-aside::before {
1280      content: "\f123";
1281      content: "\f123" / '';
1282  }
1283  
1284  .post-format-icon.post-format-quote::before {
1285      content: "\f122";
1286      content: "\f122" / '';
1287  }
1288  
1289  .post-format-icon.post-format-link::before {
1290      content: "\f103";
1291      content: "\f103" / '';
1292  }
1293  
1294  /*------------------------------------------------------------------------------
1295    12.0 - Categories
1296  ------------------------------------------------------------------------------*/
1297  
1298  .category-adder {
1299      margin-left: 120px;
1300      padding: 4px 0;
1301  }
1302  
1303  .category-adder h4 {
1304      margin: 0 0 8px;
1305  }
1306  
1307  #side-sortables .category-adder {
1308      margin: 0;
1309  }
1310  
1311  .wp-tab-panel,
1312  .categorydiv div.tabs-panel,
1313  .customlinkdiv div.tabs-panel,
1314  .posttypediv div.tabs-panel,
1315  .taxonomydiv div.tabs-panel {
1316      min-height: 42px;
1317      max-height: 200px;
1318      overflow: auto;
1319      padding: 0 0.9em;
1320      border: solid 1px #dcdcde;
1321      background-color: #fff;
1322  }
1323  
1324  div.tabs-panel-active {
1325      display: block;
1326  }
1327  
1328  div.tabs-panel-inactive {
1329      display: none;
1330  }
1331  
1332  div.tabs-panel-active:focus {
1333      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
1334      /* Only visible in Windows High Contrast mode */
1335      outline: 2px solid transparent;
1336  }
1337  .options-discussion-php .indent-children ul,
1338  #front-page-warning,
1339  #front-static-pages ul,
1340  ul.export-filters,
1341  .inline-editor ul.cat-checklist ul,
1342  .categorydiv ul.categorychecklist ul,
1343  .customlinkdiv ul.categorychecklist ul,
1344  .posttypediv ul.categorychecklist ul,
1345  .taxonomydiv ul.categorychecklist ul {
1346      margin-left: 18px;
1347  }
1348  
1349  ul.categorychecklist li {
1350      margin: 0;
1351      padding: 0;
1352      line-height: 1.69230769;
1353      word-wrap: break-word;
1354  }
1355  
1356  .categorydiv .tabs-panel,
1357  .customlinkdiv .tabs-panel,
1358  .posttypediv .tabs-panel,
1359  .taxonomydiv .tabs-panel {
1360      border-width: 3px;
1361      border-style: solid;
1362  }
1363  
1364  .form-wrap label {
1365      display: block;
1366      padding: 2px 0;
1367  }
1368  
1369  .form-field input[type="text"],
1370  .form-field input[type="password"],
1371  .form-field input[type="email"],
1372  .form-field input[type="number"],
1373  .form-field input[type="search"],
1374  .form-field input[type="tel"],
1375  .form-field input[type="url"],
1376  .form-field textarea {
1377      border-style: solid;
1378      border-width: 1px;
1379      width: 95%;
1380  }
1381  
1382  .form-field select,
1383  .form-field p {
1384      max-width: 95%;
1385  }
1386  
1387  p.description,
1388  .form-wrap p {
1389      margin: 2px 0 5px;
1390      color: #646970;
1391  }
1392  
1393  p.help,
1394  p.description,
1395  span.description,
1396  .form-wrap p {
1397      font-size: 13px;
1398  }
1399  
1400  p.description code {
1401      font-style: normal;
1402  }
1403  
1404  p.description code,
1405  .form-wrap p code {
1406      color: #50575e;
1407  }
1408  
1409  .form-wrap .form-field {
1410      margin: 1em 0;
1411      padding: 0;
1412  }
1413  
1414  .col-wrap h2 {
1415      margin: 12px 0;
1416      font-size: 1.1em;
1417  }
1418  
1419  .col-wrap p.submit {
1420      margin-top: -10px;
1421  }
1422  
1423  .edit-term-notes {
1424      margin-top: 2em;
1425  }
1426  
1427  /*------------------------------------------------------------------------------
1428    13.0 - Tags
1429  ------------------------------------------------------------------------------*/
1430  
1431  #poststuff .tagsdiv .ajaxtag {
1432      margin-top: 1em;
1433      display: flex;
1434      gap: 8px;
1435      align-items: center;
1436  }
1437  
1438  #poststuff .tagsdiv .howto {
1439      margin: 1em 0 6px;
1440  }
1441  
1442  .ajaxtag .newtag {
1443      position: relative;
1444  }
1445  
1446  .tagsdiv .newtag {
1447      flex: 1;
1448      min-width: 0;
1449  }
1450  
1451  .tagsdiv .the-tags {
1452      display: block;
1453      height: 60px;
1454      margin: 0 auto;
1455      overflow: auto;
1456      width: 260px;
1457  }
1458  
1459  #post-body-content .tagsdiv .the-tags {
1460      margin: 0 5px;
1461  }
1462  
1463  p.popular-tags {
1464      border: none;
1465      line-height: 2em;
1466      padding: 8px 12px 12px;
1467      text-align: justify;
1468  }
1469  
1470  p.popular-tags a {
1471      padding: 0 3px;
1472  }
1473  
1474  .tagcloud {
1475      width: 97%;
1476      margin: 0 0 40px;
1477      text-align: justify;
1478  }
1479  
1480  .tagcloud h2 {
1481      margin: 2px 0 12px;
1482  }
1483  
1484  #poststuff .inside .the-tagcloud {
1485      margin: 5px 0 10px;
1486      padding: 8px;
1487      border: 1px solid #dcdcde;
1488      line-height: 1.2;
1489      word-spacing: 3px;
1490  }
1491  
1492  .the-tagcloud ul {
1493      margin: 0;
1494  }
1495  
1496  .the-tagcloud ul li {
1497      display: inline-block;
1498  }
1499  
1500  /* Back-compat styles from deprecated jQuery.suggest, see ticket #40260. */
1501  .ac_results {
1502      display: none;
1503      margin: -1px 0 0;
1504      padding: 0;
1505      list-style: none;
1506      position: absolute;
1507      z-index: 10000;
1508      border: 1px solid #4f94d4;
1509      background-color: #fff;
1510  }
1511  
1512  .wp-customizer .ac_results {
1513      z-index: 500000;
1514  }
1515  
1516  .ac_results li {
1517      margin: 0;
1518      padding: 5px 10px;
1519      white-space: nowrap;
1520      text-align: left;
1521  }
1522  
1523  .ac_results .ac_over,
1524  .ac_over .ac_match {
1525      background-color: #2271b1;
1526      color: #fff;
1527      cursor: pointer;
1528  }
1529  
1530  .ac_match {
1531      text-decoration: underline;
1532  }
1533  
1534  #addtag .spinner {
1535      float: none;
1536      vertical-align: top;
1537  }
1538  
1539  #edittag {
1540      max-width: 800px;
1541  }
1542  
1543  .edit-tag-actions {
1544      display: flex;
1545      align-items: center;
1546      gap: 8px;
1547      margin-top: 20px;
1548  }
1549  
1550  /* Comments */
1551  
1552  .comment-php .wp-editor-area {
1553      height: 200px;
1554  }
1555  
1556  .comment-ays th,
1557  .comment-ays td {
1558      padding: 10px 15px;
1559  }
1560  
1561  .comment-ays .comment-content ul {
1562      list-style: initial;
1563      margin-left: 2em;
1564  }
1565  
1566  .comment-ays .comment-content a[href]:after {
1567      content: "(" attr( href ) ")";
1568      display: inline-block;
1569      padding: 0 4px;
1570      color: #646970;
1571      font-size: 13px;
1572      word-break: break-all;
1573  }
1574  
1575  .comment-ays .comment-content p.edit-comment {
1576      margin-top: 10px;
1577  }
1578  
1579  .comment-ays .comment-content p.edit-comment a[href]:after {
1580      content: "";
1581      padding: 0;
1582  }
1583  
1584  .comment-ays-submit .button-cancel {
1585      margin-left: 1em;
1586  }
1587  
1588  .trash-undo-inside,
1589  .spam-undo-inside {
1590      margin: 1px 8px 1px 0;
1591      line-height: 1.23076923;
1592  }
1593  
1594  .spam-undo-inside .avatar,
1595  .trash-undo-inside .avatar {
1596      height: 20px;
1597      width: 20px;
1598      margin-right: 8px;
1599      vertical-align: middle;
1600  }
1601  
1602  .stuffbox .editcomment {
1603      clear: none;
1604      margin-top: 0;
1605  }
1606  
1607  #namediv.stuffbox .editcomment input {
1608      width: 100%;
1609  }
1610  
1611  #namediv.stuffbox .editcomment.form-table td {
1612      padding: 10px;
1613  }
1614  
1615  #comment-status-radio p {
1616      margin: 3px 0 5px;
1617  }
1618  
1619  #comment-status-radio input {
1620      margin: 2px 3px 5px 0;
1621      vertical-align: middle;
1622  }
1623  
1624  #comment-status-radio label {
1625      padding: 5px 0;
1626  }
1627  
1628  /* links tables */
1629  table.links-table {
1630      width: 100%;
1631      border-spacing: 0;
1632  }
1633  
1634  .links-table th {
1635      font-weight: 400;
1636      text-align: left;
1637      vertical-align: top;
1638      min-width: 80px;
1639      width: 20%;
1640      word-wrap: break-word;
1641  }
1642  
1643  .links-table th,
1644  .links-table td {
1645      padding: 5px 0;
1646  }
1647  
1648  .links-table td label {
1649      margin-right: 8px;
1650  }
1651  
1652  .links-table td input[type="text"],
1653  .links-table td textarea {
1654      width: 100%;
1655  }
1656  
1657  .links-table #link_rel {
1658      max-width: 280px;
1659  }
1660  
1661  /* DFW 2
1662  -------------------------------------------------------------- */
1663  
1664  #qt_content_dfw {
1665      display: none;
1666  }
1667  
1668  .wp-editor-expand #qt_content_dfw {
1669      display: inline-block;
1670  }
1671  
1672  .focus-on .wrap > h1,
1673  .focus-on .page-title-action,
1674  .focus-on #wpfooter,
1675  .focus-on .postbox-container > *,
1676  .focus-on div.updated,
1677  .focus-on div.error,
1678  .focus-on div.notice,
1679  .focus-on .update-nag,
1680  .focus-on #wp-toolbar,
1681  .focus-on #screen-meta-links,
1682  .focus-on #screen-meta {
1683      opacity: 0;
1684      transition-duration: 0.6s;
1685      transition-property: opacity;
1686      transition-timing-function: ease-in-out;
1687  }
1688  
1689  .focus-on #wp-toolbar {
1690      opacity: 0.3;
1691  }
1692  
1693  .focus-off .wrap > h1,
1694  .focus-off .page-title-action,
1695  .focus-off #wpfooter,
1696  .focus-off .postbox-container > *,
1697  .focus-off div.updated,
1698  .focus-off div.error,
1699  .focus-off div.notice,
1700  .focus-off .update-nag,
1701  .focus-off #wp-toolbar,
1702  .focus-off #screen-meta-links,
1703  .focus-off #screen-meta {
1704      opacity: 1;
1705      transition-duration: 0.2s;
1706      transition-property: opacity;
1707      transition-timing-function: ease-in-out;
1708  }
1709  
1710  .focus-off #wp-toolbar {
1711      -webkit-transform: translate(0, 0);
1712  }
1713  
1714  .focus-on #adminmenuback,
1715  .focus-on #adminmenuwrap {
1716      transition-duration: 0.6s;
1717      transition-property: transform;
1718      transition-timing-function: ease-in-out;
1719  }
1720  
1721  .focus-on #adminmenuback,
1722  .focus-on #adminmenuwrap {
1723      transform: translateX( -100% );
1724  }
1725  
1726  .focus-off #adminmenuback,
1727  .focus-off #adminmenuwrap {
1728      transform: translateX( 0 );
1729      transition-duration: 0.2s;
1730      transition-property: transform;
1731      transition-timing-function: ease-in-out;
1732  }
1733  
1734  /* =Media Queries
1735  -------------------------------------------------------------- */
1736  
1737  /**
1738   * HiDPI Displays
1739   */
1740  @media print,
1741    (min-resolution: 120dpi) {
1742      #content-resize-handle,
1743      #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1744          background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1745          background-size: 11px 11px;
1746      }
1747  
1748      /*rtl:ignore*/
1749      .rtl #content-resize-handle,
1750      .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1751          background-image: url(../images/resize-rtl-2x.gif);
1752          background-position: left bottom;
1753      }
1754  }
1755  
1756  /*
1757   * The edit attachment screen auto-switches to one column layout when the
1758   * viewport is smaller than 1200 pixels.
1759   */
1760  @media only screen and (max-width: 1200px) {
1761      .post-type-attachment #poststuff {
1762          min-width: 0;
1763      }
1764  
1765      .post-type-attachment #wpbody-content #poststuff #post-body {
1766          margin: 0;
1767      }
1768  
1769      .post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
1770          margin-right: 0;
1771          width: 100%;
1772      }
1773  
1774      .post-type-attachment #poststuff #postbox-container-1 .empty-container,
1775      .post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
1776          outline: none;
1777          height: 0;
1778          min-height: 0;
1779      }
1780  
1781      .post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
1782          min-height: 0;
1783          width: auto;
1784      }
1785  
1786      .is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables {
1787          border: none;
1788          background: transparent;
1789          min-height: 0;
1790          margin-bottom: 0;
1791      }
1792  
1793      /* hide the radio buttons for column prefs */
1794      .post-type-attachment .screen-layout,
1795      .post-type-attachment .columns-prefs {
1796          display: none;
1797      }
1798  }
1799  
1800  /* one column on the post write/edit screen */
1801  @media only screen and (max-width: 850px) {
1802      #poststuff {
1803          min-width: 0;
1804      }
1805  
1806      #wpbody-content #poststuff #post-body {
1807          margin: 0;
1808      }
1809  
1810      #wpbody-content #post-body.columns-2 #postbox-container-1 {
1811          margin-right: 0;
1812          width: 100%;
1813      }
1814  
1815      #poststuff #postbox-container-1 .empty-container,
1816      #poststuff #postbox-container-1 #side-sortables:empty {
1817          height: 0;
1818          min-height: 0;
1819      }
1820  
1821      #poststuff #post-body.columns-2 #side-sortables {
1822          min-height: 0;
1823          width: auto;
1824      }
1825  
1826      /* Increase min-height while dragging for the #side-sortables and any potential sortables area with custom ID. */
1827      .is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container,
1828      .is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty,
1829      .is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables,
1830      .is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables {
1831          height: auto;
1832          min-height: 60px;
1833      }
1834  
1835      /* hide the radio buttons for column prefs */
1836      .screen-layout,
1837      .columns-prefs {
1838          display: none;
1839      }
1840  }
1841  
1842  @media screen and (max-width: 782px) {
1843      .wp-core-ui .edit-tag-actions .button-primary {
1844          margin-bottom: 0;
1845      }
1846  
1847      #post-body-content {
1848          min-width: 0;
1849      }
1850  
1851      #titlediv #title-prompt-text {
1852          padding: 10px;
1853      }
1854  
1855      #poststuff .stuffbox .inside {
1856          padding: 0 2px 4px 0;
1857      }
1858  
1859      #poststuff h3.hndle, /* Back-compat for pre-4.4 */
1860      #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
1861      #poststuff h2 {
1862          padding: 12px;
1863      }
1864  
1865      #namediv.stuffbox .editcomment.form-table td {
1866          padding: 5px 10px;
1867      }
1868  
1869      .post-format-options {
1870          padding-right: 0;
1871      }
1872  
1873      .post-format-options a {
1874          margin-right: 5px;
1875          margin-bottom: 5px;
1876          min-width: 52px;
1877      }
1878  
1879      .post-format-options .post-format-title {
1880          font-size: 11px;
1881      }
1882  
1883      .post-format-options a div {
1884          height: 28px;
1885          width: 28px;
1886      }
1887  
1888      .post-format-options a div:before {
1889          font-size: 26px !important;
1890      }
1891  
1892      /* Publish Metabox Options */
1893      #post-visibility-select {
1894          line-height: 280%;
1895      }
1896  
1897      .wp-core-ui .save-post-visibility,
1898      .wp-core-ui .save-timestamp {
1899          vertical-align: middle;
1900          margin-right: 15px;
1901      }
1902  
1903      .timestamp-wrap select#mm {
1904          display: block;
1905          width: 100%;
1906          margin-bottom: 10px;
1907      }
1908  
1909      .timestamp-wrap #jj,
1910      .timestamp-wrap #aa,
1911      .timestamp-wrap #hh,
1912      .timestamp-wrap #mn {
1913          padding: 12px 3px;
1914          font-size: 14px;
1915          margin-bottom: 5px;
1916          width: auto;
1917          text-align: center;
1918      }
1919  
1920      /* Categories Metabox */
1921      ul.category-tabs {
1922          margin: 30px 0 15px;
1923      }
1924  
1925      ul.category-tabs li.tabs {
1926          padding: 15px;
1927      }
1928  
1929      ul.categorychecklist li {
1930          margin-bottom: 15px;
1931      }
1932  
1933      ul.categorychecklist ul {
1934          margin-top: 15px;
1935      }
1936  
1937      .category-add input[type=text],
1938      .category-add select {
1939          max-width: none;
1940          margin-bottom: 15px;
1941      }
1942  
1943      /* Tags Metabox */
1944      .tagsdiv .newtag {
1945          flex: 1;
1946          min-width: 0;
1947          height: auto;
1948          margin-bottom: 0;
1949      }
1950  
1951      .tagchecklist {
1952          margin: 25px 10px;
1953      }
1954  
1955      .tagchecklist > li {
1956          font-size: 16px;
1957          line-height: 1.4;
1958      }
1959  
1960      /* Discussion */
1961      #commentstatusdiv p {
1962          line-height: 2.8;
1963      }
1964  
1965      /* TinyMCE Adjustments */
1966      .mceToolbar * {
1967          white-space: normal !important;
1968      }
1969  
1970      .mceToolbar tr,
1971      .mceToolbar td {
1972          float: left !important;
1973      }
1974  
1975      .wp_themeSkin a.mceButton {
1976          width: 30px;
1977          height: 30px;
1978      }
1979  
1980      .wp_themeSkin .mceButton .mceIcon {
1981          margin-top: 5px;
1982          margin-left: 5px;
1983      }
1984  
1985      .wp_themeSkin .mceSplitButton {
1986          margin-top: 1px;
1987      }
1988  
1989      .wp_themeSkin .mceSplitButton td a.mceAction {
1990          padding: 6px 3px 6px 6px;
1991      }
1992  
1993      .wp_themeSkin .mceSplitButton td a.mceOpen,
1994      .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1995          padding-top: 6px;
1996          padding-bottom: 6px;
1997          background-position: 1px 6px;
1998      }
1999  
2000      .wp_themeSkin table.mceListBox {
2001          margin: 5px;
2002      }
2003  
2004      div.quicktags-toolbar input {
2005          padding: 10px 20px;
2006      }
2007  
2008      button.wp-switch-editor {
2009          font-size: 16px;
2010          line-height: 1;
2011          margin: 7px 0 0 7px;
2012          padding: 8px 12px;
2013      }
2014  
2015      #wp-content-media-buttons a {
2016          font-size: 14px;
2017          padding: 6px 10px;
2018      }
2019  
2020      .wp-media-buttons span.wp-media-buttons-icon,
2021      .wp-media-buttons span.jetpack-contact-form-icon {
2022          width: 22px !important;
2023          margin-left: -2px !important;
2024      }
2025  
2026      .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
2027      .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
2028          font-size: 20px !important;
2029      }
2030  
2031      #content_wp_fullscreen {
2032          display: none;
2033      }
2034  
2035      .misc-pub-section {
2036          padding: 12px 10px;
2037      }
2038  
2039      #delete-action,
2040      #publishing-action {
2041          line-height: 3.61538461;
2042      }
2043  
2044      #publishing-action .spinner {
2045          float: none;
2046          margin-top: -2px; /* Half of the Publish button's bottom margin. */
2047      }
2048  
2049      /* Moderate Comment */
2050      .comment-ays th,
2051      .comment-ays td {
2052          padding-bottom: 0;
2053      }
2054  
2055      .comment-ays td {
2056          padding-top: 6px;
2057      }
2058  
2059      /* Links */
2060      .links-table #link_rel {
2061          max-width: none;
2062      }
2063  
2064      .links-table th,
2065      .links-table td {
2066          padding: 10px 0;
2067      }
2068  
2069      .edit-term-notes {
2070          display: none;
2071      }
2072  
2073      .privacy-text-box {
2074          width: auto;
2075      }
2076  
2077      .privacy-text-box-toc {
2078          float: none;
2079          width: auto;
2080          height: 100%;
2081          display: flex;
2082          flex-direction: column;
2083      }
2084  
2085      .privacy-text-section .return-to-top {
2086          margin: 2em 0 0;
2087      }
2088  }