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.

140 lines
2.4 KiB

4 years ago
3 years ago
4 years ago
3 years ago
  1. @media (max-width: 991.98px) {
  2. #userNameRow,
  3. #firstNameRow {
  4. margin-bottom: 20px;
  5. }
  6. #passwordButton {
  7. margin-bottom: 50px;
  8. }
  9. }
  10. @media (prefers-color-scheme: dark) {
  11. body {
  12. background-color: #111 !important;
  13. color: #eee;
  14. }
  15. .shadow-lg {
  16. box-shadow: 0 1rem 3rem rgba(0,0,0,.75) !important;
  17. }
  18. .jumbotron {
  19. background-color: #333 !important;
  20. }
  21. .modal-content {
  22. background-color: #111 !important;
  23. color: #eee;
  24. }
  25. .modal-header {
  26. border-bottom: 1px solid #555 !important;
  27. }
  28. .modal-header .close {
  29. color: #eee !important;
  30. text-shadow: 0 1px 0 #555 !important;
  31. }
  32. .modal-footer {
  33. border-top: 1px solid #555 !important;
  34. }
  35. .bg-light {
  36. background-color: #333 !important;
  37. }
  38. .bg-white {
  39. background-color: #000 !important;
  40. }
  41. .bg-black {
  42. background-color: #eee !important;
  43. }
  44. .form-control {
  45. display: block;
  46. width: 100%;
  47. height: calc(1.5em + 0.75rem + 2px);
  48. padding: 0.375rem 0.75rem;
  49. font-size: 1rem;
  50. font-weight: 400;
  51. line-height: 1.5;
  52. color: #dee2e6;
  53. background-color: #000;
  54. background-clip: padding-box;
  55. border: 1px solid #6c757d;
  56. border-radius: 0.25rem;
  57. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  58. }
  59. @media (prefers-reduced-motion: reduce) {
  60. .form-control {
  61. transition: none;
  62. }
  63. }
  64. .form-control::-ms-expand {
  65. background-color: transparent;
  66. border: 0;
  67. }
  68. .form-control:-moz-focusring {
  69. color: transparent;
  70. text-shadow: 0 0 0 #dee2e6;
  71. }
  72. .form-control:focus {
  73. color: #dee2e6;
  74. background-color: #191d21;
  75. border-color: #b3d7ff;
  76. outline: 0;
  77. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  78. }
  79. .form-control::-webkit-input-placeholder {
  80. color: #6c757d;
  81. opacity: 1;
  82. }
  83. .form-control::-moz-placeholder {
  84. color: #6c757d;
  85. opacity: 1;
  86. }
  87. .form-control::-ms-input-placeholder {
  88. color: #6c757d;
  89. opacity: 1;
  90. }
  91. .form-control::placeholder {
  92. color: #6c757d;
  93. opacity: 1;
  94. }
  95. .form-control:disabled,
  96. .form-control[readonly] {
  97. background-color: #343a40;
  98. opacity: 1;
  99. }
  100. }
  101. .overlay-frame {
  102. z-index: 1050;
  103. position: fixed;
  104. top: 55px;
  105. right: 10px;
  106. border-radius: .25rem;
  107. border: 1px solid #6c757d;
  108. }
  109. #overlay {
  110. width: 100%;
  111. height: 100%;
  112. z-index: 1040;
  113. background-color: rgba(0, 0, 0, 0);
  114. position: fixed;
  115. top: 0;
  116. left: 0;
  117. overflow: hidden;
  118. }