diff -r 490d5cc509ed -r cf61fcea0001 wp/wp-admin/css/edit.css --- a/wp/wp-admin/css/edit.css Tue Jun 09 11:14:17 2015 +0000 +++ b/wp/wp-admin/css/edit.css Mon Oct 14 17:39:30 2019 +0200 @@ -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 @@ 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,20 +98,27 @@ #edit-slug-box .cancel { margin-right: 10px; + padding: 0; font-size: 11px; } +#comment-link-box { + margin: 5px 0; + padding: 0 5px; +} + #editable-post-name-full { display: none; } #editable-post-name { - background-color: #fffbcc; + font-weight: 600; } #editable-post-name input { font-size: 13px; - height: 22px; + font-weight: 400; + height: 24px; margin: 0; width: 16em; } @@ -127,25 +127,8 @@ 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 +141,6 @@ padding: 6px; } -.inside-submitbox #post_status { - margin: 2px 0 2px -2px; -} - #post-status-select { margin-top: 3px; } @@ -175,7 +154,6 @@ 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; } @@ -234,8 +212,15 @@ 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 +231,8 @@ #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 +241,6 @@ 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 +257,7 @@ 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 +265,28 @@ 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: 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; + 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 { @@ -335,7 +312,6 @@ 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); z-index: 999; } @@ -359,8 +335,10 @@ 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,41 +358,12 @@ 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; } .wp-editor-expand #wp-content-editor-container { - -webkit-box-shadow: none; box-shadow: none; margin-top: -1px; } @@ -449,6 +398,10 @@ 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 +444,7 @@ 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 +452,36 @@ 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 { @@ -545,14 +501,15 @@ .notification-dialog { position: fixed; top: 30%; + max-height: 70%; left: 50%; width: 450px; margin-left: -225px; background: #fff; - -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); line-height: 1.5; z-index: 1000005; + overflow-y: auto; } .notification-dialog-background { @@ -572,7 +529,8 @@ margin: 25px; } -#post-lock-dialog .post-locked-message a.button { +#post-lock-dialog .post-locked-message a.button, +#file-editor-warning .button { margin-right: 10px; } @@ -595,11 +553,11 @@ display: inline; } -#excerpt, -.attachmentlinks { - margin: 0; +#excerpt { + display: block; + margin: 12px 0 0; height: 4em; - width: 98%; + width: 100%; } .tagchecklist { @@ -617,10 +575,9 @@ position: absolute; } -.tagchecklist span { +.tagchecklist > li { + float: left; margin-right: 25px; - display: block; - float: left; font-size: 13px; line-height: 1.8em; cursor: default; @@ -629,27 +586,21 @@ 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; @@ -665,29 +616,26 @@ 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-attributes-label-wrapper { + margin-bottom: 0.5em; +} + +.post-attributes-label { + vertical-align: baseline; + font-weight: 600; +} + #post-visibility-select { line-height: 1.5em; margin-top: 3px; } +#linksubmitdiv .inside, /* Old Link Manager back-compat. */ #poststuff #submitdiv .inside { margin: 0; padding: 0; @@ -698,6 +646,93 @@ margin-bottom: 20px; } +/* Suggested text for privacy policy */ +.wp-privacy-policy-guide { + max-width: 1000px; +} + +.privacy-text-box { + width: calc(100% - 260px); +} + +.privacy-text-box-toc { + float: right; + width: 250px; + background-color: #fff; +} + +.privacy-text-box-toc p { + margin: 0; + padding: 0.7em 1em; + border-bottom: 1px solid #eee; +} + +.privacy-text-box-toc ol { + margin-left: 2em; +} + +.wp-privacy-policy-guide h3 { + font-size: 1.2em; + margin: 1em 0 0.5em; +} + +.privacy-text-section .privacy-text-copy { + float: right; +} + +.privacy-text-section { + position: relative; + border-top: 1px solid #e3e3e3; +} + +.privacy-text-box-head, +.privacy-text-section.text-removed { + padding-bottom: 12px; +} + +.text-removed .policy-text { + font-style: italic; + color: #666; + font-weight: 600; +} + +.privacy-text-actions { + height: 32px; + line-height: 32px; + padding-bottom: 6px; +} + +.wp-privacy-policy-guide .policy-text h2 { + margin: 1.2em 0 1em; + padding: 0; +} + +.suggested-policy-content { + font-style: italic; +} + +.privacy-text-section a.return-to-top { + float: right; + margin-right: -250px; + margin-top: 6px; +} + +.hide-privacy-policy-tutorial .privacy-policy-tutorial { + visibility: hidden; +} + +.wp-suggested-text p { + font-style: italic; +} + +.wp-suggested-text p.privacy-policy-tutorial { + font-style: normal; +} + +.notice.wp-pp-notice { + margin: 15px 0 3px; +} + /*------------------------------------------------------------------------------ 11.1 - Custom Fields ------------------------------------------------------------------------------*/ @@ -731,7 +766,7 @@ #postcustomstuff table { margin: 0; width: 100%; - border: 1px solid #dfdfdf; + border: 1px solid #ddd; border-spacing: 0; background-color: #f9f9f9; } @@ -833,7 +868,7 @@ 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; @@ -842,7 +877,6 @@ .post-state-format:before, .post-format-icon:before { color: #ddd; - -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } @@ -872,7 +906,7 @@ 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; @@ -881,61 +915,61 @@ .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"; } /*------------------------------------------------------------------------------ @@ -964,7 +998,7 @@ max-height: 200px; overflow: auto; padding: 0 0.9em; - border: solid 1px #dfdfdf; + border: solid 1px #ddd; background-color: #fdfdfd; } @@ -1002,15 +1036,9 @@ 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"], @@ -1041,15 +1069,15 @@ } .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; } @@ -1058,6 +1086,9 @@ margin-top: -10px; } +.edit-term-notes { + margin-top: 2em; +} /*------------------------------------------------------------------------------ 13.0 - Tags @@ -1104,18 +1135,27 @@ text-align: justify; } -.tagcloud h3 { +.tagcloud h2 { margin: 2px 0 12px; } +.the-tagcloud ul { + margin: 0; +} + +.the-tagcloud ul li { + display: inline-block; +} + +/* 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; } @@ -1124,14 +1164,16 @@ } .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; } @@ -1139,6 +1181,17 @@ text-decoration: underline; } +#edittag { + max-width: 800px; +} + +.edit-tag-actions { + margin-top: 20px; + overflow: hidden; + padding: 10px; + margin-right: 10px; +} + /* Comments */ .comment-php .wp-editor-area { @@ -1150,6 +1203,29 @@ 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; } @@ -1192,7 +1268,7 @@ } .links-table th { - font-weight: normal; + font-weight: 400; text-align: left; vertical-align: top; min-width: 80px; @@ -1231,21 +1307,20 @@ 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 { opacity: 0; - -webkit-transition-duration: 0.6s; transition-duration: 0.6s; - -webkit-transition-property: opacity; transition-property: opacity; - -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } @@ -1253,21 +1328,20 @@ 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 { opacity: 1; - -webkit-transition-duration: 0.2s; transition-duration: 0.2s; - -webkit-transition-property: opacity; transition-property: opacity; - -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } @@ -1277,31 +1351,27 @@ .focus-on #adminmenuback, .focus-on #adminmenuwrap { - -webkit-transition-duration: 0.6s; transition-duration: 0.6s; - -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; transition-property: transform; - -webkit-transition-timing-function: ease-in-out; + transition-property: transform, -webkit-transform; transition-timing-function: ease-in-out; } .focus-on #adminmenuback, .focus-on #adminmenuwrap { -webkit-transform: translateX( -100% ); - -ms-transform: translateX( -100% ); transform: translateX( -100% ); } .focus-off #adminmenuback, .focus-off #adminmenuwrap { -webkit-transform: translateX( 0 ); - -ms-transform: translateX( 0 ); transform: translateX( 0 ); - -webkit-transition-duration: 0.2s; transition-duration: 0.2s; - -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; transition-property: transform; - -webkit-transition-timing-function: ease-in-out; + transition-property: transform, -webkit-transform; transition-timing-function: ease-in-out; } @@ -1317,13 +1387,14 @@ #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: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; } } @@ -1362,6 +1433,10 @@ } @media screen and ( max-width: 782px ) { + .wp-core-ui .edit-tag-actions .button-primary { + margin-bottom: 0; + } + #post-body-content { min-width: 0; } @@ -1370,7 +1445,9 @@ 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; } @@ -1459,9 +1536,9 @@ margin: 25px 10px; } - .tagchecklist span { + .tagchecklist > li { font-size: 16px; - line-height: 120%; + line-height: 1.4; } /* Discussion */ @@ -1523,17 +1600,14 @@ } #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, @@ -1559,6 +1633,11 @@ 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 { @@ -1578,12 +1657,19 @@ .links-table td { padding: 10px 0; } -} + + .privacy-text-box { + width: auto; + } + + .privacy-text-box-toc { + float: none; + width: auto; + height: 100%; + } -@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; + .privacy-text-section a.return-to-top { + float: none; + margin: 0; } }