balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

edit-rtl.css (37295B)


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