X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/8ab4a4532479e8db471032b51042ec8c4716d091..3194d1bb103c2d8db4f44feeced5e58ee2756658:/wp-admin/css/press-this.css diff --git a/wp-admin/css/press-this.css b/wp-admin/css/press-this.css index 62bc7440..3374a061 100644 --- a/wp-admin/css/press-this.css +++ b/wp-admin/css/press-this.css @@ -312,7 +312,6 @@ strong { * Pushing buttons is what I do. */ -.button-subtle, .scan-submit { display: inline-block; margin: 0; @@ -329,67 +328,139 @@ strong { -webkit-appearance: none; } -.button-subtle { - background: none; - border: 0; - color: #0073aa; +.split-button { + position: relative; + display: inline-block; + vertical-align: middle; } -.button-subtle:visited { - color: #0073aa; +.split-button-body { + display: none; + position: absolute; + bottom: 39px; + right: 0; + border: 1px solid #ddd; + background-color: #fff; + min-width: 180px; + max-width: 100%; + margin: 0; + padding: 8px; + list-style: none; + -webkit-box-shadow: 1px 0 4px rgba( 0, 0, 0, 0.15 ); + box-shadow: 1px 0 4px rgba( 0, 0, 0, 0.15 ); } -.button-subtle:focus, -.button-subtle:hover, -.button-subtle:active, -.edit-post-link:focus, -.edit-post-link:hover, -.edit-post-link:active { - color: #00a0d2; +.split-button-body:before, +.split-button-body:after { + position: absolute; + right: 12px; + display: block; + width: 0; + height: 0; + border-style: solid; + border-color: transparent; + content: ""; } -.button-subtle:focus, -.button-subtle:active, -.edit-post-link:focus, -.edit-post-link:active { - outline: 0; - text-decoration: underline; +.split-button-body:before { + bottom: -18px; + border-top-color: #ccc; + border-width: 9px; + right: 11px; } -.preview-button { - margin-right: 5px; +.split-button-body:after { + bottom: -16px; + border-top-color: #fff; + border-width: 8px; } -.button-reset { +.split-button-body .split-button-option { + display: block; + padding: 5px 15px; margin: 0; - padding: 0; - border: 0; - background: none; - cursor: pointer; - -webkit-appearance: none; + width: 100%; + text-align: left; + line-height: 2; } -.button-reset:focus { - outline: 0; +.is-open .split-button-body { + display: block; } -.button-link { +.split-button-primary, +.split-button-toggle { + -webkit-border-radius: 0; + border-radius: 0; + display: block; margin: 0; - padding: 0; - border: 0; - background: none; - color: #0073aa; + font-size: 13px; + text-decoration: none; + white-space: nowrap; cursor: pointer; -webkit-appearance: none; + line-height: 2; + padding: 0 10px 1px; + background: #0085ba; + border-color: #0073aa #006799 #006799; + border-width: 1px; + border-style: solid; + -webkit-box-shadow: 0 1px 0 #006799; + box-shadow: 0 1px 0 #006799; + color: #fff; + text-shadow: 0 -1px 1px #006799, + 1px 0 1px #006799, + 0 1px 1px #006799, + -1px 0 1px #006799; +} + +.split-button-primary { + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + border-right: 0 none; + float: left; } -.button-link:hover, -.button-link:active, -.button-link:focus { - color: #00a0d2; - text-decoration: underline; +.split-button-toggle { + padding: 0; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + border-left: 1px solid #006799; + float: right; } +.split-button-toggle i { + margin: 4px 20px 3px 0; + padding: 0 10px; +} + +.split-button-primary:hover, +.split-button-toggle:hover { + outline: none; + background: #008ec2; + border-color: #006799; +} + +.split-button-primary:focus, +.split-button-toggle:focus { + outline: none; + -webkit-box-shadow: 0 1px 0 #0073aa, + 0 0 2px 1px #33b3db; + box-shadow: 0 1px 0 #0073aa, + 0 0 2px 1px #33b3db; +} + +.split-button-primary:active, +.split-button-toggle:active { + background: #0073aa; + border-color: #006799; + -webkit-box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa; + box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa; +} /** * Forms @@ -766,7 +837,7 @@ dd { } .tagchecklist .ntdelbutton:before { - content: '\f153'; + content: "\f153"; display: block; margin: 2px 0; height: 20px; @@ -789,9 +860,10 @@ dd { margin: 0; } -.tagcloud-link { +.press-this .tagcloud-link { display: block; - padding: 0 16px; + margin: 0 16px 5px; + padding: 0; text-decoration: none; outline: 0; } @@ -846,6 +918,7 @@ input[type="search"].categories-search, border-bottom: 1px solid #e5e5e5; font-size: 14px; -webkit-appearance: none; + -moz-appearance: none; appearance: none; } @@ -857,23 +930,24 @@ input[type="search"].categories-search, } } -.add-cat-toggle { +.press-this .add-cat-toggle { float: right; margin-top: -45px; line-height: 20px; padding: 12px 10px 8px; + color: #0073aa; } -.add-cat-toggle:focus { +.press-this .add-cat-toggle:focus { text-decoration: none; color: #00a0d2; } -.add-cat-toggle.is-toggled { +.press-this .add-cat-toggle.is-toggled { padding: 10px; } -.add-cat-toggle.is-toggled .dashicons:before { +.press-this .add-cat-toggle.is-toggled .dashicons:before { content: "\f179"; } @@ -1127,11 +1201,13 @@ html { color: #999; } -.adminbar button { +.press-this .adminbar button { position: absolute; top: 50%; right: 6px; margin-top: -13px; + padding: 0 10px 1px; + font-size: 13px; } @media (max-width: 320px) { @@ -1230,7 +1306,7 @@ html { } .alert:before { - content: ''; + content: ""; position: absolute; top: 50%; left: 30px; @@ -1304,15 +1380,15 @@ html { .scan-submit:hover, .scan-submit:focus { - background: #2991b7; - border-color: #20708e; + background: #008ec2; + border-color: #006799; color: #fff; outline: 0; } .scan-submit:active { - background: #2581a2; - border-color: #20708e; + background: #0073aa; + border-color: #006799; color: #fff; } @@ -1462,7 +1538,7 @@ html { .post-title:before { /* Keeps empty container from collapsing */ - content: '\a0'; + content: "\a0"; display: inline-block; width: 0; speak: none; @@ -1665,7 +1741,9 @@ html { -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .3s ease-in-out; + transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .press-this-actions.is-hidden { -webkit-transform: translateY(100%); @@ -1745,20 +1823,12 @@ html { } } -.edit-post-link { - font-size: 13px; - display: inline-block; - text-decoration: none; - padding: 0 10px; -} - -.draft-button.is-hidden, -.draft-button .saving-draft, -.draft-button.is-saving .save-draft { +.publish-button .saving-draft, +.publish-button.is-saving .publish { display: none; } -.draft-button.is-saving .saving-draft { +.publish-button.is-saving .saving-draft { display: inline; } @@ -1877,7 +1947,9 @@ html { -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .3s ease-in-out; + transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .options-panel.is-hidden { @@ -1955,13 +2027,16 @@ html { white-space: nowrap; overflow: hidden; -webkit-transition: -webkit-transform .3s ease-in-out; + transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .post-options .post-option:focus { outline: 0; -webkit-box-shadow: inset 5px 0 0 #00a0d2; box-shadow: inset 5px 0 0 #00a0d2; + border-color: #e5e5e5; } .is-off-screen > .post-option { @@ -1995,7 +2070,9 @@ html { width: 100%; overflow: hidden; -webkit-transition: -webkit-transform .3s ease-in-out; + transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } .setting-modal.is-hidden { @@ -2016,7 +2093,7 @@ html { } } -.modal-close { +.press-this .modal-close { display: block; width: 100%; padding: 13px 14px; @@ -2026,10 +2103,11 @@ html { text-align: left; } -.modal-close:focus { +.press-this .modal-close:focus { outline: 0; -webkit-box-shadow: inset 5px 0 0 #00a0d2; box-shadow: inset 5px 0 0 #00a0d2; + border-color: #e5e5e5; } .setting-title { @@ -2037,3 +2115,46 @@ html { top: -1px; margin-left: 11px; } + +/* Text editor */ +#pressthis { + color: #404040; + resize: none; + padding-top: 30px; + font-size: 16px; +} + +.wp-editor-wrap .quicktags-toolbar { + background: transparent; + border: none; +} + +/* Switch editor buttons */ +.wp-editor-wrap .wp-editor-tools { + z-index: 0; +} + +.wp-editor-wrap .wp-editor-tabs { + padding: 2px; +} + +.wp-editor-wrap .wp-switch-editor { + top: 0; + margin: 3px 0 0 5px; + padding: 3px 8px; + background: #f5f5f5; + color: #555; + border-color: #ccc; +} + +.wp-editor-wrap .wp-switch-editor:hover { + background: #fafafa; + border-color: #999; + color: #23282d; +} + +.wp-editor-wrap.tmce-active .switch-tmce, +.wp-editor-wrap.html-active .switch-html { + background: #fff; + border-color: #d8d8d8; +}