-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,
#img_container a:active {
border-color: #000;
z-index: 1000;
- border-width: 2px;
- margin: -1px;
+ border-width: 1px;
}
/* Video */
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;
+ }
}