You are here

super-login-buttons.css in Super Login 7

Same filename and directory in other branches
  1. 8 css/super-login-buttons.css
/* 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
  1. /* Buttons */
  2. #user-login #edit-submit{
  3. background: url("buttons.png");
  4. width: 115px;
  5. height: 35px;
  6. border: none;
  7. font-size: 0;
  8. }
  9. #user-login #edit-submit:hover{
  10. background-position: 0 bottom;
  11. }
  12. #user-pass #edit-submit{
  13. background: url("buttons.png") right 0;
  14. width: 175px;
  15. height: 35px;
  16. border: none;
  17. font-size: 0;
  18. }
  19. #user-pass #edit-submit:hover{
  20. background-position: right bottom;
  21. }
  22. /* For retina displays */
  23. @media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ),
  24. only screen and ( min--moz-device-pixel-ratio: 1.3 ),
  25. only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), /* returns 1.3, see Dev.Opera */
  26. only screen and ( min-device-pixel-ratio: 1.3 ),
  27. only screen and ( min-resolution: 124.8dpi ),
  28. only screen and ( min-resolution: 1.3dppx ){
  29. #user-login #edit-submit,
  30. #user-pass #edit-submit{
  31. background-image: url("buttons-retina.png");
  32. -moz-background-size:290px 70px;
  33. -ie-background-size:290px 70px;
  34. -o-background-size:290px 70px;
  35. -webkit-background-size:290px 70px;
  36. background-size: 290px 70px;
  37. }
  38. }
  39. #user-login #edit-submit{
  40. cursor: pointer;
  41. }