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