[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  #post-visibility-select {
 716      --post-visibility-control-gap: 3px;
 717  
 718      margin-left: var(--post-visibility-control-gap);
 719  }
 720  
 721  #post-visibility-select input#post_password {
 722      box-sizing: border-box;
 723      width: 100%;
 724      margin-top: 3px;
 725  }
 726  
 727  #post-visibility-select input[type="radio"],
 728  #post-visibility-select input#sticky {
 729      margin-top: 2px;
 730      margin-right: var(--post-visibility-control-gap);
 731      margin-bottom: 5px;
 732      vertical-align: middle;
 733  }
 734  
 735  #post-visibility-select #sticky-span,
 736  #post-visibility-select #password-span {
 737      display: block;
 738      margin-left: calc(1rem + var(--post-visibility-control-gap) + 0.25em);
 739      margin-top: 2px;
 740  }
 741  
 742  #post-visibility-select #sticky-span {
 743      margin-bottom: 2px;
 744  }
 745  
 746  #post-visibility-select #password-span {
 747      margin-bottom: 6px;
 748  }
 749  
 750  #post-visibility-select p {
 751      margin: 12px 0 0;
 752  }
 753  
 754  #post-status-select select {
 755      display: block;
 756      margin-bottom: 8px;
 757      width: 100%;
 758  }
 759  
 760  #post-status-select .save-post-status,
 761  #post-status-select .cancel-post-status {
 762      vertical-align: middle;
 763  }
 764  
 765  #linksubmitdiv .inside, /* Old Link Manager back-compat. */
 766  #poststuff #submitdiv .inside {
 767      margin: 0;
 768      padding: 0;
 769  }
 770  
 771  #post-body-content,
 772  .edit-form-section {
 773      margin-bottom: 20px;
 774  }
 775  
 776  .wp_attachment_details .attachment-content-description {
 777      margin-top: 0.5385em;
 778      display: inline-block;
 779      min-height: 1.6923em;
 780  }
 781  
 782  /**
 783  * Privacy Settings section
 784  *
 785  * Note: This section includes selectors from
 786  * Site Health where duplicate styling is used.
 787  */
 788  
 789  /* General */
 790  .privacy-settings #wpcontent,
 791  .privacy-settings.auto-fold #wpcontent,
 792  .site-health #wpcontent,
 793  .site-health.auto-fold #wpcontent {
 794      padding-left: 0;
 795  }
 796  
 797  /* Better position for the WordPress admin notices. */
 798  .privacy-settings .notice,
 799  .site-health .notice {
 800      margin: 25px 20px 15px 22px;
 801  }
 802  
 803  .privacy-settings .notice ~ .notice,
 804  .site-health .notice ~ .notice {
 805      margin-top: 5px;
 806  }
 807  
 808  /* Emulates .wrap h1 styling */
 809  .privacy-settings-header h1,
 810  .health-check-header h1 {
 811      display: inline-block;
 812      font-weight: 600;
 813      margin: 0 0.8rem 1rem;
 814      font-size: 23px;
 815      padding: 9px 0 4px;
 816      line-height: 1.3;
 817  }
 818  
 819  /* Header */
 820  .privacy-settings-header,
 821  .health-check-header {
 822      text-align: center;
 823      margin: 0 0 1rem;
 824      background: #fff;
 825      border-bottom: 1px solid #dcdcde;
 826  }
 827  
 828  .privacy-settings-title-section,
 829  .health-check-title-section {
 830      display: flex;
 831      align-items: center;
 832      justify-content: center;
 833      clear: both;
 834      padding-top: 8px;
 835  }
 836  
 837  .privacy-settings-tabs-wrapper {
 838      /* IE 11 */
 839      display: -ms-inline-grid;
 840      -ms-grid-columns: 1fr 1fr;
 841      vertical-align: top;
 842      /* modern browsers */
 843      display: inline-grid;
 844      grid-template-columns: 1fr 1fr;
 845  }
 846  
 847  .privacy-settings-tab {
 848      display: block; /* IE 11 */
 849      text-decoration: none;
 850      color: inherit;
 851      padding: 0.5rem 1rem 1rem;
 852      margin: 0 1rem;
 853      transition: box-shadow 0.5s ease-in-out;
 854  }
 855  
 856  .privacy-settings-tab:nth-child(1),
 857  .health-check-tab:nth-child(1) {
 858      -ms-grid-column: 1; /* IE 11 */
 859  }
 860  
 861  .privacy-settings-tab:nth-child(2),
 862  .health-check-tab:nth-child(2) {
 863      -ms-grid-column: 2; /* IE 11 */
 864  }
 865  
 866  .privacy-settings-tab:focus,
 867  .health-check-tab:focus {
 868      color: #1d2327;
 869      outline: 1px solid #787c82;
 870      box-shadow: none;
 871  }
 872  
 873  .privacy-settings-tab.active,
 874  .health-check-tab.active {
 875      box-shadow: inset 0 -3px var(--wp-admin-theme-color);
 876      font-weight: 600;
 877  }
 878  
 879  /* Body */
 880  .privacy-settings-body,
 881  .health-check-body {
 882      max-width: 800px;
 883      margin: 0 auto;
 884  }
 885  
 886  .tools-privacy-policy-page th {
 887      min-width: 230px;
 888  }
 889  
 890  .hr-separator {
 891      margin-top: 20px;
 892      margin-bottom: 15px;
 893  }
 894  
 895  /* Accordions */
 896  .privacy-settings-accordion,
 897  .health-check-accordion {
 898      border: 1px solid #c3c4c7;
 899  }
 900  
 901  .privacy-settings-accordion-heading,
 902  .health-check-accordion-heading {
 903      margin: 0;
 904      border-top: 1px solid #c3c4c7;
 905      font-size: inherit;
 906      line-height: inherit;
 907      font-weight: 600;
 908      color: inherit;
 909  }
 910  
 911  .privacy-settings-accordion-heading:first-child,
 912  .health-check-accordion-heading:first-child {
 913      border-top: none;
 914  }
 915  
 916  .privacy-settings-accordion-trigger,
 917  .health-check-accordion-trigger {
 918      background: #fff;
 919      border: 0;
 920      color: #2c3338;
 921      cursor: pointer;
 922      display: flex;
 923      font-weight: 400;
 924      margin: 0;
 925      padding: 1em 3.5em 1em 1.5em;
 926      min-height: 46px;
 927      position: relative;
 928      text-align: left;
 929      width: 100%;
 930      align-items: center;
 931      justify-content: space-between;
 932      -webkit-user-select: auto;
 933      user-select: auto;
 934  }
 935  
 936  .privacy-settings-accordion-trigger:hover,
 937  .privacy-settings-accordion-trigger:active,
 938  .health-check-accordion-trigger:hover,
 939  .health-check-accordion-trigger:active {
 940      background: #f6f7f7;
 941  }
 942  
 943  .privacy-settings-accordion-trigger:focus,
 944  .health-check-accordion-trigger:focus {
 945      color: #1d2327;
 946      border: none;
 947      box-shadow: none;
 948      outline-offset: -1px;
 949      outline: 2px solid var(--wp-admin-theme-color);
 950      background-color: #f6f7f7;
 951  }
 952  
 953  .privacy-settings-accordion-trigger .title,
 954  .health-check-accordion-trigger .title {
 955      pointer-events: none;
 956      font-weight: 600;
 957      flex-grow: 1;
 958  }
 959  
 960  .privacy-settings-accordion-trigger .icon,
 961  .privacy-settings-view-read .icon,
 962  .health-check-accordion-trigger .icon,
 963  .site-health-view-passed .icon {
 964      border: solid #50575e;
 965      border-width: 0 2px 2px 0;
 966      height: 0.5rem;
 967      pointer-events: none;
 968      position: absolute;
 969      right: 1.5em;
 970      top: 50%;
 971      transform: translateY(-70%) rotate(45deg);
 972      width: 0.5rem;
 973  }
 974  
 975  .privacy-settings-accordion-trigger .badge,
 976  .health-check-accordion-trigger .badge {
 977      padding: 0.1rem 0.5rem 0.15rem;
 978      color: #2c3338;
 979      font-weight: 600;
 980  }
 981  
 982  .privacy-settings-accordion-trigger .badge {
 983      margin-left: 0.5rem;
 984  }
 985  
 986  .privacy-settings-accordion-trigger .badge.blue,
 987  .health-check-accordion-trigger .badge.blue {
 988      border: 1px solid var(--wp-admin-theme-color);
 989  }
 990  
 991  .privacy-settings-accordion-trigger .badge.orange,
 992  .health-check-accordion-trigger .badge.orange {
 993      border: 1px solid #dba617;
 994  }
 995  
 996  .privacy-settings-accordion-trigger .badge.red,
 997  .health-check-accordion-trigger .badge.red {
 998      border: 1px solid #e65054;
 999  }
