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.



git-svn-id: https://develop.svn.wordpress.org/trunk@26441 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas 2013-11-27 22:35:25 +00:00
parent d428ac9a5d
commit acb98dc95a
2 changed files with 23 additions and 20 deletions

View File

@ -279,7 +279,6 @@ TABLE OF CONTENTS:
@media screen and ( max-width: 782px ) {
.wp-core-ui .button,
.wp-core-ui .button:active, /* Override non-responsive active styles in buttons.css */
input#publish,
input#save-post,
a.preview {

View File

@ -28,10 +28,10 @@
width: 380px;
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);
}
#wp-auth-check-wrap.fallback #wp-auth-check {
@ -55,12 +55,26 @@
position: absolute;
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;
}
#wp-auth-check-wrap .wp-auth-check-close:focus {
@ -82,13 +96,3 @@
#wp-auth-check-wrap.fallback .wp-auth-check-close {
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;
}
}