X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/e0feb3b2e5b436a06bbb04fbc838d1cd6ec95399..e3ff8f35458a959c1879c0a4976701ed8dcfe651:/wp-admin/css/press-this.css?ds=sidebyside

diff --git a/wp-admin/css/press-this.css b/wp-admin/css/press-this.css
index b99ba1a7..36b98881 100644
--- 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;
@@ -312,7 +325,6 @@ strong {
 * Pushing buttons is what I do.
 */
 
-.button-subtle,
 .scan-submit {
 	display: inline-block;
 	margin: 0;
@@ -329,67 +341,6 @@ strong {
 	-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-right: 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;
@@ -421,7 +372,7 @@ strong {
 	height: 0;
 	border-style: solid;
 	border-color: transparent;
-	content: '';
+	content: "";
 }
 
 .split-button-body:before {
@@ -443,6 +394,7 @@ strong {
 	margin: 0;
 	width: 100%;
 	text-align: left;
+	line-height: 2;
 }
 
 .is-open .split-button-body {
@@ -462,13 +414,17 @@ strong {
 	-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 {
@@ -486,42 +442,37 @@ strong {
 	border-top-right-radius: 3px;
 	-webkit-border-bottom-right-radius: 3px;
 	border-bottom-right-radius: 3px;
-	border-left: 0 none;
+	border-left: 1px solid #006799;
 	float: right;
 }
 
 .split-button-toggle i {
 	margin: 4px 20px 3px 0;
 	padding: 0 10px;
-	border-left: 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;
 }
 
 /**
@@ -819,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;
@@ -867,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;
@@ -878,7 +795,7 @@ dd {
 }
 
 @media (max-width: 600px) {
-	.tagchecklist span {
+	.tagchecklist > span {
 		margin-bottom: 15px;
 		font-size: 16px;
 		line-height: 1.3;
@@ -886,45 +803,61 @@ 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 {
-	content: '\f153';
+.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 {
 	margin: 0;
 }
 
-.tagcloud-link {
+.press-this .tagcloud-link {
 	display: block;
-	padding: 0 16px;
+	margin: 0 16px 5px;
+	padding: 0;
 	text-decoration: none;
 	outline: 0;
 }
@@ -991,23 +924,24 @@ input[type="search"].categories-search,
 	}
 }
 
-.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";
 }
 
@@ -1258,14 +1192,16 @@ html {
 }
 
 .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) {
@@ -1364,7 +1300,7 @@ html {
 }
 
 .alert:before {
-	content: '';
+	content: "";
 	position: absolute;
 	top: 50%;
 	left: 30px;
@@ -1426,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;
@@ -1438,15 +1374,15 @@ html {
 
 .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;
 }
 
@@ -1596,7 +1532,7 @@ html {
 
 .post-title:before {
 	/* Keeps empty container from collapsing */
-	content: '\a0';
+	content: "\a0";
 	display: inline-block;
 	width: 0;
 	speak: none;
@@ -1605,7 +1541,7 @@ html {
 .post-title-placeholder {
 	position: absolute;
 	border: 0;
-	color: #9ea7af;
+	color: #82878c;
 	z-index: -1;
 }
 
@@ -1799,7 +1735,9 @@ html {
 		-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%);
@@ -1879,13 +1817,6 @@ html {
 	}
 }
 
-.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;
@@ -2010,7 +1941,9 @@ html {
 		-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 {
@@ -2088,13 +2021,16 @@ html {
 	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 {
@@ -2118,7 +2054,7 @@ html {
 	display: inline-block;
 	margin: 0 0 0 8px;
 	font-size: 14px;
-	font-weight: normal;
+	font-weight: 400;
 }
 
 .setting-modal {
@@ -2128,7 +2064,9 @@ html {
 	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 {
@@ -2149,7 +2087,7 @@ html {
 	}
 }
 
-.modal-close {
+.press-this .modal-close {
 	display: block;
 	width: 100%;
 	padding: 13px 14px;
@@ -2159,10 +2097,11 @@ html {
 	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 {
@@ -2213,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;
+}