You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

87 lines
1.3 KiB

  1. .page-login h1 {
  2. text-align: center;
  3. margin: 40px 0;
  4. }
  5. .page-login .alert {
  6. margin-bottom: 40px;
  7. }
  8. .page-login form p {
  9. margin-bottom: 20px;
  10. text-align: center;
  11. }
  12. .page-login form input {
  13. margin-bottom: 20px;
  14. }
  15. @media (min-width: 768px) {
  16. #magic-link-form {
  17. margin-right: 50px;
  18. }
  19. #login-form {
  20. margin-left: 50px;
  21. }
  22. }
  23. #link-instruction {
  24. color: #999;
  25. font-style: italic;
  26. padding: 12px 16px;
  27. }
  28. #login-sep {
  29. background:#ddd;
  30. position: absolute;
  31. top: 10%;
  32. right: -1px;
  33. height: 80%;
  34. width: 1px;
  35. }
  36. #login-sep div {
  37. position: absolute;
  38. top: 40%;
  39. width: 40px;
  40. left: -20px;
  41. text-align: center;
  42. background: #fff;
  43. font-style: italic;
  44. color: #666;
  45. font-size: 12px;
  46. padding: 8px 0;
  47. }
  48. #xs-login-sep {
  49. text-align: center;
  50. margin: 40px;
  51. font-style: italic;
  52. color: #666;
  53. font-size: 12px;
  54. height: 1px;
  55. background: #ddd;
  56. }
  57. #xs-login-sep div {
  58. position: relative;
  59. margin: 0 auto;
  60. width: 30px;
  61. top: -9px;
  62. background: #fff;
  63. }
  64. #login-signup-cta {
  65. font-size: 18px;
  66. color: #999;
  67. margin-top: 40px;
  68. }
  69. #login-signup-cta a {
  70. color: #999;
  71. text-decoration: underline;
  72. }
  73. #login-signup-cta a:hover {
  74. color: #0091EA;
  75. }