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