[Summary view] [Print] [Text view]

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