padding: 0;
}
+::-webkit-input-placeholder {
+ color: #72777c;
+}
+
+::-moz-placeholder {
+ color: #72777c;
+ opacity: 1;
+}
+
+:-ms-input-placeholder {
+ color: #72777c;
+}
+
.clearfix:before,
.clearfix:after {
content: "";
* Pushing buttons is what I do.
*/
-.button-subtle,
.scan-submit {
display: inline-block;
margin: 0;
-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
.ac_results li {
padding: 6px 16px;
white-space: nowrap;
- color: #101010;
text-align: left;
}
}
.tagchecklist .ntdelbutton:before {
- content: '\f153';
+ content: "\f153";
display: block;
margin: 2px 0;
height: 20px;
margin: 0;
}
-.tagcloud-link {
+.press-this .tagcloud-link {
display: block;
- padding: 0 16px;
+ margin: 0 16px 5px;
+ padding: 0;
text-decoration: none;
outline: 0;
}
}
}
-.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";
}
}
.adminbar .dashicons {
- color: #999;
+ color: #a0a5aa; /* same as WP admin bar icons */
}
-.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) {
}
.alert:before {
- content: '';
+ content: "";
position: absolute;
top: 50%;
left: 30px;
bottom: 0;
padding: 0 1.07143em;
background: #f7f7f7;
- border-color: #dedede;
+ border-color: #ddd;
border: 0;
border-left: 1px solid #f1f1f1;
-webkit-border-radius: 0;
.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;
}
.post-title:before {
/* Keeps empty container from collapsing */
- content: '\a0';
+ content: "\a0";
display: inline-block;
width: 0;
speak: none;
.post-title-placeholder {
position: absolute;
border: 0;
- color: #9ea7af;
+ color: #82878c;
z-index: -1;
}
-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%);
}
}
-.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;
}
-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 {
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 {
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 {
}
}
-.modal-close {
+.press-this .modal-close {
display: block;
width: 100%;
padding: 13px 14px;
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 {
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;
+}
+
+/* Inline link dialog */
+.wp-link-input input {
+ border: 1px solid #ddd;
+ -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
+ box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
+ background-color: #fff;
+ color: #32373c;
+ outline: none;
+ -webkit-transition: 0.05s border-color ease-in-out;
+ transition: 0.05s border-color ease-in-out;
+}
+
+/* UI Autocomplete (for inline link and wpLink) */
+.ui-autocomplete {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ position: absolute;
+ z-index: 10000;
+ border: 1px solid #5b9dd9;
+ -webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
+ box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
+ background-color: #fff;
+}
+
+.ui-autocomplete li {
+ margin-bottom: 0;
+ padding: 4px 10px;
+ white-space: nowrap;
+ text-align: left;
+}
+
+.ui-autocomplete li.ui-state-focus {
+ background-color: #ddd;
+ cursor: pointer;
+}