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