X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/11be8dc178e77d0b46189bbd8e33a216a9b90942..refs/tags/wordpress-3.9:/wp-admin/css/press-this.css?ds=sidebyside diff --git a/wp-admin/css/press-this.css b/wp-admin/css/press-this.css index 6a4fbc1c..dbf355af 100644 --- a/wp-admin/css/press-this.css +++ b/wp-admin/css/press-this.css @@ -1,569 +1,458 @@ -body { - font: 13px "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, sans-serif; - color: #333; - margin: 0; - padding: 0; -} - -img { - border: none; -} - -/* Header */ -#wphead { - border-top: none; - padding-top: 4px; - background: #444 !important; -} - -#poststuff #edButtonPreview, -#poststuff #edButtonHTML { - -moz-border-radius-bottomleft: 0; - -moz-border-radius-bottomright: 0; - -moz-border-radius-topleft: 3px; - -moz-border-radius-topright: 3px; - -khtml-border-radius-bottomleft: 0; - -khtml-border-radius-bottomright: 0; - -khtml-border-radius-topleft: 3px; - -khtml-border-radius-topright: 3px; - -webkit-border-radius-bottomleft: 0; - -webkit-border-radius-bottomright: 0; - -webkit-border-radius-topleft: 3px; - -webkit-border-radius-topright: 3px; - border-radius-bottomleft: 0; - border-radius-bottomright: 0; - border-radius-topleft: 3px; - border-radius-topright: 3px; - border-style: solid; - border-width: 1px; - cursor: pointer; - display: block; - height: 18px; - margin: 0px 5px 0 0; - padding: 0px 5px 0px; - background-color: #E9E9E9; - border-bottom-color: #E9E9E9; - color: #333333; - font-size: 10px; - line-height: 18px; - float: left; -} - -.howto { - margin-top: 2px; - margin-bottom: 3px; - font-size: 11px; - font-style: italic; - display: block; +.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); } -input.text { - outline-color: -moz-use-text-color; - outline-style: none; - outline-width: medium; - width: 100%; +.press-this #side-sortables .category-tabs li { + display: inline; + line-height: 1.35em; } -#message { - -moz-border-radius: 6px; - -khtml-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; +body.press-this ul.category-tabs li.tabs a { + color: #333; } -/* Editor/Main Column */ -div#poststuff { - padding-left: 10px; - margin-top: 10px; +.press-this #content-resize-handle { + bottom: 2px; } -div.zerosize { - border: 0 none; - height: 0; +body.press-this { + color: #333; margin: 0; - overflow: hidden; padding: 0; - position: absolute; - width: 0; + min-width: 708px; + min-height: 400px; } -#poststuff #edButtonPreview.active, -#poststuff #edButtonHTML.active { - display: none; +.press-this #titlediv #title { + font-size: 1.4em; } -.posting { - margin-right: 228px; - position: relative; - left: 0; +.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; } -#side-info-column { - float: right; - width: 218px; - position: absolute; - right: 0; - margin-right: 10px; +.press-this #wphead { + height: 32px; + margin-left: 0; + margin-right: 0; + margin-bottom: 5px; } -#side-info-column .sleeve { - padding-left: 10px; +.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; } -#poststuff .inside { - font-size: 11px; - margin: 0 12px 12px; +.press-this #wphead h1 { + font-weight: normal; + font-size: 16px; + line-height: 32px; + margin: 0; + float: left; } -#poststuff h2, #poststuff h3 { - font-size: 14px; - font-weight: bold; - padding: 7px; - margin: 0 0 10px; - background: #dfdfdf url("../images/gray-grad.png") repeat-x left top; - font-size: 12px; - font-weight: bold; - line-height: 1; - margin: 0 0 10px; - padding: 7px 9px; - text-shadow: 0 1px 0 #FFFFFF; +.press-this #wphead h1 a { + text-decoration: none; } -h3.tb { - text-shadow: 0 1px 0 #FFFFFF; - font-weight: bold; - font-size: 12px; - margin-left: 5px; +.press-this #wphead h1 a:hover { + text-decoration: underline; } -#TB_window { - border: 1px solid #333; - -moz-border-radius: 6px; - -khtml-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; +.press-this #message { + margin: 10px 0; } -.metabox-holder .postbox, -.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; - border-color: #DFDFDF; +.press-this .posting { + margin-right: 250px; } -.titlediv { - border-color: #DFDFDF; +.press-this-sidebar { + float: right; + width: 240px; + padding-top: 10px; } -#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 #title { + margin-left: 0; + margin-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -.tbtitle { - font-size: 12px; - padding: 3px; +.press-this .tagchecklist { + margin-top: 8px; } -#title { - width: 98%; +.press-this #titlediv { + margin: 0; } -.postbox h2 { - background-image: url(../images/postbox-bg.gif); - background-position: left top; - background-repeat: repeat-x; - background-color: #DFDFDF; +.press-this #wp-content-wrap #wp-content-editor-tools { + padding: 0; + top: 3px; + overflow: hidden; } -.editor-container { - -moz-border-radius: 6px; - -khtml-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; - border-collapse: separate; - border-style: solid; - border-width: 1px; - border-color: #DFDFDF; +.press-this .wp-media-buttons { + cursor: default; + padding: 8px 8px 6px; } -.postdivrich { - position: relative; - padding-top: 25px; +.press-this #wp-content-wrap #wp-content-media-buttons a { + padding: 0; + line-height: normal; + height: auto; + font-size: 16px; } -#actions { - clear: both; - float: right; - margin-top: -19px; - position: relative; -} -#extra_fields #actions { - clear: both; - position: absolute; - right: 4px; - top: 6px; - margin: 0; +.press-this #wp-content-wrap .mce-toolbar .mce-btn-group .mce-btn { + margin: 0 1px; } -#actions li { - float: left; - list-style: none; - margin-right: 10px; -} -#extra_fields .button { - margin-right: 5px; +.press-this #wp-content-wrap .mce-toolbar .mce-btn button { + padding: 2px 3px; } -/* Photo Styles */ -.photolist { - margin-top: -10px; +.press-this #wp-content-wrap div.mce-toolbar-grp, +.press-this #wp-content-wrap .quicktags-toolbar { + padding-right: 3px; } -#photo_saving { - margin: 0 8px 8px; - vertical-align: middle; +.press-this .howto { + margin-top: 2px; + margin-bottom: 3px; + font-size: 12px; + font-style: italic; + display: block; } -#img_container { - background-color: #fff; - height: 101px; - width: 100%; +.press-this #wp-content-editor-container { + clear: none; } -#extra_fields { - margin-top: 10px; - position: relative; +.press-this #poststuff .inside { + margin-top: 18px; } -#extra_fields .postbox { - margin-bottom: 5px; +.press-this .category-tabs { + margin-bottom: 3px; } -#extra_fields .titlewrap { +/* Editor/Main Column */ +.press-this #poststuff { + margin: 0 8px; padding: 0; - overflow: auto; - height: 100px; } -#img_container { - position: relative; +.press-this #photo-add-url-div input[type="text"] { + width: 220px; } -#img_container a { - display: block; - float: left; - overflow: hidden; - vertical-align: center; -} - -#img_container img, #img_container a { - width: 68px; - height: 68px; -} - -#img_container img { - width: 68px; - height: 68px; - border: none; - background-color: #f4f4f4; - cursor: pointer; +#poststuff #editor-toolbar { + height: 30px; } -#img_container a, -#img_container a:link, -#img_container a:visited { - border: 1px solid #ccc; - display: block; +.posting { + margin-right: 212px; position: relative; } -#img_container a:hover, -#img_container a:active { - border-color: #000; - z-index: 1000; - border-width: 2px; - margin: -1px; +.press-this .inner-sidebar { + width: 200px; } -/* Video */ -#embed-code { - width: 100%; - height: 98px; +.press-this .inner-sidebar .sleeve { + padding-top: 5px; } -/* Submit Column */ -#viewsite { - padding: 0; - margin: 0 0 20px 0; - font-size: 10px; - clear: both; +.press-this #submitdiv p { + margin: 0; + padding: 6px; } -#viewsite .button { - margin: 0 0 0px 0; - display: block; +.press-this #submitdiv #publishing-actions { + border-bottom: 1px solid #dfdfdf; } -.wp-hidden-children .wp-hidden-child { - display: none; +.press-this #publish { + float: right; } -#category-adder { - padding: 4px 0; +.press-this #poststuff h2, +.press-this #poststuff h3 { + font-size: 14px; + line-height: 1; } -#category-adder h4 { - margin: 0 0 8px; +.press-this #tagsdiv-post_tag h3, +.press-this #categorydiv h3 { + cursor: pointer; } -#category-add input { - width: 94%; - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 13px; - margin: 1px; - padding: 3px; +.press-this #submitdiv h3 { + cursor: default; } -#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; +h3.tb { + font-weight: 600; font-size: 12px; - height: 2em; - line-height: 20px; - padding: 2px; - margin: 1px; - vertical-align: top; + margin-left: 5px; } -#category-add input#category-add-sumbit { - width: auto; +.press-this .postbox, +.press-this .stuffbox { + margin-bottom: 10px; + min-width: 0; } -/* Categories */ -#categorydiv ul, #linkcategorydiv ul { - list-style: none; - padding: 0; - margin: 0; +.press-this #submitdiv:hover .handlediv { + background: none; } -#categorydiv ul.categorychecklist ul { - margin-left: 18px; +.tbtitle { + font-size: 1.7em; + outline: none; + padding: 3px 4px; + border: 1px solid #dfdfdf; } -#categorydiv div.ui-tabs-panel { - height: 150px; - overflow: auto; +.press-this .actions { + float: right; + margin: -19px 0 0; } -ul.categorychecklist li { - margin: 0; - padding: 0; - line-height: 19px; +.press-this #extra-fields .actions { + margin: -32px -7px 0 0; } -/* Tags */ -#tagsdiv #newtag { - padding: 3px; - margin-right: 5px; - width: 16em; +.press-this .actions li { + float: left; + list-style: none; + margin-right: 10px; } -#jaxtag { - clear: both; - margin: 0; +#extra-fields .button { + margin-right: 5px; } -#tagadd { - margin-left: 3px; +/* Photo Styles */ +#photo_saving { + margin: 0 8px 8px; + vertical-align: middle; } -#tagchecklist { - margin-top: 3px; - margin-bottom: 1em; - font-size: 12px; +#img_container_container { overflow: auto; } -#tagchecklist strong { - position: absolute; - font-size: .75em; +#extra-fields { + margin-top: 10px; + position: relative; } -#tagchecklist span { - margin-right: .5em; - margin-left: 10px; - display: block; - float: left; - font-size: 11px; - line-height: 1.8em; - white-space: nowrap; - cursor: default; +#extra-fields h2 { + margin: 12px; } -#tagchecklist span a { - margin: 6px 0 0 -9px; - cursor: pointer; - width: 10px; - height: 10px; - display: block; - float: left; - text-indent: -9999px; +#waiting { + margin-top: 10px; overflow: hidden; - position: absolute; -} - -#content { - width: 96% !important; - margin-left: 1%; - margin-bottom: 10px; - border: 1px solid #f1f1f1; } -/* Submit */ - -#saving { - display: inline; +#waiting span { + float: right; + margin: 0 0 0 5px; } -.submit input, -.button, -.button-primary, -.button-secondary, -.button-highlighted, -#postcustomstuff .submit input { - font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Arial, 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; +#waiting .spinner { + display: block; } -.button-primary { - background: #21759B url(../images/button-grad.png) repeat-x scroll left top; - border-color: #21759B; - color: #FFFFFF; +#extra-fields .postbox { + margin-bottom: 5px; } -.ac_results { +#extra-fields .titlewrap { 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; + overflow: auto; + height: 120px; } -.ac_over { - cursor: pointer; +#img_container a { + display: block; + float: left; + overflow: hidden; } -.ac_match { - text-decoration: underline; +#img_container img, +#img_container a { + width: 68px; + height: 68px; } -#TB_ajaxContent #options { - position: absolute; - top: 20px; - right: 25px; - padding: 5px; +#img_container img { + border: none; + background-color: #f4f4f4; + cursor: pointer; } -#TB_ajaxContent h3 { - margin-bottom: .25em; +#img_container a, +#img_container a:link, +#img_container a:visited { + border: 1px solid #ccc; + display: block; + position: relative; } -.updated { - margin: 10px 0; - padding: 0; +#img_container a:hover, +#img_container a:active { + border-color: #000; + z-index: 1000; 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; +/* Video */ +#embed-code { + width: 100%; + height: 98px; } -/* Footer */ -#footer { - height: 65px; - display: block; - width: 640px; - padding: 10px 0 0 60px; - margin: 0; - position: absolute; - bottom: 0; - font-size: 12px; +/* Categories */ +.press-this .categorydiv div.tabs-panel { + height: 100px; } -#footer p { - margin: 0; - padding: 7px 0; +/* Tags */ +.press-this .tagsdiv .newtag { + width: 120px; } -#footer p a { - text-decoration: none; -} -#footer p a:hover { - text-decoration: underline; +.press-this #content { + margin: 5px 0; + padding: 0 5px; + border: 0 none; + height: 340px; + font-family: Consolas, Monaco, monospace; + font-size: 13px; + line-height: 19px; + background: transparent; } -/* Utility Classes */ -.centered { - text-align: center; +/* Submit */ +.press-this #publishing-actions .spinner { + display: inline; + vertical-align: middle; } -.hidden { - display: none; +/* =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; + } }