[Summary view] [Print] [Text view]

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