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 6px;
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 .wp-editor-expand #wp-content-editor-tools {
382 border-bottom: 1px solid #e5e5e5;
385 .wp-editor-expand #wp-content-editor-container {
386 -webkit-box-shadow: none;
391 .wp-editor-expand #wp-content-editor-container {
392 border-bottom: 0 none;
395 .wp-editor-expand div.mce-statusbar {
399 .wp-editor-expand #post-status-info {
400 border-top: 1px solid #e5e5e5;
403 .wp-editor-expand div.mce-toolbar-grp {
407 /* TinyMCE native fullscreen mode override */
408 .mce-fullscreen #wp-content-wrap .mce-menubar,
409 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
410 .mce-fullscreen #wp-content-wrap .mce-edit-area,
411 .mce-fullscreen #wp-content-wrap .mce-statusbar {
412 position: static !important;
413 width: auto !important;
414 padding: 0 !important;
417 .mce-fullscreen #wp-content-wrap .mce-statusbar {
418 visibility: visible !important;
421 .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
425 .post-php.mce-fullscreen #wpadminbar,
426 .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
429 /* End TinyMCE native fullscreen mode override */
431 #wp-content-editor-tools {
432 background-color: #f1f1f1;
436 #poststuff #post-body.columns-2 #side-sortables {
440 #timestampdiv select {
461 .curtime #timestamp {
462 padding: 2px 0 1px 0;
463 display: inline !important;
464 height: auto !important;
467 #misc-publishing-actions label[for="post_status"]:before,
468 #post-body #visibility:before,
469 .curtime #timestamp:before,
470 #post-body .misc-pub-revisions:before,
471 span.wp-media-buttons-icon:before {
475 #post-body #visibility:before,
476 .curtime #timestamp:before,
477 #post-body .misc-pub-revisions:before {
478 font: normal 20px/1 dashicons;
480 display: inline-block;
486 -webkit-font-smoothing: antialiased;
487 -moz-osx-font-smoothing: grayscale;
488 text-decoration: none !important;
491 #post-body #visibility:before {
495 .curtime #timestamp:before {
500 #post-body .misc-pub-revisions:before {
513 #timestampdiv input {
518 .notification-dialog {
526 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
527 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
533 .notification-dialog-background {
541 filter: alpha(opacity=70);
545 #post-lock-dialog .post-locked-message,
546 #post-lock-dialog .post-taken-over {
550 #post-lock-dialog .post-locked-message a.button {
554 #post-lock-dialog .post-locked-avatar {
556 margin: 0 20px 20px 0;
559 #post-lock-dialog .wp-tab-first {
563 #post-lock-dialog .locked-saving img {
568 #post-lock-dialog.saving .locked-saving,
569 #post-lock-dialog.saved .locked-saved {
590 .tagchecklist strong {
604 text-overflow: ellipsis;
607 .tagchecklist span a {
608 margin: 1px 0 0 -17px;
619 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
620 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
632 #poststuff .inside #parent_id,
633 #poststuff .inside #page_template {
637 .ie8 #poststuff .inside #parent_id,
638 .ie8 #poststuff .inside #page_template {
642 #post-visibility-select {
647 #poststuff #submitdiv .inside {
657 /*------------------------------------------------------------------------------
659 ------------------------------------------------------------------------------*/
661 #postcustomstuff thead th {
662 padding: 5px 8px 8px;
663 background-color: #f1f1f1;
666 #postcustom #postcustomstuff .submit {
672 #side-sortables #postcustom #postcustomstuff .submit {
677 #side-sortables #postcustom #postcustomstuff #the-list textarea {
681 #side-sortables #postcustom #postcustomstuff td.left input,
682 #side-sortables #postcustom #postcustomstuff td.left select,
683 #side-sortables #postcustomstuff #newmetaleft a {
687 #postcustomstuff table {
690 border: 1px solid #ddd;
692 background-color: #f9f9f9;
695 #postcustomstuff tr {
699 #postcustomstuff table input,
700 #postcustomstuff table select,
701 #postcustomstuff table textarea {
706 #side-sortables #postcustomstuff table input,
707 #side-sortables #postcustomstuff table select,
708 #side-sortables #postcustomstuff table textarea {
712 #postcustomstuff th.left,
713 #postcustomstuff td.left {
717 #postcustomstuff .submit input {
722 #postcustomstuff #newmetaleft a {
723 display: inline-block;
725 text-decoration: none;
728 .no-js #postcustomstuff #enternew {
732 #post-body-content .compat-attachment-fields {
736 .compat-attachment-fields th {
741 /*------------------------------------------------------------------------------
742 11.3 - Featured Images
743 ------------------------------------------------------------------------------*/
745 #select-featured-image {
750 #select-featured-image img {
756 #select-featured-image a {
761 #select-featured-image .remove {
766 .js #select-featured-image.has-featured-image .remove {
767 display: inline-block;
770 .no-js #select-featured-image .choose {
774 /*------------------------------------------------------------------------------
776 ------------------------------------------------------------------------------*/
780 display: inline-block;
781 vertical-align: middle;
788 .post-state-format:before {
792 font: normal 20px/1 dashicons !important;
794 -webkit-font-smoothing: antialiased;
795 -moz-osx-font-smoothing: grayscale;
798 .post-state-format:before,
799 .post-format-icon:before {
801 -webkit-transition: all .1s ease-in-out;
802 transition: all .1s ease-in-out;
805 a.post-state-format:hover:before,
806 a.post-format-icon:hover:before {
810 #post-formats-select {
814 #post-formats-select .post-format-icon:before {
822 label.post-format-icon {
824 padding: 2px 0 2px 0px;
827 .post-format-icon:before {
829 display: inline-block;
831 font: normal 20px/1 dashicons;
833 -webkit-font-smoothing: antialiased;
834 -moz-osx-font-smoothing: grayscale;
837 .post-state-format.post-format-standard:before,
838 .post-format-icon.post-format-standard:before,
839 a.post-state-format.format-standard:before {
843 .post-state-format.post-format-image:before,
844 .post-format-icon.post-format-image:before,
845 a.post-state-format.format-image:before {
849 .post-state-format.post-format-gallery:before,
850 .post-format-icon.post-format-gallery:before,
851 a.post-state-format.format-gallery:before {
855 .post-state-format.post-format-audio:before,
856 .post-format-icon.post-format-audio:before,
857 a.post-state-format.format-audio:before {
861 .post-state-format.post-format-video:before,
862 .post-format-icon.post-format-video:before,
863 a.post-state-format.format-video:before {
867 .post-state-format.post-format-chat:before,
868 .post-format-icon.post-format-chat:before,
869 a.post-state-format.format-chat:before {
873 .post-state-format.post-format-status:before,
874 .post-format-icon.post-format-status:before,
875 a.post-state-format.format-status:before {
879 .post-state-format.post-format-aside:before,
880 .post-format-icon.post-format-aside:before,
881 a.post-state-format.format-aside:before {
885 .post-state-format.post-format-quote:before,
886 .post-format-icon.post-format-quote:before,
887 a.post-state-format.format-quote:before {
891 .post-state-format.post-format-link:before,
892 .post-format-icon.post-format-link:before,
893 a.post-state-format.format-link:before {
897 /*------------------------------------------------------------------------------
899 ------------------------------------------------------------------------------*/
910 #side-sortables .category-adder {
915 .categorydiv div.tabs-panel,
916 .customlinkdiv div.tabs-panel,
917 .posttypediv div.tabs-panel,
918 .taxonomydiv div.tabs-panel {
923 border: solid 1px #ddd;
924 background-color: #fdfdfd;
927 div.tabs-panel-active {
931 div.tabs-panel-inactive {
936 #front-static-pages ul,
938 .inline-editor ul.cat-checklist ul,
939 .categorydiv ul.categorychecklist ul,
940 .customlinkdiv ul.categorychecklist ul,
941 .posttypediv ul.categorychecklist ul,
942 .taxonomydiv ul.categorychecklist ul {
946 ul.categorychecklist li {
950 word-wrap: break-word;
953 .categorydiv .tabs-panel,
954 .customlinkdiv .tabs-panel,
955 .posttypediv .tabs-panel,
956 .taxonomydiv .tabs-panel {
966 .form-field input[type="text"],
967 .form-field input[type="password"],
968 .form-field input[type="email"],
969 .form-field input[type="number"],
970 .form-field input[type="search"],
971 .form-field input[type="tel"],
972 .form-field input[type="url"],
973 .form-field textarea {
993 .form-wrap .form-field {
998 .form-wrap .form-field #parent {
1007 .col-wrap p.submit {
1015 /*------------------------------------------------------------------------------
1017 ------------------------------------------------------------------------------*/
1019 #poststuff .tagsdiv .howto {
1031 .tagsdiv .the-tags {
1039 #post-body-content .tagsdiv .the-tags {
1046 padding: 8px 12px 12px;
1047 text-align: justify;
1057 text-align: justify;
1071 border: 1px solid #5b9dd9;
1072 background-color: #fff;
1075 .wp-customizer .ac_results {
1082 white-space: nowrap;
1086 .ac_results .ac_over,
1087 .ac_over .ac_match {
1088 background-color: #0073aa;
1094 text-decoration: underline;
1099 .comment-php .wp-editor-area {
1108 .comment-ays .comment-content ul {
1109 list-style: initial;
1113 .comment-ays .comment-content a[href]:after {
1114 content: '(' attr( href ) ')';
1115 display: inline-block;
1119 word-break: break-all;
1122 .comment-ays .comment-content p.edit-comment {
1126 .comment-ays .comment-content p.edit-comment a[href]:after {
1131 .comment-ays-submit .button-cancel {
1137 margin: 1px 8px 1px 0;
1141 .spam-undo-inside .avatar,
1142 .trash-undo-inside .avatar {
1146 vertical-align: middle;
1149 .stuffbox .editcomment {
1153 #comment-status-radio p {
1157 #comment-status-radio input {
1158 margin: 2px 3px 5px 0;
1159 vertical-align: middle;
1162 #comment-status-radio label {
1175 vertical-align: top;
1178 word-wrap: break-word;
1186 .links-table td label {
1190 .links-table td input[type="text"],
1191 .links-table td textarea {
1195 .links-table #link_rel {
1200 -------------------------------------------------------------- */
1202 #wp-content-wrap .mce-wp-dfw,
1207 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1208 .wp-editor-expand #qt_content_dfw {
1209 display: inline-block;
1212 .focus-on .wrap > h1,
1213 .focus-on #wpfooter,
1214 .focus-on .postbox-container > *,
1215 .focus-on div.updated,
1216 .focus-on div.error,
1217 .focus-on div.notice,
1218 .focus-on .update-nag,
1219 .focus-on #wp-toolbar,
1220 .focus-on #screen-meta-links,
1221 .focus-on #screen-meta {
1223 -webkit-transition-duration: 0.6s;
1224 transition-duration: 0.6s;
1225 -webkit-transition-property: opacity;
1226 transition-property: opacity;
1227 -webkit-transition-timing-function: ease-in-out;
1228 transition-timing-function: ease-in-out;
1231 .focus-on #wp-toolbar {
1235 .focus-off .wrap > h1,
1236 .focus-off #wpfooter,
1237 .focus-off .postbox-container > *,
1238 .focus-off div.updated,
1239 .focus-off div.error,
1240 .focus-off div.notice,
1241 .focus-off .update-nag,
1242 .focus-off #wp-toolbar,
1243 .focus-off #screen-meta-links,
1244 .focus-off #screen-meta {
1246 -webkit-transition-duration: 0.2s;
1247 transition-duration: 0.2s;
1248 -webkit-transition-property: opacity;
1249 transition-property: opacity;
1250 -webkit-transition-timing-function: ease-in-out;
1251 transition-timing-function: ease-in-out;
1254 .focus-off #wp-toolbar {
1255 -webkit-transform: translate(0, 0);
1258 .focus-on #adminmenuback,
1259 .focus-on #adminmenuwrap {
1260 -webkit-transition-duration: 0.6s;
1261 transition-duration: 0.6s;
1262 -webkit-transition-property: -webkit-transform;
1263 transition-property: -webkit-transform;
1264 transition-property: transform;
1265 transition-property: transform, -webkit-transform;
1266 -webkit-transition-timing-function: ease-in-out;
1267 transition-timing-function: ease-in-out;
1270 .focus-on #adminmenuback,
1271 .focus-on #adminmenuwrap {
1272 -webkit-transform: translateX( -100% );
1273 -ms-transform: translateX( -100% );
1274 transform: translateX( -100% );
1277 .focus-off #adminmenuback,
1278 .focus-off #adminmenuwrap {
1279 -webkit-transform: translateX( 0 );
1280 -ms-transform: translateX( 0 );
1281 transform: translateX( 0 );
1282 -webkit-transition-duration: 0.2s;
1283 transition-duration: 0.2s;
1284 -webkit-transition-property: -webkit-transform;
1285 transition-property: -webkit-transform;
1286 transition-property: transform;
1287 transition-property: transform, -webkit-transform;
1288 -webkit-transition-timing-function: ease-in-out;
1289 transition-timing-function: ease-in-out;
1293 -------------------------------------------------------------- */
1299 (-webkit-min-device-pixel-ratio: 1.25),
1300 (min-resolution: 120dpi) {
1301 #content-resize-handle,
1302 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1303 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1304 -webkit-background-size: 11px 11px;
1305 background-size: 11px 11px;
1309 .rtl #content-resize-handle,
1310 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1311 background-image: url(../images/resize-rtl-2x.gif);
1312 background-position: left bottom;
1316 /* one column on the post write/edit screen */
1317 @media only screen and (max-width: 850px) {
1322 #wpbody-content #poststuff #post-body {
1326 #wpbody-content #post-body.columns-2 #postbox-container-1 {
1331 #poststuff #postbox-container-1 .empty-container,
1332 #poststuff #postbox-container-1 #side-sortables:empty {
1338 #poststuff #post-body.columns-2 #side-sortables {
1343 /* hide the radio buttons for column prefs */
1350 @media screen and ( max-width: 782px ) {
1351 #post-body-content {
1355 #titlediv #title-prompt-text {
1359 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
1360 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
1365 .post-format-options {
1369 .post-format-options a {
1375 .post-format-options .post-format-title {
1379 .post-format-options a div {
1384 .post-format-options a div:before {
1385 font-size: 26px !important;
1388 /* Publish Metabox Options */
1389 #post-visibility-select {
1393 .wp-core-ui .save-post-visibility,
1394 .wp-core-ui .save-timestamp {
1395 vertical-align: middle;
1399 .timestamp-wrap select#mm {
1402 margin-bottom: 10px;
1405 .timestamp-wrap #jj,
1406 .timestamp-wrap #aa,
1407 .timestamp-wrap #hh,
1408 .timestamp-wrap #mn {
1416 /* Categories Metabox */
1418 margin: 30px 0 15px;
1421 ul.category-tabs li.tabs {
1425 ul.categorychecklist li {
1426 margin-bottom: 15px;
1429 ul.categorychecklist ul {
1433 .category-add input[type=text],
1434 .category-add select {
1436 margin-bottom: 15px;
1443 margin-bottom: 15px;
1450 .tagchecklist span {
1456 #commentstatusdiv p {
1460 /* TinyMCE Adjustments */
1462 white-space: normal !important;
1467 float: left !important;
1470 .wp_themeSkin a.mceButton {
1475 .wp_themeSkin .mceButton .mceIcon {
1480 .wp_themeSkin .mceSplitButton {
1484 .wp_themeSkin .mceSplitButton td a.mceAction {
1486 padding-bottom: 6px;
1491 .wp_themeSkin .mceSplitButton td a.mceOpen,
1492 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1494 padding-bottom: 6px;
1495 background-position: 1px 6px;
1498 .wp_themeSkin table.mceListBox {
1502 div.quicktags-toolbar input {
1506 button.wp-switch-editor {
1509 margin: 7px 0 0 7px;
1513 #wp-content-media-buttons a {
1518 .wp-media-buttons span.wp-media-buttons-icon,
1519 .wp-media-buttons span.jetpack-contact-form-icon {
1520 width: 22px !important;
1521 margin-left: -2px !important;
1524 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1525 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1526 font-size: 20px !important;
1529 #content_wp_fullscreen {
1534 padding: 20px 10px 20px;
1537 .misc-pub-section > a {
1543 #publishing-action {
1547 #publishing-action .spinner {
1549 margin-top: -2px; /* Half of the Publish button's bottom margin. */
1552 /* Moderate Comment */
1563 .links-table #link_rel {