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