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. Built from https://develop.svn.wordpress.org/trunk@26441 git-svn-id: http://core.svn.wordpress.org/trunk@26339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
e1e79ddf64
commit
eb09a427f6
|
@ -279,7 +279,6 @@ TABLE OF CONTENTS:
|
||||||
@media screen and ( max-width: 782px ) {
|
@media screen and ( max-width: 782px ) {
|
||||||
|
|
||||||
.wp-core-ui .button,
|
.wp-core-ui .button,
|
||||||
.wp-core-ui .button:active, /* Override non-responsive active styles in buttons.css */
|
|
||||||
input#publish,
|
input#publish,
|
||||||
input#save-post,
|
input#save-post,
|
||||||
a.preview {
|
a.preview {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -279,7 +279,6 @@ TABLE OF CONTENTS:
|
||||||
@media screen and ( max-width: 782px ) {
|
@media screen and ( max-width: 782px ) {
|
||||||
|
|
||||||
.wp-core-ui .button,
|
.wp-core-ui .button,
|
||||||
.wp-core-ui .button:active, /* Override non-responsive active styles in buttons.css */
|
|
||||||
input#publish,
|
input#publish,
|
||||||
input#save-post,
|
input#save-post,
|
||||||
a.preview {
|
a.preview {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -28,10 +28,10 @@
|
||||||
width: 380px;
|
width: 380px;
|
||||||
margin: 0 -190px 0 0;
|
margin: 0 -190px 0 0;
|
||||||
padding: 30px 0 0;
|
padding: 30px 0 0;
|
||||||
background-color: #fbfbfb;
|
background-color: #eee;
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
border-radius: 3px;
|
|
||||||
z-index: 1000001;
|
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 {
|
#wp-auth-check-wrap.fallback #wp-auth-check {
|
||||||
|
@ -55,12 +55,26 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
left: 8px;
|
left: 8px;
|
||||||
height: 14px;
|
height: 22px;
|
||||||
width: 14px;
|
width: 22px;
|
||||||
cursor: pointer;
|
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 {
|
#wp-auth-check-wrap .wp-auth-check-close:focus {
|
||||||
|
@ -82,13 +96,3 @@
|
||||||
#wp-auth-check-wrap.fallback .wp-auth-check-close {
|
#wp-auth-check-wrap.fallback .wp-auth-check-close {
|
||||||
display: block;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
#wp-auth-check-wrap.hidden{display:none}#wp-auth-check-wrap #wp-auth-check-bg{position:fixed;top:0;bottom:0;right:0;left:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:1000000}#wp-auth-check-wrap #wp-auth-check{position:fixed;right:50%;overflow:hidden;top:40px;bottom:20px;max-height:415px;width:380px;margin:0 -190px 0 0;padding:30px 0 0;background-color:#fbfbfb;-webkit-border-radius:3px;border-radius:3px;z-index:1000001}#wp-auth-check-wrap.fallback #wp-auth-check{max-height:180px;overflow:auto}#wp-auth-check-wrap #wp-auth-check-form{background:url(../images/wpspin-2x.gif) no-repeat center center;background-size:16px 16px;height:100%}#wp-auth-check-wrap #wp-auth-check-form iframe{height:100%;width:100%;overflow:auto}#wp-auth-check-wrap .wp-auth-check-close{position:absolute;top:8px;left:8px;height:14px;width:14px;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:focus{outline:1px dotted #888}#wp-auth-check-wrap .wp-auth-fallback-expired{outline:0}#wp-auth-check-wrap .wp-auth-fallback{font-size:14px;line-height:21px;padding:0 25px;display:none}#wp-auth-check-wrap.fallback .wp-auth-fallback,#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}}
|
#wp-auth-check-wrap.hidden{display:none}#wp-auth-check-wrap #wp-auth-check-bg{position:fixed;top:0;bottom:0;right:0;left:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:1000000}#wp-auth-check-wrap #wp-auth-check{position:fixed;right:50%;overflow:hidden;top:40px;bottom:20px;max-height:415px;width:380px;margin:0 -190px 0 0;padding:30px 0 0;background-color:#eee;z-index:1000001;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.3);box-shadow:0 3px 6px rgba(0,0,0,.3)}#wp-auth-check-wrap.fallback #wp-auth-check{max-height:180px;overflow:auto}#wp-auth-check-wrap #wp-auth-check-form{background:url(../images/wpspin-2x.gif) no-repeat center center;background-size:16px 16px;height:100%}#wp-auth-check-wrap #wp-auth-check-form iframe{height:100%;width:100%;overflow:auto}#wp-auth-check-wrap .wp-auth-check-close{position:absolute;top:8px;left:8px;height:22px;width:22px;cursor:pointer}#wp-auth-check-wrap .wp-auth-check-close:before{content:'\f158';display:block!important;font:400 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{outline:1px dotted #888}#wp-auth-check-wrap .wp-auth-fallback-expired{outline:0}#wp-auth-check-wrap .wp-auth-fallback{font-size:14px;line-height:21px;padding:0 25px;display:none}#wp-auth-check-wrap.fallback .wp-auth-fallback,#wp-auth-check-wrap.fallback .wp-auth-check-close{display:block}
|
|
@ -28,10 +28,10 @@
|
||||||
width: 380px;
|
width: 380px;
|
||||||
margin: 0 0 0 -190px;
|
margin: 0 0 0 -190px;
|
||||||
padding: 30px 0 0;
|
padding: 30px 0 0;
|
||||||
background-color: #fbfbfb;
|
background-color: #eee;
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
border-radius: 3px;
|
|
||||||
z-index: 1000001;
|
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 {
|
#wp-auth-check-wrap.fallback #wp-auth-check {
|
||||||
|
@ -55,12 +55,26 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
right: 8px;
|
right: 8px;
|
||||||
height: 14px;
|
height: 22px;
|
||||||
width: 14px;
|
width: 22px;
|
||||||
cursor: pointer;
|
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 {
|
#wp-auth-check-wrap .wp-auth-check-close:focus {
|
||||||
|
@ -82,13 +96,3 @@
|
||||||
#wp-auth-check-wrap.fallback .wp-auth-check-close {
|
#wp-auth-check-wrap.fallback .wp-auth-check-close {
|
||||||
display: block;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
#wp-auth-check-wrap.hidden{display:none}#wp-auth-check-wrap #wp-auth-check-bg{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:1000000}#wp-auth-check-wrap #wp-auth-check{position:fixed;left:50%;overflow:hidden;top:40px;bottom:20px;max-height:415px;width:380px;margin:0 0 0 -190px;padding:30px 0 0;background-color:#fbfbfb;-webkit-border-radius:3px;border-radius:3px;z-index:1000001}#wp-auth-check-wrap.fallback #wp-auth-check{max-height:180px;overflow:auto}#wp-auth-check-wrap #wp-auth-check-form{background:url(../images/wpspin-2x.gif) no-repeat center center;background-size:16px 16px;height:100%}#wp-auth-check-wrap #wp-auth-check-form iframe{height:100%;width:100%;overflow:auto}#wp-auth-check-wrap .wp-auth-check-close{position:absolute;top:8px;right:8px;height:14px;width:14px;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:focus{outline:1px dotted #888}#wp-auth-check-wrap .wp-auth-fallback-expired{outline:0}#wp-auth-check-wrap .wp-auth-fallback{font-size:14px;line-height:21px;padding:0 25px;display:none}#wp-auth-check-wrap.fallback .wp-auth-fallback,#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}}
|
#wp-auth-check-wrap.hidden{display:none}#wp-auth-check-wrap #wp-auth-check-bg{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:1000000}#wp-auth-check-wrap #wp-auth-check{position:fixed;left:50%;overflow:hidden;top:40px;bottom:20px;max-height:415px;width:380px;margin:0 0 0 -190px;padding:30px 0 0;background-color:#eee;z-index:1000001;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.3);box-shadow:0 3px 6px rgba(0,0,0,.3)}#wp-auth-check-wrap.fallback #wp-auth-check{max-height:180px;overflow:auto}#wp-auth-check-wrap #wp-auth-check-form{background:url(../images/wpspin-2x.gif) no-repeat center center;background-size:16px 16px;height:100%}#wp-auth-check-wrap #wp-auth-check-form iframe{height:100%;width:100%;overflow:auto}#wp-auth-check-wrap .wp-auth-check-close{position:absolute;top:8px;right:8px;height:22px;width:22px;cursor:pointer}#wp-auth-check-wrap .wp-auth-check-close:before{content:'\f158';display:block!important;font:400 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{outline:1px dotted #888}#wp-auth-check-wrap .wp-auth-fallback-expired{outline:0}#wp-auth-check-wrap .wp-auth-fallback{font-size:14px;line-height:21px;padding:0 25px;display:none}#wp-auth-check-wrap.fallback .wp-auth-fallback,#wp-auth-check-wrap.fallback .wp-auth-check-close{display:block}
|
Loading…
Reference in New Issue