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 {
47 #titlediv div.inside {
51 #poststuff #titlewrap {
64 background-color: #fff;
67 #titlediv #title-prompt-text {
74 #wp-fullscreen-save .fs-saved {
80 #poststuff .inside-submitbox,
81 #side-sortables .inside-submitbox {
86 input#link_description,
101 min-height: 25px; /* Yes, line-height + 1 */
107 #edit-slug-box .cancel {
112 #editable-post-name-full {
116 #editable-post-name {
117 background-color: #fffbcc;
120 #editable-post-name input {
133 padding: 12px 10px 10px;
135 background-color: #464646;
139 .submitbox .submitdelete {
140 text-decoration: none;
144 /* @todo: do we really need this? word on the street is we don't and this
145 stray rule may actually be compensated for elsewhere. */
146 #normal-sortables .submitbox .submitdelete:hover {
148 background-color: #f00;
149 border-bottom-color: #f00;
152 .submitbox .submit a:hover {
153 text-decoration: underline;
156 .submitbox .submit input {
162 .inside-submitbox #post_status {
163 margin: 2px -2px 2px 0;
166 #post-status-select {
171 #post-body #normal-sortables {
178 border: 1px solid #e5e5e5;
179 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
180 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
188 #normal-sortables .postbox .submit {
189 background: transparent none;
196 .category-add input[type="text"],
197 .category-add select {
200 vertical-align: baseline;
203 #side-sortables .category-add input[type="text"],
204 #side-sortables .category-add select {
209 #side-sortables .add-menu-item-tabs li,
215 .no-js .category-tabs li.hide-if-no-js {
220 #side-sortables .add-menu-item-tabs a,
222 text-decoration: none;
225 /* @todo: do these really need to be so specific? */
226 #side-sortables .category-tabs .tabs a,
227 #side-sortables .add-menu-item-tabs .tabs a,
228 .wp-tab-bar .wp-tab-active a,
229 #post-body ul.category-tabs li.tabs a,
230 #post-body ul.add-menu-item-tabs li.tabs a {
242 #side-sortables .add-menu-item-tabs,
247 #normal-sortables .postbox #replyrow .submit {
253 #side-sortables .submitbox .submit input,
254 #side-sortables .submitbox .submit .preview,
255 #side-sortables .submitbox .submit a.preview:hover {
259 #side-sortables .inside-submitbox .insidebox,
260 .stuffbox .insidebox {
264 /* @todo: make this a more generic class */
266 ul.add-menu-item-tabs,
272 ul.add-menu-item-tabs li {
273 border: solid 1px transparent;
277 ul.category-tabs li.tabs,
278 ul.add-menu-item-tabs li.tabs,
280 border: 1px solid #dfdfdf;
281 border-bottom-color: #fdfdfd;
282 background-color: #fdfdfd;
286 ul.add-menu-item-tabs li,
288 padding: 3px 5px 5px;
291 #postimagediv .inside img {
301 td.post-title strong,
302 td.plugin-title strong {
314 .wp-hidden-children .wp-hidden-child,
319 #post-body .tagsdiv #newtag {
324 #side-sortables input#post_password {
328 #side-sortables .tagsdiv #newtag {
335 border: 1px solid #e5e5e5;
337 background-color: #f7f7f7;
338 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
339 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 left bottom;
361 .rtl #content-resize-handle {
362 background: transparent url(../images/resize-rtl.gif) no-repeat scroll right bottom;
370 #timestampdiv select {
391 .curtime #timestamp {
392 padding: 2px 0 1px 0;
393 display: inline !important;
394 height: auto !important;
397 #misc-publishing-actions label[for="post_status"]:before,
398 #post-body #visibility:before,
399 .curtime #timestamp:before,
400 #post-body .misc-pub-revisions:before,
401 span.wp-media-buttons-icon:before {
405 #post-body #visibility:before,
406 .curtime #timestamp:before,
407 #post-body .misc-pub-revisions:before {
408 font: normal 20px/1 'dashicons';
410 display: inline-block;
416 -webkit-font-smoothing: antialiased;
417 -moz-osx-font-smoothing: grayscale;
418 text-decoration: none !important;
421 #post-body #visibility:before {
425 .curtime #timestamp:before {
430 #post-body .misc-pub-revisions:before {
443 #timestampdiv input {
448 .notification-dialog {
453 margin-right: -225px;
455 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
456 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
461 .notification-dialog-background {
469 filter: alpha(opacity=70);
473 #post-lock-dialog .post-locked-message,
474 #post-lock-dialog .post-taken-over {
478 #post-lock-dialog .post-locked-message a.button {
482 #post-lock-dialog .post-locked-avatar {
484 margin: 0 0 20px 20px;
487 #post-lock-dialog .wp-tab-first {
491 #post-lock-dialog .locked-saving img {
496 #post-lock-dialog.saving .locked-saving,
497 #post-lock-dialog.saved .locked-saved {
518 .tagchecklist strong {
533 .tagchecklist span a {
534 margin: 1px -17px 0 0;
564 #poststuff .inside #parent_id,
565 #poststuff .inside #page_template {
569 #poststuff .inside label.spam,
570 #poststuff .inside label.deleted {
574 #poststuff .inside label.waiting {
578 #poststuff .inside label.approved {
582 .ie8 #poststuff .inside #parent_id,
583 .ie8 #poststuff .inside #page_template {
587 #post-visibility-select {
592 #poststuff #submitdiv .inside {
601 /*------------------------------------------------------------------------------
603 ------------------------------------------------------------------------------*/
605 #postcustomstuff thead th {
606 padding: 5px 8px 8px;
607 background-color: #f1f1f1;
610 #postcustom #postcustomstuff .submit {
616 #side-sortables #postcustom #postcustomstuff .submit {
621 #side-sortables #postcustom #postcustomstuff #the-list textarea {
625 #side-sortables #postcustom #postcustomstuff td.left input,
626 #side-sortables #postcustom #postcustomstuff td.left select,
627 #side-sortables #postcustomstuff #newmetaleft a {
631 #postcustomstuff table {
634 border: 1px solid #dfdfdf;
636 background-color: #f9f9f9;
639 #postcustomstuff tr {
643 #postcustomstuff table input,
644 #postcustomstuff table select,
645 #postcustomstuff table textarea {
650 #side-sortables #postcustomstuff table input,
651 #side-sortables #postcustomstuff table select,
652 #side-sortables #postcustomstuff table textarea {
656 #postcustomstuff th.left,
657 #postcustomstuff td.left {
661 #postcustomstuff .submit input {
666 #postcustomstuff #newmetaleft a {
667 display: inline-block;
669 text-decoration: none;
672 .no-js #postcustomstuff #enternew {
676 #post-body-content .compat-attachment-fields {
680 .compat-attachment-fields th {
685 /*------------------------------------------------------------------------------
686 11.3 - Featured Images
687 ------------------------------------------------------------------------------*/
689 #select-featured-image {
694 #select-featured-image img {
700 #select-featured-image a {
705 #select-featured-image .remove {
710 .js #select-featured-image.has-featured-image .remove {
711 display: inline-block;
714 .no-js #select-featured-image .choose {
718 /*------------------------------------------------------------------------------
720 ------------------------------------------------------------------------------*/
724 display: inline-block;
725 vertical-align: middle;
732 .post-state-format:before {
736 font: normal 20px/1 'dashicons' !important;
738 -webkit-font-smoothing: antialiased;
739 -moz-osx-font-smoothing: grayscale;
742 .post-state-format:before,
743 .post-format-icon:before {
745 -webkit-transition: all .1s ease-in-out;
746 transition: all .1s ease-in-out;
749 a.post-state-format:hover:before,
750 a.post-format-icon:hover:before {
754 #post-formats-select {
758 #post-formats-select .post-format-icon:before {
766 label.post-format-icon {
768 padding: 2px 0px 2px 0;
771 .post-format-icon:before {
773 display: inline-block;
775 font: normal 20px/1 'dashicons';
777 -webkit-font-smoothing: antialiased;
778 -moz-osx-font-smoothing: grayscale;
781 .post-state-format.post-format-standard:before,
782 .post-format-icon.post-format-standard:before,
783 a.post-state-format.format-standard:before {
787 .post-state-format.post-format-image:before,
788 .post-format-icon.post-format-image:before,
789 a.post-state-format.format-image:before {
793 .post-state-format.post-format-gallery:before,
794 .post-format-icon.post-format-gallery:before,
795 a.post-state-format.format-gallery:before {
799 .post-state-format.post-format-audio:before,
800 .post-format-icon.post-format-audio:before,
801 a.post-state-format.format-audio:before {
805 .post-state-format.post-format-video:before,
806 .post-format-icon.post-format-video:before,
807 a.post-state-format.format-video:before {
811 .post-state-format.post-format-chat:before,
812 .post-format-icon.post-format-chat:before,
813 a.post-state-format.format-chat:before {
817 .post-state-format.post-format-status:before,
818 .post-format-icon.post-format-status:before,
819 a.post-state-format.format-status:before {
823 .post-state-format.post-format-aside:before,
824 .post-format-icon.post-format-aside:before,
825 a.post-state-format.format-aside:before {
829 .post-state-format.post-format-quote:before,
830 .post-format-icon.post-format-quote:before,
831 a.post-state-format.format-quote:before {
835 .post-state-format.post-format-link:before,
836 .post-format-icon.post-format-link:before,
837 a.post-state-format.format-link:before {
841 /*------------------------------------------------------------------------------
843 ------------------------------------------------------------------------------*/
854 #side-sortables .category-adder {
859 .categorydiv div.tabs-panel,
860 .customlinkdiv div.tabs-panel,
861 .posttypediv div.tabs-panel,
862 .taxonomydiv div.tabs-panel {
867 border: solid 1px #dfdfdf;
868 background-color: #fdfdfd;
871 div.tabs-panel-active {
875 div.tabs-panel-inactive {
880 #front-static-pages ul,
882 .inline-editor ul.cat-checklist ul,
883 .categorydiv ul.categorychecklist ul,
884 .customlinkdiv ul.categorychecklist ul,
885 .posttypediv ul.categorychecklist ul,
886 .taxonomydiv ul.categorychecklist ul {
890 ul.categorychecklist li {
894 word-wrap: break-word;
897 .categorydiv .tabs-panel,
898 .customlinkdiv .tabs-panel,
899 .posttypediv .tabs-panel,
900 .taxonomydiv .tabs-panel {
917 .form-field textarea {
937 .form-wrap .form-field {
942 .form-wrap .form-field #parent {
956 /*------------------------------------------------------------------------------
958 ------------------------------------------------------------------------------*/
964 #poststuff .taghint {
966 margin: 15px 12px -24px 0;
969 #poststuff .tagsdiv .howto {
989 #post-body-content .tagsdiv .the-tags {
996 margin: -17px 7px 0 0;
1000 input.newtag ~ div.taghint {
1001 visibility: visible;
1004 input.newtag:focus ~ div.taghint {
1012 padding: 8px 12px 12px;
1013 text-align: justify;
1023 text-align: justify;
1037 border: 1px solid #808080;
1038 background-color: #fff;
1041 .wp-customizer .ac_results {
1047 white-space: nowrap;
1053 background-color: #f0f0b8;
1058 text-decoration: underline;
1063 .comment-php .wp-editor-area {
1069 border-bottom-style: solid;
1070 border-bottom-width: 1px;
1074 background-color: transparent;
1079 margin: 1px 0 1px 8px;
1083 .spam-undo-inside .avatar,
1084 .trash-undo-inside .avatar {
1088 vertical-align: middle;
1091 .stuffbox .editcomment {
1095 #comment-status-radio p {
1099 #comment-status-radio input {
1100 margin: 2px 0 5px 3px;
1101 vertical-align: middle;
1104 #comment-status-radio label {
1115 font-weight: normal;
1117 vertical-align: top;
1120 word-wrap: break-word;
1128 .links-table td label {
1132 .links-table td input[type="text"],
1133 .links-table td textarea {
1137 .links-table #link_rel {
1142 -------------------------------------------------------------- */
1148 (-o-min-device-pixel-ratio: 5/4),
1149 (-webkit-min-device-pixel-ratio: 1.25),
1150 (min-resolution: 120dpi) {
1151 #content-resize-handle,
1152 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1153 background: transparent url(../images/resize-2x.gif) no-repeat scroll left bottom;
1154 -webkit-background-size: 11px 11px;
1155 background-size: 11px 11px;
1158 .rtl #content-resize-handle,
1159 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1160 background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll left bottom;
1164 /* one column on the post write/edit screen */
1165 @media only screen and (max-width: 850px) {
1170 #wpbody-content #poststuff #post-body {
1174 #wpbody-content #post-body.columns-2 #postbox-container-1 {
1179 #poststuff #postbox-container-1 .empty-container,
1180 #poststuff #postbox-container-1 #side-sortables:empty {
1186 #poststuff #post-body.columns-2 #side-sortables {
1190 /* hide the radio buttons for column prefs */
1197 @media screen and ( max-width: 782px ) {
1198 #post-body-content {
1202 #titlediv #title-prompt-text {
1210 .post-format-options {
1214 .post-format-options a {
1220 .post-format-options .post-format-title {
1224 .post-format-options a div {
1229 .post-format-options a div:before {
1230 font-size: 26px !important;
1233 /* Publish Metabox Options */
1234 #post-visibility-select {
1238 .wp-core-ui .save-post-visibility,
1239 .wp-core-ui .save-timestamp {
1240 vertical-align: middle;
1244 .timestamp-wrap select#mm {
1247 margin-bottom: 10px;
1250 .timestamp-wrap #jj,
1251 .timestamp-wrap #aa,
1252 .timestamp-wrap #hh,
1253 .timestamp-wrap #mn {
1261 /* Categories Metabox */
1263 margin: 30px 0 15px;
1266 ul.category-tabs li.tabs {
1270 ul.categorychecklist li {
1271 margin-bottom: 15px;
1274 ul.categorychecklist ul {
1278 .category-add input[type=text],
1279 .category-add select {
1281 margin-bottom: 15px;
1288 margin-bottom: 15px;
1295 .tagchecklist span {
1301 #commentstatusdiv p {
1305 /* TinyMCE Adjustments */
1307 white-space: normal !important;
1312 float: right !important;
1315 .wp_themeSkin a.mceButton {
1320 .wp_themeSkin .mceButton .mceIcon {
1325 .wp_themeSkin .mceSplitButton {
1329 .wp_themeSkin .mceSplitButton td a.mceAction {
1331 padding-bottom: 6px;
1336 .wp_themeSkin .mceSplitButton td a.mceOpen,
1337 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1339 padding-bottom: 6px;
1340 background-position: 1px 6px;
1343 .wp_themeSkin table.mceListBox {
1347 div.quicktags-toolbar input {
1351 #wp-content-editor-tools {
1353 padding: 20px 0 1px 15px;
1357 a.wp-switch-editor {
1360 margin: 3px 7px 0 0;
1364 #wp-content-media-buttons a {
1368 padding: 0 15px 0 20px;
1371 .wp-media-buttons span.wp-media-buttons-icon,
1372 .wp-media-buttons span.jetpack-contact-form-icon {
1373 width: 22px !important;
1374 margin-top: -3px !important;
1375 margin-right: -5px !important;
1378 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1379 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1380 font-size: 20px !important;
1383 #content_wp_fullscreen {
1388 padding: 20px 10px 20px;
1391 .misc-pub-section > a {
1397 #publishing-action {
1401 /* Moderate Comment */
1403 border-bottom: none;
1407 .links-table #link_rel {
1417 @media only screen and (max-width: 500px) {
1418 /* Align Add Media + Visual + Text tabs */
1419 #wp-content-media-buttons a {
1421 padding: 0 10px 0 10px;