X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/38ac4bc40322ecdc4052db4263466573e01fa51f..0f74cdeda4c069bfbb9c4131ef1352f55b6f8499:/wp-admin/css/edit.css diff --git a/wp-admin/css/edit.css b/wp-admin/css/edit.css index c2a4c764..59b79e89 100644 --- a/wp-admin/css/edit.css +++ b/wp-admin/css/edit.css @@ -24,13 +24,17 @@ } #save-action .spinner, -#show-comments a, -#show-comments .spinner { +#show-comments a { float: left; } +#show-comments .spinner { + float: none; + margin-top: 0; +} + #lost-connection-notice .spinner { - display: block; + visibility: visible; float: left; margin: 0 5px 0 0; } @@ -64,24 +68,12 @@ } #titlediv #title-prompt-text { - color: #777; + color: #72777c; 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%; @@ -95,7 +87,8 @@ input#link_url { margin-top: -1px; } -#edit-slug-box { +#edit-slug-box, +#comment-link-box { line-height: 24px; min-height: 25px; /* Yes, line-height + 1 */ margin-top: 5px; @@ -105,7 +98,15 @@ input#link_url { #edit-slug-box .cancel { margin-right: 10px; + padding: 0; font-size: 11px; + text-decoration: underline; + color: #0073aa; +} + +#comment-link-box { + margin: 5px 0; + padding: 0 5px; } #editable-post-name-full { @@ -113,11 +114,12 @@ input#link_url { } #editable-post-name { - background-color: #fffbcc; + font-weight: 600; } #editable-post-name input { font-size: 13px; + font-weight: 400; height: 22px; margin: 0; width: 16em; @@ -127,25 +129,8 @@ input#link_url { 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; +body.post-new-php .submitbox .submitdelete { + display: none; } .submitbox .submit a:hover { @@ -158,10 +143,6 @@ stray rule may actually be compensated for elsewhere. */ padding: 6px; } -.inside-submitbox #post_status { - margin: 2px 0 2px -2px; -} - #post-status-select { margin-top: 3px; } @@ -234,8 +215,15 @@ ul.category-tabs li, margin: 8px 0 5px; } +/* Back-compat for pre-4.4 */ #category-adder h4 { + margin: 0; +} + +.taxonomy-add-new { + display: inline-block; margin: 10px 0; + font-weight: 600; } #side-sortables .add-menu-item-tabs, @@ -246,7 +234,8 @@ ul.category-tabs li, #normal-sortables .postbox #replyrow .submit { float: none; margin: 0; - padding: 0 7px 5px; + padding: 5px 7px 10px; + overflow: hidden; } #side-sortables .submitbox .submit input, @@ -255,11 +244,6 @@ ul.category-tabs li, 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, @@ -276,7 +260,7 @@ ul.add-menu-item-tabs li { ul.category-tabs li.tabs, ul.add-menu-item-tabs li.tabs, .wp-tab-active { - border: 1px solid #dfdfdf; + border: 1px solid #ddd; border-bottom-color: #fdfdfd; background-color: #fdfdfd; } @@ -284,32 +268,30 @@ ul.add-menu-item-tabs li.tabs, ul.category-tabs li, ul.add-menu-item-tabs li, ul.wp-tab-bar li { - padding: 3px 5px 5px; + padding: 3px 5px 6px; +} + +#set-post-thumbnail { + display: inline-block; + max-width: 100%; } #postimagediv .inside img { max-width: 100%; height: auto; width: auto; + vertical-align: top; + 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); + 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); + background-position: 0 0, 10px 10px; + -webkit-background-size: 20px 20px; + background-size: 20px 20px; } 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 { @@ -359,8 +341,10 @@ td.plugin-title p { cursor: row-resize; } +/*rtl:ignore*/ .rtl #content-resize-handle { - background: transparent url(../images/resize-rtl.gif) no-repeat scroll left bottom; + background-image: url(../images/resize-rtl.gif); + background-position: left bottom; } .wp-editor-expand #content-resize-handle { @@ -380,34 +364,6 @@ td.plugin-title p { position: relative; } -#content-textarea-clone { - z-index: -1; - position: absolute; - top: 0; - visibility: hidden; - overflow: hidden; - max-width: 100%; - border: 1px solid transparent; -} - -.wp-fullscreen-wrap #content-textarea-clone { - display: none; -} - -/* editor-expand.js override */ -.wp-fullscreen-wrap { - padding-top: 0 !important; -} - -.wp-fullscreen-wrap .wp-editor-area { - margin-top: 0 !important; -} - -.wp-fullscreen-wrap .mce-edit-area { - padding-top: 0 !important; -} -/* end editor-expand.js override */ - .wp-editor-expand #wp-content-editor-tools { z-index: 1000; border-bottom: 1px solid #e5e5e5; @@ -449,6 +405,10 @@ td.plugin-title p { visibility: visible !important; } +.mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw { + display: none; +} + .post-php.mce-fullscreen #wpadminbar, .mce-fullscreen #wp-content-wrap .mce-wp-dfw { display: none; @@ -491,7 +451,7 @@ td.plugin-title p { height: auto !important; } -#misc-publishing-actions label[for="post_status"]:before, +#post-body .misc-pub-post-status:before, #post-body #visibility:before, .curtime #timestamp:before, #post-body .misc-pub-revisions:before, @@ -499,33 +459,36 @@ span.wp-media-buttons-icon:before { color: #82878c; } +#post-body .misc-pub-post-status:before, #post-body #visibility:before, .curtime #timestamp:before, #post-body .misc-pub-revisions:before { - font: normal 20px/1 'dashicons'; + font: normal 20px/1 dashicons; speak: none; display: inline-block; - padding: 0 2px 0 0; - top: 0; - left: -1px; - position: relative; + margin-left: -1px; + padding-right: 3px; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - text-decoration: none !important; +} + +#post-body .misc-pub-post-status:before { + content: "\f173"; } #post-body #visibility:before { - content: '\f177'; + content: "\f177"; } .curtime #timestamp:before { - content: '\f145'; + content: "\f145"; + position: relative; top: -1px; } #post-body .misc-pub-revisions:before { - content: '\f321'; + content: "\f321"; } #timestampdiv { @@ -597,11 +560,11 @@ span.wp-media-buttons-icon:before { display: inline; } -#excerpt, -.attachmentlinks { - margin: 0; +#excerpt { + display: block; + margin: 12px 0 0; height: 4em; - width: 98%; + width: 100%; } .tagchecklist { @@ -619,10 +582,9 @@ span.wp-media-buttons-icon:before { position: absolute; } -.tagchecklist span { - margin-right: 25px; - display: block; +.tagchecklist > span { float: left; + margin-right: 25px; font-size: 13px; line-height: 1.8em; cursor: default; @@ -631,27 +593,21 @@ span.wp-media-buttons-icon:before { text-overflow: ellipsis; } -.tagchecklist span a { - margin: 1px 0 0 -17px; +.tagchecklist .ntdelbutton { + position: absolute; + width: 24px; + height: 24px; + border: none; + margin: 0 0 0 -19px; + padding: 0; + background: none; cursor: pointer; - width: 20px; - height: 20px; - display: block; - float: left; text-indent: 0; - overflow: hidden; - position: absolute; } +#poststuff h3.hndle, /* Back-compat for pre-4.4 */ +#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */ #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; @@ -667,22 +623,18 @@ span.wp-media-buttons-icon:before { max-width: 100%; } -#poststuff .inside label.spam, -#poststuff .inside label.deleted { - color: red; -} - -#poststuff .inside label.waiting { - color: orange; +.ie8 #poststuff .inside #parent_id, +.ie8 #poststuff .inside #page_template { + width: 250px; } -#poststuff .inside label.approved { - color: green; +.post-attributes-label-wrapper { + margin-bottom: 0.5em; } -.ie8 #poststuff .inside #parent_id, -.ie8 #poststuff .inside #page_template { - width: 250px; +.post-attributes-label { + vertical-align: baseline; + font-weight: 600; } #post-visibility-select { @@ -690,6 +642,7 @@ span.wp-media-buttons-icon:before { margin-top: 3px; } +#linksubmitdiv .inside, /* Old Link Manager back-compat. */ #poststuff #submitdiv .inside { margin: 0; padding: 0; @@ -733,7 +686,7 @@ span.wp-media-buttons-icon:before { #postcustomstuff table { margin: 0; width: 100%; - border: 1px solid #dfdfdf; + border: 1px solid #ddd; border-spacing: 0; background-color: #f9f9f9; } @@ -835,7 +788,7 @@ span.wp-media-buttons-icon:before { display: block; height: 20px; width: 20px; - font: normal 20px/1 'dashicons' !important; + font: normal 20px/1 dashicons !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -874,7 +827,7 @@ label.post-format-icon { position: relative; display: inline-block; margin-right: 7px; - font: normal 20px/1 'dashicons'; + font: normal 20px/1 dashicons; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -883,61 +836,61 @@ label.post-format-icon { .post-state-format.post-format-standard:before, .post-format-icon.post-format-standard:before, a.post-state-format.format-standard:before { - content: '\f109'; + 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'; + 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'; + 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'; + 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'; + 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'; + 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'; + 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'; + 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'; + 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'; + content: "\f103"; } /*------------------------------------------------------------------------------ @@ -966,7 +919,7 @@ a.post-state-format.format-link:before { max-height: 200px; overflow: auto; padding: 0 0.9em; - border: solid 1px #dfdfdf; + border: solid 1px #ddd; background-color: #fdfdfd; } @@ -1004,15 +957,9 @@ ul.categorychecklist li { border-style: solid; } -.form-wrap p, -.form-wrap label { - font-size: 11px; -} - .form-wrap label { display: block; - padding: 2px; - font-size: 12px; + padding: 2px 0; } .form-field input[type="text"], @@ -1043,15 +990,15 @@ span.description, } .form-wrap .form-field { - margin: 0 0 10px; - padding: 8px 0; + margin: 1em 0; + padding: 0; } .form-wrap .form-field #parent { max-width: 100%; } -.col-wrap h3 { +.col-wrap h2 { margin: 12px 0; font-size: 1.1em; } @@ -1060,6 +1007,9 @@ span.description, margin-top: -10px; } +.edit-term-notes { + margin-top: 2em; +} /*------------------------------------------------------------------------------ 13.0 - Tags @@ -1085,6 +1035,25 @@ span.description, width: 260px; } +.tagcloud-link.button-link { + color: #0073aa; + text-decoration: underline; +} + +.tagcloud-link.button-link:hover { + color: #00a0d2; +} + +.tagcloud-link.button-link:focus { + color: #124964; + -webkit-box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); + box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); +} + #post-body-content .tagsdiv .the-tags { margin: 0 5px; } @@ -1106,18 +1075,19 @@ p.popular-tags a { text-align: justify; } -.tagcloud h3 { +.tagcloud h2 { margin: 2px 0 12px; } +/* Suggest.js autocomplete, no more used by core. */ .ac_results { + display: none; + margin: -1px 0 0; padding: 0; - margin: 0; list-style: none; position: absolute; z-index: 10000; - display: none; - border: 1px solid #808080; + border: 1px solid #5b9dd9; background-color: #fff; } @@ -1126,14 +1096,16 @@ p.popular-tags a { } .ac_results li { - padding: 2px 5px; + margin: 0; + padding: 5px 10px; white-space: nowrap; - color: #101010; text-align: left; } -.ac_over { - background-color: #f0f0b8; +.ac_results .ac_over, +.ac_over .ac_match { + background-color: #0073aa; + color: #fff; cursor: pointer; } @@ -1152,6 +1124,29 @@ p.popular-tags a { padding: 10px 15px; } +.comment-ays .comment-content ul { + list-style: initial; + margin-left: 2em; +} + +.comment-ays .comment-content a[href]:after { + content: '(' attr( href ) ')'; + display: inline-block; + padding: 0 4px; + color: #72777C; + font-size: 13px; + word-break: break-all; +} + +.comment-ays .comment-content p.edit-comment { + margin-top: 10px; +} + +.comment-ays .comment-content p.edit-comment a[href]:after { + content: ''; + padding: 0; +} + .comment-ays-submit .button-cancel { margin-left: 1em; } @@ -1194,7 +1189,7 @@ table.links-table { } .links-table th { - font-weight: normal; + font-weight: 400; text-align: left; vertical-align: top; min-width: 80px; @@ -1233,12 +1228,14 @@ table.links-table { display: inline-block; } -.focus-on .wrap > h2, +.focus-on .wrap > h1, +.focus-on .page-title-action, .focus-on #wpfooter, .focus-on .postbox-container > *, .focus-on div.updated, .focus-on div.error, .focus-on div.notice, +.focus-on .update-nag, .focus-on #wp-toolbar, .focus-on #screen-meta-links, .focus-on #screen-meta { @@ -1255,12 +1252,14 @@ table.links-table { opacity: 0.3; } -.focus-off .wrap > h2, +.focus-off .wrap > h1, +.focus-off .page-title-action, .focus-off #wpfooter, .focus-off .postbox-container > *, .focus-off div.updated, .focus-off div.error, .focus-off div.notice, +.focus-off .update-nag, .focus-off #wp-toolbar, .focus-off #screen-meta-links, .focus-off #screen-meta { @@ -1282,7 +1281,9 @@ table.links-table { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; transition-property: transform; + transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } @@ -1302,7 +1303,9 @@ table.links-table { -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; transition-property: transform; + transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } @@ -1323,9 +1326,11 @@ table.links-table { background-size: 11px 11px; } + /*rtl:ignore*/ .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; + background-image: url(../images/resize-rtl-2x.gif); + background-position: left bottom; } } @@ -1372,7 +1377,9 @@ table.links-table { padding: 10px 10px; } - #poststuff h3 { + #poststuff h3.hndle, /* Back-compat for pre-4.4 */ + #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */ + #poststuff h2 { padding: 12px; } @@ -1461,9 +1468,9 @@ table.links-table { margin: 25px 10px; } - .tagchecklist span { + .tagchecklist > span { font-size: 16px; - line-height: 120%; + line-height: 1.4; } /* Discussion */ @@ -1525,17 +1532,14 @@ table.links-table { } #wp-content-media-buttons a { - font-size: 16px; - line-height: 37px; - height: 39px; - padding: 0 20px 0 15px; + font-size: 14px; + padding: 6px 10px; } .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; + margin-left: -2px !important; } .wp-media-buttons .add_media span.wp-media-buttons-icon:before, @@ -1561,6 +1565,11 @@ table.links-table { line-height: 47px; } + #publishing-action .spinner { + float: none; + margin-top: -2px; /* Half of the Publish button's bottom margin. */ + } + /* Moderate Comment */ .comment-ays th, .comment-ays td { @@ -1581,11 +1590,3 @@ table.links-table { 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; - } -}