super-login-buttons.css in Super Login 7
/* Buttons */
#user-login #edit-submit{
background: url("buttons.png");
width: 115px;
height: 35px;
border: none;
font-size: 0;
}
#user-login #edit-submit:hover{
background-position: 0 bottom;
}
#user-pass #edit-submit{
background: url("buttons.png") right 0;
width: 175px;
height: 35px;
border: none;
font-size: 0;
}
#user-pass #edit-submit:hover{
background-position: right bottom;
}
/* For retina displays */
@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ),
only screen and ( min--moz-device-pixel-ratio: 1.3 ),
only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), /* returns 1.3, see Dev.Opera */
only screen and ( min-device-pixel-ratio: 1.3 ),
only screen and ( min-resolution: 124.8dpi ),
only screen and ( min-resolution: 1.3dppx ){
#user-login #edit-submit,
#user-pass #edit-submit{
background-image: url("buttons-retina.png");
-moz-background-size:290px 70px;
-ie-background-size:290px 70px;
-o-background-size:290px 70px;
-webkit-background-size:290px 70px;
background-size: 290px 70px;
}
}
#user-login #edit-submit{
cursor: pointer;
}
File
css/super-login-buttons.css
View source
- /* Buttons */
- #user-login #edit-submit{
- background: url("buttons.png");
- width: 115px;
- height: 35px;
- border: none;
- font-size: 0;
- }
-
- #user-login #edit-submit:hover{
- background-position: 0 bottom;
- }
-
- #user-pass #edit-submit{
- background: url("buttons.png") right 0;
- width: 175px;
- height: 35px;
- border: none;
- font-size: 0;
- }
-
- #user-pass #edit-submit:hover{
- background-position: right bottom;
- }
-
- /* For retina displays */
- @media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ),
- only screen and ( min--moz-device-pixel-ratio: 1.3 ),
- only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), /* returns 1.3, see Dev.Opera */
- only screen and ( min-device-pixel-ratio: 1.3 ),
- only screen and ( min-resolution: 124.8dpi ),
- only screen and ( min-resolution: 1.3dppx ){
-
- #user-login #edit-submit,
- #user-pass #edit-submit{
- background-image: url("buttons-retina.png");
- -moz-background-size:290px 70px;
- -ie-background-size:290px 70px;
- -o-background-size:290px 70px;
- -webkit-background-size:290px 70px;
- background-size: 290px 70px;
- }
- }
-
- #user-login #edit-submit{
- cursor: pointer;
- }