bootstrap.css 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
  1. /* This is a subset of bootstrap.css */
  2. .navbar-brand img {
  3. max-width: 4em; }
  4. .navbar {
  5. display: none; }
  6. .navbar {
  7. position: relative;
  8. display: flex;
  9. flex-wrap: wrap;
  10. align-items: center;
  11. justify-content: space-between;
  12. padding: 0.5rem 1rem; }
  13. .navbar > .container,
  14. .navbar > .container-fluid {
  15. display: flex;
  16. flex-wrap: wrap;
  17. align-items: center;
  18. justify-content: space-between; }
  19. .navbar-brand {
  20. display: inline-block;
  21. padding-top: 0.3125rem;
  22. padding-bottom: 0.3125rem;
  23. margin-right: 1rem;
  24. font-size: 1.25rem;
  25. line-height: inherit;
  26. white-space: nowrap; }
  27. .navbar-brand:focus, .navbar-brand:hover {
  28. text-decoration: none; }
  29. .navbar-dark .navbar-brand {
  30. color: #FFFFFF; }
  31. .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  32. color: #FFFFFF; }
  33. .navbar-dark .navbar-nav .nav-link {
  34. color: #FFFFFF; }
  35. .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  36. color: rgba(255, 255, 255, 0.75); }
  37. .navbar-dark .navbar-nav .nav-link.disabled {
  38. color: rgba(255, 255, 255, 0.25); }
  39. .navbar-dark .navbar-nav .show > .nav-link,
  40. .navbar-dark .navbar-nav .active > .nav-link,
  41. .navbar-dark .navbar-nav .nav-link.show,
  42. .navbar-dark .navbar-nav .nav-link.active {
  43. color: #FFFFFF; }
  44. .navbar-dark .navbar-toggler {
  45. color: #FFFFFF;
  46. border-color: rgba(255, 255, 255, 0.1); }
  47. .navbar-dark .navbar-toggler-icon {
  48. background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
  49. .navbar-dark .navbar-text {
  50. color: #FFFFFF; }
  51. .navbar-dark .navbar-text a {
  52. color: #FFFFFF; }
  53. .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
  54. color: #FFFFFF; }
  55. .navbar {
  56. background-image: url("./images/onion-bg.svg");
  57. background-repeat: no-repeat;
  58. background-position: 10px 12px; }
  59. .navbar-brand span {
  60. font-size: 0.6em;
  61. display: flex; }
  62. .no-gutters {
  63. margin-right: 0;
  64. margin-left: 0; }
  65. .no-gutters > .col,
  66. .no-gutters > [class*="col-"] {
  67. padding-right: 0;
  68. padding-left: 0; }
  69. .no-gutters {
  70. margin-bottom: 0 !important; }
  71. .no-background {
  72. background-image: none !important; }
  73. .bg-dark {
  74. background-color: #59316B !important; }
  75. a.bg-dark:focus, a.bg-dark:hover {
  76. background-color: #3c2148 !important; }
  77. .p-4 {
  78. padding: 1.5rem !important; }
  79. .btn-group,
  80. .btn-group-vertical {
  81. position: relative;
  82. display: inline-flex;
  83. vertical-align: middle; }
  84. .btn-group > .btn,
  85. .btn-group-vertical > .btn {
  86. position: relative;
  87. flex: 0 1 auto; }
  88. .btn-group > .btn:hover,
  89. .btn-group-vertical > .btn:hover {
  90. z-index: 2; }
  91. .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  92. .btn-group-vertical > .btn:focus,
  93. .btn-group-vertical > .btn:active,
  94. .btn-group-vertical > .btn.active {
  95. z-index: 2; }
  96. .btn-group .btn + .btn,
  97. .btn-group .btn + .btn-group,
  98. .btn-group .btn-group + .btn,
  99. .btn-group .btn-group + .btn-group,
  100. .btn-group-vertical .btn + .btn,
  101. .btn-group-vertical .btn + .btn-group,
  102. .btn-group-vertical .btn-group + .btn,
  103. .btn-group-vertical .btn-group + .btn-group {
  104. margin-left: -1px; }
  105. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  106. border-radius: 0; }
  107. .btn-group > .btn:first-child {
  108. margin-left: 0; }
  109. .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  110. border-top-right-radius: 0;
  111. border-bottom-right-radius: 0; }
  112. .btn-group > .btn:last-child:not(:first-child),
  113. .btn-group > .dropdown-toggle:not(:first-child) {
  114. border-top-left-radius: 0;
  115. border-bottom-left-radius: 0; }
  116. .btn-group > .btn-group {
  117. float: left; }
  118. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  119. border-radius: 0; }
  120. .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  121. .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  122. border-top-right-radius: 0;
  123. border-bottom-right-radius: 0; }
  124. .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  125. border-top-left-radius: 0;
  126. border-bottom-left-radius: 0; }
  127. .dropup,
  128. .dropdown {
  129. position: relative; }
  130. .dropdown-toggle::after {
  131. display: inline-block;
  132. width: 0;
  133. height: 0;
  134. margin-left: 0.255em;
  135. vertical-align: 0.255em;
  136. content: "";
  137. border-top: 0.3em solid;
  138. border-right: 0.3em solid transparent;
  139. border-bottom: 0;
  140. border-left: 0.3em solid transparent; }
  141. .dropdown-toggle:empty::after {
  142. margin-left: 0; }
  143. .dropup .dropdown-toggle::after {
  144. display: inline-block;
  145. width: 0;
  146. height: 0;
  147. margin-left: 0.255em;
  148. vertical-align: 0.255em;
  149. content: "";
  150. border-top: 0;
  151. border-right: 0.3em solid transparent;
  152. border-bottom: 0.3em solid;
  153. border-left: 0.3em solid transparent; }
  154. .dropup .dropdown-toggle:empty::after {
  155. margin-left: 0; }
  156. .dropdown-menu {
  157. position: absolute;
  158. top: 100%;
  159. left: 0;
  160. z-index: 1000;
  161. display: none;
  162. float: left;
  163. min-width: 10rem;
  164. padding: 0.5rem 0;
  165. margin: 0.125rem 0 0;
  166. font-size: 1rem;
  167. color: #212529;
  168. text-align: left;
  169. list-style: none;
  170. background-color: #FFFFFF;
  171. background-clip: padding-box;
  172. border: 1px solid rgba(0, 0, 0, 0.15);
  173. border-radius: 0.25rem; }
  174. .dropup .dropdown-menu {
  175. margin-top: 0;
  176. margin-bottom: 0.125rem; }
  177. .dropup .dropdown-toggle::after {
  178. display: inline-block;
  179. width: 0;
  180. height: 0;
  181. margin-left: 0.255em;
  182. vertical-align: 0.255em;
  183. content: "";
  184. border-top: 0;
  185. border-right: 0.3em solid transparent;
  186. border-bottom: 0.3em solid;
  187. border-left: 0.3em solid transparent; }
  188. .dropup .dropdown-toggle:empty::after {
  189. margin-left: 0; }
  190. .dropdown-menu.show {
  191. display: block; }
  192. .dropdown-item {
  193. display: block;
  194. width: 100%;
  195. padding: 0.25rem 1.5rem;
  196. clear: both;
  197. font-weight: 400;
  198. color: #212529;
  199. text-align: inherit;
  200. white-space: nowrap;
  201. background: none;
  202. border: 0; }
  203. .dropdown-item:focus, .dropdown-item:hover {
  204. color: #16181b;
  205. text-decoration: none;
  206. background-color: #F8F9FA; }
  207. .dropdown-item.active, .dropdown-item:active {
  208. color: #FFFFFF;
  209. text-decoration: none;
  210. background-color: #7D4698; }
  211. .dropdown-item.disabled, .dropdown-item:disabled {
  212. color: #848E97;
  213. background-color: transparent; }
  214. .btn {
  215. display: inline-block;
  216. font-weight: 400;
  217. text-align: center;
  218. white-space: nowrap;
  219. vertical-align: middle;
  220. user-select: none;
  221. border: 1px solid transparent;
  222. padding: 0.375rem 0.75rem;
  223. font-size: 1rem;
  224. line-height: 1.5;
  225. border-radius: 0.25rem;
  226. transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  227. .btn:focus, .btn:hover {
  228. text-decoration: none; }
  229. .btn:focus, .btn.focus {
  230. outline: 0;
  231. box-shadow: 0 0 0 0.2rem rgba(125, 70, 152, 0.25); }
  232. .btn.disabled, .btn:disabled {
  233. opacity: .65; }
  234. .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
  235. background-image: none; }
  236. a.btn.disabled,
  237. fieldset[disabled] a.btn {
  238. pointer-events: none; }
  239. .btn-dark {
  240. color: #fff;
  241. background-color: #59316B;
  242. border-color: #59316B; }
  243. .btn-dark:hover {
  244. color: #fff;
  245. background-color: #432551;
  246. border-color: #3c2148; }
  247. .btn-dark:focus, .btn-dark.focus {
  248. box-shadow: 0 0 0 0.2rem rgba(89, 49, 107, 0.5); }
  249. .btn-dark.disabled, .btn-dark:disabled {
  250. background-color: #59316B;
  251. border-color: #59316B; }
  252. .btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  253. color: #fff;
  254. background-color: #3c2148;
  255. border-color: #351d3f;
  256. box-shadow: 0 0 0 0.2rem rgba(89, 49, 107, 0.5); }
  257. .btn-block {
  258. display: block;
  259. width: 100%; }
  260. .btn-block + .btn-block {
  261. margin-top: 0.5rem; }
  262. input[type="submit"].btn-block,
  263. input[type="reset"].btn-block,
  264. input[type="button"].btn-block {
  265. width: 100%; }
  266. *,
  267. *::before,
  268. *::after {
  269. box-sizing: border-box; }
  270. a,
  271. area,
  272. button,
  273. [role="button"],
  274. input:not([type="range"]),
  275. label,
  276. select,
  277. summary,
  278. textarea {
  279. touch-action: manipulation; }
  280. a {
  281. color: #7D4698;
  282. text-decoration: none;
  283. background-color: transparent;
  284. -webkit-text-decoration-skip: objects; }
  285. a:hover {
  286. color: #522e64;
  287. text-decoration: underline; }
  288. a:not([href]):not([tabindex]) {
  289. color: inherit;
  290. text-decoration: none; }
  291. a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  292. color: inherit;
  293. text-decoration: none; }
  294. a:not([href]):not([tabindex]):focus {
  295. outline: 0; }