#poststuff { padding-top: 10px; min-width: 763px; } #poststuff #post-body { padding: 0; } #poststuff .postbox-container { width: 100%; } #poststuff #post-body.columns-2 { margin-right: 300px; } /*------------------------------------------------------------------------------ 11.0 - Write/Edit Post Screen ------------------------------------------------------------------------------*/ #show-comments { overflow: hidden; } #save-action .spinner, #show-comments a, #show-comments .spinner { float: left; } #lost-connection-notice .spinner { display: block; float: left; margin: 0 5px 0 0; } #titlediv { position: relative; margin-bottom: 10px; } #titlediv label { cursor: text; } #titlediv div.inside { margin: 0; } #poststuff #titlewrap { border: 0; padding: 0; } #titlediv #title { padding: 3px 8px; font-size: 1.7em; line-height: 100%; height: 1.7em; width: 100%; outline: none; margin: 0; background-color: #fff; } #titlediv #title-prompt-text { color: #777; position: absolute; font-size: 1.7em; padding: 11px 10px; } #wp-fullscreen-save .fs-saved { color: #999; float: right; margin-top: 4px; } #poststuff .inside-submitbox, #side-sortables .inside-submitbox { margin: 0 3px; font-size: 11px; } input#link_description, input#link_url { width: 98%; } #pending { background: 0 none; border: 0 none; padding: 0; font-size: 11px; margin-top: -1px; } #edit-slug-box { line-height: 24px; min-height: 25px; /* Yes, line-height + 1 */ margin-top: 5px; padding: 0 10px; color: #666; } #edit-slug-box .cancel { margin-right: 10px; font-size: 11px; } #editable-post-name-full { display: none; } #editable-post-name { background-color: #fffbcc; } #editable-post-name input { font-size: 13px; height: 22px; margin: 0; width: 16em; } .postarea h3 label { float: left; } .submitbox .submit { text-align: left; padding: 12px 10px 10px; font-size: 11px; background-color: #464646; color: #ccc; } .submitbox .submitdelete { text-decoration: none; padding: 1px 2px; } /* @todo: do we really need this? word on the street is we don't and this stray rule may actually be compensated for elsewhere. */ #normal-sortables .submitbox .submitdelete:hover { color: #000; background-color: #f00; border-bottom-color: #f00; } .submitbox .submit a:hover { text-decoration: underline; } .submitbox .submit input { margin-bottom: 8px; margin-right: 4px; padding: 6px; } .inside-submitbox #post_status { margin: 2px 0 2px -2px; } #post-status-select { margin-top: 3px; } /* Post Screen */ #post-body #normal-sortables { min-height: 50px; } .postbox { position: relative; min-width: 255px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); box-shadow: 0 1px 1px rgba(0,0,0,0.04); background: #fff; } #trackback_url { width: 99%; } #normal-sortables .postbox .submit { background: transparent none; border: 0 none; float: right; padding: 0 12px; margin:0; } .category-add input[type="text"], .category-add select { width: 100%; max-width: 260px; vertical-align: baseline; } #side-sortables .category-add input[type="text"], #side-sortables .category-add select { margin: 0 0 1em; } ul.category-tabs li, #side-sortables .add-menu-item-tabs li, .wp-tab-bar li { display: inline; line-height: 1.35em; } .no-js .category-tabs li.hide-if-no-js { display: none; } .category-tabs a, #side-sortables .add-menu-item-tabs a, .wp-tab-bar a { text-decoration: none; } /* @todo: do these really need to be so specific? */ #side-sortables .category-tabs .tabs a, #side-sortables .add-menu-item-tabs .tabs a, .wp-tab-bar .wp-tab-active a, #post-body ul.category-tabs li.tabs a, #post-body ul.add-menu-item-tabs li.tabs a { color: #333; } .category-tabs { margin: 8px 0 5px; } #category-adder h4 { margin: 10px 0; } #side-sortables .add-menu-item-tabs, .wp-tab-bar { margin-bottom: 3px; } #normal-sortables .postbox #replyrow .submit { float: none; margin: 0; padding: 0 7px 5px; } #side-sortables .submitbox .submit input, #side-sortables .submitbox .submit .preview, #side-sortables .submitbox .submit a.preview:hover { border: 0 none; } #side-sortables .inside-submitbox .insidebox, .stuffbox .insidebox { margin: 11px 0; } /* @todo: make this a more generic class */ ul.category-tabs, ul.add-menu-item-tabs, ul.wp-tab-bar { margin-top: 12px; } ul.category-tabs li, ul.add-menu-item-tabs li { border: solid 1px transparent; position: relative; } ul.category-tabs li.tabs, ul.add-menu-item-tabs li.tabs, .wp-tab-active { border: 1px solid #dfdfdf; border-bottom-color: #fdfdfd; background-color: #fdfdfd; } ul.category-tabs li, ul.add-menu-item-tabs li, ul.wp-tab-bar li { padding: 3px 5px 5px; } #postimagediv .inside img { max-width: 100%; height: auto; } form#tags-filter { position: relative; } /* Edit posts */ td.post-title strong, td.plugin-title strong { display: block; margin-bottom: .2em; font-size: 14px; } td.post-title p, td.plugin-title p { margin: 6px 0; } /* Global classes */ .wp-hidden-children .wp-hidden-child, .ui-tabs-hide { display: none; } #post-body .tagsdiv #newtag { margin-right: 5px; width: 16em; } #side-sortables input#post_password { width: 94% } #side-sortables .tagsdiv #newtag { width: 68%; } #post-status-info { width: 100%; border-spacing: 0; border: 1px solid #e5e5e5; border-top: none; background-color: #f7f7f7; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); box-shadow: 0 1px 1px rgba(0,0,0,0.04); } #post-status-info td { font-size: 12px; } .autosave-info { padding: 2px; text-align: right; } #editorcontent #post-status-info { border: none; } #content-resize-handle { background: transparent url(../images/resize.gif) no-repeat scroll right bottom; width: 12px; cursor: n-resize; } .rtl #content-resize-handle { background: transparent url(../images/resize-rtl.gif) no-repeat scroll left bottom; } #wp-word-count { display: block; padding: 2px 10px; } #timestampdiv select { height: 21px; line-height: 14px; padding: 0; vertical-align: top; font-size: 12px; } #aa, #jj, #hh, #mn { padding: 1px; font-size: 12px; } #jj, #hh, #mn { width: 2em; } #aa { width: 3.4em; } .curtime #timestamp { padding: 2px 0 1px 0; display: inline !important; height: auto !important; } #misc-publishing-actions label[for="post_status"]:before, #post-body #visibility:before, .curtime #timestamp:before, #post-body .misc-pub-revisions:before, span.wp-media-buttons-icon:before { color: #888; } #post-body #visibility:before, .curtime #timestamp:before, #post-body .misc-pub-revisions:before { font: normal 20px/1 'dashicons'; speak: none; display: inline-block; padding: 0 2px 0 0; top: 0; left: -1px; position: relative; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; } #post-body #visibility:before { content: '\f177'; } .curtime #timestamp:before { content: '\f145'; top: -1px; } #post-body .misc-pub-revisions:before { content: '\f321'; } #timestampdiv { padding-top: 5px; line-height: 23px; } #timestampdiv p { margin: 8px 0 6px; } #timestampdiv input { border-width: 1px; border-style: solid; } .notification-dialog { position: fixed; top: 30%; left: 50%; width: 450px; margin-left: -225px; background: #fff; line-height: 1.5; z-index: 1000005; } .notification-dialog-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 1000000; } #post-lock-dialog .post-locked-message, #post-lock-dialog .post-taken-over { margin: 25px; } #post-lock-dialog .post-locked-message a.button { margin-right: 10px; } #post-lock-dialog .post-locked-avatar { float: left; margin: 0 20px 20px 0; } #post-lock-dialog .wp-tab-first { outline: 0; } #post-lock-dialog .locked-saving img { float: left; margin-right: 3px; } #post-lock-dialog.saving .locked-saving, #post-lock-dialog.saved .locked-saved { display: inline; } #excerpt, .attachmentlinks { margin: 0; height: 4em; width: 98%; } .tagchecklist { margin-left: 14px; font-size: 12px; overflow: auto; } .tagchecklist br { display: none; } .tagchecklist strong { margin-left: -8px; position: absolute; } .tagchecklist span { margin-right: 25px; display: block; float: left; font-size: 13px; line-height: 1.8em; white-space: nowrap; cursor: default; } .tagchecklist span a { margin: 1px 0 0 -17px; cursor: pointer; width: 20px; height: 20px; display: block; float: left; text-indent: 0; overflow: hidden; position: absolute; } #poststuff h2 { margin-top: 20px; font-size: 1.5em; margin-bottom: 15px; padding: 0 0 3px; clear: left; } #poststuff h3 { font-size: 14px; padding: 8px 12px; margin: 0; line-height: 1.4; } #poststuff .inside { margin: 6px 0 0 0; } #poststuff .inside #parent_id, #poststuff .inside #page_template { max-width: 100%; } #poststuff .inside label.spam, #poststuff .inside label.deleted { color: red; } #poststuff .inside label.waiting { color: orange; } #poststuff .inside label.approved { color: green; } .ie8 #poststuff .inside #parent_id, .ie8 #poststuff .inside #page_template { width: 250px; } #post-visibility-select { line-height: 1.5em; margin-top: 3px; } #poststuff #submitdiv .inside { margin: 0; padding: 0; } .edit-form-section { margin-bottom: 20px; } .wp-editor-wrap { position: relative; } .uploader-editor { background: rgba( 150, 150, 150, 0.9 ); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; /* under the toolbar */ display: none; text-align: center; } .uploader-editor-content { border: 1px dashed #fff; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; pointer-events: none; } #poststuff .uploader-editor-content h3 { margin: -0.5em 0 0; position: absolute; top: 50%; left: 0; right: 0; transform: translateY( -50% ); font-size: 40px; color: #fff; padding: 0; display: none; pointer-events: none; } .uploader-editor.droppable { background: rgba( 0, 86, 132, 0.9 ); } #poststuff .uploader-editor.droppable h3 { display: block; } /* TinyMCE */ #mce_fullscreen_container { background: #fff; } /*------------------------------------------------------------------------------ 11.1 - Custom Fields ------------------------------------------------------------------------------*/ #postcustomstuff thead th { padding: 5px 8px 8px; background-color: #f1f1f1; } #postcustom #postcustomstuff .submit { border: 0 none; float: none; padding: 0 8px 8px; } #side-sortables #postcustom #postcustomstuff .submit { margin: 0; padding: 0; } #side-sortables #postcustom #postcustomstuff #the-list textarea { height: 85px; } #side-sortables #postcustom #postcustomstuff td.left input, #side-sortables #postcustom #postcustomstuff td.left select, #side-sortables #postcustomstuff #newmetaleft a { margin: 3px 3px 0; } #postcustomstuff table { margin: 0; width: 100%; border: 1px solid #dfdfdf; border-spacing: 0; background-color: #f9f9f9; } #postcustomstuff tr { vertical-align: top; } #postcustomstuff table input, #postcustomstuff table select, #postcustomstuff table textarea { width: 96%; margin: 8px; } #side-sortables #postcustomstuff table input, #side-sortables #postcustomstuff table select, #side-sortables #postcustomstuff table textarea { margin: 3px; } #postcustomstuff th.left, #postcustomstuff td.left { width: 38%; } #postcustomstuff .submit input { margin: 0; width: auto; } #postcustomstuff #newmetaleft a { display: inline-block; margin: 0 8px 8px; text-decoration: none; } .no-js #postcustomstuff #enternew { display: none; } #post-body-content .compat-attachment-fields { margin-bottom: 20px; } .compat-attachment-fields th { padding-top: 5px; padding-right: 10px; } /*------------------------------------------------------------------------------ 11.3 - Featured Images ------------------------------------------------------------------------------*/ #select-featured-image { padding: 4px 0; overflow: hidden; } #select-featured-image img { max-width: 100%; height: auto; margin-bottom: 10px; } #select-featured-image a { float: left; clear: both; } #select-featured-image .remove { display: none; margin-top: 10px; } .js #select-featured-image.has-featured-image .remove { display: inline-block; } .no-js #select-featured-image .choose { display: none; } /*------------------------------------------------------------------------------ 11.4 - Post formats ------------------------------------------------------------------------------*/ .post-state-format { overflow: hidden; display: inline-block; vertical-align: middle; height: 20px; width: 20px; margin-right: 5px; margin-top: -4px; } .post-state-format:before { display: block; height: 20px; width: 20px; font: normal 20px/1 'dashicons' !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post-state-format:before, .post-format-icon:before { color: #ddd; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } a.post-state-format:hover:before, a.post-format-icon:hover:before { color: #2ea2cc; } #post-formats-select { line-height: 2em; } #post-formats-select .post-format-icon:before { top: 5px; } input.post-format { margin-top: 1px; } label.post-format-icon { margin-left: 0px; padding: 2px 0 2px 0px; } .post-format-icon:before { position: relative; display: inline-block; margin-right: 7px; font: normal 20px/1 'dashicons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post-state-format.post-format-standard:before, .post-format-icon.post-format-standard:before, a.post-state-format.format-standard:before { content: '\f109'; } .post-state-format.post-format-image:before, .post-format-icon.post-format-image:before, a.post-state-format.format-image:before { content: '\f128'; } .post-state-format.post-format-gallery:before, .post-format-icon.post-format-gallery:before, a.post-state-format.format-gallery:before { content: '\f161'; } .post-state-format.post-format-audio:before, .post-format-icon.post-format-audio:before, a.post-state-format.format-audio:before { content: '\f127'; } .post-state-format.post-format-video:before, .post-format-icon.post-format-video:before, a.post-state-format.format-video:before { content: '\f126'; } .post-state-format.post-format-chat:before, .post-format-icon.post-format-chat:before, a.post-state-format.format-chat:before { content: '\f125'; } .post-state-format.post-format-status:before, .post-format-icon.post-format-status:before, a.post-state-format.format-status:before { content: '\f130'; } .post-state-format.post-format-aside:before, .post-format-icon.post-format-aside:before, a.post-state-format.format-aside:before { content: '\f123'; } .post-state-format.post-format-quote:before, .post-format-icon.post-format-quote:before, a.post-state-format.format-quote:before { content: '\f122'; } .post-state-format.post-format-link:before, .post-format-icon.post-format-link:before, a.post-state-format.format-link:before { content: '\f103'; } /*------------------------------------------------------------------------------ 12.0 - Categories ------------------------------------------------------------------------------*/ .category-adder { margin-left: 120px; padding: 4px 0; } .category-adder h4 { margin: 0 0 8px; } #side-sortables .category-adder { margin: 0; } .wp-tab-panel, .categorydiv div.tabs-panel, .customlinkdiv div.tabs-panel, .posttypediv div.tabs-panel, .taxonomydiv div.tabs-panel { min-height: 42px; max-height: 200px; overflow: auto; padding: 0 0.9em; border: solid 1px #dfdfdf; background-color: #fdfdfd; } div.tabs-panel-active { display:block; } div.tabs-panel-inactive { display:none; } #front-page-warning, #front-static-pages ul, ul.export-filters, .inline-editor ul.cat-checklist ul, .categorydiv ul.categorychecklist ul, .customlinkdiv ul.categorychecklist ul, .posttypediv ul.categorychecklist ul, .taxonomydiv ul.categorychecklist ul { margin-left: 18px; } ul.categorychecklist li { margin: 0; padding: 0; line-height: 22px; word-wrap: break-word; } .categorydiv .tabs-panel, .customlinkdiv .tabs-panel, .posttypediv .tabs-panel, .taxonomydiv .tabs-panel { border-width: 3px; border-style: solid; } .form-wrap p, .form-wrap label { font-size: 11px; } .form-wrap label { display: block; padding: 2px; font-size: 12px; } .form-field input, .form-field textarea { border-style: solid; border-width: 1px; width: 95%; } p.description, .form-wrap p { margin: 2px 0 5px; color: #666; } p.help, p.description, span.description, .form-wrap p { font-size: 13px; font-style: italic; } .form-wrap .form-field { margin: 0 0 10px; padding: 8px 0; } .form-wrap .form-field #parent { max-width: 100%; } .col-wrap h3 { margin: 12px 0; font-size: 1.1em; } .col-wrap p.submit { margin-top: -10px; } /*------------------------------------------------------------------------------ 13.0 - Tags ------------------------------------------------------------------------------*/ .tagsdiv { margin-top: -8px; } #poststuff .taghint { color: #aaa; margin: 15px 0 -24px 12px; } #poststuff .tagsdiv .howto { margin: 0 0 6px 0; } .ajaxtag .newtag { position: relative; } .tagsdiv .newtag { width: 180px; } .tagsdiv .the-tags { display: block; height: 60px; margin: 0 auto; overflow: auto; width: 260px; } #post-body-content .tagsdiv .the-tags { margin: 0 5px; } /* tag hints */ .taghint { color: #aaa; margin: -17px 0 0 7px; visibility: hidden; } input.newtag ~ div.taghint { visibility: visible; } input.newtag:focus ~ div.taghint { visibility: hidden; } p.popular-tags { border: none; line-height: 2em; max-width: 1000px; padding: 8px 12px 12px; text-align: justify; } p.popular-tags a { padding: 0 3px; } .tagcloud { width: 97%; margin: 0 0 40px; text-align: justify; } .tagcloud h3 { margin: 2px 0 12px; } .ac_results { padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; border: 1px solid #808080; background-color: #fff; } .wp-customizer .ac_results { z-index: 500000; } .ac_results li { padding: 2px 5px; white-space: nowrap; color: #101010; text-align: left; } .ac_over { background-color: #f0f0b8; cursor: pointer; } .ac_match { text-decoration: underline; } /* Comments */ .comment-php .wp-editor-area { height: 200px; } .comment-ays { margin-bottom: 0; border-bottom-style: solid; border-bottom-width: 1px; } .comment-ays .alt { background-color: transparent; } .trash-undo-inside, .spam-undo-inside { margin: 1px 8px 1px 0; line-height: 16px; } .spam-undo-inside .avatar, .trash-undo-inside .avatar { height: 20px; width: 20px; margin-right: 8px; vertical-align: middle; } .stuffbox .editcomment { clear: none; } #comment-status-radio p { margin: 3px 0 5px; } #comment-status-radio input { margin: 2px 3px 5px 0; vertical-align: middle; } #comment-status-radio label { padding: 5px 0; } /* links tables */ table.links-table { width: 100%; border-spacing: 0; } .links-table th { font-weight: normal; text-align: left; vertical-align: top; min-width: 80px; width: 20%; word-wrap: break-word; } .links-table th, .links-table td { padding: 5px 0; } .links-table td label { margin-right: 8px; } .links-table td input[type="text"], .links-table td textarea { width: 100%; } .links-table #link_rel { max-width: 280px; } /* =Media Queries -------------------------------------------------------------- */ /** * HiDPI Displays */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize { background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom; -webkit-background-size: 11px 11px; background-size: 11px 11px; } .rtl #content-resize-handle, .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize { background: transparent url(../images/resize-rtl-2x.gif) no-repeat scroll right bottom; } } /* one column on the post write/edit screen */ @media only screen and (max-width: 850px) { #poststuff { min-width: 0; } #wpbody-content #poststuff #post-body { margin: 0; } #wpbody-content #post-body.columns-2 #postbox-container-1 { margin-right: 0; width: 100%; } #poststuff #postbox-container-1 .empty-container, #poststuff #postbox-container-1 #side-sortables:empty { border: 0 none; height: 0; min-height: 0; } #poststuff #post-body.columns-2 #side-sortables { min-height: 0; } /* hide the radio buttons for column prefs */ .screen-layout, .columns-prefs { display: none; } } @media screen and ( max-width: 782px ) { #post-body-content { min-width: 0; } #titlediv #title-prompt-text { padding: 10px 10px; } #poststuff h3 { padding: 12px; } .post-format-options { padding-right: 0; } .post-format-options a { margin-right: 5px; margin-bottom: 5px; min-width: 52px; } .post-format-options .post-format-title { font-size: 11px; } .post-format-options a div { height: 28px; width: 28px; } .post-format-options a div:before { font-size: 26px !important; } /* Publish Metabox Options */ #post-visibility-select { line-height: 280%; } .wp-core-ui .save-post-visibility, .wp-core-ui .save-timestamp { vertical-align: middle; margin-right: 15px; } .timestamp-wrap select#mm { display: block; width: 100%; margin-bottom: 10px; } .timestamp-wrap #jj, .timestamp-wrap #aa, .timestamp-wrap #hh, .timestamp-wrap #mn { padding: 12px 3px; font-size: 14px; margin-bottom: 5px; width: auto; text-align: center; } /* Categories Metabox */ ul.category-tabs { margin: 30px 0 15px; } ul.category-tabs li.tabs { padding: 15px; } ul.categorychecklist li { margin-bottom: 15px; } ul.categorychecklist ul { margin-top: 15px; } .category-add input[type=text], .category-add select { max-width: none; margin-bottom: 15px; } /* Tags Metabox */ .tagsdiv .newtag { width: 100%; height: auto; margin-bottom: 15px; } .tagchecklist { margin: 25px 10px; } .tagchecklist span { font-size: 16px; line-height: 120%; } /* Discussion */ #commentstatusdiv p { line-height: 2.8; } /* TinyMCE Adjustments */ .mceToolbar * { white-space: normal !important; } .mceToolbar tr, .mceToolbar td { float: left !important; } .wp_themeSkin a.mceButton { width: 30px; height: 30px; } .wp_themeSkin .mceButton .mceIcon { margin-top: 5px; margin-left: 5px; } .wp_themeSkin .mceSplitButton { margin-top: 1px; } .wp_themeSkin .mceSplitButton td a.mceAction { padding-top: 6px; padding-bottom: 6px; padding-left: 6px; padding-right: 3px; } .wp_themeSkin .mceSplitButton td a.mceOpen, .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen { padding-top: 6px; padding-bottom: 6px; background-position: 1px 6px; } .wp_themeSkin table.mceListBox { margin: 5px; } div.quicktags-toolbar input { padding: 10px 20px; } #wp-content-editor-tools { overflow: hidden; padding: 20px 15px 1px 0; top: 1px; } a.wp-switch-editor { font-size: 16px; line-height: 1em; margin: 3px 0 0 7px; padding: 12px 15px; } #wp-content-media-buttons a { font-size: 16px; line-height: 37px; height: 39px; padding: 0 20px 0 15px; } .wp-media-buttons span.wp-media-buttons-icon, .wp-media-buttons span.jetpack-contact-form-icon { width: 22px !important; margin-top: -3px !important; margin-left: -5px !important; } .wp-media-buttons .add_media span.wp-media-buttons-icon:before, .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before { font-size: 20px !important; } #content_wp_fullscreen { display: none; } .misc-pub-section { padding: 20px 10px 20px; } .misc-pub-section > a { float: right; font-size: 16px; } #delete-action, #publishing-action { line-height: 47px; } /* Moderate Comment */ .comment-ays { border-bottom: none; } /* Links */ .links-table #link_rel { max-width: none; } .links-table th, .links-table td { padding: 10px 0; } } @media only screen and (max-width: 500px) { /* Align Add Media + Visual + Text tabs */ #wp-content-media-buttons a { font-size: 14px; padding: 0 10px 0 10px; } }