WordPress 4.3

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

diff --git a/wp-admin/css/forms.css b/wp-admin/css/forms.css
index 6c94d0e480ec90b090d614f701e60e0028433ac8..785f3ea377234de1bfebff967c270e60ed958d37 100644 (file)
--- a/wp-admin/css/forms.css
+++ b/wp-admin/css/forms.css
@@ -232,13 +232,19 @@ textarea[readonly] {
    color: #a9a9a9;
 }
 
-.form-invalid {
-       background-color: #ffebe8 !important;
-}
-
-.form-invalid input,
-.form-invalid select {
-       border-color: #c00 !important;
+.form-invalid input, .form-invalid input:focus,
+.form-invalid select, .form-invalid select:focus {
+       border-color: #dc3232 !important;
+       -webkit-box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
+       box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
+}
+
+.form-table .form-required.form-invalid td:after {
+       content: '\f534';
+       font: normal 20px/1 dashicons;
+       color: #dc3232;
+       margin-left: -25px;
+       vertical-align: middle;
 }
 
 .form-input-tip {
@@ -352,8 +358,7 @@ textarea.large-text {
        width: 99%;
 }
 
-input.regular-text,
-#adduser .form-field input {
+input.regular-text {
        width: 25em;
 }
 
@@ -401,6 +406,11 @@ input[type="number"].small-text {
        color: #777;
 }
 
+button.wp-hide-pw > .dashicons {
+       position: relative;
+       top: 3px;
+}
+
 label,
 #your-profile label + a {
        vertical-align: middle;
@@ -434,38 +444,79 @@ fieldset label,
 #pass-strength-result {
        background-color: #eee;
        border: 1px solid #ddd;
-       float: left;
-       margin: 13px 5px 5px 1px;
+       color: #23282d;
+       margin: -2px 5px 5px 1px;
        padding: 3px 5px;
        text-align: center;
-       width: 200px;
-       display: none;
+       width: 25em;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+       opacity: 0;
 }
 
 #pass-strength-result.short {
-       background-color: #ffa0a0;
-       border-color: #f04040;
+       background-color: #f1adad;
+       border-color: #e35b5b;
+       opacity: 1;
 }
 
 #pass-strength-result.bad {
-       background-color: #ffb78c;
-       border-color: #ff853c;
+       background-color: #fbc5a9;
+       border-color: #f78b53;
+       opacity: 1;
 }
 
 #pass-strength-result.good {
-       background-color: #ffec8b;
-       border-color: #fc0;
+       background-color: #ffe399;
+       border-color: #ffc733;
+       opacity: 1;
 }
 
 #pass-strength-result.strong {
-       background-color: #c3ff88;
-       border-color: #8dff1c;
+       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;
 }
 
 .indicator-hint {
        padding-top: 8px;
 }
 
+#pass1-text,
+.show-password #pass1 {
+       display: none;
+}
+
+.show-password #pass1-text
+{
+       display: inline-block;
+}
+
+.form-table span.description.important {
+       font-size: 12px;
+}
+
 p.search-box {
        float: right;
        margin: 0;
@@ -629,6 +680,7 @@ table.form-table td .updated p {
        width: 15em;
 }
 
+#adduser .form-field input,
 #createuser .form-field input {
        width: 25em;
 }
@@ -832,6 +884,10 @@ table.form-table td .updated p {
   21.0 - Network Admin
 ------------------------------------------------------------------------------*/
 
+.setup-php textarea {
+       max-width: 100%;
+}
+
 .form-field #site-address {
        max-width: 25em;
 }
@@ -852,6 +908,11 @@ table.form-table td .updated p {
        margin-bottom: 5px;
 }
 
+#search-users,
+#search-sites {
+       max-width: 100%;
+}
+
 /*------------------------------------------------------------------------------
    Credentials check dialog for Install and Updates
 ------------------------------------------------------------------------------*/
