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.

117 lines
2.0 KiB

4 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. .jumbotron {
  16. background-color: #333 !important;
  17. }
  18. .modal-content {
  19. background-color: #111 !important;
  20. color: #eee;
  21. }
  22. .modal-header {
  23. border-bottom: 1px solid #555 !important;
  24. }
  25. .modal-header .close {
  26. color: #eee !important;
  27. text-shadow: 0 1px 0 #555 !important;
  28. }
  29. .modal-footer {
  30. border-top: 1px solid #555 !important;
  31. }
  32. .bg-light {
  33. background-color: #333 !important;
  34. }
  35. .bg-white {
  36. background-color: #000 !important;
  37. }
  38. .bg-black {
  39. background-color: #eee !important;
  40. }
  41. .form-control {
  42. display: block;
  43. width: 100%;
  44. height: calc(1.5em + 0.75rem + 2px);
  45. padding: 0.375rem 0.75rem;
  46. font-size: 1rem;
  47. font-weight: 400;
  48. line-height: 1.5;
  49. color: #dee2e6;
  50. background-color: #000;
  51. background-clip: padding-box;
  52. border: 1px solid #6c757d;
  53. border-radius: 0.25rem;
  54. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  55. }
  56. @media (prefers-reduced-motion: reduce) {
  57. .form-control {
  58. transition: none;
  59. }
  60. }
  61. .form-control::-ms-expand {
  62. background-color: transparent;
  63. border: 0;
  64. }
  65. .form-control:-moz-focusring {
  66. color: transparent;
  67. text-shadow: 0 0 0 #dee2e6;
  68. }
  69. .form-control:focus {
  70. color: #dee2e6;
  71. background-color: #191d21;
  72. border-color: #b3d7ff;
  73. outline: 0;
  74. box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  75. }
  76. .form-control::-webkit-input-placeholder {
  77. color: #6c757d;
  78. opacity: 1;
  79. }
  80. .form-control::-moz-placeholder {
  81. color: #6c757d;
  82. opacity: 1;
  83. }
  84. .form-control::-ms-input-placeholder {
  85. color: #6c757d;
  86. opacity: 1;
  87. }
  88. .form-control::placeholder {
  89. color: #6c757d;
  90. opacity: 1;
  91. }
  92. .form-control:disabled,
  93. .form-control[readonly] {
  94. background-color: #343a40;
  95. opacity: 1;
  96. }
  97. }