X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/53f4633144ed68c8b8fb5861f992b5489894a940..b22765f41bf0b2021b9beb9120ee0ac91fa89292:/wp-admin/css/edit.css diff --git a/wp-admin/css/edit.css b/wp-admin/css/edit.css index b2f57ef4..ac764921 100644 --- a/wp-admin/css/edit.css +++ b/wp-admin/css/edit.css @@ -24,11 +24,15 @@ } #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 { visibility: visible; float: left; @@ -64,18 +68,12 @@ } #titlediv #title-prompt-text { - color: #777; + color: #72777c; position: absolute; font-size: 1.7em; padding: 11px 10px; } -#poststuff .inside-submitbox, -#side-sortables .inside-submitbox { - margin: 0 3px; - font-size: 11px; -} - input#link_description, input#link_url { width: 98%; @@ -89,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; @@ -99,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 { @@ -107,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; @@ -121,19 +129,15 @@ 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; } +body.post-new-php .submitbox .submitdelete { + display: none; +} + /* @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 { @@ -152,10 +156,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; } @@ -228,8 +228,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, @@ -240,7 +247,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, @@ -249,11 +257,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, @@ -270,7 +273,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; } @@ -278,13 +281,24 @@ 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 { @@ -340,8 +354,10 @@ form#tags-filter { 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 { @@ -361,16 +377,6 @@ form#tags-filter { position: relative; } -#content-textarea-clone { - z-index: -1; - position: absolute; - top: 0; - visibility: hidden; - overflow: hidden; - max-width: 100%; - border: 1px solid transparent; -} - .wp-editor-expand #wp-content-editor-tools { z-index: 1000; border-bottom: 1px solid #e5e5e5; @@ -469,7 +475,7 @@ span.wp-media-buttons-icon: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; @@ -483,16 +489,16 @@ span.wp-media-buttons-icon:before { } #post-body #visibility:before { - content: '\f177'; + content: "\f177"; } .curtime #timestamp:before { - content: '\f145'; + content: "\f145"; top: -1px; } #post-body .misc-pub-revisions:before { - content: '\f321'; + content: "\f321"; } #timestampdiv { @@ -610,15 +616,9 @@ span.wp-media-buttons-icon:before { 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; @@ -634,19 +634,6 @@ 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; -} - -#poststuff .inside label.approved { - color: green; -} - .ie8 #poststuff .inside #parent_id, .ie8 #poststuff .inside #page_template { width: 250px; @@ -700,7 +687,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; } @@ -802,7 +789,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; @@ -841,7 +828,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; @@ -850,61 +837,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"; } /*------------------------------------------------------------------------------ @@ -933,7 +920,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; } @@ -971,15 +958,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"], @@ -1010,15 +991,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; } @@ -1027,6 +1008,9 @@ span.description, margin-top: -10px; } +.edit-term-notes { + margin-top: 2em; +} /*------------------------------------------------------------------------------ 13.0 - Tags @@ -1073,18 +1057,18 @@ p.popular-tags a { text-align: justify; } -.tagcloud h3 { +.tagcloud h2 { margin: 2px 0 12px; } .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; } @@ -1093,14 +1077,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; } @@ -1119,6 +1105,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; } @@ -1161,7 +1170,7 @@ table.links-table { } .links-table th { - font-weight: normal; + font-weight: 400; text-align: left; vertical-align: top; min-width: 80px; @@ -1251,7 +1260,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; } @@ -1271,7 +1282,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; } @@ -1292,9 +1305,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; } } @@ -1341,7 +1356,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; } @@ -1494,17 +1511,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, @@ -1555,11 +1569,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; - } -}