login.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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. }
  10. #logo {
  11. display: block;
  12. max-width: 90%;
  13. margin: 0 0 0 5%;
  14. height: 2rem;
  15. }
  16. #login form {
  17. max-width: 85%;
  18. display: block;
  19. margin: 0 auto;
  20. }
  21. #maximumGo {
  22. width: calc(100% - 1rem);
  23. }
  24. #copyright {
  25. font-size: .75rem;
  26. text-align: center;
  27. }
  28. #jsalert {
  29. margin: 1rem;
  30. border-radius: .75rem;
  31. border-color: rgba(255,0,0,.75);
  32. padding: 1rem;
  33. }
  34. .alert-danger {
  35. background-color: rgba(255,0,0,.25);
  36. }
  37. .alert-success {
  38. background-color: rgba(0,255,0,.25);
  39. }
  40. input {
  41. box-sizing: border-box;
  42. border-radius: .5em;
  43. border: .25em solid black;
  44. color: white;
  45. padding: .25em;
  46. margin: .25em;
  47. }
  48. .input-group {
  49. display: table;
  50. width: 100%;
  51. }
  52. .input-group > input, .input-group > label {
  53. display: table-cell;
  54. }
  55. .input-group > input {
  56. width: calc(100% - 1rem);
  57. background-color: #333;
  58. }
  59. input[type="submit"] {
  60. box-shadow: 0 0 .5em black;
  61. background-color: #333;
  62. color: white;
  63. }