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