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