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 {
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);
343 #post-status-info td {
352 #editorcontent #post-status-info {
356 #content-resize-handle {
357 background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
362 .rtl #content-resize-handle {
363 background: transparent url(../images/resize-rtl.gif) no-repeat scroll left bottom;
366 .wp-editor-expand #content-resize-handle {
370 #postdivrich #content {
379 #wp-content-editor-container {
383 #content-textarea-clone {
390 border: 1px solid transparent;
393 .wp-fullscreen-wrap #content-textarea-clone {
397 /* editor-expand.js override */
398 .wp-fullscreen-wrap {
399 padding-top: 0 !important;
402 .wp-fullscreen-wrap .wp-editor-area {
403 margin-top: 0 !important;
406 .wp-fullscreen-wrap .mce-edit-area {
407 padding-top: 0 !important;
409 /* end editor-expand.js override */
411 .wp-editor-expand #wp-content-editor-tools {
413 border-bottom: 1px solid #e5e5e5;
416 .wp-editor-expand #wp-content-editor-container {
417 -webkit-box-shadow: none;
422 .wp-editor-expand #wp-content-editor-container {
423 border-bottom: 0 none;
426 .wp-editor-expand div.mce-statusbar {
430 .wp-editor-expand #post-status-info {
431 border-top: 1px solid #e5e5e5;
434 .wp-editor-expand div.mce-toolbar-grp {
438 /* TinyMCE native fullscreen mode override */
439 .mce-fullscreen #wp-content-wrap .mce-menubar,
440 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
441 .mce-fullscreen #wp-content-wrap .mce-edit-area,
442 .mce-fullscreen #wp-content-wrap .mce-statusbar {
443 position: static !important;
444 width: auto !important;
445 padding: 0 !important;
448 .mce-fullscreen #wp-content-wrap .mce-statusbar {
449 visibility: visible !important;
452 .post-php.mce-fullscreen #wpadminbar,
453 .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
456 /* End TinyMCE native fullscreen mode override */
458 #wp-content-editor-tools {
459 background-color: #f1f1f1;
463 #poststuff #post-body.columns-2 #side-sortables {
467 #timestampdiv select {
488 .curtime #timestamp {
489 padding: 2px 0 1px 0;
490 display: inline !important;
491 height: auto !important;
494 #misc-publishing-actions label[for="post_status"]:before,
495 #post-body #visibility:before,
496 .curtime #timestamp:before,
497 #post-body .misc-pub-revisions:before,
498 span.wp-media-buttons-icon:before {
502 #post-body #visibility:before,
503 .curtime #timestamp:before,
504 #post-body .misc-pub-revisions:before {
505 font: normal 20px/1 'dashicons';
507 display: inline-block;
513 -webkit-font-smoothing: antialiased;
514 -moz-osx-font-smoothing: grayscale;
515 text-decoration: none !important;
518 #post-body #visibility:before {
522 .curtime #timestamp:before {
527 #post-body .misc-pub-revisions:before {
540 #timestampdiv input {
545 .notification-dialog {
552 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
553 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
558 .notification-dialog-background {
566 filter: alpha(opacity=70);
570 #post-lock-dialog .post-locked-message,
571 #post-lock-dialog .post-taken-over {
575 #post-lock-dialog .post-locked-message a.button {
579 #post-lock-dialog .post-locked-avatar {
581 margin: 0 20px 20px 0;
584 #post-lock-dialog .wp-tab-first {
588 #post-lock-dialog .locked-saving img {
593 #post-lock-dialog.saving .locked-saving,
594 #post-lock-dialog.saved .locked-saved {
615 .tagchecklist strong {
630 .tagchecklist span a {
631 margin: 1px 0 0 -17px;
661 #poststuff .inside #parent_id,
662 #poststuff .inside #page_template {
666 #poststuff .inside label.spam,
667 #poststuff .inside label.deleted {
671 #poststuff .inside label.waiting {
675 #poststuff .inside label.approved {
679 .ie8 #poststuff .inside #parent_id,
680 .ie8 #poststuff .inside #page_template {
684 #post-visibility-select {
689 #poststuff #submitdiv .inside {
699 /*------------------------------------------------------------------------------
701 ------------------------------------------------------------------------------*/
703 #postcustomstuff thead th {
704 padding: 5px 8px 8px;
705 background-color: #f1f1f1;
708 #postcustom #postcustomstuff .submit {
714 #side-sortables #postcustom #postcustomstuff .submit {
719 #side-sortables #postcustom #postcustomstuff #the-list textarea {
723 #side-sortables #postcustom #postcustomstuff td.left input,
724 #side-sortables #postcustom #postcustomstuff td.left select,
725 #side-sortables #postcustomstuff #newmetaleft a {
729 #postcustomstuff table {
732 border: 1px solid #dfdfdf;
734 background-color: #f9f9f9;
737 #postcustomstuff tr {
741 #postcustomstuff table input,
742 #postcustomstuff table select,
743 #postcustomstuff table textarea {
748 #side-sortables #postcustomstuff table input,
749 #side-sortables #postcustomstuff table select,
750 #side-sortables #postcustomstuff table textarea {
754 #postcustomstuff th.left,
755 #postcustomstuff td.left {
759 #postcustomstuff .submit input {
764 #postcustomstuff #newmetaleft a {
765 display: inline-block;
767 text-decoration: none;
770 .no-js #postcustomstuff #enternew {
774 #post-body-content .compat-attachment-fields {
778 .compat-attachment-fields th {
783 /*------------------------------------------------------------------------------
784 11.3 - Featured Images
785 ------------------------------------------------------------------------------*/
787 #select-featured-image {
792 #select-featured-image img {
798 #select-featured-image a {
803 #select-featured-image .remove {
808 .js #select-featured-image.has-featured-image .remove {
809 display: inline-block;
812 .no-js #select-featured-image .choose {
816 /*------------------------------------------------------------------------------
818 ------------------------------------------------------------------------------*/
822 display: inline-block;
823 vertical-align: middle;
830 .post-state-format:before {
834 font: normal 20px/1 'dashicons' !important;
836 -webkit-font-smoothing: antialiased;
837 -moz-osx-font-smoothing: grayscale;
840 .post-state-format:before,
841 .post-format-icon:before {
843 -webkit-transition: all .1s ease-in-out;
844 transition: all .1s ease-in-out;
847 a.post-state-format:hover:before,
848 a.post-format-icon:hover:before {
852 #post-formats-select {
856 #post-formats-select .post-format-icon:before {
864 label.post-format-icon {
866 padding: 2px 0 2px 0px;
869 .post-format-icon:before {
871 display: inline-block;
873 font: normal 20px/1 'dashicons';
875 -webkit-font-smoothing: antialiased;
876 -moz-osx-font-smoothing: grayscale;
879 .post-state-format.post-format-standard:before,
880 .post-format-icon.post-format-standard:before,
881 a.post-state-format.format-standard:before {
885 .post-state-format.post-format-image:before,
886 .post-format-icon.post-format-image:before,
887 a.post-state-format.format-image:before {
891 .post-state-format.post-format-gallery:before,
892 .post-format-icon.post-format-gallery:before,
893 a.post-state-format.format-gallery:before {
897 .post-state-format.post-format-audio:before,
898 .post-format-icon.post-format-audio:before,
899 a.post-state-format.format-audio:before {
903 .post-state-format.post-format-video:before,
904 .post-format-icon.post-format-video:before,
905 a.post-state-format.format-video:before {
909 .post-state-format.post-format-chat:before,
910 .post-format-icon.post-format-chat:before,
911 a.post-state-format.format-chat:before {
915 .post-state-format.post-format-status:before,
916 .post-format-icon.post-format-status:before,
917 a.post-state-format.format-status:before {
921 .post-state-format.post-format-aside:before,
922 .post-format-icon.post-format-aside:before,
923 a.post-state-format.format-aside:before {
927 .post-state-format.post-format-quote:before,
928 .post-format-icon.post-format-quote:before,
929 a.post-state-format.format-quote:before {
933 .post-state-format.post-format-link:before,
934 .post-format-icon.post-format-link:before,
935 a.post-state-format.format-link:before {
939 /*------------------------------------------------------------------------------
941 ------------------------------------------------------------------------------*/
952 #side-sortables .category-adder {
957 .categorydiv div.tabs-panel,
958 .customlinkdiv div.tabs-panel,
959 .posttypediv div.tabs-panel,
960 .taxonomydiv div.tabs-panel {
965 border: solid 1px #dfdfdf;
966 background-color: #fdfdfd;
969 div.tabs-panel-active {
973 div.tabs-panel-inactive {
978 #front-static-pages ul,
980 .inline-editor ul.cat-checklist ul,
981 .categorydiv ul.categorychecklist ul,
982 .customlinkdiv ul.categorychecklist ul,
983 .posttypediv ul.categorychecklist ul,
984 .taxonomydiv ul.categorychecklist ul {
988 ul.categorychecklist li {
992 word-wrap: break-word;
995 .categorydiv .tabs-panel,
996 .customlinkdiv .tabs-panel,
997 .posttypediv .tabs-panel,
998 .taxonomydiv .tabs-panel {
1000 border-style: solid;
1014 .form-field input[type="text"],
1015 .form-field input[type="password"],
1016 .form-field input[type="email"],
1017 .form-field input[type="number"],
1018 .form-field input[type="search"],
1019 .form-field input[type="tel"],
1020 .form-field input[type="url"],
1021 .form-field textarea {
1022 border-style: solid;
1041 .form-wrap .form-field {
1046 .form-wrap .form-field #parent {
1055 .col-wrap p.submit {
1060 /*------------------------------------------------------------------------------
1062 ------------------------------------------------------------------------------*/
1068 #poststuff .taghint {
1070 margin: 15px 0 -24px 12px;
1073 #poststuff .tagsdiv .howto {
1085 .tagsdiv .the-tags {
1093 #post-body-content .tagsdiv .the-tags {
1100 margin: -17px 0 0 7px;
1104 input.newtag ~ div.taghint {
1105 visibility: visible;
1108 input.newtag:focus ~ div.taghint {
1115 padding: 8px 12px 12px;
1116 text-align: justify;
1126 text-align: justify;
1140 border: 1px solid #808080;
1141 background-color: #fff;
1144 .wp-customizer .ac_results {
1150 white-space: nowrap;
1156 background-color: #f0f0b8;
1161 text-decoration: underline;
1166 .comment-php .wp-editor-area {
1172 border-bottom-style: solid;
1173 border-bottom-width: 1px;
1177 background-color: transparent;
1182 margin: 1px 8px 1px 0;
1186 .spam-undo-inside .avatar,
1187 .trash-undo-inside .avatar {
1191 vertical-align: middle;
1194 .stuffbox .editcomment {
1198 #comment-status-radio p {
1202 #comment-status-radio input {
1203 margin: 2px 3px 5px 0;
1204 vertical-align: middle;
1207 #comment-status-radio label {
1218 font-weight: normal;
1220 vertical-align: top;
1223 word-wrap: break-word;
1231 .links-table td label {
1235 .links-table td input[type="text"],
1236 .links-table td textarea {
1240 .links-table #link_rel {
1245 -------------------------------------------------------------- */
1247 #wp-content-wrap .mce-wp-dfw,
1252 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1253 .wp-editor-expand #qt_content_dfw {
1254 display: inline-block;
1257 .focus-on .wrap > h2,
1258 .focus-on #wpfooter,
1259 .focus-on .postbox-container > *,
1260 .focus-on div.updated,
1261 .focus-on div.error,
1262 .focus-on div.notice,
1263 .focus-on #wp-toolbar,
1264 .focus-on #screen-meta-links,
1265 .focus-on #screen-meta {
1267 -webkit-transition-duration: 0.6s;
1268 transition-duration: 0.6s;
1269 -webkit-transition-property: opacity;
1270 transition-property: opacity;
1271 -webkit-transition-timing-function: ease-in-out;
1272 transition-timing-function: ease-in-out;
1275 .focus-on #wp-toolbar {
1279 .focus-off .wrap > h2,
1280 .focus-off #wpfooter,
1281 .focus-off .postbox-container > *,
1282 .focus-off div.updated,
1283 .focus-off div.error,
1284 .focus-off div.notice,
1285 .focus-off #wp-toolbar,
1286 .focus-off #screen-meta-links,
1287 .focus-off #screen-meta {
1289 -webkit-transition-duration: 0.2s;
1290 transition-duration: 0.2s;
1291 -webkit-transition-property: opacity;
1292 transition-property: opacity;
1293 -webkit-transition-timing-function: ease-in-out;
1294 transition-timing-function: ease-in-out;
1297 .focus-off #wp-toolbar {
1298 -webkit-transform: translate(0, 0);
1301 .focus-on #adminmenuback,
1302 .focus-on #adminmenuwrap {
1303 -webkit-transition-duration: 0.6s;
1304 transition-duration: 0.6s;
1305 -webkit-transition-property: -webkit-transform;
1306 transition-property: transform;
1307 -webkit-transition-timing-function: ease-in-out;
1308 transition-timing-function: ease-in-out;
1312 .focus-on #adminmenuback,
1313 .focus-on #adminmenuwrap {
1314 -webkit-transform: translateX( -100% );
1315 -ms-transform: translateX( -100% );
1316 transform: translateX( -100% );
1320 .rtl.focus-on #adminmenuback,
1321 .rtl.focus-on #adminmenuwrap {
1322 -webkit-transform: translateX( 100% );
1323 -ms-transform: translateX( 100% );
1324 transform: translateX( 100% );
1327 .focus-off #adminmenuback,
1328 .focus-off #adminmenuwrap {
1329 -webkit-transform: translateX( 0 );
1330 -ms-transform: translateX( 0 );
1331 transform: translateX( 0 );
1332 -webkit-transition-duration: 0.2s;
1333 transition-duration: 0.2s;
1334 -webkit-transition-property: -webkit-transform;
1335 transition-property: transform;
1336 -webkit-transition-timing-function: ease-in-out;
1337 transition-timing-function: ease-in-out;
1341 -------------------------------------------------------------- */
1347 (-o-min-device-pixel-ratio: 5/4),
1348 (-webkit-min-device-pixel-ratio: 1.25),
1349 (min-resolution: 120dpi) {
1350 #content-resize-handle,
1351 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1352 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1353 -webkit-background-size: 11px 11px;
1354 background-size: 11px 11px;
1357 .rtl #content-resize-handle,
1358 .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1359 background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll right bottom;
1363 /* one column on the post write/edit screen */
1364 @media only screen and (max-width: 850px) {
1369 #wpbody-content #poststuff #post-body {
1373 #wpbody-content #post-body.columns-2 #postbox-container-1 {
1378 #poststuff #postbox-container-1 .empty-container,
1379 #poststuff #postbox-container-1 #side-sortables:empty {
1385 #poststuff #post-body.columns-2 #side-sortables {
1390 /* hide the radio buttons for column prefs */
1397 @media screen and ( max-width: 782px ) {
1398 #post-body-content {
1402 #titlediv #title-prompt-text {
1410 .post-format-options {
1414 .post-format-options a {
1420 .post-format-options .post-format-title {
1424 .post-format-options a div {
1429 .post-format-options a div:before {
1430 font-size: 26px !important;
1433 /* Publish Metabox Options */
1434 #post-visibility-select {
1438 .wp-core-ui .save-post-visibility,
1439 .wp-core-ui .save-timestamp {
1440 vertical-align: middle;
1444 .timestamp-wrap select#mm {
1447 margin-bottom: 10px;
1450 .timestamp-wrap #jj,
1451 .timestamp-wrap #aa,
1452 .timestamp-wrap #hh,
1453 .timestamp-wrap #mn {
1461 /* Categories Metabox */
1463 margin: 30px 0 15px;
1466 ul.category-tabs li.tabs {
1470 ul.categorychecklist li {
1471 margin-bottom: 15px;
1474 ul.categorychecklist ul {
1478 .category-add input[type=text],
1479 .category-add select {
1481 margin-bottom: 15px;
1488 margin-bottom: 15px;
1495 .tagchecklist span {
1501 #commentstatusdiv p {
1505 /* TinyMCE Adjustments */
1507 white-space: normal !important;
1512 float: left !important;
1515 .wp_themeSkin a.mceButton {
1520 .wp_themeSkin .mceButton .mceIcon {
1525 .wp_themeSkin .mceSplitButton {
1529 .wp_themeSkin .mceSplitButton td a.mceAction {
1531 padding-bottom: 6px;
1536 .wp_themeSkin .mceSplitButton td a.mceOpen,
1537 .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1539 padding-bottom: 6px;
1540 background-position: 1px 6px;
1543 .wp_themeSkin table.mceListBox {
1547 div.quicktags-toolbar input {
1551 button.wp-switch-editor {
1554 margin: 7px 0 0 7px;
1558 #wp-content-media-buttons a {
1562 padding: 0 20px 0 15px;
1565 .wp-media-buttons span.wp-media-buttons-icon,
1566 .wp-media-buttons span.jetpack-contact-form-icon {
1567 width: 22px !important;
1568 margin-top: -3px !important;
1569 margin-left: -5px !important;
1572 .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1573 .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1574 font-size: 20px !important;
1577 #content_wp_fullscreen {
1582 padding: 20px 10px 20px;
1585 .misc-pub-section > a {
1591 #publishing-action {
1595 /* Moderate Comment */
1597 border-bottom: none;
1601 .links-table #link_rel {
1611 @media only screen and (max-width: 500px) {
1612 /* Align Add Media + Visual + Text tabs */
1613 #wp-content-media-buttons a {
1615 padding: 0 10px 0 10px;