]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-admin/css/press-this.css
WordPress 4.0
[autoinstalls/wordpress.git] / wp-admin / css / press-this.css
index 2b453567ecc825f121b0c27efbf75801c0b81e58..dbf355affe56cb43b18d5e36b40711fb124d02b3 100644 (file)
-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;
+       }
 }