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.

89 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: 13px 16px;
  27. margin-bottom: 36px;
  28. }
  29. #login-sep {
  30. background: var(--border-color);
  31. position: absolute;
  32. top: 10%;
  33. right: -1px;
  34. height: 80%;
  35. width: 1px;
  36. }
  37. #login-sep div {
  38. position: absolute;
  39. top: 40%;
  40. width: 40px;
  41. left: -20px;
  42. text-align: center;
  43. background: var(--body-bg);
  44. font-style: italic;
  45. color: #666;
  46. font-size: 12px;
  47. padding: 8px 0;
  48. }
  49. #xs-login-sep {
  50. text-align: center;
  51. margin: 40px;
  52. font-style: italic;
  53. color: #666;
  54. font-size: 12px;
  55. height: 1px;
  56. background: #ddd;
  57. }
  58. #xs-login-sep div {
  59. position: relative;
  60. margin: 0 auto;
  61. width: 30px;
  62. top: -9px;
  63. background: var(--body-bg);
  64. }
  65. #login-password {
  66. margin-bottom: 0;
  67. }
  68. #forgot-password {
  69. float: right;
  70. display: block;
  71. height: 36px;
  72. padding-top: 2px;
  73. margin: 0;
  74. }
  75. #lost-password-modal ol {
  76. line-height: 1.8;
  77. }