[Summary view] [Print] [Text view]

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