password.css 962 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .ui-password-panel {
  2. padding: .25em .5em;
  3. position: absolute;
  4. }
  5. .ui-password-panel .ui-password-meter {
  6. height: 10px;
  7. background:transparent url("./images/password-meter.png") no-repeat left top;
  8. padding: 0;
  9. margin: 0;
  10. }
  11. .ui-password-info {
  12. margin-top: .25em;
  13. }
  14. /* Overlay Animations */
  15. .ui-password-panel {
  16. -webkit-transform: translateY(5%);
  17. -ms-transform: translateY(5%);
  18. transform: translateY(5%);
  19. opacity: 0;
  20. -webkit-transition: transform .3s, opacity .3s;
  21. transition: transform .3s, opacity .3s;
  22. }
  23. .ui-password-panel-visible {
  24. -webkit-transform: translateY(0);
  25. -ms-transform: translateY(0);
  26. transform: translateY(0);
  27. opacity: 1;
  28. }
  29. .ui-password-panel-hidden {
  30. opacity: 0;
  31. -webkit-transform: translateY(5%);
  32. -ms-transform: translateY(5%);
  33. transform: translateY(5%);
  34. -webkit-transition: transform .3s, opacity .15s;
  35. transition: transform .3s, opacity .15s;
  36. }