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