wp/wp-admin/css/install.css
changeset 7 cf61fcea0001
parent 5 5e2f62d02dcd
child 9 177826044cd9
--- a/wp/wp-admin/css/install.css	Tue Jun 09 11:14:17 2015 +0000
+++ b/wp/wp-admin/css/install.css	Mon Oct 14 17:39:30 2019 +0200
@@ -6,36 +6,45 @@
 body {
 	background: #fff;
 	color: #444;
-	font-family: "Open Sans", sans-serif;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 	margin: 140px auto 25px;
 	padding: 20px 20px 10px 20px;
 	max-width: 700px;
 	-webkit-font-smoothing: subpixel-antialiased;
-	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
 	box-shadow: 0 1px 3px rgba(0,0,0,0.13);
 }
 
 a {
 	color: #0073aa;
-	text-decoration: none;
 }
 
-a:hover {
+a:hover,
+a:active {
 	color: #00a0d2;
 }
 
-h1 {
-	border-bottom: 1px solid #dedede;
+a:focus {
+	color: #124964;
+	box-shadow:
+		0 0 0 1px #5b9dd9,
+		0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+.ie8 a:focus {
+	outline: #5b9dd9 solid 1px;
+}
+
+h1, h2 {
+	border-bottom: 1px solid #ddd;
 	clear: both;
 	color: #666;
 	font-size: 24px;
-	margin: 30px 0;
 	padding: 0;
 	padding-bottom: 7px;
-	font-weight: normal;
+	font-weight: 400;
 }
 
-h2 {
+h3 {
 	font-size: 16px;
 }
 
@@ -61,26 +70,32 @@
 	font-variant: normal;
 }
 
+fieldset {
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
 label {
 	cursor: pointer;
 }
 
 #logo {
 	margin: 6px 0 14px 0;
+	padding: 0 0 7px 0;
 	border-bottom: none;
 	text-align:center
 }
 #logo a {
 	background-image: url(../images/w-logo-blue.png?ver=20131202);
 	background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
-	-webkit-background-size: 84px;
 	background-size: 84px;
 	background-position: center top;
 	background-repeat: no-repeat;
-	color: #999;
+	color: #444; /* same as login.css */
 	height: 84px;
 	font-size: 20px;
-	font-weight: normal;
+	font-weight: 400;
 	line-height: 1.3em;
 	margin: -130px auto 25px;
 	padding: 0;
@@ -91,6 +106,11 @@
 	overflow: hidden;
 	display: block;
 }
+
+#logo a:focus {
+	box-shadow: none;
+}
+
 .step {
 	margin: 20px 0 15px;
 }
@@ -100,15 +120,14 @@
 }
 .language-chooser.wp-core-ui .step .button.button-large {
 	height: 36px;
+	font-size: 14px;
+	line-height: 33px;
 	vertical-align: middle;
-	font-size: 14px;
 }
 textarea {
-	border: 1px solid #dfdfdf;
-	font-family: "Open Sans", sans-serif;
+	border: 1px solid #ddd;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 	width: 100%;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 
@@ -121,7 +140,6 @@
 .form-table td {
 	margin-bottom: 9px;
 	padding: 10px 20px 10px 0;
-	border-bottom: 8px solid #fff;
 	font-size: 14px;
 	vertical-align: top
 }
@@ -129,7 +147,7 @@
 .form-table th {
 	font-size: 14px;
 	text-align: left;
-	padding: 16px 20px 10px 0;
+	padding: 10px 20px 10px 0;
 	width: 140px;
 	vertical-align: top;
 }
@@ -149,13 +167,12 @@
 	font-size: 15px;
 	padding: 3px 5px;
 	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);
 }
 
 input,
 submit {
-	font-family: "Open Sans", sans-serif;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
 .form-table input[type=text],
@@ -166,12 +183,13 @@
 }
 
 .form-table th p {
-	font-weight: normal;
+	font-weight: 400;
 }
 
+.form-table.install-success th,
 .form-table.install-success td {
 	vertical-align: middle;
-	padding: 16px 20px 10px 0;
+	padding: 16px 20px 16px 0;
 }
 
 .form-table.install-success td p {
@@ -198,43 +216,70 @@
 	font-family: Consolas, Monaco, monospace;
 }
 
