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,
28 #show-comments .spinner {
32 #lost-connection-notice .spinner {
46 #titlediv div.inside {
50 #poststuff #titlewrap {
63 background-color: #fff;
66 #titlediv #title-prompt-text {
73 #wp-fullscreen-save .fs-saved {
79 #poststuff .inside-submitbox,
80 #side-sortables .inside-submitbox {
85 input#link_description,
100 min-height: 25px; /* Yes, line-height + 1 */
106 #edit-slug-box .cancel {
111 #editable-post-name-full {
115 #editable-post-name {
116 background-color: #fffbcc;
119 #editable-post-name input {
132 padding: 12px 10px 10px;
134 background-color: #464646;
138 .submitbox .submitdelete {
139 text-decoration: none;
143 /* @todo: do we really need this? word on the street is we don't and this
144 stray rule may actually be compensated for elsewhere. */
145 #normal-sortables .submitbox .submitdelete:hover {
147 background-color: #f00;
148 border-bottom-color: #f00;
151 .submitbox .submit a:hover {
152 text-decoration: underline;
155 .submitbox .submit input {
161 .inside-submitbox #post_status {
162 margin: 2px 0 2px -2px;
165 #post-status-select {
170 #post-body #normal-sortables {
177 border: 1px solid #e5e5e5;
178 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
179 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
187 #normal-sortables .postbox .submit {
188 background: transparent none;
195 .category-add input[type="text"],
196 .category-add select {
199 vertical-align: baseline;
202 #side-sortables .category-add input[type="text"],
203 #side-sortables .category-add select {
208 #side-sortables .add-menu-item-tabs li,
214 .no-js .category-tabs li.hide-if-no-js {
219 #side-sortables .add-menu-item-tabs a,
221 text-decoration: none;
224 /* @todo: do these really need to be so specific? */
225 #side-sortables .category-tabs .tabs a,
226 #side-sortables .add-menu-item-tabs .tabs a,
227 .wp-tab-bar .wp-tab-active a,
228 #post-body ul.category-tabs li.tabs a,
229 #post-body ul.add-menu-item-tabs li.tabs a {
241 #side-sortables .add-menu-item-tabs,
246 #normal-sortables .postbox #replyrow .submit {
252 #side-sortables .submitbox .submit input,
253 #side-sortables .submitbox .submit .preview,
254 #side-sortables .submitbox .submit a.preview:hover {
258 #side-sortables .inside-submitbox .insidebox,
259 .stuffbox .insidebox {
263 /* @todo: make this a more generic class */
265 ul.add-menu-item-tabs,
271 ul.add-menu-item-tabs li {
272 border: solid 1px transparent;
276 ul.category-tabs li.tabs,
277 ul.add-menu-item-tabs li.tabs,
279 border: 1px solid #dfdfdf;
280 border-bottom-color: #fdfdfd;
281 background-color: #fdfdfd;
285 ul.add-menu-item-tabs li,
287 padding: 3px 5px 5px;
290 #postimagediv .inside img {
300 td.post-title strong,
301 td.plugin-title strong {
313 .wp-hidden-children .wp-hidden-child,
318 #post-body .tagsdiv #newtag {
323 #side-sortables input#post_password {
327 #side-sortables .tagsdiv #newtag {
334 border: 1px solid #e5e5e5;
336 background-color: #f7f7f7;
337 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
338 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
342 #post-status-info td {
351 #editorcontent #post-status-info {
355 #content-resize-handle {
356 background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
361 .rtl #content-resize-handle {
362 background: transparent url(../images/resize-rtl.gif) no-repeat scroll left bottom;
365 .wp-editor-expand #content-resize-handle {
369 #postdivrich #content {
378 #wp-content-editor-container {
382 #content-textarea-clone {
389 border: 1px solid transparent;
392 .wp-fullscreen-wrap #content-textarea-clone {
396 /* editor-expand.js override */
397 .wp-fullscreen-wrap {
398 padding-top: 0 !important;
401 .wp-fullscreen-wrap .wp-editor-area {
402 margin-top: 0 !important;
405 .wp-fullscreen-wrap .mce-edit-area {
406 padding-top: 0 !important;
408 /* end editor-expand.js override */
410 .wp-editor-expand #wp-content-editor-tools {
412 border-bottom: 1px solid #e5e5e5;
415 .wp-editor-expand #wp-content-editor-container {
416 -webkit-box-shadow: none;
421 .wp-editor-expand #wp-content-editor-container {
422 border-bottom: 0 none;
425 .wp-editor-expand div.mce-statusbar {
429 .wp-editor-expand #post-status-info {
430 border-top: 1px solid #e5e5e5;
433 .wp-editor-expand div.mce-toolbar-grp {
437 #wp-content-editor-tools {
438 background-color: #f1f1f1;
442 #poststuff #post-body.columns-2 #side-sortables {
446 #timestampdiv select {
467 .curtime #timestamp {
468 padding: 2px 0 1px 0;
469 display: inline !important;
470 height: auto !important;
473 #misc-publishing-actions label[for="post_status"]:before,
474 #post-body #visibility:before,
475 .curtime #timestamp:before,
476 #post-body .misc-pub-revisions:before,
477 span.wp-media-buttons-icon:before {
481 #post-body #visibility:before,
482 .curtime #timestamp:before,
483 #post-body .misc-pub-revisions:before {
484 font: normal 20px/1 'dashicons';
486 display: inline-block;
492 -webkit-font-smoothing: antialiased;
493 -moz-osx-font-smoothing: grayscale;
494 text-decoration: none !important;
497 #post-body #visibility:before {
501 .curtime #timestamp:before {
506 #post-body .misc-pub-revisions:before {
519 #timestampdiv input {
524 .notification-dialog {
531 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
532 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
537 .notification-dialog-background {
545 filter: alpha(opacity=70);
549 #post-lock-dialog .post-locked-message,
550 #post-lock-dialog .post-taken-over {
554 #post-lock-dialog .post-locked-message a.button {
558 #post-lock-dialog .post-locked-avatar {
560 margin: 0 20px 20px 0;
563 #post-lock-dialog .wp-tab-first {
567 #post-lock-dialog .locked-saving img {
572 #post-lock-dialog.saving .locked-saving,
573 #post-lock-dialog.saved .locked-saved {
594 .tagchecklist strong {
609 .tagchecklist span a {
610 margin: 1px 0 0 -17px;
640 #poststuff .inside #parent_id,
641 #poststuff .inside #page_template {
645 #poststuff .inside label.spam,
646 #poststuff .inside label.deleted {
650 #poststuff .inside label.waiting {
654 #poststuff .inside label.approved {
658 .ie8 #poststuff .inside #parent_id,
659 .ie8 #poststuff .inside #page_template {
663 #post-visibility-select {
668 #poststuff #submitdiv .inside {
678 /*------------------------------------------------------------------------------
680 ------------------------------------------------------------------------------*/
682 #postcustomstuff thead th {
683 padding: 5px 8px 8px;
684 background-color: #f1f1f1;
687 #postcustom #postcustomstuff .submit {
693 #side-sortables #postcustom #postcustomstuff .submit {
698 #side-sortables #postcustom #postcustomstuff #the-list textarea {
702 #side-sortables #postcustom #postcustomstuff td.left input,
703 #side-sortables #postcustom #postcustomstuff td.left select,
704 #side-sortables #postcustomstuff #newmetaleft a {
708 #postcustomstuff table {
711 border: 1px solid #dfdfdf;
713 background-color: #f9f9f9;
716 #postcustomstuff tr {
720 #postcustomstuff table input,
721 #postcustomstuff table select,
722 #postcustomstuff table textarea {
727 #side-sortables #postcustomstuff table input,
728 #side-sortables #postcustomstuff table select,
729 #side-sortables #postcustomstuff table textarea {
733 #postcustomstuff th.left,
734 #postcustomstuff td.left {
738 #postcustomstuff .submit input {
743 #postcustomstuff #newmetaleft a {
744 display: inline-block;
746 text-decoration: none;
749 .no-js #postcustomstuff #enternew {
753 #post-body-content .compat-attachment-fields {
757 .compat-attachment-fields th {
762 /*------------------------------------------------------------------------------
763 11.3 - Featured Images
764 ------------------------------------------------------------------------------*/
766 #select-featured-image {
771 #select-featured-image img {
777 #select-featured-image a {
782 #select-featured-image .remove {
787 .js #select-featured-image.has-featured-image .remove {
788 display: inline-block;
791 .no-js #select-featured-image .choose {
795 /*------------------------------------------------------------------------------
797 ------------------------------------------------------------------------------*/
801 display: inline-block;
802 vertical-align: middle;
809 .post-state-format:before {
813 font: normal 20px/1 'dashicons' !important;
815 -webkit-font-smoothing: antialiased;
816 -moz-osx-font-smoothing: grayscale;
819 .post-state-format:before,
820 .post-format-icon:before {
822 -webkit-transition: all .1s ease-in-out;
823 transition: all .1s ease-in-out;
826 a.post-state-format:hover:before,
827 a.post-format-icon:hover:before {
831 #post-formats-select {
835 #post-formats-select .post-format-icon:before {
843 label.post-format-icon {
845 padding: 2px 0 2px 0px;
848 .post-format-icon:before {
850 display: inline-block;
852 font: normal 20px/1 'dashicons';
854 -webkit-font-smoothing: antialiased;
855 -moz-osx-font-smoothing: grayscale;
858 .post-state-format.post-format-standard:before,
859 .post-format-icon.post-format-standard:before,
860 a.post-state-format.format-standard:before {
864 .post-state-format.post-format-image:before,
865 .post-format-icon.post-format-image:before,
866 a.post-state-format.format-image:before {
870 .post-state-format.post-format-gallery:before,
871 .post-format-icon.post-format-gallery:before,
872 a.post-state-format.format-gallery:before {
876 .post-state-format.post-format-audio:before,
877 .post-format-icon.post-format-audio:before,
878 a.post-state-format.format-audio:before {
882 .post-state-format.post-format-video:before,
883 .post-format-icon.post-format-video:before,
884 a.post-state-format.format-video:before {
888 .post-state-format.post-format-chat:before,
889 .post-format-icon.post-format-chat:before,
890 a.post-state-format.format-chat:before {
894 .post-state-format.post-format-status:before,
895 .post-format-icon.post-format-status:before,
896 a.post-state-format.format-status:before {
900 .post-state-format.post-format-aside:before,
901 .post-format-icon.post-format-aside:before,
902 a.post-state-format.format-aside:before {
906 .post-state-format.post-format-quote:before,
907 .post-format-icon.post-format-quote:before,
908 a.post-state-format.format-quote:before {
912 .post-state-format.post-format-link:before,
913 .post-format-icon.post-format-link:before,
914 a.post-state-format.format-link:before {
918 /*------------------------------------------------------------------------------
920 ------------------------------------------------------------------------------*/
931 #side-sortables .category-adder {
936 .categorydiv div.tabs-panel,
937 .customlinkdiv div.tabs-panel,
938 .posttypediv div.tabs-panel,
939 .taxonomydiv div.tabs-panel {
944 border: solid 1px #dfdfdf;
945 background-color: #fdfdfd;
948 div.tabs-panel-active {
952 div.tabs-panel-inactive {
957 #front-static-pages ul,
959 .inline-editor ul.cat-checklist ul,
960 .categorydiv ul.categorychecklist ul,
961 .customlinkdiv ul.categorychecklist ul,
962 .posttypediv ul.categorychecklist ul,
963 .taxonomydiv ul.categorychecklist ul {
967 ul.categorychecklist li {
971 word-wrap: break-word;
974 .categorydiv .tabs-panel,
975 .customlinkdiv .tabs-panel,
976 .posttypediv .tabs-panel,
977 .taxonomydiv .tabs-panel {
993 .form-field input[type="text"],
994 .form-field input[type="password"],
995 .form-field input[type="email"],
996 .form-field input[type="number"],
997 .form-field input[type="search"],
998 .form-field input[type="tel"],
999 .form-field input[type="url"],
1000 .form-field textarea {
1001 border-style: solid;
1020 .form-wrap .form-field {
1025 .form-wrap .form-field #parent {
1034 .col-wrap p.submit {
1039 /*------------------------------------------------------------------------------
1041 ------------------------------------------------------------------------------*/
1047 #poststuff .taghint {
1049 margin: 15px 0 -24px 12px;
1052 #poststuff .tagsdiv .howto {
1064 .tagsdiv .the-tags {
1072 #post-body-content .tagsdiv .the-tags {
1079 margin: -17px 0 0 7px;
1083 input.newtag ~ div.taghint {
1084 visibility: visible;
1087 input.newtag:focus ~ div.taghint {
1094 padding: 8px 12px 12px;
1095 text-align: justify;
1105 text-align: justify;
1119 border: 1px solid #808080;
1120 background-color: #fff;
1123 .wp-customizer .ac_results {
1129 white-space: nowrap;
1135 background-color: #f0f0b8;
1140 text-decoration: underline;
1145 .comment-php .wp-editor-area {
1151 border-bottom-style: solid;
1152 border-bottom-width: 1px;
1156 background-color: transparent;
1161 margin: 1px 8px 1px 0;
1165 .spam-undo-inside .avatar,
1166 .trash-undo-inside .avatar {
1170 vertical-align: middle;
1173 .stuffbox .editcomment {
1177 #comment-status-radio p {
1181 #comment-status-radio input {
1182 margin: 2px 3px 5px 0;
1183 vertical-align: middle;
1186 #comment-status-radio label {
1197 font-weight: normal;
1199 vertical-align: top;
1202 word-wrap: break-word;
1210 .links-table td label {
1214 .links-table td input[type="text"],
1215 .links-table td textarea {
1219 .links-table #link_rel {
1224 -------------------------------------------------------------- */
1230 (-o-min-device-pixel-ratio: 5/4),
1231 (-webkit-min-device-pixel-ratio: 1.25),
1232 (min-resolution: 120dpi) {
1233 #content-resize-handle,
1234 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1235 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1236 -webkit-background-size: 11px 11px;
1237 background-size: 11px 11px;
1240 .rtl #content-resize-handle,
1241 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1242 background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll right bottom;
1246 /* one column on the post write/edit screen */
1247 @media only screen and (max-width: 850px) {
1252 #wpbody-content #poststuff #post-body {
1256 #wpbody-content #post-body.columns-2 #postbox-container-1 {
1261 #poststuff #postbox-container-1 .empty-container,
1262 #poststuff #postbox-container-1 #side-sortables:empty {
1268 #poststuff #post-body.columns-2 #side-sortables {
1273 /* hide the radio buttons for column prefs */
1280 @media screen and ( max-width: 782px ) {
1281 #post-body-content {
1285 #titlediv #title-prompt-text {
1293 .post-format-options {
1297 .post-format-options a {
1303 .post-format-options .post-format-title {
1307 .post-format-options a div {
1312 .post-format-options a div:before {
1313 font-size: 26px !important;
1316 /* Publish Metabox Options */
1317 #post-visibility-select {
1321 .wp-core-ui .save-post-visibility,
1322 .wp-core-ui .save-timestamp {
1323 vertical-align: middle;
1327 .timestamp-wrap select#mm {
1330 margin-bottom: 10px;
1333 .timestamp-wrap #jj,
1334 .timestamp-wrap #aa,
1335 .timestamp-wrap #hh,
1336 .timestamp-wrap #mn {
1344 /* Categories Metabox */
1346 margin: 30px 0 15px;
1349 ul.category-tabs li.tabs {
1353 ul.categorychecklist li {
1354 margin-bottom: 15px;
1357 ul.categorychecklist ul {
1361 .category-add input[type=text],
1362 .category-add select {
1364 margin-bottom: 15px;
1371 margin-bottom: 15px;
1378 .tagchecklist span {
1384 #commentstatusdiv p {
1388 /* TinyMCE Adjustments */
1390 white-space: normal !important;
1395 float: left !important;
1398 .wp_themeSkin a.mceButton {
1403 .wp_themeSkin .mceButton .mceIcon {
1408 .wp_themeSkin .mceSplitButton {
1412 .wp_themeSkin .mceSplitButton td a.mceAction {
1414 padding-bottom: 6px;
1419 .wp_themeSkin .mceSplitButton td a.mceOpen,
1420 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1422 padding-bottom: 6px;
1423 background-position: 1px 6px;
1426 .wp_themeSkin table.mceListBox {
1430 div.quicktags-toolbar input {
1434 a.wp-switch-editor {
1437 margin: 3px 0 0 7px;
1441 #wp-content-media-buttons a {
1445 padding: 0 20px 0 15px;
1448 .wp-media-buttons span.wp-media-buttons-icon,
1449 .wp-media-buttons span.jetpack-contact-form-icon {
1450 width: 22px !important;
1451 margin-top: -3px !important;
1452 margin-left: -5px !important;
1455 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1456 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1457 font-size: 20px !important;
1460 #content_wp_fullscreen {
1465 padding: 20px 10px 20px;
1468 .misc-pub-section > a {
1474 #publishing-action {
1478 /* Moderate Comment */
1480 border-bottom: none;
1484 .links-table #link_rel {
1494 @media only screen and (max-width: 500px) {
1495 /* Align Add Media + Visual + Text tabs */
1496 #wp-content-media-buttons a {
1498 padding: 0 10px 0 10px;