WordPress 4.7.1-scripts

[autoinstalls/wordpress.git] / wp-admin / css / press-this.css

diff --git a/wp-admin/css/press-this.css b/wp-admin/css/press-this.css
index 3374a061fa5d1a2212cb52b408edf52614a0b24a..36b988814d614d68270e621bd79d8e740e46b5fa 100644 (file)
--- a/wp-admin/css/press-this.css
+++ b/wp-admin/css/press-this.css
@@ -81,7 +81,7 @@ abbr[title] {
 
 b,
 strong {
-       font-weight: bold;
+       font-weight: 700;
 }
 
 dfn {
@@ -232,7 +232,7 @@ textarea {
 }
 
 optgroup {
-       font-weight: bold;
+       font-weight: 700;
 }
 
 table {
@@ -245,6 +245,19 @@ th {
        padding: 0;
 }
 
+::-webkit-input-placeholder {
+       color: #72777c;
+}
+
+::-moz-placeholder {
+   color: #72777c;
+   opacity: 1;
+}
+
+:-ms-input-placeholder {
+       color: #72777c;
+}
+
 .clearfix:before,
 .clearfix:after {
        content: "";
@@ -281,7 +294,7 @@ input,
 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;
@@ -757,39 +770,6 @@ dd {
        margin: 10px 0 6px 16px;
 }
 
-
-/* Tag hint TODO needed? */
-/* Tag suggestions */
-.ac_results {
-       padding: 0;
-       margin: -1px 0 0 -1px;
-       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: left;
-}
-
-.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;
@@ -805,10 +785,9 @@ dd {
        clear: both;
 }
 
-.tagchecklist span {
-       display: block;
-       margin-right: 25px;
+.tagchecklist > span {
        float: left;
+       margin-right: 25px;
        font-size: 13px;
        line-height: 1.8;
        white-space: nowrap;
@@ -816,7 +795,7 @@ dd {
 }
 
 @media (max-width: 600px) {
-       .tagchecklist span {
+       .tagchecklist > span {
                margin-bottom: 15px;
                font-size: 16px;
                line-height: 1.3;
@@ -824,36 +803,51 @@ dd {
 }
 
 .tagchecklist .ntdelbutton {
-       margin: 1px 0 0 -17px;
+       position: absolute;
+       width: 24px;
+       height: 24px;
+       border: none;
+       margin: 0 0 0 -19px;
+       padding: 0;
+       background: none;
        cursor: pointer;
-       width: 20px;
-       height: 20px;
-       display: block;
-       float: left;
-       text-indent: 0;
-       overflow: hidden;
+       text-indent: 0;;
        position: absolute;
-       outline: 0;
 }
 
-.tagchecklist .ntdelbutton:before {
+.tagchecklist .ntdelbutton .remove-tag-icon:before {
        content: "\f153";
        display: block;
-       margin: 2px 0;
+       margin-left: 2px;
        height: 20px;
        width: 20px;
-       background: 0 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 {
@@ -1198,7 +1192,7 @@ html {
 }
 
 .adminbar .dashicons {
-       color: #999;
+       color: #a0a5aa; /* same as WP admin bar icons */
 }
 
 .press-this .adminbar button {
@@ -1368,7 +1362,7 @@ html {
        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;
@@ -1547,7 +1541,7 @@ html {
 .post-title-placeholder {
        position: absolute;
        border: 0;
-       color: #9ea7af;
+       color: #82878c;
        z-index: -1;
 }
 
@@ -2060,7 +2054,7 @@ html {
        display: inline-block;
        margin: 0 0 0 8px;
        font-size: 14px;
-       font-weight: normal;
+       font-weight: 400;
 }
 
 .setting-modal {
@@ -2158,3 +2152,48 @@ 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;
+       font-size: 14px;
+}
+
+.ui-autocomplete li {
+       margin-bottom: 0;
+       padding: 4px 10px;
+       white-space: nowrap;
+       text-align: left;
+       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;
+}