+.wp-hide-pw > .dashicons {
+	line-height: inherit;
+}
+
 #pass-strength-result {
 	background-color: #eee;
-	border-color: #ddd !important;
-	border-style: solid;
-	border-width: 1px;
-	margin: 5px 5px 5px 0;
-	padding: 5px;
+	border: 1px solid #ddd;
+	color: #23282d;
+	margin: -2px 5px 5px 0px;
+	padding: 3px 5px;
 	text-align: center;
-	width: 200px;
-	display: none;
+	width: 218px;
+	box-sizing: border-box;
+	opacity: 0;
+}
+
+#pass-strength-result.short {
+	background-color: #f1adad;
+	border-color: #e35b5b;
+	opacity: 1;
 }
 
 #pass-strength-result.bad {
-	background-color: #ffb78c;
-	border-color: #ff853c !important;
+	background-color: #fbc5a9;
+	border-color: #f78b53;
+	opacity: 1;
 }
 
 #pass-strength-result.good {
-	background-color: #ffec8b;
-	border-color: #ffcc00 !important;
-}
-
-#pass-strength-result.short {
-	background-color: #ffa0a0;
-	border-color: #f04040 !important;
+	background-color: #ffe399;
+	border-color: #ffc733;
+	opacity: 1;
 }
 
 #pass-strength-result.strong {
-	background-color: #c3ff88;
-	border-color: #8dff1c !important;
+	background-color: #c1e1b9;
+	border-color: #83c373;
+	opacity: 1;
+}
+
+#pass1.short, #pass1-text.short {
+	border-color: #e35b5b;
+}
+
+#pass1.bad, #pass1-text.bad {
+	border-color: #f78b53;
+}
+
+#pass1.good, #pass1-text.good {
+	border-color: #ffc733;
+}
+
+#pass1.strong, #pass1-text.strong {
+	border-color: #83c373;
+}
+
+.pw-weak {
+	display: none;
 }
 
 .message {
-	border: 1px solid #c00;
-	padding: 0.5em 0.7em;
-	margin: 5px 0 15px;
-	background-color: #ffebe8;
+	border-left: 4px solid #dc3232;
+	padding: .7em .6em;
+	background-color: #fbeaea;
 }
 
 /* rtl:ignore */
@@ -250,6 +295,20 @@
 	direction: ltr;
 }
 
+#pass1-text,
+.show-password #pass1 {
+	display: none;
+}
+
+.show-password #pass1-text
+{
+	display: inline-block;
+}
+
+.form-table span.description.important {
+	font-size: 12px;
+}
+
 
 /* localization */
 body.rtl,
@@ -316,8 +375,6 @@
 		padding: 7px 10px;
 		display: block;
 		max-width: none;
-		-webkit-box-sizing: border-box;
-		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 
@@ -336,7 +393,7 @@
 	color: #32373c;
 	font-size: 16px;
 	font-family: Arial, sans-serif;
-	font-weight: normal;
+	font-weight: 400;
 }
 
 .language-chooser p {
@@ -345,19 +402,21 @@
 
 .screen-reader-input,
 .screen-reader-text {
-	position: absolute;
-	margin: -1px;
-	padding: 0;
+	border: 0;
+	clip: rect(1px, 1px, 1px, 1px);
+	-webkit-clip-path: inset(50%);
+	clip-path: inset(50%);
 	height: 1px;
-	width: 1px;
+	margin: -1px;
 	overflow: hidden;
-	clip: rect(0 0 0 0);
-	border: 0;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+	word-wrap: normal !important;
 }
 
 .spinner {
 	background: url(../images/spinner.gif) no-repeat;
-	-webkit-background-size: 20px 20px;
 	background-size: 20px 20px;
 	visibility: hidden;
 	opacity: 0.7;
@@ -369,9 +428,13 @@
 
 .step .spinner {
 	display: inline-block;
-	margin-top: 8px;
+	vertical-align: middle;
 	margin-right: 15px;
-	vertical-align: top;
+}
+
+.button.hide-if-no-js,
+.hide-if-no-js {
+	display: none;
 }
 
 /**