login.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. #loginForm {
  2. display: -webkit-box;
  3. display: -ms-flexbox;
  4. display: flex;
  5. -webkit-box-orient: vertical;
  6. -webkit-box-direction: normal;
  7. -ms-flex-direction: column;
  8. flex-direction: column;
  9. -webkit-box-align: center;
  10. -ms-flex-align: center;
  11. align-items: center;
  12. -webkit-box-pack: center;
  13. -ms-flex-pack: center;
  14. justify-content: center;
  15. height: 100vh;
  16. }
  17. #loginForm a {
  18. text-decoration: none;
  19. }
  20. #loginForm header {
  21. font-family: "Open-Sans-Extrabold";
  22. font-size: 37px;
  23. font-weight: bolder;
  24. margin-bottom: 0.7rem;
  25. }
  26. #loginForm header a {
  27. color: #333;
  28. }
  29. #loginForm header a:hover, #loginForm header a:focus {
  30. color: #18306c;
  31. }
  32. #loginForm main {
  33. border-radius: 4px;
  34. padding: 20px;
  35. border: 1px solid #b5b5b5;
  36. background: #fff;
  37. }
  38. #loginForm main h5 {
  39. font-weight: bold;
  40. margin-bottom: 0.9rem;
  41. }
  42. #loginForm main div:last-child ul {
  43. margin-bottom: 0;
  44. }
  45. #loginForm main div:last-child ul li span {
  46. display: inline-block;
  47. margin: 0;
  48. padding: 0;
  49. width: 1px;
  50. height: 11px;
  51. background: #2c2c2c;
  52. vertical-align: middle;
  53. }
  54. #loginForm main div:last-child a:hover, #loginForm main div:last-child a:focus {
  55. text-decoration: underline;
  56. }
  57. #loginForm main hr {
  58. margin: 0.5rem 0;
  59. border-color: #888;
  60. }
  61. #loginForm main footer {
  62. text-align: center;
  63. font-size: 11px;
  64. padding-top: 12px;
  65. color: #6c6c6c;
  66. }