login.css 996 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. body {
  2. background-color: gray;
  3. font-family: sans-serif;
  4. }
  5. #login {
  6. margin: 0 auto;
  7. max-width: 25rem;
  8. color: white;
  9. padding-top: 5rem;
  10. }
  11. #logo {
  12. display: block;
  13. max-width: 90%;
  14. margin: 0 0 0 5%;
  15. height: 2rem;
  16. }
  17. #login form {
  18. max-width: 85%;
  19. display: block;
  20. margin: 0 auto;
  21. }
  22. #maximumGo {
  23. width: calc(100% - 1rem);
  24. }
  25. #copyright {
  26. font-size: .75rem;
  27. text-align: center;
  28. }
  29. input {
  30. box-sizing: border-box;
  31. border-radius: .5em;
  32. border: .25em solid black;
  33. color: white;
  34. padding: .25em;
  35. margin: .25em;
  36. }
  37. .input-group {
  38. display: table;
  39. width: 100%;
  40. }
  41. .input-group > input, .input-group > label {
  42. display: table-cell;
  43. }
  44. .input-group > input {
  45. width: calc(100% - 1rem);
  46. background-color: #333;
  47. }
  48. input[type="submit"] {
  49. box-shadow: 0 0 .5em black;
  50. background-color: #333;
  51. color: white;
  52. }
  53. #resetpass {
  54. text-align: center;
  55. display: block;
  56. width: 100%;
  57. margin-top: 1rem;
  58. }