login.css 826 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. * {
  2. box-sizing: border-box;
  3. margin: 0;
  4. padding: 0;
  5. }
  6. .login-wrap {
  7. margin: 50px auto 0;
  8. max-width: 350px;
  9. padding: 15px;
  10. width: 100%;
  11. }
  12. .logo {
  13. margin: 30px auto 70px;
  14. display: block;
  15. text-align: center;
  16. }
  17. .form {
  18. padding-top: 20px;
  19. }
  20. input[type="text"],
  21. input[type="password"],
  22. button {
  23. width: 100%;
  24. height: 40px;
  25. -moz-outline-style: none;
  26. }
  27. input[type="text"],
  28. input[type="password"] {
  29. border: 1px solid #bbb;
  30. padding: 0 0 0 10px;
  31. font-size: 14px;
  32. }
  33. input[type="text"]:focus,
  34. input[type="password"]:focus {
  35. border: 1px solid #a13bb6;
  36. }
  37. a {
  38. text-align: center;
  39. font-size: 10px;
  40. color: #a13bb6;
  41. }
  42. p {
  43. padding-bottom: 10px;
  44. }
  45. button:hover {
  46. box-shadow: 1px 1px 5px #555;
  47. }
  48. button:active {
  49. box-shadow: 1px 1px 7px #222;
  50. }