wp/wp-admin/css/install.css
changeset 5 5e2f62d02dcd
parent 0 d970ebf37754
child 7 cf61fcea0001
--- a/wp/wp-admin/css/install.css	Mon Jun 08 16:11:51 2015 +0000
+++ b/wp/wp-admin/css/install.css	Tue Jun 09 03:35:32 2015 +0200
@@ -1,36 +1,38 @@
 html {
-	background: #f9f9f9;
+	background: #f1f1f1;
+	margin: 0 20px;
 }
 
 body {
 	background: #fff;
-	color: #333;
-	font-family: sans-serif;
-	margin: 2em auto;
-	padding: 1em 2em;
-	-webkit-border-radius: 3px;
-	border-radius: 3px;
-	border: 1px solid #dfdfdf;
+	color: #444;
+	font-family: "Open Sans", 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: #21759b;
+	color: #0073aa;
 	text-decoration: none;
 }
 
 a:hover {
-	color: #d54e21;
+	color: #00a0d2;
 }
 
 h1 {
-	border-bottom: 1px solid #dadada;
+	border-bottom: 1px solid #dedede;
 	clear: both;
 	color: #666;
-	font: 24px Georgia, "Times New Roman", Times, serif;
-	margin: 30px 0 0 0;
+	font-size: 24px;
+	margin: 30px 0;
 	padding: 0;
 	padding-bottom: 7px;
+	font-weight: normal;
 }
 
 h2 {
@@ -44,7 +46,7 @@
 }
 
 code, .code {
-	font-size: 14px;
+	font-family: Consolas, Monaco, monospace;
 }
 
 ul, ol, dl {
@@ -58,31 +60,37 @@
 	border: 0;
 	font-variant: normal;
 }
+
+label {
+	cursor: pointer;
+}
+
 #logo {
 	margin: 6px 0 14px 0;
 	border-bottom: none;
 	text-align:center
 }
 #logo a {
-	background-image: url('../images/wordpress-logo.png?ver=20120216');
-	background-size: 274px 63px;
-	background-position: top center;
+	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;
-	height: 67px;
+	color: #999;
+	height: 84px;
+	font-size: 20px;
+	font-weight: normal;
+	line-height: 1.3em;
+	margin: -130px auto 25px;
+	padding: 0;
+	text-decoration: none;
+	width: 84px;
 	text-indent: -9999px;
 	outline: none;
 	overflow: hidden;
 	display: block;
 }
-@media print,
-  (-o-min-device-pixel-ratio: 5/4),
-  (-webkit-min-device-pixel-ratio: 1.25),
-  (min-resolution: 120dpi) {
-	#logo a {
-		background-image: url('../images/wordpress-logo-2x.png?ver=20120412');
-		background-size: 274px 63px;
-	}
-}
 .step {
 	margin: 20px 0 15px;
 }
@@ -90,15 +98,18 @@
 	text-align: left;
 	padding: 0;
 }
