[Summary view] [Print] [Text view]

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