diff --git a/.gitattributes b/.gitattributes index 8dc698e6b..fe1f44b02 100644 --- a/.gitattributes +++ b/.gitattributes @@ -2,3 +2,4 @@ *.js linguist-detectable=true *.html linguist-detectable=false *.py linguist-detectable=true +* text=auto diff --git a/files/assets/css/main.css b/files/assets/css/main.css index 5a7514a97..efc4e5898 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -1,6300 +1,6300 @@ -@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; -} -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; -} -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]):not([role="button"]) -{ - 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; -} -caption { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - color: #6c757d; - text-align: left; - caption-side: bottom; -} -th { - text-align: inherit; -} -label { - display: inline-block; - margin-bottom: 0.5rem; -} -button { - border-radius: 0; -} -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; -} -button, input { - overflow: visible; -} -button, select { - text-transform: none; -} -select { - word-wrap: normal; -} -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::-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=date], input[type=time], input[type=month] { - -webkit-appearance: listbox; -} -textarea { - overflow: auto; - resize: vertical; -} -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; -} -[type=search] { - outline-offset: -2px; - -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-top: 1rem; - margin-bottom: 1rem; - 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; -} -.img-fluid { - height: auto; - max-width: 100%; -} -.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; -} -.container-fluid { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: 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); -} -.shadow { - /* box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); */ - - box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); -} -.shadow-none { - box-shadow: none !important; -} -.container { - max-width: 1500px; - max-width: max(76%,1500px); -} -.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, [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-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%; -} - -.btn-follow { - display: block; - width: 100%; - margin-top: 0.5rem; -} -input[type=submit].btn-follow, input[type=reset].btn-follow, input[type=button].btn-follow { - 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; -} -@keyframes expand -{ - 0% { opacity: 0.0; transform: scaleY(0.7); } - 100% { opacity: 1.0; transform: scaleY(1.0); } -} - -.dropdown-menu-right.show -{ - transform-origin: top; - animation: expand .20s 1; -} - - -.dropdown-menu { - position: absolute; - top: 100%; - left: -5px; - 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.4); - border-radius: 0.35rem; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3); -} -.dropdown-menu-right { - right: 0; - left: auto; - left: -2px !important; -} -@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 -{ - -} - -.nav-link { - display: block; - padding: 0.5rem 1rem; -} -.nav-link:hover, .nav-link:focus { - text-decoration: none; -} -.disabled { - color: #6c757d !important; - pointer-events: none !important; - cursor: default !important; -} -.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; - transition: border-bottom .2s; -} -.navbar-active -{ - border-bottom: 1px solid rgba(18, 18, 18, .4); -} -.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-toggler { - color: var(--black1); - 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 .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; -} -.directory--link { - width: 90%; -} -@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%; - } - .directory--link { - width: 45%; - } -} -.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; -} -.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; -} -.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; - 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; -} - .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; -} -.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 { - display: inline !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; - } - .d-md-inline { - display: inline !important; - } -} -@media (min-width: 992px) { - .d-lg-none { - display: none !important; - } - .d-lg-flex { - display: flex !important; - } - .d-lg-block { - display: block !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; -} -} -.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: 0; - 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-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 { - 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); - background-color: var(--background); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -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 { - background-color: var(--background); -} -#article { - padding-top: 0; - background-color: var(--background); -} -#thread, #userpage { - background-color: var(--background); -} -#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: 43px; - 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 3rem 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, .mobile-nav-icon:active .fas { - color: var(--primary) !important; - 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-weight: 400; - padding: 0.75rem 1rem; -} -.settings-nav .nav-item { - font-size: 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, [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, [readonly] { - background-color: var(--dark) !important; -} -.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 { - 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); - transition: background .1s, transform .2s; -} -.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { - color: var(--black); - text-decoration: none; - background-color: var(--gray-300); -} -.dropdown-item:active { - transform: scale(0.95); -} - - -.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; -} -.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; -} -.voting.d-md-flex { - align-items: center; - flex-direction: column; - justify-content: center; -} -#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); -} - -.active-anim.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; */ -} -.arrow-up, .arrow-down -{ - position: relative; - display: inline-block; -} - -.arrow-up.active-anim -{ - animation: bounce-top .7s 1 0s; - -webkit-animation: bounce-top .7s 1 0s; -} - -.arrow-down.active-anim -{ - animation: bounce-bot .7s 1 0s; - -webkit-animation: bounce-bot .7s 1 0s; -} - -@keyframes bounce-top { - 20% { - transform: translateY(-9px); - animation-timing-function: ease-in; - opacity: 1; - } - 52% { - transform: translateY(-6px); - animation-timing-function: ease-in; - opacity: 1; - } - 69% { - transform: translateY(-3px); - animation-timing-function: ease-in; - opacity: 1; - } - 35%, - 63%, - 79%, - 100% { - transform: translateY(0px); - animation-timing-function: ease-out; - } -} - -@keyframes bounce-bot { - 30% { - transform: translateY(6px); - animation-timing-function: ease-in; - opacity: 1; - } - 52% { - transform: translateY(3px); - animation-timing-function: ease-in; - opacity: 1; - } - 69% { - transform: translateY(2px); - animation-timing-function: ease-in; - opacity: 1; - } - 100% { - transform: translateY(0px); - animation-timing-function: ease-out; - } -} - -.comment-write.collapsed -{ - animation: expand-reply .3s 1; -} - -@keyframes expand-reply -{ - 0% { opacity: .6; padding-top: 0px; height: 0px; overflow: hidden; } - 100% { opacity: 1;padding-top: 0px; height: 182px; overflow: hidden; } -} - -.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"; -} -.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; -} -.score { - color: var(--black); - font-size: 1.1rem; -} -.score-up { - color: var(--primary); - font-size: 1.1rem; - -} -.score-up-anim -{ - color: var(--primary); -} -.score-down { - color: #38B2AC !important; - font-size: 1.1rem; -} - -#voting .arrow-up, -.voting .arrow-up, -.voting .arrow-down -{ - display: block; -} - -.catalog .voting .arrow-up, -.catalog .voting .arrow-down -{ - display: inline-block; -} - - -.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, img[src^="/uid/"], img[src^="/pp/"]:not(img[alt^=":"]) { - 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-30 { - width: 30px; - height: 30px; - 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); -} - -.profile-pic-20-wrapper, -.profile-pic-30-wrapper, -.profile-pic-35-wrapper, -.profile-pic-50-wrapper, -.profile-pic-65-wrapper, -.profile-pic-75-wrapper, -.profile-pic-100-wrapper { - display: inline-block; - position: relative; - vertical-align: middle; -} - -.profile-pic-20-hat, -.profile-pic-30-hat, -.profile-pic-35-hat, -.profile-pic-50-hat, -.profile-pic-65-hat, -.profile-pic-75-hat, -.profile-pic-100-hat { - position: absolute; - left: 0; - bottom: 0; -} - -.profile-pic-20-wrapper { width: 20px; height: 20px; } -.profile-pic-30-wrapper { width: 30px; height: 30px; } -.profile-pic-35-wrapper { width: 35px; height: 35px; } -.profile-pic-50-wrapper { width: 50px; height: 50px; } -.profile-pic-65-wrapper { width: 65px; height: 65px; } -.profile-pic-75-wrapper { width: 75px; height: 75px; } -.profile-pic-100-wrapper { width: 100px; height: 100px; } -.profile-pic-20-hat { width: 20px; } -.profile-pic-30-hat { width: 30px; } -.profile-pic-35-hat { width: 35px; } -.profile-pic-50-hat { width: 50px; } -.profile-pic-65-hat { width: 65px; } -.profile-pic-75-hat { width: 75px; } -.profile-pic-100-hat { width: 100px; } - -@media (min-width: 767.98px) { - .profile-pic-20-hat { - bottom: -2.7px; - } -} - -.profile--pfp--hat { - margin-top: 20px; -} - -.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-thumbnail { - z-index: 3; - display: flex; - align-items: center; -} -.card-thumbnail > a { - position: relative; -} -.card-block { - position: relative; /* fixes stretched-link in card view */ -} -.card { - background-color: var(--gray-900); -} -#thread .card { - background-color: var(--background); -} -#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; - 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; -} -.sub-flair { - padding: 3px 5px 2px 5px; - border-radius: 5px; - color: white; - background-color: var(--primary); - margin-right: 3px; - font-weight: bold; -} -.sub-flair:hover { - color: var(--white); - text-decoration: none; -} -.post-meta-domain { - /* fixes very long domains overflowing submission_listing */ - display: inline-block; - max-width: 20em; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - vertical-align: middle; -} -#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, .post-actions button { - 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; -} -.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, .post-actions button:hover .fa, .post-actions a, .post-actions button: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: 900; - 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: auto; - margin-bottom: auto; -} - .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, .post-actions button { - color: var(--gray-100); - text-decoration: none; - text-transform: none; -} -.post-actions a, .post-actions button: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; - padding-top: 10px; -} -.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: 10px !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(--background); -} -.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, .ghostdiv { - 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-30 { - 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; - 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); -} -.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-95 { - width: 95% !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 { - 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; - width: 100%; - -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; - width: 25vw; - height: 35vh; - -o-object-fit: contain; - object-fit: contain; -} -@media (max-width: 767.98px) { - .gif-categories img { - height: 150px; - width: 100%; - } -} -.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) { - body { - padding-top: 72px; -} -} -.modal-backdrop.show -{ - background-color: rgba(33, 38, 45, .8); -} - -@media (max-width: 767.98px) { - html { - font-size: 14px; -} - .container { - overflow: hidden; - max-width: none; -} - body, #settings, #notifications, #submit { - background-color: var(--background); -} - #thread, #userpage { - background-color: var(--gray-600); -} - .custom-gutters, .user-gutters { - padding-left: 2px; - padding-right: 2px; -} - .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.6rem; -} - #thread, #submit { - background-color: var(--light); -} - #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; -} - #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; - padding-left: 3px; -} - .post-actions { - font-weight: 400; -} - .post-actions a, .post-actions button { - 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; -} - .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { - font-size: 1.5rem; - color: var(--gray-200); - opacity: 1; - } - #voting .arrow-up, - .voting .arrow-up, - .voting .arrow-down - { - display: inline-block; - } - - .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; -} - .banner-pic-135 { - max-width: 100%; -} - .x-scroll-parent { - overflow: hidden; -} - .x-scroll { - width: 100%; - overflow-x: auto; - white-space: nowrap; - scrollbar-width: none; - -ms-overflow-style: none; -} - .x-scroll::-webkit-scrollbar { - width: 100%; - overflow-x: auto; - 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; -} -.banned { - background-color: #960000 !important; - border-left: 10px solid #ff0000 !important; -} -.deleted { - background-color: #4a4a15 !important; - border-left: 10px solid #4a4a15 !important; -} -.deleted.banned { - background-color: #964000 !important; - border-left: 10px solid #964000 !important; -} -.text-admin { - color: var(--primary); -} -.object-cover { - object-fit: cover; -} - -.spoiler, spoiler { - color: var(--white); - background-color: var(--white); - font-weight: 600 !important; - padding: 1px 3px 1px 3px; -} -.spoiler:hover, spoiler:hover { - color: var(--gray); -} -.spoiler img, spoiler img { - visibility: hidden; -} -.spoiler:hover img, spoiler:hover img { - visibility: visible; -} - -@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 { - padding: 0.75rem 0.6rem; - } - .settings-nav .nav-item:first-child:nth-last-child(6), - .settings-nav .nav-item:first-child:nth-last-child(6) ~ li { - font-size: 0.80rem; - } -} -@media (max-width: 320px) { - .settings-nav .nav-link { - padding: 0.75rem 0.4rem; - } -} -.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; - font-weight: 500; -} -.btn-lg { - border-color: transparent !important; -} -.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(--background) !important; -} -.text-info { - color: var(--primary) !important; -} -.patron { - padding: 2px 5px 3px 5px !important; - border-radius: 5px !important; - color: white !important; -} -.patron[style="background-color:#FFFFFF;"] { - color: black !important; -} -.container, .container-fluid { - background-color: var(--background) !important; -} -.btn { - background-color: var(--background) !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; - } - .directory--link { - width: 30%; - } -} -@media (min-width: 992px) { - .card-columns { - column-count: 9 !important; - } - .directory--link { - width: 23%; - min-height: 17vh; - display: flex; - } - .directory--link-content { - margin: auto; - } -} -.container, .container-fluid { - padding-bottom: 50px; -} -.navbar { - padding: 0.2rem 0 0 0.2rem; -} -@media (min-width: 767.98px) { - .navbar { - padding: 0.5rem 1.5rem 0.5rem 0.5rem; -} -} -@media (min-width: 767.98px) { - .modal-dialog { - max-width: 50%; - margin: 1.75rem auto !important; -} -} -.in-comment-image, .img, img[alt^="![]("], -.preview img:not(img[src*="/uid/"]):not(img[src*="/pp/"]):not(img[src$="/pic"]):not(img[src="/i/hand.webp"]):not(img[src*="/e/"]) { - max-height: 150px !important; - max-width: 100% !important; - border-radius: 0.2rem !important; - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - cursor: pointer; -} -video { - max-height: 50vh !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-yellow { - color: yellow !important; -} -.timeline-Widget { - max-height: 500px !important; - overflow-y: auto !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, img[alt^=":!"], img[alt^=":#!"], span[alt^=":!"], span[alt^=":#!"] { - 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 -} -.emj, .emoji, strong a img, img[alt^=":"]:not(img[b]):not(img[alt*="#"]) { - height: 40px !important; - width: 40px !important; -} -.bigemoji, .emoji-md, img[alt^=":"]:not(img[alt*="#"]) { - height: 60px; - width: 60px; -} -.bigemoji, .emoji-lg, img[alt^=":#"], img[alt^=":!#"] { - height: 150px; - width: 150px; -} -.emj, .emoji, .bigemoji, .emoji-md, .emoji-lg, img[alt^=":"] -{ - max-width: 150px !important; - max-height: 150px !important; - max-width: min(150px,25vw) !important; - max-height: min(150px,25vw) !important; - display: inline-block; - -o-object-fit: contain; - object-fit: contain; -} - -span[data-bs-toggle], .pat-preview { - position: relative; - display: inline-block; -} -img[src="/i/hand.webp"] { - position: absolute; - width: 90%; - height: 90%; - margin-top: -10%; - z-index: 1; -} -img[src="/i/hand.webp"]+img { - animation: pat-pfp-anim 0.3s infinite; - transform-origin: bottom center; - margin-top: 10%; - text-align: center; - object-fit: cover; -} -img[src="/i/hand.webp"]+img[src^="/pp/"], img[src="/i/hand.webp"]+img[src$="/pic"] { - border-radius: 50%; -} -@keyframes pat-pfp-anim { - 0% { transform: scale(1, 0.8) } - 50% { transform: scale(0.8, 1) } - 100% { transform: scale(1, 0.8) } -} - -/* Fix for
    being populated with

    2. in many contexts. */ -.post-body li > p:first-child, -.comment-text li > p:first-child, -.preview li > p:first-child, -div[id^="form-preview-"] li > p:first-child { - display: inline; -} - -.twitter-tweet { - margin-bottom: 9.8px; - padding-bottom: 7px; -} -.controversial { - color: #f27d0c !important; - font-weight: 800; -} -.agendaposter { - text-transform: uppercase !important; -} -code { - text-transform: none !important; -} -.noshadow { - box-shadow: none !important; -} -[role="button"], :not(textarea)[onclick] { - cursor: pointer !important; -} - -lite-youtube { - background-color: #000; - position: relative; - display: block; - contain: content; - background-position: center center; - background-size: cover; - cursor: pointer; - max-width: 720px; - margin-bottom: 1.3rem !important; -} - -.youtube_embed > lite-youtube { - margin: auto -} - -lite-youtube::before { - content: ''; - display: block; - position: absolute; - top: 0; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); - background-position: top; - background-repeat: repeat-x; - height: 60px; - padding-bottom: 50px; - width: 100%; - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); -} - -lite-youtube::after { - content: ""; - display: block; - padding-bottom: calc(100% / (16 / 9)); -} -lite-youtube > iframe { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border: 0; -} - -lite-youtube > .lty-playbtn { - width: 100px; - height: 100px; - position: absolute; - cursor: pointer; - transform: translate3d(-50%, -50%, 0); - top: 50%; - left: 50%; - z-index: 1; - background-color: transparent; - background-image: url('/i/youtube.webp?v=2000'); - transition: filter .1s cubic-bezier(0, 0, 0.2, 1); - border: none; -} - -lite-youtube:hover > .lty-playbtn, -lite-youtube .lty-playbtn:focus { - filter: none; -} - -lite-youtube.lyt-activated { - cursor: unset; -} -lite-youtube.lyt-activated::before, -lite-youtube.lyt-activated > .lty-playbtn { - opacity: 0; - pointer-events: none; -} - -.lyt-visually-hidden { - clip: rect(0 0 0 0); - clip-path: inset(50%); - height: 1px; - overflow: hidden; - position: absolute; - white-space: nowrap; - width: 1px; - } - -.ytp-pause-overlay-controls-hidden .ytp-pause-overlay, ytp-pause-overlay ytp-scroll-min { - display: none!important; -} - -.overflow-x-auto { - overflow-x: auto !important; -} - -@media (max-width: 768px) { - .comment .comment-body .comment-text { - padding-top: 5px; - } - p { - margin-bottom: 7px; - } -} -@keyframes golden { - from {filter: sepia(1) saturate(2)} - to {filter: sepia(1) saturate(3) drop-shadow(-1px 1px 3px gold)} -} -img.golden, img[g]:not([data-src]) { - animation-name: golden !important; - animation-duration: 1s !important; - animation-iteration-count: infinite !important; - animation-direction: alternate !important; - animation-timing-function: linear !important; -} - - -@keyframes glowing { - from {filter: sepia(1) hue-rotate(80deg) saturate(2)} - to {filter: sepia(1) hue-rotate(80deg) saturate(5) drop-shadow(-1px 1px 3px lime)} -} - -img[glow]:not([data-src]) { - animation-name: glowing !important; - animation-duration: 1s !important; - animation-iteration-count: infinite !important; - animation-direction: alternate !important; - animation-timing-function: linear !important; -} - -.text-black { - color: var(--black); -} - -.bg-muted { - background-color: #6c757d !important; -} - -.srd { - width: 100%; - background-color: var(--primary); - padding: 2px; - text-align: center; - font-weight: bold; - white-space: nowrap; - color: white; - font-size: min(3vw,16px); -} -.srd *, .srd a:hover { - color: white; -} -#srd-discuss { - font-weight: normal; -} - -@media (max-width: 768px) { - .toast { - bottom: 5rem !important; - } -} - -.awards-wrapper input[type="radio"] { - display: none; -} - -.awards-wrapper a { - cursor: pointer; - padding: 15px !important; - text-align: center; - text-transform: none!important; -} - -.awards-wrapper a i { - font-size: 25px; -} - -.awards-wrapper a.disabled { - opacity: 0.6; -} - -.awards-wrapper a:hover:not(.disabled), .awards-wrapper .picked { - background-color: var(--primary)!important; -} - -.awards-wrapper input[type="radio"]:checked+a { - background-color: var(--primary)!important; -} - -.award-columns { - column-count: 2; -} - -.awardmodal { - max-width: 90% !important; - min-height: 90% !important; - max-height: 90% !important; - height: 90% !important; - margin: auto !important -} - -toast { - z-index: 7000 !important; -} - -@media (max-width: 464px) { - .awardbtn { - display:block; - margin-right:0 !important; - clear:both !important; - } -} - -html { - scroll-padding-top: 100px; -} -.comment .comment-body { - padding: 0px 0 0 0; -} -.comment-anchor { - padding: 1px; -} -.comment-anchor::before { - content: ''; - display: block; -} -.comment-anchor:target, .unread { - background: #ffffff22 !important; - padding: 12px; - padding-bottom: 4px; -} - -.mod { - padding: 2px 5px 3px 5px; - border-radius: 5px; - color:white!important; - background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet); - background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ); - text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black; -} - -.popover { - max-width: 50%; - box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175); - border-color: #dadada; -} - -@media (max-width: 991.98px) { - .popover { - max-width: 90% !important; - } -} - -.popover-arrow { - display: none !important; -} - -.popover-user-profile { - display: flex; - flex-direction: column; - padding: 0; - background: var(--gray-600); -} - -.popover-body { - padding: 0; - border-radius: .25rem; - overflow: hidden; -} - -.mt-n6 { - margin-top: -1.75rem !important; -} - -.h-64 { - height: 64px; -} - -.object-cover { - object-fit: cover; -} - -.smolbtn { - font-weight: 600; - font-size: .9rem; - border-radius: 0.2rem; - padding: 0.1rem 0.50rem 0rem 0.30rem; - background-color: var(--black) !important; -} - -.smol { - font-size: 11.5px; -} - -@media (max-width: 768px) { - .commentmob { - margin-top: 0.5rem !important; - } -} -.treasure { - margin-left: 10px; - margin-right: 3px; - margin-top: -2px; -} - -a.emojitab { - padding: 0.5rem 0.7rem !important; - font-size: 13px !important; -} - -.emoji2 { - background: None!important; - width:60px; - overflow: hidden; - border: none; -} - -.emoji2:focus { - border: 1px solid var(--primary) !important; -} - -.expandedimage { - width: fit-content; - width: -moz-fit-content; - max-width: 100% !important; -} - -.m-5 { - margin: 2.5rem !important; -} - -.notif-count { - background: red; - border-radius: 20%; - color: white; - padding: 2px 5px; - font-weight: 700; -} -li > .sidebar { - display: block !important; - max-width: 100% !important; -} - -.sidebar -{ - border-radius: 6px; - margin-top: 6px; -} - - -@media (max-width: 768px) { - .sorting { - padding-bottom: 0.5rem !important; - padding-right: 0.5rem; - } -} - -.self { - border-top:2px solid var(--primary); - border-bottom:2px solid var(--primary); -} - -.marsey { - max-width: 125px; - max-height: 125px; -} -@media (max-width: 768px) { - .marsey { - max-width: 60px; - max-height: 60px; - } -} - -.btn-dead:hover, .active.btn-dead:hover, .active.btn-dead { - border: 1px solid var(--primary)!important; -} - -.navsettings { - padding-left: 0.9rem !important; - padding-right: 0.9rem !important; -} - -@media (max-width: 768px) { - .table th { - padding-left: 0.3rem !important; - padding-right: 0.3rem !important; - } - .table td { - padding-left: 0.3rem !important; - padding-right: 0.3rem !important; - font-size: 0.9rem; - } - .marseybux { - font-size: 0.7rem !important; - } -} - -.shop-table-actions { - width: 13rem; -} - -.shop-table-actions a { - display: flex; -} - -.userbanner { - object-fit: cover !important; -} - -@media (max-width: 500px) { - .count { - display:block; - text-align: center; - } -} -th, td { - font-weight: 700; -} - -.fas { - text-align: center; -} - -.text-small-mobile { - font-size: min(3vw,14px) !important; -} -.text-white, th a { - color: #fff !important; -} -@media (max-width: 350px) { - .mobile-nav-icon { - padding: 0.25rem 0.5rem; - } - .settings-nav .nav-item { - font-size: 12px; - } -} - -.glow .post-title, .glow a, .glow .post-meta *, .glow .user-info *, .glow .comment-text, .glow .comment-actions *, .glow { - color:lightgreen !important; - text-shadow:1px 1px 1px darkgreen, 0 0 5px green; -} - -.glow .score-up, .glow .active.arrow-up::before, .glow .arrow-up::after, .glow .arrow-up:hover::before { - color: lime !important; -} - -.glow .score-down, .glow .active.arrow-down::before, .glow .arrow-down::after, .glow .arrow-down:hover::before { - color: lime !important; -} - -.glow .arrow-up::before, .glow .arrow-down::before, .glow .score { - color: lightgreen; -} - -.glow .post-body a, .glow .comment-text a { - text-decoration: underline; -} - -.text-green { - color: green !important; -} - -#profile--bio a, #profile-mobile--bio a { - overflow-wrap: break-word; -} - -#profile-content--nav .nav-link { - font-size: 0.85rem; - padding: 0.75rem 0.5rem; - text-align: center; -} - -@media (max-width: 464px) { - #profile-content--nav .nav-link { - font-size: 0.80rem; - padding: 0.75rem 0.25rem; - } -} - -.checkmark { - color: #1DA1F2 !important; -} - -audio, video { - max-width: 100%; -} - -.fa-manhole:before{content:"\e1d6"} - -/* Lottery */ -.lottery-page--wrapper { - display: flex; - align-items: center; - justify-content: center; -} - -.lottery-page--wrapper > div { - width: 400px; -} - -.lottery-page--image { - max-width: 400px; - height: 400px; - margin-right: 1rem; - margin-bottom: 0; - display: flex; - align-items: center; - justify-content: center; - position: relative; -} - -.lottery-page--image > img { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.lottery-page--action { - border-width: 2px; - font-size: 1.4rem; -} - -.lottery-page--stats { - display: flex; - flex-direction: column; - align-items: stretch; - justify-content: flex-end; - flex: 1; - margin-left: 2rem; - max-width: 500px; -} - -.lottery-page--stat { - display: flex; - align-items: center; - justify-content: space-between; - background-color: var(--gray); - border: 1px solid var(--black); - border-radius: 8px; - padding: 1rem; - margin-bottom: 1rem; -} - -.lottery-page--stat-keys { - color: var(--black); - font-variant: small-caps; - font-weight: bold; -} - -.lottery-page--stat-values { - text-align: right; -} - - -@media screen and (max-width: 1680px) { - .lottery-page--image { - margin-right: 0; - margin-bottom: 2rem; - } - - .lottery-page--content { - width: 440px; - min-width: 0; - } - - .lottery-page--wrapper { - flex-direction: column; - justify-content: center; - } - - .lottery-page--action { - margin-bottom: 1rem; - } - - .lottery-page--stats { - margin-left: 0; - width: 300px; - flex-direction: column-reverse; - } - - .lottery-page--dialog { - min-width: 440px !important; - } -} - -@media screen and (max-width: 464px) { - .lottery-page--image { - margin-right: 0; - margin-bottom: 2rem; - } - - .lottery-page--content { - width: 440px; - min-width: 0; - } - - .lottery-page--wrapper { - flex-direction: column; - justify-content: center; - padding: 2rem; - } - - .lottery-page--wrapper > div - { - width: 300px; - height: 300px; - } - - .lottery-page--action { - margin-bottom: 1rem; - } - - .lottery-page--stats { - margin-left: 0; - width: 300px; - flex-direction: column-reverse; - } - - .lottery-page--dialog { - min-width: 440px !important; - } -} - -#header--icon { - height: 33px; -} - -#header--username { - padding-left: 5px; -} - -.header--currency { - font-size: 12px; - line-height: 13px; - display: inline-block; -} - -.header--currency img { - max-height: 13px; -} - - -#header--dropdown, #header--dropdown-menu { - min-width: 12.5em; -} - -#sidebar-content { - max-width: 300px; - padding-bottom: 15rem; -} - -.sidebar-link { - display: inline; - padding: 0rem 0.60rem 1rem 0.60rem; - font-size: 1rem; - color: var(--black); -} -.sidebar-link:hover, .sidebar-link:focus { - text-decoration: none; - color: var(--black); -} - -#sidebar--counter--total, -#sidebar--counter--flavor, -#sidebar--counter--loggedin { - font-size: 1.1rem; -} - -#sidebar--counter--admin { - display: block; - text-align: center; - font-size: 0.9rem; -} - -.sidebar--heading { - font-size: 1.4rem; - margin-bottom: 1rem; - text-align: center; - text-decoration: underline; - text-transform: uppercase; -} - -#sidebar--rules--list { - padding-left: 0; - font-size: 0.95rem; -} - -#sidebar-wpd--flairs { - display: grid; - align-items: center; - grid-template-columns: repeat(3, 1fr); - margin-bottom: 2rem; - grid-gap: 1px; -} - -#sidebar-wpd--flairs a { - padding: 5px 5px 4px 5px; - text-align: center; - color: var(--muted); - background-color: var(--background); - box-shadow: 0 0 0 1px var(--primary); -} - -#sidebar-wpd--flairs a:hover { - color: #fff; - text-decoration: none; -} - -#sidebar-lgb--host-notice img { - display: block; - margin: 1.5rem auto 1rem auto; -} -#sidebar-lgb--host-notice a { - display: block; - text-align: center; -} - -#sidebar--directory--head { - display: block; - font-size: 1.35rem; -} - -#sidebar--directory--subhead { - display: block; - font-size: 0.85rem; -} - -#directory--wrapper { - margin: 2rem 0rem; - display: flex; - flex-wrap: wrap; - justify-content: center; -} - -.directory--link { - height: 100%; - padding: 1rem; - margin: 0.5rem; - border: 1px solid var(--gray); - border-radius: 0.4rem; - background-color: var(--gray-700); - text-align: center; - vertical-align: top; -} - -.directory--link--icon { - font-size: 2rem; - text-shadow: - -1px -1px 0 #000, - 1px -1px 0 #000, - -1px 1px 0 #000, - 1px 1px 0 #000; -} - -.directory--link--title { - padding-top: 0.5rem; - font-size: 1.15rem; - font-weight: bold; - color: var(--black); - text-transform: uppercase; -} - -.directory--link--description { - font-size: 0.9rem; - color: var(--black); -} - -.gif-categories { - column-count: 4 !important -} - -@media (max-width: 768px) { - .gif-categories { - column-count: 1 !important - } -} - -g { - color: #209920 !important -} - -.ext-link { - position:absolute; - bottom: 0; - right: 0; - font-size:14px; - color:white; - background-color:var(--primary); - padding:3px; - border-radius:.35rem; -} - -/* ------- Font Awesome ------- */ -@font-face{ - font-family:"Font Awesome 6 Pro"; - font-style:normal; - font-weight:400; - font-display:block; - src:url(../fonts/fa-regular-400.woff2) format("woff2"), - url(../fonts/fa-regular-400.ttf) format("truetype") -} -@font-face{ - font-family:"Font Awesome 6 Pro"; - font-style:normal; - font-weight:900; - font-display:block; - src:url(../fonts/fa-solid-900.woff2) format("woff2"), - url(../fonts/fa-solid-900.ttf) format("truetype") -} -@font-face{ - font-family:"Font Awesome 6 Pro"; - font-style:normal; - font-weight:100; - font-display:block; - src:url(../fonts/fa-thin-100.woff2) format("woff2"), - url(../fonts/fa-thin-100.ttf) format("truetype") -} -@font-face{ - font-family:"Font Awesome 5 Brands"; - font-display:block; - font-weight:400; - src:url(../fonts/fa-brands-400.woff2) format("woff2"), - url(../fonts/fa-brands-400.ttf) format("truetype") -} -@font-face{ - font-family:"Font Awesome 5 Pro"; - font-display:block; - font-weight:900; - src:url(../fonts/fa-solid-900.woff2) format("woff2"), - url(../fonts/fa-solid-900.ttf) format("truetype") -} -@font-face{ - font-family:"Font Awesome 5 Pro"; - font-display:block; - font-weight:400; - src:url(../fonts/fa-regular-400.woff2) format("woff2"), - url(../fonts/fa-regular-400.ttf) format("truetype") -} -@font-face{ - font-family:"Font Awesome 5 Pro"; - font-display:block; - font-weight:300; - src:url(../fonts/fa-light-300.woff2) format("woff2"), - url(../fonts/fa-light-300.ttf) format("truetype") -} -@font-face{ - font-family:"Font Awesome 5 Duotone"; - font-display:block; - font-weight:900; - src:url(../fonts/fa-duotone-900.woff2) format("woff2"), - url(../fonts/fa-duotone-900.ttf) format("truetype") -} -@font-face{ - font-family:"FontAwesome"; - font-display:block; - src:url(../fonts/fa-solid-900.woff2) format("woff2"), - url(../fonts/fa-solid-900.ttf) format("truetype") -} -@font-face{ - font-family:"FontAwesome"; - font-display:block; - src:url(../fonts/fa-brands-400.woff2) format("woff2"), - url(../fonts/fa-brands-400.ttf) format("truetype") -} -@font-face{ - font-family:"FontAwesome"; - font-display:block; - src:url(../fonts/fa-regular-400.woff2) format("woff2"), - url(../fonts/fa-regular-400.ttf) format("truetype"); - unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044, - u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0, - u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115, - u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192, - u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a, - u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7, - u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc; -} -@font-face{ - font-family:"FontAwesome"; - font-display:block; - src:url(../fonts/fa-v4compatibility.woff2) format("woff2"), - url(../fonts/fa-v4compatibility.ttf) format("truetype"); - unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac, - u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c, - u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a; -} -@font-face{ - font-family:"Font Awesome 6 Pro"; - font-style:normal; - font-weight:300; - font-display:block; - src:url(../fonts/fa-light-300.woff2) format("woff2"), - url(../fonts/fa-light-300.ttf) format("truetype"); -} -@font-face{ - font-family:"Font Awesome 6 Brands"; - font-style:normal;font-weight:400; - font-display:block; - src:url(../fonts/fa-brands-400.woff2) format("woff2"), - url(../fonts/fa-brands-400.ttf) format("truetype"); -} -@font-face{ - font-family:"Font Awesome 6 Duotone"; - font-style:normal;font-weight:900; - font-display:block; - src:url(../fonts/fa-duotone-900.woff2) format("woff2"), - url(../fonts/fa-duotone-900.ttf) format("truetype"); -} - -:root{ - --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"; - --fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"; - --fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"; - --fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"; - --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"; - --fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"; -} -.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)} -.fas{font-family:"Font Awesome 6 Pro";font-weight:900} -.far{font-family:"Font Awesome 6 Pro";font-weight:400} -.fal{font-family:"Font Awesome 6 Pro";font-weight:300} -.fab{font-family:"Font Awesome 6 Brands";font-weight:400} -.fad{ - position:relative; - font-family:"Font Awesome 6 Duotone"; - font-weight:900; - letter-spacing:normal; -} -.fad:before{ - position:absolute; - color:var(--fa-primary-color,inherit); - opacity:var(--fa-primary-opacity,1); -} -.fad:after{ - color:var(--fa-secondary-color,inherit); -} -.fad:after{ - opacity:var(--fa-secondary-opacity,.4); -} -.fa,.fab,.fad,.fal,.far,.fas{ - -moz-osx-font-smoothing:grayscale; - -webkit-font-smoothing:antialiased; - display:var(--fa-display,inline-block); - font-style:normal; - font-variant:normal; - line-height:1; - text-rendering:auto; -} - -.fa-2x{font-size:2em} -.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em} -.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em} -.fa-fw{text-align:center;width:1.25em} -.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)} -.fa-stack{ - display:inline-block; - height:2em; - line-height:2em; - position:relative; - vertical-align:middle; - width:2.5em; -} -.fa-stack-1x,.fa-stack-2x{ - left:0; - position:absolute; - text-align:center; - width:100%; - z-index:var(--fa-stack-z-index,auto); -} -.fa-stack-1x{line-height:inherit} -.fa-stack-2x{font-size:2em} - -.fa-align-left:before{content:"\f036"} -.fa-long-arrow-left:before{content:"\f177"} -.fa-arrow-right:before{content:"\f061"} -.fa-sign-out:before{content:"\f08b"} -.fa-long-arrow-right:before{content:"\f178"} -.fa-arrows-v:before{content:"\f07d"} -.fa-award:before{content:"\f559"} -.fa-badge:before{content:"\f335"} -.fa-badge-check:before{content:"\f336"} -.fa-ban:before{content:"\f05e"} -.fa-bars:before{content:"\f0c9"} -.fa-bell:before{content:"\f0f3"} -.fa-bold:before{content:"\f032"} -.fa-book:before{content:"\f02d"} -.fa-book-open:before{content:"\f518"} -.fa-book-dead:before{content:"\f6b7"} -.fa-broom:before{content:"\f51a"} -.fa-bug:before{content:"\f188"} -.fa-bullhorn:before{content:"\f0a1"} -.fa-calendar:before{content:"\f133"} -.fa-calendar-day:before{content:"\f783"} -.fa-calendar-alt:before{content:"\f073"} -.fa-calendar-week:before{content:"\f784"} -.fa-campfire:before{content:"\f6ba"} -.fa-candy-cane:before{content:"\f786"} -.fa-car-tilt:before{content:"\f5e5"} -.fa-cat:before{content:"\f6be"} -.fa-check:before{content:"\f00c"} -.fa-circle:before{content:"\f111"} -.fa-check-circle:before{content:"\f058"} -.fa-arrow-alt-circle-down:before{content:"\f358"} -.fa-exclamation-circle:before{content:"\f06a"} -.fa-info-circle:before{content:"\f05a"} -.fa-radiation-alt:before{content:"\f7ba"} -.fa-arrow-alt-circle-up:before{content:"\f35b"} -.fa-user-circle:before{content:"\f2bd"} -.fa-times-circle:before{content:"\f057"} -.fa-clipboard:before{content:"\f328"} -.fa-clipboard-check:before{content:"\f46c"} -.fa-clock:before{content:"\f017"} -.fa-history:before{content:"\f1da"} -.fa-code:before{content:"\f121"} -.fa-comment:before{content:"\f075"} -.fa-comment-dots:before{content:"\f4ad"} -.fa-comments:before{content:"\f086"} -.fa-copy:before{content:"\f0c5"} -.fa-crown:before{content:"\f521"} -.fa-dice-six:before{content:"\f526"} -.fa-dollar-sign:before{content:"\24"} -.fa-arrow-alt-down:before{content:"\f354"} -.fa-compress-alt:before{content:"\f422"} -.fa-ellipsis-h:before{content:"\f141"} -.fa-envelope:before{content:"\f0e0"} -.fa-envelope-open-text:before{content:"\f658"} -.fa-eye:before{content:"\f06e"} -.fa-eye-evil:before{content:"\f6db"} -.fa-eye-slash:before{content:"\f070"} -.fa-angry:before{content:"\f556"} -.fa-frown:before{content:"\f119"} -.fa-grin-beam-sweat:before{content:"\f583"} -.fa-laugh-squint:before{content:"\f59b"} -.fa-smile-beam:before{content:"\f5b8"} -.fa-feather-alt:before{content:"\f56b"} -.fa-file-signature:before{content:"\f573"} -.fa-filter:before{content:"\f0b0"} -.fa-fire:before{content:"\f06d"} -.fa-fireplace:before{content:"\f79a"} -.fa-fish:before{content:"\f578"} -.fa-flag:before{content:"\f024"} -.fa-flag-usa:before{content:"\f74d"} -.fa-save:before{content:"\f0c7"} -.fa-gavel:before{content:"\f0e3"} -.fa-cog:before{content:"\f013"} -.fa-ghost:before{content:"\f6e2"} -.fa-gift:before{content:"\f06b"} -.fa-gingerbread-man:before{content:"\f79d"} -.fa-globe:before{content:"\f0ac"} -.fa-golf-club:before{content:"\f451"} -.fa-home-alt:before{content:"\f015"} -.fa-id-badge:before{content:"\f2c1"} -.fa-id-card:before{content:"\f2c2"} -.fa-image:before{content:"\f03e"} -.fa-infinity:before{content:"\f534"} -.fa-italic:before{content:"\f033"} -.fa-knife-kitchen:before{content:"\f6f5"} -.fa-lights-holiday:before{content:"\f7b2"} -.fa-link:before{content:"\f0c1"} -.fa-lock:before{content:"\f023"} -.fa-lock-alt:before{content:"\f30d"} -.fa-search:before{content:"\f002"} -.fa-memory:before{content:"\f538"} -.fa-comment-alt-smile:before{content:"\f4aa"} -.fa-microphone-stand:before{content:"\f8cb"} -.fa-palette:before{content:"\f53f"} -.fa-edit:before{content:"\f044"} -.fa-pizza-slice:before{content:"\f818"} -.fa-poop:before{content:"\f619"} -.fa-quote-right:before{content:"\f10e"} -.fa-reply:before{content:"\f3e5"} -.fa-robot:before{content:"\f544"} -.fa-sack-dollar:before{content:"\f81d"} -.fa-scroll-old:before{content:"\f70f"} -.fa-seedling:before{content:"\f4d8"} -.fa-shield:before{content:"\f132"} -.fa-random:before{content:"\f074"} -.fa-smoke:before{content:"\f760"} -.fa-snooze:before{content:"\f880"} -.fa-snowflake:before{content:"\f2dc"} -.fa-sparkles:before{content:"\f890"} -.fa-ticket:before{content:"\f145"} -.fa-cards:before{content:"\e3ed"} -.fa-spider:before{content:"\f717"} -.fa-square:before{content:"\f0c8"} -.fa-stocking:before{content:"\f7d5"} -.fa-store:before{content:"\f54e"} -.fa-columns:before{content:"\f0db"} -.fa-thumbtack:before{content:"\f08d"} -.fa-train:before{content:"\f238"} -.fa-trash-alt:before{content:"\f2ed"} -.fa-exclamation-triangle:before{content:"\f071"} -.fa-trophy:before{content:"\f091"} -.fa-arrow-alt-up:before{content:"\f357"} -.fa-expand-alt:before{content:"\f424"} -.fa-external-link-alt:before{content:"\f35d"} -.fa-user:before{content:"\f007"} -.fa-user-crown:before{content:"\f6a4"} -.fa-user-cog:before{content:"\f4fe"} -.fa-user-friends:before{content:"\f500"} -.fa-user-lock:before{content:"\f502"} -.fa-user-minus:before{content:"\f503"} -.fa-user-plus:before{content:"\f234"} -.fa-user-slash:before{content:"\f506"} -.fa-user-tag:before{content:"\f507"} -.fa-user-times:before{content:"\f235"} -.fa-users:before{content:"\f0c0"} -.fa-volume:before{content:"\f6a8"} -.fa-volume-mute:before{content:"\f6a9"} -.fa-times:before{content:"\f00d"} -.fa-android:before{content:"\f17b"} -.fa-discord:before{content:"\f392"} -.fa-github:before{content:"\f09b"} -.fa-twitter:before{content:"\f099"} -.fa-head-side:before{content:"\f6e9"} -.fa-crab:before{content:"\e3ff"} -.fa-socks:before{content:"\f696"} -.fa-arrow-up:before{content:"\f062"} -.fa-tag:before{content:"\f02b"} -.fa-messages:before{content:"\f4b6"} -.fa-user-secret:before{content:"\f21b"} -.fa-gas-pump-slash:before{content:"\f5f4"} -.fa-gas-pump:before{content:"\f52f"} -.fa-hammer-crash:before{content:"\e414"} -.fa-music:before{content:"\f001"} -.fa-arrow-rotate-right:before{content:"\f01e"} -.fa-columns-3:before{content:"\e361"} -.fa-bahai:before{content:"\f666"} -.fa-party-horn:before{content:"\e31b"} -.fa-pinata:before{content:"\e3c3"} -.fa-file:before{content:"\f15b"} -.fa-box-open:before{content:"\f49e"} -.fa-eyes:before{content:"\e367"} -.fa-hexagon:before{content:"\f312"} -.fa-arrow-right-arrow-left:before{content:"\f0ec"} -.fa-coins:before{content:"\f51e"} -.fa-bell-slash:before{content:"\f1f6"} -.fa-chart-network:before{content:"\f78a"} -.fa-square-share-nodes:before{content:"\f1e1"} -.fa-sidebar:before{content:"\e24e"} -.fa-panorama:before{content:"\e209"} -.fa-external-link:before{content:"\f08e"} -.fa-circle-info:before{content:"\f05a"} -.fa-comment-question:before{content:"\e14b"} -.fa-sitemap:before{content:"\f0e8"} -.fa-grid:before{content:"\e195"} -.fa-x:before{content:"\58"} -.fa-paw-simple:before{content:"\f701"} -.fa-bat:before{content:"\f6b5"} -.fa-star-of-david:before{content:"\f69a"} -.fa-hat-cowboy:before{content:"\f8c0"} -.fa-cloud-rainbow:before{content:"\f73e"} -.fa-telegram:before{content:"\f2c6"} -.fa-css3-alt:before{content:"\f38b"} -.fa-landscape:before{content:"\e1b5"} -.fa-user-ninja:before{content:"\f504"} - -.pronouns { - font-size: 9px; - margin-left: 0.25rem; - font-weight: 700; - padding: 2px 5px 3px 5px; - border-radius: 5px; - color: white; - border: 2px solid transparent; -} - -@media (max-width: 767.98px) { - .pronouns, .patron, .mod { - padding: 2px 5px !important; - } -} - -.post-preview { - padding: 11px 14px 0 14px !important; - margin-bottom: 0.5rem !important; - margin-top: 0.5rem !important; -} - - -@media (max-width: 767.98px) { - .post-preview { - padding: 7px 9px 2px 9px !important; - } -} - -.showmore { - width: 99%; - padding: 5px; - margin: 5px 1px; - border-radius: 5px; - color:white!important; - background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet); - background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ); - text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black; - font-weight: 600; - border: 2px solid var(--primary); - font-size: 20px; -} - -@media (max-width: 370px) { - .smol-fp { - font-size: 0.9rem; - } -} - -@media (max-width: 345px) { - .smol-fp { - font-size: 0.7rem; - } -} - -.emoji-option { - vertical-align: text-top; -} - -.btn:active { - opacity: 0.65; -} - -@media (max-width: 767.98px) { - .post-actions { - margin-top: -5px; - } -} - -.ghostdiv -{ - display: block; - white-space: pre-wrap; - word-break: break-word; - /* Attempt to copy the textarea/input padding */ - padding: 15px; -} - -#speed-carot-modal -{ - background-color: var(--gray-700); - max-height: 500px; - overflow-y: auto; - overflow-x: hidden; - border-radius: 4px; - border: 1px solid rgba(255, 255, 255, 0.3); - box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); - z-index:999; -} - -#speed-carot-modal .speed-modal-option -{ - border-bottom: 1px solid #606060; - padding: 4px; - cursor: pointer; -} - -#speed-carot-modal .speed-modal-option:hover, -#speed-carot-modal .speed-modal-option:focus, -#speed-carot-modal .speed-modal-option.selected -{ - background-color: rgba(255, 255, 255, 0.2); -} - - -#speed-carot-modal .speed-modal-image -{ - object-fit: contain; - width: 30px; - height: 30px; -} - -#speed-carot-modal .speed-modal-option span -{ - overflow: hidden; - display: inline-block; - vertical-align: middle; - margin-left: 10px; - margin-right: 10px; -} - -.rainbow-text:not(a) { - background-image: repeating-linear-gradient(135deg, violet, rgb(178, 94, 238), lightblue, green, yellow, orange, #ff7f7f 50%) !important; - color: transparent !important; - background-clip: text !important; - -webkit-background-clip: text !important; - font-weight: 700 !important; -} - -.rainbow-text:not(a) > p { - color: transparent !important; -} - -.btn-rainbow { - color:white !important; - background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet) !important; - background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ) !important; - text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black !important; -} - -.modal .comment-actions a { - font-weight: 600; -} - -div.custom-control:last-of-type { - margin-bottom: 1rem; -} - -@media (max-width: 768px) { - div.custom-control:last-of-type { - margin-bottom: 7px; - } -} - -.dropdown-menu button.searchparam { - color: var(--gray-100); - text-decoration: none; - text-transform: none; - background-color: transparent; - border: 2px solid gray; - border-radius: 3px; - padding: 6px; - width: 150px; -} - - - -blockquote { - border-left: 2px solid var(--primary); - color: var(--black); - font-size: 1rem; - font-weight: 400; - background-color: #46444a; - padding: 0 1rem; - margin: 1rem 0 0 0; -} -div > blockquote:last-child { - margin-bottom: 1rem !important; -} -blockquote + :not(blockquote) { - margin-top: 1rem; -} -blockquote > :not(blockquote) { - margin-bottom: 0; - padding-bottom: 0.7rem; - padding-top: 0.7rem; -} -blockquote + blockquote, div > blockquote:first-child, blockquote:last-child { - margin-top: 0 !important; -} - - - -#searchparams-dropdown { - z-index: 100; -} -.contain { - -o-object-fit: contain; - object-fit: contain; -} -.text-gray { - color: gray !important; -} -div.markdown { - height: auto; - white-space: pre-wrap; -} -@media (max-width: 768px) or (min-width: 992px) { - #sidebar-btn { - display: None !important; - } -} -.table th, .table td { - vertical-align: middle; -} - -.directory--link:focus, .directory--link:active, .directory--link:hover { - border: 1px solid var(--primary); - text-decoration: none; -} - -.directory--link:hover * { - color: var(--primary) !important; -} - -::-webkit-input-placeholder { - opacity: 0.7 !important; -} - -.text-brown { - color: #433722; -} - -.live-circle { - animation: blinker 4s infinite; -} - -@keyframes blinker { - from { color: var(--gray-200) } - 50% { color:red } - to { color: var(--gray-200) } -} - -.distribute { - font-size:10px; - padding: 2px 0.5rem !important; - margin: 0 0.5rem !important; -} - -.bug { - pointer-events: none !important; -} - -@media (min-width: 768px) { - .expandedimage { - max-width: 80% !important; - } - #speed-carot-modal .speed-modal-image - { - width: 50px; - height: 50px; - } +@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; +} +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; +} +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]):not([role="button"]) +{ + 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; +} +caption { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #6c757d; + text-align: left; + caption-side: bottom; +} +th { + text-align: inherit; +} +label { + display: inline-block; + margin-bottom: 0.5rem; +} +button { + border-radius: 0; +} +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; +} +button, input { + overflow: visible; +} +button, select { + text-transform: none; +} +select { + word-wrap: normal; +} +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::-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=date], input[type=time], input[type=month] { + -webkit-appearance: listbox; +} +textarea { + overflow: auto; + resize: vertical; +} +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; +} +[type=search] { + outline-offset: -2px; + -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-top: 1rem; + margin-bottom: 1rem; + 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; +} +.img-fluid { + height: auto; + max-width: 100%; +} +.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; +} +.container-fluid { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: 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); +} +.shadow { + /* box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); */ + + box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4); +} +.shadow-none { + box-shadow: none !important; +} +.container { + max-width: 1500px; + max-width: max(76%,1500px); +} +.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, [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-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%; +} + +.btn-follow { + display: block; + width: 100%; + margin-top: 0.5rem; +} +input[type=submit].btn-follow, input[type=reset].btn-follow, input[type=button].btn-follow { + 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; +} +@keyframes expand +{ + 0% { opacity: 0.0; transform: scaleY(0.7); } + 100% { opacity: 1.0; transform: scaleY(1.0); } +} + +.dropdown-menu-right.show +{ + transform-origin: top; + animation: expand .20s 1; +} + + +.dropdown-menu { + position: absolute; + top: 100%; + left: -5px; + 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.4); + border-radius: 0.35rem; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3); +} +.dropdown-menu-right { + right: 0; + left: auto; + left: -2px !important; +} +@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 +{ + +} + +.nav-link { + display: block; + padding: 0.5rem 1rem; +} +.nav-link:hover, .nav-link:focus { + text-decoration: none; +} +.disabled { + color: #6c757d !important; + pointer-events: none !important; + cursor: default !important; +} +.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; + transition: border-bottom .2s; +} +.navbar-active +{ + border-bottom: 1px solid rgba(18, 18, 18, .4); +} +.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-toggler { + color: var(--black1); + 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 .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; +} +.directory--link { + width: 90%; +} +@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%; + } + .directory--link { + width: 45%; + } +} +.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; +} +.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; +} +.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; + 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; +} + .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; +} +.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 { + display: inline !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; + } + .d-md-inline { + display: inline !important; + } +} +@media (min-width: 992px) { + .d-lg-none { + display: none !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-block { + display: block !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; +} +} +.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: 0; + 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-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 { + 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); + background-color: var(--background); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +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 { + background-color: var(--background); +} +#article { + padding-top: 0; + background-color: var(--background); +} +#thread, #userpage { + background-color: var(--background); +} +#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: 43px; + 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 3rem 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, .mobile-nav-icon:active .fas { + color: var(--primary) !important; + 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-weight: 400; + padding: 0.75rem 1rem; +} +.settings-nav .nav-item { + font-size: 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, [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, [readonly] { + background-color: var(--dark) !important; +} +.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 { + 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); + transition: background .1s, transform .2s; +} +.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { + color: var(--black); + text-decoration: none; + background-color: var(--gray-300); +} +.dropdown-item:active { + transform: scale(0.95); +} + + +.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; +} +.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; +} +.voting.d-md-flex { + align-items: center; + flex-direction: column; + justify-content: center; +} +#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); +} + +.active-anim.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; */ +} +.arrow-up, .arrow-down +{ + position: relative; + display: inline-block; +} + +.arrow-up.active-anim +{ + animation: bounce-top .7s 1 0s; + -webkit-animation: bounce-top .7s 1 0s; +} + +.arrow-down.active-anim +{ + animation: bounce-bot .7s 1 0s; + -webkit-animation: bounce-bot .7s 1 0s; +} + +@keyframes bounce-top { + 20% { + transform: translateY(-9px); + animation-timing-function: ease-in; + opacity: 1; + } + 52% { + transform: translateY(-6px); + animation-timing-function: ease-in; + opacity: 1; + } + 69% { + transform: translateY(-3px); + animation-timing-function: ease-in; + opacity: 1; + } + 35%, + 63%, + 79%, + 100% { + transform: translateY(0px); + animation-timing-function: ease-out; + } +} + +@keyframes bounce-bot { + 30% { + transform: translateY(6px); + animation-timing-function: ease-in; + opacity: 1; + } + 52% { + transform: translateY(3px); + animation-timing-function: ease-in; + opacity: 1; + } + 69% { + transform: translateY(2px); + animation-timing-function: ease-in; + opacity: 1; + } + 100% { + transform: translateY(0px); + animation-timing-function: ease-out; + } +} + +.comment-write.collapsed +{ + animation: expand-reply .3s 1; +} + +@keyframes expand-reply +{ + 0% { opacity: .6; padding-top: 0px; height: 0px; overflow: hidden; } + 100% { opacity: 1;padding-top: 0px; height: 182px; overflow: hidden; } +} + +.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"; +} +.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; +} +.score { + color: var(--black); + font-size: 1.1rem; +} +.score-up { + color: var(--primary); + font-size: 1.1rem; + +} +.score-up-anim +{ + color: var(--primary); +} +.score-down { + color: #38B2AC !important; + font-size: 1.1rem; +} + +#voting .arrow-up, +.voting .arrow-up, +.voting .arrow-down +{ + display: block; +} + +.catalog .voting .arrow-up, +.catalog .voting .arrow-down +{ + display: inline-block; +} + + +.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, img[src^="/uid/"], img[src^="/pp/"]:not(img[alt^=":"]) { + 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-30 { + width: 30px; + height: 30px; + 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); +} + +.profile-pic-20-wrapper, +.profile-pic-30-wrapper, +.profile-pic-35-wrapper, +.profile-pic-50-wrapper, +.profile-pic-65-wrapper, +.profile-pic-75-wrapper, +.profile-pic-100-wrapper { + display: inline-block; + position: relative; + vertical-align: middle; +} + +.profile-pic-20-hat, +.profile-pic-30-hat, +.profile-pic-35-hat, +.profile-pic-50-hat, +.profile-pic-65-hat, +.profile-pic-75-hat, +.profile-pic-100-hat { + position: absolute; + left: 0; + bottom: 0; +} + +.profile-pic-20-wrapper { width: 20px; height: 20px; } +.profile-pic-30-wrapper { width: 30px; height: 30px; } +.profile-pic-35-wrapper { width: 35px; height: 35px; } +.profile-pic-50-wrapper { width: 50px; height: 50px; } +.profile-pic-65-wrapper { width: 65px; height: 65px; } +.profile-pic-75-wrapper { width: 75px; height: 75px; } +.profile-pic-100-wrapper { width: 100px; height: 100px; } +.profile-pic-20-hat { width: 20px; } +.profile-pic-30-hat { width: 30px; } +.profile-pic-35-hat { width: 35px; } +.profile-pic-50-hat { width: 50px; } +.profile-pic-65-hat { width: 65px; } +.profile-pic-75-hat { width: 75px; } +.profile-pic-100-hat { width: 100px; } + +@media (min-width: 767.98px) { + .profile-pic-20-hat { + bottom: -2.7px; + } +} + +.profile--pfp--hat { + margin-top: 20px; +} + +.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-thumbnail { + z-index: 3; + display: flex; + align-items: center; +} +.card-thumbnail > a { + position: relative; +} +.card-block { + position: relative; /* fixes stretched-link in card view */ +} +.card { + background-color: var(--gray-900); +} +#thread .card { + background-color: var(--background); +} +#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; + 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; +} +.sub-flair { + padding: 3px 5px 2px 5px; + border-radius: 5px; + color: white; + background-color: var(--primary); + margin-right: 3px; + font-weight: bold; +} +.sub-flair:hover { + color: var(--white); + text-decoration: none; +} +.post-meta-domain { + /* fixes very long domains overflowing submission_listing */ + display: inline-block; + max-width: 20em; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + vertical-align: middle; +} +#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, .post-actions button { + 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; +} +.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, .post-actions button:hover .fa, .post-actions a, .post-actions button: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: 900; + 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: auto; + margin-bottom: auto; +} + .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, .post-actions button { + color: var(--gray-100); + text-decoration: none; + text-transform: none; +} +.post-actions a, .post-actions button: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; + padding-top: 10px; +} +.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: 10px !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(--background); +} +.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, .ghostdiv { + 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-30 { + 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; + 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); +} +.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-95 { + width: 95% !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 { + 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; + width: 100%; + -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; + width: 25vw; + height: 35vh; + -o-object-fit: contain; + object-fit: contain; +} +@media (max-width: 767.98px) { + .gif-categories img { + height: 150px; + width: 100%; + } +} +.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) { + body { + padding-top: 72px; +} +} +.modal-backdrop.show +{ + background-color: rgba(33, 38, 45, .8); +} + +@media (max-width: 767.98px) { + html { + font-size: 14px; +} + .container { + overflow: hidden; + max-width: none; +} + body, #settings, #notifications, #submit { + background-color: var(--background); +} + #thread, #userpage { + background-color: var(--gray-600); +} + .custom-gutters, .user-gutters { + padding-left: 2px; + padding-right: 2px; +} + .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.6rem; +} + #thread, #submit { + background-color: var(--light); +} + #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; +} + #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; + padding-left: 3px; +} + .post-actions { + font-weight: 400; +} + .post-actions a, .post-actions button { + 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; +} + .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before { + font-size: 1.5rem; + color: var(--gray-200); + opacity: 1; + } + #voting .arrow-up, + .voting .arrow-up, + .voting .arrow-down + { + display: inline-block; + } + + .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; +} + .banner-pic-135 { + max-width: 100%; +} + .x-scroll-parent { + overflow: hidden; +} + .x-scroll { + width: 100%; + overflow-x: auto; + white-space: nowrap; + scrollbar-width: none; + -ms-overflow-style: none; +} + .x-scroll::-webkit-scrollbar { + width: 100%; + overflow-x: auto; + 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; +} +.banned { + background-color: #960000 !important; + border-left: 10px solid #ff0000 !important; +} +.deleted { + background-color: #4a4a15 !important; + border-left: 10px solid #4a4a15 !important; +} +.deleted.banned { + background-color: #964000 !important; + border-left: 10px solid #964000 !important; +} +.text-admin { + color: var(--primary); +} +.object-cover { + object-fit: cover; +} + +.spoiler, spoiler { + color: var(--white); + background-color: var(--white); + font-weight: 600 !important; + padding: 1px 3px 1px 3px; +} +.spoiler:hover, spoiler:hover { + color: var(--gray); +} +.spoiler img, spoiler img { + visibility: hidden; +} +.spoiler:hover img, spoiler:hover img { + visibility: visible; +} + +@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 { + padding: 0.75rem 0.6rem; + } + .settings-nav .nav-item:first-child:nth-last-child(6), + .settings-nav .nav-item:first-child:nth-last-child(6) ~ li { + font-size: 0.80rem; + } +} +@media (max-width: 320px) { + .settings-nav .nav-link { + padding: 0.75rem 0.4rem; + } +} +.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; + font-weight: 500; +} +.btn-lg { + border-color: transparent !important; +} +.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(--background) !important; +} +.text-info { + color: var(--primary) !important; +} +.patron { + padding: 2px 5px 3px 5px !important; + border-radius: 5px !important; + color: white !important; +} +.patron[style="background-color:#FFFFFF;"] { + color: black !important; +} +.container, .container-fluid { + background-color: var(--background) !important; +} +.btn { + background-color: var(--background) !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; + } + .directory--link { + width: 30%; + } +} +@media (min-width: 992px) { + .card-columns { + column-count: 9 !important; + } + .directory--link { + width: 23%; + min-height: 17vh; + display: flex; + } + .directory--link-content { + margin: auto; + } +} +.container, .container-fluid { + padding-bottom: 50px; +} +.navbar { + padding: 0.2rem 0 0 0.2rem; +} +@media (min-width: 767.98px) { + .navbar { + padding: 0.5rem 1.5rem 0.5rem 0.5rem; +} +} +@media (min-width: 767.98px) { + .modal-dialog { + max-width: 50%; + margin: 1.75rem auto !important; +} +} +.in-comment-image, .img, img[alt^="![]("], +.preview img:not(img[src*="/uid/"]):not(img[src*="/pp/"]):not(img[src$="/pic"]):not(img[src="/i/hand.webp"]):not(img[src*="/e/"]) { + max-height: 150px !important; + max-width: 100% !important; + border-radius: 0.2rem !important; + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + cursor: pointer; +} +video { + max-height: 50vh !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-yellow { + color: yellow !important; +} +.timeline-Widget { + max-height: 500px !important; + overflow-y: auto !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, img[alt^=":!"], img[alt^=":#!"], span[alt^=":!"], span[alt^=":#!"] { + 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 +} +.emj, .emoji, strong a img, img[alt^=":"]:not(img[b]):not(img[alt*="#"]) { + height: 40px !important; + width: 40px !important; +} +.bigemoji, .emoji-md, img[alt^=":"]:not(img[alt*="#"]) { + height: 60px; + width: 60px; +} +.bigemoji, .emoji-lg, img[alt^=":#"], img[alt^=":!#"] { + height: 150px; + width: 150px; +} +.emj, .emoji, .bigemoji, .emoji-md, .emoji-lg, img[alt^=":"] +{ + max-width: 150px !important; + max-height: 150px !important; + max-width: min(150px,25vw) !important; + max-height: min(150px,25vw) !important; + display: inline-block; + -o-object-fit: contain; + object-fit: contain; +} + +span[data-bs-toggle], .pat-preview { + position: relative; + display: inline-block; +} +img[src="/i/hand.webp"] { + position: absolute; + width: 90%; + height: 90%; + margin-top: -10%; + z-index: 1; +} +img[src="/i/hand.webp"]+img { + animation: pat-pfp-anim 0.3s infinite; + transform-origin: bottom center; + margin-top: 10%; + text-align: center; + object-fit: cover; +} +img[src="/i/hand.webp"]+img[src^="/pp/"], img[src="/i/hand.webp"]+img[src$="/pic"] { + border-radius: 50%; +} +@keyframes pat-pfp-anim { + 0% { transform: scale(1, 0.8) } + 50% { transform: scale(0.8, 1) } + 100% { transform: scale(1, 0.8) } +} + +/* Fix for
      being populated with

      2. in many contexts. */ +.post-body li > p:first-child, +.comment-text li > p:first-child, +.preview li > p:first-child, +div[id^="form-preview-"] li > p:first-child { + display: inline; +} + +.twitter-tweet { + margin-bottom: 9.8px; + padding-bottom: 7px; +} +.controversial { + color: #f27d0c !important; + font-weight: 800; +} +.agendaposter { + text-transform: uppercase !important; +} +code { + text-transform: none !important; +} +.noshadow { + box-shadow: none !important; +} +[role="button"], :not(textarea)[onclick] { + cursor: pointer !important; +} + +lite-youtube { + background-color: #000; + position: relative; + display: block; + contain: content; + background-position: center center; + background-size: cover; + cursor: pointer; + max-width: 720px; + margin-bottom: 1.3rem !important; +} + +.youtube_embed > lite-youtube { + margin: auto +} + +lite-youtube::before { + content: ''; + display: block; + position: absolute; + top: 0; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); + background-position: top; + background-repeat: repeat-x; + height: 60px; + padding-bottom: 50px; + width: 100%; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +lite-youtube::after { + content: ""; + display: block; + padding-bottom: calc(100% / (16 / 9)); +} +lite-youtube > iframe { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border: 0; +} + +lite-youtube > .lty-playbtn { + width: 100px; + height: 100px; + position: absolute; + cursor: pointer; + transform: translate3d(-50%, -50%, 0); + top: 50%; + left: 50%; + z-index: 1; + background-color: transparent; + background-image: url('/i/youtube.webp?v=2000'); + transition: filter .1s cubic-bezier(0, 0, 0.2, 1); + border: none; +} + +lite-youtube:hover > .lty-playbtn, +lite-youtube .lty-playbtn:focus { + filter: none; +} + +lite-youtube.lyt-activated { + cursor: unset; +} +lite-youtube.lyt-activated::before, +lite-youtube.lyt-activated > .lty-playbtn { + opacity: 0; + pointer-events: none; +} + +.lyt-visually-hidden { + clip: rect(0 0 0 0); + clip-path: inset(50%); + height: 1px; + overflow: hidden; + position: absolute; + white-space: nowrap; + width: 1px; + } + +.ytp-pause-overlay-controls-hidden .ytp-pause-overlay, ytp-pause-overlay ytp-scroll-min { + display: none!important; +} + +.overflow-x-auto { + overflow-x: auto !important; +} + +@media (max-width: 768px) { + .comment .comment-body .comment-text { + padding-top: 5px; + } + p { + margin-bottom: 7px; + } +} +@keyframes golden { + from {filter: sepia(1) saturate(2)} + to {filter: sepia(1) saturate(3) drop-shadow(-1px 1px 3px gold)} +} +img.golden, img[g]:not([data-src]) { + animation-name: golden !important; + animation-duration: 1s !important; + animation-iteration-count: infinite !important; + animation-direction: alternate !important; + animation-timing-function: linear !important; +} + + +@keyframes glowing { + from {filter: sepia(1) hue-rotate(80deg) saturate(2)} + to {filter: sepia(1) hue-rotate(80deg) saturate(5) drop-shadow(-1px 1px 3px lime)} +} + +img[glow]:not([data-src]) { + animation-name: glowing !important; + animation-duration: 1s !important; + animation-iteration-count: infinite !important; + animation-direction: alternate !important; + animation-timing-function: linear !important; +} + +.text-black { + color: var(--black); +} + +.bg-muted { + background-color: #6c757d !important; +} + +.srd { + width: 100%; + background-color: var(--primary); + padding: 2px; + text-align: center; + font-weight: bold; + white-space: nowrap; + color: white; + font-size: min(3vw,16px); +} +.srd *, .srd a:hover { + color: white; +} +#srd-discuss { + font-weight: normal; +} + +@media (max-width: 768px) { + .toast { + bottom: 5rem !important; + } +} + +.awards-wrapper input[type="radio"] { + display: none; +} + +.awards-wrapper a { + cursor: pointer; + padding: 15px !important; + text-align: center; + text-transform: none!important; +} + +.awards-wrapper a i { + font-size: 25px; +} + +.awards-wrapper a.disabled { + opacity: 0.6; +} + +.awards-wrapper a:hover:not(.disabled), .awards-wrapper .picked { + background-color: var(--primary)!important; +} + +.awards-wrapper input[type="radio"]:checked+a { + background-color: var(--primary)!important; +} + +.award-columns { + column-count: 2; +} + +.awardmodal { + max-width: 90% !important; + min-height: 90% !important; + max-height: 90% !important; + height: 90% !important; + margin: auto !important +} + +toast { + z-index: 7000 !important; +} + +@media (max-width: 464px) { + .awardbtn { + display:block; + margin-right:0 !important; + clear:both !important; + } +} + +html { + scroll-padding-top: 100px; +} +.comment .comment-body { + padding: 0px 0 0 0; +} +.comment-anchor { + padding: 1px; +} +.comment-anchor::before { + content: ''; + display: block; +} +.comment-anchor:target, .unread { + background: #ffffff22 !important; + padding: 12px; + padding-bottom: 4px; +} + +.mod { + padding: 2px 5px 3px 5px; + border-radius: 5px; + color:white!important; + background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet); + background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ); + text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black; +} + +.popover { + max-width: 50%; + box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175); + border-color: #dadada; +} + +@media (max-width: 991.98px) { + .popover { + max-width: 90% !important; + } +} + +.popover-arrow { + display: none !important; +} + +.popover-user-profile { + display: flex; + flex-direction: column; + padding: 0; + background: var(--gray-600); +} + +.popover-body { + padding: 0; + border-radius: .25rem; + overflow: hidden; +} + +.mt-n6 { + margin-top: -1.75rem !important; +} + +.h-64 { + height: 64px; +} + +.object-cover { + object-fit: cover; +} + +.smolbtn { + font-weight: 600; + font-size: .9rem; + border-radius: 0.2rem; + padding: 0.1rem 0.50rem 0rem 0.30rem; + background-color: var(--black) !important; +} + +.smol { + font-size: 11.5px; +} + +@media (max-width: 768px) { + .commentmob { + margin-top: 0.5rem !important; + } +} +.treasure { + margin-left: 10px; + margin-right: 3px; + margin-top: -2px; +} + +a.emojitab { + padding: 0.5rem 0.7rem !important; + font-size: 13px !important; +} + +.emoji2 { + background: None!important; + width:60px; + overflow: hidden; + border: none; +} + +.emoji2:focus { + border: 1px solid var(--primary) !important; +} + +.expandedimage { + width: fit-content; + width: -moz-fit-content; + max-width: 100% !important; +} + +.m-5 { + margin: 2.5rem !important; +} + +.notif-count { + background: red; + border-radius: 20%; + color: white; + padding: 2px 5px; + font-weight: 700; +} +li > .sidebar { + display: block !important; + max-width: 100% !important; +} + +.sidebar +{ + border-radius: 6px; + margin-top: 6px; +} + + +@media (max-width: 768px) { + .sorting { + padding-bottom: 0.5rem !important; + padding-right: 0.5rem; + } +} + +.self { + border-top:2px solid var(--primary); + border-bottom:2px solid var(--primary); +} + +.marsey { + max-width: 125px; + max-height: 125px; +} +@media (max-width: 768px) { + .marsey { + max-width: 60px; + max-height: 60px; + } +} + +.btn-dead:hover, .active.btn-dead:hover, .active.btn-dead { + border: 1px solid var(--primary)!important; +} + +.navsettings { + padding-left: 0.9rem !important; + padding-right: 0.9rem !important; +} + +@media (max-width: 768px) { + .table th { + padding-left: 0.3rem !important; + padding-right: 0.3rem !important; + } + .table td { + padding-left: 0.3rem !important; + padding-right: 0.3rem !important; + font-size: 0.9rem; + } + .marseybux { + font-size: 0.7rem !important; + } +} + +.shop-table-actions { + width: 13rem; +} + +.shop-table-actions a { + display: flex; +} + +.userbanner { + object-fit: cover !important; +} + +@media (max-width: 500px) { + .count { + display:block; + text-align: center; + } +} +th, td { + font-weight: 700; +} + +.fas { + text-align: center; +} + +.text-small-mobile { + font-size: min(3vw,14px) !important; +} +.text-white, th a { + color: #fff !important; +} +@media (max-width: 350px) { + .mobile-nav-icon { + padding: 0.25rem 0.5rem; + } + .settings-nav .nav-item { + font-size: 12px; + } +} + +.glow .post-title, .glow a, .glow .post-meta *, .glow .user-info *, .glow .comment-text, .glow .comment-actions *, .glow { + color:lightgreen !important; + text-shadow:1px 1px 1px darkgreen, 0 0 5px green; +} + +.glow .score-up, .glow .active.arrow-up::before, .glow .arrow-up::after, .glow .arrow-up:hover::before { + color: lime !important; +} + +.glow .score-down, .glow .active.arrow-down::before, .glow .arrow-down::after, .glow .arrow-down:hover::before { + color: lime !important; +} + +.glow .arrow-up::before, .glow .arrow-down::before, .glow .score { + color: lightgreen; +} + +.glow .post-body a, .glow .comment-text a { + text-decoration: underline; +} + +.text-green { + color: green !important; +} + +#profile--bio a, #profile-mobile--bio a { + overflow-wrap: break-word; +} + +#profile-content--nav .nav-link { + font-size: 0.85rem; + padding: 0.75rem 0.5rem; + text-align: center; +} + +@media (max-width: 464px) { + #profile-content--nav .nav-link { + font-size: 0.80rem; + padding: 0.75rem 0.25rem; + } +} + +.checkmark { + color: #1DA1F2 !important; +} + +audio, video { + max-width: 100%; +} + +.fa-manhole:before{content:"\e1d6"} + +/* Lottery */ +.lottery-page--wrapper { + display: flex; + align-items: center; + justify-content: center; +} + +.lottery-page--wrapper > div { + width: 400px; +} + +.lottery-page--image { + max-width: 400px; + height: 400px; + margin-right: 1rem; + margin-bottom: 0; + display: flex; + align-items: center; + justify-content: center; + position: relative; +} + +.lottery-page--image > img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.lottery-page--action { + border-width: 2px; + font-size: 1.4rem; +} + +.lottery-page--stats { + display: flex; + flex-direction: column; + align-items: stretch; + justify-content: flex-end; + flex: 1; + margin-left: 2rem; + max-width: 500px; +} + +.lottery-page--stat { + display: flex; + align-items: center; + justify-content: space-between; + background-color: var(--gray); + border: 1px solid var(--black); + border-radius: 8px; + padding: 1rem; + margin-bottom: 1rem; +} + +.lottery-page--stat-keys { + color: var(--black); + font-variant: small-caps; + font-weight: bold; +} + +.lottery-page--stat-values { + text-align: right; +} + + +@media screen and (max-width: 1680px) { + .lottery-page--image { + margin-right: 0; + margin-bottom: 2rem; + } + + .lottery-page--content { + width: 440px; + min-width: 0; + } + + .lottery-page--wrapper { + flex-direction: column; + justify-content: center; + } + + .lottery-page--action { + margin-bottom: 1rem; + } + + .lottery-page--stats { + margin-left: 0; + width: 300px; + flex-direction: column-reverse; + } + + .lottery-page--dialog { + min-width: 440px !important; + } +} + +@media screen and (max-width: 464px) { + .lottery-page--image { + margin-right: 0; + margin-bottom: 2rem; + } + + .lottery-page--content { + width: 440px; + min-width: 0; + } + + .lottery-page--wrapper { + flex-direction: column; + justify-content: center; + padding: 2rem; + } + + .lottery-page--wrapper > div + { + width: 300px; + height: 300px; + } + + .lottery-page--action { + margin-bottom: 1rem; + } + + .lottery-page--stats { + margin-left: 0; + width: 300px; + flex-direction: column-reverse; + } + + .lottery-page--dialog { + min-width: 440px !important; + } +} + +#header--icon { + height: 33px; +} + +#header--username { + padding-left: 5px; +} + +.header--currency { + font-size: 12px; + line-height: 13px; + display: inline-block; +} + +.header--currency img { + max-height: 13px; +} + + +#header--dropdown, #header--dropdown-menu { + min-width: 12.5em; +} + +#sidebar-content { + max-width: 300px; + padding-bottom: 15rem; +} + +.sidebar-link { + display: inline; + padding: 0rem 0.60rem 1rem 0.60rem; + font-size: 1rem; + color: var(--black); +} +.sidebar-link:hover, .sidebar-link:focus { + text-decoration: none; + color: var(--black); +} + +#sidebar--counter--total, +#sidebar--counter--flavor, +#sidebar--counter--loggedin { + font-size: 1.1rem; +} + +#sidebar--counter--admin { + display: block; + text-align: center; + font-size: 0.9rem; +} + +.sidebar--heading { + font-size: 1.4rem; + margin-bottom: 1rem; + text-align: center; + text-decoration: underline; + text-transform: uppercase; +} + +#sidebar--rules--list { + padding-left: 0; + font-size: 0.95rem; +} + +#sidebar-wpd--flairs { + display: grid; + align-items: center; + grid-template-columns: repeat(3, 1fr); + margin-bottom: 2rem; + grid-gap: 1px; +} + +#sidebar-wpd--flairs a { + padding: 5px 5px 4px 5px; + text-align: center; + color: var(--muted); + background-color: var(--background); + box-shadow: 0 0 0 1px var(--primary); +} + +#sidebar-wpd--flairs a:hover { + color: #fff; + text-decoration: none; +} + +#sidebar-lgb--host-notice img { + display: block; + margin: 1.5rem auto 1rem auto; +} +#sidebar-lgb--host-notice a { + display: block; + text-align: center; +} + +#sidebar--directory--head { + display: block; + font-size: 1.35rem; +} + +#sidebar--directory--subhead { + display: block; + font-size: 0.85rem; +} + +#directory--wrapper { + margin: 2rem 0rem; + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.directory--link { + height: 100%; + padding: 1rem; + margin: 0.5rem; + border: 1px solid var(--gray); + border-radius: 0.4rem; + background-color: var(--gray-700); + text-align: center; + vertical-align: top; +} + +.directory--link--icon { + font-size: 2rem; + text-shadow: + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; +} + +.directory--link--title { + padding-top: 0.5rem; + font-size: 1.15rem; + font-weight: bold; + color: var(--black); + text-transform: uppercase; +} + +.directory--link--description { + font-size: 0.9rem; + color: var(--black); +} + +.gif-categories { + column-count: 4 !important +} + +@media (max-width: 768px) { + .gif-categories { + column-count: 1 !important + } +} + +g { + color: #209920 !important +} + +.ext-link { + position:absolute; + bottom: 0; + right: 0; + font-size:14px; + color:white; + background-color:var(--primary); + padding:3px; + border-radius:.35rem; +} + +/* ------- Font Awesome ------- */ +@font-face{ + font-family:"Font Awesome 6 Pro"; + font-style:normal; + font-weight:400; + font-display:block; + src:url(../fonts/fa-regular-400.woff2) format("woff2"), + url(../fonts/fa-regular-400.ttf) format("truetype") +} +@font-face{ + font-family:"Font Awesome 6 Pro"; + font-style:normal; + font-weight:900; + font-display:block; + src:url(../fonts/fa-solid-900.woff2) format("woff2"), + url(../fonts/fa-solid-900.ttf) format("truetype") +} +@font-face{ + font-family:"Font Awesome 6 Pro"; + font-style:normal; + font-weight:100; + font-display:block; + src:url(../fonts/fa-thin-100.woff2) format("woff2"), + url(../fonts/fa-thin-100.ttf) format("truetype") +} +@font-face{ + font-family:"Font Awesome 5 Brands"; + font-display:block; + font-weight:400; + src:url(../fonts/fa-brands-400.woff2) format("woff2"), + url(../fonts/fa-brands-400.ttf) format("truetype") +} +@font-face{ + font-family:"Font Awesome 5 Pro"; + font-display:block; + font-weight:900; + src:url(../fonts/fa-solid-900.woff2) format("woff2"), + url(../fonts/fa-solid-900.ttf) format("truetype") +} +@font-face{ + font-family:"Font Awesome 5 Pro"; + font-display:block; + font-weight:400; + src:url(../fonts/fa-regular-400.woff2) format("woff2"), + url(../fonts/fa-regular-400.ttf) format("truetype") +} +@font-face{ + font-family:"Font Awesome 5 Pro"; + font-display:block; + font-weight:300; + src:url(../fonts/fa-light-300.woff2) format("woff2"), + url(../fonts/fa-light-300.ttf) format("truetype") +} +@font-face{ + font-family:"Font Awesome 5 Duotone"; + font-display:block; + font-weight:900; + src:url(../fonts/fa-duotone-900.woff2) format("woff2"), + url(../fonts/fa-duotone-900.ttf) format("truetype") +} +@font-face{ + font-family:"FontAwesome"; + font-display:block; + src:url(../fonts/fa-solid-900.woff2) format("woff2"), + url(../fonts/fa-solid-900.ttf) format("truetype") +} +@font-face{ + font-family:"FontAwesome"; + font-display:block; + src:url(../fonts/fa-brands-400.woff2) format("woff2"), + url(../fonts/fa-brands-400.ttf) format("truetype") +} +@font-face{ + font-family:"FontAwesome"; + font-display:block; + src:url(../fonts/fa-regular-400.woff2) format("woff2"), + url(../fonts/fa-regular-400.ttf) format("truetype"); + unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044, + u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0, + u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115, + u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192, + u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a, + u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7, + u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc; +} +@font-face{ + font-family:"FontAwesome"; + font-display:block; + src:url(../fonts/fa-v4compatibility.woff2) format("woff2"), + url(../fonts/fa-v4compatibility.ttf) format("truetype"); + unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac, + u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c, + u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a; +} +@font-face{ + font-family:"Font Awesome 6 Pro"; + font-style:normal; + font-weight:300; + font-display:block; + src:url(../fonts/fa-light-300.woff2) format("woff2"), + url(../fonts/fa-light-300.ttf) format("truetype"); +} +@font-face{ + font-family:"Font Awesome 6 Brands"; + font-style:normal;font-weight:400; + font-display:block; + src:url(../fonts/fa-brands-400.woff2) format("woff2"), + url(../fonts/fa-brands-400.ttf) format("truetype"); +} +@font-face{ + font-family:"Font Awesome 6 Duotone"; + font-style:normal;font-weight:900; + font-display:block; + src:url(../fonts/fa-duotone-900.woff2) format("woff2"), + url(../fonts/fa-duotone-900.ttf) format("truetype"); +} + +:root{ + --fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"; + --fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"; + --fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"; + --fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"; + --fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"; + --fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"; +} +.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)} +.fas{font-family:"Font Awesome 6 Pro";font-weight:900} +.far{font-family:"Font Awesome 6 Pro";font-weight:400} +.fal{font-family:"Font Awesome 6 Pro";font-weight:300} +.fab{font-family:"Font Awesome 6 Brands";font-weight:400} +.fad{ + position:relative; + font-family:"Font Awesome 6 Duotone"; + font-weight:900; + letter-spacing:normal; +} +.fad:before{ + position:absolute; + color:var(--fa-primary-color,inherit); + opacity:var(--fa-primary-opacity,1); +} +.fad:after{ + color:var(--fa-secondary-color,inherit); +} +.fad:after{ + opacity:var(--fa-secondary-opacity,.4); +} +.fa,.fab,.fad,.fal,.far,.fas{ + -moz-osx-font-smoothing:grayscale; + -webkit-font-smoothing:antialiased; + display:var(--fa-display,inline-block); + font-style:normal; + font-variant:normal; + line-height:1; + text-rendering:auto; +} + +.fa-2x{font-size:2em} +.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em} +.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em} +.fa-fw{text-align:center;width:1.25em} +.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)} +.fa-stack{ + display:inline-block; + height:2em; + line-height:2em; + position:relative; + vertical-align:middle; + width:2.5em; +} +.fa-stack-1x,.fa-stack-2x{ + left:0; + position:absolute; + text-align:center; + width:100%; + z-index:var(--fa-stack-z-index,auto); +} +.fa-stack-1x{line-height:inherit} +.fa-stack-2x{font-size:2em} + +.fa-align-left:before{content:"\f036"} +.fa-long-arrow-left:before{content:"\f177"} +.fa-arrow-right:before{content:"\f061"} +.fa-sign-out:before{content:"\f08b"} +.fa-long-arrow-right:before{content:"\f178"} +.fa-arrows-v:before{content:"\f07d"} +.fa-award:before{content:"\f559"} +.fa-badge:before{content:"\f335"} +.fa-badge-check:before{content:"\f336"} +.fa-ban:before{content:"\f05e"} +.fa-bars:before{content:"\f0c9"} +.fa-bell:before{content:"\f0f3"} +.fa-bold:before{content:"\f032"} +.fa-book:before{content:"\f02d"} +.fa-book-open:before{content:"\f518"} +.fa-book-dead:before{content:"\f6b7"} +.fa-broom:before{content:"\f51a"} +.fa-bug:before{content:"\f188"} +.fa-bullhorn:before{content:"\f0a1"} +.fa-calendar:before{content:"\f133"} +.fa-calendar-day:before{content:"\f783"} +.fa-calendar-alt:before{content:"\f073"} +.fa-calendar-week:before{content:"\f784"} +.fa-campfire:before{content:"\f6ba"} +.fa-candy-cane:before{content:"\f786"} +.fa-car-tilt:before{content:"\f5e5"} +.fa-cat:before{content:"\f6be"} +.fa-check:before{content:"\f00c"} +.fa-circle:before{content:"\f111"} +.fa-check-circle:before{content:"\f058"} +.fa-arrow-alt-circle-down:before{content:"\f358"} +.fa-exclamation-circle:before{content:"\f06a"} +.fa-info-circle:before{content:"\f05a"} +.fa-radiation-alt:before{content:"\f7ba"} +.fa-arrow-alt-circle-up:before{content:"\f35b"} +.fa-user-circle:before{content:"\f2bd"} +.fa-times-circle:before{content:"\f057"} +.fa-clipboard:before{content:"\f328"} +.fa-clipboard-check:before{content:"\f46c"} +.fa-clock:before{content:"\f017"} +.fa-history:before{content:"\f1da"} +.fa-code:before{content:"\f121"} +.fa-comment:before{content:"\f075"} +.fa-comment-dots:before{content:"\f4ad"} +.fa-comments:before{content:"\f086"} +.fa-copy:before{content:"\f0c5"} +.fa-crown:before{content:"\f521"} +.fa-dice-six:before{content:"\f526"} +.fa-dollar-sign:before{content:"\24"} +.fa-arrow-alt-down:before{content:"\f354"} +.fa-compress-alt:before{content:"\f422"} +.fa-ellipsis-h:before{content:"\f141"} +.fa-envelope:before{content:"\f0e0"} +.fa-envelope-open-text:before{content:"\f658"} +.fa-eye:before{content:"\f06e"} +.fa-eye-evil:before{content:"\f6db"} +.fa-eye-slash:before{content:"\f070"} +.fa-angry:before{content:"\f556"} +.fa-frown:before{content:"\f119"} +.fa-grin-beam-sweat:before{content:"\f583"} +.fa-laugh-squint:before{content:"\f59b"} +.fa-smile-beam:before{content:"\f5b8"} +.fa-feather-alt:before{content:"\f56b"} +.fa-file-signature:before{content:"\f573"} +.fa-filter:before{content:"\f0b0"} +.fa-fire:before{content:"\f06d"} +.fa-fireplace:before{content:"\f79a"} +.fa-fish:before{content:"\f578"} +.fa-flag:before{content:"\f024"} +.fa-flag-usa:before{content:"\f74d"} +.fa-save:before{content:"\f0c7"} +.fa-gavel:before{content:"\f0e3"} +.fa-cog:before{content:"\f013"} +.fa-ghost:before{content:"\f6e2"} +.fa-gift:before{content:"\f06b"} +.fa-gingerbread-man:before{content:"\f79d"} +.fa-globe:before{content:"\f0ac"} +.fa-golf-club:before{content:"\f451"} +.fa-home-alt:before{content:"\f015"} +.fa-id-badge:before{content:"\f2c1"} +.fa-id-card:before{content:"\f2c2"} +.fa-image:before{content:"\f03e"} +.fa-infinity:before{content:"\f534"} +.fa-italic:before{content:"\f033"} +.fa-knife-kitchen:before{content:"\f6f5"} +.fa-lights-holiday:before{content:"\f7b2"} +.fa-link:before{content:"\f0c1"} +.fa-lock:before{content:"\f023"} +.fa-lock-alt:before{content:"\f30d"} +.fa-search:before{content:"\f002"} +.fa-memory:before{content:"\f538"} +.fa-comment-alt-smile:before{content:"\f4aa"} +.fa-microphone-stand:before{content:"\f8cb"} +.fa-palette:before{content:"\f53f"} +.fa-edit:before{content:"\f044"} +.fa-pizza-slice:before{content:"\f818"} +.fa-poop:before{content:"\f619"} +.fa-quote-right:before{content:"\f10e"} +.fa-reply:before{content:"\f3e5"} +.fa-robot:before{content:"\f544"} +.fa-sack-dollar:before{content:"\f81d"} +.fa-scroll-old:before{content:"\f70f"} +.fa-seedling:before{content:"\f4d8"} +.fa-shield:before{content:"\f132"} +.fa-random:before{content:"\f074"} +.fa-smoke:before{content:"\f760"} +.fa-snooze:before{content:"\f880"} +.fa-snowflake:before{content:"\f2dc"} +.fa-sparkles:before{content:"\f890"} +.fa-ticket:before{content:"\f145"} +.fa-cards:before{content:"\e3ed"} +.fa-spider:before{content:"\f717"} +.fa-square:before{content:"\f0c8"} +.fa-stocking:before{content:"\f7d5"} +.fa-store:before{content:"\f54e"} +.fa-columns:before{content:"\f0db"} +.fa-thumbtack:before{content:"\f08d"} +.fa-train:before{content:"\f238"} +.fa-trash-alt:before{content:"\f2ed"} +.fa-exclamation-triangle:before{content:"\f071"} +.fa-trophy:before{content:"\f091"} +.fa-arrow-alt-up:before{content:"\f357"} +.fa-expand-alt:before{content:"\f424"} +.fa-external-link-alt:before{content:"\f35d"} +.fa-user:before{content:"\f007"} +.fa-user-crown:before{content:"\f6a4"} +.fa-user-cog:before{content:"\f4fe"} +.fa-user-friends:before{content:"\f500"} +.fa-user-lock:before{content:"\f502"} +.fa-user-minus:before{content:"\f503"} +.fa-user-plus:before{content:"\f234"} +.fa-user-slash:before{content:"\f506"} +.fa-user-tag:before{content:"\f507"} +.fa-user-times:before{content:"\f235"} +.fa-users:before{content:"\f0c0"} +.fa-volume:before{content:"\f6a8"} +.fa-volume-mute:before{content:"\f6a9"} +.fa-times:before{content:"\f00d"} +.fa-android:before{content:"\f17b"} +.fa-discord:before{content:"\f392"} +.fa-github:before{content:"\f09b"} +.fa-twitter:before{content:"\f099"} +.fa-head-side:before{content:"\f6e9"} +.fa-crab:before{content:"\e3ff"} +.fa-socks:before{content:"\f696"} +.fa-arrow-up:before{content:"\f062"} +.fa-tag:before{content:"\f02b"} +.fa-messages:before{content:"\f4b6"} +.fa-user-secret:before{content:"\f21b"} +.fa-gas-pump-slash:before{content:"\f5f4"} +.fa-gas-pump:before{content:"\f52f"} +.fa-hammer-crash:before{content:"\e414"} +.fa-music:before{content:"\f001"} +.fa-arrow-rotate-right:before{content:"\f01e"} +.fa-columns-3:before{content:"\e361"} +.fa-bahai:before{content:"\f666"} +.fa-party-horn:before{content:"\e31b"} +.fa-pinata:before{content:"\e3c3"} +.fa-file:before{content:"\f15b"} +.fa-box-open:before{content:"\f49e"} +.fa-eyes:before{content:"\e367"} +.fa-hexagon:before{content:"\f312"} +.fa-arrow-right-arrow-left:before{content:"\f0ec"} +.fa-coins:before{content:"\f51e"} +.fa-bell-slash:before{content:"\f1f6"} +.fa-chart-network:before{content:"\f78a"} +.fa-square-share-nodes:before{content:"\f1e1"} +.fa-sidebar:before{content:"\e24e"} +.fa-panorama:before{content:"\e209"} +.fa-external-link:before{content:"\f08e"} +.fa-circle-info:before{content:"\f05a"} +.fa-comment-question:before{content:"\e14b"} +.fa-sitemap:before{content:"\f0e8"} +.fa-grid:before{content:"\e195"} +.fa-x:before{content:"\58"} +.fa-paw-simple:before{content:"\f701"} +.fa-bat:before{content:"\f6b5"} +.fa-star-of-david:before{content:"\f69a"} +.fa-hat-cowboy:before{content:"\f8c0"} +.fa-cloud-rainbow:before{content:"\f73e"} +.fa-telegram:before{content:"\f2c6"} +.fa-css3-alt:before{content:"\f38b"} +.fa-landscape:before{content:"\e1b5"} +.fa-user-ninja:before{content:"\f504"} + +.pronouns { + font-size: 9px; + margin-left: 0.25rem; + font-weight: 700; + padding: 2px 5px 3px 5px; + border-radius: 5px; + color: white; + border: 2px solid transparent; +} + +@media (max-width: 767.98px) { + .pronouns, .patron, .mod { + padding: 2px 5px !important; + } +} + +.post-preview { + padding: 11px 14px 0 14px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; +} + + +@media (max-width: 767.98px) { + .post-preview { + padding: 7px 9px 2px 9px !important; + } +} + +.showmore { + width: 99%; + padding: 5px; + margin: 5px 1px; + border-radius: 5px; + color:white!important; + background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet); + background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ); + text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black; + font-weight: 600; + border: 2px solid var(--primary); + font-size: 20px; +} + +@media (max-width: 370px) { + .smol-fp { + font-size: 0.9rem; + } +} + +@media (max-width: 345px) { + .smol-fp { + font-size: 0.7rem; + } +} + +.emoji-option { + vertical-align: text-top; +} + +.btn:active { + opacity: 0.65; +} + +@media (max-width: 767.98px) { + .post-actions { + margin-top: -5px; + } +} + +.ghostdiv +{ + display: block; + white-space: pre-wrap; + word-break: break-word; + /* Attempt to copy the textarea/input padding */ + padding: 15px; +} + +#speed-carot-modal +{ + background-color: var(--gray-700); + max-height: 500px; + overflow-y: auto; + overflow-x: hidden; + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.3); + box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); + z-index:999; +} + +#speed-carot-modal .speed-modal-option +{ + border-bottom: 1px solid #606060; + padding: 4px; + cursor: pointer; +} + +#speed-carot-modal .speed-modal-option:hover, +#speed-carot-modal .speed-modal-option:focus, +#speed-carot-modal .speed-modal-option.selected +{ + background-color: rgba(255, 255, 255, 0.2); +} + + +#speed-carot-modal .speed-modal-image +{ + object-fit: contain; + width: 30px; + height: 30px; +} + +#speed-carot-modal .speed-modal-option span +{ + overflow: hidden; + display: inline-block; + vertical-align: middle; + margin-left: 10px; + margin-right: 10px; +} + +.rainbow-text:not(a) { + background-image: repeating-linear-gradient(135deg, violet, rgb(178, 94, 238), lightblue, green, yellow, orange, #ff7f7f 50%) !important; + color: transparent !important; + background-clip: text !important; + -webkit-background-clip: text !important; + font-weight: 700 !important; +} + +.rainbow-text:not(a) > p { + color: transparent !important; +} + +.btn-rainbow { + color:white !important; + background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet) !important; + background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ) !important; + text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black !important; +} + +.modal .comment-actions a { + font-weight: 600; +} + +div.custom-control:last-of-type { + margin-bottom: 1rem; +} + +@media (max-width: 768px) { + div.custom-control:last-of-type { + margin-bottom: 7px; + } +} + +.dropdown-menu button.searchparam { + color: var(--gray-100); + text-decoration: none; + text-transform: none; + background-color: transparent; + border: 2px solid gray; + border-radius: 3px; + padding: 6px; + width: 150px; +} + + + +blockquote { + border-left: 2px solid var(--primary); + color: var(--black); + font-size: 1rem; + font-weight: 400; + background-color: #46444a; + padding: 0 1rem; + margin: 1rem 0 0 0; +} +div > blockquote:last-child { + margin-bottom: 1rem !important; +} +blockquote + :not(blockquote) { + margin-top: 1rem; +} +blockquote > :not(blockquote) { + margin-bottom: 0; + padding-bottom: 0.7rem; + padding-top: 0.7rem; +} +blockquote + blockquote, div > blockquote:first-child, blockquote:last-child { + margin-top: 0 !important; +} + + + +#searchparams-dropdown { + z-index: 100; +} +.contain { + -o-object-fit: contain; + object-fit: contain; +} +.text-gray { + color: gray !important; +} +div.markdown { + height: auto; + white-space: pre-wrap; +} +@media (max-width: 768px) or (min-width: 992px) { + #sidebar-btn { + display: None !important; + } +} +.table th, .table td { + vertical-align: middle; +} + +.directory--link:focus, .directory--link:active, .directory--link:hover { + border: 1px solid var(--primary); + text-decoration: none; +} + +.directory--link:hover * { + color: var(--primary) !important; +} + +::-webkit-input-placeholder { + opacity: 0.7 !important; +} + +.text-brown { + color: #433722; +} + +.live-circle { + animation: blinker 4s infinite; +} + +@keyframes blinker { + from { color: var(--gray-200) } + 50% { color:red } + to { color: var(--gray-200) } +} + +.distribute { + font-size:10px; + padding: 2px 0.5rem !important; + margin: 0 0.5rem !important; +} + +.bug { + pointer-events: none !important; +} + +@media (min-width: 768px) { + .expandedimage { + max-width: 80% !important; + } + #speed-carot-modal .speed-modal-image + { + width: 50px; + height: 50px; + } } \ No newline at end of file diff --git a/files/routes/votes.py b/files/routes/votes.py index caba2ee9c..f98204a9d 100644 --- a/files/routes/votes.py +++ b/files/routes/votes.py @@ -1,193 +1,193 @@ -from files.helpers.wrappers import * -from files.helpers.get import * -from files.helpers.const import * -from files.classes import * -from flask import * -from files.__main__ import app, limiter, cache - -@app.get("/votes/") -@admin_level_required(PERMS['VOTES_VISIBLE']) -def vote_info_get(v, link): - try: - if "p_" in link: thing = get_post(int(link.split("p_")[1]), v=v) - elif "c_" in link: thing = get_comment(int(link.split("c_")[1]), v=v) - else: abort(400) - except: abort(400) - - if thing.ghost and v.id != AEVANN_ID: abort(403) - - if isinstance(thing, Submission): - if thing.author.shadowbanned and not (v and v.admin_level): - thing_id = g.db.query(Submission.id).filter_by(upvotes=thing.upvotes, downvotes=thing.downvotes).order_by(Submission.id).first()[0] - else: thing_id = thing.id - - ups = g.db.query(Vote).filter_by(submission_id=thing_id, vote_type=1).order_by(Vote.created_utc).all() - - downs = g.db.query(Vote).filter_by(submission_id=thing_id, vote_type=-1).order_by(Vote.created_utc).all() - - elif isinstance(thing, Comment): - if thing.author.shadowbanned and not (v and v.admin_level): - thing_id = g.db.query(Comment.id).filter_by(upvotes=thing.upvotes, downvotes=thing.downvotes).order_by(Comment.id).first()[0] - else: thing_id = thing.id - - ups = g.db.query(CommentVote).filter_by(comment_id=thing_id, vote_type=1).order_by(CommentVote.created_utc).all() - - downs = g.db.query(CommentVote).filter_by(comment_id=thing_id, vote_type=-1 ).order_by(CommentVote.created_utc).all() - - else: abort(400) - - return render_template("votes.html", - v=v, - thing=thing, - ups=ups, - downs=downs) - - -@app.post("/vote/post//") -@limiter.limit("5/second;60/minute;1000/hour;2000/day") -@limiter.limit("5/second;60/minute;1000/hour;2000/day", key_func=lambda:f'{SITE}-{session.get("lo_user")}') -@is_not_permabanned -def vote_post(post_id, new, v): - - if new == "-1" and DISABLE_DOWNVOTES: return {"error": "forbidden."}, 403 - - if new not in ["-1", "0", "1"]: abort(400) - - if request.headers.get("Authorization") and v.id != BBBB_ID: abort(403) - - new = int(new) - - post = get_post(post_id) - - coin_delta = 1 - if v.id == post.author.id: - coin_delta = 0 - - coin_mult = 1 - - g.db.flush() - existing = g.db.query(Vote).filter_by(user_id=v.id, submission_id=post.id).one_or_none() - - if DOUBLE_XP_ENABLED > 0: - if not existing and int(time.time()) > DOUBLE_XP_ENABLED: - coin_mult = 2 - elif existing and existing.created_utc > DOUBLE_XP_ENABLED: - coin_mult = 2 - - if existing and existing.vote_type == new: return "", 204 - - if existing: - if existing.vote_type == 0 and new != 0: - post.author.coins += coin_delta * coin_mult - post.author.truecoins += coin_delta - g.db.add(post.author) - existing.vote_type = new - g.db.add(existing) - elif existing.vote_type != 0 and new == 0: - post.author.coins -= coin_delta * coin_mult - post.author.truecoins -= coin_delta - g.db.add(post.author) - g.db.delete(existing) - else: - existing.vote_type = new - g.db.add(existing) - elif new != 0: - post.author.coins += coin_delta * coin_mult - post.author.truecoins += coin_delta - g.db.add(post.author) - - if new == 1 and (v.agendaposter or v.shadowbanned or (v.is_banned and not v.unban_utc) or (v.profile_url.startswith('/e/') and not v.customtitle and v.namecolor == DEFAULT_COLOR)): real = False - else: real = True - - vote = Vote(user_id=v.id, - vote_type=new, - submission_id=post_id, - app_id=v.client.application.id if v.client else None, - real = real - ) - g.db.add(vote) - - g.db.flush() - post.upvotes = g.db.query(Vote).filter_by(submission_id=post.id, vote_type=1).count() - post.downvotes = g.db.query(Vote).filter_by(submission_id=post.id, vote_type=-1).count() - post.realupvotes = g.db.query(Vote).filter_by(submission_id=post.id, real=True).count() - - if post.author.progressivestack \ - or post.sub in ('space','istory','dinos') \ - or post.domain.endswith('.win'): - post.realupvotes *= 2 - - g.db.add(post) - return "", 204 - -@app.post("/vote/comment//") -@limiter.limit("5/second;60/minute;1000/hour;2000/day") -@limiter.limit("5/second;60/minute;1000/hour;2000/day", key_func=lambda:f'{SITE}-{session.get("lo_user")}') -@is_not_permabanned -def vote_comment(comment_id, new, v): - - if new == "-1" and DISABLE_DOWNVOTES: return {"error": "forbidden."}, 403 - - if new not in ["-1", "0", "1"]: abort(400) - - if request.headers.get("Authorization") and v.id != BBBB_ID: abort(403) - - new = int(new) - comment = get_comment(comment_id) - - coin_delta = 1 - if v.id == comment.author_id: - coin_delta = 0 - - coin_mult = 1 - - g.db.commit() - existing = g.db.query(CommentVote).filter_by(user_id=v.id, comment_id=comment.id).one_or_none() - - if DOUBLE_XP_ENABLED > 0: - if not existing and int(time.time()) > DOUBLE_XP_ENABLED: - coin_mult = 2 - elif existing and existing.created_utc > DOUBLE_XP_ENABLED: - coin_mult = 2 - - if existing and existing.vote_type == new: return "", 204 - - if existing: - if existing.vote_type == 0 and new != 0: - comment.author.coins += coin_delta * coin_mult - comment.author.truecoins += coin_delta - g.db.add(comment.author) - existing.vote_type = new - g.db.add(existing) - elif existing.vote_type != 0 and new == 0: - comment.author.coins -= coin_delta * coin_mult - comment.author.truecoins -= coin_delta - g.db.add(comment.author) - g.db.delete(existing) - else: - existing.vote_type = new - g.db.add(existing) - elif new != 0: - comment.author.coins += coin_delta * coin_mult - comment.author.truecoins += coin_delta - g.db.add(comment.author) - - if new == 1 and (v.agendaposter or v.shadowbanned or (v.is_banned and not v.unban_utc) or (v.profile_url.startswith('/e/') and not v.customtitle and v.namecolor == DEFAULT_COLOR)): real = False - else: real = True - - vote = CommentVote(user_id=v.id, - vote_type=new, - comment_id=comment_id, - app_id=v.client.application.id if v.client else None, - real=real - ) - - g.db.add(vote) - - g.db.commit() - comment.upvotes = g.db.query(CommentVote).filter_by(comment_id=comment.id, vote_type=1).count() - comment.downvotes = g.db.query(CommentVote).filter_by(comment_id=comment.id, vote_type=-1).count() - comment.realupvotes = g.db.query(CommentVote).filter_by(comment_id=comment.id, real=True).count() - if comment.author.progressivestack: comment.realupvotes *= 2 - g.db.add(comment) - return "", 204 +from files.helpers.wrappers import * +from files.helpers.get import * +from files.helpers.const import * +from files.classes import * +from flask import * +from files.__main__ import app, limiter, cache + +@app.get("/votes/") +@admin_level_required(PERMS['VOTES_VISIBLE']) +def vote_info_get(v, link): + try: + if "p_" in link: thing = get_post(int(link.split("p_")[1]), v=v) + elif "c_" in link: thing = get_comment(int(link.split("c_")[1]), v=v) + else: abort(400) + except: abort(400) + + if thing.ghost and v.id != AEVANN_ID: abort(403) + + if isinstance(thing, Submission): + if thing.author.shadowbanned and not (v and v.admin_level): + thing_id = g.db.query(Submission.id).filter_by(upvotes=thing.upvotes, downvotes=thing.downvotes).order_by(Submission.id).first()[0] + else: thing_id = thing.id + + ups = g.db.query(Vote).filter_by(submission_id=thing_id, vote_type=1).order_by(Vote.created_utc).all() + + downs = g.db.query(Vote).filter_by(submission_id=thing_id, vote_type=-1).order_by(Vote.created_utc).all() + + elif isinstance(thing, Comment): + if thing.author.shadowbanned and not (v and v.admin_level): + thing_id = g.db.query(Comment.id).filter_by(upvotes=thing.upvotes, downvotes=thing.downvotes).order_by(Comment.id).first()[0] + else: thing_id = thing.id + + ups = g.db.query(CommentVote).filter_by(comment_id=thing_id, vote_type=1).order_by(CommentVote.created_utc).all() + + downs = g.db.query(CommentVote).filter_by(comment_id=thing_id, vote_type=-1 ).order_by(CommentVote.created_utc).all() + + else: abort(400) + + return render_template("votes.html", + v=v, + thing=thing, + ups=ups, + downs=downs) + + +@app.post("/vote/post//") +@limiter.limit("5/second;60/minute;1000/hour;2000/day") +@limiter.limit("5/second;60/minute;1000/hour;2000/day", key_func=lambda:f'{SITE}-{session.get("lo_user")}') +@is_not_permabanned +def vote_post(post_id, new, v): + + if new == "-1" and DISABLE_DOWNVOTES: return {"error": "forbidden."}, 403 + + if new not in ["-1", "0", "1"]: abort(400) + + if request.headers.get("Authorization") and v.id != BBBB_ID: abort(403) + + new = int(new) + + post = get_post(post_id) + + coin_delta = 1 + if v.id == post.author.id: + coin_delta = 0 + + coin_mult = 1 + + g.db.flush() + existing = g.db.query(Vote).filter_by(user_id=v.id, submission_id=post.id).one_or_none() + + if DOUBLE_XP_ENABLED > 0: + if not existing and int(time.time()) > DOUBLE_XP_ENABLED: + coin_mult = 2 + elif existing and existing.created_utc > DOUBLE_XP_ENABLED: + coin_mult = 2 + + if existing and existing.vote_type == new: return "", 204 + + if existing: + if existing.vote_type == 0 and new != 0: + post.author.coins += coin_delta * coin_mult + post.author.truecoins += coin_delta + g.db.add(post.author) + existing.vote_type = new + g.db.add(existing) + elif existing.vote_type != 0 and new == 0: + post.author.coins -= coin_delta * coin_mult + post.author.truecoins -= coin_delta + g.db.add(post.author) + g.db.delete(existing) + else: + existing.vote_type = new + g.db.add(existing) + elif new != 0: + post.author.coins += coin_delta * coin_mult + post.author.truecoins += coin_delta + g.db.add(post.author) + + if new == 1 and (v.agendaposter or v.shadowbanned or (v.is_banned and not v.unban_utc) or (v.profile_url.startswith('/e/') and not v.customtitle and v.namecolor == DEFAULT_COLOR)): real = False + else: real = True + + vote = Vote(user_id=v.id, + vote_type=new, + submission_id=post_id, + app_id=v.client.application.id if v.client else None, + real = real + ) + g.db.add(vote) + + g.db.flush() + post.upvotes = g.db.query(Vote).filter_by(submission_id=post.id, vote_type=1).count() + post.downvotes = g.db.query(Vote).filter_by(submission_id=post.id, vote_type=-1).count() + post.realupvotes = g.db.query(Vote).filter_by(submission_id=post.id, real=True).count() + + if post.author.progressivestack \ + or post.sub in ('space','istory','dinos') \ + or post.domain.endswith('.win'): + post.realupvotes *= 2 + + g.db.add(post) + return "", 204 + +@app.post("/vote/comment//") +@limiter.limit("5/second;60/minute;1000/hour;2000/day") +@limiter.limit("5/second;60/minute;1000/hour;2000/day", key_func=lambda:f'{SITE}-{session.get("lo_user")}') +@is_not_permabanned +def vote_comment(comment_id, new, v): + + if new == "-1" and DISABLE_DOWNVOTES: return {"error": "forbidden."}, 403 + + if new not in ["-1", "0", "1"]: abort(400) + + if request.headers.get("Authorization") and v.id != BBBB_ID: abort(403) + + new = int(new) + comment = get_comment(comment_id) + + coin_delta = 1 + if v.id == comment.author_id: + coin_delta = 0 + + coin_mult = 1 + + g.db.commit() + existing = g.db.query(CommentVote).filter_by(user_id=v.id, comment_id=comment.id).one_or_none() + + if DOUBLE_XP_ENABLED > 0: + if not existing and int(time.time()) > DOUBLE_XP_ENABLED: + coin_mult = 2 + elif existing and existing.created_utc > DOUBLE_XP_ENABLED: + coin_mult = 2 + + if existing and existing.vote_type == new: return "", 204 + + if existing: + if existing.vote_type == 0 and new != 0: + comment.author.coins += coin_delta * coin_mult + comment.author.truecoins += coin_delta + g.db.add(comment.author) + existing.vote_type = new + g.db.add(existing) + elif existing.vote_type != 0 and new == 0: + comment.author.coins -= coin_delta * coin_mult + comment.author.truecoins -= coin_delta + g.db.add(comment.author) + g.db.delete(existing) + else: + existing.vote_type = new + g.db.add(existing) + elif new != 0: + comment.author.coins += coin_delta * coin_mult + comment.author.truecoins += coin_delta + g.db.add(comment.author) + + if new == 1 and (v.agendaposter or v.shadowbanned or (v.is_banned and not v.unban_utc) or (v.profile_url.startswith('/e/') and not v.customtitle and v.namecolor == DEFAULT_COLOR)): real = False + else: real = True + + vote = CommentVote(user_id=v.id, + vote_type=new, + comment_id=comment_id, + app_id=v.client.application.id if v.client else None, + real=real + ) + + g.db.add(vote) + + g.db.commit() + comment.upvotes = g.db.query(CommentVote).filter_by(comment_id=comment.id, vote_type=1).count() + comment.downvotes = g.db.query(CommentVote).filter_by(comment_id=comment.id, vote_type=-1).count() + comment.realupvotes = g.db.query(CommentVote).filter_by(comment_id=comment.id, real=True).count() + if comment.author.progressivestack: comment.realupvotes *= 2 + g.db.add(comment) + return "", 204 diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html index b802cdcff..218d2b766 100644 --- a/files/templates/submission_listing.html +++ b/files/templates/submission_listing.html @@ -1,429 +1,429 @@ -{%- import 'util/helpers.html' as help -%} - -{% if v %} - {% include "award_modal.html" %} -{% endif %} - -{% if SITE == 'pcmemes.net' %} - {% set cc='SPLASH MOUNTAIN' %} -{% else %} - {% set cc='COUNTRY CLUB' %} -{% endif %} - -{% if not v or v.highlightcomments %} - -{% endif %} - -{% include "popover.html" %} - -{% for p in listing if p.can_see(v) %} - -{% set ups=p.upvotes %} -{% set downs=p.downvotes %} -{% set score=ups-downs %} - -{% if v %} - {% set voted= p.voted %} -{% else %} - {% set voted=-2 %} -{% endif %} - -{% set v_forbid_deleted = (p.deleted_utc != 0 or p.is_banned) and not (v and v.admin_level >= 2) and not (v and v.id == p.author_id) %} - -{% if p.active_flags(v) %} -
      - Reported by: - 
      
-		
        
-			{% for f in p.filtered_flags(v) %}
-				
      • {{f.user.username}}{% if f.reason %}: {{f.realreason(v) | safe}}{% endif %} {% if v and v.admin_level >= PERMS['FLAGS_REMOVE'] %}[remove]{% endif %}
        • 
-			{% endfor %}
-		
      
-	
      
-{% endif %}
-
-
      
-
-	
      
-
-		{% if not postembed %}
-			
      
-				{% if v and request.path.startswith('/@') and v.admin_level < 2 %}
-					
      
-
-					{{score}}
-
-					
      
-				{% elif v %}
-
-					
      
-
-					{{score}}
-
-					
      
-
-				{% else %}
-
-					
      
-
-					{{score}}
-
-					
      
-
-				{% endif %}
-
-			
      
-		{% endif %}
-
-		
      
-
-			{% if not v_forbid_deleted %}
-			
      
-				{% if p.club and not (v and (v.paid_dues or v.id == p.author_id)) %}
-					post thumnail
-				{% elif not p.url %}
-					
-						post thumnail
-					
-				{% elif p.is_image %}
-					
-						post thumnail
-					
-				{% elif p.is_video or p.is_audio %}
-					
-						post thumnail
-					
-				{% elif p.is_youtube %}
-					
-						post thumnail
-					
-				{% else %}
-					
-						post thumnail
-						
-					
-				{% endif %}
-			
      
-			{% endif %}
-
-
-		
      
-		 
-		 
-		
      
-
-			
      
-				{% if p.sub %}
-					{% if not HOLE_STYLE_FLAIR -%}
-						/h/{{p.sub}}  
-					{%- else -%}
-						{{p.sub|capitalize}}
-					{%- endif %}
-				{% endif %}
-
-				{% if p.sub and p.author.exiled_from(p.sub) %}
-					
-				{% endif %}
-				
-				{% if p.bannedfor %}
-					
-				{% endif %}
-
-				{% for a in p.awards %}
-					
-				{% endfor %}
-
-				{% if v and v.admin_level > 1 and p.author.shadowbanned %}
-					
-				{% endif %}
-
-				{% if p.stickied %}
-					
-				{% endif %}
-
-				{% if p.hole_pinned %}
-					
-				{% endif %}
-
-				{% if p.distinguish_level %}{% endif %}
-				{% if p.is_pinned and request.path.startswith('/@') %}{% endif %}
-				{% if p.over_18 %}+18{% endif %}
-				{% if p.is_bot %} {% endif %}
-				{% if p.is_blocking and not p.ghost %}{% endif %}
-				{% if p.is_blocked %}{% endif %}
-				{% if p.private %}Draft{% endif %}
-				{% if p.active_flags(v) %}{{p.active_flags(v)}} Report{{ help.plural(p.active_flags(v)) }}{% endif %}
-				
-				{% if p.ghost %}
-					👻
-				{% else %}
-					{% if FEATURES['PATRON_ICONS'] and p.author.patron %}
-						{{p.author.patron_tooltip}}
-					{% endif %}
-
-					{% if FEATURES['HOUSES'] and p.author.house %}
-						House {{p.author.house}}
-					{% endif %}
-
-					{% if p.author.verified %}
-					{% endif %}
-					
-						
      
-							
-							{% if p.author.hat_active -%}
-								
-							{%- endif %}
-						
      
-						{{p.author_name}}
-					      
-					{% if FEATURES['PRONOUNS'] %}
-						{{p.author.pronouns}}
-					{% endif %}
-					{% if p.author.customtitle %}
-						  {{p.author.customtitle | safe}}
-					{% endif %}
-				{% endif %}
-				 {{p.age_string}}
-				 
-				({% if p.is_image %}image post{% elif p.is_video %}video post{% elif p.is_audio %}audio post{% elif p.domain %}{{p.domain|truncate(50, True)}}{% else %}text post{% endif %})
-				{% if p.edited_utc %}
-					  Edited {{p.edited_string}}
-				{% endif %}
-				  {{p.views}} thread views
-			
      
-
-			
      
-				
-				{% if p.club %}{{CC}}{% endif %}
-				{% if p.flair %}{{p.flair | safe}}{% endif %}
-				{{p.realtitle(v) | safe}}
-			
      
-
-			
      
-				
-		
      
-	
      
-
      
-
-
      
-	
      
-		
        
-			
      • 
-				
-					{{p.comment_count}}
-					
-				
-
-				{% if v and v.admin_level > 1 %}
-					
-						
-					
-				{% endif %}
-
-			
        • 
-			
-			{% if p.realbody(v, True) %}
-				
-			{% endif %}
-
-			{% if v %}
-				
      • 
-					
-						
-					
-				
        • 
-			{% endif %}
-			{% if not postembed %}
-				{% if v and request.path.startswith('/@') and v.admin_level < 2 %}
-					
      • 
-
-						
-
-						{{score}}
-
-						
-					
        • 
-				{% elif v %}
-					
      • 
-
-						
-
-						{{score}}
-
-						
-
-					
        • 
-				{% else %}
-					
      • 
-						
-							
-						
-
-						{{score}}
-
-						
-							
-						
-					
        • 
-				{% endif %}
-			{% endif %}
-		
      
-	
      
-
      
-
-{% if v %}
-	
-{% endif %}
-
-
-
-
-{% if v and v.admin_level > 1 %}
-	{% include "post_admin_actions_mobile.html" %}
-{% endif %}
-
-
-{% if (not p.club or v and (v.paid_dues or v.id == p.author_id)) and not v_forbid_deleted %}
-	{% if p.realbody(v, True) %}
-		
      
-			{{p.realbody(v, True) | safe}}
-		
      
-	{% endif %}
-
-	{% if p.is_image and not p.over_18 and ((v and v.cardview) or (not v and CARD_VIEW)) %}
-		
      
-			
-				Unable to load image
-			
-		
      
-	{% elif p.is_video %}
-		
      
-			
-		
      
-	{% elif p.is_audio %}
-		
      
-			
-		
      
-	{% elif p.is_youtube %}
-		
      
-			{{p.embed_url | safe}}
-		
      
-	{% endif %}
-{% endif %}
-
-
      
-
-{% else %}
-
-{% if request.path.endswith('/admin/queue') %}
-
-
      	
-	
      			
-		
      
-			
      This queue is empty. (That's a good thing.)
      
-		
      			
-	
      	
-
      
-
-
-{% elif u %}
-{% if v and v.id == u.id %}
-
      	
-	
      			
-		
      
-			
-				
-				
-			
-			
      You haven't {% if "/saved/" in request.path %}saved{% elif "/subscribed/" in request.path %}subscribed to{% else %}made{% endif %} a post yet
      
-			
      Your {% if "/saved/" in request.path %}saved posts{% elif "/subscribed/" in request.path %}subscribed posts{% else %}posting history{% endif %} will show here.
      
-			{% if "/saved/" not in request.path and "/subscribed/" not in request.path %}Create a post{% endif %}
-		
      			
-	
      	
-
      
-
-
-{% else %}
-
      	
-	
      			
-		
      
-			
-				
-				
-			
-			
      @{{u.username}} hasn't made a post yet
      
-			
      Their posting history will show here.
      
-			
      -			
      
-		
      			
-	
      	
-
      
-{% endif %}
-
-{% elif request.path != '/notifications/posts' %}
-
      	
-	
      			
-		
      
-			
-				
-				
-			
-			{% if request.path.startswith('/search') and error %}
-				
      {{error}}
      
-			{% endif %}
-		
      			
-	
      	
-
      
-
-
-{% endif %}
-
-{% endfor %}
-
-{% if v %}
-	{% include "delete_post_modal.html" %}
-	{% include "report_post_modal.html" %}
-	{% if v.admin_level > 1 %}
-		{% include "ban_modal.html" %}
-	{% endif %}
-{% endif %}
-{% include "expanded_image_modal.html" %}
-
-
-
-
+{%- import 'util/helpers.html' as help -%}
+
+{% if v %}
+	{% include "award_modal.html" %}
+{% endif %}
+
+{% if SITE == 'pcmemes.net' %}
+	{% set cc='SPLASH MOUNTAIN' %}
+{% else %}
+	{% set cc='COUNTRY CLUB' %}
+{% endif %}
+
+{% if not v or v.highlightcomments %}
+	
+{% endif %}
+
+{% include "popover.html" %}
+
+{% for p in listing if p.can_see(v) %}
+
+{% set ups=p.upvotes %}
+{% set downs=p.downvotes %}
+{% set score=ups-downs %}
+
+{% if v %}
+	{% set voted= p.voted %}
+{% else %}
+	{% set voted=-2 %}
+{% endif %}
+
+{% set v_forbid_deleted = (p.deleted_utc != 0 or p.is_banned) and not (v and v.admin_level >= 2) and not (v and v.id == p.author_id) %}
+
+{% if p.active_flags(v) %}
+	
      
+		 Reported by:
+		
      
+		
        
+			{% for f in p.filtered_flags(v) %}
+				
      • {{f.user.username}}{% if f.reason %}: {{f.realreason(v) | safe}}{% endif %} {% if v and v.admin_level >= PERMS['FLAGS_REMOVE'] %}[remove]{% endif %}
        • 
+			{% endfor %}
+		
      
+	
      
+{% endif %}
+
+
      
+
+	
      
+
+		{% if not postembed %}
+			
      
+				{% if v and request.path.startswith('/@') and v.admin_level < 2 %}
+					
      
+
+					{{score}}
+
+					
      
+				{% elif v %}
+
+					
      
+
+					{{score}}
+
+					
      
+
+				{% else %}
+
+					
      
+
+					{{score}}
+
+					
      
+
+				{% endif %}
+
+			
      
+		{% endif %}
+
+		
      
+
+			{% if not v_forbid_deleted %}
+			
      
+				{% if p.club and not (v and (v.paid_dues or v.id == p.author_id)) %}
+					post thumnail
+				{% elif not p.url %}
+					
+						post thumnail
+					
+				{% elif p.is_image %}
+					
+						post thumnail
+					
+				{% elif p.is_video or p.is_audio %}
+					
+						post thumnail
+					
+				{% elif p.is_youtube %}
+					
+						post thumnail
+					
+				{% else %}
+					
+						post thumnail
+						
+					
+				{% endif %}
+			
      
+			{% endif %}
+
+
+		
      
+		 
+		 
+		
      
+
+			
      
+				{% if p.sub %}
+					{% if not HOLE_STYLE_FLAIR -%}
+						/h/{{p.sub}}  
+					{%- else -%}
+						{{p.sub|capitalize}}
+					{%- endif %}
+				{% endif %}
+
+				{% if p.sub and p.author.exiled_from(p.sub) %}
+					
+				{% endif %}
+				
+				{% if p.bannedfor %}
+					
+				{% endif %}
+
+				{% for a in p.awards %}
+					
+				{% endfor %}
+
+				{% if v and v.admin_level > 1 and p.author.shadowbanned %}
+					
+				{% endif %}
+
+				{% if p.stickied %}
+					
+				{% endif %}
+
+				{% if p.hole_pinned %}
+					
+				{% endif %}
+
+				{% if p.distinguish_level %}{% endif %}
+				{% if p.is_pinned and request.path.startswith('/@') %}{% endif %}
+				{% if p.over_18 %}+18{% endif %}
+				{% if p.is_bot %} {% endif %}
+				{% if p.is_blocking and not p.ghost %}{% endif %}
+				{% if p.is_blocked %}{% endif %}
+				{% if p.private %}Draft{% endif %}
+				{% if p.active_flags(v) %}{{p.active_flags(v)}} Report{{ help.plural(p.active_flags(v)) }}{% endif %}
+				
+				{% if p.ghost %}
+					👻
+				{% else %}
+					{% if FEATURES['PATRON_ICONS'] and p.author.patron %}
+						{{p.author.patron_tooltip}}
+					{% endif %}
+
+					{% if FEATURES['HOUSES'] and p.author.house %}
+						House {{p.author.house}}
+					{% endif %}
+
+					{% if p.author.verified %}
+					{% endif %}
+					
+						
      
+							
+							{% if p.author.hat_active -%}
+								
+							{%- endif %}
+						
      
+						{{p.author_name}}
+					      
+					{% if FEATURES['PRONOUNS'] %}
+						{{p.author.pronouns}}
+					{% endif %}
+					{% if p.author.customtitle %}
+						  {{p.author.customtitle | safe}}
+					{% endif %}
+				{% endif %}
+				 {{p.age_string}}
+				 
+				({% if p.is_image %}image post{% elif p.is_video %}video post{% elif p.is_audio %}audio post{% elif p.domain %}{{p.domain|truncate(50, True)}}{% else %}text post{% endif %})
+				{% if p.edited_utc %}
+					  Edited {{p.edited_string}}
+				{% endif %}
+				  {{p.views}} thread views
+			
      
+
+			
      
+				
+				{% if p.club %}{{CC}}{% endif %}
+				{% if p.flair %}{{p.flair | safe}}{% endif %}
+				{{p.realtitle(v) | safe}}
+			
      
+
+			
      
+				
+		
      
+	
      
+
      
+
+
      
+	
      
+		
        
+			
      • 
+				
+					{{p.comment_count}}
+					
+				
+
+				{% if v and v.admin_level > 1 %}
+					
+						
+					
+				{% endif %}
+
+			
        • 
+			
+			{% if p.realbody(v, True) %}
+				
+			{% endif %}
+
+			{% if v %}
+				
      • 
+					
+						
+					
+				
        • 
+			{% endif %}
+			{% if not postembed %}
+				{% if v and request.path.startswith('/@') and v.admin_level < 2 %}
+					
      • 
+
+						
+
+						{{score}}
+
+						
+					
        • 
+				{% elif v %}
+					
      • 
+
+						
+
+						{{score}}
+
+						
+
+					
        • 
+				{% else %}
+					
      • 
+						
+							
+						
+
+						{{score}}
+
+						
+							
+						
+					
        • 
+				{% endif %}
+			{% endif %}
+		
      
+	
      
+
      
+
+{% if v %}
+	
+{% endif %}
+
+
+
+
+{% if v and v.admin_level > 1 %}
+	{% include "post_admin_actions_mobile.html" %}
+{% endif %}
+
+
+{% if (not p.club or v and (v.paid_dues or v.id == p.author_id)) and not v_forbid_deleted %}
+	{% if p.realbody(v, True) %}
+		
      
+			{{p.realbody(v, True) | safe}}
+		
      
+	{% endif %}
+
+	{% if p.is_image and not p.over_18 and ((v and v.cardview) or (not v and CARD_VIEW)) %}
+		
      
+			
+				Unable to load image
+			
+		
      
+	{% elif p.is_video %}
+		
      
+			
+		
      
+	{% elif p.is_audio %}
+		
      
+			
+		
      
+	{% elif p.is_youtube %}
+		
      
+			{{p.embed_url | safe}}
+		
      
+	{% endif %}
+{% endif %}
+
+
      
+
+{% else %}
+
+{% if request.path.endswith('/admin/queue') %}
+
+
      	
+	
      			
+		
      
+			
      This queue is empty. (That's a good thing.)
      
+		
      			
+	
      	
+
      
+
+
+{% elif u %}
+{% if v and v.id == u.id %}
+
      	
+	
      			
+		
      
+			
+				
+				
+			
+			
      You haven't {% if "/saved/" in request.path %}saved{% elif "/subscribed/" in request.path %}subscribed to{% else %}made{% endif %} a post yet
      
+			
      Your {% if "/saved/" in request.path %}saved posts{% elif "/subscribed/" in request.path %}subscribed posts{% else %}posting history{% endif %} will show here.
      
+			{% if "/saved/" not in request.path and "/subscribed/" not in request.path %}Create a post{% endif %}
+		
      			
+	
      	
+
      
+
+
+{% else %}
+
      	
+	
      			
+		
      
+			
+				
+				
+			
+			
      @{{u.username}} hasn't made a post yet
      
+			
      Their posting history will show here.
      
+			
      +			
      
+		
      			
+	
      	
+
      
+{% endif %}
+
+{% elif request.path != '/notifications/posts' %}
+
      	
+	
      			
+		
      
+			
+				
+				
+			
+			{% if request.path.startswith('/search') and error %}
+				
      {{error}}
      
+			{% endif %}
+		
      			
+	
      	
+
      
+
+
+{% endif %}
+
+{% endfor %}
+
+{% if v %}
+	{% include "delete_post_modal.html" %}
+	{% include "report_post_modal.html" %}
+	{% if v.admin_level > 1 %}
+		{% include "ban_modal.html" %}
+	{% endif %}
+{% endif %}
+{% include "expanded_image_modal.html" %}
+
+
+
+
diff --git a/run_tests.py b/run_tests.py
old mode 100755
new mode 100644