b,
strong {
- font-weight: bold;
+ font-weight: 700;
}
dfn {
}
optgroup {
- font-weight: bold;
+ font-weight: 700;
}
table {
padding: 0;
}
+::-webkit-input-placeholder {
+ color: #72777c;
+}
+
+::-moz-placeholder {
+ color: #72777c;
+ opacity: 1;
+}
+
+:-ms-input-placeholder {
+ color: #72777c;
+}
+
.clearfix:before,
.clearfix:after {
content: "";
select,
textarea {
color: #404040;
- font-family: "Open Sans", Helvetica, Arial, sans-serif;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.6;
* 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;
-}
-
-.button-subtle:visited {
- color: #0073aa;
-}
-
-.button-subtle:focus,
-.button-subtle:hover,
-.button-subtle:active,
-.edit-post-link:focus,
-.edit-post-link:hover,
-.edit-post-link:active {
- color: #00a0d2;
-}
-
-.button-subtle:focus,
-.button-subtle:active,
-.edit-post-link:focus,
-.edit-post-link:active {
- outline: 0;
- text-decoration: underline;
-}
-
-.preview-button {
- margin-left: 5px;
-}
-
-.button-reset {
- margin: 0;
- padding: 0;
- border: 0;
- background: none;
- cursor: pointer;
- -webkit-appearance: none;
-}
-
-.button-reset:focus {
- outline: 0;
-}
-
-.button-link {
- margin: 0;
- padding: 0;
- border: 0;
- background: none;
- color: #0073aa;
- cursor: pointer;
- -webkit-appearance: none;
-}
-
-.button-link:hover,
-.button-link:active,
-.button-link:focus {
- color: #00a0d2;
- text-decoration: underline;
-}
-
.split-button {
position: relative;
display: inline-block;
height: 0;
border-style: solid;
border-color: transparent;
- content: '';
+ content: "";
}
.split-button-body:before {
margin: 0;
width: 100%;
text-align: right;
+ line-height: 2;
}
.is-open .split-button-body {
-webkit-appearance: none;
line-height: 2;
padding: 0 10px 1px;
- background: #00a0d2;
- border-color: #0073aa;
+ background: #0085ba;
+ border-color: #0073aa #006799 #006799;
border-width: 1px;
border-style: solid;
- -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
- box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
+ -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 {
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
- border-right: 0 none;
+ border-right: 1px solid #006799;
float: left;
}
.split-button-toggle i {
margin: 4px 0 3px 20px;
padding: 0 10px;
- border-right: 1px solid #fff;
}
.split-button-primary:hover,
.split-button-toggle:hover {
outline: none;
- background: #0091cd;
- border-color: #0073aa;
+ background: #008ec2;
+ border-color: #006799;
}
.split-button-primary:focus,
.split-button-toggle:focus {
outline: none;
- border-color: #0e3950;
- -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, .8);
- box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, .8);
+ -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: #005082;
- color: rgba( 255, 255, 255, 0.95 );
- -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
- box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
+ 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;
}
/**
margin: 10px 16px 6px 0;
}
-
-/* Tag hint TODO needed? */
-/* Tag suggestions */
-.ac_results {
- padding: 0;
- margin: -1px -1px 0 0;
- list-style: none;
- position: absolute;
- z-index: 10000;
- display: none;
- border: 1px solid #d8d8d8;
- background-color: #fff;
- font-size: 14px;
-}
-
-.ac_results li {
- padding: 6px 16px;
- white-space: nowrap;
- color: #101010;
- text-align: right;
-}
-
-.ac_results .ac_over {
- background-color: #e5e5e5;
- background-color: #00a0d2;
- color: #fff;
- cursor: pointer;
-}
-
-.ac_match {
- text-decoration: underline;
-}
-
/* Tags */
.tagchecklist {
padding: 16px 28px 5px;
clear: both;
}
-.tagchecklist span {
- display: block;
- margin-left: 25px;
+.tagchecklist > span {
float: right;
+ margin-left: 25px;
font-size: 13px;
line-height: 1.8;
white-space: nowrap;
}
@media (max-width: 600px) {
- .tagchecklist span {
+ .tagchecklist > span {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.3;
}
.tagchecklist .ntdelbutton {
- margin: 1px -17px 0 0;
+ position: absolute;
+ width: 24px;
+ height: 24px;
+ border: none;
+ margin: 0 -19px 0 0;
+ padding: 0;
+ background: none;
cursor: pointer;
- width: 20px;
- height: 20px;
- display: block;
- float: right;
- text-indent: 0;
- overflow: hidden;
+ text-indent: 0;;
position: absolute;
- outline: 0;
}
-.tagchecklist .ntdelbutton:before {
- content: '\f153';
+.tagchecklist .ntdelbutton .remove-tag-icon:before {
+ content: "\f153";
display: block;
- margin: 2px 0;
+ margin-right: 2px;
height: 20px;
width: 20px;
- background: 100% 0;
- color: #9ea7af;
- font: 400 16px/1 dashicons;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ background: transparent;
+ color: #0073aa;
+ /* line-height tweak to vertically center the icon cross browsers */
+ font: 400 16px/1.28 dashicons;
text-align: center;
- speak: none;
-webkit-font-smoothing: antialiased;
}
-.tagchecklist .ntdelbutton:focus:before {
- color: #00a0d2;
+.tagchecklist .ntdelbutton:focus {
+ outline: 0;
}
+.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
+ color: #c00;
+}
+
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
+ -webkit-box-shadow:
+ 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba(30, 140, 190, .8);
+ box-shadow:
+ 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba(30, 140, 190, .8);
+}
/* THE TAG CLOUD. */
.tagsdiv + p {
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: left;
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%;
left: 6px;
margin-top: -13px;
+ padding: 0 10px 1px;
+ font-size: 13px;
}
@media (max-width: 320px) {
}
.alert:before {
- content: '';
+ content: "";
position: absolute;
top: 50%;
right: 30px;
bottom: 0;
padding: 0 1.07143em;
background: #f7f7f7;
- border-color: #dedede;
+ border-color: #ddd;
border: 0;
border-right: 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;
-}
-
.publish-button .saving-draft,
.publish-button.is-saving .publish {
display: none;
-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 {
display: inline-block;
margin: 0 8px 0 0;
font-size: 14px;
- font-weight: normal;
+ font-weight: 400;
}
.setting-modal {
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: right;
}
-.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 {
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;
+ font-size: 14px;
+}
+
+.ui-autocomplete li {
+ margin-bottom: 0;
+ padding: 4px 10px;
+ white-space: nowrap;
+ text-align: right;
+ cursor: pointer;
+}
+
+/* Colors for the wplink toolbar autocomplete. */
+.ui-autocomplete .ui-state-focus {
+ background-color: #ddd;
+}
+
+/* Colors for the tags autocomplete. */
+.wp-tags-autocomplete .ui-state-focus {
+ background-color: #0073aa;
+ color: #fff;
+}