6 #poststuff #post-body {
10 #poststuff .postbox-container {
14 #poststuff #post-body.columns-2 {
18 /*------------------------------------------------------------------------------
19 11.0 - Write/Edit Post Screen
20 ------------------------------------------------------------------------------*/
26 #save-action .spinner,
31 #show-comments .spinner {
36 #lost-connection-notice .spinner {
50 #titlediv div.inside {
54 #poststuff #titlewrap {
67 background-color: #fff;
70 #titlediv #title-prompt-text {
77 input#link_description,
83 background: 100% none;
93 min-height: 25px; /* Yes, line-height + 1 */
99 #edit-slug-box .cancel {
103 text-decoration: underline;
112 #editable-post-name-full {
116 #editable-post-name {
120 #editable-post-name input {
132 body.post-new-php .submitbox .submitdelete {
136 .submitbox .submit a:hover {
137 text-decoration: underline;
140 .submitbox .submit input {
146 #post-status-select {
151 #post-body #normal-sortables {
158 border: 1px solid #e5e5e5;
159 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
160 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
168 #normal-sortables .postbox .submit {
169 background: transparent none;
176 .category-add input[type="text"],
177 .category-add select {
180 vertical-align: baseline;
183 #side-sortables .category-add input[type="text"],
184 #side-sortables .category-add select {
189 #side-sortables .add-menu-item-tabs li,
195 .no-js .category-tabs li.hide-if-no-js {
200 #side-sortables .add-menu-item-tabs a,
202 text-decoration: none;
205 /* @todo: do these really need to be so specific? */
206 #side-sortables .category-tabs .tabs a,
207 #side-sortables .add-menu-item-tabs .tabs a,
208 .wp-tab-bar .wp-tab-active a,
209 #post-body ul.category-tabs li.tabs a,
210 #post-body ul.add-menu-item-tabs li.tabs a {
218 /* Back-compat for pre-4.4 */
224 display: inline-block;
229 #side-sortables .add-menu-item-tabs,
234 #normal-sortables .postbox #replyrow .submit {
237 padding: 5px 7px 10px;
241 #side-sortables .submitbox .submit input,
242 #side-sortables .submitbox .submit .preview,
243 #side-sortables .submitbox .submit a.preview:hover {
247 /* @todo: make this a more generic class */
249 ul.add-menu-item-tabs,
255 ul.add-menu-item-tabs li {
256 border: solid 1px transparent;
260 ul.category-tabs li.tabs,
261 ul.add-menu-item-tabs li.tabs,
263 border: 1px solid #ddd;
264 border-bottom-color: #fdfdfd;
265 background-color: #fdfdfd;
269 ul.add-menu-item-tabs li,
271 padding: 3px 5px 6px;
274 #set-post-thumbnail {
275 display: inline-block;
279 #postimagediv .inside img {
284 background-image: -webkit-linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), -webkit-linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
285 background-image: linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
286 background-position: 100% 0, 10px 10px;
287 -webkit-background-size: 20px 20px;
288 background-size: 20px 20px;
296 .wp-hidden-children .wp-hidden-child,
301 #post-body .tagsdiv #newtag {
306 #side-sortables input#post_password {
310 #side-sortables .tagsdiv #newtag {
317 border: 1px solid #e5e5e5;
319 background-color: #f7f7f7;
320 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
321 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
325 #post-status-info td {
334 #editorcontent #post-status-info {
338 #content-resize-handle {
339 background: transparent url(../images/resize.gif) no-repeat scroll left bottom;
345 .rtl #content-resize-handle {
346 background-image: url(../images/resize-rtl.gif);
347 background-position: left bottom;
350 .wp-editor-expand #content-resize-handle {
354 #postdivrich #content {
363 #wp-content-editor-container {
367 .wp-editor-expand #wp-content-editor-tools {
369 border-bottom: 1px solid #e5e5e5;
372 .wp-editor-expand #wp-content-editor-container {
373 -webkit-box-shadow: none;
378 .wp-editor-expand #wp-content-editor-container {
379 border-bottom: 0 none;
382 .wp-editor-expand div.mce-statusbar {
386 .wp-editor-expand #post-status-info {
387 border-top: 1px solid #e5e5e5;
390 .wp-editor-expand div.mce-toolbar-grp {
394 /* TinyMCE native fullscreen mode override */
395 .mce-fullscreen #wp-content-wrap .mce-menubar,
396 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
397 .mce-fullscreen #wp-content-wrap .mce-edit-area,
398 .mce-fullscreen #wp-content-wrap .mce-statusbar {
399 position: static !important;
400 width: auto !important;
401 padding: 0 !important;
404 .mce-fullscreen #wp-content-wrap .mce-statusbar {
405 visibility: visible !important;
408 .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
412 .post-php.mce-fullscreen #wpadminbar,
413 .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
416 /* End TinyMCE native fullscreen mode override */
418 #wp-content-editor-tools {
419 background-color: #f1f1f1;
423 #poststuff #post-body.columns-2 #side-sortables {
427 #timestampdiv select {
448 .curtime #timestamp {
449 padding: 2px 0 1px 0;
450 display: inline !important;
451 height: auto !important;
454 #post-body .misc-pub-post-status:before,
455 #post-body #visibility:before,
456 .curtime #timestamp:before,
457 #post-body .misc-pub-revisions:before,
458 span.wp-media-buttons-icon:before {
462 #post-body .misc-pub-post-status:before,
463 #post-body #visibility:before,
464 .curtime #timestamp:before,
465 #post-body .misc-pub-revisions:before {
466 font: normal 20px/1 dashicons;
468 display: inline-block;
472 -webkit-font-smoothing: antialiased;
473 -moz-osx-font-smoothing: grayscale;
476 #post-body .misc-pub-post-status:before {
480 #post-body #visibility:before {
484 .curtime #timestamp:before {
490 #post-body .misc-pub-revisions:before {
503 #timestampdiv input {
508 .notification-dialog {
514 margin-right: -225px;
516 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
517 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
523 .notification-dialog-background {
531 filter: alpha(opacity=70);
535 #post-lock-dialog .post-locked-message,
536 #post-lock-dialog .post-taken-over {
540 #post-lock-dialog .post-locked-message a.button {
544 #post-lock-dialog .post-locked-avatar {
546 margin: 0 0 20px 20px;
549 #post-lock-dialog .wp-tab-first {
553 #post-lock-dialog .locked-saving img {
558 #post-lock-dialog.saving .locked-saving,
559 #post-lock-dialog.saved .locked-saved {
580 .tagchecklist strong {
585 .tagchecklist > span {
593 text-overflow: ellipsis;
596 .tagchecklist .ntdelbutton {
608 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
609 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
621 #poststuff .inside #parent_id,
622 #poststuff .inside #page_template {
626 .ie8 #poststuff .inside #parent_id,
627 .ie8 #poststuff .inside #page_template {
631 .post-attributes-label-wrapper {
632 margin-bottom: 0.5em;
635 .post-attributes-label {
636 vertical-align: baseline;
640 #post-visibility-select {
645 #linksubmitdiv .inside, /* Old Link Manager back-compat. */
646 #poststuff #submitdiv .inside {
656 /*------------------------------------------------------------------------------
658 ------------------------------------------------------------------------------*/
660 #postcustomstuff thead th {
661 padding: 5px 8px 8px;
662 background-color: #f1f1f1;
665 #postcustom #postcustomstuff .submit {
671 #side-sortables #postcustom #postcustomstuff .submit {
676 #side-sortables #postcustom #postcustomstuff #the-list textarea {
680 #side-sortables #postcustom #postcustomstuff td.left input,
681 #side-sortables #postcustom #postcustomstuff td.left select,
682 #side-sortables #postcustomstuff #newmetaleft a {
686 #postcustomstuff table {
689 border: 1px solid #ddd;
691 background-color: #f9f9f9;
694 #postcustomstuff tr {
698 #postcustomstuff table input,
699 #postcustomstuff table select,
700 #postcustomstuff table textarea {
705 #side-sortables #postcustomstuff table input,
706 #side-sortables #postcustomstuff table select,
707 #side-sortables #postcustomstuff table textarea {
711 #postcustomstuff th.left,
712 #postcustomstuff td.left {
716 #postcustomstuff .submit input {
721 #postcustomstuff #newmetaleft a {
722 display: inline-block;
724 text-decoration: none;
727 .no-js #postcustomstuff #enternew {
731 #post-body-content .compat-attachment-fields {
735 .compat-attachment-fields th {
740 /*------------------------------------------------------------------------------
741 11.3 - Featured Images
742 ------------------------------------------------------------------------------*/
744 #select-featured-image {
749 #select-featured-image img {
755 #select-featured-image a {
760 #select-featured-image .remove {
765 .js #select-featured-image.has-featured-image .remove {
766 display: inline-block;
769 .no-js #select-featured-image .choose {
773 /*------------------------------------------------------------------------------
775 ------------------------------------------------------------------------------*/
779 display: inline-block;
780 vertical-align: middle;
787 .post-state-format:before {
791 font: normal 20px/1 dashicons !important;
793 -webkit-font-smoothing: antialiased;
794 -moz-osx-font-smoothing: grayscale;
797 .post-state-format:before,
798 .post-format-icon:before {
800 -webkit-transition: all .1s ease-in-out;
801 transition: all .1s ease-in-out;
804 a.post-state-format:hover:before,
805 a.post-format-icon:hover:before {
809 #post-formats-select {
813 #post-formats-select .post-format-icon:before {
821 label.post-format-icon {
823 padding: 2px 0px 2px 0;
826 .post-format-icon:before {
828 display: inline-block;
830 font: normal 20px/1 dashicons;
832 -webkit-font-smoothing: antialiased;
833 -moz-osx-font-smoothing: grayscale;
836 .post-state-format.post-format-standard:before,
837 .post-format-icon.post-format-standard:before,
838 a.post-state-format.format-standard:before {
842 .post-state-format.post-format-image:before,
843 .post-format-icon.post-format-image:before,
844 a.post-state-format.format-image:before {
848 .post-state-format.post-format-gallery:before,
849 .post-format-icon.post-format-gallery:before,
850 a.post-state-format.format-gallery:before {
854 .post-state-format.post-format-audio:before,
855 .post-format-icon.post-format-audio:before,
856 a.post-state-format.format-audio:before {
860 .post-state-format.post-format-video:before,
861 .post-format-icon.post-format-video:before,
862 a.post-state-format.format-video:before {
866 .post-state-format.post-format-chat:before,
867 .post-format-icon.post-format-chat:before,
868 a.post-state-format.format-chat:before {
872 .post-state-format.post-format-status:before,
873 .post-format-icon.post-format-status:before,
874 a.post-state-format.format-status:before {
878 .post-state-format.post-format-aside:before,
879 .post-format-icon.post-format-aside:before,
880 a.post-state-format.format-aside:before {
884 .post-state-format.post-format-quote:before,
885 .post-format-icon.post-format-quote:before,
886 a.post-state-format.format-quote:before {
890 .post-state-format.post-format-link:before,
891 .post-format-icon.post-format-link:before,
892 a.post-state-format.format-link:before {
896 /*------------------------------------------------------------------------------
898 ------------------------------------------------------------------------------*/
909 #side-sortables .category-adder {
914 .categorydiv div.tabs-panel,
915 .customlinkdiv div.tabs-panel,
916 .posttypediv div.tabs-panel,
917 .taxonomydiv div.tabs-panel {
922 border: solid 1px #ddd;
923 background-color: #fdfdfd;
926 div.tabs-panel-active {
930 div.tabs-panel-inactive {
935 #front-static-pages ul,
937 .inline-editor ul.cat-checklist ul,
938 .categorydiv ul.categorychecklist ul,
939 .customlinkdiv ul.categorychecklist ul,
940 .posttypediv ul.categorychecklist ul,
941 .taxonomydiv ul.categorychecklist ul {
945 ul.categorychecklist li {
949 word-wrap: break-word;
952 .categorydiv .tabs-panel,
953 .customlinkdiv .tabs-panel,
954 .posttypediv .tabs-panel,
955 .taxonomydiv .tabs-panel {
965 .form-field input[type="text"],
966 .form-field input[type="password"],
967 .form-field input[type="email"],
968 .form-field input[type="number"],
969 .form-field input[type="search"],
970 .form-field input[type="tel"],
971 .form-field input[type="url"],
972 .form-field textarea {
992 .form-wrap .form-field {
997 .form-wrap .form-field #parent {
1006 .col-wrap p.submit {
1014 /*------------------------------------------------------------------------------
1016 ------------------------------------------------------------------------------*/
1018 #poststuff .tagsdiv .howto {
1030 .tagsdiv .the-tags {
1038 .tagcloud-link.button-link {
1040 text-decoration: underline;
1043 .tagcloud-link.button-link:hover {
1047 .tagcloud-link.button-link:focus {
1051 0 0 2px 1px rgba(30, 140, 190, .8);
1054 0 0 2px 1px rgba(30, 140, 190, .8);
1057 #post-body-content .tagsdiv .the-tags {
1064 padding: 8px 12px 12px;
1065 text-align: justify;
1075 text-align: justify;
1082 /* Suggest.js autocomplete, no more used by core. */
1090 border: 1px solid #5b9dd9;
1091 background-color: #fff;
1094 .wp-customizer .ac_results {
1101 white-space: nowrap;
1105 .ac_results .ac_over,
1106 .ac_over .ac_match {
1107 background-color: #0073aa;
1113 text-decoration: underline;
1118 .comment-php .wp-editor-area {
1127 .comment-ays .comment-content ul {
1128 list-style: initial;
1132 .comment-ays .comment-content a[href]:after {
1133 content: '(' attr( href ) ')';
1134 display: inline-block;
1138 word-break: break-all;
1141 .comment-ays .comment-content p.edit-comment {
1145 .comment-ays .comment-content p.edit-comment a[href]:after {
1150 .comment-ays-submit .button-cancel {
1156 margin: 1px 0 1px 8px;
1160 .spam-undo-inside .avatar,
1161 .trash-undo-inside .avatar {
1165 vertical-align: middle;
1168 .stuffbox .editcomment {
1172 #comment-status-radio p {
1176 #comment-status-radio input {
1177 margin: 2px 0 5px 3px;
1178 vertical-align: middle;
1181 #comment-status-radio label {
1194 vertical-align: top;
1197 word-wrap: break-word;
1205 .links-table td label {
1209 .links-table td input[type="text"],
1210 .links-table td textarea {
1214 .links-table #link_rel {
1219 -------------------------------------------------------------- */
1221 #wp-content-wrap .mce-wp-dfw,
1226 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1227 .wp-editor-expand #qt_content_dfw {
1228 display: inline-block;
1231 .focus-on .wrap > h1,
1232 .focus-on #wpfooter,
1233 .focus-on .postbox-container > *,
1234 .focus-on div.updated,
1235 .focus-on div.error,
1236 .focus-on div.notice,
1237 .focus-on .update-nag,
1238 .focus-on #wp-toolbar,
1239 .focus-on #screen-meta-links,
1240 .focus-on #screen-meta {
1242 -webkit-transition-duration: 0.6s;
1243 transition-duration: 0.6s;
1244 -webkit-transition-property: opacity;
1245 transition-property: opacity;
1246 -webkit-transition-timing-function: ease-in-out;
1247 transition-timing-function: ease-in-out;
1250 .focus-on #wp-toolbar {
1254 .focus-off .wrap > h1,
1255 .focus-off #wpfooter,
1256 .focus-off .postbox-container > *,
1257 .focus-off div.updated,
1258 .focus-off div.error,
1259 .focus-off div.notice,
1260 .focus-off .update-nag,
1261 .focus-off #wp-toolbar,
1262 .focus-off #screen-meta-links,
1263 .focus-off #screen-meta {
1265 -webkit-transition-duration: 0.2s;
1266 transition-duration: 0.2s;
1267 -webkit-transition-property: opacity;
1268 transition-property: opacity;
1269 -webkit-transition-timing-function: ease-in-out;
1270 transition-timing-function: ease-in-out;
1273 .focus-off #wp-toolbar {
1274 -webkit-transform: translate(0, 0);
1277 .focus-on #adminmenuback,
1278 .focus-on #adminmenuwrap {
1279 -webkit-transition-duration: 0.6s;
1280 transition-duration: 0.6s;
1281 -webkit-transition-property: -webkit-transform;
1282 transition-property: -webkit-transform;
1283 transition-property: transform;
1284 transition-property: transform, -webkit-transform;
1285 -webkit-transition-timing-function: ease-in-out;
1286 transition-timing-function: ease-in-out;
1289 .focus-on #adminmenuback,
1290 .focus-on #adminmenuwrap {
1291 -webkit-transform: translateX( 100% );
1292 -ms-transform: translateX( 100% );
1293 transform: translateX( 100% );
1296 .focus-off #adminmenuback,
1297 .focus-off #adminmenuwrap {
1298 -webkit-transform: translateX( 0 );
1299 -ms-transform: translateX( 0 );
1300 transform: translateX( 0 );
1301 -webkit-transition-duration: 0.2s;
1302 transition-duration: 0.2s;
1303 -webkit-transition-property: -webkit-transform;
1304 transition-property: -webkit-transform;
1305 transition-property: transform;
1306 transition-property: transform, -webkit-transform;
1307 -webkit-transition-timing-function: ease-in-out;
1308 transition-timing-function: ease-in-out;
1312 -------------------------------------------------------------- */
1318 (-webkit-min-device-pixel-ratio: 1.25),
1319 (min-resolution: 120dpi) {
1320 #content-resize-handle,
1321 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1322 background: transparent url(../images/resize-2x.gif) no-repeat scroll left bottom;
1323 -webkit-background-size: 11px 11px;
1324 background-size: 11px 11px;
1328 .rtl #content-resize-handle,
1329 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1330 background-image: url(../images/resize-rtl-2x.gif);
1331 background-position: left bottom;
1335 /* one column on the post write/edit screen */
1336 @media only screen and (max-width: 850px) {
1341 #wpbody-content #poststuff #post-body {
1345 #wpbody-content #post-body.columns-2 #postbox-container-1 {
1350 #poststuff #postbox-container-1 .empty-container,
1351 #poststuff #postbox-container-1 #side-sortables:empty {
1357 #poststuff #post-body.columns-2 #side-sortables {
1362 /* hide the radio buttons for column prefs */
1369 @media screen and ( max-width: 782px ) {
1370 #post-body-content {
1374 #titlediv #title-prompt-text {
1378 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
1379 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
1384 .post-format-options {
1388 .post-format-options a {
1394 .post-format-options .post-format-title {
1398 .post-format-options a div {
1403 .post-format-options a div:before {
1404 font-size: 26px !important;
1407 /* Publish Metabox Options */
1408 #post-visibility-select {
1412 .wp-core-ui .save-post-visibility,
1413 .wp-core-ui .save-timestamp {
1414 vertical-align: middle;
1418 .timestamp-wrap select#mm {
1421 margin-bottom: 10px;
1424 .timestamp-wrap #jj,
1425 .timestamp-wrap #aa,
1426 .timestamp-wrap #hh,
1427 .timestamp-wrap #mn {
1435 /* Categories Metabox */
1437 margin: 30px 0 15px;
1440 ul.category-tabs li.tabs {
1444 ul.categorychecklist li {
1445 margin-bottom: 15px;
1448 ul.categorychecklist ul {
1452 .category-add input[type=text],
1453 .category-add select {
1455 margin-bottom: 15px;
1462 margin-bottom: 15px;
1469 .tagchecklist > span {
1475 #commentstatusdiv p {
1479 /* TinyMCE Adjustments */
1481 white-space: normal !important;
1486 float: right !important;
1489 .wp_themeSkin a.mceButton {
1494 .wp_themeSkin .mceButton .mceIcon {
1499 .wp_themeSkin .mceSplitButton {
1503 .wp_themeSkin .mceSplitButton td a.mceAction {
1505 padding-bottom: 6px;
1510 .wp_themeSkin .mceSplitButton td a.mceOpen,
1511 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1513 padding-bottom: 6px;
1514 background-position: 1px 6px;
1517 .wp_themeSkin table.mceListBox {
1521 div.quicktags-toolbar input {
1525 button.wp-switch-editor {
1528 margin: 7px 7px 0 0;
1532 #wp-content-media-buttons a {
1537 .wp-media-buttons span.wp-media-buttons-icon,
1538 .wp-media-buttons span.jetpack-contact-form-icon {
1539 width: 22px !important;
1540 margin-right: -2px !important;
1543 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1544 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1545 font-size: 20px !important;
1548 #content_wp_fullscreen {
1553 padding: 20px 10px 20px;
1556 .misc-pub-section > a {
1562 #publishing-action {
1566 #publishing-action .spinner {
1568 margin-top: -2px; /* Half of the Publish button's bottom margin. */
1571 /* Moderate Comment */
1582 .links-table #link_rel {