1000  
1001  .privacy-settings-accordion-trigger .badge.green,
1002  .health-check-accordion-trigger .badge.green {
1003      border: 1px solid #00ba37;
1004  }
1005  
1006  .privacy-settings-accordion-trigger .badge.purple,
1007  .health-check-accordion-trigger .badge.purple {
1008      border: 1px solid #2271b1;
1009  }
1010  
1011  .privacy-settings-accordion-trigger .badge.gray,
1012  .health-check-accordion-trigger .badge.gray {
1013      border: 1px solid #c3c4c7;
1014  }
1015  
1016  .privacy-settings-accordion-trigger[aria-expanded="true"] .icon,
1017  .privacy-settings-view-passed[aria-expanded="true"] .icon,
1018  .health-check-accordion-trigger[aria-expanded="true"] .icon,
1019  .site-health-view-passed[aria-expanded="true"] .icon {
1020      transform: translateY(-30%) rotate(-135deg)
1021  }
1022  
1023  .privacy-settings-accordion-panel,
1024  .health-check-accordion-panel {
1025      margin: 0;
1026      padding: 1em 1.5em;
1027      background: #fff;
1028  }
1029  
1030  .privacy-settings-accordion-panel[hidden],
1031  .health-check-accordion-panel[hidden] {
1032      display: none;
1033  }
1034  
1035  .privacy-settings-accordion-panel a .dashicons,
1036  .health-check-accordion-panel a .dashicons {
1037      text-decoration: none;
1038  }
1039  
1040  .privacy-settings-accordion-actions {
1041      justify-content: right;
1042      display: flex;
1043      align-items: center;
1044      flex-wrap: wrap;
1045      gap: 1em;
1046  }
1047  
1048  .privacy-settings-accordion-actions .success {
1049      display: none;
1050      color: #007017;
1051  }
1052  
1053  .privacy-settings-accordion-actions .success.visible {
1054      display: inline-block;
1055  }
1056  
1057  /* Suggested text for privacy policy */
1058  .privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
1059  .privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial,
1060  .privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy {
1061      display: none;
1062  }
1063  
1064  .privacy-settings-accordion-panel strong.wp-policy-help, /* For back-compat, see #49282 */
1065  .privacy-settings-accordion-panel strong.privacy-policy-tutorial {
1066      display: block;
1067      margin: 0 0 1em;
1068  }
1069  
1070  .privacy-text-copy span {
1071      pointer-events: none;
1072  }
1073  
1074  .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),
1075  .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),
1076  .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),
1077  .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) {
1078      margin: 0;
1079      padding: 1em;
1080      border-left: 2px solid #787c82;
1081  }
1082  
1083  /* Media queries */
1084  @media screen and (max-width: 782px) {
1085  
1086      .privacy-settings-body,
1087      .health-check-body {
1088          margin: 0 12px;
1089          width: auto;
1090      }
1091  
1092      .privacy-settings .notice,
1093      .site-health .notice {
1094          margin: 5px 10px 15px;
1095      }
1096  
1097      .privacy-settings .update-nag,
1098      .site-health .update-nag {
1099          margin-right: 10px;
1100          margin-left: 10px;
1101      }
1102  
1103      input#create-page {
1104          margin-top: 10px;
1105      }
1106  
1107      .wp-core-ui button.privacy-text-copy {
1108          white-space: normal;
1109          line-height: 1.8;
1110      }
1111  
1112      #edit-slug-box {
1113          padding: 0;
1114      }
1115  
1116      #editable-post-name input {
1117          min-height: 40px;
1118      }
1119  }
1120  
1121  @media only screen and (max-width: 1004px) {
1122  
1123      .privacy-settings-body,
1124      .health-check-body {
1125          margin: 0 22px;
1126          width: auto;
1127      }
1128  }
1129  
1130  /**
1131  * End Privacy Settings section
1132  */
1133  
1134  /*------------------------------------------------------------------------------
1135    11.1 - Custom Fields
1136  ------------------------------------------------------------------------------*/
1137  
1138  #postcustomstuff thead th {
1139      padding: 5px 8px 8px;
1140      background-color: #f0f0f1;
1141  }
1142  
1143  #postcustom #postcustomstuff .submit {
1144      border: 0 none;
1145      float: none;
1146      padding: 0 8px 8px;
1147  }
1148  
1149  #postcustom #postcustomstuff .add-custom-field {
1150      padding: 12px 8px 8px;
1151  }
1152  
1153  #side-sortables #postcustom #postcustomstuff .submit {
1154      margin: 0;
1155      padding: 0;
1156  }
1157  
1158  #side-sortables #postcustom #postcustomstuff #the-list textarea {
1159      height: 85px;
1160  }
1161  
1162  #side-sortables #postcustom #postcustomstuff td.left input,
1163  #side-sortables #postcustom #postcustomstuff td.left select,
1164  #side-sortables #postcustomstuff #newmetaleft a {
1165      margin: 3px 3px 0;
1166  }
1167  
1168  #postcustomstuff table {
1169      margin: 0;
1170      width: 100%;
1171      border: 1px solid #dcdcde;
1172      border-spacing: 0;
1173      background-color: #f6f7f7;
1174  }
1175  
1176  #postcustomstuff tr {
1177      vertical-align: top;
1178  }
1179  
1180  #postcustomstuff table input,
1181  #postcustomstuff table select,
1182  #postcustomstuff table textarea {
1183      width: 96%;
1184      margin: 8px;
1185  }
1186  
1187  #side-sortables #postcustomstuff table input,
1188  #side-sortables #postcustomstuff table select,
1189  #side-sortables #postcustomstuff table textarea {
1190      margin: 3px;
1191  }
1192  
1193  #postcustomstuff th.left,
1194  #postcustomstuff td.left {
1195      width: 38%;
1196  }
1197  
1198  #postcustomstuff .submit input {
1199      margin: 0;
1200      width: auto;
1201  }
1202  
1203  #postcustomstuff #newmetaleft a,
1204  #postcustomstuff #newmeta-button {
1205      display: inline-block;
1206      margin: 0 8px 8px;
1207      text-decoration: none;
1208  }
1209  
1210  .no-js #postcustomstuff #enternew {
1211      display: none;
1212  }
1213  
1214  #post-body-content .compat-attachment-fields {
1215      margin-bottom: 20px;
1216  }
1217  
1218  .compat-attachment-fields th {
1219      padding-top: 5px;
1220      padding-right: 10px;
1221  }
1222  
1223  /*------------------------------------------------------------------------------
1224    11.3 - Featured Images
1225  ------------------------------------------------------------------------------*/
1226  
1227  #select-featured-image {
1228      padding: 4px 0;
1229      overflow: hidden;
1230  }
1231  
1232  #select-featured-image img {
1233      max-width: 100%;
1234      height: auto;
1235      margin-bottom: 10px;
1236  }
1237  
1238  #select-featured-image a {
1239      float: left;
1240      clear: both;
1241  }
1242  
1243  #select-featured-image .remove {
1244      display: none;
1245      margin-top: 10px;
1246  }
1247  
1248  .js #select-featured-image.has-featured-image .remove {
1249      display: inline-block;
1250  }
1251  
1252  .no-js #select-featured-image .choose {
1253      display: none;
1254  }
1255  
1256  /*------------------------------------------------------------------------------
1257    11.4 - Post formats
1258  ------------------------------------------------------------------------------*/
1259  
1260  .post-format-icon::before {
1261      display: inline-block;
1262      vertical-align: middle;
1263      height: 20px;
1264      width: 20px;
1265      margin-top: -4px;
1266      margin-right: 7px;
1267      color: #dcdcde;
1268      font: normal 20px/1 dashicons;
1269      -webkit-font-smoothing: antialiased;
1270      -moz-osx-font-smoothing: grayscale;
1271  }
1272  
1273  a.post-format-icon:hover:before {
1274      color: #135e96;
1275  }
1276  
1277  #post-formats-select {
1278      line-height: 2;
1279  }
1280  
1281  #post-formats-select .post-format-icon::before {
1282      top: 5px;
1283  }
1284  
1285  input.post-format {
1286      margin-top: 1px;
1287  }
1288  
1289  label.post-format-icon {
1290      margin-left: 0;
1291      padding: 2px 0;
1292  }
1293  
1294  .post-format-icon.post-format-standard::before {
1295      content: "\f109";
1296      content: "\f109" / '';
1297  }
1298  
1299  .post-format-icon.post-format-image::before {
1300      content: "\f128";
1301      content: "\f128" / '';
1302  }
1303  
1304  .post-format-icon.post-format-gallery::before {
1305      content: "\f161";
1306      content: "\f161" / '';
1307  }
1308  
1309  .post-format-icon.post-format-audio::before {
1310      content: "\f127";
1311      content: "\f127" / '';
1312  }
1313  
1314  .post-format-icon.post-format-video::before {
1315      content: "\f126";
1316      content: "\f126" / '';
1317  }
1318  
1319  .post-format-icon.post-format-chat::before {
1320      content: "\f125";
1321      content: "\f125" / '';
1322  }
1323  
1324  .post-format-icon.post-format-status::before {
1325      content: "\f130";
1326      content: "\f130" / '';
1327  }
1328  
1329  .post-format-icon.post-format-aside::before {
1330      content: "\f123";
1331      content: "\f123" / '';
1332  }
1333  
1334  .post-format-icon.post-format-quote::before {
1335      content: "\f122";
1336      content: "\f122" / '';
1337  }
1338  
1339  .post-format-icon.post-format-link::before {
1340      content: "\f103";
1341      content: "\f103" / '';
1342  }
1343  
1344  /*------------------------------------------------------------------------------
1345    12.0 - Categories
1346  ------------------------------------------------------------------------------*/
1347  
1348  .category-adder {
1349      margin-left: 120px;
1350      padding: 4px 0;
1351  }
1352  
1353  .category-adder h4 {
1354      margin: 0 0 8px;
1355  }
1356  
1357  #side-sortables .category-adder {
1358      margin: 0;
1359  }
1360  
1361  .wp-tab-panel,
1362  .categorydiv div.tabs-panel,
1363  .customlinkdiv div.tabs-panel,
1364  .posttypediv div.tabs-panel,
1365  .taxonomydiv div.tabs-panel {
1366      min-height: 42px;
1367      max-height: 200px;
1368      overflow: auto;
1369      padding: 0 0.9em;
1370      border: solid 1px #dcdcde;
1371      background-color: #fff;
1372  }
1373  
1374  div.tabs-panel-active {
1375      display: block;
1376  }
1377  
1378  div.tabs-panel-inactive {
1379      display: none;
1380  }
1381  
1382  div.tabs-panel-active:focus {
1383      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
1384      /* Only visible in Windows High Contrast mode */
1385      outline: 2px solid transparent;
1386  }
1387  .options-discussion-php .indent-children ul,
1388  #front-page-warning,
1389  #front-static-pages ul,
1390  ul.export-filters,
1391  .inline-editor ul.cat-checklist ul,
1392  .categorydiv ul.categorychecklist ul,
1393  .customlinkdiv ul.categorychecklist ul,
1394  .posttypediv ul.categorychecklist ul,
1395  .taxonomydiv ul.categorychecklist ul {
1396      margin-left: 18px;
1397  }
1398  
1399  ul.categorychecklist li {
1400      margin: 0;
1401      padding: 0;
1402      line-height: 1.69230769;
1403      word-wrap: break-word;
1404  }
1405  
1406  .categorydiv .tabs-panel,
1407  .customlinkdiv .tabs-panel,
1408  .posttypediv .tabs-panel,
1409  .taxonomydiv .tabs-panel {
1410      border-width: 3px;
1411      border-style: solid;
1412  }
1413  
1414  .form-wrap label {
1415      display: block;
1416      padding: 2px 0;
1417  }
1418  
1419  .form-field input[type="text"],
1420  .form-field input[type="password"],
1421  .form-field input[type="email"],
1422  .form-field input[type="number"],
1423  .form-field input[type="search"],
1424  .form-field input[type="tel"],
1425  .form-field input[type="url"],
1426  .form-field textarea {
1427      border-style: solid;
1428      border-width: 1px;
1429      width: 95%;
1430  }
1431  
1432  .form-field select,
1433  .form-field p {
1434      max-width: 95%;
1435  }
1436  
1437  p.description,
1438  .form-wrap p {
1439      margin: 2px 0 5px;
1440      color: #646970;
1441  }
1442  
1443  p.help,
1444  p.description,
1445  span.description,
1446  .form-wrap p {
1447      font-size: 13px;
1448  }
1449  
1450  p.description code {
1451      font-style: normal;
1452  }
1453  
1454  p.description code,
1455  .form-wrap p code {
1456      color: #50575e;
1457  }
1458  
1459  .form-wrap .form-field {
1460      margin: 1em 0;
1461      padding: 0;
1462  }
1463  
1464  .col-wrap h2 {
1465      margin: 12px 0;
1466      font-size: 1.1em;
1467  }
1468  
1469  .col-wrap p.submit {
1470      margin-top: -10px;
1471  }
1472  
1473  .edit-term-notes {
1474      margin-top: 2em;
1475  }
1476  
1477  /*------------------------------------------------------------------------------
1478    13.0 - Tags
1479  ------------------------------------------------------------------------------*/
1480  
1481  #poststuff .tagsdiv .ajaxtag {
1482      margin-top: 1em;
1483      display: flex;
1484      gap: 8px;
1485      align-items: center;
1486  }
1487  
1488  #poststuff .tagsdiv .howto {
1489      margin: 1em 0 6px;
1490  }
1491  
1492  .ajaxtag .newtag {
1493      position: relative;
1494  }
1495  
1496  .tagsdiv .newtag {
1497      flex: 1;
1498      min-width: 0;
1499  }
1500  
1501  .tagsdiv .the-tags {
1502      display: block;
1503      height: 60px;
1504      margin: 0 auto;
1505      overflow: auto;
1506      width: 260px;
1507  }
1508  
1509  #post-body-content .tagsdiv .the-tags {
1510      margin: 0 5px;
1511  }
1512  
1513  p.popular-tags {
1514      border: none;
1515      line-height: 2em;
1516      padding: 8px 12px 12px;
1517      text-align: justify;
1518  }
1519  
1520  p.popular-tags a {
1521      padding: 0 3px;
1522  }
1523  
1524  .tagcloud {
1525      width: 97%;
1526      margin: 0 0 40px;
1527      text-align: justify;
1528  }
1529  
1530  .tagcloud h2 {
1531      margin: 2px 0 12px;
1532  }
1533  
1534  #poststuff .inside .the-tagcloud {
1535      margin: 5px 0 10px;
1536      padding: 8px;
1537      border: 1px solid #dcdcde;
1538      line-height: 1.2;
1539      word-spacing: 3px;
1540  }
1541  
1542  .the-tagcloud ul {
1543      margin: 0;
1544  }
1545  
1546  .the-tagcloud ul li {
1547      display: inline-block;
1548  }
1549  
1550  /* Back-compat styles from deprecated jQuery.suggest, see ticket #40260. */
1551  .ac_results {
1552      display: none;
1553      margin: -1px 0 0;
1554      padding: 0;
1555      list-style: none;
1556      position: absolute;
1557      z-index: 10000;
1558      border: 1px solid #4f94d4;
1559      background-color: #fff;
1560  }
1561  
1562  .wp-customizer .ac_results {
1563      z-index: 500000;
1564  }
1565  
1566  .ac_results li {
1567      margin: 0;
1568      padding: 5px 10px;
1569      white-space: nowrap;
1570      text-align: left;
1571  }
1572  
1573  .ac_results .ac_over,
1574  .ac_over .ac_match {
1575      background-color: #2271b1;
1576      color: #fff;
1577      cursor: pointer;
1578  }
1579  
1580  .ac_match {
1581      text-decoration: underline;
1582  }
1583  
1584  #addtag .spinner {
1585      float: none;
1586      vertical-align: top;
1587  }
1588  
1589  #edittag {
1590      max-width: 800px;
1591  }
1592  
1593  .edit-tag-actions {
1594      display: flex;
1595      align-items: center;
1596      gap: 8px;
1597      margin-top: 20px;
1598  }
1599  
1600  /* Comments */
1601  
1602  .comment-php .wp-editor-area {
1603      height: 200px;
1604  }
1605  
1606  .comment-ays th,
1607  .comment-ays td {
1608      padding: 10px 15px;
1609  }
1610  
1611  .comment-ays .comment-content ul {
1612      list-style: initial;
1613      margin-left: 2em;
1614  }
1615  
1616  .comment-ays .comment-content a[href]:after {
1617      content: "(" attr( href ) ")";
1618      display: inline-block;
1619      padding: 0 4px;
1620      color: #646970;
1621      font-size: 13px;
1622      word-break: break-all;
1623  }
1624  
1625  .comment-ays .comment-content p.edit-comment {
1626      margin-top: 10px;
1627  }
1628  
1629  .comment-ays .comment-content p.edit-comment a[href]:after {
1630      content: "";
1631      padding: 0;
1632  }
1633  
1634  .comment-ays-submit .button-cancel {
1635      margin-left: 1em;
1636  }
1637  
1638  .trash-undo-inside,
1639  .spam-undo-inside {
1640      margin: 1px 8px 1px 0;
1641      line-height: 1.23076923;
1642  }
1643  
1644  .spam-undo-inside .avatar,
1645  .trash-undo-inside .avatar {
1646      height: 20px;
1647      width: 20px;
1648      margin-right: 8px;
1649      vertical-align: middle;
1650  }
1651  
1652  .stuffbox .editcomment {
1653      clear: none;
1654      margin-top: 0;
1655  }
1656  
1657  #namediv.stuffbox .editcomment input {
1658      width: 100%;
1659  }
1660  
1661  #namediv.stuffbox .editcomment.form-table td {
1662      padding: 10px;
1663  }
1664  
1665  #comment-status-radio p {
1666      margin: 3px 0 5px;
1667  }
1668  
1669  #comment-status-radio input {
1670      margin: 2px 3px 5px 0;
1671      vertical-align: middle;
1672  }
1673  
1674  #comment-status-radio label {
1675      padding: 5px 0;
1676  }
1677  
1678  /* links tables */
1679  table.links-table {
1680      width: 100%;
1681      border-spacing: 0;
1682  }
1683  
1684  .links-table th {
1685      font-weight: 400;
1686      text-align: left;
1687      vertical-align: top;
1688      min-width: 80px;
1689      width: 20%;
1690      word-wrap: break-word;
1691  }
1692  
1693  .links-table th,
1694  .links-table td {
1695      padding: 5px 0;
1696  }
1697  
1698  .links-table td label {
1699      margin-right: 8px;
1700  }
1701  
1702  .links-table td input[type="text"],
1703  .links-table td textarea {
1704      width: 100%;
1705  }
1706  
1707  .links-table #link_rel {
1708      max-width: 280px;
1709  }
1710  
1711  /* DFW 2
1712  -------------------------------------------------------------- */
1713  
1714  #qt_content_dfw {
1715      display: none;
1716  }
1717  
1718  .wp-editor-expand #qt_content_dfw {
1719      display: inline-block;
1720  }
1721  
1722  .focus-on .wrap > h1,
1723  .focus-on .page-title-action,
1724  .focus-on #wpfooter,
1725  .focus-on .postbox-container > *,
1726  .focus-on div.updated,
1727  .focus-on div.error,
1728  .focus-on div.notice,
1729  .focus-on .update-nag,
1730  .focus-on #wp-toolbar,
1731  .focus-on #screen-meta-links,
1732  .focus-on #screen-meta {
1733      opacity: 0;
1734      transition-duration: 0.6s;
1735      transition-property: opacity;
1736      transition-timing-function: ease-in-out;
1737  }
1738  
1739  .focus-on #wp-toolbar {
1740      opacity: 0.3;
1741  }
1742  
1743  .focus-off .wrap > h1,
1744  .focus-off .page-title-action,
1745  .focus-off #wpfooter,
1746  .focus-off .postbox-container > *,
1747  .focus-off div.updated,
1748  .focus-off div.error,
1749  .focus-off div.notice,
1750  .focus-off .update-nag,
1751  .focus-off #wp-toolbar,
1752  .focus-off #screen-meta-links,
1753  .focus-off #screen-meta {
1754      opacity: 1;
1755      transition-duration: 0.2s;
1756      transition-property: opacity;
1757      transition-timing-function: ease-in-out;
1758  }
1759  
1760  .focus-off #wp-toolbar {
1761      -webkit-transform: translate(0, 0);
1762  }
1763  
1764  .focus-on #adminmenuback,
1765  .focus-on #adminmenuwrap {
1766      transition-duration: 0.6s;
1767      transition-property: transform;
1768      transition-timing-function: ease-in-out;
1769  }
1770  
1771  .focus-on #adminmenuback,
1772  .focus-on #adminmenuwrap {
1773      transform: translateX( -100% );
1774  }
1775  
1776  .focus-off #adminmenuback,
1777  .focus-off #adminmenuwrap {
1778      transform: translateX( 0 );
1779      transition-duration: 0.2s;
1780      transition-property: transform;
1781      transition-timing-function: ease-in-out;
1782  }
1783  
1784  /* =Media Queries
1785  -------------------------------------------------------------- */
1786  
1787  /**
1788   * HiDPI Displays
1789   */
1790  @media print,
1791    (min-resolution: 120dpi) {
1792      #content-resize-handle,
1793      #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1794          background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1795          background-size: 11px 11px;
1796      }
1797  
1798      /*rtl:ignore*/
1799      .rtl #content-resize-handle,
1800      .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1801          background-image: url(../images/resize-rtl-2x.gif);
1802          background-position: left bottom;
1803      }
1804  }
1805  
1806  /*
1807   * The edit attachment screen auto-switches to one column layout when the
1808   * viewport is smaller than 1200 pixels.
1809   */
1810  @media only screen and (max-width: 1200px) {
1811      .post-type-attachment #poststuff {
1812          min-width: 0;
1813      }
1814  
1815      .post-type-attachment #wpbody-content #poststuff #post-body {
1816          margin: 0;
1817      }
1818  
1819      .post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 {
1820          margin-right: 0;
1821          width: 100%;
1822      }
1823  
1824      .post-type-attachment #poststuff #postbox-container-1 .empty-container,
1825      .post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty {
1826          outline: none;
1827          height: 0;
1828          min-height: 0;
1829      }
1830  
1831      .post-type-attachment #poststuff #post-body.columns-2 #side-sortables {
1832          min-height: 0;
1833          width: auto;
1834      }
1835  
1836      .is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables {
1837          border: none;
1838          background: transparent;
1839          min-height: 0;
1840          margin-bottom: 0;
1841      }
1842  
1843      /* hide the radio buttons for column prefs */
1844      .post-type-attachment .screen-layout,
1845      .post-type-attachment .columns-prefs {
1846          display: none;
1847      }
1848  }
1849  
1850  /* one column on the post write/edit screen */
1851  @media only screen and (max-width: 850px) {
1852      #poststuff {
1853          min-width: 0;
1854      }
1855  
1856      #wpbody-content #poststuff #post-body {
1857          margin: 0;
1858      }
1859  
1860      #wpbody-content #post-body.columns-2 #postbox-container-1 {
1861          margin-right: 0;
1862          width: 100%;
1863      }
1864  
1865      #poststuff #postbox-container-1 .empty-container,
1866      #poststuff #postbox-container-1 #side-sortables:empty {
1867          height: 0;
1868          min-height: 0;
1869      }
1870  
1871      #poststuff #post-body.columns-2 #side-sortables {
1872          min-height: 0;
1873          width: auto;
1874      }
1875  
1876      /* Increase min-height while dragging for the #side-sortables and any potential sortables area with custom ID. */
1877      .is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container,
1878      .is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty,
1879      .is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables,
1880      .is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables {
1881          height: auto;
1882          min-height: 60px;
1883      }
1884  
1885      /* hide the radio buttons for column prefs */
1886      .screen-layout,
1887      .columns-prefs {
1888          display: none;
1889      }
1890  }
1891  
1892  @media screen and (max-width: 782px) {
1893      .wp-core-ui .edit-tag-actions .button-primary {
1894          margin-bottom: 0;
1895      }
1896  
1897      #post-body-content {
1898          min-width: 0;
1899      }
1900  
1901      #titlediv #title-prompt-text {
1902          padding: 10px;
1903      }
1904  
1905      #poststuff .stuffbox .inside {
1906          padding: 0 2px 4px 0;
1907      }
1908  
1909      #poststuff h3.hndle, /* Back-compat for pre-4.4 */
1910      #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
1911      #poststuff h2 {
1912          padding: 12px;
1913      }
1914  
1915      #namediv.stuffbox .editcomment.form-table td {
1916          padding: 5px 10px;
1917      }
1918  
1919      .post-format-options {
1920          padding-right: 0;
1921      }
1922  
1923      .post-format-options a {
1924          margin-right: 5px;
1925          margin-bottom: 5px;
1926          min-width: 52px;
1927      }
1928  
1929      .post-format-options .post-format-title {
1930          font-size: 11px;
1931      }
1932  
1933      .post-format-options a div {
1934          height: 28px;
1935          width: 28px;
1936      }
1937  
1938      .post-format-options a div:before {
1939          font-size: 26px !important;
1940      }
1941  
1942      /* Publish Metabox Options */
1943      #post-visibility-select {
1944          line-height: 280%;
1945      }
1946  
1947      #post-visibility-select #password-span {
1948          line-height: 1.5;
1949      }
1950  
1951      .wp-core-ui #post-status-select .save-post-status.button,
1952      .wp-core-ui .save-post-visibility,
1953      .wp-core-ui .save-timestamp {
1954          vertical-align: middle;
1955          margin-right: 15px;
1956      }
1957  
1958      .wp-core-ui #post-status-select .save-post-status.button {
1959          margin-left: 0;
1960      }
1961  
1962      .timestamp-wrap select#mm {
1963          display: block;
1964          width: 100%;
1965          margin-bottom: 10px;
1966      }
1967  
1968      .timestamp-wrap #jj,
1969      .timestamp-wrap #aa,
1970      .timestamp-wrap #hh,
1971      .timestamp-wrap #mn {
1972          padding: 12px 3px;
1973          font-size: 14px;
1974          margin-bottom: 5px;
1975          width: auto;
1976          text-align: center;
1977      }
1978  
1979      /* Categories Metabox */
1980      ul.category-tabs {
1981          margin: 30px 0 15px;
1982      }
1983  
1984      ul.category-tabs li.tabs {
1985          padding: 15px;
1986      }
1987  
1988      ul.categorychecklist li {
1989          margin-bottom: 15px;
1990      }
1991  
1992      ul.categorychecklist ul {
1993          margin-top: 15px;
1994      }
1995  
1996      .category-add input[type=text],
1997      .category-add select {
1998          max-width: none;
1999          margin-bottom: 15px;
2000      }
2001  
2002      /* Tags Metabox */
2003      .tagsdiv .newtag {
2004          flex: 1;
2005          min-width: 0;
2006          height: auto;
2007          margin-bottom: 0;
2008      }
2009  
2010      .tagchecklist {
2011          margin: 25px 10px;
2012      }
2013  
2014      .tagchecklist > li {
2015          font-size: 16px;
2016          line-height: 1.4;
2017      }
2018  
2019      /* Discussion */
2020      #commentstatusdiv p {
2021          line-height: 2.8;
2022      }
2023  
2024      /* TinyMCE Adjustments */
2025      .mceToolbar * {
2026          white-space: normal !important;
2027      }
2028  
2029      .mceToolbar tr,
2030      .mceToolbar td {
2031          float: left !important;
2032      }
2033  
2034      .wp_themeSkin a.mceButton {
2035          width: 30px;
2036          height: 30px;
2037      }
2038  
2039      .wp_themeSkin .mceButton .mceIcon {
2040          margin-top: 5px;
2041          margin-left: 5px;
2042      }
2043  
2044      .wp_themeSkin .mceSplitButton {
2045          margin-top: 1px;
2046      }
2047  
2048      .wp_themeSkin .mceSplitButton td a.mceAction {
2049          padding: 6px 3px 6px 6px;
2050      }
2051  
2052      .wp_themeSkin .mceSplitButton td a.mceOpen,
2053      .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
2054          padding-top: 6px;
2055          padding-bottom: 6px;
2056          background-position: 1px 6px;
2057      }
2058  
2059      .wp_themeSkin table.mceListBox {
2060          margin: 5px;
2061      }
2062  
2063      div.quicktags-toolbar input {
2064          padding: 10px 20px;
2065      }
2066  
2067      button.wp-switch-editor {
2068          font-size: 16px;
2069          line-height: 1;
2070          margin: 7px 0 0 7px;
2071          padding: 8px 12px;
2072      }
2073  
2074      #wp-content-media-buttons a {
2075          font-size: 14px;
2076          padding: 6px 10px;
2077      }
2078  
2079      .wp-media-buttons span.wp-media-buttons-icon,
2080      .wp-media-buttons span.jetpack-contact-form-icon {
2081          width: 22px !important;
2082          margin-left: -2px !important;
2083      }
2084  
2085      .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
2086      .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
2087          font-size: 20px !important;
2088      }
2089  
2090      #content_wp_fullscreen {
2091          display: none;
2092      }
2093  
2094      .misc-pub-section {
2095          padding: 12px 10px;
2096      }
2097  
2098      #delete-action,
2099      #publishing-action {
2100          line-height: 3.61538461;
2101      }
2102  
2103      #publishing-action .spinner {
2104          float: none;
2105          margin-top: -2px; /* Half of the Publish button's bottom margin. */
2106      }
2107  
2108      /* Moderate Comment */
2109      .comment-ays th,
2110      .comment-ays td {
2111          padding-bottom: 0;
2112      }
2113  
2114      .comment-ays td {
2115          padding-top: 6px;
2116      }
2117  
2118      /* Links */
2119      .links-table #link_rel {
2120          max-width: none;
2121      }
2122  
2123      .links-table th,
2124      .links-table td {
2125          padding: 10px 0;
2126      }
2127  
2128      .edit-term-notes {
2129          display: none;
2130      }
2131  
2132      .privacy-text-box {
2133          width: auto;
2134      }
2135  
2136      .privacy-text-box-toc {
2137          float: none;
2138          width: auto;
2139          height: 100%;
2140          display: flex;
2141          flex-direction: column;
2142      }
2143  
2144      .privacy-text-section .return-to-top {
2145          margin: 2em 0 0;
2146      }
2147  }