passwords.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. #passwordEmail,
  2. #passwordReset,
  3. #passwordConfirm {
  4. background: #0f0f0f;
  5. display: -webkit-box;
  6. display: -ms-flexbox;
  7. display: flex;
  8. -webkit-box-orient: vertical;
  9. -webkit-box-direction: normal;
  10. -ms-flex-direction: column;
  11. flex-direction: column;
  12. -webkit-box-align: center;
  13. -ms-flex-align: center;
  14. align-items: center;
  15. -webkit-box-pack: center;
  16. -ms-flex-pack: center;
  17. justify-content: center;
  18. height: 100vh;
  19. }
  20. #passwordEmail a,
  21. #passwordReset a,
  22. #passwordConfirm a {
  23. text-decoration: none;
  24. }
  25. #passwordEmail header,
  26. #passwordReset header,
  27. #passwordConfirm header {
  28. font-family: "Open-Sans-Extrabold";
  29. font-size: 37px;
  30. font-weight: bolder;
  31. margin: 1.6rem 0;
  32. }
  33. #passwordEmail header a,
  34. #passwordReset header a,
  35. #passwordConfirm header a {
  36. color: #d3d629;
  37. }
  38. #passwordEmail header a:hover, #passwordEmail header a:focus,
  39. #passwordReset header a:hover,
  40. #passwordReset header a:focus,
  41. #passwordConfirm header a:hover,
  42. #passwordConfirm header a:focus {
  43. color: #a8aa2f;
  44. }
  45. #passwordEmail main,
  46. #passwordReset main,
  47. #passwordConfirm main {
  48. max-width: 400px;
  49. padding: 10px;
  50. }
  51. #passwordEmail main h5,
  52. #passwordReset main h5,
  53. #passwordConfirm main h5 {
  54. font-weight: bold;
  55. margin-bottom: 0.9rem;
  56. }
  57. #passwordEmail main form div:last-child a,
  58. #passwordReset main form div:last-child a,
  59. #passwordConfirm main form div:last-child a {
  60. color: #0066c0;
  61. }
  62. #passwordEmail main form div:last-child a:hover, #passwordEmail main form div:last-child a:focus,
  63. #passwordReset main form div:last-child a:hover,
  64. #passwordReset main form div:last-child a:focus,
  65. #passwordConfirm main form div:last-child a:hover,
  66. #passwordConfirm main form div:last-child a:focus {
  67. color: #00558c;
  68. text-decoration: underline;
  69. }
  70. #passwordEmail main hr,
  71. #passwordReset main hr,
  72. #passwordConfirm main hr {
  73. margin: 0.5rem 0 0.9rem 0;
  74. border-color: #888;
  75. }
  76. #passwordEmail main footer,
  77. #passwordReset main footer,
  78. #passwordConfirm main footer {
  79. text-align: center;
  80. font-size: 11px;
  81. color: #6c6c6c;
  82. background: transparent;
  83. border: 0;
  84. padding: 0;
  85. }