-.step .button-large {
+.language-chooser.wp-core-ui .step .button.button-large {
+	height: 36px;
+	vertical-align: middle;
 	font-size: 14px;
 }
 textarea {
 	border: 1px solid #dfdfdf;
-	-webkit-border-radius: 3px;
-	border-radius: 3px;
-	font-family: sans-serif;
-	width:  695px;
+	font-family: "Open Sans", sans-serif;
+	width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 .form-table {
@@ -119,7 +130,6 @@
 	font-size: 14px;
 	text-align: left;
 	padding: 16px 20px 10px 0;
-	border-bottom: 8px solid #fff;
 	width: 140px;
 	vertical-align: top;
 }
@@ -137,14 +147,20 @@
 .form-table input {
 	line-height: 20px;
 	font-size: 15px;
-	padding: 2px;
-	border: 1px #dfdfdf solid;
-	-webkit-border-radius: 3px;
-	border-radius: 3px;
-	font-family: sans-serif;
+	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;
 }
 
 .form-table input[type=text],
+.form-table input[type=email],
+.form-table input[type=url],
 .form-table input[type=password] {
 	width: 206px;
 }
@@ -216,48 +232,157 @@
 
 .message {
 	border: 1px solid #c00;
-	-webkit-border-radius: 3px;
-	border-radius:         3px;
 	padding: 0.5em 0.7em;
 	margin: 5px 0 15px;
 	background-color: #ffebe8;
 }
 
-/* install-rtl */
-body.rtl {
-	font-family: Tahoma, arial;
+/* rtl:ignore */
+#dbname,
+#uname,
+#pwd,
+#dbhost,
+#prefix,
+#user_login,
+#admin_email,
+#pass1,
+#pass2 {
+	direction: ltr;
+}
+
+
+/* localization */
+body.rtl,
+.rtl textarea,
+.rtl input,
+.rtl submit {
+	font-family: Tahoma, sans-serif;
+}
+
+:lang(he-il) body.rtl,
+:lang(he-il) .rtl textarea,
+:lang(he-il) .rtl input,
+:lang(he-il) .rtl submit {
+	font-family: Arial, sans-serif;
+}
+
+@media only screen and (max-width: 799px) {
+	body {
+		margin-top: 115px;
+	}
+	#logo a {
+		margin: -125px auto 30px;
+	}
 }
 
-.rtl h1 {
-	font-family: arial;
-	margin: 5px -4px 0 0;
+@media screen and ( max-width: 782px ) {
+
+	.form-table {
+		margin-top: 0;
+	}
+
+	.form-table th,
+	.form-table td {
+		display: block;
+		width: auto;
+		vertical-align: middle;
+	}
+
+	.form-table th {
+		padding: 20px 0 0;
+	}
+
+	.form-table td {
+		padding: 5px 0;
+		border: 0;
+		margin: 0;
+	}
+
+	textarea,
+	input {
+		font-size: 16px;
+	}
+
+	.form-table td input[type="text"],
+	.form-table td input[type="email"],
+	.form-table td input[type="url"],
+	.form-table td input[type="password"],
+	.form-table td select,
+	.form-table td textarea,
+	.form-table span.description {
+		width: 100%;
+		font-size: 16px;
+		line-height: 1.5;
+		padding: 7px 10px;
+		display: block;
+		max-width: none;
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
 }
 
-.rtl ul,
-.rtl ol {
-	padding: 5px 22px 5px 5px;
+body.language-chooser {
+	max-width: 300px;
 }
 
-.rtl .step,
-.rtl th,
-.rtl .form-table th {
+.language-chooser select {
+	padding: 8px;
+	width: 100%;
+	display: block;
+	border: 1px solid #ddd;
+	background-color: #fff;
+	color: #32373c;
+	font-size: 16px;
+	font-family: Arial, sans-serif;
+	font-weight: normal;
+}
+
+.language-chooser p {
 	text-align: right;
 }
 
-.rtl .submit input,
-.rtl .button,
-.rtl .button-secondary {
-	margin-right: 0;
+.screen-reader-input,
+.screen-reader-text {
+	position: absolute;
+	margin: -1px;
+	padding: 0;
+	height: 1px;
+	width: 1px;
+	overflow: hidden;
+	clip: rect(0 0 0 0);
+	border: 0;
 }
 
-.rtl #dbname,
-.rtl #uname,
-.rtl #pwd,
-.rtl #dbhost,
-.rtl #prefix,
-.rtl #user_login,
-.rtl #admin_email,
-.rtl #pass1,
-.rtl #pass2 {
-	direction: ltr;
+.spinner {
+	background: url(../images/spinner.gif) no-repeat;
+	-webkit-background-size: 20px 20px;
+	background-size: 20px 20px;
+	visibility: hidden;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+	width: 20px;
+	height: 20px;
+	margin: 2px 5px 0;
 }
+
+.step .spinner {
+	display: inline-block;
+	margin-top: 8px;
+	margin-right: 15px;
+	vertical-align: top;
+}
+
+/**
+ * HiDPI Displays
+ */
+@media print,
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 120dpi) {
+
+	.spinner {
+		background-image: url(../images/spinner-2x.gif);
+	}
+
+}