X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/af50974463450c98503e763a7836a50e260461a9..b22765f41bf0b2021b9beb9120ee0ac91fa89292:/wp-admin/css/edit.css diff --git a/wp-admin/css/edit.css b/wp-admin/css/edit.css index e0a05b26..ac764921 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; } @@ -59,29 +63,17 @@ height: 1.7em; width: 100%; outline: none; - margin: 0; + margin: 0 0 3px; background-color: #fff; } #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,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 { @@ -158,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; } @@ -227,15 +221,22 @@ ul.category-tabs li, .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; + color: #32373c; } .category-tabs { 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 +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, @@ -255,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, @@ -276,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; } @@ -284,32 +281,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 +354,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 +377,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 +418,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; @@ -496,13 +469,13 @@ td.plugin-title p { .curtime #timestamp:before, #post-body .misc-pub-revisions:before, span.wp-media-buttons-icon:before { - color: #888; + color: #82878c; } #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; @@ -516,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 { @@ -545,6 +518,7 @@ span.wp-media-buttons-icon:before { .notification-dialog { position: fixed; top: 30%; + max-height: 70%; left: 50%; width: 450px; margin-left: -225px; @@ -553,6 +527,7 @@ span.wp-media-buttons-icon:before { box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); line-height: 1.5; z-index: 1000005; + overflow-y: auto; } .notification-dialog-background { @@ -595,11 +570,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 { @@ -623,8 +598,10 @@ span.wp-media-buttons-icon:before { float: left; font-size: 13px; line-height: 1.8em; - white-space: nowrap; cursor: default; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; } .tagchecklist span a { @@ -639,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; @@ -663,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; @@ -729,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; } @@ -831,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; @@ -846,7 +804,7 @@ span.wp-media-buttons-icon:before { a.post-state-format:hover:before, a.post-format-icon:hover:before { - color: #2ea2cc; + color: #00a0d2; } #post-formats-select { @@ -870,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; @@ -879,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"; } /*------------------------------------------------------------------------------ @@ -962,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; } @@ -1000,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"], @@ -1039,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; } @@ -1056,20 +1008,14 @@ span.description, margin-top: -10px; } +.edit-term-notes { + margin-top: 2em; +} /*------------------------------------------------------------------------------ 13.0 - Tags ------------------------------------------------------------------------------*/ -.tagsdiv { - margin-top: -8px; -} - -#poststuff .taghint { - color: #aaa; - margin: 15px 0 -24px 12px; -} - #poststuff .tagsdiv .howto { margin: 0 0 6px 0; } @@ -1094,21 +1040,6 @@ span.description, 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; @@ -1126,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; } @@ -1146,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; } @@ -1167,14 +1100,36 @@ p.popular-tags a { height: 200px; } -.comment-ays { - margin-bottom: 0; - border-bottom-style: solid; - border-bottom-width: 1px; +.comment-ays th, +.comment-ays td { + 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 .alt { - background-color: transparent; +.comment-ays .comment-content p.edit-comment a[href]:after { + content: ''; + padding: 0; +} + +.comment-ays-submit .button-cancel { + margin-left: 1em; } .trash-undo-inside, @@ -1215,7 +1170,7 @@ table.links-table { } .links-table th { - font-weight: normal; + font-weight: 400; text-align: left; vertical-align: top; min-width: 80px; @@ -1254,12 +1209,13 @@ table.links-table { display: inline-block; } -.focus-on .wrap > h2, +.focus-on .wrap > h1, .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 { @@ -1276,12 +1232,13 @@ table.links-table { opacity: 0.3; } -.focus-off .wrap > h2, +.focus-off .wrap > h1, .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 { @@ -1303,12 +1260,13 @@ 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; } -/* @noflip */ .focus-on #adminmenuback, .focus-on #adminmenuwrap { -webkit-transform: translateX( -100% ); @@ -1316,14 +1274,6 @@ table.links-table { transform: translateX( -100% ); } -/* @noflip */ -.rtl.focus-on #adminmenuback, -.rtl.focus-on #adminmenuwrap { - -webkit-transform: translateX( 100% ); - -ms-transform: translateX( 100% ); - transform: translateX( 100% ); -} - .focus-off #adminmenuback, .focus-off #adminmenuwrap { -webkit-transform: translateX( 0 ); @@ -1332,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; } @@ -1344,7 +1296,6 @@ table.links-table { * HiDPI Displays */ @media print, - (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { #content-resize-handle, @@ -1354,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; } } @@ -1403,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,7 +1449,7 @@ table.links-table { .tagchecklist span { font-size: 16px; - line-height: 120%; + line-height: 1.4; } /* Discussion */ @@ -1556,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, @@ -1592,9 +1544,19 @@ 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 { - border-bottom: none; + .comment-ays th, + .comment-ays td { + padding-bottom: 0; + } + + .comment-ays td { + padding-top: 6px; } /* Links */ @@ -1607,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; - } -}