WordPress 3.8

[autoinstalls/wordpress.git] / wp-admin / css / install.css

diff --git a/wp-admin/css/install.css b/wp-admin/css/install.css
index 03c0e98a6a16b070c31bd6bf627c66ce1a93bc74..878bbd07687ed27c9c0aa3822a2963edb720fd6a 100644 (file)
--- a/wp-admin/css/install.css
+++ b/wp-admin/css/install.css
@@ -1,36 +1,38 @@
 html {
-       background: #f9f9f9;
+       background: #eee;
+       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: #555;
+       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: #0074a2;
        text-decoration: none;
 }
 
 a:hover {
-       color: #d54e21;
+       color: #2ea2cc;
 }
 
 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 @@ p, li, dd, dt {
 }
 
 code, .code {
-       font-size: 14px;
+       font-family: Consolas, Monaco, monospace;
 }
 
 ul, ol, dl {
@@ -64,25 +66,25 @@ abbr {
        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');
+       background-size: 80px 80px;
+       background-position: center top;
        background-repeat: no-repeat;
-       height: 67px;
+       color: #999;
+       height: 80px;
+       font-size: 20px;
+       font-weight: normal;
+       line-height: 1.3em;
+       margin: -130px auto 25px;
+       padding: 0;
+       text-decoration: none;
+       width: 80px;
        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;
 }
@@ -95,10 +97,12 @@ abbr {
 }
 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%;
+       -moz-box-sizing: border-box;
+       -webkit-box-sizing: border-box;
+       -ms-box-sizing: border-box; /* ie8 only */
+       box-sizing: border-box;
 }
 
 .form-table {
@@ -119,7 +123,6 @@ textarea {
        font-size: 14px;
        text-align: left;
        padding: 16px 20px 10px 0;
-       border-bottom: 8px solid #fff;
        width: 140px;
        vertical-align: top;
 }
@@ -137,11 +140,14 @@ textarea {
 .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;
+       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],
@@ -216,48 +222,90 @@ textarea {
 
 .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;
+/* @noflip */
+#dbname,
+#uname,
+#pwd,
+#dbhost,
+#prefix,
+#user_login,
+#admin_email,
+#pass1,
+#pass2 {
+       direction: ltr;
 }
 
-.rtl h1 {
-       font-family: arial;
-       margin: 5px -4px 0 0;
-}
 
-.rtl ul,
-.rtl ol {
-       padding: 5px 22px 5px 5px;
+/* localization */
+body.rtl,
+.rtl textarea,
+.rtl input,
+.rtl submit {
+       font-family: Tahoma, sans-serif;
 }
 
-.rtl .step,
-.rtl th,
-.rtl .form-table th {
-       text-align: right;
+: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;
 }
 
-.rtl .submit input,
-.rtl .button,
-.rtl .button-secondary {
-       margin-right: 0;
+@media only screen and (max-width: 799px) {
+       body {
+               margin-top: 115px;
+       }
+       #logo a {
+               margin: -125px auto 30px;
+       }
 }
 
-.rtl #dbname,
-.rtl #uname,
-.rtl #pwd,
-.rtl #dbhost,
-.rtl #prefix,
-.rtl #user_login,
-.rtl #admin_email,
-.rtl #pass1,
-.rtl #pass2 {
-       direction: ltr;
+@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="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;
+               box-sizing: border-box;
+               -mox-box-sizing: border-box;
+       }
+
 }