From 4632b8747bab62a9cbd51699f9c14b046ec9ca9c Mon Sep 17 00:00:00 2001 From: Aevann1 Date: Mon, 20 Dec 2021 16:28:38 +0200 Subject: [PATCH] sdfsdf --- .../assets/CHRISTMAS/css/main-deprecated.css | 2 +- files/assets/css/main.css | 9070 ++++++++--------- files/routes/settings.py | 30 +- files/templates/CHRISTMAS/authforms.html | 4 +- files/templates/CHRISTMAS/default.html | 4 +- files/templates/CHRISTMAS/login.html | 4 +- files/templates/CHRISTMAS/login_2fa.html | 2 +- files/templates/CHRISTMAS/settings.html | 4 +- files/templates/CHRISTMAS/sign_up.html | 4 +- .../CHRISTMAS/sign_up_failed_ref.html | 2 +- files/templates/CHRISTMAS/tailwind.html | 2 +- files/templates/admin/badge_grant.html | 7 +- files/templates/authforms.html | 4 +- files/templates/default.html | 4 +- files/templates/log.html | 4 +- files/templates/login.html | 2 +- files/templates/login_2fa.html | 2 +- files/templates/settings.html | 2 +- files/templates/settings2.html | 4 +- files/templates/sign_up.html | 2 +- files/templates/sign_up_failed_ref.html | 2 +- files/templates/submit.html | 4 +- 22 files changed, 4597 insertions(+), 4568 deletions(-) diff --git a/files/assets/CHRISTMAS/css/main-deprecated.css b/files/assets/CHRISTMAS/css/main-deprecated.css index 95869c263..3544e7801 100644 --- a/files/assets/CHRISTMAS/css/main-deprecated.css +++ b/files/assets/CHRISTMAS/css/main-deprecated.css @@ -5698,7 +5698,7 @@ blockquote p { color: lightblue; } -.bet ~ .custom-control-label::before { +input[type=radio] ~ .custom-control-label::before { border-radius: 50%; } diff --git a/files/assets/css/main.css b/files/assets/css/main.css index 5ec1ea533..ee7ce792e 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -1,4672 +1,4672 @@ @charset "UTF-8"; - *, *::before, *::after { - box-sizing: border-box; -} - html { - font-family: sans-serif; - line-height: 1.15; - -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - article, aside, figcaption, figure, footer, header, main, nav, section { - display: block; -} - body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #212529; - text-align: left; - background-color: #fff; -} - [tabindex="-1"]:focus:not(:focus-visible) { - outline: 0 !important; -} - hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - h1, h2, h3, h4, h5, h6 { - margin-top: 0; - margin-bottom: 0.5rem; -} - p { - margin-top: 0; - margin-bottom: 1rem; -} - abbr[title], abbr[data-bs-original-title] { - text-decoration: underline; - text-decoration: underline dotted; - cursor: help; - border-bottom: 0; - text-decoration-skip-ink: none; -} - address { - margin-bottom: 1rem; - font-style: normal; - line-height: inherit; -} - ol, ul, dl { - margin-top: 0; - margin-bottom: 1rem; -} - ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; -} - dt { - font-weight: 600; -} - dd { - margin-bottom: 0.5rem; - margin-left: 0; -} - blockquote { - margin: 0 0 1rem; +*, *::before, *::after { + box-sizing: border-box; +} +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +article, aside, figcaption, figure, footer, header, main, nav, section { + display: block; +} +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: left; + background-color: #fff; +} +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important; +} +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; +} +p { + margin-top: 0; + margin-bottom: 1rem; +} +abbr[title], abbr[data-bs-original-title] { + text-decoration: underline; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + text-decoration-skip-ink: none; +} +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} +ol, ul, dl { + margin-top: 0; + margin-bottom: 1rem; +} +ol ol, ul ul, ol ul, ul ol { + margin-bottom: 0; +} +dt { + font-weight: 600; +} +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} +blockquote { + margin: 0 0 1rem; } - b, strong { - font-weight: 700; -} - small { - font-size: 80%; -} - sub, sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; +b, strong { + font-weight: 700; +} +small { + font-size: 80%; +} +sub, sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; } - sub { - bottom: -0.25em; +sub { + bottom: -0.25em; } - sup { - top: -0.5em; -} - a { - color: var(--primary); - text-decoration: none; - background-color: transparent; -} - a:hover { - color: var(--primary); - text-decoration: underline; -} - a:not([href]) { - color: inherit; - text-decoration: none; -} - a:not([href]):hover { - color: inherit; - text-decoration: none; -} - pre, code, kbd, samp { - font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - font-size: 1em; -} - pre { - margin-top: 0; - margin-bottom: 1rem; - overflow: auto; -} - figure { - margin: 0 0 1rem; -} - img { - vertical-align: middle; - border-style: none; -} - svg { - overflow: hidden; - vertical-align: middle; +sup { + top: -0.5em; +} +a { + color: var(--primary); + text-decoration: none; + background-color: transparent; +} +a:hover { + color: var(--primary); + text-decoration: underline; +} +a:not([href]) { + color: inherit; + text-decoration: none; +} +a:not([href]):hover { + color: inherit; + text-decoration: none; +} +pre, code, kbd, samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em; +} +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; +} +figure { + margin: 0 0 1rem; +} +img { + vertical-align: middle; + border-style: none; +} +svg { + overflow: hidden; + vertical-align: middle; } - table { - border-collapse: collapse; +table { + border-collapse: collapse; } - caption { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - color: #6c757d; - text-align: left; - caption-side: bottom; +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; } - th { - text-align: inherit; +th { + text-align: inherit; } - label { - display: inline-block; - margin-bottom: 0.5rem; +label { + display: inline-block; + margin-bottom: 0.5rem; } - button { - border-radius: 0; +button { + border-radius: 0; } - button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; } - input, button, select, optgroup, textarea { - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; +input, button, select, optgroup, textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; } - button, input { - overflow: visible; +button, input { + overflow: visible; } - button, select { - text-transform: none; +button, select { + text-transform: none; } - select { - word-wrap: normal; +select { + word-wrap: normal; } - button, [type=button], [type=reset], [type=submit] { - -webkit-appearance: button; +button, [type=button], [type=reset], [type=submit] { + -webkit-appearance: button; } - button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { - cursor: pointer; +button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { + cursor: pointer; } - button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { - padding: 0; - border-style: none; +button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { + padding: 0; + border-style: none; } - input[type=radio], input[type=checkbox] { - box-sizing: border-box; - padding: 0; +input[type=radio], input[type=checkbox] { + box-sizing: border-box; + padding: 0; } - input[type=date], input[type=time], input[type=month] { - -webkit-appearance: listbox; +input[type=date], input[type=time], input[type=month] { + -webkit-appearance: listbox; } - textarea { - overflow: auto; - resize: vertical; +textarea { + overflow: auto; + resize: vertical; } - fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; } - legend { - display: block; - width: 100%; - max-width: 100%; - padding: 0; - margin-bottom: 0.5rem; - font-size: 1.5rem; - line-height: inherit; - color: inherit; - white-space: normal; -} - [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { - height: auto; +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal; +} +[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { + height: auto; } - [type=search] { - outline-offset: -2px; - -webkit-appearance: none; +[type=search] { + outline-offset: -2px; + -webkit-appearance: none; } - [type=search]::-webkit-search-decoration { - -webkit-appearance: none; +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; } - summary { - display: list-item; - cursor: pointer; -} - template { - display: none; -} - [hidden] { - display: none !important; -} - h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - margin-bottom: 0.5rem; - font-weight: 600; - line-height: 1.2; -} - h1, .h1 { - font-size: 2.5rem; -} - h2, .h2 { - font-size: 2rem; -} - h3, .h3 { - font-size: 1.75rem; -} - h4, .h4 { - font-size: 1.5rem; -} - h5, .h5 { - font-size: 1.25rem; -} - h6, .h6 { - font-size: 1rem; -} - hr { - margin-top: 1rem; - margin-bottom: 1rem; - border: 0; - border-top: 1px solid var(--primary); -} - small, .small { - font-size: 0.75rem; - font-weight: 400; -} - mark, .mark { - padding: 0.2em; - background-color: #fcf8e3; -} - .list-inline { - padding-left: 0; - list-style: none; -} - .list-inline-item { - display: inline-block; -} - .list-inline-item:not(:last-child) { - margin-right: 0.5rem; -} - .blockquote { - margin-bottom: 1rem; - font-size: 1.25rem; -} - .img-fluid { - max-width: 100%; - height: auto; -} - .img-thumbnail { - padding: 0.25rem; - background-color: #fff; - border: 1px solid #dee2e6; - border-radius: 0.35rem; - max-width: 100%; - height: auto; -} - .figure { - display: inline-block; -} - code { - font-size: 87.5%; - color: #e83e8c; - word-wrap: break-word; -} - a > code { - color: inherit; -} - kbd { - padding: 0.2rem 0.4rem; - font-size: 87.5%; - color: #fff; - background-color: #212529; - border-radius: 0.2rem; -} - kbd kbd { - padding: 0; - font-size: 100%; - font-weight: 600; -} - pre { - display: block; - font-size: 87.5%; -} - pre code { - font-size: inherit; - color: inherit; - word-break: normal; -} - .container { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} - @media (min-width: 576px) { - .container { - max-width: 540px; - } -} - @media (min-width: 768px) { - .container { - max-width: 720px; - } -} - @media (min-width: 992px) { - .container { - max-width: 960px; - } -} - @media (min-width: 1200px) { - .container { - max-width: 1140px; - } -} - .container-fluid { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} - @media (min-width: 576px) { - .container { - max-width: 540px; - } -} - @media (min-width: 768px) { - .container { - max-width: 720px; - } -} - @media (min-width: 992px) { - .container { - max-width: 960px; - } -} - @media (min-width: 1200px) { - .container { - max-width: 1140px; - } -} - .row { - display: flex; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; -} - .no-gutters { - margin-right: 0; - margin-left: 0; -} - .no-gutters > .col, .no-gutters > [class*=col-] { - padding-right: 0; - padding-left: 0; -} - .col-xl-3, .col-lg-10, .col-lg-8, .col-lg-4, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-sm-6, .col, .col-12, .col-10 { - position: relative; - width: 100%; - padding-right: 15px; - padding-left: 15px; -} - .col { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; -} - .row-cols-1 > * { - flex: 0 0 100%; - max-width: 100%; -} - .col-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; -} - .col-12 { - flex: 0 0 100%; - max-width: 100%; -} - @media (min-width: 576px) { - .col-sm-6 { - flex: 0 0 50%; - max-width: 50%; - } -} - @media (min-width: 768px) { - .row-cols-md-3 > * { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } - .col-md-5 { - flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; - } - .col-md-6 { - flex: 0 0 50%; - max-width: 50%; - } - .col-md-7 { - flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; - } - .col-md-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; - } -} - @media (min-width: 992px) { - .col-lg-4 { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } - .col-lg-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; - } - .col-lg-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; - } -} - @media (min-width: 1200px) { - .col-xl-3 { - flex: 0 0 25%; - max-width: 25%; - } -} - .table { - width: 100%; - margin-bottom: 1rem; - color: #212529; -} - .table th, .table td { - padding: 0.75rem; - vertical-align: top; - border-top: 1px solid var(--gray-400); -} - .table thead th { - vertical-align: bottom; - border-bottom: 2px solid var(--gray-400); -} - .table tbody + tbody { - border-top: 2px solid var(--gray-400); -} - .table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.05); -} - .table-hover tbody tr:hover { - color: #212529; - background-color: rgba(0, 0, 0, 0.075); -} - .table .thead-dark th { - color: #fff; - background-color: #343a40; - border-color: #454d55; -} - .form-control { - display: block; - width: 100%; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem 0.75rem; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - background-color: #fff; - background-clip: padding-box; - border: 1px solid var(--gray-400); - border-radius: 0.35rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - @media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; - } -} - .form-control::-ms-expand { - background-color: transparent; - border: 0; -} - .form-control:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #495057; -} - .form-control:focus { - color: #495057; - background-color: #fff; - border-color: #80bdff; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); -} - .form-control::placeholder { - color: #6c757d; - opacity: 1; -} - .form-control:disabled, .form-control[readonly] { - background-color: #e9ecef; - opacity: 1; -} - select.form-control:focus::-ms-value { - color: #495057; - background-color: #fff; -} - .form-control-sm { - height: calc(1.5em + 0.5rem + 2px); - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - line-height: 1.5; - border-radius: 0.2rem; -} - select.form-control[size], select.form-control[multiple] { - height: auto; -} - textarea.form-control { - height: auto; -} - .form-group { - margin-bottom: 1rem; -} - .form-text { - display: block; - margin-top: 0.25rem; -} - .form-inline { - display: flex; - flex-flow: row wrap; - align-items: center; -} - @media (min-width: 576px) { - .form-inline label { - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 0; - } - .form-inline .form-group { - display: flex; - flex: 0 0 auto; - flex-flow: row wrap; - align-items: center; - margin-bottom: 0; - } - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; - } - .form-inline .input-group { - width: auto; - } - .form-inline .custom-control { - align-items: center; - justify-content: center; - } - .form-inline .custom-control-label { - margin-bottom: 0; - } -} - .btn { - display: inline-block; - font-weight: 400; - text-align: center; - color: var(--primary); - vertical-align: middle; - cursor: pointer; - user-select: none; - background-color: transparent; - border: 1px solid transparent; - padding: 0.375rem 0.75rem; - font-size: 1rem; - line-height: 1.5; - border-radius: 0.35rem; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - @media (prefers-reduced-motion: reduce) { - .btn { - transition: none; - } -} - .btn:hover { - color: #212529; - text-decoration: none; -} - .btn:focus, .btn.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); -} - .btn.disabled, .btn:disabled { - opacity: 0.65; -} - a.btn.disabled, fieldset:disabled a.btn { - pointer-events: none; -} - .btn-primary { - color: #fff; - background-color: var(--primary); - border-color: var(--primary); -} - .btn-primary:hover { - color: #fff; - background-color: var(--primary); - border-color: #0062cc; -} - .btn-primary:focus, .btn-primary.focus { - color: #fff; - background-color: var(--primary); - border-color: #0062cc; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - .btn-primary.disabled, .btn-primary:disabled { - color: #fff; - background-color: var(--primary); - border-color: var(--primary); -} - .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #0062cc; - border-color: #005cbf; -} - .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); -} - .btn-secondary { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; -} - .btn-secondary:hover { - color: #fff; - background-color: #5a6268; - border-color: #545b62; -} - .btn-secondary:focus, .btn-secondary.focus { - color: #fff; - background-color: #5a6268; - border-color: #545b62; - box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); -} - .btn-secondary.disabled, .btn-secondary:disabled { - color: #fff; - background-color: #6c757d; - border-color: #6c757d; -} - .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #545b62; - border-color: #4e555b; -} - .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); -} - .btn-success { - color: #fff; - background-color: #38A169; - border-color: #38A169; -} - .btn-success:hover { - color: #fff; - background-color: #218838; - border-color: #1e7e34; -} - .btn-success:focus, .btn-success.focus { - color: #fff; - background-color: #218838; - border-color: #1e7e34; - box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); -} - .btn-success.disabled, .btn-success:disabled { - color: #fff; - background-color: #38A169; - border-color: #38A169; -} - .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { - color: #fff; - background-color: #1e7e34; - border-color: #1c7430; -} - .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); -} - .btn-danger { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; -} - .btn-danger:hover { - color: #fff; - background-color: #c82333; - border-color: #bd2130; -} - .btn-danger:focus, .btn-danger.focus { - color: #fff; - background-color: #c82333; - border-color: #bd2130; - box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); -} - .btn-danger.disabled, .btn-danger:disabled { - color: #fff; - background-color: #dc3545; - border-color: #dc3545; -} - .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #bd2130; - border-color: #b21f2d; -} - .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); -} - .btn-link { - font-weight: 400; - color: var(--primary); - text-decoration: none; -} - .btn-link:hover { - color: var(--primary); - text-decoration: underline; -} - .btn-link:focus, .btn-link.focus { - text-decoration: underline; - box-shadow: none; -} - .btn-link:disabled, .btn-link.disabled { - color: #6c757d; - pointer-events: none; -} - .btn-lg { - padding: 0.5rem 1rem; - font-size: 1.25rem; - line-height: 1.5; - border-radius: 0.3rem; -} - .btn-block { - display: block; - width: 100%; -} - .btn-block + .btn-block { - margin-top: 0.5rem; -} - input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { - width: 100%; -} - .fade { - transition: opacity 0.15s linear; -} - @media (prefers-reduced-motion: reduce) { - .fade { - transition: none; - } -} - .fade:not(.show) { - opacity: 0; -} - .collapse:not(.show) { - display: none; -} - .collapsing { - position: relative; - height: 0; - overflow: hidden; - transition: height 0.35s ease; -} - @media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; - } -} - .dropup, .dropdown { - position: relative; -} - .dropdown-toggle { - white-space: nowrap; -} - .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; -} - .dropdown-toggle:empty::after { - margin-left: 0; -} - .dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 10rem; - padding: 0.5rem 0; - margin: 0.125rem 0 0; - font-size: 1rem; - color: #212529; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0.35rem; -} - .dropdown-menu-right { - right: 0; - left: auto; -} - @media (min-width: 992px) { - .dropdown-menu-lg-left { - right: auto; - left: 0; - } -} - .dropup .dropdown-menu { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: 0.125rem; -} - .dropup .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; -} - .dropup .dropdown-toggle:empty::after { - margin-left: 0; -} - .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { - right: auto; - bottom: auto; -} - .dropdown-item { - display: block; - width: 100%; - padding: 0.25rem 1.5rem; - clear: both; - font-weight: 400; - color: #212529; - text-align: inherit; - white-space: nowrap; - background-color: transparent; - border: 0; -} - .dropdown-item:hover, .dropdown-item:focus { - color: #16181b; - text-decoration: none; - background-color: #f8f9fa; -} - .dropdown-item.active, .dropdown-item:active { - color: #fff; - text-decoration: none; - background-color: var(--primary); -} - .dropdown-item.disabled, .dropdown-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: transparent; -} - .dropdown-menu.show { - display: block; -} - .input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100%; -} - .input-group > .form-control { - position: relative; - flex: 1 1 0%; - min-width: 0; - margin-bottom: 0; -} - .input-group > .form-control + .form-control { - margin-left: -1px; -} - .input-group > .form-control:focus { - z-index: 3; -} - .input-group > .form-control:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - .input-group > .form-control:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - .input-group-append { - display: flex; -} - .input-group-append .btn { - position: relative; - z-index: 2; -} - .input-group-append .btn:focus { - z-index: 3; -} - .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { - margin-left: -1px; -} - .input-group-append { - margin-left: -1px; -} - .input-group-text { - display: flex; - align-items: center; - padding: 0.375rem 0.75rem; - margin-bottom: 0; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; - color: #495057; - text-align: center; - white-space: nowrap; - background-color: #e9ecef; - border: 1px solid var(--gray-400); - border-radius: 0.35rem; -} - .input-group-text input[type=radio], .input-group-text input[type=checkbox] { - margin-top: 0; -} - .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - .custom-control { - position: relative; - display: block; - min-height: 1.5rem; - padding-left: 1.5rem; -} - .custom-control-input { - position: absolute; - left: 0; - z-index: -1; - width: 1rem; - height: 1.25rem; - opacity: 0; -} - .custom-control-input:checked ~ .custom-control-label::before { - color: #fff; - border-color: var(--primary); - background-color: var(--primary); -} - .custom-control-input:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); -} - .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { - border-color: #80bdff; -} - .custom-control-input:not(:disabled):active ~ .custom-control-label::before { - color: #fff; - background-color: #b3d7ff; - border-color: #b3d7ff; -} - .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { - color: #6c757d; -} - .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { - background-color: #e9ecef; -} - .custom-control-label { - position: relative; - margin-bottom: 0; - vertical-align: top; -} - .custom-control-label::before { - position: absolute; - top: 0.25rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - pointer-events: none; - content: ""; - background-color: #fff; - border: #adb5bd solid 1px; -} - .custom-control-label::after { - position: absolute; - top: 0.25rem; - left: -1.5rem; - display: block; - width: 1rem; - height: 1rem; - content: ""; - background: no-repeat 50%/50% 50%; -} - .custom-checkbox .custom-control-label::before { - border-radius: 0.35rem; -} - .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); -} - .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { - border-color: var(--primary); - background-color: var(--primary); -} - .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { - background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); -} - .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); -} - .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); -} - .custom-switch { - padding-left: 2.25rem; -} - .custom-switch .custom-control-label::before { - left: -2.25rem; - width: 1.75rem; - pointer-events: all; - border-radius: 0.5rem; -} - .custom-switch .custom-control-label::after { - top: calc(0.25rem + 2px); - left: calc(-2.25rem + 2px); - width: calc(1rem - 4px); - height: calc(1rem - 4px); - border-radius: 0.5rem; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - @media (prefers-reduced-motion: reduce) { - .custom-switch .custom-control-label::after { - transition: none; - } -} - .custom-switch .custom-control-input:checked ~ .custom-control-label::after { - background-color: #fff; - transform: translateX(0.75rem); -} - .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { - background-color: rgba(0, 123, 255, 0.5); -} - .custom-control-label::before { - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - @media (prefers-reduced-motion: reduce) { - .custom-control-label::before { - transition: none; - } -} - .nav { - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} - .nav-link { - display: block; - padding: 0.5rem 1rem; -} - .nav-link:hover, .nav-link:focus { - text-decoration: none; -} - .nav-link.disabled { - color: #6c757d; - pointer-events: none; - cursor: default; -} - .nav-pills .nav-link { - border-radius: 0.35rem; -} - .nav-pills .nav-link.active, .nav-pills .show > .nav-link { - color: #fff; - background-color: var(--primary); -} - .tab-content > .tab-pane { - display: none; -} - .tab-content > .active { - display: block; -} - .navbar { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - padding: 0.5rem 1rem; -} - .navbar .container, .navbar .container-fluid { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; -} - .navbar-brand { - display: inline-block; - padding-top: 0.3125rem; - padding-bottom: 0.3125rem; - margin-right: 1rem; - font-size: 1.25rem; - line-height: inherit; - white-space: nowrap; -} - .navbar-brand:hover, .navbar-brand:focus { - text-decoration: none; -} - .navbar-nav { - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} - .navbar-nav .nav-link { - padding-right: 0; - padding-left: 0; -} - .navbar-nav .dropdown-menu { - position: static; - float: none; -} - .navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center; -} - .navbar-toggler { - padding: 0.25rem 0.75rem; - font-size: 1.25rem; - line-height: 1; - background-color: transparent; - border: 1px solid transparent; - border-radius: 0.35rem; -} - .navbar-toggler:hover, .navbar-toggler:focus { - text-decoration: none; -} - .navbar-toggler-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - vertical-align: middle; - content: ""; - background: no-repeat center center; - background-size: 100% 100%; -} - @media (max-width: 767.98px) { - .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { - padding-right: 0; - padding-left: 0; - } -} - @media (min-width: 768px) { - .navbar-expand-md { - flex-flow: row nowrap; - justify-content: flex-start; - } - .navbar-expand-md .navbar-nav { - flex-direction: row; - } - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-md .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { - flex-wrap: nowrap; - } - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-md .navbar-toggler { - display: none; - } -} - @media (max-width: 991.98px) { - .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { - padding-right: 0; - padding-left: 0; - } -} - @media (min-width: 992px) { - .navbar-expand-lg { - flex-flow: row nowrap; - justify-content: flex-start; - } - .navbar-expand-lg .navbar-nav { - flex-direction: row; - } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: 0.5rem; - padding-left: 0.5rem; - } - .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { - flex-wrap: nowrap; - } - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-lg .navbar-toggler { - display: none; - } -} - .navbar-light .navbar-brand { - color: rgba(0, 0, 0, 0.9); -} - .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { - color: rgba(0, 0, 0, 0.9); -} - .navbar-light .navbar-nav .nav-link { - color: rgba(0, 0, 0, 0.5); -} - .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { - color: rgba(0, 0, 0, 0.7); -} - .navbar-light .navbar-nav .nav-link.disabled { - color: rgba(0, 0, 0, 0.3); -} - .navbar-light .navbar-toggler { - color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.1); -} - .navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); -} - .navbar-dark .navbar-brand { - color: #fff; -} - .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { - color: #fff; -} - .navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.5); -} - .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { - color: rgba(255, 255, 255, 0.75); -} - .navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); -} - .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { - color: #fff; -} - .navbar-dark .navbar-toggler { - color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.1); -} - .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); -} - .card { - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - word-wrap: break-word; - background-color: #fff; - background-clip: border-box; - border: 1px solid rgba(0, 0, 0, 0.125); - border-radius: 0.35rem; -} - .card > hr { - margin-right: 0; - margin-left: 0; -} - .card > .list-group:first-child .list-group-item:first-child { - border-top-left-radius: 0.35rem; - border-top-right-radius: 0.35rem; -} - .card > .list-group:last-child .list-group-item:last-child { - border-bottom-right-radius: 0.35rem; - border-bottom-left-radius: 0.35rem; -} - .card-body { - flex: 1 1 auto; - min-height: 1px; - padding: 1.25rem; -} - .card-title { - margin-bottom: 0.75rem; -} - .card-text:last-child { - margin-bottom: 0; -} - .card-header { - padding: 0.75rem 1.25rem; - margin-bottom: 0; - background-color: rgba(0, 0, 0, 0.03); - border-bottom: 1px solid rgba(0, 0, 0, 0.125); -} - .card-header:first-child { - border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; -} - .card-header + .list-group .list-group-item:first-child { - border-top: 0; -} - .card-footer { - padding: 0.75rem 1.25rem; - background-color: rgba(0, 0, 0, 0.03); - border-top: 1px solid rgba(0, 0, 0, 0.125); -} - .card-footer:last-child { - border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); -} - .card-img-top { - flex-shrink: 0; - width: 100%; -} - .card-img-top { - border-top-left-radius: calc(0.35rem - 1px); - border-top-right-radius: calc(0.35rem - 1px); -} - .card-columns .card { - margin-bottom: 0.75rem; -} - @media (min-width: 576px) { - .card-columns { - column-count: 3; - column-gap: 1.25rem; - orphans: 1; - widows: 1; - } - .card-columns .card { - display: inline-block; - width: 100%; - } -} - .pagination { - display: flex; - padding-left: 0; - list-style: none; - border-radius: 0.35rem; -} - .page-link { - position: relative; - display: block; - padding: 0.5rem 0.75rem; - margin-left: -1px; - line-height: 1.25; - color: var(--primary); - background-color: #fff; - border: 1px solid #dee2e6; -} - .page-link:hover { - z-index: 2; - color: var(--primary); - text-decoration: none; - background-color: #e9ecef; - border-color: #dee2e6; -} - .page-link:focus { - z-index: 3; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); -} - .page-item:first-child .page-link { - margin-left: 0; - border-top-left-radius: 0.35rem; - border-bottom-left-radius: 0.35rem; -} - .page-item:last-child .page-link { - border-top-right-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - .page-item.active .page-link { - z-index: 3; - color: #fff; - background-color: var(--primary); - border-color: var(--primary); -} - .page-item.disabled .page-link { - color: #6c757d; - pointer-events: none; - cursor: auto; - background-color: #fff; - border-color: #dee2e6; -} - .pagination-sm .page-link { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - line-height: 1.5; -} - .pagination-sm .page-item:first-child .page-link { - border-top-left-radius: 0.2rem; - border-bottom-left-radius: 0.2rem; -} - .pagination-sm .page-item:last-child .page-link { - border-top-right-radius: 0.2rem; - border-bottom-right-radius: 0.2rem; -} - .badge { - display: inline-block; - padding: 0.25em 0.4em; - font-size: 75%; - font-weight: 600; - line-height: 1; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 0.35rem; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - @media (prefers-reduced-motion: reduce) { - .badge { - transition: none; - } -} - a.badge:hover, a.badge:focus { - text-decoration: none; -} - .badge:empty { - display: none; -} - .btn .badge { - position: relative; - top: -1px; -} - .badge-secondary { - color: #fff; - background-color: #6c757d; -} - a.badge-secondary:hover, a.badge-secondary:focus { - color: #fff; - background-color: var(--primary); -} - a.badge-secondary:focus, a.badge-secondary.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); -} - .badge-danger { - color: #fff; - background-color: #dc3545; -} - a.badge-danger:hover, a.badge-danger:focus { - color: #fff; - background-color: #bd2130; -} - a.badge-danger:focus, a.badge-danger.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); -} - .jumbotron { - padding: 2rem 1rem; - margin-bottom: 2rem; - background-color: #e9ecef; - border-radius: 0.3rem; -} - @media (min-width: 576px) { - .jumbotron { - padding: 4rem 2rem; - } -} - .jumbotron-fluid { - padding-right: 0; - padding-left: 0; - border-radius: 0; -} - .alert { - position: relative; - padding: 0.75rem 1.25rem; - margin-bottom: 1rem; - border: 1px solid transparent; - border-radius: 0.35rem; -} - .alert-link { - font-weight: 600; -} - .alert-dismissible { - padding-right: 4rem; -} - .alert-dismissible .close { - position: absolute; - top: 0; - right: 0; - padding: 0.75rem 1.25rem; - color: inherit; -} - .alert-success { - color: #155724; - background-color: #d4edda; - border-color: #c3e6cb; -} - .alert-success hr { - border-top-color: #b1dfbb; -} - .alert-success .alert-link { - color: #0b2e13; -} - .alert-warning { - color: #856404; - background-color: #fff3cd; - border-color: #ffeeba; -} - .alert-warning hr { - border-top-color: #ffe8a1; -} - .alert-warning .alert-link { - color: #533f03; -} - .alert-danger { - color: #721c24; - background-color: #f8d7da; - border-color: #f5c6cb; -} - .alert-danger hr { - border-top-color: #f1b0b7; -} - .alert-danger .alert-link { - color: #491217; -} - @keyframes progress-bar-stripes { - from { - background-position: 1rem 0; - } - to { - background-position: 0 0; - } -} - .media { - display: flex; - align-items: flex-start; -} - .media-body { - flex: 1; -} - .list-group { - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; -} - .list-group-item { - position: relative; - display: block; - padding: 0.75rem 1.25rem; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.125); -} - .list-group-item:first-child { - border-top-left-radius: 0.35rem; - border-top-right-radius: 0.35rem; -} - .list-group-item:last-child { - border-bottom-right-radius: 0.35rem; - border-bottom-left-radius: 0.35rem; -} - .list-group-item.disabled, .list-group-item:disabled { - color: #6c757d; - pointer-events: none; - background-color: #fff; -} - .list-group-item.active { - z-index: 2; - color: #fff; - background-color: var(--primary); - border-color: var(--primary); -} - .list-group-item + .list-group-item { - border-top-width: 0; -} - .list-group-item + .list-group-item.active { - margin-top: -1px; - border-top-width: 1px; -} - .close { - float: right; - font-size: 1.5rem; - font-weight: 600; - line-height: 1; - color: #fff; - opacity: 0.5; -} - .close:hover { - color: #000; - text-decoration: none; -} - .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { - opacity: 0.75; -} - button.close { - padding: 0; - background-color: transparent; - border: 0; - appearance: none; -} - a.close.disabled { - pointer-events: none; -} - .toast { - max-width: 350px; - overflow: hidden; - font-size: 0.875rem; - background-color: rgba(255, 255, 255, 0.85); - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.1); - box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); - backdrop-filter: blur(10px); - opacity: 0; - border-radius: 0.25rem; -} - .toast:not(:last-child) { - margin-bottom: 0.75rem; -} - .toast.showing { - opacity: 1; -} - .toast.show { - display: block; - opacity: 1; -} - .toast.hide { - display: none; -} - .toast-body { - padding: 0.75rem; -} - .modal-open { - overflow: hidden; -} - .modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} - .modal { - position: fixed; - top: 0; - left: 0; - z-index: 1050; - display: none; - width: 100%; - height: 100%; - overflow: hidden; - outline: 0; -} - .modal-dialog { - position: relative; - width: auto; - margin: 0.5rem; - pointer-events: none; -} - .modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); -} - @media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; - } -} - .modal.show .modal-dialog { - transform: none; -} - .modal.modal-static .modal-dialog { - transform: scale(1.02); -} - .modal-dialog-scrollable { - display: flex; - max-height: calc(100% - 1rem); -} - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 1rem); - overflow: hidden; -} - .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { - flex-shrink: 0; -} - .modal-dialog-scrollable .modal-body { - overflow-y: auto; -} - .modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - 1rem); -} - .modal-dialog-centered::before { - display: block; - height: calc(100vh - 1rem); - content: ""; -} - .modal-dialog-centered.modal-dialog-scrollable { - flex-direction: column; - justify-content: center; - height: 100%; -} - .modal-dialog-centered.modal-dialog-scrollable .modal-content { - max-height: none; -} - .modal-dialog-centered.modal-dialog-scrollable::before { - content: none; -} - .modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - pointer-events: auto; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.3rem; - outline: 0; -} - .modal-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1040; - width: 100vw; - height: 100vh; - background-color: #000; -} - .modal-backdrop.fade { - opacity: 0; -} - .modal-backdrop.show { - opacity: 0.5; -} - .modal-header { - display: flex; - align-items: flex-start; - justify-content: space-between; - padding: 1rem 1rem; - border-bottom: 1px solid var(--gray-400); - border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); -} - .modal-header .close { - padding: 1rem 1rem; - margin: -1rem -1rem -1rem auto; -} - .modal-title { - margin-bottom: 0; - line-height: 1.5; -} - .modal-body { - position: relative; - flex: 1 1 auto; - padding: 1rem; -} - .modal-footer { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - padding: 0.75rem; - border-top: 1px solid var(--gray-400); - border-bottom-right-radius: calc(0.3rem - 1px); - border-bottom-left-radius: calc(0.3rem - 1px); -} - .modal-footer > * { - margin: 0.25rem; -} - @media (min-width: 576px) { - .modal-dialog { - max-width: 500px; - margin: 1.75rem auto; - } - .modal-dialog-scrollable { - max-height: calc(100% - 3.5rem); - } - .modal-dialog-scrollable .modal-content { - max-height: calc(100vh - 3.5rem); - } - .modal-dialog-centered { - min-height: calc(100% - 3.5rem); - } - .modal-dialog-centered::before { - height: calc(100vh - 3.5rem); - } -} - @media (min-width: 992px) { - .modal-xl { - max-width: 800px; - } -} - @media (min-width: 1200px) { - .modal-xl { - max-width: 1140px; - } -} - .tooltip { - position: absolute; - z-index: 1070; - display: block; - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.875rem; - word-wrap: break-word; - opacity: 0; -} - .tooltip.show { - opacity: 1; -} - .tooltip .arrow { - position: absolute; - display: block; - width: 0.8rem; - height: 0.4rem; -} - .tooltip .arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; -} - .tooltip-inner { - max-width: 200px; - padding: 0.25rem 0.5rem; - color: #fff; - text-align: center; - background-color: #000; - border-radius: 0.35rem; -} - .popover { - position: absolute; - top: 0; - left: 0; - z-index: 1060; - display: block; - max-width: 276px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - white-space: normal; - line-break: auto; - font-size: 0.875rem; - word-wrap: break-word; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.3rem; -} - .popover .arrow { - position: absolute; - display: block; - width: 1rem; - height: 0.5rem; - margin: 0 0.3rem; -} - .popover .arrow::before, .popover .arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; -} - .popover-header { - padding: 0.5rem 0.75rem; - margin-bottom: 0; - font-size: 1rem; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-top-left-radius: calc(0.3rem - 1px); - border-top-right-radius: calc(0.3rem - 1px); -} - .popover-header:empty { - display: none; -} - .popover-body { - padding: 0.5rem 0.75rem; - color: #212529; -} - .carousel { - position: relative; -} - .carousel.pointer-event { - touch-action: pan-y; -} - .carousel-item { - position: relative; - display: none; - float: left; - width: 100%; - margin-right: -100%; - backface-visibility: hidden; - transition: transform 0.6s ease-in-out; -} - @media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; - } -} - .carousel-item.active, .carousel-item-next, .carousel-item-prev { - display: block; -} - .carousel-item-next:not(.carousel-item-left) { - transform: translateX(100%); -} - .carousel-item-prev:not(.carousel-item-right) { - transform: translateX(-100%); -} - .carousel-indicators { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 15; - display: flex; - justify-content: center; - padding-left: 0; - margin-right: 15%; - margin-left: 15%; - list-style: none; -} - .carousel-indicators li { - box-sizing: content-box; - flex: 0 1 auto; - width: 30px; - height: 3px; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: 0.5; - transition: opacity 0.6s ease; -} - @media (prefers-reduced-motion: reduce) { - .carousel-indicators li { - transition: none; - } -} - .carousel-indicators .active { - opacity: 1; -} - @keyframes spinner-border { - to { - transform: rotate(360deg); - } -} - @keyframes spinner-grow { - 0% { - transform: scale(0); - } - 50% { - opacity: 1; - } -} - .align-top { - vertical-align: top !important; -} - .align-middle { - vertical-align: middle !important; -} - .bg-primary { - background-color: var(--primary) !important; -} - a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { - background-color: #0062cc !important; -} - .bg-success { - background-color: #38A169 !important; -} - a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { - background-color: #1e7e34 !important; -} - .bg-danger { - background-color: #dc3545 !important; -} - a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { - background-color: #bd2130 !important; -} - .bg-light { - background-color: #f8f9fa !important; -} - a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { - background-color: #dae0e5 !important; -} - .bg-transparent { - background-color: transparent !important; -} - .border { - border: 1px solid var(--gray-400) !important; -} - .border-top { - border-top: 1px solid var(--gray-400) !important; -} - .border-bottom { - border-bottom: 1px solid var(--gray-400) !important; -} - .border-left { - border-left: 1px solid var(--gray-400) !important; -} - .border-0 { - border: 0 !important; -} - .border-bottom-0 { - border-bottom: 0 !important; -} - .border-warning { - border-color: #ffc107 !important; -} - .border-white { - border-color: #fff !important; -} - .rounded { - border-radius: 0.35rem !important; -} - .rounded-lg { - border-radius: 0.3rem !important; -} - .rounded-circle { - border-radius: 50% !important; -} - .d-none { - display: none !important; +summary { + display: list-item; + cursor: pointer; +} +template { + display: none; +} +[hidden] { + display: none !important; +} +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: 0.5rem; + font-weight: 600; + line-height: 1.2; +} +h1, .h1 { + font-size: 2.5rem; +} +h2, .h2 { + font-size: 2rem; } - .d-inline-block { - display: inline-block !important; +h3, .h3 { + font-size: 1.75rem; } - .d-flex { - display: flex !important; +h4, .h4 { + font-size: 1.5rem; } - .d-inline-flex { - display: inline-flex !important; +h5, .h5 { + font-size: 1.25rem; } - @media (min-width: 576px) { - .d-sm-none { - display: none !important; - } - .d-sm-flex { - display: flex !important; - } +h6, .h6 { + font-size: 1rem; } - @media (min-width: 768px) { - .d-md-none { - display: none !important; - } - .d-md-inline-block { - display: inline-block !important; - } - .d-md-block { - display: block !important; - } - .d-md-flex { - display: flex !important; - } +hr { + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid var(--primary); } - @media (min-width: 992px) { - .d-lg-none { - display: none !important; - } - .d-lg-flex { - display: flex !important; - } +small, .small { + font-size: 0.75rem; + font-weight: 400; } - .embed-responsive { - position: relative; - display: block; - width: 100%; - padding: 0; - overflow: hidden; +mark, .mark { + padding: 0.2em; + background-color: #fcf8e3; } - .embed-responsive::before { - display: block; - content: ""; +.list-inline { + padding-left: 0; + list-style: none; } - .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; +.list-inline-item { + display: inline-block; } - .embed-responsive-16by9::before { - padding-top: 56.25%; -} - .flex-row { - flex-direction: row !important; -} - .flex-column { - flex-direction: column !important; -} - .flex-row-reverse { - flex-direction: row-reverse !important; -} - .flex-wrap { - flex-wrap: wrap !important; -} - .flex-nowrap { - flex-wrap: nowrap !important; -} - .flex-grow-1 { - flex-grow: 1 !important; -} - .flex-shrink-0 { - flex-shrink: 0 !important; -} - .justify-content-end { - justify-content: flex-end !important; -} - .justify-content-center { - justify-content: center !important; -} - .justify-content-between { - justify-content: space-between !important; -} - .justify-content-around { - justify-content: space-around !important; -} - .align-items-end { - align-items: flex-end !important; -} - .align-items-center { - align-items: center !important; -} - @media (min-width: 768px) { - .flex-md-row { - flex-direction: row !important; - } - .justify-content-md-between { - justify-content: space-between !important; - } -} - .float-right { - float: right !important; -} - .overflow-auto { - overflow: auto !important; -} - .position-relative { - position: relative !important; -} - .position-absolute { - position: absolute !important; +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; } - .fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; } - .fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; +.img-fluid { + max-width: 100%; + height: auto; } - @supports (position: sticky) { - .sticky-top { - position: sticky; - top: 0; - z-index: 1020; - } +.img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: 0.35rem; + max-width: 100%; + height: auto; } - .shadow-sm { - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03) !important; +.figure { + display: inline-block; } - .shadow { - box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05) !important; +code { + font-size: 87.5%; + color: #e83e8c; + word-wrap: break-word; } - .shadow-none { - box-shadow: none !important; +a > code { + color: inherit; } - .w-100 { - width: 100% !important; +kbd { + padding: 0.2rem 0.4rem; + font-size: 87.5%; + color: #fff; + background-color: #212529; + border-radius: 0.2rem; } - .h-100 { - height: 100% !important; +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: 600; } - .stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - pointer-events: auto; - content: ""; - background-color: rgba(0, 0, 0, 0); +pre { + display: block; + font-size: 87.5%; } - .m-0 { - margin: 0 !important; +pre code { + font-size: inherit; + color: inherit; + word-break: normal; } - .mt-0, .my-0 { - margin-top: 0 !important; +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; } - .mr-0, .mx-0 { - margin-right: 0 !important; +@media (min-width: 576px) { + .container { + max-width: 540px; } - .mb-0, .my-0 { - margin-bottom: 0 !important; } - .ml-0, .mx-0 { - margin-left: 0 !important; +@media (min-width: 768px) { + .container { + max-width: 720px; } - .m-1 { - margin: 0.25rem !important; } - .mt-1, .my-1 { - margin-top: 0.25rem !important; +@media (min-width: 992px) { + .container { + max-width: 960px; } - .mr-1, .mx-1 { - margin-right: 0.25rem !important; } - .mb-1, .my-1 { - margin-bottom: 0.25rem !important; +@media (min-width: 1200px) { + .container { + max-width: 1140px; } - .ml-1, .mx-1 { - margin-left: 0.25rem !important; } - .mt-2, .my-2 { - margin-top: 0.5rem !important; +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; } - .mr-2, .mx-2 { - margin-right: 0.5rem !important; +@media (min-width: 576px) { + .container { + max-width: 540px; } - .mb-2, .my-2 { - margin-bottom: 0.5rem !important; } - .ml-2, .mx-2 { - margin-left: 0.5rem !important; +@media (min-width: 768px) { + .container { + max-width: 720px; } - .mt-3, .my-3 { - margin-top: 1rem !important; } - .mr-3, .mx-3 { - margin-right: 1rem !important; +@media (min-width: 992px) { + .container { + max-width: 960px; } - .mb-3, .my-3 { - margin-bottom: 1rem !important; } - .ml-3, .mx-3 { - margin-left: 1rem !important; +@media (min-width: 1200px) { + .container { + max-width: 1140px; } - .m-4 { - margin: 1.5rem !important; } - .mt-4, .my-4 { - margin-top: 1.5rem !important; +.row { + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; } - .mr-4, .mx-4 { - margin-right: 1.5rem !important; +.no-gutters { + margin-right: 0; + margin-left: 0; } - .mb-4, .my-4 { - margin-bottom: 1.5rem !important; +.no-gutters > .col, .no-gutters > [class*=col-] { + padding-right: 0; + padding-left: 0; } - .ml-4, .mx-4 { - margin-left: 1.5rem !important; +.col-xl-3, .col-lg-10, .col-lg-8, .col-lg-4, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-sm-6, .col, .col-12, .col-10 { + position: relative; + width: 100%; + padding-right: 15px; + padding-left: 15px; } - .mt-5, .my-5 { - margin-top: 3rem !important; +.col { + flex-basis: 0; + flex-grow: 1; + max-width: 100%; } - .mb-5, .my-5 { - margin-bottom: 3rem !important; +.row-cols-1 > * { + flex: 0 0 100%; + max-width: 100%; } - .mb-6, .my-6 { - margin-bottom: 3.5rem !important; +.col-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; } - .mt-8, .my-8 { - margin-top: 10rem !important; +.col-12 { + flex: 0 0 100%; + max-width: 100%; } - .mb-8, .my-8 { - margin-bottom: 10rem !important; +@media (min-width: 576px) { + .col-sm-6 { + flex: 0 0 50%; + max-width: 50%; } - .p-0 { - padding: 0 !important; } - .pt-0, .py-0 { - padding-top: 0 !important; +@media (min-width: 768px) { + .row-cols-md-3 > * { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; } - .pr-0, .px-0 { - padding-right: 0 !important; + .col-md-5 { + flex: 0 0 41.6666666667%; + max-width: 41.6666666667%; } - .pb-0, .py-0 { - padding-bottom: 0 !important; + .col-md-6 { + flex: 0 0 50%; + max-width: 50%; } - .pl-0, .px-0 { - padding-left: 0 !important; + .col-md-7 { + flex: 0 0 58.3333333333%; + max-width: 58.3333333333%; } - .pr-1, .px-1 { - padding-right: 0.25rem !important; + .col-md-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; } - .py-1, .pb-1 { - padding-bottom: 0.25rem !important; } - .pl-1, .px-1 { - padding-left: 0.25rem !important; +@media (min-width: 992px) { + .col-lg-4 { + flex: 0 0 33.3333333333%; + max-width: 33.3333333333%; } - .p-2 { - padding: 0.5rem !important; + .col-lg-8 { + flex: 0 0 66.6666666667%; + max-width: 66.6666666667%; } - .pt-2, .py-2 { - padding-top: 0.5rem !important; + .col-lg-10 { + flex: 0 0 83.3333333333%; + max-width: 83.3333333333%; } - .pr-2, .px-2 { - padding-right: 0.5rem !important; } - .pb-2, .py-2 { - padding-bottom: 0.5rem !important; +@media (min-width: 1200px) { + .col-xl-3 { + flex: 0 0 25%; + max-width: 25%; } - .pl-2, .px-2 { - padding-left: 0.5rem !important; } - .p-3 { - padding: 1rem !important; +.table { + width: 100%; + margin-bottom: 1rem; + color: #212529; +} +.table th, .table td { + padding: 0.75rem; + vertical-align: top; + border-top: 1px solid var(--gray-400); +} +.table thead th { + vertical-align: bottom; + border-bottom: 2px solid var(--gray-400); +} +.table tbody + tbody { + border-top: 2px solid var(--gray-400); +} +.table-striped tbody tr:nth-of-type(odd) { + background-color: rgba(0, 0, 0, 0.05); +} +.table-hover tbody tr:hover { + color: #212529; + background-color: rgba(0, 0, 0, 0.075); +} +.table .thead-dark th { + color: #fff; + background-color: #343a40; + border-color: #454d55; +} +.form-control { + display: block; + width: 100%; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + background-color: #fff; + background-clip: padding-box; + border: 1px solid var(--gray-400); + border-radius: 0.35rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; +} +} +.form-control::-ms-expand { + background-color: transparent; + border: 0; +} +.form-control:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #495057; +} +.form-control:focus { + color: #495057; + background-color: #fff; + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.form-control::placeholder { + color: #6c757d; + opacity: 1; +} +.form-control:disabled, .form-control[readonly] { + background-color: #e9ecef; + opacity: 1; +} +select.form-control:focus::-ms-value { + color: #495057; + background-color: #fff; +} +.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; + border-radius: 0.2rem; +} +select.form-control[size], select.form-control[multiple] { + height: auto; +} +textarea.form-control { + height: auto; +} +.form-group { + margin-bottom: 1rem; +} +.form-text { + display: block; + margin-top: 0.25rem; +} +.form-inline { + display: flex; + flex-flow: row wrap; + align-items: center; +} +@media (min-width: 576px) { + .form-inline label { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 0; +} + .form-inline .form-group { + display: flex; + flex: 0 0 auto; + flex-flow: row wrap; + align-items: center; + margin-bottom: 0; +} + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; +} + .form-inline .input-group { + width: auto; +} + .form-inline .custom-control { + align-items: center; + justify-content: center; +} + .form-inline .custom-control-label { + margin-bottom: 0; +} +} +.btn { + display: inline-block; + font-weight: 400; + text-align: center; + color: var(--primary); + vertical-align: middle; + cursor: pointer; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: 0.375rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.35rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; +} +} +.btn:hover { + color: #212529; + text-decoration: none; +} +.btn:focus, .btn.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.btn.disabled, .btn:disabled { + opacity: 0.65; +} +a.btn.disabled, fieldset:disabled a.btn { + pointer-events: none; +} +.btn-primary { + color: #fff; + background-color: var(--primary); + border-color: var(--primary); +} +.btn-primary:hover { + color: #fff; + background-color: var(--primary); + border-color: #0062cc; +} +.btn-primary:focus, .btn-primary.focus { + color: #fff; + background-color: var(--primary); + border-color: #0062cc; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.btn-primary.disabled, .btn-primary:disabled { + color: #fff; + background-color: var(--primary); + border-color: var(--primary); +} +.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #0062cc; + border-color: #005cbf; +} +.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); +} +.btn-secondary { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-secondary:hover { + color: #fff; + background-color: #5a6268; + border-color: #545b62; +} +.btn-secondary:focus, .btn-secondary.focus { + color: #fff; + background-color: #5a6268; + border-color: #545b62; + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +} +.btn-secondary.disabled, .btn-secondary:disabled { + color: #fff; + background-color: #6c757d; + border-color: #6c757d; +} +.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { + color: #fff; + background-color: #545b62; + border-color: #4e555b; +} +.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); +} +.btn-success { + color: #fff; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:hover { + color: #fff; + background-color: #218838; + border-color: #1e7e34; +} +.btn-success:focus, .btn-success.focus { + color: #fff; + background-color: #218838; + border-color: #1e7e34; + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} +.btn-success.disabled, .btn-success:disabled { + color: #fff; + background-color: #38A169; + border-color: #38A169; +} +.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { + color: #fff; + background-color: #1e7e34; + border-color: #1c7430; +} +.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); +} +.btn-danger { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-danger:hover { + color: #fff; + background-color: #c82333; + border-color: #bd2130; +} +.btn-danger:focus, .btn-danger.focus { + color: #fff; + background-color: #c82333; + border-color: #bd2130; + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +} +.btn-danger.disabled, .btn-danger:disabled { + color: #fff; + background-color: #dc3545; + border-color: #dc3545; +} +.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #bd2130; + border-color: #b21f2d; +} +.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); +} +.btn-link { + font-weight: 400; + color: var(--primary); + text-decoration: none; +} +.btn-link:hover { + color: var(--primary); + text-decoration: underline; +} +.btn-link:focus, .btn-link.focus { + text-decoration: underline; + box-shadow: none; +} +.btn-link:disabled, .btn-link.disabled { + color: #6c757d; + pointer-events: none; +} +.btn-lg { + padding: 0.5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: 0.3rem; +} +.btn-block { + display: block; + width: 100%; +} +.btn-block + .btn-block { + margin-top: 0.5rem; +} +input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { + width: 100%; +} +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; +} +} +.fade:not(.show) { + opacity: 0; +} +.collapse:not(.show) { + display: none; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; +} +} +.dropup, .dropdown { + position: relative; +} +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 10rem; + padding: 0.5rem 0; + margin: 0.125rem 0 0; + font-size: 1rem; + color: #212529; + text-align: left; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} +.dropdown-menu-right { + right: 0; + left: auto; +} +@media (min-width: 992px) { + .dropdown-menu-lg-left { + right: auto; + left: 0; +} +} +.dropup .dropdown-menu { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: 0.125rem; +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { + right: auto; + bottom: auto; +} +.dropdown-item { + display: block; + width: 100%; + padding: 0.25rem 1.5rem; + clear: both; + font-weight: 400; + color: #212529; + text-align: inherit; + white-space: nowrap; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #16181b; + text-decoration: none; + background-color: #f8f9fa; +} +.dropdown-item.active, .dropdown-item:active { + color: #fff; + text-decoration: none; + background-color: var(--primary); +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: transparent; +} +.dropdown-menu.show { + display: block; +} +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control { + position: relative; + flex: 1 1 0%; + min-width: 0; + margin-bottom: 0; +} +.input-group > .form-control + .form-control { + margin-left: -1px; +} +.input-group > .form-control:focus { + z-index: 3; +} +.input-group > .form-control:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .form-control:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group-append { + display: flex; +} +.input-group-append .btn { + position: relative; + z-index: 2; +} +.input-group-append .btn:focus { + z-index: 3; +} +.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { + margin-left: -1px; +} +.input-group-append { + margin-left: -1px; +} +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: #495057; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid var(--gray-400); + border-radius: 0.35rem; +} +.input-group-text input[type=radio], .input-group-text input[type=checkbox] { + margin-top: 0; +} +.input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.custom-control { + position: relative; + display: block; + min-height: 1.5rem; + padding-left: 1.5rem; +} +.custom-control-input { + position: absolute; + left: 0; + z-index: -1; + width: 1rem; + height: 1.25rem; + opacity: 0; +} +.custom-control-input:checked ~ .custom-control-label::before { + color: #fff; + border-color: var(--primary); + background-color: var(--primary); +} +.custom-control-input:focus ~ .custom-control-label::before { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { + border-color: #80bdff; +} +.custom-control-input:not(:disabled):active ~ .custom-control-label::before { + color: #fff; + background-color: #b3d7ff; + border-color: #b3d7ff; +} +.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { + color: #6c757d; +} +.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { + background-color: #e9ecef; +} +.custom-control-label { + position: relative; + margin-bottom: 0; + vertical-align: top; +} +.custom-control-label::before { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + pointer-events: none; + content: ""; + background-color: #fff; + border: #adb5bd solid 1px; +} +.custom-control-label::after { + position: absolute; + top: 0.25rem; + left: -1.5rem; + display: block; + width: 1rem; + height: 1rem; + content: ""; + background: no-repeat 50%/50% 50%; +} +.custom-checkbox .custom-control-label::before { + border-radius: 0.35rem; +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { + border-color: var(--primary); + background-color: var(--primary); +} +.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); +} +.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} +.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} +.custom-switch { + padding-left: 2.25rem; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + width: 1.75rem; + pointer-events: all; + border-radius: 0.5rem; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1rem - 4px); + height: calc(1rem - 4px); + border-radius: 0.5rem; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; +} +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: #fff; + transform: translateX(0.75rem); +} +.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { + background-color: rgba(0, 123, 255, 0.5); +} +.custom-control-label::before { + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .custom-control-label::before { + transition: none; +} +} +.nav { + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.nav-link.disabled { + color: #6c757d; + pointer-events: none; + cursor: default; +} +.nav-pills .nav-link { + border-radius: 0.35rem; +} +.nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: #fff; + background-color: var(--primary); +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0.5rem 1rem; +} +.navbar .container, .navbar .container-fluid { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + display: inline-block; + padding-top: 0.3125rem; + padding-bottom: 0.3125rem; + margin-right: 1rem; + font-size: 1.25rem; + line-height: inherit; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + text-decoration: none; +} +.navbar-nav { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; } - .pt-3, .py-3 { - padding-top: 1rem !important; +.navbar-nav .nav-link { + padding-right: 0; + padding-left: 0; } - .pr-3, .px-3 { - padding-right: 1rem !important; +.navbar-nav .dropdown-menu { + position: static; + float: none; } - .pb-3, .py-3 { - padding-bottom: 1rem !important; +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; } - .pl-3, .px-3 { - padding-left: 1rem !important; +.navbar-toggler { + padding: 0.25rem 0.75rem; + font-size: 1.25rem; + line-height: 1; + background-color: transparent; + border: 1px solid transparent; + border-radius: 0.35rem; } - .p-4 { - padding: 1.5rem !important; -} - .pt-4, .py-4 { - padding-top: 1.5rem !important; -} - .pb-4, .py-4 { - padding-bottom: 1.5rem !important; -} - .p-5 { - padding: 3rem !important; -} - .pt-5, .py-5 { - padding-top: 3rem !important; -} - .pb-5, .py-5 { - padding-bottom: 3rem !important; -} - .pt-7, .py-7 { - padding-top: 5rem !important; -} - .pb-7, .py-7 { - padding-bottom: 5rem !important; -} - .mt-n3 { - margin-top: -1rem !important; -} - .mt-n6 { - margin-top: -3.5rem !important; -} - .m-auto { - margin: auto !important; -} - .mt-auto, .my-auto { - margin-top: auto !important; -} - .mr-auto, .mx-auto { - margin-right: auto !important; -} - .mb-auto, .my-auto { - margin-bottom: auto !important; -} - .ml-auto, .mx-auto { - margin-left: auto !important; -} - @media (min-width: 576px) { - .mb-sm-5 { - margin-bottom: 3rem !important; - } -} - @media (min-width: 768px) { - .m-md-0 { - margin: 0 !important; - } - .mb-md-0 { - margin-bottom: 0 !important; - } - .mb-md-1 { - margin-bottom: 0.25rem !important; - } - .mr-md-2 { - margin-right: 0.5rem !important; - } - .mb-md-2 { - margin-bottom: 0.5rem !important; - } - .mt-md-3, .my-md-3 { - margin-top: 1rem !important; - } - .mb-md-3, .my-md-3 { - margin-bottom: 1rem !important; - } - .mb-md-5 { - margin-bottom: 3rem !important; - } - .p-md-0 { - padding: 0 !important; - } - .py-md-0 { - padding-top: 0 !important; - } - .py-md-0 { - padding-bottom: 0 !important; - } - .pl-md-0 { - padding-left: 0 !important; - } - .pb-md-1 { - padding-bottom: 0.25rem !important; - } - .pl-md-3 { - padding-left: 1rem !important; - } - .p-md-4 { - padding: 1.5rem !important; - } - .py-md-8 { - padding-top: 10rem !important; - } - .py-md-8 { - padding-bottom: 10rem !important; - } - .my-md-auto { - margin-top: auto !important; - } - .my-md-auto { - margin-bottom: auto !important; - } -} - @media (min-width: 992px) { - .mx-lg-5 { - margin-right: 3rem !important; - } - .mx-lg-5 { - margin-left: 3rem !important; - } - .mx-lg-auto { - margin-right: auto !important; - } - .mx-lg-auto { - margin-left: auto !important; - } -} - .text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - .text-left { - text-align: left !important; -} - .text-right { - text-align: right !important; -} - .text-center { - text-align: center !important; -} - @media (min-width: 768px) { - .text-md-left { - text-align: left !important; - } - .text-md-center { - text-align: center !important; - } -} - .text-lowercase { - text-transform: lowercase !important; -} - .text-uppercase { - text-transform: uppercase !important; -} - .text-capitalize { - text-transform: capitalize !important; -} - .font-weight-normal { - font-weight: 400 !important; -} - .font-weight-bold { - font-weight: 600 !important; -} - .font-weight-bolder { - font-weight: 700 !important; -} - .font-italic { - font-style: italic !important; -} - .text-white { - color: #fff !important; -} - .text-primary { - color: var(--primary) !important; -} - a.text-primary:hover, a.text-primary:focus { - color: #0056b3 !important; -} - .text-success { - color: #38A169 !important; -} - a.text-success:hover, a.text-success:focus { - color: #19692c !important; -} - .text-info { - color: #17a2b8 !important; -} - a.text-info:hover, a.text-info:focus { - color: #0f6674 !important; -} - .text-warning { - color: #ffc107 !important; -} - a.text-warning:hover, a.text-warning:focus { - color: #ba8b00 !important; -} - .text-danger { - color: #dc3545 !important; -} - a.text-danger:hover, a.text-danger:focus { - color: #a71d2a !important; -} - .text-muted { - color: #6c757d !important; -} - .text-decoration-none { - text-decoration: none !important; -} - .text-break { - word-break: break-word !important; - overflow-wrap: break-word !important; -} - .visible { - visibility: visible !important; -} - .invisible { - visibility: hidden !important; -} - @media print { - *, *::before, *::after { - box-shadow: none !important; - } - a:not(.btn) { - text-decoration: underline; - } - abbr[title]::after { - content: " (" attr(title) ")"; - } - pre { - white-space: pre-wrap !important; - } - pre, blockquote { - border: 1px solid #adb5bd; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, img { - page-break-inside: avoid; - } - p, h2, h3 { - orphans: 3; - widows: 3; - } - h2, h3 { - page-break-after: avoid; - } - @page { - size: a3; - } - body { - min-width: 992px !important; - } - .container { - min-width: 992px !important; - } - .navbar { - display: none; - } - .badge { - border: 1px solid #000; - } - .table { - border-collapse: collapse !important; - } - .table td, .table th { - background-color: #fff !important; - } - .table .thead-dark th { - color: inherit; - border-color: var(--gray-400); - } -} - html { - font-size: 14px; -} - @supports (font-variation-settings: normal) { - html { - font-family: "Inter var", sans-serif; - } -} - body { - color: var(--black); - padding-top: 49px; - background-color: var(--gray-700); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - @media (min-width: 1200px) { - .container { - max-width: 1300px; - } -} - p { - font-size: 14px; -} - pre { - white-space: pre-wrap; - white-space: -moz-pre-wrap; - white-space: -pre-wrap; - white-space: -o-pre-wrap; - word-wrap: break-word; -} - #settings, #submit { - padding-top: 98px; - background-color: var(--gray-600); -} - #page { - padding-top: 49px; - background-color: var(--gray-700); -} - #article { - padding-top: 0; - background-color: var(--gray-700); -} - #thread, #userpage { - background-color: var(--gray-700); -} - #article .navbar-light .navbar-nav .nav-link { - color: var(--black); -} - #article .navbar-light .navbar-nav .nav-link:hover { - background-color: transparent; - color: var(--primary); -} - #article .navbar-light .navbar-nav .nav-link:focus { - background-color: transparent; - color: var(--primary); -} - .article-title { - margin-bottom: 3rem; - font-weight: 600; - line-height: 3rem; - margin-top: 2rem; -} - #thread .custom-gutters { - padding: 0 10px; -} - .custom-gutters { - padding-left: 10px; - padding-right: 10px; -} - .sticky { - position: -webkit-sticky; - position: sticky; - top: 47px; - height: auto; - overflow-y: auto; - z-index: 4; -} - .text-lg { - font-size: 1.25rem !important; -} - .text-base { - font-size: 1rem !important; -} - .text-small { - font-size: 12px !important; -} - .text-small-extra { - font-size: 10.1px !important; -} - #page p { - font-size: 16px; -} - a.dropdown-toggle:hover { - text-decoration: none; -} - .comment-text ul li ul { - padding-left: 0; +.navbar-toggler:hover, .navbar-toggler:focus { + text-decoration: none; } - ul.no-bullets { - list-style-type: none; -} - ol > li { - list-style-type: none; - counter-increment: count; - margin-bottom: 0.75rem; +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + content: ""; + background: no-repeat center center; + background-size: 100% 100%; } - ol > li::before { - content: counter(count) "."; - font-weight: 600; - margin-right: 0.5rem; +@media (max-width: 767.98px) { + .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { + padding-right: 0; + padding-left: 0; } - .footer .list-inline-item:not(:last-child) { - margin-right: 1.5rem; } - [data-bs-toggle=collapse] .fa:before { - content: "\f139"; +@media (min-width: 768px) { + .navbar-expand-md { + flex-flow: row nowrap; + justify-content: flex-start; } - [data-bs-toggle=collapse].collapsed .fa:before { - content: "\f13a"; + .navbar-expand-md .navbar-nav { + flex-direction: row; } - .btn { - font-weight: 600; - font-size: 1rem; - border-radius: 0.2rem; + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; } - .btn-lg { - font-size: 1rem; + .navbar-expand-md .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; } - .btn.disabled, .btn:disabled { - opacity: 0.5; + .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { + flex-wrap: nowrap; } - .btn-success, .btn-danger { - color: var(--white); + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; } - .btn.login, .btn.register { - height: calc(1.5em + 0.75rem + 2px); - border-radius: 0.35rem; + .navbar-expand-md .navbar-toggler { + display: none; } - .tooltip { - font-weight: 600; } - .tooltip-inner { - background-color: var(--white); - color: var(--dark); +@media (max-width: 991.98px) { + .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; } - .alert { - padding: 0.5rem 1rem; } - .alert-dismissible .close { - padding: 0.5rem 1.25rem; - bottom: 0; +@media (min-width: 992px) { + .navbar-expand-lg { + flex-flow: row nowrap; + justify-content: flex-start; } - .alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { - margin-right: 0rem; + .navbar-expand-lg .navbar-nav { + flex-direction: row; } - .alert .fa, .alert .fas, .alert .far, .alert .fab { - margin-right: 0.5rem; + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; } - .toast { - font-size: 1rem; - font-weight: 600; - color: var(--black); - border: 0; - display: none; - position: fixed; - bottom: 1.5rem; - margin: 0 auto; - left: 1.5rem; - right: 0; - width: 300px; - z-index: 1041; - background-color: var(--dark); + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: 0.5rem; + padding-left: 0.5rem; } - .navbar-light { - background-color: var(--gray-500) !important; - box-shadow: 0 0.1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; + .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { + flex-wrap: nowrap; } - .navbar-toggler-icon { - width: auto; - height: auto; + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; } - .navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { - background: transparent; + .navbar-expand-lg .navbar-toggler { + display: none; } - .navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { - border: none; } - .navbar-expand-md .navbar-nav .nav-link { - padding-left: 1rem; - padding-right: 1rem; +.navbar-light .navbar-brand { + color: rgba(0, 0, 0, 0.9); } - #page .navbar-light .navbar-nav .nav-link { - color: var(--dark); +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(0, 0, 0, 0.9); } - #page .navbar-light .navbar-nav .nav-link:hover { - background-color: transparent; - color: var(--primary); +.navbar-light .navbar-nav .nav-link { + color: rgba(0, 0, 0, 0.5); } - .navbar-brand, .navbar-light .navbar-brand { - color: var(--primary); - font-weight: 600; +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(0, 0, 0, 0.7); } - .navbar-dark .navbar-brand { - color: var(--white); +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); } - .navbar .text-white { - color: var(--white); +.navbar-light .navbar-toggler { + color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.1); } - .tab-bar { - box-shadow: inset 0 -0.1px 0 var(--gray-400); - border-top-left-radius: 0.35rem; - border-top-right-radius: 0.35rem; - padding: 0.75rem 1rem 0 1rem; - background-color: var(--light); - z-index: 5; +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } - .navbar-nav .nav-link { - padding: 0.25rem 0.5rem; +.navbar-dark .navbar-brand { + color: #fff; } - .navbar-expand-md .navbar-nav .nav-link { - padding: 0.25rem 0.5rem; +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #fff; } - .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover { - color: var(--black); +.navbar-dark .navbar-nav .nav-link { + color: rgba(255, 255, 255, 0.5); } - .navbar-light .navbar-nav .nav-link:hover { - border-radius: 0.35rem; -} - .navbar-light .navbar-nav .nav-link:focus { - background-color: rgba(0, 0, 0, 0.15); - border-radius: 0.35rem; -} - .navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { - color: var(--primary); - text-align: center; - font-size: 1rem; -} - .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { - color: var(--white); - text-align: center; - font-size: 1rem; -} - .navbar-light .navbar-nav .btn-primary.nav-link { - color: var(--white); -} - .navbar-dark .navbar-nav .nav-link { - color: var(--white); -} - .navbar-dark .navbar-nav .nav-link:hover { - background-color: rgba(0, 0, 0, 0.15); - border-radius: 0.35rem; -} - .navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { - background-color: var(--light); - border-radius: 0.35rem; -} - .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { - color: var(--white); - text-align: center; - font-size: 1.25rem; -} - .navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { - color: var(--black); -} - .navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { - color: var(--white); -} - .post-nav .nav-link { - color: var(--muted); - font-size: 1rem; - font-weight: 600; - padding: 0.75rem 1rem; +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(255, 255, 255, 0.75); } - .settings-nav .nav-link { - color: var(--gray-200); - font-size: 1rem; - font-weight: 400; - padding: 0.75rem 1rem; +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); } - .post-nav > .nav-item > .nav-link.active { - color: var(--primary); +.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { + color: #fff; } - .settings-nav > .nav-item > .nav-link.active { - color: var(--primary); - box-shadow: inset 0 -2px 0 var(--primary); +.navbar-dark .navbar-toggler { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.1); } - .post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { - color: var(--primary); -} - .post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { - color: var(--primary); -} - .post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { - color: var(--primary); -} - .post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { - font-size: 12px; - margin-right: 0.5rem; - color: var(--muted); -} - .settings-nav > .nav-item > .nav-link.active { - color: var(--primary); - box-shadow: inset 0 -2px 0 var(--primary); -} - .settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { - color: var(--primary); -} - .settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { - font-size: 16px; - color: var(--muted); -} - .color-picker input[type=radio] { - display: none; -} - label.color-radio { - display: inline-block; - width: 25px; - height: 25px; - margin: 0.5rem 1rem 0.5rem 0; - cursor: pointer; -} - label.color-radio span { - display: block; - width: 100%; - height: 100%; - border-radius: 100%; - text-align: center; - line-height: 2.25; -} - #page .nav-pills .nav-link { - border-radius: 0; - font-size: 1rem; - font-weight: 600; - color: var(--muted); - border-bottom: 2px solid transparent; - padding: 1rem 1.5rem; -} - #page .nav-pills .nav-link:hover { - color: var(--primary); -} - #page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { - color: var(--primary); - background-color: transparent; - transition: ease 0.25s; - border-bottom: 2px solid var(--primary); -} - #page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { - color: var(--primary); - background-color: transparent; - transition: ease 0.25s; - border-bottom: 2px solid var(--primary); -} - .form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { - border-color: var(--primary); -} - .form-inline.search .form-control:active, .form-inline.search .form-control:focus { - background-color: var(--gray-900); - color: var(--black); -} - .form-inline.search .form-control, .form-control[readonly] { - background-color: var(--gray-800); - font-size: 1rem; - color: var(--white); -} - .form-inline.search .input-group-append .input-group-text .fa.fa-search { - color: var(--black); -} - .form-inline.search .form-control::placeholder { - color: var(--black); -} - .form-inline.search .form-control::-ms-input-placeholder { - color: var(--black); -} - .form-inline.search .form-control::-ms-input-placeholder { - color: var(--black); -} - .form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { - color: var(--black); -} - .form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { - color: var(--black); -} - .form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { - color: var(--black); -} - .form-control { - color: var(--muted); - border-color: var(--muted); - border-width: 2px; - background: #dee2e6; - transition: none; -} - .form-control:disabled, .form-control[readonly] { - background-color: var(--dark); -} - .form-control:hover { - color: var(--black); - background-color: var(--gray-600); - outline: 0; - border-color: var(--primary); - box-shadow: none; -} - .form-control:focus, .form-control:active { - color: var(--black); - background-color: var(--gray-900); - outline: 0; - border-color: var(--primary); - box-shadow: none; -} - .form-control::placeholder { - color: var(--black); -} - .form-control::-ms-input-placeholder { - color: var(--black); -} - .form-control::-ms-input-placeholder { - color: var(--black); -} - label { - text-transform: uppercase; - font-weight: 600; - font-size: 12px; - letter-spacing: 0.025rem; - color: var(--black); -} - #login label { - color: var(--black); -} - label.terms { - font-weight: normal; - text-transform: none; - font-size: 13px; - color: var(--black); - vertical-align: middle; - padding: 0.1rem 0; -} - .dropdown-menu { - padding: 0.5rem; - color: var(--white); - background-color: var(--gray-600); -} - .dropdown-item { - padding: 0.5rem 1rem; - border-radius: 0.35rem; - color: var(--black); -} - .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { - color: var(--black); - text-decoration: none; - background-color: var(--gray-300); -} - .dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, .dropdown-item:focus .fa, .dropdown-item.active .fa { - color: var(--black); -} - small, .small { - font-size: 12px; -} - th { - font-weight: 600; -} - .fa-rotate--45 { - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - transform: rotate(-45deg); -} - .icon::before { - display: inline-block; - font-style: normal; - font-variant: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; -} - .format .fa-bold:hover, .format .fa-italic:hover, .format .fa-quote-right:hover, .format .fa-link:hover, .format .fa-image:hover { - color: var(--black); -} - .voting { - position: relative; - z-index: 2; - font-size: 12px; - font-weight: 600; - text-align: center; - word-break: keep-all; - min-width: 40px; -} - #thread .voting { - min-width: 10px; - margin-right: 10px; - overflow-wrap: normal; -} - #frontpage .voting, #search .voting, #userpage .voting { - margin: auto 0; -} - .active.arrow-up::before { - color: var(--primary); -} - .arrow-up::before { - cursor: pointer; - font-size: 1.3rem; - color: var(--gray-200); - font-family: "font awesome 5 pro" !important; - font-weight: 900; - content: "\f357"; -} - .arrow-up:hover::before { - color: var(--primary); - opacity: 0.5; -} - .active.arrow-down::before { - color: #38B2AC; -} - .arrow-down::before { - cursor: pointer; - font-size: 1.3rem; - color: var(--gray-200); - font-family: "font awesome 5 pro" !important; - font-weight: 900; - content: "\f354"; -} - .arrow-down:hover::before { - color: #38B2AC; - opacity: 0.5; -} - .comment-actions .arrow-up { - top: 0; -} - .comment-actions .arrow-down { - bottom: 0; -} - .upvoted .arrow-mobile-up { - color: var(--primary) !important; -} - .downvoted .arrow-mobile-down { - color: #38B2AC !important; -} - .comment-actions .score { - color: var(--muted); -} - .score { - color: var(--black); - font-size: 1.1rem; -} - .score-up { - color: var(--primary) !important; - font-size: 1.1rem; -} - .score-down { - color: #38B2AC !important; - font-size: 1.1rem; -} - .box-shadow-bottom { - box-shadow: inset 0 -0.1px 0 var(--gray-400); -} - .border-1 { - border-width: 0.1px; - border-style: solid; -} - .border-2 { - border-width: 2px; - border-style: solid; -} - .border-3 { - border-width: 3px; - border-style: solid; -} - .opacity-25 { - opacity: 0.25; -} - .pseudo-submit-form .card-header { - background-color: var(--gray-600) !important; -} - #frontpage .pseudo-submit-form.card, #search .search-results.card { - background-color: var(--gray-600); - border-radius: 0.35rem; - border: none; -} - #frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { - padding-left: 10px; - padding-right: 10px; -} - #frontpage .pseudo-submit-form.card .card-body .form-control { - background-color: var(--light); -} - #frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { - background-color: var(--light); -} - .user-name { - color: inherit; -} - .banner-pic-135 { - object-fit: cover; - height: 135px; - max-width: 572px; - width: 572px; -} - .profile-pic { - width: 50px; - height: 50px; - border-radius: 50%; - margin: auto; - text-align: center; - object-fit: cover; - color: var(--white); - background-color: #1f2023; -} - .navbar .navbar-nav .profile-pic { - display: inline-block; - width: 28px; - height: 28px; -} - .profile-pic-20, .pp20 { - margin-right: 0.25rem !important; - width: 20px; - height: 20px; - border-radius: 50%; - text-align: center; - object-fit: cover; - background-color: var(--gray-600); -} - .profile-pic-25 { - width: 25px; - height: 25px; - border-radius: 50%; - text-align: center; - object-fit: cover; - background-color: var(--gray-600); -} - .profile-pic-35 { - width: 35px; - height: 35px; - border-radius: 50%; - text-align: center; - object-fit: cover; - background-color: var(--gray-600); -} - .profile-pic-50 { - width: 50px; - height: 50px; - border-radius: 50%; - text-align: center; - object-fit: cover; - background-color: var(--gray-600); -} - .profile-pic-65 { - width: 65px; - height: 65px; - border-radius: 50%; - text-align: center; - object-fit: cover; - background-color: var(--gray-600); -} - .profile-pic-75 { - width: 75px; - height: 75px; - border-radius: 50%; - text-align: center; - object-fit: cover; - background-color: var(--gray-600); -} - .profile-pic-100 { - width: 100px; - height: 100px; - border-radius: 50%; - text-align: center; - object-fit: cover; - background-color: var(--gray-600); -} - .card-header:first-child { - border-radius: 0.35rem 0.35rem 0 0; -} - .card-header { - font-size: 1rem; - font-weight: 600; - color: var(--black); - padding: 0.5rem 1rem; - border-bottom: 0.1px solid var(--gray-400); -} - .card { - background-color: var(--gray-900); -} - #thread .card { - background-color: var(--gray-700); -} - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { - border-top-left-radius: 0.35rem; - border-top-right-radius: 0.35rem; -} - #frontpage .posts .card, #userpage .posts .card, #search .posts .card { - border-width: 0.1px 0.1px 0 0.1px; - border-color: #303030; - border-style: solid; - border-radius: 0; - padding: 0.5rem; -} - #frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { - background-color: var(--gray-600); -} - .post-title { - font-size: 16px; - font-weight: 600; - word-break: break-word; - overflow: hidden; -} - .post-title a { - color: var(--black); -} - .post-title a:hover, .post-title a:active, .post-title a:focus { - text-decoration: none; - color: var(--primary); -} - #frontpage .post-title a { - color: var(--black); -} - #frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { - text-decoration: none; - color: var(--black); -} - .stretched-link a:hover { - color: #6f42c1; -} - .post-meta { - position: relative; - z-index: 2; - color: var(--muted); - font-size: 12px; - width: fit-content; -} - #frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { - border: 0; - background-color: transparent; - padding: 0; -} - .post-body { - word-break: break-word; - overflow: hidden; -} - .modal-backdrop.show { - opacity: 1; - background-color: rgba(30, 30, 30, 0.9); -} - .modal-backdrop { - background-color: transparent; -} - .modal-header { - border-bottom: none; - border-top-left-radius: 0.35rem; - border-top-right-radius: 0.35rem; - padding: 0.5rem 1rem; - box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); -} - .modal-header .close { - padding: 1.25rem 1rem 1.25rem 0.5rem; -} - .modal-content { - border: none; - background-color: var(--gray-400); - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); -} - .modal-footer { - border: none; - border-bottom-right-radius: 0.35rem; - border-bottom-left-radius: 0.35rem; -} - .modal .post-actions .list-group-item { - border: none; - border-radius: 0.35rem; - background-color: var(--gray-400); -} - .modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { - background-color: var(--gray-300); -} - .modal .post-actions a { - color: var(--black); - font-size: 1rem; +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } - .modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { - width: 1.25rem; - font-size: 1rem; +.card { + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + word-wrap: break-word; + background-color: #fff; + background-clip: border-box; + border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.35rem; } - .post-actions { - position: relative; - color: var(--muted); - font-weight: 600; - font-size: 12px; - z-index: 3; +.card > hr { + margin-right: 0; + margin-left: 0; } - .post-actions .fa, .post-actions .fas, .post-actions .far { - font-size: 12px; - margin-right: 0.5rem; - width: 1rem; +.card > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; } - .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { - color: inherit; -} - .post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { - color: var(--black); -} - .post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { - color: var(--gray); -} - .post-actions a:hover .fa, .post-actions a:hover .fas { - color: var(--black); -} - .post-actions:hover, .post-actions:focus { - z-index: 4; -} - .post-actions .copy-link:hover { - color: var(--black); -} - .post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { - font-size: 1.25rem; - vertical-align: middle; -} - .post-actions .list-inline { - margin-bottom: 0; +.card > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; } - .post-actions .list-inline .list-inline-item { - margin-right: 1rem; -} - .post-actions .list-inline .list-inline-item:last-child { - margin-right: 0; -} - .close .far, .close .fab, .close .fal, .close .fas { - font-size: 1.25rem; -} - @media (max-width: 767.98px) { - .modal-dialog { - margin: auto; - max-width: 80%; - } -} - .dropdown-actions { - position: relative; - color: var(--muted); - font-weight: 600; - font-size: 12px; - z-index: 3; -} - .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { - font-size: 12px; - color: var(--muted); - margin-right: 0.5rem; - width: 1rem; - text-align: center; -} - .dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { - color: inherit; -} - .dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { - color: var(--black); -} - .dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { - color: var(--black); -} - .dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { - color: var(--black); -} - .dropdown-actions:hover, .dropdown-actions:focus { - z-index: 4; -} - .dropdown-actions .copy-link:hover { - color: var(--black); +.card-body { + flex: 1 1 auto; + min-height: 1px; + padding: 1.25rem; +} +.card-title { + margin-bottom: 0.75rem; +} +.card-text:last-child { + margin-bottom: 0; +} +.card-header { + padding: 0.75rem 1.25rem; + margin-bottom: 0; + background-color: rgba(0, 0, 0, 0.03); + border-bottom: 1px solid rgba(0, 0, 0, 0.125); +} +.card-header:first-child { + border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0; +} +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} +.card-footer { + padding: 0.75rem 1.25rem; + background-color: rgba(0, 0, 0, 0.03); + border-top: 1px solid rgba(0, 0, 0, 0.125); +} +.card-footer:last-child { + border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px); +} +.card-img-top { + flex-shrink: 0; + width: 100%; +} +.card-img-top { + border-top-left-radius: calc(0.35rem - 1px); + border-top-right-radius: calc(0.35rem - 1px); +} +.card-columns .card { + margin-bottom: 0.75rem; +} +@media (min-width: 576px) { + .card-columns { + column-count: 3; + column-gap: 1.25rem; + orphans: 1; + widows: 1; +} + .card-columns .card { + display: inline-block; + width: 100%; +} +} +.pagination { + display: flex; + padding-left: 0; + list-style: none; + border-radius: 0.35rem; +} +.page-link { + position: relative; + display: block; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.25; + color: var(--primary); + background-color: #fff; + border: 1px solid #dee2e6; +} +.page-link:hover { + z-index: 2; + color: var(--primary); + text-decoration: none; + background-color: #e9ecef; + border-color: #dee2e6; +} +.page-link:focus { + z-index: 3; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} +.page-item:first-child .page-link { + margin-left: 0; + border-top-left-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.page-item:last-child .page-link { + border-top-right-radius: 0.35rem; + border-bottom-right-radius: 0.35rem; +} +.page-item.active .page-link { + z-index: 3; + color: #fff; + background-color: var(--primary); + border-color: var(--primary); +} +.page-item.disabled .page-link { + color: #6c757d; + pointer-events: none; + cursor: auto; + background-color: #fff; + border-color: #dee2e6; +} +.pagination-sm .page-link { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + line-height: 1.5; +} +.pagination-sm .page-item:first-child .page-link { + border-top-left-radius: 0.2rem; + border-bottom-left-radius: 0.2rem; +} +.pagination-sm .page-item:last-child .page-link { + border-top-right-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} +.badge { + display: inline-block; + padding: 0.25em 0.4em; + font-size: 75%; + font-weight: 600; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 0.35rem; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .badge { + transition: none; +} +} +a.badge:hover, a.badge:focus { + text-decoration: none; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.badge-secondary { + color: #fff; + background-color: #6c757d; +} +a.badge-secondary:hover, a.badge-secondary:focus { + color: #fff; + background-color: var(--primary); +} +a.badge-secondary:focus, a.badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); +} +.badge-danger { + color: #fff; + background-color: #dc3545; +} +a.badge-danger:hover, a.badge-danger:focus { + color: #fff; + background-color: #bd2130; +} +a.badge-danger:focus, a.badge-danger.focus { + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); +} +.jumbotron { + padding: 2rem 1rem; + margin-bottom: 2rem; + background-color: #e9ecef; + border-radius: 0.3rem; +} +@media (min-width: 576px) { + .jumbotron { + padding: 4rem 2rem; +} +} +.jumbotron-fluid { + padding-right: 0; + padding-left: 0; + border-radius: 0; +} +.alert { + position: relative; + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + border: 1px solid transparent; + border-radius: 0.35rem; +} +.alert-link { + font-weight: 600; +} +.alert-dismissible { + padding-right: 4rem; +} +.alert-dismissible .close { + position: absolute; + top: 0; + right: 0; + padding: 0.75rem 1.25rem; + color: inherit; +} +.alert-success { + color: #155724; + background-color: #d4edda; + border-color: #c3e6cb; +} +.alert-success hr { + border-top-color: #b1dfbb; +} +.alert-success .alert-link { + color: #0b2e13; +} +.alert-warning { + color: #856404; + background-color: #fff3cd; + border-color: #ffeeba; +} +.alert-warning hr { + border-top-color: #ffe8a1; +} +.alert-warning .alert-link { + color: #533f03; +} +.alert-danger { + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; +} +.alert-danger hr { + border-top-color: #f1b0b7; +} +.alert-danger .alert-link { + color: #491217; +} +@keyframes progress-bar-stripes { + from { + background-position: 1rem 0; +} + to { + background-position: 0 0; +} +} +.media { + display: flex; + align-items: flex-start; +} +.media-body { + flex: 1; +} +.list-group { + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; +} +.list-group-item { + position: relative; + display: block; + padding: 0.75rem 1.25rem; + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.125); +} +.list-group-item:first-child { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +.list-group-item:last-child { + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.list-group-item.disabled, .list-group-item:disabled { + color: #6c757d; + pointer-events: none; + background-color: #fff; +} +.list-group-item.active { + z-index: 2; + color: #fff; + background-color: var(--primary); + border-color: var(--primary); +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: -1px; + border-top-width: 1px; +} +.close { + float: right; + font-size: 1.5rem; + font-weight: 600; + line-height: 1; + color: #fff; + opacity: 0.5; +} +.close:hover { + color: #000; + text-decoration: none; +} +.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { + opacity: 0.75; +} +button.close { + padding: 0; + background-color: transparent; + border: 0; + appearance: none; +} +a.close.disabled { + pointer-events: none; +} +.toast { + max-width: 350px; + overflow: hidden; + font-size: 0.875rem; + background-color: rgba(255, 255, 255, 0.85); + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.1); + box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); + backdrop-filter: blur(10px); + opacity: 0; + border-radius: 0.25rem; +} +.toast:not(:last-child) { + margin-bottom: 0.75rem; +} +.toast.showing { + opacity: 1; +} +.toast.show { + display: block; + opacity: 1; +} +.toast.hide { + display: none; +} +.toast-body { + padding: 0.75rem; +} +.modal-open { + overflow: hidden; +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} +.modal { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + display: none; + width: 100%; + height: 100%; + overflow: hidden; + outline: 0; +} +.modal-dialog { + position: relative; + width: auto; + margin: 0.5rem; + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; +} +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} +.modal-dialog-scrollable { + display: flex; + max-height: calc(100% - 1rem); +} +.modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 1rem); + overflow: hidden; +} +.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { + flex-shrink: 0; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - 1rem); +} +.modal-dialog-centered::before { + display: block; + height: calc(100vh - 1rem); + content: ""; +} +.modal-dialog-centered.modal-dialog-scrollable { + flex-direction: column; + justify-content: center; + height: 100%; +} +.modal-dialog-centered.modal-dialog-scrollable .modal-content { + max-height: none; +} +.modal-dialog-centered.modal-dialog-scrollable::before { + content: none; +} +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + pointer-events: auto; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; +} +.modal-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.5; +} +.modal-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + padding: 1rem 1rem; + border-bottom: 1px solid var(--gray-400); + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.modal-header .close { + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; +} +.modal-title { + margin-bottom: 0; + line-height: 1.5; +} +.modal-body { + position: relative; + flex: 1 1 auto; + padding: 1rem; +} +.modal-footer { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: 0.75rem; + border-top: 1px solid var(--gray-400); + border-bottom-right-radius: calc(0.3rem - 1px); + border-bottom-left-radius: calc(0.3rem - 1px); +} +.modal-footer > * { + margin: 0.25rem; +} +@media (min-width: 576px) { + .modal-dialog { + max-width: 500px; + margin: 1.75rem auto; +} + .modal-dialog-scrollable { + max-height: calc(100% - 3.5rem); +} + .modal-dialog-scrollable .modal-content { + max-height: calc(100vh - 3.5rem); +} + .modal-dialog-centered { + min-height: calc(100% - 3.5rem); +} + .modal-dialog-centered::before { + height: calc(100vh - 3.5rem); +} +} +@media (min-width: 992px) { + .modal-xl { + max-width: 800px; +} +} +@media (min-width: 1200px) { + .modal-xl { + max-width: 1140px; +} +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: 1; +} +.tooltip .arrow { + position: absolute; + display: block; + width: 0.8rem; + height: 0.4rem; +} +.tooltip .arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} +.tooltip-inner { + max-width: 200px; + padding: 0.25rem 0.5rem; + color: #fff; + text-align: center; + background-color: #000; + border-radius: 0.35rem; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: block; + max-width: 276px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + word-spacing: normal; + white-space: normal; + line-break: auto; + font-size: 0.875rem; + word-wrap: break-word; + background-color: #fff; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; +} +.popover .arrow { + position: absolute; + display: block; + width: 1rem; + height: 0.5rem; + margin: 0 0.3rem; +} +.popover .arrow::before, .popover .arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; +} +.popover-header { + padding: 0.5rem 0.75rem; + margin-bottom: 0; + font-size: 1rem; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-top-left-radius: calc(0.3rem - 1px); + border-top-right-radius: calc(0.3rem - 1px); +} +.popover-header:empty { + display: none; +} +.popover-body { + padding: 0.5rem 0.75rem; + color: #212529; +} +.carousel { + position: relative; +} +.carousel.pointer-event { + touch-action: pan-y; +} +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; +} +} +.carousel-item.active, .carousel-item-next, .carousel-item-prev { + display: block; +} +.carousel-item-next:not(.carousel-item-left) { + transform: translateX(100%); +} +.carousel-item-prev:not(.carousel-item-right) { + transform: translateX(-100%); +} +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex; + justify-content: center; + padding-left: 0; + margin-right: 15%; + margin-left: 15%; + list-style: none; +} +.carousel-indicators li { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; } - .dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { - font-size: 1.25rem; - vertical-align: middle; -} - .dropdown-actions .list-inline { - margin-bottom: 0; -} - .dropdown-actions .list-inline .list-inline-item { - margin-right: 1rem; -} - .dropdown-actions .list-inline .list-inline-item:last-child { - margin-right: 0; -} - .page-link { - font-weight: 600; - background-color: var(--dark); - border: 0.1px solid #343a40; -} - .page-link:hover { - background-color: var(--gray-100); -} - .page-item.disabled .page-link { - font-weight: 600; - background-color: var(--dark); - border: 0.1px solid #343a40; - opacity: 0.5; -} - @media (max-width: 767.98px) { - .post-actions .list-inline .list-inline-item { - margin-right: 1.5rem; - margin-top: 5px; - } - .post-actions .list-inline .list-inline-item:last-child { - margin-right: 0; - } -} - .post-actions .list-inline .list-inline-item .dropdown-item { - font-size: 1rem; -} - .post-actions .list-inline .list-inline-item .dropdown-item:active { - color: var(--white); -} - .post-actions a { - color: var(--gray-100); - text-decoration: none; - text-transform: none; -} - .post-actions a:hover { - color: var(--black); -} - .post-actions .dropdown-item:hover { - color: var(--black); -} - .post-img { - width: 100px; - height: 70px; - object-fit: cover; - border: 0.1px solid var(--primary); - border-radius: 0.35rem; - z-index: 2; - background-color: var(--gray-300); -} - @media (max-width: 767.98px) { - .post-img { - width: 80px; - height: 60px; - } -} - .post-actions .comments, .post-actions .share, .post-actions .flag { - margin-right: 0.5rem; - vertical-align: top; -} - .time-stamp, .points { - color: var(--muted); -} - .comments-count { - display: flex; -} - .comments-count .total { - font-weight: 600; - font-size: 12px; - color: var(--muted); -} - .comment { - display: flex; - position: relative; - margin-top: 2rem; - padding-left: 12px; -} - #notifications .comment, #userpage .comment { - margin-top: 0.5rem; - margin-bottom: 1rem; -} - #notifications .comment:last-child, #userpage .comment:last-child { - margin-bottom: 0; -} - .comment .comment-body { - width: 100%; -} - .comment .comment-body .user-info { - font-size: 12px; - color: var(--muted); - margin-bottom: 0.25rem; - margin-top: -0.25rem; -} - .comment .comment-body .user-name { - color: var(--black); -} - .comment .comment-body .comment-text { - margin-bottom: 1rem; - word-break: break-word; - color: var(--black); - overflow: hidden; - padding-right: 10px !important; - padding-top: 5px !important; -} - .modal .comment-actions .list-group-item { - border: none; - border-radius: 0.35rem; - background-color: var(--gray-400); -} - .modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { - background-color: var(--gray-300) !important; -} - .modal .comment-actions a { - color: var(--gray-100); - font-size: 1rem; -} - .modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { - width: 1.25rem; - font-size: 1rem; -} - .comment-section { - background-color: var(--gray-700); -} - .comment p { - word-break: break-word; -} - .comment-actions { - font-weight: 600; - font-size: 12px; - margin-bottom: 0; -} - .comment-actions .fa, .comment-actions .fas, .comment-actions .far { - font-size: 12px; - margin-right: 0.25rem; - margin-left: 0.25rem; - color: var(--gray-100); -} - @media (min-width: 768px) { - .comment-actions .fa, .comment-actions .fas, .comment-actions .fa { - margin-right: 0.5rem; - margin-left: 0; - } -} - .comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { - color: var(--black); -} - .comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { - color: var(--black); -} - .comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { - color: var(--black); -} - .comment-actions .fas.fa-ellipsis-h { - font-size: 1.25rem; - vertical-align: bottom; -} - .comment-actions .list-inline { - margin-bottom: 0; -} - .comment-actions .list-inline li .btn, .comment-actions .list-inline .btn { - margin-right: 0.5rem; - box-shadow: none; - border: none; - font-size: 12px; -} - .comment-actions .list-inline .list-inline-item .dropdown-item { - font-size: 12px; -} - .comment-actions .list-inline .list-inline-item .dropdown-item:active { - color: var(--black); -} - .comment-actions a { - color: var(--gray-100); - text-decoration: none; -} - .comment-actions a:hover, .comment-actions .copy-link:hover { - color: var(--black); -} - .comment-actions .dropdown-item:hover { - color: var(--black); -} - ul.comment-section { - padding-left: 0; - margin-bottom: 0; -} - .comment-write { - position: relative; -} - .comment-write.child { - margin-top: 1rem; -} - .comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { - background-color: var(--gray-900); -} - .comment-write.collapsed textarea { - width: 100%; - box-sizing: border-box; - padding: 0.5rem 0.75rem; - min-height: 84px; -} - .comment-format { - display: flex; - align-items: center; - bottom: 0; - left: 0; - padding: 0.5rem 0 0 0; - width: 100%; - z-index: 1; -} - .comment-write .comment-format .format { - padding: 0 0.5rem; - font-size: 1rem; - color: var(--gray-200); -} - .comment-write .comment-format .format:hover { - color: var(--black); -} - .comment .comment-collapse-icon:hover::before { - border-left-color: var(--primary); -} - .comment.collapsed .comment-collapse-icon::before { - content: "\f055"; - font-family: "font awesome 5 pro" !important; - font-weight: 900; - border-left: none; - top: -0.1px; - left: -3px; - font-size: 10px; -} - .comment.collapsed .comment-collapse-icon:hover::before { - color: var(--primary); -} - .comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, .comment.collapsed .comment { - display: none; -} - .comment.collapsed .user-info { - margin-bottom: 0; -} - .comment.collapsed .profile-pic-25 { - opacity: 0.5; -} - .comment.collapsed .comment-body { - opacity: 0.5; -} - .comment.collapsed .comment-body:hover { - opacity: 1; -} - #login { - padding-top: 0; - height: 100%; - overflow: hidden; - background-color: var(--light); -} - .splash-wrapper { - position: relative; - width: 100%; - height: 100%; - font-size: 0; -} - .splash-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, var(--primary) 150%); -} - .splash-img { - height: 100%; - width: 100%; - background-size: cover; - background-position: bottom; - object-fit: cover; -} - .pagination { - padding: 1rem 0; -} - .table .thead-dark th { - color: var(--muted); - font-size: 12px; - text-transform: uppercase; - background-color: var(--light); - border: none; -} - .settings .settings-section { - margin-bottom: 3rem; - border: 0.1px solid var(--gray-400); - border-radius: 0.35rem; - overflow: hidden; -} - .settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { - padding: 1rem; -} - .settings .settings-section .title p:last-of-type { - margin-bottom: 0; -} - .settings .settings-section .footer { - background-color: var(--secondary); -} - .modal .profile-actions .list-group-item { - border: none; - border-radius: 0.35rem; -} - .modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { - background-color: var(--gray-200); -} - .modal .profile-actions a { - color: var(--black); - font-size: 1rem; -} - .modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { - width: 1.25rem; - font-size: 1rem; -} - .profile-actions a { - color: var(--gray); - text-decoration: none; - font-size: 12px; -} - .profile-actions .fa, .profile-actions .fas, .profile-actions .far { - font-size: 12px; - color: var(--gray); -} - .profile-actions .dropdown-item:hover { - color: var(--black); -} - .profile-actions .dropdown-item { - font-size: 13px; -} - .profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { - font-size: 12px; - color: var(--gray); - width: 1rem; - margin-right: 0.5rem; - text-align: center; -} - .profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { - color: var(--black); -} - .profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { - color: var(--black); -} - #page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, #article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { - font-weight: 600; -} - #page .footer a, #article .footer a { - color: var(--white); - opacity: 0.8; -} - #page .footer li, #article .footer li { - padding: 0.25rem 0; -} - .footer .list-inline-item { - font-weight: 400; -} - .footer a { - text-decoration: none; - color: var(--muted); -} - .footer a:hover, .footer a:focus, .footer a:active { - text-decoration: underline; -} - .empty-state-img { - width: 200px; - opacity: 0.35; - filter: brightness(0); -} - .ghost { - -webkit-animation: ghost 2s infinite alternate; - animation: ghost 2s infinite alternate; -} - @keyframes ghost { - 0% { - transform: translateY(0); - } - 100% { - transform: translateY(-20px); - } -} - .border-top { - border-top: 1px solid var(--gray-400) !important; -} - .border-bottom { - border-bottom: 1px solid var(--gray-400) !important; -} - .border-left { - border-left: 1px solid var(--gray-400) !important; -} - .border-bottom-0 { - border-bottom: 0 !important; -} - .border { - border: 1px solid var(--gray-400) !important; -} - .border-0 { - border: none !important; -} - .rounded { - border-radius: 0.35rem; -} - .rounded-circle { - border-radius: 50%; -} - @media (min-width: 768px) { - .border-md { - border: 1px solid var(--gray-400) !important; - } - .border-md-0 { - border: none !important; - } - .rounded-md { - border-radius: 0.35rem; - } -} - @media (min-width: 992px) { - .rounded-lg { - border-radius: 0.35rem; - } -} - @media (min-width: 992px) { - .w-lg-25 { - width: 25% !important; - } - .w-lg-75 { - width: 75% !important; - } - .w-lg-100 { - width: 100% !important; - } -} - .submission .body { - padding: 1rem; -} - .submission .footer { - background-color: transparent; - padding: 1rem; - border-bottom-left-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} - .custom-control-label { - text-transform: uppercase; - font-weight: 600; - font-size: 1rem; - letter-spacing: 0; - color: var(--black); -} - .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { - background-color: var(--primary); - border: 0.1px solid #6f42c1; -} - .custom-switch { - padding-left: 2.25rem; - padding-bottom: 1rem; -} - .custom-switch .custom-control-label { - padding-top: 0.5rem; - padding-left: 2rem; - padding-bottom: 0.1rem; -} - .custom-control-input:checked ~ .custom-control-label::before { - opacity: 1; - background-color: var(--primary); - border: #38A169 solid 0.1px; -} - .custom-control-input:checked ~ .custom-control-label:hover::before { - opacity: 1; -} - .custom-switch .custom-control-label::before { - left: -2.25rem; - height: 1.5rem; - width: 2.75rem; - pointer-events: all; - border-radius: 1rem; - background-color: var(--gray-100); - border: #f8f9fa solid 0.1px; - opacity: 0.7; -} - .custom-switch .custom-control-label:hover::before { - opacity: 0.85; -} - .custom-switch .custom-control-label::after { - top: calc(0.25rem + 2px); - left: calc(-2.25rem + 2px); - width: calc(1.5rem - 4px); - height: calc(1.5rem - 4px); - background-color: var(--light); - border-radius: 2rem; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; -} - @media (prefers-reduced-motion: reduce) { - .custom-switch .custom-control-label::after { - transition: none; - } -} - .custom-switch .custom-control-input:checked ~ .custom-control-label::after { - background-color: var(--white); - -webkit-transform: translateX(1.25rem); - transform: translateX(1.25rem); -} - pre code { - word-break: break-word; - white-space: break-spaces; - color: var(--primary); -} - pre ol > li { - margin-bottom: 0; -} - pre ol > li::before { - color: var(--white); - font-weight: 400; - background-color: transparent; - right: 1rem; - padding: 0.25rem; - text-align: right; - margin-right: 0.5rem; - width: 3rem; -} - pre .str, code .str { - color: #38A169; - opacity: 0.75; -} - pre .com, code .com { - color: #ab4bc3; -} - .gif-categories .card { - overflow: hidden; - border: none; -} - .gif-categories img { - border-radius: 0.35rem; - height: 110px; - width: 100%; - object-fit: cover; - -webkit-transition: all 0.15s ease; - -moz-transition: all 0.15s ease; - -o-transition: all 0.15s ease; - -ms-transition: all 0.15s ease; - transition: all 0.15s ease; -} - .gif-categories img:hover { - border: 3px solid var(--primary); -} - .gif-categories .card .gif-cat-overlay { - position: absolute; - text-align: center; - height: 100%; - width: 100%; - background-color: rgba(0, 0, 0, 0.4); - -webkit-transition: all 0.15s ease; - -moz-transition: all 0.15s ease; - -o-transition: all 0.15s ease; - -ms-transition: all 0.15s ease; - transition: all 0.15s ease; -} - .gif-categories .card:hover .gif-cat-overlay { - background-color: rgba(0, 0, 0, 0.6); - border: 3px solid var(--primary); - border-radius: 0.35rem; -} - @media (max-width: 991.98px) { - #frontpage, #search { - padding-top: 49px; - } -} - @media (max-width: 767.98px) { - html { - font-size: 14px; - } - .container { - overflow: hidden; - max-width: none; - } - body, #settings, #notifications, #submit { - padding-top: 49px; - background-color: var(--gray-700); - } - #thread, #userpage { - background-color: var(--gray-600); - } - .custom-gutters { - padding-left: 0; - padding-right: 0; - } - .navbar.bg-primary { - background-color: var(--dark) !important; - } - .navbar-nav { - height: 100vh; - } - .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { - padding: 0.5rem; - } - .navbar-dark .navbar-nav .nav-link:hover { - background-color: transparent; - border-radius: 0; - } - .navbar-dark .navbar-nav .nav-link:active { - background-color: rgba(0, 0, 0, 0.15); - border-radius: 0; - } - .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { - font-size: 1rem; - } - .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { - color: var(--primary); - font-size: 1.25rem; - } - #fixed-bar-mobile { - box-shadow: none; - } - .mobile-nav-icon { - padding: 0.25rem 0.75rem; - } - #thread, #submit { - background-color: var(--light); - } - #frontpage { - padding-top: 49px; - } - #search .search-results.card { - border-bottom: 0.1px solid var(--gray-400); - border-width: 0 0 0.1px 0; - border-radius: 0; - } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card { - padding: 7px; - border-width: 0 0 0.1px 0; - } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { - border-radius: 0; - } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { - background-color: var(--gray-600); - } - #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { - color: var(--primary); - } - #frontpage .posts .card .post-img, #search .posts .card .post-img { - z-index: 3; - } - .toast { - bottom: 1.5rem; - margin: 0 auto; - left: 0; - right: 0; - } - #thread .card { - background-color: var(--gray-600); - } - .card { - background-color: var(--gray-600); - } - .posts, #thread #main-content-col { - box-shadow: none; - border: none; - border-radius: 0; - } - #thread #main-content-col { - margin: 0; - } - .post-title a { - color: var(--black); - } - .post-title a:hover, .post-title a:active, .post-title a:focus { - color: var(--primary); - } - #thread .voting { - min-width: 0; - margin-right: 0; - margin-top: 0; - } - .voting { - font-weight: 400; - font-size: 1.2rem; - } - #frontpage .voting, #search .voting, #userpage .voting { - margin: 0; - } - .post-title { - font-size: 14px; - font-weight: 400; - line-height: normal; - overflow: hidden; - } - .post-meta { - font-size: 1rem; - } - .post-actions { - font-weight: 400; - } - .post-actions a { - font-size: 1rem; - color: var(--gray-200); - } - .post-actions .fa, .post-actions .fas, .post-actions .far { - font-size: 1rem; - } - .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { - font-size: 1.25rem; - } - .comment-actions .score { - color: var(--gray-200); - } - .score { - color: var(--gray-200); - } - .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { - font-size: 1.5rem; - color: var(--gray-200); - opacity: 1; - } - .active.arrow-up::before, .active.arrow-up:hover::before { - color: var(--primary); - } - .active.arrow-down::before, .active.arrow-down:hover::before { - color: #38B2AC; - } - .dropdown-actions a { - font-size: 1rem; - } - .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { - font-size: 1rem; - } - .comment-section { - background-color: var(--gray-600); - } - .comment-section > .comment { - padding-left: 12px; - } - .comment { - margin-top: 1.5rem; - } - .comment.collapsed .user-info { - padding-top: 0.5rem; - } - .comment.collapsed .comment-body:hover { - opacity: 0.5; - } - .comment-actions .fa, .comment-actions .fas, .comment-actions .far { - color: var(--gray-100); - } - .banner-pic-135 { - max-width: 100%; - } - .x-scroll-parent { - overflow: hidden; - } - .x-scroll { - width: 100%; - overflow-x: scroll; - white-space: nowrap; - scrollbar-width: none; - -ms-overflow-style: none; - } - .x-scroll::-webkit-scrollbar { - width: 100%; - overflow-x: scroll; - white-space: nowrap; - background: transparent; - } - #thread .post-title { - font-size: 16px; - } - #submit .submission { - border: none; - } - #submit .submission .body { - padding: 0; - } - #submit .submission .footer { - background: transparent; - padding: 1rem 0; - } - .footer .list-inline-item { - line-height: 3; - } - .comments-count .total { - font-weight: 400; - font-size: 1rem; - } - .comment-actions { - font-weight: 400; - font-size: 1.2rem; - } - .user-name { - font-weight: 400; - } - .comment .comment-body .user-name { - color: var(--black); - font-weight: 600; - } - .pagination { - padding: 1rem; - } - input[type=color], input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select:focus, textarea { - font-size: 16px !important; - } - textarea, input[type=text] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - } -} - .bg-white { - background-color: var(--gray-600) !important; -} - .text-muted { - color: var(--muted) !important; -} - .text-primary { - color: var(--primary) !important; -} - .text-gray-400, .text-gray-500 { - color: var(--gray-200) !important; -} - span.red { - color: var(--primary); -} - span.green { - color: #38A169; -} - div.banned { - background-color: #960000 !important; - border-left: 3px solid #ff0000 !important; -} - div.deleted { - background-color: #4a4a15 !important; -} - div.deleted.banned { - background-color: #964000 !important; -} - .text-admin { - color: var(--primary); -} - .object-cover { - object-fit: cover; -} - .spoiler { - color: var(--white); - background-color: var(--white); - font-weight: 600 !important; - padding: 5px; -} - .spoiler:hover { - color: var(--gray); -} - @media (min-width: 768px) { - .comment { - border-left: 0 !important; - padding-left: 0 !important; - } -} - .comment .comment-collapse-desktop { - padding-right: 20px; - cursor: pointer; -} - .comment .comment-collapse-desktop:hover { - border-left-color: var(--white) !important; -} - .comment.collapsed .comment-collapse-desktop:hover { - color: var(--white) !important; -} - @media (max-width: 767.98px) { - .settings-nav .nav-link { - font-size: 1rem; - padding: 0.75rem 0.6rem; - } -} - .table { - color: var(--white); -} - .comment-box { - border: 2px solid #e9ecef; -} - .btn { - background: transparent; -} - .form-control { - background: transparent; -} - .navbar-light .navbar-nav .nav-link { - border-radius: 5px; -} - .btn-secondary { - color: var(--muted); -} - .btn-primary { - color: var(--muted); -} - .btn-success { - border-color: #38A169 !important; -} - .btn-danger { - border-color: #E53E3E !important; -} - .alert { - color: #000000; -} - .btn-lg { - border-color: transparent !important; -} - @media (max-width: 767.98px) { - .followbutton { - margin-bottom: 10px !important; - } - .comment-actions { - margin-top: -8px; - } -} - .btn-primary:focus, .btn-primary.focus { - box-shadow: none !important; -} - .flaggers { - margin: 7px; - border: 1px solid var(--primary); - padding: 10px; - border-radius: 3px; - background-color: var(--gray-700) !important; -} - .text-info { - color: var(--primary) !important; -} - * { - -webkit-animation: None !important; - animation: None !important; -} - .patron { - padding: 2px 5px 3px 5px !important; - border-radius: 5px !important; - color: white !important; -} - .container, .container-fluid { - background-color: var(--gray-700) !important; - border-radius: 5px !important; -} - .btn { - background-color: var(--gray-700) !important; -} - .nobackground { - background: None !important; -} - textarea { - resize: both !important; -} - .jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - .jumbotron-guild .jumbotron-overlay { - background-color: rgba(0, 0, 0, 0.7); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - @media (max-width: 767.98px) { - .jumbotron-guild { - height: 110px; - } -} - @media (min-width: 767.98px) { - .card-columns { - column-count: 4 !important; - } -} - @media (min-width: 992px) { - .card-columns { - column-count: 5 !important; - } -} - .container, .container-fluid { - padding-bottom: 30px; -} - .navbar { - padding: 0.5rem 0.5rem 0.3rem 0.5rem; -} - @media (min-width: 767.98px) { - .navbar { - padding: 0.5rem 3rem 0.3rem 0.5rem; - } -} - blockquote { - border-left: 2px solid var(--primary); - color: var(--black); - font-size: 1rem; - font-weight: 400; - background-color: #46444a; - padding: 0 1rem; - margin: 0.5rem 0 0 0; -} - div > blockquote:last-child { - margin-bottom: 0.5rem !important; -} - blockquote + blockquote, blockquote:last-child { - margin-top: 0 !important; -} - blockquote + p { - margin-top: 1rem; -} - blockquote p { - margin-bottom: 0; - padding-bottom: 0.7rem; - padding-top: 0.7rem; -} - .unread { - padding: 10px !important; - border: 2px solid var(--primary) !important; -} - @media (min-width: 576px) { - .modal-dialog { - max-width: 50% !important; - margin: 1.75rem auto !important; - } -} - .in-comment-image { - max-height: 150px !important; - max-width: 100% !important; - border-radius: 0.2rem !important; - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - .embedvid { - max-height: 20rem !important; - max-width: 100% !important; - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - .spotify { - max-height: 80px !important; - max-width: 100% !important; - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - .text-pink { - color: #ff66ac !important; -} - .text-purple { - color: #805ad5 !important; -} - .text-black-50 { - color: #808080 !important; -} - .text-orange { - color: orange !important; -} - .text-silver { - color: silver !important; -} - .text-gold { - color: gold !important; -} - .text-lightgreen { - color: lightgreen !important; -} - .text-blue { - color: #1D9BF0 !important; -} - .text-red { - color: #C30F16 !important; -} - .timeline-Widget { - max-height: 500px !important; - overflow-y: scroll !important; -} - .comment .comment-collapse-icon { - padding-right: 10px; -} - .comment .comment-collapse-icon::before { - font-family: "font awesome 5 pro" !important; - color: var(--primary); - display: inline-block; - cursor: pointer; - height: 100%; - width: 10px; - content: "\f056"; - position: static; - font-size: 10px; - font-weight: 900; - border: none; - margin-left: 0.25rem; -} - .text-removed { - color: #ffabab !important; -} - .mirrored { - transform: scaleX(-1); - -webkit-transform: scaleX(-1); -} - @media (max-width: 768px) { - .popover-bio * { - font-size: 0.8rem !important; - } -} - @media (min-width: 768px) { - .popover-bio * { - font-size: 1rem !important; - } -} - .b2 { - border: 2px solid !important; -} - .fl-r { - float: right !important; -} - .edit-title { - background-color: #fff !important; - color: #000 !important -} - .text-lightblue { - color: lightblue; -} - .bet ~ .custom-control-label::before { - border-radius: 50%; +@media (prefers-reduced-motion: reduce) { + .carousel-indicators li { + transition: none; } - .emoji-modal { - max-width: 90% !important -} - .emoji { - height: 30px !important; } - .bigemoji { - height: 60px !important; +.carousel-indicators .active { + opacity: 1; } - .bigemoji, .emj, .emoji, .emoji-md, .emoji-lg { - max-width: 10rem !important; - display: inline-block; - -o-object-fit: contain; - object-fit: contain; +@keyframes spinner-border { + to { + transform: rotate(360deg); +} +} +@keyframes spinner-grow { + 0% { + transform: scale(0); +} + 50% { + opacity: 1; +} +} +.align-top { + vertical-align: top !important; +} +.align-middle { + vertical-align: middle !important; +} +.bg-primary { + background-color: var(--primary) !important; +} +a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { + background-color: #0062cc !important; +} +.bg-success { + background-color: #38A169 !important; +} +a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { + background-color: #1e7e34 !important; +} +.bg-danger { + background-color: #dc3545 !important; +} +a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { + background-color: #bd2130 !important; +} +.bg-light { + background-color: #f8f9fa !important; +} +a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { + background-color: #dae0e5 !important; +} +.bg-transparent { + background-color: transparent !important; +} +.border { + border: 1px solid var(--gray-400) !important; +} +.border-top { + border-top: 1px solid var(--gray-400) !important; +} +.border-bottom { + border-bottom: 1px solid var(--gray-400) !important; +} +.border-left { + border-left: 1px solid var(--gray-400) !important; +} +.border-0 { + border: 0 !important; +} +.border-bottom-0 { + border-bottom: 0 !important; +} +.border-warning { + border-color: #ffc107 !important; +} +.border-white { + border-color: #fff !important; +} +.rounded { + border-radius: 0.35rem !important; +} +.rounded-lg { + border-radius: 0.3rem !important; +} +.rounded-circle { + border-radius: 50% !important; +} +.d-none { + display: none !important; +} +.d-inline-block { + display: inline-block !important; +} +.d-flex { + display: flex !important; +} +.d-inline-flex { + display: inline-flex !important; +} +@media (min-width: 576px) { + .d-sm-none { + display: none !important; +} + .d-sm-flex { + display: flex !important; +} +} +@media (min-width: 768px) { + .d-md-none { + display: none !important; +} + .d-md-inline-block { + display: inline-block !important; +} + .d-md-block { + display: block !important; +} + .d-md-flex { + display: flex !important; +} +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; +} + .d-lg-flex { + display: flex !important; +} +} +.embed-responsive { + position: relative; + display: block; + width: 100%; + padding: 0; + overflow: hidden; +} +.embed-responsive::before { + display: block; + content: ""; +} +.embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; +} +.embed-responsive-16by9::before { + padding-top: 56.25%; +} +.flex-row { + flex-direction: row !important; +} +.flex-column { + flex-direction: column !important; +} +.flex-row-reverse { + flex-direction: row-reverse !important; +} +.flex-wrap { + flex-wrap: wrap !important; +} +.flex-nowrap { + flex-wrap: nowrap !important; +} +.flex-grow-1 { + flex-grow: 1 !important; +} +.flex-shrink-0 { + flex-shrink: 0 !important; +} +.justify-content-end { + justify-content: flex-end !important; +} +.justify-content-center { + justify-content: center !important; +} +.justify-content-between { + justify-content: space-between !important; +} +.justify-content-around { + justify-content: space-around !important; +} +.align-items-end { + align-items: flex-end !important; +} +.align-items-center { + align-items: center !important; +} +@media (min-width: 768px) { + .flex-md-row { + flex-direction: row !important; +} + .justify-content-md-between { + justify-content: space-between !important; +} +} +.float-right { + float: right !important; +} +.overflow-auto { + overflow: auto !important; +} +.position-relative { + position: relative !important; +} +.position-absolute { + position: absolute !important; +} +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} +@supports (position: sticky) { + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; +} +} +.shadow-sm { + box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03) !important; +} +.shadow { + box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05) !important; +} +.shadow-none { + box-shadow: none !important; +} +.w-100 { + width: 100% !important; +} +.h-100 { + height: 100% !important; +} +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: auto; + content: ""; + background-color: rgba(0, 0, 0, 0); +} +.m-0 { + margin: 0 !important; +} +.mt-0, .my-0 { + margin-top: 0 !important; +} +.mr-0, .mx-0 { + margin-right: 0 !important; +} +.mb-0, .my-0 { + margin-bottom: 0 !important; +} +.ml-0, .mx-0 { + margin-left: 0 !important; +} +.m-1 { + margin: 0.25rem !important; +} +.mt-1, .my-1 { + margin-top: 0.25rem !important; +} +.mr-1, .mx-1 { + margin-right: 0.25rem !important; +} +.mb-1, .my-1 { + margin-bottom: 0.25rem !important; +} +.ml-1, .mx-1 { + margin-left: 0.25rem !important; +} +.mt-2, .my-2 { + margin-top: 0.5rem !important; +} +.mr-2, .mx-2 { + margin-right: 0.5rem !important; +} +.mb-2, .my-2 { + margin-bottom: 0.5rem !important; +} +.ml-2, .mx-2 { + margin-left: 0.5rem !important; +} +.mt-3, .my-3 { + margin-top: 1rem !important; +} +.mr-3, .mx-3 { + margin-right: 1rem !important; +} +.mb-3, .my-3 { + margin-bottom: 1rem !important; +} +.ml-3, .mx-3 { + margin-left: 1rem !important; +} +.m-4 { + margin: 1.5rem !important; +} +.mt-4, .my-4 { + margin-top: 1.5rem !important; +} +.mr-4, .mx-4 { + margin-right: 1.5rem !important; +} +.mb-4, .my-4 { + margin-bottom: 1.5rem !important; +} +.ml-4, .mx-4 { + margin-left: 1.5rem !important; +} +.mt-5, .my-5 { + margin-top: 3rem !important; +} +.mb-5, .my-5 { + margin-bottom: 3rem !important; +} +.mb-6, .my-6 { + margin-bottom: 3.5rem !important; +} +.mt-8, .my-8 { + margin-top: 10rem !important; +} +.mb-8, .my-8 { + margin-bottom: 10rem !important; +} +.p-0 { + padding: 0 !important; +} +.pt-0, .py-0 { + padding-top: 0 !important; +} +.pr-0, .px-0 { + padding-right: 0 !important; +} +.pb-0, .py-0 { + padding-bottom: 0 !important; +} +.pl-0, .px-0 { + padding-left: 0 !important; +} +.pr-1, .px-1 { + padding-right: 0.25rem !important; +} +.py-1, .pb-1 { + padding-bottom: 0.25rem !important; +} +.pl-1, .px-1 { + padding-left: 0.25rem !important; +} +.p-2 { + padding: 0.5rem !important; +} +.pt-2, .py-2 { + padding-top: 0.5rem !important; +} +.pr-2, .px-2 { + padding-right: 0.5rem !important; +} +.pb-2, .py-2 { + padding-bottom: 0.5rem !important; +} +.pl-2, .px-2 { + padding-left: 0.5rem !important; +} +.p-3 { + padding: 1rem !important; +} +.pt-3, .py-3 { + padding-top: 1rem !important; +} +.pr-3, .px-3 { + padding-right: 1rem !important; +} +.pb-3, .py-3 { + padding-bottom: 1rem !important; +} +.pl-3, .px-3 { + padding-left: 1rem !important; +} +.p-4 { + padding: 1.5rem !important; +} +.pt-4, .py-4 { + padding-top: 1.5rem !important; +} +.pb-4, .py-4 { + padding-bottom: 1.5rem !important; +} +.p-5 { + padding: 3rem !important; +} +.pt-5, .py-5 { + padding-top: 3rem !important; +} +.pb-5, .py-5 { + padding-bottom: 3rem !important; +} +.pt-7, .py-7 { + padding-top: 5rem !important; +} +.pb-7, .py-7 { + padding-bottom: 5rem !important; +} +.mt-n3 { + margin-top: -1rem !important; +} +.mt-n6 { + margin-top: -3.5rem !important; +} +.m-auto { + margin: auto !important; +} +.mt-auto, .my-auto { + margin-top: auto !important; +} +.mr-auto, .mx-auto { + margin-right: auto !important; +} +.mb-auto, .my-auto { + margin-bottom: auto !important; +} +.ml-auto, .mx-auto { + margin-left: auto !important; +} +@media (min-width: 576px) { + .mb-sm-5 { + margin-bottom: 3rem !important; +} +} +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; +} + .mb-md-0 { + margin-bottom: 0 !important; +} + .mb-md-1 { + margin-bottom: 0.25rem !important; +} + .mr-md-2 { + margin-right: 0.5rem !important; +} + .mb-md-2 { + margin-bottom: 0.5rem !important; +} + .mt-md-3, .my-md-3 { + margin-top: 1rem !important; +} + .mb-md-3, .my-md-3 { + margin-bottom: 1rem !important; +} + .mb-md-5 { + margin-bottom: 3rem !important; +} + .p-md-0 { + padding: 0 !important; +} + .py-md-0 { + padding-top: 0 !important; +} + .py-md-0 { + padding-bottom: 0 !important; +} + .pl-md-0 { + padding-left: 0 !important; +} + .pb-md-1 { + padding-bottom: 0.25rem !important; +} + .pl-md-3 { + padding-left: 1rem !important; +} + .p-md-4 { + padding: 1.5rem !important; +} + .py-md-8 { + padding-top: 10rem !important; +} + .py-md-8 { + padding-bottom: 10rem !important; +} + .my-md-auto { + margin-top: auto !important; +} + .my-md-auto { + margin-bottom: auto !important; +} +} +@media (min-width: 992px) { + .mx-lg-5 { + margin-right: 3rem !important; +} + .mx-lg-5 { + margin-left: 3rem !important; +} + .mx-lg-auto { + margin-right: auto !important; +} + .mx-lg-auto { + margin-left: auto !important; +} +} +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.text-left { + text-align: left !important; +} +.text-right { + text-align: right !important; +} +.text-center { + text-align: center !important; +} +@media (min-width: 768px) { + .text-md-left { + text-align: left !important; +} + .text-md-center { + text-align: center !important; +} +} +.text-lowercase { + text-transform: lowercase !important; +} +.text-uppercase { + text-transform: uppercase !important; +} +.text-capitalize { + text-transform: capitalize !important; +} +.font-weight-normal { + font-weight: 400 !important; +} +.font-weight-bold { + font-weight: 600 !important; +} +.font-weight-bolder { + font-weight: 700 !important; +} +.font-italic { + font-style: italic !important; +} +.text-white { + color: #fff !important; +} +.text-primary { + color: var(--primary) !important; +} +a.text-primary:hover, a.text-primary:focus { + color: #0056b3 !important; +} +.text-success { + color: #38A169 !important; +} +a.text-success:hover, a.text-success:focus { + color: #19692c !important; +} +.text-info { + color: #17a2b8 !important; +} +a.text-info:hover, a.text-info:focus { + color: #0f6674 !important; +} +.text-warning { + color: #ffc107 !important; +} +a.text-warning:hover, a.text-warning:focus { + color: #ba8b00 !important; +} +.text-danger { + color: #dc3545 !important; +} +a.text-danger:hover, a.text-danger:focus { + color: #a71d2a !important; +} +.text-muted { + color: #6c757d !important; +} +.text-decoration-none { + text-decoration: none !important; +} +.text-break { + word-break: break-word !important; + overflow-wrap: break-word !important; +} +.visible { + visibility: visible !important; +} +.invisible { + visibility: hidden !important; +} +@media print { + *, *::before, *::after { + box-shadow: none !important; +} + a:not(.btn) { + text-decoration: underline; +} + abbr[title]::after { + content: " (" attr(title) ")"; +} + pre { + white-space: pre-wrap !important; +} + pre, blockquote { + border: 1px solid #adb5bd; + page-break-inside: avoid; +} + thead { + display: table-header-group; +} + tr, img { + page-break-inside: avoid; +} + p, h2, h3 { + orphans: 3; + widows: 3; +} + h2, h3 { + page-break-after: avoid; +} + @page { + size: a3; +} + body { + min-width: 992px !important; +} + .container { + min-width: 992px !important; +} + .navbar { + display: none; +} + .badge { + border: 1px solid #000; +} + .table { + border-collapse: collapse !important; +} + .table td, .table th { + background-color: #fff !important; +} + .table .thead-dark th { + color: inherit; + border-color: var(--gray-400); +} +} +html { + font-size: 14px; +} +@supports (font-variation-settings: normal) { + html { + font-family: "Inter var", sans-serif; +} +} +body { + color: var(--black); + padding-top: 49px; + background-color: var(--gray-700); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +@media (min-width: 1200px) { + .container { + max-width: 1300px; +} +} +p { + font-size: 14px; +} +pre { + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + white-space: -o-pre-wrap; + word-wrap: break-word; +} +#settings, #submit { + padding-top: 98px; + background-color: var(--gray-600); +} +#page { + padding-top: 49px; + background-color: var(--gray-700); +} +#article { + padding-top: 0; + background-color: var(--gray-700); +} +#thread, #userpage { + background-color: var(--gray-700); +} +#article .navbar-light .navbar-nav .nav-link { + color: var(--black); +} +#article .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: var(--primary); +} +#article .navbar-light .navbar-nav .nav-link:focus { + background-color: transparent; + color: var(--primary); +} +.article-title { + margin-bottom: 3rem; + font-weight: 600; + line-height: 3rem; + margin-top: 2rem; +} +#thread .custom-gutters { + padding: 0 10px; +} +.custom-gutters { + padding-left: 10px; + padding-right: 10px; +} +.sticky { + position: -webkit-sticky; + position: sticky; + top: 47px; + height: auto; + overflow-y: auto; + z-index: 4; +} +.text-lg { + font-size: 1.25rem !important; +} +.text-base { + font-size: 1rem !important; +} +.text-small { + font-size: 12px !important; +} +.text-small-extra { + font-size: 10.1px !important; +} +#page p { + font-size: 16px; +} +a.dropdown-toggle:hover { + text-decoration: none; +} +.comment-text ul li ul { + padding-left: 0; +} +ul.no-bullets { + list-style-type: none; +} +ol > li { + list-style-type: none; + counter-increment: count; + margin-bottom: 0.75rem; +} +ol > li::before { + content: counter(count) "."; + font-weight: 600; + margin-right: 0.5rem; +} +.footer .list-inline-item:not(:last-child) { + margin-right: 1.5rem; +} +[data-bs-toggle=collapse] .fa:before { + content: "\f139"; +} +[data-bs-toggle=collapse].collapsed .fa:before { + content: "\f13a"; +} +.btn { + font-weight: 600; + font-size: 1rem; + border-radius: 0.2rem; +} +.btn-lg { + font-size: 1rem; +} +.btn.disabled, .btn:disabled { + opacity: 0.5; +} +.btn-success, .btn-danger { + color: var(--white); +} +.btn.login, .btn.register { + height: calc(1.5em + 0.75rem + 2px); + border-radius: 0.35rem; +} +.tooltip { + font-weight: 600; +} +.tooltip-inner { + background-color: var(--white); + color: var(--dark); +} +.alert { + padding: 0.5rem 1rem; +} +.alert-dismissible .close { + padding: 0.5rem 1.25rem; + bottom: 0; +} +.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab { + margin-right: 0rem; +} +.alert .fa, .alert .fas, .alert .far, .alert .fab { + margin-right: 0.5rem; +} +.toast { + font-size: 1rem; + font-weight: 600; + color: var(--black); + border: 0; + display: none; + position: fixed; + bottom: 1.5rem; + margin: 0 auto; + left: 1.5rem; + right: 0; + width: 300px; + z-index: 1041; + background-color: var(--dark); +} +.navbar-light { + background-color: var(--gray-500) !important; + box-shadow: 0 0.1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important; +} +.navbar-toggler-icon { + width: auto; + height: auto; +} +.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { + background: transparent; +} +.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { + border: none; +} +.navbar-expand-md .navbar-nav .nav-link { + padding-left: 1rem; + padding-right: 1rem; +} +#page .navbar-light .navbar-nav .nav-link { + color: var(--dark); +} +#page .navbar-light .navbar-nav .nav-link:hover { + background-color: transparent; + color: var(--primary); +} +.navbar-brand, .navbar-light .navbar-brand { + color: var(--primary); + font-weight: 600; +} +.navbar-dark .navbar-brand { + color: var(--white); +} +.navbar .text-white { + color: var(--white); +} +.tab-bar { + box-shadow: inset 0 -0.1px 0 var(--gray-400); + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.75rem 1rem 0 1rem; + background-color: var(--light); + z-index: 5; +} +.navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} +.navbar-expand-md .navbar-nav .nav-link { + padding: 0.25rem 0.5rem; +} +.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover { + color: var(--black); +} +.navbar-light .navbar-nav .nav-link:hover { + border-radius: 0.35rem; +} +.navbar-light .navbar-nav .nav-link:focus { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} +.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab { + color: var(--primary); + text-align: center; + font-size: 1rem; +} +.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: var(--white); + text-align: center; + font-size: 1rem; +} +.navbar-light .navbar-nav .btn-primary.nav-link { + color: var(--white); +} +.navbar-dark .navbar-nav .nav-link { + color: var(--white); +} +.navbar-dark .navbar-nav .nav-link:hover { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0.35rem; +} +.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover { + background-color: var(--light); + border-radius: 0.35rem; +} +.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + color: var(--white); + text-align: center; + font-size: 1.25rem; +} +.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab { + color: var(--black); +} +.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab { + color: var(--white); +} +.post-nav .nav-link { + color: var(--muted); + font-size: 1rem; + font-weight: 600; + padding: 0.75rem 1rem; +} +.settings-nav .nav-link { + color: var(--gray-200); + font-size: 1rem; + font-weight: 400; + padding: 0.75rem 1rem; +} +.post-nav > .nav-item > .nav-link.active { + color: var(--primary); +} +.settings-nav > .nav-item > .nav-link.active { + color: var(--primary); + box-shadow: inset 0 -2px 0 var(--primary); +} +.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus { + color: var(--primary); +} +.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab { + color: var(--primary); +} +.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab { + color: var(--primary); +} +.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal { + font-size: 12px; + margin-right: 0.5rem; + color: var(--muted); +} +.settings-nav > .nav-item > .nav-link.active { + color: var(--primary); + box-shadow: inset 0 -2px 0 var(--primary); +} +.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab { + color: var(--primary); +} +.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal { + font-size: 16px; + color: var(--muted); +} +.color-picker input[type=radio] { + display: none; +} +label.color-radio { + display: inline-block; + width: 25px; + height: 25px; + margin: 0.5rem 1rem 0.5rem 0; + cursor: pointer; +} +label.color-radio span { + display: block; + width: 100%; + height: 100%; + border-radius: 100%; + text-align: center; + line-height: 2.25; +} +#page .nav-pills .nav-link { + border-radius: 0; + font-size: 1rem; + font-weight: 600; + color: var(--muted); + border-bottom: 2px solid transparent; + padding: 1rem 1.5rem; +} +#page .nav-pills .nav-link:hover { + color: var(--primary); +} +#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link { + color: var(--primary); + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid var(--primary); +} +#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link { + color: var(--primary); + background-color: transparent; + transition: ease 0.25s; + border-bottom: 2px solid var(--primary); +} +.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus { + border-color: var(--primary); +} +.form-inline.search .form-control:active, .form-inline.search .form-control:focus { + background-color: var(--gray-900); + color: var(--black); +} +.form-inline.search .form-control, .form-control[readonly] { + background-color: var(--gray-800); + font-size: 1rem; + color: var(--white); +} +.form-inline.search .input-group-append .input-group-text .fa.fa-search { + color: var(--black); +} +.form-inline.search .form-control::placeholder { + color: var(--black); +} +.form-inline.search .form-control::-ms-input-placeholder { + color: var(--black); +} +.form-inline.search .form-control::-ms-input-placeholder { + color: var(--black); +} +.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder { + color: var(--black); +} +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + color: var(--black); +} +.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder { + color: var(--black); +} +.form-control { + color: var(--muted); + border-color: var(--muted); + border-width: 2px; + background: #dee2e6; + transition: none; +} +.form-control:disabled, .form-control[readonly] { + background-color: var(--dark); +} +.form-control:hover { + color: var(--black); + background-color: var(--gray-600); + outline: 0; + border-color: var(--primary); + box-shadow: none; +} +.form-control:focus, .form-control:active { + color: var(--black); + background-color: var(--gray-900); + outline: 0; + border-color: var(--primary); + box-shadow: none; +} +.form-control::placeholder { + color: var(--black); +} +.form-control::-ms-input-placeholder { + color: var(--black); +} +.form-control::-ms-input-placeholder { + color: var(--black); +} +label { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 0.025rem; + color: var(--black); +} +#login label { + color: var(--black); +} +label.terms { + font-weight: normal; + text-transform: none; + font-size: 13px; + color: var(--black); + vertical-align: middle; + padding: 0.1rem 0; +} +.dropdown-menu { + padding: 0.5rem; + color: var(--white); + background-color: var(--gray-600); +} +.dropdown-item { + padding: 0.5rem 1rem; + border-radius: 0.35rem; + color: var(--black); +} +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: var(--black); + text-decoration: none; + background-color: var(--gray-300); +} +.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, .dropdown-item:focus .fa, .dropdown-item.active .fa { + color: var(--black); +} +small, .small { + font-size: 12px; +} +th { + font-weight: 600; +} +.fa-rotate--45 { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.icon::before { + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; +} +.format .fa-bold:hover, .format .fa-italic:hover, .format .fa-quote-right:hover, .format .fa-link:hover, .format .fa-image:hover { + color: var(--black); +} +.voting { + position: relative; + z-index: 2; + font-size: 12px; + font-weight: 600; + text-align: center; + word-break: keep-all; + min-width: 40px; +} +#thread .voting { + min-width: 10px; + margin-right: 10px; + overflow-wrap: normal; +} +#frontpage .voting, #search .voting, #userpage .voting { + margin: auto 0; +} +.active.arrow-up::before { + color: var(--primary); +} +.arrow-up::before { + cursor: pointer; + font-size: 1.3rem; + color: var(--gray-200); + font-family: "font awesome 5 pro" !important; + font-weight: 900; + content: "\f357"; +} +.arrow-up:hover::before { + color: var(--primary); + opacity: 0.5; +} +.active.arrow-down::before { + color: #38B2AC; +} +.arrow-down::before { + cursor: pointer; + font-size: 1.3rem; + color: var(--gray-200); + font-family: "font awesome 5 pro" !important; + font-weight: 900; + content: "\f354"; +} +.arrow-down:hover::before { + color: #38B2AC; + opacity: 0.5; +} +.comment-actions .arrow-up { + top: 0; +} +.comment-actions .arrow-down { + bottom: 0; +} +.upvoted .arrow-mobile-up { + color: var(--primary) !important; +} +.downvoted .arrow-mobile-down { + color: #38B2AC !important; +} +.comment-actions .score { + color: var(--muted); +} +.score { + color: var(--black); + font-size: 1.1rem; +} +.score-up { + color: var(--primary) !important; + font-size: 1.1rem; +} +.score-down { + color: #38B2AC !important; + font-size: 1.1rem; +} +.box-shadow-bottom { + box-shadow: inset 0 -0.1px 0 var(--gray-400); +} +.border-1 { + border-width: 0.1px; + border-style: solid; +} +.border-2 { + border-width: 2px; + border-style: solid; +} +.border-3 { + border-width: 3px; + border-style: solid; +} +.opacity-25 { + opacity: 0.25; +} +.pseudo-submit-form .card-header { + background-color: var(--gray-600) !important; +} +#frontpage .pseudo-submit-form.card, #search .search-results.card { + background-color: var(--gray-600); + border-radius: 0.35rem; + border: none; +} +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { + padding-left: 10px; + padding-right: 10px; +} +#frontpage .pseudo-submit-form.card .card-body .form-control { + background-color: var(--light); +} +#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus { + background-color: var(--light); +} +.user-name { + color: inherit; +} +.banner-pic-135 { + object-fit: cover; + height: 135px; + max-width: 572px; + width: 572px; +} +.profile-pic { + width: 50px; + height: 50px; + border-radius: 50%; + margin: auto; + text-align: center; + object-fit: cover; + color: var(--white); + background-color: #1f2023; +} +.navbar .navbar-nav .profile-pic { + display: inline-block; + width: 28px; + height: 28px; +} +.profile-pic-20, .pp20 { + margin-right: 0.25rem !important; + width: 20px; + height: 20px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: var(--gray-600); +} +.profile-pic-25 { + width: 25px; + height: 25px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: var(--gray-600); +} +.profile-pic-35 { + width: 35px; + height: 35px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: var(--gray-600); +} +.profile-pic-50 { + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: var(--gray-600); +} +.profile-pic-65 { + width: 65px; + height: 65px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: var(--gray-600); +} +.profile-pic-75 { + width: 75px; + height: 75px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: var(--gray-600); +} +.profile-pic-100 { + width: 100px; + height: 100px; + border-radius: 50%; + text-align: center; + object-fit: cover; + background-color: var(--gray-600); +} +.card-header:first-child { + border-radius: 0.35rem 0.35rem 0 0; +} +.card-header { + font-size: 1rem; + font-weight: 600; + color: var(--black); + padding: 0.5rem 1rem; + border-bottom: 0.1px solid var(--gray-400); +} +.card { + background-color: var(--gray-900); +} +#thread .card { + background-color: var(--gray-700); +} +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; +} +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { + border-width: 0.1px 0.1px 0 0.1px; + border-color: #303030; + border-style: solid; + border-radius: 0; + padding: 0.5rem; +} +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { + background-color: var(--gray-600); +} +.post-title { + font-size: 16px; + font-weight: 600; + word-break: break-word; + overflow: hidden; +} +.post-title a { + color: var(--black); +} +.post-title a:hover, .post-title a:active, .post-title a:focus { + text-decoration: none; + color: var(--primary); +} +#frontpage .post-title a { + color: var(--black); +} +#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus { + text-decoration: none; + color: var(--black); +} +.stretched-link a:hover { + color: #6f42c1; +} +.post-meta { + position: relative; + z-index: 2; + color: var(--muted); + font-size: 12px; + width: fit-content; +} +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { + border: 0; + background-color: transparent; + padding: 0; +} +.post-body { + word-break: break-word; + overflow: hidden; +} +.modal-backdrop.show { + opacity: 1; + background-color: rgba(30, 30, 30, 0.9); +} +.modal-backdrop { + background-color: transparent; +} +.modal-header { + border-bottom: none; + border-top-left-radius: 0.35rem; + border-top-right-radius: 0.35rem; + padding: 0.5rem 1rem; + box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); +} +.modal-header .close { + padding: 1.25rem 1rem 1.25rem 0.5rem; +} +.modal-content { + border: none; + background-color: var(--gray-400); + border-radius: 0.35rem; + box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); +} +.modal-footer { + border: none; + border-bottom-right-radius: 0.35rem; + border-bottom-left-radius: 0.35rem; +} +.modal .post-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: var(--gray-400); +} +.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover { + background-color: var(--gray-300); +} +.modal .post-actions a { + color: var(--black); + font-size: 1rem; +} +.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far { + width: 1.25rem; + font-size: 1rem; +} +.post-actions { + position: relative; + color: var(--muted); + font-weight: 600; + font-size: 12px; + z-index: 3; +} +.post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 12px; + margin-right: 0.5rem; + width: 1rem; +} +.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + color: inherit; +} +.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas { + color: var(--black); +} +.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas { + color: var(--gray); +} +.post-actions a:hover .fa, .post-actions a:hover .fas { + color: var(--black); +} +.post-actions:hover, .post-actions:focus { + z-index: 4; +} +.post-actions .copy-link:hover { + color: var(--black); +} +.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} +.post-actions .list-inline { + margin-bottom: 0; +} +.post-actions .list-inline .list-inline-item { + margin-right: 1rem; +} +.post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} +.close .far, .close .fab, .close .fal, .close .fas { + font-size: 1.25rem; +} +@media (max-width: 767.98px) { + .modal-dialog { + margin: auto; + max-width: 80%; +} +} +.dropdown-actions { + position: relative; + color: var(--muted); + font-weight: 600; + font-size: 12px; + z-index: 3; +} +.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 12px; + color: var(--muted); + margin-right: 0.5rem; + width: 1rem; + text-align: center; +} +.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far { + color: inherit; +} +.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas { + color: var(--black); +} +.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas { + color: var(--black); +} +.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas { + color: var(--black); +} +.dropdown-actions:hover, .dropdown-actions:focus { + z-index: 4; +} +.dropdown-actions .copy-link:hover { + color: var(--black); +} +.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: middle; +} +.dropdown-actions .list-inline { + margin-bottom: 0; +} +.dropdown-actions .list-inline .list-inline-item { + margin-right: 1rem; +} +.dropdown-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} +.page-link { + font-weight: 600; + background-color: var(--dark); + border: 0.1px solid #343a40; +} +.page-link:hover { + background-color: var(--gray-100); +} +.page-item.disabled .page-link { + font-weight: 600; + background-color: var(--dark); + border: 0.1px solid #343a40; + opacity: 0.5; +} +@media (max-width: 767.98px) { + .post-actions .list-inline .list-inline-item { + margin-right: 1.5rem; + margin-top: 5px; +} + .post-actions .list-inline .list-inline-item:last-child { + margin-right: 0; +} +} +.post-actions .list-inline .list-inline-item .dropdown-item { + font-size: 1rem; +} +.post-actions .list-inline .list-inline-item .dropdown-item:active { + color: var(--white); +} +.post-actions a { + color: var(--gray-100); + text-decoration: none; + text-transform: none; +} +.post-actions a:hover { + color: var(--black); +} +.post-actions .dropdown-item:hover { + color: var(--black); +} +.post-img { + width: 100px; + height: 70px; + object-fit: cover; + border: 0.1px solid var(--primary); + border-radius: 0.35rem; + z-index: 2; + background-color: var(--gray-300); +} +@media (max-width: 767.98px) { + .post-img { + width: 80px; + height: 60px; +} +} +.post-actions .comments, .post-actions .share, .post-actions .flag { + margin-right: 0.5rem; + vertical-align: top; +} +.time-stamp, .points { + color: var(--muted); +} +.comments-count { + display: flex; +} +.comments-count .total { + font-weight: 600; + font-size: 12px; + color: var(--muted); +} +.comment { + display: flex; + position: relative; + margin-top: 2rem; + padding-left: 12px; +} +#notifications .comment, #userpage .comment { + margin-top: 0.5rem; + margin-bottom: 1rem; +} +#notifications .comment:last-child, #userpage .comment:last-child { + margin-bottom: 0; +} +.comment .comment-body { + width: 100%; +} +.comment .comment-body .user-info { + font-size: 12px; + color: var(--muted); + margin-bottom: 0.25rem; + margin-top: -0.25rem; +} +.comment .comment-body .user-name { + color: var(--black); +} +.comment .comment-body .comment-text { + margin-bottom: 1rem; + word-break: break-word; + color: var(--black); + overflow: hidden; + padding-right: 10px !important; + padding-top: 5px !important; +} +.modal .comment-actions .list-group-item { + border: none; + border-radius: 0.35rem; + background-color: var(--gray-400); +} +.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover { + background-color: var(--gray-300) !important; +} +.modal .comment-actions a { + color: var(--gray-100); + font-size: 1rem; +} +.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far { + width: 1.25rem; + font-size: 1rem; +} +.comment-section { + background-color: var(--gray-700); +} +.comment p { + word-break: break-word; +} +.comment-actions { + font-weight: 600; + font-size: 12px; + margin-bottom: 0; +} +.comment-actions .fa, .comment-actions .fas, .comment-actions .far { + font-size: 12px; + margin-right: 0.25rem; + margin-left: 0.25rem; + color: var(--gray-100); +} +@media (min-width: 768px) { + .comment-actions .fa, .comment-actions .fas, .comment-actions .fa { + margin-right: 0.5rem; + margin-left: 0; +} +} +.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far { + color: var(--black); +} +.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far { + color: var(--black); +} +.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far { + color: var(--black); +} +.comment-actions .fas.fa-ellipsis-h { + font-size: 1.25rem; + vertical-align: bottom; +} +.comment-actions .list-inline { + margin-bottom: 0; +} +.comment-actions .list-inline li .btn, .comment-actions .list-inline .btn { + margin-right: 0.5rem; + box-shadow: none; + border: none; + font-size: 12px; +} +.comment-actions .list-inline .list-inline-item .dropdown-item { + font-size: 12px; +} +.comment-actions .list-inline .list-inline-item .dropdown-item:active { + color: var(--black); +} +.comment-actions a { + color: var(--gray-100); + text-decoration: none; +} +.comment-actions a:hover, .comment-actions .copy-link:hover { + color: var(--black); +} +.comment-actions .dropdown-item:hover { + color: var(--black); +} +ul.comment-section { + padding-left: 0; + margin-bottom: 0; +} +.comment-write { + position: relative; +} +.comment-write.child { + margin-top: 1rem; +} +.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active { + background-color: var(--gray-900); +} +.comment-write.collapsed textarea { + width: 100%; + box-sizing: border-box; + padding: 0.5rem 0.75rem; + min-height: 84px; +} +.comment-format { + display: flex; + align-items: center; + bottom: 0; + left: 0; + padding: 0.5rem 0 0 0; + width: 100%; + z-index: 1; +} +.comment-write .comment-format .format { + padding: 0 0.5rem; + font-size: 1rem; + color: var(--gray-200); +} +.comment-write .comment-format .format:hover { + color: var(--black); +} +.comment .comment-collapse-icon:hover::before { + border-left-color: var(--primary); +} +.comment.collapsed .comment-collapse-icon::before { + content: "\f055"; + font-family: "font awesome 5 pro" !important; + font-weight: 900; + border-left: none; + top: -0.1px; + left: -3px; + font-size: 10px; +} +.comment.collapsed .comment-collapse-icon:hover::before { + color: var(--primary); +} +.comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, .comment.collapsed .comment { + display: none; +} +.comment.collapsed .user-info { + margin-bottom: 0; +} +.comment.collapsed .profile-pic-25 { + opacity: 0.5; +} +.comment.collapsed .comment-body { + opacity: 0.5; +} +.comment.collapsed .comment-body:hover { + opacity: 1; +} +#login { + padding-top: 0; + height: 100%; + overflow: hidden; + background-color: var(--light); +} +.splash-wrapper { + position: relative; + width: 100%; + height: 100%; + font-size: 0; +} +.splash-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(127, 127, 127, 0.25); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, var(--primary) 150%); +} +.splash-img { + height: 100%; + width: 100%; + background-size: cover; + background-position: bottom; + object-fit: cover; +} +.pagination { + padding: 1rem 0; +} +.table .thead-dark th { + color: var(--muted); + font-size: 12px; + text-transform: uppercase; + background-color: var(--light); + border: none; +} +.settings .settings-section { + margin-bottom: 3rem; + border: 0.1px solid var(--gray-400); + border-radius: 0.35rem; + overflow: hidden; +} +.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer { + padding: 1rem; +} +.settings .settings-section .title p:last-of-type { + margin-bottom: 0; +} +.settings .settings-section .footer { + background-color: var(--secondary); +} +.modal .profile-actions .list-group-item { + border: none; + border-radius: 0.35rem; +} +.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover { + background-color: var(--gray-200); +} +.modal .profile-actions a { + color: var(--black); + font-size: 1rem; +} +.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far { + width: 1.25rem; + font-size: 1rem; +} +.profile-actions a { + color: var(--gray); + text-decoration: none; + font-size: 12px; +} +.profile-actions .fa, .profile-actions .fas, .profile-actions .far { + font-size: 12px; + color: var(--gray); +} +.profile-actions .dropdown-item:hover { + color: var(--black); +} +.profile-actions .dropdown-item { + font-size: 13px; +} +.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far { + font-size: 12px; + color: var(--gray); + width: 1rem; + margin-right: 0.5rem; + text-align: center; +} +.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far { + color: var(--black); +} +.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far { + color: var(--black); +} +#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, #article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 { + font-weight: 600; +} +#page .footer a, #article .footer a { + color: var(--white); + opacity: 0.8; +} +#page .footer li, #article .footer li { + padding: 0.25rem 0; +} +.footer .list-inline-item { + font-weight: 400; +} +.footer a { + text-decoration: none; + color: var(--muted); +} +.footer a:hover, .footer a:focus, .footer a:active { + text-decoration: underline; +} +.empty-state-img { + width: 200px; + opacity: 0.35; + filter: brightness(0); +} +.ghost { + -webkit-animation: ghost 2s infinite alternate; + animation: ghost 2s infinite alternate; +} +@keyframes ghost { + 0% { + transform: translateY(0); +} + 100% { + transform: translateY(-20px); +} +} +.border-top { + border-top: 1px solid var(--gray-400) !important; +} +.border-bottom { + border-bottom: 1px solid var(--gray-400) !important; +} +.border-left { + border-left: 1px solid var(--gray-400) !important; +} +.border-bottom-0 { + border-bottom: 0 !important; +} +.border { + border: 1px solid var(--gray-400) !important; +} +.border-0 { + border: none !important; +} +.rounded { + border-radius: 0.35rem; +} +.rounded-circle { + border-radius: 50%; +} +@media (min-width: 768px) { + .border-md { + border: 1px solid var(--gray-400) !important; +} + .border-md-0 { + border: none !important; +} + .rounded-md { + border-radius: 0.35rem; +} +} +@media (min-width: 992px) { + .rounded-lg { + border-radius: 0.35rem; +} +} +@media (min-width: 992px) { + .w-lg-25 { + width: 25% !important; +} + .w-lg-75 { + width: 75% !important; +} + .w-lg-100 { + width: 100% !important; +} +} +.submission .body { + padding: 1rem; +} +.submission .footer { + background-color: transparent; + padding: 1rem; + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} +.custom-control-label { + text-transform: uppercase; + font-weight: 600; + font-size: 1rem; + letter-spacing: 0; + color: var(--black); +} +.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { + background-color: var(--primary); + border: 0.1px solid #6f42c1; +} +.custom-switch { + padding-left: 2.25rem; + padding-bottom: 1rem; +} +.custom-switch .custom-control-label { + padding-top: 0.5rem; + padding-left: 2rem; + padding-bottom: 0.1rem; +} +.custom-control-input:checked ~ .custom-control-label::before { + opacity: 1; + background-color: var(--primary); + border: #38A169 solid 0.1px; +} +.custom-control-input:checked ~ .custom-control-label:hover::before { + opacity: 1; +} +.custom-switch .custom-control-label::before { + left: -2.25rem; + height: 1.5rem; + width: 2.75rem; + pointer-events: all; + border-radius: 1rem; + background-color: var(--gray-100); + border: #f8f9fa solid 0.1px; + opacity: 0.7; +} +.custom-switch .custom-control-label:hover::before { + opacity: 0.85; +} +.custom-switch .custom-control-label::after { + top: calc(0.25rem + 2px); + left: calc(-2.25rem + 2px); + width: calc(1.5rem - 4px); + height: calc(1.5rem - 4px); + background-color: var(--light); + border-radius: 2rem; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .custom-switch .custom-control-label::after { + transition: none; +} +} +.custom-switch .custom-control-input:checked ~ .custom-control-label::after { + background-color: var(--white); + -webkit-transform: translateX(1.25rem); + transform: translateX(1.25rem); +} +pre code { + word-break: break-word; + white-space: break-spaces; + color: var(--primary); +} +pre ol > li { + margin-bottom: 0; +} +pre ol > li::before { + color: var(--white); + font-weight: 400; + background-color: transparent; + right: 1rem; + padding: 0.25rem; + text-align: right; + margin-right: 0.5rem; + width: 3rem; +} +pre .str, code .str { + color: #38A169; + opacity: 0.75; +} +pre .com, code .com { + color: #ab4bc3; +} +.gif-categories .card { + overflow: hidden; + border: none; +} +.gif-categories img { + border-radius: 0.35rem; + height: 110px; + width: 100%; + object-fit: cover; + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} +.gif-categories img:hover { + border: 3px solid var(--primary); +} +.gif-categories .card .gif-cat-overlay { + position: absolute; + text-align: center; + height: 100%; + width: 100%; + background-color: rgba(0, 0, 0, 0.4); + -webkit-transition: all 0.15s ease; + -moz-transition: all 0.15s ease; + -o-transition: all 0.15s ease; + -ms-transition: all 0.15s ease; + transition: all 0.15s ease; +} +.gif-categories .card:hover .gif-cat-overlay { + background-color: rgba(0, 0, 0, 0.6); + border: 3px solid var(--primary); + border-radius: 0.35rem; +} +@media (max-width: 991.98px) { + #frontpage, #search { + padding-top: 49px; +} +} +@media (max-width: 767.98px) { + html { + font-size: 14px; +} + .container { + overflow: hidden; + max-width: none; +} + body, #settings, #notifications, #submit { + padding-top: 49px; + background-color: var(--gray-700); +} + #thread, #userpage { + background-color: var(--gray-600); +} + .custom-gutters { + padding-left: 0; + padding-right: 0; +} + .navbar.bg-primary { + background-color: var(--dark) !important; +} + .navbar-nav { + height: 100vh; +} + .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link { + padding: 0.5rem; +} + .navbar-dark .navbar-nav .nav-link:hover { + background-color: transparent; + border-radius: 0; +} + .navbar-dark .navbar-nav .nav-link:active { + background-color: rgba(0, 0, 0, 0.15); + border-radius: 0; +} + .navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab { + font-size: 1rem; +} + .navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab { + color: var(--primary); + font-size: 1.25rem; +} + #fixed-bar-mobile { + box-shadow: none; +} + .mobile-nav-icon { + padding: 0.25rem 0.75rem; +} + #thread, #submit { + background-color: var(--light); +} + #frontpage { + padding-top: 49px; +} + #search .search-results.card { + border-bottom: 0.1px solid var(--gray-400); + border-width: 0 0 0.1px 0; + border-radius: 0; +} + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { + padding: 7px; + border-width: 0 0 0.1px 0; +} + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { + border-radius: 0; +} + #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card { + background-color: var(--gray-600); +} + #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a { + color: var(--primary); +} + #frontpage .posts .card .post-img, #search .posts .card .post-img { + z-index: 3; +} + .toast { + bottom: 1.5rem; + margin: 0 auto; + left: 0; + right: 0; +} + #thread .card { + background-color: var(--gray-600); +} + .card { + background-color: var(--gray-600); +} + .posts, #thread #main-content-col { + box-shadow: none; + border: none; + border-radius: 0; +} + #thread #main-content-col { + margin: 0; +} + .post-title a { + color: var(--black); +} + .post-title a:hover, .post-title a:active, .post-title a:focus { + color: var(--primary); +} + #thread .voting { + min-width: 0; + margin-right: 0; + margin-top: 0; +} + .voting { + font-weight: 400; + font-size: 1.2rem; +} + #frontpage .voting, #search .voting, #userpage .voting { + margin: 0; +} + .post-title { + font-size: 14px; + font-weight: 400; + line-height: normal; + overflow: hidden; +} + .post-meta { + font-size: 1rem; +} + .post-actions { + font-weight: 400; +} + .post-actions a { + font-size: 1rem; + color: var(--gray-200); +} + .post-actions .fa, .post-actions .fas, .post-actions .far { + font-size: 1rem; +} + .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far { + font-size: 1.25rem; +} + .comment-actions .score { + color: var(--gray-200); +} + .score { + color: var(--gray-200); +} + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.5rem; + color: var(--gray-200); + opacity: 1; +} + .active.arrow-up::before, .active.arrow-up:hover::before { + color: var(--primary); +} + .active.arrow-down::before, .active.arrow-down:hover::before { + color: #38B2AC; +} + .dropdown-actions a { + font-size: 1rem; +} + .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far { + font-size: 1rem; +} + .comment-section { + background-color: var(--gray-600); +} + .comment-section > .comment { + padding-left: 12px; +} + .comment { + margin-top: 1.5rem; +} + .comment.collapsed .user-info { + padding-top: 0.5rem; +} + .comment.collapsed .comment-body:hover { + opacity: 0.5; +} + .comment-actions .fa, .comment-actions .fas, .comment-actions .far { + color: var(--gray-100); +} + .banner-pic-135 { + max-width: 100%; +} + .x-scroll-parent { + overflow: hidden; +} + .x-scroll { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + scrollbar-width: none; + -ms-overflow-style: none; +} + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: scroll; + white-space: nowrap; + background: transparent; +} + #thread .post-title { + font-size: 16px; +} + #submit .submission { + border: none; +} + #submit .submission .body { + padding: 0; +} + #submit .submission .footer { + background: transparent; + padding: 1rem 0; +} + .footer .list-inline-item { + line-height: 3; +} + .comments-count .total { + font-weight: 400; + font-size: 1rem; +} + .comment-actions { + font-weight: 400; + font-size: 1.2rem; +} + .user-name { + font-weight: 400; +} + .comment .comment-body .user-name { + color: var(--black); + font-weight: 600; +} + .pagination { + padding: 1rem; +} + input[type=color], input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select:focus, textarea { + font-size: 16px !important; +} + textarea, input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +} +.bg-white { + background-color: var(--gray-600) !important; +} +.text-muted { + color: var(--muted) !important; +} +.text-primary { + color: var(--primary) !important; +} +.text-gray-400, .text-gray-500 { + color: var(--gray-200) !important; +} +span.red { + color: var(--primary); +} +span.green { + color: #38A169; +} +div.banned { + background-color: #960000 !important; + border-left: 3px solid #ff0000 !important; +} +div.deleted { + background-color: #4a4a15 !important; +} +div.deleted.banned { + background-color: #964000 !important; +} +.text-admin { + color: var(--primary); +} +.object-cover { + object-fit: cover; +} +.spoiler { + color: var(--white); + background-color: var(--white); + font-weight: 600 !important; + padding: 5px; +} +.spoiler:hover { + color: var(--gray); +} +@media (min-width: 768px) { + .comment { + border-left: 0 !important; + padding-left: 0 !important; +} +} +.comment .comment-collapse-desktop { + padding-right: 20px; + cursor: pointer; +} +.comment .comment-collapse-desktop:hover { + border-left-color: var(--white) !important; +} +.comment.collapsed .comment-collapse-desktop:hover { + color: var(--white) !important; +} +@media (max-width: 767.98px) { + .settings-nav .nav-link { + font-size: 1rem; + padding: 0.75rem 0.6rem; +} +} +.table { + color: var(--white); +} +.comment-box { + border: 2px solid #e9ecef; +} +.btn { + background: transparent; +} +.form-control { + background: transparent; +} +.navbar-light .navbar-nav .nav-link { + border-radius: 5px; +} +.btn-secondary { + color: var(--muted); +} +.btn-primary { + color: var(--muted); +} +.btn-success { + border-color: #38A169 !important; +} +.btn-danger { + border-color: #E53E3E !important; +} +.alert { + color: #000000; +} +.btn-lg { + border-color: transparent !important; +} +@media (max-width: 767.98px) { + .followbutton { + margin-bottom: 10px !important; +} + .comment-actions { + margin-top: -8px; +} +} +.btn-primary:focus, .btn-primary.focus { + box-shadow: none !important; +} +.flaggers { + margin: 7px; + border: 1px solid var(--primary); + padding: 10px; + border-radius: 3px; + background-color: var(--gray-700) !important; +} +.text-info { + color: var(--primary) !important; +} +* { + -webkit-animation: None !important; + animation: None !important; +} +.patron { + padding: 2px 5px 3px 5px !important; + border-radius: 5px !important; + color: white !important; +} +.container, .container-fluid { + background-color: var(--gray-700) !important; + border-radius: 5px !important; +} +.btn { + background-color: var(--gray-700) !important; +} +.nobackground { + background: None !important; +} +textarea { + resize: both !important; +} +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} +.jumbotron-guild .jumbotron-overlay { + background-color: rgba(0, 0, 0, 0.7); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; +} +} +@media (min-width: 767.98px) { + .card-columns { + column-count: 4 !important; +} +} +@media (min-width: 992px) { + .card-columns { + column-count: 5 !important; +} +} +.container, .container-fluid { + padding-bottom: 30px; +} +.navbar { + padding: 0.5rem 0.5rem 0.3rem 0.5rem; +} +@media (min-width: 767.98px) { + .navbar { + padding: 0.5rem 3rem 0.3rem 0.5rem; +} +} +blockquote { + border-left: 2px solid var(--primary); + color: var(--black); + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0 1rem; + margin: 0.5rem 0 0 0; +} +div > blockquote:last-child { + margin-bottom: 0.5rem !important; +} +blockquote + blockquote, blockquote:last-child { + margin-top: 0 !important; +} +blockquote + p { + margin-top: 1rem; +} +blockquote p { + margin-bottom: 0; + padding-bottom: 0.7rem; + padding-top: 0.7rem; +} +.unread { + padding: 10px !important; + border: 2px solid var(--primary) !important; +} +@media (min-width: 576px) { + .modal-dialog { + max-width: 50% !important; + margin: 1.75rem auto !important; +} +} +.in-comment-image { + max-height: 150px !important; + max-width: 100% !important; + border-radius: 0.2rem !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} +.embedvid { + max-height: 20rem !important; + max-width: 100% !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} +.spotify { + max-height: 80px !important; + max-width: 100% !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} +.text-pink { + color: #ff66ac !important; +} +.text-purple { + color: #805ad5 !important; +} +.text-black-50 { + color: #808080 !important; +} +.text-orange { + color: orange !important; +} +.text-silver { + color: silver !important; +} +.text-gold { + color: gold !important; +} +.text-lightgreen { + color: lightgreen !important; +} +.text-blue { + color: #1D9BF0 !important; +} +.text-red { + color: #C30F16 !important; +} +.timeline-Widget { + max-height: 500px !important; + overflow-y: scroll !important; +} +.comment .comment-collapse-icon { + padding-right: 10px; +} +.comment .comment-collapse-icon::before { + font-family: "font awesome 5 pro" !important; + color: var(--primary); + display: inline-block; + cursor: pointer; + height: 100%; + width: 10px; + content: "\f056"; + position: static; + font-size: 10px; + font-weight: 900; + border: none; + margin-left: 0.25rem; +} +.text-removed { + color: #ffabab !important; +} +.mirrored { + transform: scaleX(-1); +-webkit-transform: scaleX(-1); +} +@media (max-width: 768px) { + .popover-bio * { + font-size: 0.8rem !important; +} +} +@media (min-width: 768px) { + .popover-bio * { + font-size: 1rem !important; +} +} +.b2 { + border: 2px solid !important; +} +.fl-r { + float: right !important; +} +.edit-title { + background-color: #fff !important; + color: #000 !important +} +.text-lightblue { + color: lightblue; +} +input[type=radio] ~ .custom-control-label::before { + border-radius: 50%; +} +.emoji-modal { + max-width: 90% !important +} +.emoji { + height: 30px !important; +} +.bigemoji { + height: 60px !important; +} +.bigemoji, .emj, .emoji, .emoji-md, .emoji-lg { + max-width: 10rem !important; + display: inline-block; + -o-object-fit: contain; + object-fit: contain; } \ No newline at end of file diff --git a/files/routes/settings.py b/files/routes/settings.py index b8705a7cd..04f9b51ab 100644 --- a/files/routes/settings.py +++ b/files/routes/settings.py @@ -32,6 +32,32 @@ tiers={ "(Rich Bich)": 5, } + + +@app.post("/sex") +@admin_level_required(3) +def sex(v): + data = {'access_token': GUMROAD_TOKEN} + + response = [x['email'] for x in requests.get('https://api.gumroad.com/v2/products/tfcvri/subscribers', data=data, timeout=5).json()["subscribers"]] + emails = [] + + for email in response: + if email.endswith("@gmail.com"): + email=email.split('@')[0] + email=email.split('+')[0] + email=email.replace('.','').replace('_','') + email=f"{email}@gmail.com" + emails.append(email) + + users = g.db.query(User).filter(User.patron > 0, User.email != None).all() + for u in users: + if u.email not in emails: print(u.username) + + return "sex" + + + @app.post("/settings/removebackground") @limiter.limit("1/second") @auth_required @@ -511,9 +537,7 @@ def gumroad(v): if not (v.email and v.is_activated): return {"error": f"You must have a verified email to verify {patron} status and claim your rewards"}, 400 - data = { - 'access_token': GUMROAD_TOKEN, - } + data = {'access_token': GUMROAD_TOKEN,} response = [x['email'] for x in requests.get('https://api.gumroad.com/v2/products/tfcvri/subscribers', data=data, timeout=5).json()["subscribers"]] emails = [] diff --git a/files/templates/CHRISTMAS/authforms.html b/files/templates/CHRISTMAS/authforms.html index ce67ea509..6a86f0168 100644 --- a/files/templates/CHRISTMAS/authforms.html +++ b/files/templates/CHRISTMAS/authforms.html @@ -14,11 +14,11 @@ {% if v %} - + {% if v.agendaposter %}{% elif v.css %}{% endif %} {% else %} - + {% endif %} diff --git a/files/templates/CHRISTMAS/default.html b/files/templates/CHRISTMAS/default.html index 0bc6ff11a..ca192e8e1 100644 --- a/files/templates/CHRISTMAS/default.html +++ b/files/templates/CHRISTMAS/default.html @@ -186,9 +186,9 @@ {% block stylesheets %} - + - + diff --git a/files/templates/CHRISTMAS/login.html b/files/templates/CHRISTMAS/login.html index ed057f254..08cdc17ad 100644 --- a/files/templates/CHRISTMAS/login.html +++ b/files/templates/CHRISTMAS/login.html @@ -13,9 +13,9 @@ Login - {{'SITE_NAME' | app_config}} {% endblock %} - + - + diff --git a/files/templates/CHRISTMAS/login_2fa.html b/files/templates/CHRISTMAS/login_2fa.html index 290e13924..415ca9105 100644 --- a/files/templates/CHRISTMAS/login_2fa.html +++ b/files/templates/CHRISTMAS/login_2fa.html @@ -13,7 +13,7 @@ 2-Step Login - {{'SITE_NAME' | app_config}} - + diff --git a/files/templates/CHRISTMAS/settings.html b/files/templates/CHRISTMAS/settings.html index 14a3b2331..b41e0afe4 100644 --- a/files/templates/CHRISTMAS/settings.html +++ b/files/templates/CHRISTMAS/settings.html @@ -28,9 +28,9 @@ {% block stylesheets %} - + - + diff --git a/files/templates/CHRISTMAS/sign_up.html b/files/templates/CHRISTMAS/sign_up.html index 947a91504..6dfd55de3 100644 --- a/files/templates/CHRISTMAS/sign_up.html +++ b/files/templates/CHRISTMAS/sign_up.html @@ -26,9 +26,9 @@ {% if ref_user %}{{ref_user.username}} invites you to {{'SITE_NAME' | app_config}}{% else %}Sign up - {{'SITE_NAME' | app_config}}{% endif %} - + - + diff --git a/files/templates/CHRISTMAS/sign_up_failed_ref.html b/files/templates/CHRISTMAS/sign_up_failed_ref.html index 157c12d4a..3cbebfe6f 100644 --- a/files/templates/CHRISTMAS/sign_up_failed_ref.html +++ b/files/templates/CHRISTMAS/sign_up_failed_ref.html @@ -31,7 +31,7 @@ {% if ref_user %}{{ref_user.username}} invites you to {{'SITE_NAME' | app_config}}{% else %}{{'SITE_NAME' | app_config}}{% endif %} - + diff --git a/files/templates/CHRISTMAS/tailwind.html b/files/templates/CHRISTMAS/tailwind.html index 7d92c1955..273cdbcff 100644 --- a/files/templates/CHRISTMAS/tailwind.html +++ b/files/templates/CHRISTMAS/tailwind.html @@ -5,7 +5,7 @@ - + Flask + Tailwind CSS diff --git a/files/templates/admin/badge_grant.html b/files/templates/admin/badge_grant.html index 91e58e8b3..d8b1bf049 100644 --- a/files/templates/admin/badge_grant.html +++ b/files/templates/admin/badge_grant.html @@ -54,7 +54,12 @@ {% for k, v in badge_types.items() %} - + +
+ + +
+ {{v['name']}} {{v['description']}} diff --git a/files/templates/authforms.html b/files/templates/authforms.html index 03c8671f7..9fe37eba7 100644 --- a/files/templates/authforms.html +++ b/files/templates/authforms.html @@ -14,11 +14,11 @@ {% if v %} - + {% if v.agendaposter %}{% elif v.css %}{% endif %} {% else %} - + {% endif %} diff --git a/files/templates/default.html b/files/templates/default.html index e868a9b97..1adfdbc8e 100644 --- a/files/templates/default.html +++ b/files/templates/default.html @@ -6,12 +6,12 @@ {% if v %} - + {% if v.agendaposter %}{% elif v.css %}{% endif %} {% else %} - + {% endif %} diff --git a/files/templates/log.html b/files/templates/log.html index dd1d69315..9436b5147 100644 --- a/files/templates/log.html +++ b/files/templates/log.html @@ -6,11 +6,11 @@ {% block content %} {% if v %} - + {% if v.agendaposter %}{% elif v.css %}{% endif %} {% else %} - + {% endif %}
diff --git a/files/templates/login.html b/files/templates/login.html index 48a07dc67..6c45097bc 100644 --- a/files/templates/login.html +++ b/files/templates/login.html @@ -17,7 +17,7 @@ {% endblock %} - + diff --git a/files/templates/login_2fa.html b/files/templates/login_2fa.html index 112e13d83..aed01ba8e 100644 --- a/files/templates/login_2fa.html +++ b/files/templates/login_2fa.html @@ -13,7 +13,7 @@ 2-Step Login - {{'SITE_NAME' | app_config}} - + diff --git a/files/templates/settings.html b/files/templates/settings.html index b21e4c639..8f4a11149 100644 --- a/files/templates/settings.html +++ b/files/templates/settings.html @@ -33,7 +33,7 @@ - + {% if v.agendaposter %}{% elif v.css %}{% endif %} diff --git a/files/templates/settings2.html b/files/templates/settings2.html index 84f9a816e..ed9757ca5 100644 --- a/files/templates/settings2.html +++ b/files/templates/settings2.html @@ -38,10 +38,10 @@ {% if v %} - + {% else %} - + {% endif %} diff --git a/files/templates/sign_up.html b/files/templates/sign_up.html index 9165b45bc..430e1476a 100644 --- a/files/templates/sign_up.html +++ b/files/templates/sign_up.html @@ -30,7 +30,7 @@ {% if ref_user %}{{ref_user.username}} invites you to {{'SITE_NAME' | app_config}}{% else %}Sign up - {{'SITE_NAME' | app_config}}{% endif %} - + diff --git a/files/templates/sign_up_failed_ref.html b/files/templates/sign_up_failed_ref.html index 24057af90..0124ac1d4 100644 --- a/files/templates/sign_up_failed_ref.html +++ b/files/templates/sign_up_failed_ref.html @@ -31,7 +31,7 @@ {% if ref_user %}{{ref_user.username}} invites you to {{'SITE_NAME' | app_config}}{% else %}{{'SITE_NAME' | app_config}}{% endif %} - + diff --git a/files/templates/submit.html b/files/templates/submit.html index 57dadeafc..5644a5cd9 100644 --- a/files/templates/submit.html +++ b/files/templates/submit.html @@ -25,11 +25,11 @@ {% block stylesheets %} {% if v %} - + {% if v.agendaposter %}{% elif v.css %}{% endif %} {% else %} - + {% endif %} {% endblock %}