Changeset 26441

Timestamp:

11/27/2013 10:35:25 PM (11 years ago)

Author:

iammattthomas

Message:

Updating the #wp-auth-check login form to match the new admin design:

• Remove border-radius on the container and add a box shadow
• Style the top bar background to match the new #eee page background
• Replace the close button PNG with a Dashicon
• Remove a no-longer-needed button style override in buttons.css that caused padding to change when clicking the submit button.

See #25858.

Location:

trunk/src/wp-includes/css

Files:

• buttons.css (modified) (1 diff)
• wp-auth-check.css (modified) (3 diffs)

trunk/src/wp-includes/css/buttons.css

@@ -280 +280 @@
 
     .wp-core-ui .button,
-    .wp-core-ui .button:active, /* Override non-responsive active styles in buttons.css */
     input#publish,
     input#save-post,

trunk/src/wp-includes/css/wp-auth-check.css

@@ -29 +29 @@
     margin: 0 0 0 -190px;
     padding: 30px 0 0;
-    background-color: #fbfbfb;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
+    background-color: #eee;
     z-index: 1000001;
+    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.3);
+    box-shadow:         0 3px 6px rgba(0,0,0,0.3);
 }
 
@@ -56 +56 @@
     top: 8px;
     right: 8px;
-    height: 14px;
-    width: 14px;
+    height: 22px;
+    width: 22px;
     cursor: pointer;
-    background-image: url(../images/uploader-icons.png);
-    background-repeat: no-repeat;
-    background-position: -100px 0;
+}
+
+#wp-auth-check-wrap .wp-auth-check-close:before {
+    content: '\f158';
+    display: block !important;
+    font: normal 20px/1 'dashicons';
+    speak: none;
+    height: 22px;
+    margin: 2px 0;
+    text-align: center;
+    width: 22px;
+    color: #777;
+    -webkit-font-smoothing: antialiased !important;
+}
+
+#wp-auth-check-wrap .wp-auth-check-close:hover:before {
+    color: #0074a2;
 }
 
@@ -83 +97 @@
     display: block;
 }
-
-@media print,
-  (-o-min-device-pixel-ratio: 5/4),
-  (-webkit-min-device-pixel-ratio: 1.25),
-  (min-resolution: 120dpi) {
-    #wp-auth-check-wrap .wp-auth-check-close {
-        background-image: url(../images/uploader-icons-2x.png);
-        background-size: 134px 15px;
-    }
-}