X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/d3b1ea255664edd2deef17f900a655613d20820d..refs/tags/wordpress-3.9:/wp-admin/css/press-this.css diff --git a/wp-admin/css/press-this.css b/wp-admin/css/press-this.css index 2b453567..dbf355af 100644 --- a/wp-admin/css/press-this.css +++ b/wp-admin/css/press-this.css @@ -1,255 +1,305 @@ -body { - font: 13px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; +.press-this #message { + border-left: 4px solid #7ad03a; + padding: 1px 12px; + background-color: #fff; + -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); +} + +.press-this #side-sortables .category-tabs li { + display: inline; + line-height: 1.35em; +} + +body.press-this ul.category-tabs li.tabs a { + color: #333; +} + +.press-this #content-resize-handle { + bottom: 2px; +} + +body.press-this { color: #333; margin: 0; padding: 0; + min-width: 708px; + min-height: 400px; } -img { - border: none; +.press-this #titlediv #title { + font-size: 1.4em; } -/* Header */ -#wphead { - border-top: none; - padding-top: 4px; - background: #444 !important; +.press-this #site-heading:before { + top: 3px; + position: relative; + display: inline-block; + font: normal 18px/1 'dashicons'; + speak: none; + color: #727272; + content: '\f120'; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.tagchecklist span a { -background: transparent url(../images/xit.gif) no-repeat 0 0; +.press-this #wphead { + height: 32px; + margin-left: 0; + margin-right: 0; + margin-bottom: 5px; } -#poststuff #edButtonPreview, -#poststuff #edButtonHTML { - -moz-border-radius: 3px 3px 0 0; - -webkit-border-top-right-radius: 3px; - -webkit-border-top-left-radius: 3px; - -khtml-border-top-right-radius: 3px; - -khtml-border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - border-style: solid; - border-width: 1px; - cursor: pointer; - display: block; - height: 18px; - margin: 0 5px 0 0; - padding: 0 5px 0; - font-size: 10px; - line-height: 18px; +.press-this #header-logo { float: left; + margin: 7px 7px 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.press-this #wphead h1 { + font-weight: normal; + font-size: 16px; + line-height: 32px; + margin: 0; + float: left; +} + +.press-this #wphead h1 a { + text-decoration: none; +} + +.press-this #wphead h1 a:hover { + text-decoration: underline; +} + +.press-this #message { + margin: 10px 0; +} + +.press-this .posting { + margin-right: 250px; } -.howto { +.press-this-sidebar { + float: right; + width: 240px; + padding-top: 10px; +} + +.press-this #title { + margin-left: 0; + margin-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.press-this .tagchecklist { + margin-top: 8px; +} + +.press-this #titlediv { + margin: 0; +} + +.press-this #wp-content-wrap #wp-content-editor-tools { + padding: 0; + top: 3px; + overflow: hidden; +} + +.press-this .wp-media-buttons { + cursor: default; + padding: 8px 8px 6px; +} + +.press-this #wp-content-wrap #wp-content-media-buttons a { + padding: 0; + line-height: normal; + height: auto; + font-size: 16px; +} + +.press-this #wp-content-wrap .mce-toolbar .mce-btn-group .mce-btn { + margin: 0 1px; +} + +.press-this #wp-content-wrap .mce-toolbar .mce-btn button { + padding: 2px 3px; +} + +.press-this #wp-content-wrap div.mce-toolbar-grp, +.press-this #wp-content-wrap .quicktags-toolbar { + padding-right: 3px; +} + +.press-this .howto { margin-top: 2px; margin-bottom: 3px; - font-size: 11px; + font-size: 12px; font-style: italic; display: block; } -input.text { - outline-color: -moz-use-text-color; - outline-style: none; - outline-width: medium; - width: 100%; +.press-this #wp-content-editor-container { + clear: none; } -#message { - -moz-border-radius: 6px; - -khtml-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; +.press-this #poststuff .inside { + margin-top: 18px; } -/* Editor/Main Column */ -div#poststuff { - padding-left: 10px; - margin-top: 10px; +.press-this .category-tabs { + margin-bottom: 3px; } -div.zerosize { - border: 0 none; - height: 0; - margin: 0; - overflow: hidden; +/* Editor/Main Column */ +.press-this #poststuff { + margin: 0 8px; padding: 0; - position: absolute; - width: 0; } -#poststuff #edButtonPreview.active, -#poststuff #edButtonHTML.active { - display: none; +.press-this #photo-add-url-div input[type="text"] { + width: 220px; +} + +#poststuff #editor-toolbar { + height: 30px; } .posting { - margin-right: 228px; + margin-right: 212px; position: relative; - left: 0; } -#side-info-column { - float: right; - width: 218px; - position: absolute; - right: 0; - margin-right: 10px; +.press-this .inner-sidebar { + width: 200px; } -#side-info-column .sleeve { +.press-this .inner-sidebar .sleeve { padding-top: 5px; - padding-left: 10px; } -#poststuff .inside { - font-size: 11px; - margin: 0 12px 12px; +.press-this #submitdiv p { + margin: 0; + padding: 6px; } -#poststuff h2, #poststuff h3 { - font-size: 12px; - font-weight: bold; - line-height: 1; - margin: 0 0 10px; - padding: 7px 9px; +.press-this #submitdiv #publishing-actions { + border-bottom: 1px solid #dfdfdf; } -h3.tb { - text-shadow: 0 1px 0 #fff; - font-weight: bold; - font-size: 12px; - margin-left: 5px; +.press-this #publish { + float: right; } -#TB_window { - border: 1px solid #333; - -moz-border-radius: 6px; - -khtml-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; +.press-this #poststuff h2, +.press-this #poststuff h3 { + font-size: 14px; + line-height: 1; } -.postbox, -.stuffbox { - margin-bottom: 10px; - border-width: 1px; - border-style: solid; - line-height: 1; - -moz-border-radius: 6px; - -khtml-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; +.press-this #tagsdiv-post_tag h3, +.press-this #categorydiv h3 { + cursor: pointer; } -#title, -.tbtitle { - -moz-border-radius: 6px; - -khtml-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; - border-style: solid; - border-width: 1px; - font-size: 1.7em; - outline: none; - padding: 3px 4px; - border-color: #dfdfdf; +.press-this #submitdiv h3 { + cursor: default; } -.tbtitle { +h3.tb { + font-weight: 600; font-size: 12px; - padding: 3px; + margin-left: 5px; } -#title { - width: 98%; +.press-this .postbox, +.press-this .stuffbox { + margin-bottom: 10px; + min-width: 0; } -.editor-container { - -moz-border-radius: 6px; - -khtml-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; - border: 1px solid #dfdfdf; - background-color: #fff; +.press-this #submitdiv:hover .handlediv { + background: none; } -.postdivrich { - position: relative; - padding-top: 25px; +.tbtitle { + font-size: 1.7em; + outline: none; + padding: 3px 4px; + border: 1px solid #dfdfdf; } -#actions { - clear: both; +.press-this .actions { float: right; - margin-top: -19px; - position: relative; + margin: -19px 0 0; } -#extra_fields #actions { - clear: both; - position: relative; - right: 0px; - margin: -24px 0 0; +.press-this #extra-fields .actions { + margin: -32px -7px 0 0; } -#actions li { +.press-this .actions li { float: left; list-style: none; margin-right: 10px; } -#extra_fields .button { +#extra-fields .button { margin-right: 5px; - padding: 3px 6px; - border-radius: 10px; - -webkit-border-radius: 10px; - -khtml-border-radius: 10px; - -moz-border-radius: 10px; } /* Photo Styles */ -.photolist { - margin-top: -10px; -} - #photo_saving { margin: 0 8px 8px; vertical-align: middle; } -#img_container { - background-color: #fff; -} #img_container_container { overflow: auto; } -#extra_fields { +#extra-fields { margin-top: 10px; position: relative; } -#extra_fields .postbox { +#extra-fields h2 { + margin: 12px; +} + +#waiting { + margin-top: 10px; + overflow: hidden; +} + +#waiting span { + float: right; + margin: 0 0 0 5px; +} + +#waiting .spinner { + display: block; +} + +#extra-fields .postbox { margin-bottom: 5px; } -#extra_fields .titlewrap { +#extra-fields .titlewrap { padding: 0; overflow: auto; - height: 100px; -} - -#img_container { - position: relative; + height: 120px; } #img_container a { display: block; float: left; overflow: hidden; - vertical-align: center; } #img_container img, @@ -276,8 +326,7 @@ h3.tb { #img_container a:active { border-color: #000; z-index: 1000; - border-width: 2px; - margin: -1px; + border-width: 1px; } /* Video */ @@ -286,274 +335,124 @@ h3.tb { height: 98px; } -/* Submit Column */ -#viewsite { - padding: 0; - margin: 0 0 20px 0; - font-size: 10px; - clear: both; -} - -#viewsite .button { - margin: 0; - display: block; -} - -.wp-hidden-children -.wp-hidden-child { - display: none; -} - -#category-adder { - padding: 4px 0; -} - -#category-adder h4 { - margin: 0 0 8px; -} - -#category-add input { - width: 94%; - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 13px; - margin: 1px; - padding: 3px; -} - -#category-add select { - width: 70%; - -x-system-font: none; - border-style: solid; - border-width: 1px; - font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif; - font-size: 12px; - height: 2em; - line-height: 20px; - padding: 2px; - margin: 1px; - vertical-align: top; -} - -#category-add input, -#category-add-sumbit { - width: auto; -} - /* Categories */ -#categorydiv ul, -#linkcategorydiv ul { - list-style: none; - padding: 0; - margin: 0; -} - -#categorydiv ul.categorychecklist ul { - margin-left: 18px; -} - -#categorydiv div.tabs-panel { - height: 140px; - overflow: auto; -} - -ul.categorychecklist li { - margin: 0; - padding: 0; - line-height: 19px; +.press-this .categorydiv div.tabs-panel { + height: 100px; } /* Tags */ -.tagsdiv .newtag { - margin-right: 5px; -} - -.jaxtag { - clear: both; - margin: 0; -} - -.tagadd { - margin-left: 3px; -} - -.tagchecklist { - margin-top: 3px; - margin-bottom: 1em; - font-size: 12px; - overflow: auto; +.press-this .tagsdiv .newtag { + width: 120px; } -.tagchecklist strong { - position: absolute; - font-size: .75em; -} - -.tagchecklist span { - margin-right: .5em; - margin-left: 10px; - display: block; - float: left; - font-size: 11px; - line-height: 1.8em; - white-space: nowrap; - cursor: default; -} - -.tagchecklist span a { - margin: 6px 0 0 -9px; - cursor: pointer; - width: 10px; - height: 10px; - display: block; - float: left; - text-indent: -9999px; - overflow: hidden; - position: absolute; -} - -#content { - width: 96% !important; - margin-left: 1%; - margin-bottom: 10px; +.press-this #content { + margin: 5px 0; + padding: 0 5px; border: 0 none; - height: 365px; + height: 340px; + font-family: Consolas, Monaco, monospace; + font-size: 13px; + line-height: 19px; + background: transparent; } /* Submit */ - -#saving { +.press-this #publishing-actions .spinner { display: inline; vertical-align: middle; } -.submit input, -.button, -.button-primary, -.button-secondary, -.button-highlighted, -#postcustomstuff .submit input { - font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif; - text-decoration: none; - font-size: 11px !important; - line-height: 16px; - padding: 2px 8px; - cursor: pointer; - border-width: 1px; - border-style: solid; - -moz-border-radius: 11px; - -khtml-border-radius: 11px; - -webkit-border-radius: 11px; - border-radius: 11px; -} - -.button-primary { - background: #21759B url(../images/button-grad.png) repeat-x scroll left top; - border-color: #21759B; - color: #fff; -} - -.ac_results { - padding: 0; - margin: 0; - list-style: none; - position: absolute; - z-index: 10000; - display: none; - border-width: 1px; - border-style: solid; -} - -.ac_results li { - padding: 2px 5px; - white-space: nowrap; - text-align: left; -} - -.ac_over { - cursor: pointer; -} - -.ac_match { - text-decoration: underline; -} - -#TB_ajaxContent #options { - position: absolute; - top: 20px; - right: 25px; - padding: 5px; -} - -#TB_ajaxContent h3 { - margin-bottom: .25em; -} - -.updated { - margin: 10px 0; - padding: 0; - border-width: 1px; - border-style: solid; - width: 99%; -} - -.updated p, -.error p { - margin: 0.6em 0; - padding: 0 0.6em; -} - -.error a { - text-decoration: underline; -} - -.updated a { - text-decoration: none; - padding-bottom: 2px; -} - -#post_status { - margin-left: 10px; - margin-bottom: 1em; - display: block; -} - -/* Footer */ -#footer { - height: 65px; - display: block; - width: 640px; - padding: 10px 0 0 60px; - margin: 0; - position: absolute; - bottom: 0; - font-size: 12px; -} - -#footer p { - margin: 0; - padding: 7px 0; -} - -#footer p a { - text-decoration: none; -} -#footer p a:hover { - text-decoration: underline; -} - -/* Utility Classes */ -.centered { - text-align: center; -} - -.hidden { - display: none; -} - -.postbox input[type="text"], -.postbox textarea, -.stuffbox input[type="text"], -.stuffbox textarea { - border-width: 1px; - border-style: solid; +/* =Media Queries +-------------------------------------------------------------- */ + +/* Reset responsive styles in Press This */ +@media screen and ( max-width: 782px ) { + .press-this ul.category-tabs li.tabs { + padding: 3px 5px 5px; /* Reset tabs in Press This to standard size */ + } + + .press-this a.wp-switch-editor { + font: 13px/19px "Open Sans", sans-serif; + margin: 5px 0 0 5px; + padding: 3px 8px 4px; + } + + .press-this #wp-content-media-buttons a { + padding: 0; + line-height: normal; + height: auto; + } + + .press-this #wp-content-editor-tools { + padding: 0; + top: 3px; + } + + .press-this .category-tabs { + margin-top: 0; + } + + .press-this .tagsdiv .newtag { + width: 120px; + padding: 3px 5px; + margin-bottom: 0; + } + + .press-this .tagchecklist { + padding: 0; + margin-bottom: 0; + } + + .press-this .wp_themeSkin a.mceButton { + width: 20px; + height: 20px; + } + + .press-this .wp_themeSkin .mceButton .mceIcon { + margin: 0; + } + + .press-this #poststuff h3, + .press-this .metabox-holder h3 { + padding: 7px 12px; + } + + .press-this input[type=checkbox], + .press-this input[type=radio] { + height: 16px; + width: 16px; + } + + .press-this input[type=checkbox]:checked:before { + width: 16px; + font: normal 21px/1 'dashicons'; + margin: -3px 0 0 -4px; + } + + .press-this input[type=radio]:checked:before { + font: normal 21px/1 'dashicons'; + width: 6px; + height: 6px; + margin: 4px; + } + + .press-this ul.categorychecklist ul, + .press-this ul.categorychecklist li { + margin-top: 0; + margin-bottom: 0; + } + + .press-this div.quicktags-toolbar input { + padding: 2px 4px; + } + + .press-this textarea, + .press-this input { + font-size: 14px; + } + + .press-this .tagchecklist span { + font-size: 13px; + line-height: 1.8em; + } }