ru-se.com

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

edit.css (37252B)


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