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,
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: 0 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 right 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 {
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 20px 20px 0;
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 0 2px 0px;
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 8px 1px 0;
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 3px 5px 0;
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 .page-title-action,
1233 .focus-on #wpfooter,
1234 .focus-on .postbox-container > *,
1235 .focus-on div.updated,
1236 .focus-on div.error,
1237 .focus-on div.notice,
1238 .focus-on .update-nag,
1239 .focus-on #wp-toolbar,
1240 .focus-on #screen-meta-links,
1241 .focus-on #screen-meta {
1243 -webkit-transition-duration: 0.6s;
1244 transition-duration: 0.6s;
1245 -webkit-transition-property: opacity;
1246 transition-property: opacity;
1247 -webkit-transition-timing-function: ease-in-out;
1248 transition-timing-function: ease-in-out;
1251 .focus-on #wp-toolbar {
1255 .focus-off .wrap > h1,
1256 .focus-off .page-title-action,
1257 .focus-off #wpfooter,
1258 .focus-off .postbox-container > *,
1259 .focus-off div.updated,
1260 .focus-off div.error,
1261 .focus-off div.notice,
1262 .focus-off .update-nag,
1263 .focus-off #wp-toolbar,
1264 .focus-off #screen-meta-links,
1265 .focus-off #screen-meta {
1267 -webkit-transition-duration: 0.2s;
1268 transition-duration: 0.2s;
1269 -webkit-transition-property: opacity;
1270 transition-property: opacity;
1271 -webkit-transition-timing-function: ease-in-out;
1272 transition-timing-function: ease-in-out;
1275 .focus-off #wp-toolbar {
1276 -webkit-transform: translate(0, 0);
1279 .focus-on #adminmenuback,
1280 .focus-on #adminmenuwrap {
1281 -webkit-transition-duration: 0.6s;
1282 transition-duration: 0.6s;
1283 -webkit-transition-property: -webkit-transform;
1284 transition-property: -webkit-transform;
1285 transition-property: transform;
1286 transition-property: transform, -webkit-transform;
1287 -webkit-transition-timing-function: ease-in-out;
1288 transition-timing-function: ease-in-out;
1291 .focus-on #adminmenuback,
1292 .focus-on #adminmenuwrap {
1293 -webkit-transform: translateX( -100% );
1294 -ms-transform: translateX( -100% );
1295 transform: translateX( -100% );
1298 .focus-off #adminmenuback,
1299 .focus-off #adminmenuwrap {
1300 -webkit-transform: translateX( 0 );
1301 -ms-transform: translateX( 0 );
1302 transform: translateX( 0 );
1303 -webkit-transition-duration: 0.2s;
1304 transition-duration: 0.2s;
1305 -webkit-transition-property: -webkit-transform;
1306 transition-property: -webkit-transform;
1307 transition-property: transform;
1308 transition-property: transform, -webkit-transform;
1309 -webkit-transition-timing-function: ease-in-out;
1310 transition-timing-function: ease-in-out;
1314 -------------------------------------------------------------- */
1320 (-webkit-min-device-pixel-ratio: 1.25),
1321 (min-resolution: 120dpi) {
1322 #content-resize-handle,
1323 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1324 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1325 -webkit-background-size: 11px 11px;
1326 background-size: 11px 11px;
1330 .rtl #content-resize-handle,
1331 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1332 background-image: url(../images/resize-rtl-2x.gif);
1333 background-position: left bottom;
1337 /* one column on the post write/edit screen */
1338 @media only screen and (max-width: 850px) {
1343 #wpbody-content #poststuff #post-body {
1347 #wpbody-content #post-body.columns-2 #postbox-container-1 {
1352 #poststuff #postbox-container-1 .empty-container,
1353 #poststuff #postbox-container-1 #side-sortables:empty {
1359 #poststuff #post-body.columns-2 #side-sortables {
1364 /* hide the radio buttons for column prefs */
1371 @media screen and ( max-width: 782px ) {
1372 #post-body-content {
1376 #titlediv #title-prompt-text {
1380 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
1381 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
1386 .post-format-options {
1390 .post-format-options a {
1396 .post-format-options .post-format-title {
1400 .post-format-options a div {
1405 .post-format-options a div:before {
1406 font-size: 26px !important;
1409 /* Publish Metabox Options */
1410 #post-visibility-select {
1414 .wp-core-ui .save-post-visibility,
1415 .wp-core-ui .save-timestamp {
1416 vertical-align: middle;
1420 .timestamp-wrap select#mm {
1423 margin-bottom: 10px;
1426 .timestamp-wrap #jj,
1427 .timestamp-wrap #aa,
1428 .timestamp-wrap #hh,
1429 .timestamp-wrap #mn {
1437 /* Categories Metabox */
1439 margin: 30px 0 15px;
1442 ul.category-tabs li.tabs {
1446 ul.categorychecklist li {
1447 margin-bottom: 15px;
1450 ul.categorychecklist ul {
1454 .category-add input[type=text],
1455 .category-add select {
1457 margin-bottom: 15px;
1464 margin-bottom: 15px;
1471 .tagchecklist > span {
1477 #commentstatusdiv p {
1481 /* TinyMCE Adjustments */
1483 white-space: normal !important;
1488 float: left !important;
1491 .wp_themeSkin a.mceButton {
1496 .wp_themeSkin .mceButton .mceIcon {
1501 .wp_themeSkin .mceSplitButton {
1505 .wp_themeSkin .mceSplitButton td a.mceAction {
1507 padding-bottom: 6px;
1512 .wp_themeSkin .mceSplitButton td a.mceOpen,
1513 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1515 padding-bottom: 6px;
1516 background-position: 1px 6px;
1519 .wp_themeSkin table.mceListBox {
1523 div.quicktags-toolbar input {
1527 button.wp-switch-editor {
1530 margin: 7px 0 0 7px;
1534 #wp-content-media-buttons a {
1539 .wp-media-buttons span.wp-media-buttons-icon,
1540 .wp-media-buttons span.jetpack-contact-form-icon {
1541 width: 22px !important;
1542 margin-left: -2px !important;
1545 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1546 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1547 font-size: 20px !important;
1550 #content_wp_fullscreen {
1555 padding: 20px 10px 20px;
1558 .misc-pub-section > a {
1564 #publishing-action {
1568 #publishing-action .spinner {
1570 margin-top: -2px; /* Half of the Publish button's bottom margin. */
1573 /* Moderate Comment */
1584 .links-table #link_rel {