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 #poststuff .inside-submitbox,
78 #side-sortables .inside-submitbox {
83 input#link_description,
89 background: 100% none;
99 min-height: 25px; /* Yes, line-height + 1 */
105 #edit-slug-box .cancel {
109 text-decoration: underline;
118 #editable-post-name-full {
122 #editable-post-name {
126 #editable-post-name input {
140 padding: 12px 10px 10px;
142 background-color: #464646;
146 .submitbox .submitdelete {
147 text-decoration: none;
151 /* @todo: do we really need this? word on the street is we don't and this
152 stray rule may actually be compensated for elsewhere. */
153 #normal-sortables .submitbox .submitdelete:hover {
155 background-color: #f00;
156 border-bottom-color: #f00;
159 .submitbox .submit a:hover {
160 text-decoration: underline;
163 .submitbox .submit input {
169 .inside-submitbox #post_status {
170 margin: 2px -2px 2px 0;
173 #post-status-select {
178 #post-body #normal-sortables {
185 border: 1px solid #e5e5e5;
186 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
187 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
195 #normal-sortables .postbox .submit {
196 background: transparent none;
203 .category-add input[type="text"],
204 .category-add select {
207 vertical-align: baseline;
210 #side-sortables .category-add input[type="text"],
211 #side-sortables .category-add select {
216 #side-sortables .add-menu-item-tabs li,
222 .no-js .category-tabs li.hide-if-no-js {
227 #side-sortables .add-menu-item-tabs a,
229 text-decoration: none;
232 /* @todo: do these really need to be so specific? */
233 #side-sortables .category-tabs .tabs a,
234 #side-sortables .add-menu-item-tabs .tabs a,
235 .wp-tab-bar .wp-tab-active a,
236 #post-body ul.category-tabs li.tabs a,
237 #post-body ul.add-menu-item-tabs li.tabs a {
245 /* Back-compat for pre-4.4 */
251 display: inline-block;
256 #side-sortables .add-menu-item-tabs,
261 #normal-sortables .postbox #replyrow .submit {
264 padding: 5px 7px 10px;
268 #side-sortables .submitbox .submit input,
269 #side-sortables .submitbox .submit .preview,
270 #side-sortables .submitbox .submit a.preview:hover {
274 #side-sortables .inside-submitbox .insidebox,
275 .stuffbox .insidebox {
279 /* @todo: make this a more generic class */
281 ul.add-menu-item-tabs,
287 ul.add-menu-item-tabs li {
288 border: solid 1px transparent;
292 ul.category-tabs li.tabs,
293 ul.add-menu-item-tabs li.tabs,
295 border: 1px solid #dfdfdf;
296 border-bottom-color: #fdfdfd;
297 background-color: #fdfdfd;
301 ul.add-menu-item-tabs li,
303 padding: 3px 5px 5px;
306 #postimagediv .inside img {
310 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);
311 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);
312 background-position: 100% 0, 10px 10px;
313 -webkit-background-size: 20px 20px;
314 background-size: 20px 20px;
322 .wp-hidden-children .wp-hidden-child,
327 #post-body .tagsdiv #newtag {
332 #side-sortables input#post_password {
336 #side-sortables .tagsdiv #newtag {
343 border: 1px solid #e5e5e5;
345 background-color: #f7f7f7;
346 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
347 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
351 #post-status-info td {
360 #editorcontent #post-status-info {
364 #content-resize-handle {
365 background: transparent url(../images/resize.gif) no-repeat scroll left bottom;
370 .rtl #content-resize-handle {
371 background: transparent url(../images/resize-rtl.gif) no-repeat scroll right bottom;
374 .wp-editor-expand #content-resize-handle {
378 #postdivrich #content {
387 #wp-content-editor-container {
391 #content-textarea-clone {
398 border: 1px solid transparent;
401 .wp-editor-expand #wp-content-editor-tools {
403 border-bottom: 1px solid #e5e5e5;
406 .wp-editor-expand #wp-content-editor-container {
407 -webkit-box-shadow: none;
412 .wp-editor-expand #wp-content-editor-container {
413 border-bottom: 0 none;
416 .wp-editor-expand div.mce-statusbar {
420 .wp-editor-expand #post-status-info {
421 border-top: 1px solid #e5e5e5;
424 .wp-editor-expand div.mce-toolbar-grp {
428 /* TinyMCE native fullscreen mode override */
429 .mce-fullscreen #wp-content-wrap .mce-menubar,
430 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
431 .mce-fullscreen #wp-content-wrap .mce-edit-area,
432 .mce-fullscreen #wp-content-wrap .mce-statusbar {
433 position: static !important;
434 width: auto !important;
435 padding: 0 !important;
438 .mce-fullscreen #wp-content-wrap .mce-statusbar {
439 visibility: visible !important;
442 .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
446 .post-php.mce-fullscreen #wpadminbar,
447 .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
450 /* End TinyMCE native fullscreen mode override */
452 #wp-content-editor-tools {
453 background-color: #f1f1f1;
457 #poststuff #post-body.columns-2 #side-sortables {
461 #timestampdiv select {
482 .curtime #timestamp {
483 padding: 2px 0 1px 0;
484 display: inline !important;
485 height: auto !important;
488 #misc-publishing-actions label[for="post_status"]:before,
489 #post-body #visibility:before,
490 .curtime #timestamp:before,
491 #post-body .misc-pub-revisions:before,
492 span.wp-media-buttons-icon:before {
496 #post-body #visibility:before,
497 .curtime #timestamp:before,
498 #post-body .misc-pub-revisions:before {
499 font: normal 20px/1 dashicons;
501 display: inline-block;
507 -webkit-font-smoothing: antialiased;
508 -moz-osx-font-smoothing: grayscale;
509 text-decoration: none !important;
512 #post-body #visibility:before {
516 .curtime #timestamp:before {
521 #post-body .misc-pub-revisions:before {
534 #timestampdiv input {
539 .notification-dialog {
545 margin-right: -225px;
547 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
548 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
554 .notification-dialog-background {
562 filter: alpha(opacity=70);
566 #post-lock-dialog .post-locked-message,
567 #post-lock-dialog .post-taken-over {
571 #post-lock-dialog .post-locked-message a.button {
575 #post-lock-dialog .post-locked-avatar {
577 margin: 0 0 20px 20px;
580 #post-lock-dialog .wp-tab-first {
584 #post-lock-dialog .locked-saving img {
589 #post-lock-dialog.saving .locked-saving,
590 #post-lock-dialog.saved .locked-saved {
611 .tagchecklist strong {
625 text-overflow: ellipsis;
628 .tagchecklist span a {
629 margin: 1px -17px 0 0;
640 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
641 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
653 #poststuff .inside #parent_id,
654 #poststuff .inside #page_template {
658 #poststuff .inside label.spam,
659 #poststuff .inside label.deleted {
663 #poststuff .inside label.waiting {
667 #poststuff .inside label.approved {
671 .ie8 #poststuff .inside #parent_id,
672 .ie8 #poststuff .inside #page_template {
676 #post-visibility-select {
681 #poststuff #submitdiv .inside {
691 /*------------------------------------------------------------------------------
693 ------------------------------------------------------------------------------*/
695 #postcustomstuff thead th {
696 padding: 5px 8px 8px;
697 background-color: #f1f1f1;
700 #postcustom #postcustomstuff .submit {
706 #side-sortables #postcustom #postcustomstuff .submit {
711 #side-sortables #postcustom #postcustomstuff #the-list textarea {
715 #side-sortables #postcustom #postcustomstuff td.left input,
716 #side-sortables #postcustom #postcustomstuff td.left select,
717 #side-sortables #postcustomstuff #newmetaleft a {
721 #postcustomstuff table {
724 border: 1px solid #dfdfdf;
726 background-color: #f9f9f9;
729 #postcustomstuff tr {
733 #postcustomstuff table input,
734 #postcustomstuff table select,
735 #postcustomstuff table textarea {
740 #side-sortables #postcustomstuff table input,
741 #side-sortables #postcustomstuff table select,
742 #side-sortables #postcustomstuff table textarea {
746 #postcustomstuff th.left,
747 #postcustomstuff td.left {
751 #postcustomstuff .submit input {
756 #postcustomstuff #newmetaleft a {
757 display: inline-block;
759 text-decoration: none;
762 .no-js #postcustomstuff #enternew {
766 #post-body-content .compat-attachment-fields {
770 .compat-attachment-fields th {
775 /*------------------------------------------------------------------------------
776 11.3 - Featured Images
777 ------------------------------------------------------------------------------*/
779 #select-featured-image {
784 #select-featured-image img {
790 #select-featured-image a {
795 #select-featured-image .remove {
800 .js #select-featured-image.has-featured-image .remove {
801 display: inline-block;
804 .no-js #select-featured-image .choose {
808 /*------------------------------------------------------------------------------
810 ------------------------------------------------------------------------------*/
814 display: inline-block;
815 vertical-align: middle;
822 .post-state-format:before {
826 font: normal 20px/1 dashicons !important;
828 -webkit-font-smoothing: antialiased;
829 -moz-osx-font-smoothing: grayscale;
832 .post-state-format:before,
833 .post-format-icon:before {
835 -webkit-transition: all .1s ease-in-out;
836 transition: all .1s ease-in-out;
839 a.post-state-format:hover:before,
840 a.post-format-icon:hover:before {
844 #post-formats-select {
848 #post-formats-select .post-format-icon:before {
856 label.post-format-icon {
858 padding: 2px 0px 2px 0;
861 .post-format-icon:before {
863 display: inline-block;
865 font: normal 20px/1 dashicons;
867 -webkit-font-smoothing: antialiased;
868 -moz-osx-font-smoothing: grayscale;
871 .post-state-format.post-format-standard:before,
872 .post-format-icon.post-format-standard:before,
873 a.post-state-format.format-standard:before {
877 .post-state-format.post-format-image:before,
878 .post-format-icon.post-format-image:before,
879 a.post-state-format.format-image:before {
883 .post-state-format.post-format-gallery:before,
884 .post-format-icon.post-format-gallery:before,
885 a.post-state-format.format-gallery:before {
889 .post-state-format.post-format-audio:before,
890 .post-format-icon.post-format-audio:before,
891 a.post-state-format.format-audio:before {
895 .post-state-format.post-format-video:before,
896 .post-format-icon.post-format-video:before,
897 a.post-state-format.format-video:before {
901 .post-state-format.post-format-chat:before,
902 .post-format-icon.post-format-chat:before,
903 a.post-state-format.format-chat:before {
907 .post-state-format.post-format-status:before,
908 .post-format-icon.post-format-status:before,
909 a.post-state-format.format-status:before {
913 .post-state-format.post-format-aside:before,
914 .post-format-icon.post-format-aside:before,
915 a.post-state-format.format-aside:before {
919 .post-state-format.post-format-quote:before,
920 .post-format-icon.post-format-quote:before,
921 a.post-state-format.format-quote:before {
925 .post-state-format.post-format-link:before,
926 .post-format-icon.post-format-link:before,
927 a.post-state-format.format-link:before {
931 /*------------------------------------------------------------------------------
933 ------------------------------------------------------------------------------*/
944 #side-sortables .category-adder {
949 .categorydiv div.tabs-panel,
950 .customlinkdiv div.tabs-panel,
951 .posttypediv div.tabs-panel,
952 .taxonomydiv div.tabs-panel {
957 border: solid 1px #dfdfdf;
958 background-color: #fdfdfd;
961 div.tabs-panel-active {
965 div.tabs-panel-inactive {
970 #front-static-pages ul,
972 .inline-editor ul.cat-checklist ul,
973 .categorydiv ul.categorychecklist ul,
974 .customlinkdiv ul.categorychecklist ul,
975 .posttypediv ul.categorychecklist ul,
976 .taxonomydiv ul.categorychecklist ul {
980 ul.categorychecklist li {
984 word-wrap: break-word;
987 .categorydiv .tabs-panel,
988 .customlinkdiv .tabs-panel,
989 .posttypediv .tabs-panel,
990 .taxonomydiv .tabs-panel {
1006 .form-field input[type="text"],
1007 .form-field input[type="password"],
1008 .form-field input[type="email"],
1009 .form-field input[type="number"],
1010 .form-field input[type="search"],
1011 .form-field input[type="tel"],
1012 .form-field input[type="url"],
1013 .form-field textarea {
1014 border-style: solid;
1033 .form-wrap .form-field {
1038 .form-wrap .form-field #parent {
1047 .col-wrap p.submit {
1052 /*------------------------------------------------------------------------------
1054 ------------------------------------------------------------------------------*/
1056 #poststuff .tagsdiv .howto {
1068 .tagsdiv .the-tags {
1076 #post-body-content .tagsdiv .the-tags {
1083 padding: 8px 12px 12px;
1084 text-align: justify;
1094 text-align: justify;
1108 border: 1px solid #808080;
1109 background-color: #fff;
1112 .wp-customizer .ac_results {
1118 white-space: nowrap;
1124 background-color: #f0f0b8;
1129 text-decoration: underline;
1134 .comment-php .wp-editor-area {
1143 .comment-ays-submit .button-cancel {
1149 margin: 1px 0 1px 8px;
1153 .spam-undo-inside .avatar,
1154 .trash-undo-inside .avatar {
1158 vertical-align: middle;
1161 .stuffbox .editcomment {
1165 #comment-status-radio p {
1169 #comment-status-radio input {
1170 margin: 2px 0 5px 3px;
1171 vertical-align: middle;
1174 #comment-status-radio label {
1185 font-weight: normal;
1187 vertical-align: top;
1190 word-wrap: break-word;
1198 .links-table td label {
1202 .links-table td input[type="text"],
1203 .links-table td textarea {
1207 .links-table #link_rel {
1212 -------------------------------------------------------------- */
1214 #wp-content-wrap .mce-wp-dfw,
1219 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1220 .wp-editor-expand #qt_content_dfw {
1221 display: inline-block;
1224 .focus-on .wrap > h1,
1225 .focus-on #wpfooter,
1226 .focus-on .postbox-container > *,
1227 .focus-on div.updated,
1228 .focus-on div.error,
1229 .focus-on div.notice,
1230 .focus-on .update-nag,
1231 .focus-on #wp-toolbar,
1232 .focus-on #screen-meta-links,
1233 .focus-on #screen-meta {
1235 -webkit-transition-duration: 0.6s;
1236 transition-duration: 0.6s;
1237 -webkit-transition-property: opacity;
1238 transition-property: opacity;
1239 -webkit-transition-timing-function: ease-in-out;
1240 transition-timing-function: ease-in-out;
1243 .focus-on #wp-toolbar {
1247 .focus-off .wrap > h1,
1248 .focus-off #wpfooter,
1249 .focus-off .postbox-container > *,
1250 .focus-off div.updated,
1251 .focus-off div.error,
1252 .focus-off div.notice,
1253 .focus-off .update-nag,
1254 .focus-off #wp-toolbar,
1255 .focus-off #screen-meta-links,
1256 .focus-off #screen-meta {
1258 -webkit-transition-duration: 0.2s;
1259 transition-duration: 0.2s;
1260 -webkit-transition-property: opacity;
1261 transition-property: opacity;
1262 -webkit-transition-timing-function: ease-in-out;
1263 transition-timing-function: ease-in-out;
1266 .focus-off #wp-toolbar {
1267 -webkit-transform: translate(0, 0);
1270 .focus-on #adminmenuback,
1271 .focus-on #adminmenuwrap {
1272 -webkit-transition-duration: 0.6s;
1273 transition-duration: 0.6s;
1274 -webkit-transition-property: -webkit-transform;
1275 transition-property: -webkit-transform;
1276 transition-property: transform;
1277 transition-property: transform, -webkit-transform;
1278 -webkit-transition-timing-function: ease-in-out;
1279 transition-timing-function: ease-in-out;
1282 .focus-on #adminmenuback,
1283 .focus-on #adminmenuwrap {
1284 -webkit-transform: translateX( 100% );
1285 -ms-transform: translateX( 100% );
1286 transform: translateX( 100% );
1289 .focus-off #adminmenuback,
1290 .focus-off #adminmenuwrap {
1291 -webkit-transform: translateX( 0 );
1292 -ms-transform: translateX( 0 );
1293 transform: translateX( 0 );
1294 -webkit-transition-duration: 0.2s;
1295 transition-duration: 0.2s;
1296 -webkit-transition-property: -webkit-transform;
1297 transition-property: -webkit-transform;
1298 transition-property: transform;
1299 transition-property: transform, -webkit-transform;
1300 -webkit-transition-timing-function: ease-in-out;
1301 transition-timing-function: ease-in-out;
1305 -------------------------------------------------------------- */
1311 (-webkit-min-device-pixel-ratio: 1.25),
1312 (min-resolution: 120dpi) {
1313 #content-resize-handle,
1314 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1315 background: transparent url(../images/resize-2x.gif) no-repeat scroll left bottom;
1316 -webkit-background-size: 11px 11px;
1317 background-size: 11px 11px;
1320 .rtl #content-resize-handle,
1321 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1322 background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll left bottom;
1326 /* one column on the post write/edit screen */
1327 @media only screen and (max-width: 850px) {
1332 #wpbody-content #poststuff #post-body {
1336 #wpbody-content #post-body.columns-2 #postbox-container-1 {
1341 #poststuff #postbox-container-1 .empty-container,
1342 #poststuff #postbox-container-1 #side-sortables:empty {
1348 #poststuff #post-body.columns-2 #side-sortables {
1353 /* hide the radio buttons for column prefs */
1360 @media screen and ( max-width: 782px ) {
1361 #post-body-content {
1365 #titlediv #title-prompt-text {
1369 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
1370 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
1375 .post-format-options {
1379 .post-format-options a {
1385 .post-format-options .post-format-title {
1389 .post-format-options a div {
1394 .post-format-options a div:before {
1395 font-size: 26px !important;
1398 /* Publish Metabox Options */
1399 #post-visibility-select {
1403 .wp-core-ui .save-post-visibility,
1404 .wp-core-ui .save-timestamp {
1405 vertical-align: middle;
1409 .timestamp-wrap select#mm {
1412 margin-bottom: 10px;
1415 .timestamp-wrap #jj,
1416 .timestamp-wrap #aa,
1417 .timestamp-wrap #hh,
1418 .timestamp-wrap #mn {
1426 /* Categories Metabox */
1428 margin: 30px 0 15px;
1431 ul.category-tabs li.tabs {
1435 ul.categorychecklist li {
1436 margin-bottom: 15px;
1439 ul.categorychecklist ul {
1443 .category-add input[type=text],
1444 .category-add select {
1446 margin-bottom: 15px;
1453 margin-bottom: 15px;
1460 .tagchecklist span {
1466 #commentstatusdiv p {
1470 /* TinyMCE Adjustments */
1472 white-space: normal !important;
1477 float: right !important;
1480 .wp_themeSkin a.mceButton {
1485 .wp_themeSkin .mceButton .mceIcon {
1490 .wp_themeSkin .mceSplitButton {
1494 .wp_themeSkin .mceSplitButton td a.mceAction {
1496 padding-bottom: 6px;
1501 .wp_themeSkin .mceSplitButton td a.mceOpen,
1502 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1504 padding-bottom: 6px;
1505 background-position: 1px 6px;
1508 .wp_themeSkin table.mceListBox {
1512 div.quicktags-toolbar input {
1516 button.wp-switch-editor {
1519 margin: 7px 7px 0 0;
1523 #wp-content-media-buttons a {
1527 padding: 0 15px 0 20px;
1530 .wp-media-buttons span.wp-media-buttons-icon,
1531 .wp-media-buttons span.jetpack-contact-form-icon {
1532 width: 22px !important;
1533 margin-top: -3px !important;
1534 margin-right: -5px !important;
1537 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1538 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1539 font-size: 20px !important;
1542 #content_wp_fullscreen {
1547 padding: 20px 10px 20px;
1550 .misc-pub-section > a {
1556 #publishing-action {
1560 #publishing-action .spinner {
1562 margin-top: -2px; /* Half of the Publish button's bottom margin. */
1565 /* Moderate Comment */
1576 .links-table #link_rel {
1586 @media only screen and (max-width: 500px) {
1587 /* Align Add Media + Visual + Text tabs */
1588 #wp-content-media-buttons a {
1590 padding: 0 10px 0 10px;