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