@@ -944,16 +1005,24 @@ table.form-table td .updated p {
                padding-top: 10px;
        }
 
-       input[type="checkbox"], .widefat th input[type="checkbox"] {
+       input[type="checkbox"],
+       .widefat th input[type="checkbox"],
+       .widefat thead td input[type="checkbox"],
+       .widefat tfoot td input[type="checkbox"] {
                -webkit-appearance: none;
                padding: 10px;
        }
 
-       .widefat th input[type="checkbox"] {
+       .widefat th input[type="checkbox"],
+       .widefat thead td input[type="checkbox"],
+       .widefat tfoot td input[type="checkbox"] {
                margin-bottom: 8px;
        }
 
-       input[type="checkbox"]:checked:before, .widefat th input[type="checkbox"]:before {
+       input[type="checkbox"]:checked:before,
+       .widefat th input[type="checkbox"]:before,
+       .widefat thead td input[type="checkbox"]:before,
+       .widefat tfoot td input[type="checkbox"]:before {
                font: normal 30px/1 'Dashicons';
                margin: -3px -5px;
        }
@@ -991,6 +1060,7 @@ table.form-table td .updated p {
                font-size: 14px;
        }
 
+       #adduser .form-field input,
        #createuser .form-field input {
                width: 100%;
        }
@@ -1040,6 +1110,11 @@ table.form-table td .updated p {
                box-sizing: border-box;
        }
 
+       .form-table .form-required.form-invalid td:after {
+               float: right;
+               margin: -30px 3px 0 0;
+       }
+
        #wpbody .form-table td select {
                height: 40px;
        }
@@ -1088,8 +1163,10 @@ table.form-table td .updated p {
        }
 
        .form-table span.description {
+               display: inline;
                padding: 4px 0 0;
                line-height: 1.4em;
+               font-size: 14px;
        }
 
        .form-table th {
@@ -1099,10 +1176,22 @@ table.form-table td .updated p {
        }
 
        .form-table td {
-               padding-top: 8px;
+               margin-bottom: 0;
+               padding-bottom: 6px;
+               padding-top: 4px;
                padding-left: 0;
        }
 
+       .form-table.permalink-structure td code {
+               margin-left: 32px;
+       }
+
+       .form-table.permalink-structure td input[type="text"] {
+               margin-left: 32px;
+               margin-top: 4px;
+               width: 96%;
+       }
+
        .form-table input.regular-text {
                width: 100%;
        }
@@ -1130,6 +1219,39 @@ table.form-table td .updated p {
        .form-field #domain {
                max-width: none;
        }
+
+       /* New Password */
+       .wp-pwd {
+               position: relative;
+       }
+
+       .wp-pwd [type="text"],
+       .wp-pwd [type="password"] {
+               padding-right: 40px;
+       }
+
+       .wp-pwd button.button {
+               background: transparent;
+               border: none;
+               -webkit-box-shadow: none;
+               box-shadow: none;
+               line-height: 2;
+               margin: 0;
+               padding: 5px 10px;
+               position: absolute;
+               right: 0;
+               top: 0;
+       }
+
+       .wp-pwd button.button:hover,
+       .wp-pwd button.button:focus,
+       .wp-pwd button.button:active {
+               background: transparent;
+       }
+
+       .wp-pwd .button .text {
+               display: none;
+       }
 }
 
 @media only screen and (max-width: 768px) {
@@ -1150,12 +1272,11 @@ table.form-table td .updated p {
                max-width: 400px;
                width: auto;
        }
-
 }
 
 @media only screen and (max-height: 480px) {
        /*  Request Credentials */
-       .request-filesystem-credentials-dialog  .notification-dialog{
+       .request-filesystem-credentials-dialog .notification-dialog{
                width: 100%;
                height: 100%;
                max-height: 100%;
@@ -1173,4 +1294,3 @@ table.form-table td .updated p {
                width: 49%;
        }
 }
-