Changeset 8733

Timestamp:

08/26/2008 12:40:10 AM (17 years ago)

Author:

azaozz

Message:

New colors and small improvements for the pwd strength meter, includes patch by Simek, fixes #7588

Location:

trunk/wp-admin

Files:

• css/colors-classic.css (modified) (1 diff)
• css/colors-fresh.css (modified) (1 diff)
• user-edit.php (modified) (1 diff)
• wp-admin.css (modified) (5 diffs)

trunk/wp-admin/css/colors-classic.css

@@ -404 +404 @@
 #pass-strength-result {
     background-color: #e3e3e3;
-    border-color: #000;
+    border-color: #ccc !important;
 }
 
 #pass-strength-result.bad {
-    background-color: #ffeff7;
-    border-color: #c69;
+    background-color: #ffb78c;
+    border-color: #ff853c !important;
 }
 
 #pass-strength-result.good {
-    background-color: #effff4;
-    border-color: #66cc87;
+    background-color: #ffec8b;
+    border-color: #fc0 !important;
 }
 
 #pass-strength-result.short {
-    background-color: #e3e3e3;
+    background-color: #ffa0a0;
+    border-color: #f04040 !important;
 }
 
 #pass-strength-result.strong {
-    background-color: #59ef86;
-    border-color: #319f52;
+    background-color: #c3ff88;
+    border-color: #8dff1c !important;
 }
 

trunk/wp-admin/css/colors-fresh.css

@@ -388 +388 @@
 
 #pass-strength-result {
-    background-color: #e3e3e3;
-    border-color: #000;
+    background-color: #eee;
+    border-color: #ddd !important;
 }
 
 #pass-strength-result.bad {
-    background-color: #ffeff7;
-    border-color: #c69;
+    background-color: #ffb78c;
+    border-color: #ff853c !important;
 }
 
 #pass-strength-result.good {
-    background-color: #effff4;
-    border-color: #66cc87;
+    background-color: #ffec8b;
+    border-color: #fc0 !important;
 }
 
 #pass-strength-result.short {
-    background-color: #e3e3e3;
+    background-color: #ffa0a0;
+    border-color: #f04040 !important;
 }
 
 #pass-strength-result.strong {
-    background-color: #59ef86;
-    border-color: #319f52;
+    background-color: #c3ff88;
+    border-color: #8dff1c !important;
 }
 

trunk/wp-admin/user-edit.php

@@ -341 +341 @@
     <td><input type="password" name="pass1" id="pass1" size="16" value="" /> <?php _e("If you would like to change the password type a new one. Otherwise leave this blank."); ?><br />
         <input type="password" name="pass2" id="pass2" size="16" value="" /> <?php _e("Type your new password again."); ?><br />
-        <?php if ( $is_profile_page ): ?>
-        <p><strong><?php _e('Password Strength'); ?></strong></p>
-        <div id="pass-strength-result"><?php _e('Strength indicator'); ?></div> 
+    <?php if ( $is_profile_page ): ?>
+        <div id="pass-strength-result"><?php _e('Strength indicator'); ?></div>
         <p><?php _e('Hint: Your password should be at least seven characters long. To make it stronger, use upper and lower case letters, numbers and symbols like ! " ? $ % ^ &amp; ).'); ?></p>
-        <?php endif; ?>
+    <?php endif; ?>
     </td>
 </tr>

trunk/wp-admin/wp-admin.css

@@ -1 @@
-.plugins .name {
+.plugins .name,
+#pass-strength-result.strong,
+#pass-strength-result.short,
+.button-highlighted,
+#quicktags #ed_strong,
+#ed_reply_toolbar #ed_reply_strong {
     font-weight: bold;
 }
@@ -232 +237 @@
 }
 
-.button-highlighted {
-    font-weight: bold;
-}
-
 #wpcontent select {
     font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
@@ -328 +329 @@
     line-height: 18px;
     display: inline-block;
-}
-
-#quicktags #ed_strong,
-#ed_reply_toolbar #ed_reply_strong {
-    font-weight: bold;
 }
 
@@ -586 +582 @@
 
 #pass-strength-result {
-    padding: 3px 5px 3px 5px;
-    margin-top: 3px;
+    border-style: solid;
+    border-width: 1px;
+    float: left;
+    margin: 12px 5px 5px 1px;
+    padding: 3px 5px;
     text-align: center;
-    border-width: 1px;
-    border-style: solid;
+    width: 200px;
 }
 
@@ -1021 +1019 @@
 }
 
-#pass-strength-result {
-    width: 197px;
-    float: left;
-    margin-right: 5px;
-    border: 1px solid #ccc !important;
-}
-
 #profile-page .form-table #rich_editing {
     margin-right: 5px