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 #poststuff .inside-submitbox,
74 #side-sortables .inside-submitbox {
79 input#link_description,
94 min-height: 25px; /* Yes, line-height + 1 */
100 #edit-slug-box .cancel {
105 #editable-post-name-full {
109 #editable-post-name {
110 background-color: #fffbcc;
113 #editable-post-name input {
126 padding: 12px 10px 10px;
128 background-color: #464646;
132 .submitbox .submitdelete {
133 text-decoration: none;
137 /* @todo: do we really need this? word on the street is we don't and this
138 stray rule may actually be compensated for elsewhere. */
139 #normal-sortables .submitbox .submitdelete:hover {
141 background-color: #f00;
142 border-bottom-color: #f00;
145 .submitbox .submit a:hover {
146 text-decoration: underline;
149 .submitbox .submit input {
155 .inside-submitbox #post_status {
156 margin: 2px 0 2px -2px;
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 {
235 #side-sortables .add-menu-item-tabs,
240 #normal-sortables .postbox #replyrow .submit {
246 #side-sortables .submitbox .submit input,
247 #side-sortables .submitbox .submit .preview,
248 #side-sortables .submitbox .submit a.preview:hover {
252 #side-sortables .inside-submitbox .insidebox,
253 .stuffbox .insidebox {
257 /* @todo: make this a more generic class */
259 ul.add-menu-item-tabs,
265 ul.add-menu-item-tabs li {
266 border: solid 1px transparent;
270 ul.category-tabs li.tabs,
271 ul.add-menu-item-tabs li.tabs,
273 border: 1px solid #dfdfdf;
274 border-bottom-color: #fdfdfd;
275 background-color: #fdfdfd;
279 ul.add-menu-item-tabs li,
281 padding: 3px 5px 5px;
284 #postimagediv .inside img {
295 .wp-hidden-children .wp-hidden-child,
300 #post-body .tagsdiv #newtag {
305 #side-sortables input#post_password {
309 #side-sortables .tagsdiv #newtag {
316 border: 1px solid #e5e5e5;
318 background-color: #f7f7f7;
319 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
320 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
324 #post-status-info td {
333 #editorcontent #post-status-info {
337 #content-resize-handle {
338 background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
343 .rtl #content-resize-handle {
344 background: transparent url(../images/resize-rtl.gif) no-repeat scroll left bottom;
347 .wp-editor-expand #content-resize-handle {
351 #postdivrich #content {
360 #wp-content-editor-container {
364 #content-textarea-clone {
371 border: 1px solid transparent;
374 .wp-editor-expand #wp-content-editor-tools {
376 border-bottom: 1px solid #e5e5e5;
379 .wp-editor-expand #wp-content-editor-container {
380 -webkit-box-shadow: none;
385 .wp-editor-expand #wp-content-editor-container {
386 border-bottom: 0 none;
389 .wp-editor-expand div.mce-statusbar {
393 .wp-editor-expand #post-status-info {
394 border-top: 1px solid #e5e5e5;
397 .wp-editor-expand div.mce-toolbar-grp {
401 /* TinyMCE native fullscreen mode override */
402 .mce-fullscreen #wp-content-wrap .mce-menubar,
403 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
404 .mce-fullscreen #wp-content-wrap .mce-edit-area,
405 .mce-fullscreen #wp-content-wrap .mce-statusbar {
406 position: static !important;
407 width: auto !important;
408 padding: 0 !important;
411 .mce-fullscreen #wp-content-wrap .mce-statusbar {
412 visibility: visible !important;
415 .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
419 .post-php.mce-fullscreen #wpadminbar,
420 .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
423 /* End TinyMCE native fullscreen mode override */
425 #wp-content-editor-tools {
426 background-color: #f1f1f1;
430 #poststuff #post-body.columns-2 #side-sortables {
434 #timestampdiv select {
455 .curtime #timestamp {
456 padding: 2px 0 1px 0;
457 display: inline !important;
458 height: auto !important;
461 #misc-publishing-actions label[for="post_status"]:before,
462 #post-body #visibility:before,
463 .curtime #timestamp:before,
464 #post-body .misc-pub-revisions:before,
465 span.wp-media-buttons-icon:before {
469 #post-body #visibility:before,
470 .curtime #timestamp:before,
471 #post-body .misc-pub-revisions:before {
472 font: normal 20px/1 'dashicons';
474 display: inline-block;
480 -webkit-font-smoothing: antialiased;
481 -moz-osx-font-smoothing: grayscale;
482 text-decoration: none !important;
485 #post-body #visibility:before {
489 .curtime #timestamp:before {
494 #post-body .misc-pub-revisions:before {
507 #timestampdiv input {
512 .notification-dialog {
520 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
521 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
527 .notification-dialog-background {
535 filter: alpha(opacity=70);
539 #post-lock-dialog .post-locked-message,
540 #post-lock-dialog .post-taken-over {
544 #post-lock-dialog .post-locked-message a.button {
548 #post-lock-dialog .post-locked-avatar {
550 margin: 0 20px 20px 0;
553 #post-lock-dialog .wp-tab-first {
557 #post-lock-dialog .locked-saving img {
562 #post-lock-dialog.saving .locked-saving,
563 #post-lock-dialog.saved .locked-saved {
584 .tagchecklist strong {
598 text-overflow: ellipsis;
601 .tagchecklist span a {
602 margin: 1px 0 0 -17px;
632 #poststuff .inside #parent_id,
633 #poststuff .inside #page_template {
637 #poststuff .inside label.spam,
638 #poststuff .inside label.deleted {
642 #poststuff .inside label.waiting {
646 #poststuff .inside label.approved {
650 .ie8 #poststuff .inside #parent_id,
651 .ie8 #poststuff .inside #page_template {
655 #post-visibility-select {
660 #poststuff #submitdiv .inside {
670 /*------------------------------------------------------------------------------
672 ------------------------------------------------------------------------------*/
674 #postcustomstuff thead th {
675 padding: 5px 8px 8px;
676 background-color: #f1f1f1;
679 #postcustom #postcustomstuff .submit {
685 #side-sortables #postcustom #postcustomstuff .submit {
690 #side-sortables #postcustom #postcustomstuff #the-list textarea {
694 #side-sortables #postcustom #postcustomstuff td.left input,
695 #side-sortables #postcustom #postcustomstuff td.left select,
696 #side-sortables #postcustomstuff #newmetaleft a {
700 #postcustomstuff table {
703 border: 1px solid #dfdfdf;
705 background-color: #f9f9f9;
708 #postcustomstuff tr {
712 #postcustomstuff table input,
713 #postcustomstuff table select,
714 #postcustomstuff table textarea {
719 #side-sortables #postcustomstuff table input,
720 #side-sortables #postcustomstuff table select,
721 #side-sortables #postcustomstuff table textarea {
725 #postcustomstuff th.left,
726 #postcustomstuff td.left {
730 #postcustomstuff .submit input {
735 #postcustomstuff #newmetaleft a {
736 display: inline-block;
738 text-decoration: none;
741 .no-js #postcustomstuff #enternew {
745 #post-body-content .compat-attachment-fields {
749 .compat-attachment-fields th {
754 /*------------------------------------------------------------------------------
755 11.3 - Featured Images
756 ------------------------------------------------------------------------------*/
758 #select-featured-image {
763 #select-featured-image img {
769 #select-featured-image a {
774 #select-featured-image .remove {
779 .js #select-featured-image.has-featured-image .remove {
780 display: inline-block;
783 .no-js #select-featured-image .choose {
787 /*------------------------------------------------------------------------------
789 ------------------------------------------------------------------------------*/
793 display: inline-block;
794 vertical-align: middle;
801 .post-state-format:before {
805 font: normal 20px/1 'dashicons' !important;
807 -webkit-font-smoothing: antialiased;
808 -moz-osx-font-smoothing: grayscale;
811 .post-state-format:before,
812 .post-format-icon:before {
814 -webkit-transition: all .1s ease-in-out;
815 transition: all .1s ease-in-out;
818 a.post-state-format:hover:before,
819 a.post-format-icon:hover:before {
823 #post-formats-select {
827 #post-formats-select .post-format-icon:before {
835 label.post-format-icon {
837 padding: 2px 0 2px 0px;
840 .post-format-icon:before {
842 display: inline-block;
844 font: normal 20px/1 'dashicons';
846 -webkit-font-smoothing: antialiased;
847 -moz-osx-font-smoothing: grayscale;
850 .post-state-format.post-format-standard:before,
851 .post-format-icon.post-format-standard:before,
852 a.post-state-format.format-standard:before {
856 .post-state-format.post-format-image:before,
857 .post-format-icon.post-format-image:before,
858 a.post-state-format.format-image:before {
862 .post-state-format.post-format-gallery:before,
863 .post-format-icon.post-format-gallery:before,
864 a.post-state-format.format-gallery:before {
868 .post-state-format.post-format-audio:before,
869 .post-format-icon.post-format-audio:before,
870 a.post-state-format.format-audio:before {
874 .post-state-format.post-format-video:before,
875 .post-format-icon.post-format-video:before,
876 a.post-state-format.format-video:before {
880 .post-state-format.post-format-chat:before,
881 .post-format-icon.post-format-chat:before,
882 a.post-state-format.format-chat:before {
886 .post-state-format.post-format-status:before,
887 .post-format-icon.post-format-status:before,
888 a.post-state-format.format-status:before {
892 .post-state-format.post-format-aside:before,
893 .post-format-icon.post-format-aside:before,
894 a.post-state-format.format-aside:before {
898 .post-state-format.post-format-quote:before,
899 .post-format-icon.post-format-quote:before,
900 a.post-state-format.format-quote:before {
904 .post-state-format.post-format-link:before,
905 .post-format-icon.post-format-link:before,
906 a.post-state-format.format-link:before {
910 /*------------------------------------------------------------------------------
912 ------------------------------------------------------------------------------*/
923 #side-sortables .category-adder {
928 .categorydiv div.tabs-panel,
929 .customlinkdiv div.tabs-panel,
930 .posttypediv div.tabs-panel,
931 .taxonomydiv div.tabs-panel {
936 border: solid 1px #dfdfdf;
937 background-color: #fdfdfd;
940 div.tabs-panel-active {
944 div.tabs-panel-inactive {
949 #front-static-pages ul,
951 .inline-editor ul.cat-checklist ul,
952 .categorydiv ul.categorychecklist ul,
953 .customlinkdiv ul.categorychecklist ul,
954 .posttypediv ul.categorychecklist ul,
955 .taxonomydiv ul.categorychecklist ul {
959 ul.categorychecklist li {
963 word-wrap: break-word;
966 .categorydiv .tabs-panel,
967 .customlinkdiv .tabs-panel,
968 .posttypediv .tabs-panel,
969 .taxonomydiv .tabs-panel {
985 .form-field input[type="text"],
986 .form-field input[type="password"],
987 .form-field input[type="email"],
988 .form-field input[type="number"],
989 .form-field input[type="search"],
990 .form-field input[type="tel"],
991 .form-field input[type="url"],
992 .form-field textarea {
1012 .form-wrap .form-field {
1017 .form-wrap .form-field #parent {
1026 .col-wrap p.submit {
1031 /*------------------------------------------------------------------------------
1033 ------------------------------------------------------------------------------*/
1035 #poststuff .tagsdiv .howto {
1047 .tagsdiv .the-tags {
1055 #post-body-content .tagsdiv .the-tags {
1062 padding: 8px 12px 12px;
1063 text-align: justify;
1073 text-align: justify;
1087 border: 1px solid #808080;
1088 background-color: #fff;
1091 .wp-customizer .ac_results {
1097 white-space: nowrap;
1103 background-color: #f0f0b8;
1108 text-decoration: underline;
1113 .comment-php .wp-editor-area {
1122 .comment-ays-submit .button-cancel {
1128 margin: 1px 8px 1px 0;
1132 .spam-undo-inside .avatar,
1133 .trash-undo-inside .avatar {
1137 vertical-align: middle;
1140 .stuffbox .editcomment {
1144 #comment-status-radio p {
1148 #comment-status-radio input {
1149 margin: 2px 3px 5px 0;
1150 vertical-align: middle;
1153 #comment-status-radio label {
1164 font-weight: normal;
1166 vertical-align: top;
1169 word-wrap: break-word;
1177 .links-table td label {
1181 .links-table td input[type="text"],
1182 .links-table td textarea {
1186 .links-table #link_rel {
1191 -------------------------------------------------------------- */
1193 #wp-content-wrap .mce-wp-dfw,
1198 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1199 .wp-editor-expand #qt_content_dfw {
1200 display: inline-block;
1203 .focus-on .wrap > h1,
1204 .focus-on #wpfooter,
1205 .focus-on .postbox-container > *,
1206 .focus-on div.updated,
1207 .focus-on div.error,
1208 .focus-on div.notice,
1209 .focus-on .update-nag,
1210 .focus-on #wp-toolbar,
1211 .focus-on #screen-meta-links,
1212 .focus-on #screen-meta {
1214 -webkit-transition-duration: 0.6s;
1215 transition-duration: 0.6s;
1216 -webkit-transition-property: opacity;
1217 transition-property: opacity;
1218 -webkit-transition-timing-function: ease-in-out;
1219 transition-timing-function: ease-in-out;
1222 .focus-on #wp-toolbar {
1226 .focus-off .wrap > h1,
1227 .focus-off #wpfooter,
1228 .focus-off .postbox-container > *,
1229 .focus-off div.updated,
1230 .focus-off div.error,
1231 .focus-off div.notice,
1232 .focus-off .update-nag,
1233 .focus-off #wp-toolbar,
1234 .focus-off #screen-meta-links,
1235 .focus-off #screen-meta {
1237 -webkit-transition-duration: 0.2s;
1238 transition-duration: 0.2s;
1239 -webkit-transition-property: opacity;
1240 transition-property: opacity;
1241 -webkit-transition-timing-function: ease-in-out;
1242 transition-timing-function: ease-in-out;
1245 .focus-off #wp-toolbar {
1246 -webkit-transform: translate(0, 0);
1249 .focus-on #adminmenuback,
1250 .focus-on #adminmenuwrap {
1251 -webkit-transition-duration: 0.6s;
1252 transition-duration: 0.6s;
1253 -webkit-transition-property: -webkit-transform;
1254 transition-property: transform;
1255 -webkit-transition-timing-function: ease-in-out;
1256 transition-timing-function: ease-in-out;
1259 .focus-on #adminmenuback,
1260 .focus-on #adminmenuwrap {
1261 -webkit-transform: translateX( -100% );
1262 -ms-transform: translateX( -100% );
1263 transform: translateX( -100% );
1266 .focus-off #adminmenuback,
1267 .focus-off #adminmenuwrap {
1268 -webkit-transform: translateX( 0 );
1269 -ms-transform: translateX( 0 );
1270 transform: translateX( 0 );
1271 -webkit-transition-duration: 0.2s;
1272 transition-duration: 0.2s;
1273 -webkit-transition-property: -webkit-transform;
1274 transition-property: transform;
1275 -webkit-transition-timing-function: ease-in-out;
1276 transition-timing-function: ease-in-out;
1280 -------------------------------------------------------------- */
1286 (-webkit-min-device-pixel-ratio: 1.25),
1287 (min-resolution: 120dpi) {
1288 #content-resize-handle,
1289 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1290 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1291 -webkit-background-size: 11px 11px;
1292 background-size: 11px 11px;
1295 .rtl #content-resize-handle,
1296 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1297 background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll right bottom;
1301 /* one column on the post write/edit screen */
1302 @media only screen and (max-width: 850px) {
1307 #wpbody-content #poststuff #post-body {
1311 #wpbody-content #post-body.columns-2 #postbox-container-1 {
1316 #poststuff #postbox-container-1 .empty-container,
1317 #poststuff #postbox-container-1 #side-sortables:empty {
1323 #poststuff #post-body.columns-2 #side-sortables {
1328 /* hide the radio buttons for column prefs */
1335 @media screen and ( max-width: 782px ) {
1336 #post-body-content {
1340 #titlediv #title-prompt-text {
1348 .post-format-options {
1352 .post-format-options a {
1358 .post-format-options .post-format-title {
1362 .post-format-options a div {
1367 .post-format-options a div:before {
1368 font-size: 26px !important;
1371 /* Publish Metabox Options */
1372 #post-visibility-select {
1376 .wp-core-ui .save-post-visibility,
1377 .wp-core-ui .save-timestamp {
1378 vertical-align: middle;
1382 .timestamp-wrap select#mm {
1385 margin-bottom: 10px;
1388 .timestamp-wrap #jj,
1389 .timestamp-wrap #aa,
1390 .timestamp-wrap #hh,
1391 .timestamp-wrap #mn {
1399 /* Categories Metabox */
1401 margin: 30px 0 15px;
1404 ul.category-tabs li.tabs {
1408 ul.categorychecklist li {
1409 margin-bottom: 15px;
1412 ul.categorychecklist ul {
1416 .category-add input[type=text],
1417 .category-add select {
1419 margin-bottom: 15px;
1426 margin-bottom: 15px;
1433 .tagchecklist span {
1439 #commentstatusdiv p {
1443 /* TinyMCE Adjustments */
1445 white-space: normal !important;
1450 float: left !important;
1453 .wp_themeSkin a.mceButton {
1458 .wp_themeSkin .mceButton .mceIcon {
1463 .wp_themeSkin .mceSplitButton {
1467 .wp_themeSkin .mceSplitButton td a.mceAction {
1469 padding-bottom: 6px;
1474 .wp_themeSkin .mceSplitButton td a.mceOpen,
1475 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1477 padding-bottom: 6px;
1478 background-position: 1px 6px;
1481 .wp_themeSkin table.mceListBox {
1485 div.quicktags-toolbar input {
1489 button.wp-switch-editor {
1492 margin: 7px 0 0 7px;
1496 #wp-content-media-buttons a {
1500 padding: 0 20px 0 15px;
1503 .wp-media-buttons span.wp-media-buttons-icon,
1504 .wp-media-buttons span.jetpack-contact-form-icon {
1505 width: 22px !important;
1506 margin-top: -3px !important;
1507 margin-left: -5px !important;
1510 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1511 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1512 font-size: 20px !important;
1515 #content_wp_fullscreen {
1520 padding: 20px 10px 20px;
1523 .misc-pub-section > a {
1529 #publishing-action {
1533 #publishing-action .spinner {
1535 margin-top: -2px; /* Half of the Publish button's bottom margin. */
1538 /* Moderate Comment */
1549 .links-table #link_rel {
1559 @media only screen and (max-width: 500px) {
1560 /* Align Add Media + Visual + Text tabs */
1561 #wp-content-media-buttons a {
1563 padding: 0 10px 0 10px;