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