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 .submitbox .submitdelete {
133 text-decoration: none;
137 body.post-new-php .submitbox .submitdelete {
141 /* @todo: do we really need this? word on the street is we don't and this
142 stray rule may actually be compensated for elsewhere. */
143 #normal-sortables .submitbox .submitdelete:hover {
145 background-color: #f00;
146 border-bottom-color: #f00;
149 .submitbox .submit a:hover {
150 text-decoration: underline;
153 .submitbox .submit input {
159 #post-status-select {
164 #post-body #normal-sortables {
171 border: 1px solid #e5e5e5;
172 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
173 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
181 #normal-sortables .postbox .submit {
182 background: transparent none;
189 .category-add input[type="text"],
190 .category-add select {
193 vertical-align: baseline;
196 #side-sortables .category-add input[type="text"],
197 #side-sortables .category-add select {
202 #side-sortables .add-menu-item-tabs li,
208 .no-js .category-tabs li.hide-if-no-js {
213 #side-sortables .add-menu-item-tabs a,
215 text-decoration: none;
218 /* @todo: do these really need to be so specific? */
219 #side-sortables .category-tabs .tabs a,
220 #side-sortables .add-menu-item-tabs .tabs a,
221 .wp-tab-bar .wp-tab-active a,
222 #post-body ul.category-tabs li.tabs a,
223 #post-body ul.add-menu-item-tabs li.tabs a {
231 /* Back-compat for pre-4.4 */
237 display: inline-block;
242 #side-sortables .add-menu-item-tabs,
247 #normal-sortables .postbox #replyrow .submit {
250 padding: 5px 7px 10px;
254 #side-sortables .submitbox .submit input,
255 #side-sortables .submitbox .submit .preview,
256 #side-sortables .submitbox .submit a.preview:hover {
260 /* @todo: make this a more generic class */
262 ul.add-menu-item-tabs,
268 ul.add-menu-item-tabs li {
269 border: solid 1px transparent;
273 ul.category-tabs li.tabs,
274 ul.add-menu-item-tabs li.tabs,
276 border: 1px solid #ddd;
277 border-bottom-color: #fdfdfd;
278 background-color: #fdfdfd;
282 ul.add-menu-item-tabs li,
284 padding: 3px 5px 5px;
287 #set-post-thumbnail {
288 display: inline-block;
292 #postimagediv .inside img {
297 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);
298 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);
299 background-position: 0 0, 10px 10px;
300 -webkit-background-size: 20px 20px;
301 background-size: 20px 20px;
309 .wp-hidden-children .wp-hidden-child,
314 #post-body .tagsdiv #newtag {
319 #side-sortables input#post_password {
323 #side-sortables .tagsdiv #newtag {
330 border: 1px solid #e5e5e5;
332 background-color: #f7f7f7;
333 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
334 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
338 #post-status-info td {
347 #editorcontent #post-status-info {
351 #content-resize-handle {
352 background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
358 .rtl #content-resize-handle {
359 background-image: url(../images/resize-rtl.gif);
360 background-position: left bottom;
363 .wp-editor-expand #content-resize-handle {
367 #postdivrich #content {
376 #wp-content-editor-container {
380 #content-textarea-clone {
387 border: 1px solid transparent;
390 .wp-editor-expand #wp-content-editor-tools {
392 border-bottom: 1px solid #e5e5e5;
395 .wp-editor-expand #wp-content-editor-container {
396 -webkit-box-shadow: none;
401 .wp-editor-expand #wp-content-editor-container {
402 border-bottom: 0 none;
405 .wp-editor-expand div.mce-statusbar {
409 .wp-editor-expand #post-status-info {
410 border-top: 1px solid #e5e5e5;
413 .wp-editor-expand div.mce-toolbar-grp {
417 /* TinyMCE native fullscreen mode override */
418 .mce-fullscreen #wp-content-wrap .mce-menubar,
419 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
420 .mce-fullscreen #wp-content-wrap .mce-edit-area,
421 .mce-fullscreen #wp-content-wrap .mce-statusbar {
422 position: static !important;
423 width: auto !important;
424 padding: 0 !important;
427 .mce-fullscreen #wp-content-wrap .mce-statusbar {
428 visibility: visible !important;
431 .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
435 .post-php.mce-fullscreen #wpadminbar,
436 .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
439 /* End TinyMCE native fullscreen mode override */
441 #wp-content-editor-tools {
442 background-color: #f1f1f1;
446 #poststuff #post-body.columns-2 #side-sortables {
450 #timestampdiv select {
471 .curtime #timestamp {
472 padding: 2px 0 1px 0;
473 display: inline !important;
474 height: auto !important;
477 #misc-publishing-actions label[for="post_status"]:before,
478 #post-body #visibility:before,
479 .curtime #timestamp:before,
480 #post-body .misc-pub-revisions:before,
481 span.wp-media-buttons-icon:before {
485 #post-body #visibility:before,
486 .curtime #timestamp:before,
487 #post-body .misc-pub-revisions:before {
488 font: normal 20px/1 dashicons;
490 display: inline-block;
496 -webkit-font-smoothing: antialiased;
497 -moz-osx-font-smoothing: grayscale;
498 text-decoration: none !important;
501 #post-body #visibility:before {
505 .curtime #timestamp:before {
510 #post-body .misc-pub-revisions:before {
523 #timestampdiv input {
528 .notification-dialog {
536 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
537 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
543 .notification-dialog-background {
551 filter: alpha(opacity=70);
555 #post-lock-dialog .post-locked-message,
556 #post-lock-dialog .post-taken-over {
560 #post-lock-dialog .post-locked-message a.button {
564 #post-lock-dialog .post-locked-avatar {
566 margin: 0 20px 20px 0;
569 #post-lock-dialog .wp-tab-first {
573 #post-lock-dialog .locked-saving img {
578 #post-lock-dialog.saving .locked-saving,
579 #post-lock-dialog.saved .locked-saved {
600 .tagchecklist strong {
614 text-overflow: ellipsis;
617 .tagchecklist span a {
618 margin: 1px 0 0 -17px;
629 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
630 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
642 #poststuff .inside #parent_id,
643 #poststuff .inside #page_template {
647 #poststuff .inside label.spam,
648 #poststuff .inside label.deleted {
652 #poststuff .inside label.waiting {
656 #poststuff .inside label.approved {
660 .ie8 #poststuff .inside #parent_id,
661 .ie8 #poststuff .inside #page_template {
665 #post-visibility-select {
670 #poststuff #submitdiv .inside {
680 /*------------------------------------------------------------------------------
682 ------------------------------------------------------------------------------*/
684 #postcustomstuff thead th {
685 padding: 5px 8px 8px;
686 background-color: #f1f1f1;
689 #postcustom #postcustomstuff .submit {
695 #side-sortables #postcustom #postcustomstuff .submit {
700 #side-sortables #postcustom #postcustomstuff #the-list textarea {
704 #side-sortables #postcustom #postcustomstuff td.left input,
705 #side-sortables #postcustom #postcustomstuff td.left select,
706 #side-sortables #postcustomstuff #newmetaleft a {
710 #postcustomstuff table {
713 border: 1px solid #ddd;
715 background-color: #f9f9f9;
718 #postcustomstuff tr {
722 #postcustomstuff table input,
723 #postcustomstuff table select,
724 #postcustomstuff table textarea {
729 #side-sortables #postcustomstuff table input,
730 #side-sortables #postcustomstuff table select,
731 #side-sortables #postcustomstuff table textarea {
735 #postcustomstuff th.left,
736 #postcustomstuff td.left {
740 #postcustomstuff .submit input {
745 #postcustomstuff #newmetaleft a {
746 display: inline-block;
748 text-decoration: none;
751 .no-js #postcustomstuff #enternew {
755 #post-body-content .compat-attachment-fields {
759 .compat-attachment-fields th {
764 /*------------------------------------------------------------------------------
765 11.3 - Featured Images
766 ------------------------------------------------------------------------------*/
768 #select-featured-image {
773 #select-featured-image img {
779 #select-featured-image a {
784 #select-featured-image .remove {
789 .js #select-featured-image.has-featured-image .remove {
790 display: inline-block;
793 .no-js #select-featured-image .choose {
797 /*------------------------------------------------------------------------------
799 ------------------------------------------------------------------------------*/
803 display: inline-block;
804 vertical-align: middle;
811 .post-state-format:before {
815 font: normal 20px/1 dashicons !important;
817 -webkit-font-smoothing: antialiased;
818 -moz-osx-font-smoothing: grayscale;
821 .post-state-format:before,
822 .post-format-icon:before {
824 -webkit-transition: all .1s ease-in-out;
825 transition: all .1s ease-in-out;
828 a.post-state-format:hover:before,
829 a.post-format-icon:hover:before {
833 #post-formats-select {
837 #post-formats-select .post-format-icon:before {
845 label.post-format-icon {
847 padding: 2px 0 2px 0px;
850 .post-format-icon:before {
852 display: inline-block;
854 font: normal 20px/1 dashicons;
856 -webkit-font-smoothing: antialiased;
857 -moz-osx-font-smoothing: grayscale;
860 .post-state-format.post-format-standard:before,
861 .post-format-icon.post-format-standard:before,
862 a.post-state-format.format-standard:before {
866 .post-state-format.post-format-image:before,
867 .post-format-icon.post-format-image:before,
868 a.post-state-format.format-image:before {
872 .post-state-format.post-format-gallery:before,
873 .post-format-icon.post-format-gallery:before,
874 a.post-state-format.format-gallery:before {
878 .post-state-format.post-format-audio:before,
879 .post-format-icon.post-format-audio:before,
880 a.post-state-format.format-audio:before {
884 .post-state-format.post-format-video:before,
885 .post-format-icon.post-format-video:before,
886 a.post-state-format.format-video:before {
890 .post-state-format.post-format-chat:before,
891 .post-format-icon.post-format-chat:before,
892 a.post-state-format.format-chat:before {
896 .post-state-format.post-format-status:before,
897 .post-format-icon.post-format-status:before,
898 a.post-state-format.format-status:before {
902 .post-state-format.post-format-aside:before,
903 .post-format-icon.post-format-aside:before,
904 a.post-state-format.format-aside:before {
908 .post-state-format.post-format-quote:before,
909 .post-format-icon.post-format-quote:before,
910 a.post-state-format.format-quote:before {
914 .post-state-format.post-format-link:before,
915 .post-format-icon.post-format-link:before,
916 a.post-state-format.format-link:before {
920 /*------------------------------------------------------------------------------
922 ------------------------------------------------------------------------------*/
933 #side-sortables .category-adder {
938 .categorydiv div.tabs-panel,
939 .customlinkdiv div.tabs-panel,
940 .posttypediv div.tabs-panel,
941 .taxonomydiv div.tabs-panel {
946 border: solid 1px #ddd;
947 background-color: #fdfdfd;
950 div.tabs-panel-active {
954 div.tabs-panel-inactive {
959 #front-static-pages ul,
961 .inline-editor ul.cat-checklist ul,
962 .categorydiv ul.categorychecklist ul,
963 .customlinkdiv ul.categorychecklist ul,
964 .posttypediv ul.categorychecklist ul,
965 .taxonomydiv ul.categorychecklist ul {
969 ul.categorychecklist li {
973 word-wrap: break-word;
976 .categorydiv .tabs-panel,
977 .customlinkdiv .tabs-panel,
978 .posttypediv .tabs-panel,
979 .taxonomydiv .tabs-panel {
995 .form-field input[type="text"],
996 .form-field input[type="password"],
997 .form-field input[type="email"],
998 .form-field input[type="number"],
999 .form-field input[type="search"],
1000 .form-field input[type="tel"],
1001 .form-field input[type="url"],
1002 .form-field textarea {
1003 border-style: solid;
1022 .form-wrap .form-field {
1027 .form-wrap .form-field #parent {
1036 .col-wrap p.submit {
1041 /*------------------------------------------------------------------------------
1043 ------------------------------------------------------------------------------*/
1045 #poststuff .tagsdiv .howto {
1057 .tagsdiv .the-tags {
1065 #post-body-content .tagsdiv .the-tags {
1072 padding: 8px 12px 12px;
1073 text-align: justify;
1083 text-align: justify;
1097 border: 1px solid #5b9dd9;
1098 background-color: #fff;
1101 .wp-customizer .ac_results {
1108 white-space: nowrap;
1112 .ac_results .ac_over,
1113 .ac_over .ac_match {
1114 background-color: #0073aa;
1120 text-decoration: underline;
1125 .comment-php .wp-editor-area {
1134 .comment-ays .comment-content a[href]:after {
1135 content: '(' attr( href ) ')';
1136 display: inline-block;
1142 .comment-ays .comment-content p.edit-comment {
1146 .comment-ays .comment-content p.edit-comment a[href]:after {
1151 .comment-ays-submit .button-cancel {
1157 margin: 1px 8px 1px 0;
1161 .spam-undo-inside .avatar,
1162 .trash-undo-inside .avatar {
1166 vertical-align: middle;
1169 .stuffbox .editcomment {
1173 #comment-status-radio p {
1177 #comment-status-radio input {
1178 margin: 2px 3px 5px 0;
1179 vertical-align: middle;
1182 #comment-status-radio label {
1193 font-weight: normal;
1195 vertical-align: top;
1198 word-wrap: break-word;
1206 .links-table td label {
1210 .links-table td input[type="text"],
1211 .links-table td textarea {
1215 .links-table #link_rel {
1220 -------------------------------------------------------------- */
1222 #wp-content-wrap .mce-wp-dfw,
1227 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1228 .wp-editor-expand #qt_content_dfw {
1229 display: inline-block;
1232 .focus-on .wrap > h1,
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 #wpfooter,
1257 .focus-off .postbox-container > *,
1258 .focus-off div.updated,
1259 .focus-off div.error,
1260 .focus-off div.notice,
1261 .focus-off .update-nag,
1262 .focus-off #wp-toolbar,
1263 .focus-off #screen-meta-links,
1264 .focus-off #screen-meta {
1266 -webkit-transition-duration: 0.2s;
1267 transition-duration: 0.2s;
1268 -webkit-transition-property: opacity;
1269 transition-property: opacity;
1270 -webkit-transition-timing-function: ease-in-out;
1271 transition-timing-function: ease-in-out;
1274 .focus-off #wp-toolbar {
1275 -webkit-transform: translate(0, 0);
1278 .focus-on #adminmenuback,
1279 .focus-on #adminmenuwrap {
1280 -webkit-transition-duration: 0.6s;
1281 transition-duration: 0.6s;
1282 -webkit-transition-property: -webkit-transform;
1283 transition-property: -webkit-transform;
1284 transition-property: transform;
1285 transition-property: transform, -webkit-transform;
1286 -webkit-transition-timing-function: ease-in-out;
1287 transition-timing-function: ease-in-out;
1290 .focus-on #adminmenuback,
1291 .focus-on #adminmenuwrap {
1292 -webkit-transform: translateX( -100% );
1293 -ms-transform: translateX( -100% );
1294 transform: translateX( -100% );
1297 .focus-off #adminmenuback,
1298 .focus-off #adminmenuwrap {
1299 -webkit-transform: translateX( 0 );
1300 -ms-transform: translateX( 0 );
1301 transform: translateX( 0 );
1302 -webkit-transition-duration: 0.2s;
1303 transition-duration: 0.2s;
1304 -webkit-transition-property: -webkit-transform;
1305 transition-property: -webkit-transform;
1306 transition-property: transform;
1307 transition-property: transform, -webkit-transform;
1308 -webkit-transition-timing-function: ease-in-out;
1309 transition-timing-function: ease-in-out;
1313 -------------------------------------------------------------- */
1319 (-webkit-min-device-pixel-ratio: 1.25),
1320 (min-resolution: 120dpi) {
1321 #content-resize-handle,
1322 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1323 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1324 -webkit-background-size: 11px 11px;
1325 background-size: 11px 11px;
1329 .rtl #content-resize-handle,
1330 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1331 background-image: url(../images/resize-rtl-2x.gif);
1332 background-position: left bottom;
1336 /* one column on the post write/edit screen */
1337 @media only screen and (max-width: 850px) {
1342 #wpbody-content #poststuff #post-body {
1346 #wpbody-content #post-body.columns-2 #postbox-container-1 {
1351 #poststuff #postbox-container-1 .empty-container,
1352 #poststuff #postbox-container-1 #side-sortables:empty {
1358 #poststuff #post-body.columns-2 #side-sortables {
1363 /* hide the radio buttons for column prefs */
1370 @media screen and ( max-width: 782px ) {
1371 #post-body-content {
1375 #titlediv #title-prompt-text {
1379 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
1380 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
1385 .post-format-options {
1389 .post-format-options a {
1395 .post-format-options .post-format-title {
1399 .post-format-options a div {
1404 .post-format-options a div:before {
1405 font-size: 26px !important;
1408 /* Publish Metabox Options */
1409 #post-visibility-select {
1413 .wp-core-ui .save-post-visibility,
1414 .wp-core-ui .save-timestamp {
1415 vertical-align: middle;
1419 .timestamp-wrap select#mm {
1422 margin-bottom: 10px;
1425 .timestamp-wrap #jj,
1426 .timestamp-wrap #aa,
1427 .timestamp-wrap #hh,
1428 .timestamp-wrap #mn {
1436 /* Categories Metabox */
1438 margin: 30px 0 15px;
1441 ul.category-tabs li.tabs {
1445 ul.categorychecklist li {
1446 margin-bottom: 15px;
1449 ul.categorychecklist ul {
1453 .category-add input[type=text],
1454 .category-add select {
1456 margin-bottom: 15px;
1463 margin-bottom: 15px;
1470 .tagchecklist span {
1476 #commentstatusdiv p {
1480 /* TinyMCE Adjustments */
1482 white-space: normal !important;
1487 float: left !important;
1490 .wp_themeSkin a.mceButton {
1495 .wp_themeSkin .mceButton .mceIcon {
1500 .wp_themeSkin .mceSplitButton {
1504 .wp_themeSkin .mceSplitButton td a.mceAction {
1506 padding-bottom: 6px;
1511 .wp_themeSkin .mceSplitButton td a.mceOpen,
1512 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1514 padding-bottom: 6px;
1515 background-position: 1px 6px;
1518 .wp_themeSkin table.mceListBox {
1522 div.quicktags-toolbar input {
1526 button.wp-switch-editor {
1529 margin: 7px 0 0 7px;
1533 #wp-content-media-buttons a {
1537 padding: 0 20px 0 15px;
1540 .wp-media-buttons span.wp-media-buttons-icon,
1541 .wp-media-buttons span.jetpack-contact-form-icon {
1542 width: 22px !important;
1543 margin-top: -3px !important;
1544 margin-left: -5px !important;
1547 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1548 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1549 font-size: 20px !important;
1552 #content_wp_fullscreen {
1557 padding: 20px 10px 20px;
1560 .misc-pub-section > a {
1566 #publishing-action {
1570 #publishing-action .spinner {
1572 margin-top: -2px; /* Half of the Publish button's bottom margin. */
1575 /* Moderate Comment */
1586 .links-table #link_rel {
1596 @media only screen and (max-width: 500px) {
1597 /* Align Add Media + Visual + Text tabs */
1598 #wp-content-media-buttons a {
1600 padding: 0 10px 0 10px;