diff --git a/files/assets/css/4chan.css b/files/assets/css/4chan.css
index f496af004..8f59ef62c 100644
--- a/files/assets/css/4chan.css
+++ b/files/assets/css/4chan.css
@@ -90,61 +90,61 @@ blockquote p {
}
.comment {
- background-color: var(--gray-700) !important;
+ background-color: var(--gray-700) !important;
}
.navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar {
- background:#ffe url(https://i.imgur.com/kAfDGxF.png);
- background-size: contain;
+ background:#ffe url(https://i.imgur.com/kAfDGxF.png);
+ background-size: contain;
}
blockquote {
background-color: transparent;
- border-color: #789922 !important;
- border-width: 1px !important;
+ border-color: #789922 !important;
+ border-width: 1px !important;
}
blockquote a {
- color: navy;
+ color: navy;
}
.comment-collapse-desktop {
- border-color: maroon !important;
- border-width: 1px !important;
+ border-color: maroon !important;
+ border-width: 1px !important;
}
.score-up, .active.arrow-up::before, .arrow-up::after, .arrow-up:hover::before {
- color: maroon !important;
+ color: maroon !important;
}
.score-down, .active.arrow-down::before, .arrow-down::after, .arrow-down:hover::before {
- color: maroon !important;
+ color: maroon !important;
}
.arrow-up::before, .arrow-down::before, .score {
- color: var(--gray-400);
+ color: var(--gray-400);
}
.srd {
- background-color: var(--gray-700) !important;
+ background-color: var(--gray-700) !important;
}
.srd a {
- color: maroon !important;
+ color: maroon !important;
}
:root {
- --primary: maroon;
+ --primary: maroon;
}
.caction {
- color: var(--gray-400) !important;
+ color: var(--gray-400) !important;
}
.user-name span {
- color: #117743 !important;
+ color: #117743 !important;
}
.comment-anchor:target, .unread2 {
- background: #ffffff88 !important;
+ background: #ffffff88 !important;
}
\ No newline at end of file
diff --git a/files/assets/css/classic.css b/files/assets/css/classic.css
index bbe665c65..32340937c 100644
--- a/files/assets/css/classic.css
+++ b/files/assets/css/classic.css
@@ -2,22 +2,22 @@
--white: #f1f1f1 !important;
--black1: #888 !important;
--black2: #222222 !important;
- --black3: #4f4f4f !important;
+ --black3: #4f4f4f !important;
--grey : #ccc !important;
--red: #b40457 !important;
- --blue: #369 !important;
- --upvote: #ff8b60 !important;
- --downvote: #9393ff !important;
- --sticky: #228822 !important;
-
- --primary: var(--black1) !important;
- --bg1: url('../images/classic1.webp') !important;
- --bg2: url('../images/classic2.webp') !important;
+ --blue: #369 !important;
+ --upvote: #ff8b60 !important;
+ --downvote: #9393ff !important;
+ --sticky: #228822 !important;
+
+ --primary: var(--black1) !important;
+ --bg1: url('../images/classic1.webp') !important;
+ --bg2: url('../images/classic2.webp') !important;
}
/*navbar*/
.navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar {
- background-color: var(--white) !important;
+ background-color: var(--white) !important;
}
.form-inline.search input {
@@ -25,23 +25,23 @@
}
.nav.settings-nav {
- background-color: var(--red);
+ background-color: var(--red);
}
.nav-link.active {
- color: var(--white) !important;
- box-shadow: inset 0 -2px 0 var(--white) !important;
+ color: var(--white) !important;
+ box-shadow: inset 0 -2px 0 var(--white) !important;
}
.nav-link {
- color: var(--grey) !important;
+ color: var(--grey) !important;
}
/*common*/
body, .card, #main-content-row {
background-color: var(--white) !important;
- background-image: var(--bg2);
- color: var(--black1);
+ background-image: var(--bg2);
+ color: var(--black1);
}
.posts .card {
@@ -50,28 +50,28 @@ body, .card, #main-content-row {
.btn-primary, .btn-secondary {
background-color: var(--red) !important;
- color: white !important;
+ color: white !important;
border-color: transparent;
}
.score-up, .active.arrow-up::before, .arrow-up::after, .arrow-up:hover::before {
- color: var(--upvote) !important;
+ color: var(--upvote) !important;
}
.score-down, .active.arrow-down::before, .arrow-down::after, .arrow-down:hover::before {
- color: var(--downvote) !important;
+ color: var(--downvote) !important;
}
.arrow-up::before, .arrow-down::before, .score {
- color: var(--black1);
+ color: var(--black1);
}
.controversial {
- color: var(--red) !important;
+ color: var(--red) !important;
}
a {
- color: var(--blue);
+ color: var(--blue);
}
.post-title a {
@@ -79,7 +79,7 @@ a {
}
.fa-thumbtack.text-admin, .card.stickied .post-title a {
- color: var(--sticky) !important;
+ color: var(--sticky) !important;
}
.flaggers, .flaggers a {
@@ -89,25 +89,25 @@ a {
}
.dropdown-menu, .dropdown-menu a {
- color: var(--black3);
- background-color: white;
+ color: var(--black3);
+ background-color: white;
}
.popover, .pop-username, .pop-bio, .popover-user-profile, .popover-user-profile * {
- background-color: var(--white);
- color: var(--black3);
- border-color: var(--black1) !important;
+ background-color: var(--white);
+ color: var(--black3);
+ border-color: var(--black1) !important;
}
.text-muted {
- color: var(--grey) !important;
+ color: var(--grey) !important;
}
/*frontpage*/
#frontpage .container {
- max-width: 2160px;
- padding-left: 20px;
- padding-right: 20px;
+ max-width: 2160px;
+ padding-left: 20px;
+ padding-right: 20px;
}
#frontpage .d-lg-flex,
@@ -129,11 +129,11 @@ a {
color:yellow;
text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black !important;
border-color: transparent;
- font-size: 1.3rem;
+ font-size: 1.3rem;
}
#frontpage .dropdown-toggle, #frontpage i.fas.mr-1 {
- color:yellow !important;
+ color:yellow !important;
}
/*post*/
@@ -155,7 +155,7 @@ a {
}
.comment-collapse-desktop {
- border-left: none !important;
+ border-left: none !important;
}
blockquote {
@@ -165,8 +165,8 @@ blockquote {
}
.form-control, .comment-box.form-control.rounded {
- background-color: white !important;
- color: var(--black2) !important;
+ background-color: white !important;
+ color: var(--black2) !important;
}
.comment-box, .form-control{
@@ -174,320 +174,320 @@ blockquote {
}
.text-info.new-comments {
- color: #ff4500 !important;
+ color: #ff4500 !important;
}
#thread #dropdownMenuButton {
background-color: var(--red) !important;
- color: white !important;
+ color: white !important;
border-color: transparent;
}
.btn.format {
- background-color: transparent !important;
- color: var(--black1) !important;
- border-color: transparent !important;
+ background-color: transparent !important;
+ color: var(--black1) !important;
+ border-color: transparent !important;
}
/*userpage*/
#userpage .nav.settings-nav {
- background-color: transparent;
+ background-color: transparent;
}
#userpage .nav-link {
- color: var(--red) !important;
+ color: var(--red) !important;
}
#userpage .nav-link.active {
- box-shadow: inset 0 -2px 0 var(--red) !important;
+ box-shadow: inset 0 -2px 0 var(--red) !important;
}
/*leaderboard*/
#settings2 .container, #settings2 .container-fluid {
- background-color: transparent !important;
+ background-color: transparent !important;
}
#settings2 .bg-white {
- background-color: var(--white) !important;
+ background-color: var(--white) !important;
}
#settings2 .text-muted {
- color: var(--black1) !important;
+ color: var(--black1) !important;
}
#settings2 .nav.settings-nav {
- margin: auto !important;
+ margin: auto !important;
}
#settings2 .table {
- color: var(--black1);
+ color: var(--black1);
}
/*shop*/
#message .container {
- background-color: transparent !important;
+ background-color: transparent !important;
}
#message .table {
- color: var(--black1);
+ color: var(--black1);
}
/*submit*/
#submit .container {
- background-color: transparent !important
+ background-color: transparent !important
}
#submit .text-muted {
- color: var(--black1) !important;
+ color: var(--black1) !important;
}
#submit #create_button {
background-color: var(--red) !important;
- color: white !important;
+ color: white !important;
border-color: transparent;
}
#submit .btn.format {
- background-color: transparent !important;
- color: var(--black1) !important;
- border-color: transparent !important;
+ background-color: transparent !important;
+ color: var(--black1) !important;
+ border-color: transparent !important;
}
#submit .row.fixed-bottom {
- background-color: var(--white) !important
+ background-color: var(--white) !important
}
/*settings*/
#settings .text-small, #settings .text-small-extra {
- color: var(--black1) !important;
+ color: var(--black1) !important;
}
#settings .custom-control-label::before {
- background-color: var(--grey) !important;
+ background-color: var(--grey) !important;
}
#settings .custom-control-input:checked ~ .custom-control-label::before {
- opacity: 1;
- background-color: var(--black1) !important;
- border: var(--blue) solid 0.1px;
+ opacity: 1;
+ background-color: var(--black1) !important;
+ border: var(--blue) solid 0.1px;
}
/*assorted patches I don't feel like categorizing*/
#followers-table td {
- color: var(--black3);
+ color: var(--black3);
}
.btn-danger {
- border-color: #E53E3E !important;
- color: red !important;
+ border-color: #E53E3E !important;
+ color: red !important;
}
.btn.caction .score-up {
- color: var(--upvote) !important;
+ color: var(--upvote) !important;
}
.btn.caction .score-down {
- color: var(--downvote) !important;
+ color: var(--downvote) !important;
}
.user-info .text-muted {
- color: var(--black1) !important;
+ color: var(--black1) !important;
}
.shop .btn {
- background-color: var(--black1) !important;
+ background-color: var(--black1) !important;
}
#mobile-bottom-navigation-bar .text-primary {
- color: var(--red) !important;
+ color: var(--red) !important;
}
#mobile-bottom-navigation-bar .text-muted {
- color: var(--black1) !important;
+ color: var(--black1) !important;
}
#settings2 .nav-link.active .fas {
- color: var(--white) !important;
+ color: var(--white) !important;
}
#navbarResponsive .nav-link {
- color: var(--black1) !important;
+ color: var(--black1) !important;
}
.mobile-nav-icon {
- color: var(--black1);
+ color: var(--black1);
}
/*patch*/
#frontpage .container {
- margin-top: -5px
+ margin-top: -5px
}
.table {
- color: var(--black3)
+ color: var(--black3)
}
-:root {
- --gold: #f59e0b !important;
- --pink: #ec72de !important;
- --purple: #9333ea !important;
- --bluecheck: #1DA1F2 !important;
- --red-hover: #d2106c !important
+:root {
+ --gold: #f59e0b !important;
+ --pink: #ec72de !important;
+ --purple: #9333ea !important;
+ --bluecheck: #1DA1F2 !important;
+ --red-hover: #d2106c !important
}
#settings2 .text-muted {
- color: var(--black3)!important;
+ color: var(--black3)!important;
}
.fa-robot {
- color: var(--purple) !important;
+ color: var(--purple) !important;
}
.fa-broom {
- color: var(--sticky) !important;
+ color: var(--sticky) !important;
}
.post-title span.patron {
- background-color: var(--purple)
+ background-color: var(--purple)
}
.btn-primary:hover, .btn-secondary:hover {
- background-color: var(--red-hover) !important;
- color: white!important;
- border-color: var(--red-hover)
+ background-color: var(--red-hover) !important;
+ color: white!important;
+ border-color: var(--red-hover)
}
.dropdown-menu a:hover {
- color: var(--red);
- background-color: #fff;
- font-weight: bold;
+ color: var(--red);
+ background-color: #fff;
+ font-weight: bold;
}
#frontpage .card-header div {
- z-index: 2 !important;
+ z-index: 2 !important;
}
#navbarResponsive .nav-link:hover i {
- color: var(--red) !important;
+ color: var(--red) !important;
}
.btn-secondary:focus, .btn-secondary.focus {
- box-shadow: none;
- background-color: white!important;
- color: var(--red)!important;
- border-color: var(--red);
+ box-shadow: none;
+ background-color: white!important;
+ color: var(--red)!important;
+ border-color: var(--red);
}
.shop .btn {
- border-color: var(--grey) !important;
- background-color: var(--red) !important;
+ border-color: var(--grey) !important;
+ background-color: var(--red) !important;
}
.nav-link.active {
- font-weight: bold;
+ font-weight: bold;
}
a.text-danger, button.text-danger {
- color: #dc3545 !important
+ color: #dc3545 !important
}
a.text-info, button.text-info {
- color: var(--sticky) !important
+ color: var(--sticky) !important
}
label.custom-control-label::after, label.custom-control-label::before {
- background-color: var(--black1) !important
+ background-color: var(--black1) !important
}
.custom-control-input:checked ~ .custom-control-label::after {
- background-color: var(--grey) !important;
+ background-color: var(--grey) !important;
}
#settings .sticky {
- top: 70px;
+ top: 70px;
}
.border-bottom {
- border-bottom: 1px solid var(--grey) !important;
+ border-bottom: 1px solid var(--grey) !important;
}
a.nav-link:hover {
- color: white !important
+ color: white !important
}
.nav.settings-nav {
- border: 1px solid var(--red-hover)
+ border: 1px solid var(--red-hover)
}
#thread .anchor.comment {
- border-left: 2px solid var(--grey)!important;
+ border-left: 2px solid var(--grey)!important;
}
.anchor.comment.mt-0 {
- border-left: none !important;
+ border-left: none !important;
}
.notifs .anchor.comment {
- border-left: none !important;
+ border-left: none !important;
}
.notifs .comment-collapse-desktop {
- border-left: 2px solid var(--grey)!important;
+ border-left: 2px solid var(--grey)!important;
}
#userpage .nav.settings-nav {
- border:none;
+ border:none;
}
#userpage .btn-danger {
- background-color:red !important;
- color: white !important;
- border-color: var(--gold) !important
+ background-color:red !important;
+ color: white !important;
+ border-color: var(--gold) !important
}
#userpage .btn-success {
- background-color: var(--sticky) !important;
- color: white !important;
- border-color: var(--gold) !important
+ background-color: var(--sticky) !important;
+ color: white !important;
+ border-color: var(--gold) !important
}
#userpage .container-fluid.pb-0.text-center.bg-white.d-md-none {
- margin-top: -32px !important;
+ margin-top: -32px !important;
}
#userpage .profile-pic-65 {
- border-radius: 0;
- border-color: transparent !important;
+ border-radius: 0;
+ border-color: transparent !important;
}
#settings2 .nav.settings-nav .fas {
- color: var(--grey) !important
+ color: var(--grey) !important
}
#settings2 .nav-link.active .fas {
- color: white !important
+ color: white !important
}
#settings2 .btn .fas {
- color: white !important
+ color: white !important
}
#frontpage .settings .d-lg-flex {
- display: block !important;
+ display: block !important;
}
#frontpage .container .col-lg-8 {
- background-image: none !important;
+ background-image: none !important;
}
#post-text a, #post-text img {
- margin-left: 0px;
- margin-right: 0px;
- margin-top: 0px;
+ margin-left: 0px;
+ margin-right: 0px;
+ margin-top: 0px;
}
.tooltip {
- color:black !important;
+ color:black !important;
}
#frontpage .btn.btn-secondary.text-small-m {
@@ -512,9 +512,9 @@ a.nav-link:hover {
}
#chat-window {
- background-color: white !important;
+ background-color: white !important;
}
.chat-message {
- color: var(--black2) !important;
+ color: var(--black2) !important;
}
\ No newline at end of file
diff --git a/files/assets/css/classic_dark.css b/files/assets/css/classic_dark.css
index c55af6cd2..946e0b012 100644
--- a/files/assets/css/classic_dark.css
+++ b/files/assets/css/classic_dark.css
@@ -2,7 +2,7 @@
/*navbar*/
.navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar {
- background-color: var(--black2) !important;
+ background-color: var(--black2) !important;
}
.form-inline.search input {
@@ -10,19 +10,19 @@
}
.nav-link.active {
- color: var(--white) !important;
- box-shadow: inset 0 -2px 0 var(--white) !important;
+ color: var(--white) !important;
+ box-shadow: inset 0 -2px 0 var(--white) !important;
}
.nav-link {
- color: var(--grey) !important;
+ color: var(--grey) !important;
}
/*common*/
body, .card, #main-content-row {
background-color: var(--black2) !important;
- /*background-image: var(--bg2);*/
- color: var(--white);
+ /*background-image: var(--bg2);*/
+ color: var(--white);
}
.posts .card {
@@ -30,7 +30,7 @@ body, .card, #main-content-row {
}
.arrow-up::before, .arrow-down::before, .score {
- color: var(--black1);
+ color: var(--black1);
}
.post-title a {
@@ -44,18 +44,18 @@ body, .card, #main-content-row {
}
.dropdown-menu, .dropdown-menu a {
- color: var(--black3);
- background-color: white;
+ color: var(--black3);
+ background-color: white;
}
.popover, .pop-username, .pop-bio, .popover-user-profile, .popover-user-profile * {
- background-color: var(--black2);
- color: var(--grey);
- border-color: var(--black1) !important;
+ background-color: var(--black2);
+ color: var(--grey);
+ border-color: var(--black1) !important;
}
.text-muted {
- color: var(--grey) !important;
+ color: var(--grey) !important;
}
/*frontpage*/
@@ -69,11 +69,11 @@ body, .card, #main-content-row {
color:yellow;
text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black !important;
border-color: transparent;
- font-size: 1.3rem;
+ font-size: 1.3rem;
}
#frontpage .dropdown-toggle, #frontpage i.fas.mr-1 {
- color:yellow !important;
+ color:yellow !important;
}
/*post*/
@@ -93,103 +93,103 @@ blockquote {
}
.form-control, .comment-box.form-control.rounded {
- background-color: var(--black2) !important;
- color: var(--black1) !important;
+ background-color: var(--black2) !important;
+ color: var(--black1) !important;
}
#thread #dropdownMenuButton {
background-color: var(--red) !important;
- color: white !important;
+ color: white !important;
border-color: transparent;
}
.btn.format {
- background-color: transparent !important;
- color: var(--black1) !important;
- border-color: transparent !important;
+ background-color: transparent !important;
+ color: var(--black1) !important;
+ border-color: transparent !important;
}
/*leaderboard*/
#settings2 .bg-white {
- background-color: var(--black2) !important;
+ background-color: var(--black2) !important;
}
/*submit*/
#submit .row.fixed-bottom {
- background-color: var(--black2) !important
+ background-color: var(--black2) !important
}
/*assorted patches I don't feel like categorizing*/
#followers-table td {
- color: var(--black1);
+ color: var(--black1);
}
#mobile-bottom-navigation-bar .text-primary {
- color: var(--red) !important;
+ color: var(--red) !important;
}
#mobile-bottom-navigation-bar .text-muted {
- color: var(--black1) !important;
+ color: var(--black1) !important;
}
#settings2 .nav-link.active .fas {
- color: var(--grey) !important;
+ color: var(--grey) !important;
}
#navbarResponsive .nav-link {
- color: var(--black1) !important;
+ color: var(--black1) !important;
}
.mobile-nav-icon {
- color: var(--black1);
+ color: var(--black1);
}
/*patch*/
#settings2 .text-muted {
- color: var(--black3)!important;
+ color: var(--black3)!important;
}
.btn-primary:hover, .btn-secondary:hover {
- background-color: var(--red-hover) !important;
- color: white!important;
- border-color: var(--red-hover)
+ background-color: var(--red-hover) !important;
+ color: white!important;
+ border-color: var(--red-hover)
}
.dropdown-menu a:hover {
- color: var(--red);
- background-color: #fff;
- font-weight: bold;
+ color: var(--red);
+ background-color: #fff;
+ font-weight: bold;
}
#navbarResponsive .nav-link:hover i {
- color: var(--red) !important;
+ color: var(--red) !important;
}
.btn-secondary:focus, .btn-secondary.focus {
- box-shadow: none;
- background-color: white!important;
- color: var(--red)!important;
- border-color: var(--red);
+ box-shadow: none;
+ background-color: white!important;
+ color: var(--red)!important;
+ border-color: var(--red);
}
a.nav-link:hover {
- color: white !important
+ color: white !important
}
.nav.settings-nav {
- border: 1px solid var(--red-hover)
+ border: 1px solid var(--red-hover)
}
#thread .anchor.comment {
- border-left: 2px solid var(--black1)!important;
+ border-left: 2px solid var(--black1)!important;
}
.notifs .comment-collapse-desktop {
- border-left: 2px solid var(--black1)!important;
+ border-left: 2px solid var(--black1)!important;
}
.srd {
- background-color: var(--black3) !important
+ background-color: var(--black3) !important
}
#navbar .form-control.w-100 {
diff --git a/files/assets/css/coffee.css b/files/assets/css/coffee.css
index d4da7152c..9672ddd09 100644
--- a/files/assets/css/coffee.css
+++ b/files/assets/css/coffee.css
@@ -98,5 +98,5 @@ blockquote {
}
.comment-anchor:target, .unread2 {
- background: #ffffff88 !important;
+ background: #ffffff88 !important;
}
\ No newline at end of file
diff --git a/files/assets/css/dramblr.css b/files/assets/css/dramblr.css
index a88b3a305..5e03a3dfc 100644
--- a/files/assets/css/dramblr.css
+++ b/files/assets/css/dramblr.css
@@ -1,8 +1,8 @@
:root {
- --black: #94a3b8;
- --primary: #0284c7;
- --gold: #f59e0b;
- --secondary: #dc3545;
+ --black: #94a3b8;
+ --primary: #0284c7;
+ --gold: #f59e0b;
+ --secondary: #dc3545;
--gray-100: #f1f5f9;
--gray-200: #e2e8f0;
--gray-300: #cbd5e1;
@@ -15,109 +15,109 @@
}
body, .container.transparent, .card {
- background-color: var(--gray-800) !important
+ background-color: var(--gray-800) !important
}
.navbar-light {
- background-color: var(--gray-700) !important
+ background-color: var(--gray-700) !important
}
p {
- color: var(--gray-200)
+ color: var(--gray-200)
}
.comment-collapse-desktop {
- border-color: var(--gray-400) !important
+ border-color: var(--gray-400) !important
}
blockquote {
- background-color: var(--gray-700);
+ background-color: var(--gray-700);
}
#frontpage #main-content-row, .sidebar {
- background-color: var(--gray-800) !important
+ background-color: var(--gray-800) !important
}
#thread .comment-section {
- background-color: var(--gray-800) !important
+ background-color: var(--gray-800) !important
}
.card {
- border-color: var(--gray-600) !important
+ border-color: var(--gray-600) !important
}
.btn {
- border-color: var(--gray-500);
- color: var(--gray-300)
+ border-color: var(--gray-500);
+ color: var(--gray-300)
}
.srd {
- background-color: var(--gray-900) !important;
+ background-color: var(--gray-900) !important;
}
.srd a {
- color: var(--gray-200) !important
+ color: var(--gray-200) !important
}
.sidebar {
- color: var(--gray-200)
+ color: var(--gray-200)
}
#mobile-bottom-navigation-bar {
- background-color: var(--gray-700) !important;
- border-color: var(--gray-600) !important;
+ background-color: var(--gray-700) !important;
+ border-color: var(--gray-600) !important;
}
#mobile-bottom-navigation-bar .text-primary {
- color: var(--gray-200) !important
+ color: var(--gray-200) !important
}
#mobile-bottom-navigation-bar .text-muted {
- color: var(--gray-400) !important
+ color: var(--gray-400) !important
}
#frontpage div#expandImageModal.modal.desktop-expanded-image-modal {
- background-color: transparent !important;
+ background-color: transparent !important;
}
.text-small-extra.text-primary {
- color: var(--gray-300) !important;
+ color: var(--gray-300) !important;
}
.score-up, .active.arrow-up::before, .arrow-up::after, .arrow-up:hover::before {
- color: var(--secondary) !important;
+ color: var(--secondary) !important;
}
.score-down, .active.arrow-down::before, .arrow-down::after, .arrow-down:hover::before {
- color: var(--secondary) !important;
+ color: var(--secondary) !important;
}
.arrow-up::before, .arrow-down::before, .score {
- color: var(--gray-400);
+ color: var(--gray-400);
}
#frontpage .post-title a {
- color: var(--gray-300)
+ color: var(--gray-300)
}
.text-info {
- color: var(--gold) !important
+ color: var(--gold) !important
}
.comment-collapse-icon::before {
- color: var(--gray-500) !important
+ color: var(--gray-500) !important
}
.text-admin {
- color: green
+ color: green
}
.fa-microphone-stand {
- color: var(--primary) !important
+ color: var(--primary) !important
}
.fa-robot {
- color: var(--secondary) !important
+ color: var(--secondary) !important
}
.modal-content {
diff --git a/files/assets/css/light.css b/files/assets/css/light.css
index f3904bbb0..2c8787827 100644
--- a/files/assets/css/light.css
+++ b/files/assets/css/light.css
@@ -80,5 +80,5 @@ blockquote {
}
.comment-anchor:target, .unread2 {
- background: #00000055 !important;
+ background: #00000055 !important;
}
\ No newline at end of file
diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index f90697331..91735d1fc 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -1,5014 +1,5016 @@
@charset "UTF-8";
*, *::before, *::after {
- box-sizing: border-box;
+ 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);
+ 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;
+ 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;
+ 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;
+ outline: 0 !important;
}
hr {
- box-sizing: content-box;
- height: 0;
- overflow: visible;
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
- margin-top: 0;
- margin-bottom: 0.5rem;
+ margin-top: 0;
+ margin-bottom: 0.5rem;
}
p {
- margin-top: 0;
- margin-bottom: 1rem;
+ 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;
+ 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;
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit;
}
ol, ul, dl {
- margin-top: 0;
- margin-bottom: 1rem;
+ margin-top: 0;
+ margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
- margin-bottom: 0;
+ margin-bottom: 0;
}
dt {
- font-weight: 600;
+ font-weight: 600;
}
dd {
- margin-bottom: 0.5rem;
- margin-left: 0;
+ margin-bottom: 0.5rem;
+ margin-left: 0;
}
blockquote {
- margin: 0 0 1rem;
+ margin: 0 0 1rem;
}
b, strong {
- font-weight: 700;
+ font-weight: 700;
}
small {
- font-size: 80%;
+ font-size: 80%;
}
sub, sup {
- position: relative;
- font-size: 75%;
- line-height: 0;
- vertical-align: baseline;
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
}
sub {
- bottom: -0.25em;
+ bottom: -0.25em;
}
sup {
- top: -0.5em;
+ top: -0.5em;
}
a {
- color: var(--primary);
- text-decoration: none;
- background-color: transparent;
+ color: var(--primary);
+ text-decoration: none;
+ background-color: transparent;
}
a:hover {
- color: var(--primary);
- text-decoration: underline;
+ color: var(--primary);
+ text-decoration: underline;
}
a:not([href]):not([role="button"])
{
- color: inherit;
- text-decoration: none;
+ color: inherit;
+ text-decoration: none;
}
pre, code, kbd, samp {
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
- font-size: 1em;
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-size: 1em;
}
pre {
- margin-top: 0;
- margin-bottom: 1rem;
- overflow: auto;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
}
figure {
- margin: 0 0 1rem;
+ margin: 0 0 1rem;
}
img {
- vertical-align: middle;
- border-style: none;
+ vertical-align: middle;
+ border-style: none;
}
svg {
- overflow: hidden;
- vertical-align: middle;
+ overflow: hidden;
+ vertical-align: middle;
}
table {
- border-collapse: collapse;
+ border-collapse: collapse;
}
caption {
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- color: #6c757d;
- text-align: left;
- caption-side: bottom;
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #6c757d;
+ text-align: left;
+ caption-side: bottom;
}
th {
- text-align: inherit;
+ text-align: inherit;
}
label {
- display: inline-block;
- margin-bottom: 0.5rem;
+ display: inline-block;
+ margin-bottom: 0.5rem;
}
button {
- border-radius: 0;
+ border-radius: 0;
}
button:focus {
- outline: 1px dotted;
- outline: 5px auto -webkit-focus-ring-color;
+ 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;
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit;
}
button, input {
- overflow: visible;
+ overflow: visible;
}
button, select {
- text-transform: none;
+ text-transform: none;
}
select {
- word-wrap: normal;
+ word-wrap: normal;
}
button, [type=button], [type=reset], [type=submit] {
- -webkit-appearance: button;
+ -webkit-appearance: button;
}
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
- cursor: pointer;
+ 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;
+ padding: 0;
+ border-style: none;
}
input[type=radio], input[type=checkbox] {
- box-sizing: border-box;
- padding: 0;
+ box-sizing: border-box;
+ padding: 0;
}
input[type=date], input[type=time], input[type=month] {
- -webkit-appearance: listbox;
+ -webkit-appearance: listbox;
}
textarea {
- overflow: auto;
- resize: vertical;
+ overflow: auto;
+ resize: vertical;
}
fieldset {
- min-width: 0;
- padding: 0;
- margin: 0;
- border: 0;
+ 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;
+ 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;
+ height: auto;
}
[type=search] {
- outline-offset: -2px;
- -webkit-appearance: none;
+ outline-offset: -2px;
+ -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
- -webkit-appearance: none;
+ -webkit-appearance: none;
}
summary {
- display: list-item;
- cursor: pointer;
+ display: list-item;
+ cursor: pointer;
}
template {
- display: none;
+ display: none;
}
[hidden] {
- display: none !important;
+ display: none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
- margin-bottom: 0.5rem;
- font-weight: 600;
- line-height: 1.2;
+ margin-bottom: 0.5rem;
+ font-weight: 600;
+ line-height: 1.2;
}
h1, .h1 {
- font-size: 2.5rem;
+ font-size: 2.5rem;
}
h2, .h2 {
- font-size: 2rem;
+ font-size: 2rem;
}
h3, .h3 {
- font-size: 1.75rem;
+ font-size: 1.75rem;
}
h4, .h4 {
- font-size: 1.5rem;
+ font-size: 1.5rem;
}
h5, .h5 {
- font-size: 1.25rem;
+ font-size: 1.25rem;
}
h6, .h6 {
- font-size: 1rem;
+ font-size: 1rem;
}
hr {
- margin-top: 1rem;
- margin-bottom: 1rem;
- border: 0;
- border-top: 1px solid var(--primary);
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ border: 0;
+ border-top: 1px solid var(--primary);
}
small, .small {
- font-size: 0.75rem;
- font-weight: 400;
+ font-size: 0.75rem;
+ font-weight: 400;
}
mark, .mark {
- padding: 0.2em;
- background-color: #fcf8e3;
+ padding: 0.2em;
+ background-color: #fcf8e3;
}
.list-inline {
- padding-left: 0;
- list-style: none;
+ padding-left: 0;
+ list-style: none;
}
.list-inline-item {
- display: inline-block;
+ display: inline-block;
}
.list-inline-item:not(:last-child) {
- margin-right: 0.5rem;
+ margin-right: 0.5rem;
}
.blockquote {
- margin-bottom: 1rem;
- font-size: 1.25rem;
+ margin-bottom: 1rem;
+ font-size: 1.25rem;
}
.img-fluid {
- max-width: 100%;
- height: auto;
+ max-width: 100%;
+ height: auto;
}
.img-thumbnail {
- padding: 0.25rem;
- background-color: #fff;
- border: 1px solid #dee2e6;
- border-radius: 0.35rem;
- max-width: 100%;
- height: auto;
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 0.35rem;
+ max-width: 100%;
+ height: auto;
}
.figure {
- display: inline-block;
+ display: inline-block;
}
code {
- font-size: 87.5%;
- color: #e83e8c;
- word-wrap: break-word;
+ font-size: 87.5%;
+ color: #e83e8c;
+ word-wrap: break-word;
}
a > code {
- color: inherit;
+ color: inherit;
}
kbd {
- padding: 0.2rem 0.4rem;
- font-size: 87.5%;
- color: #fff;
- background-color: #212529;
- border-radius: 0.2rem;
+ 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;
+ padding: 0;
+ font-size: 100%;
+ font-weight: 600;
}
pre {
- display: block;
- font-size: 87.5%;
+ display: block;
+ font-size: 87.5%;
}
pre code {
- font-size: inherit;
- color: inherit;
- word-break: normal;
+ font-size: inherit;
+ color: inherit;
+ word-break: normal;
}
.container {
- width: 100%;
- padding-right: 15px;
- padding-left: 15px;
- margin-right: auto;
- margin-left: auto;
+ 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;
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto;
}
.container {
- max-width: 1500px;
+ max-width: 1500px;
}
.row {
- display: flex;
- flex-wrap: wrap;
- margin-right: -15px;
- margin-left: -15px;
+ display: flex;
+ flex-wrap: wrap;
+ margin-right: -15px;
+ margin-left: -15px;
}
.no-gutters {
- margin-right: 0;
- margin-left: 0;
+ margin-right: 0;
+ margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
- padding-right: 0;
- padding-left: 0;
+ 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;
+ position: relative;
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px;
}
.col {
- flex-basis: 0;
- flex-grow: 1;
- max-width: 100%;
+ flex-basis: 0;
+ flex-grow: 1;
+ max-width: 100%;
}
.row-cols-1 > * {
- flex: 0 0 100%;
- max-width: 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
}
.col-10 {
- flex: 0 0 83.3333333333%;
- max-width: 83.3333333333%;
+ flex: 0 0 83.3333333333%;
+ max-width: 83.3333333333%;
}
.col-12 {
- flex: 0 0 100%;
- max-width: 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
}
@media (min-width: 576px) {
- .col-sm-6 {
- flex: 0 0 50%;
- max-width: 50%;
+ .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%;
+ .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-5 {
+ flex: 0 0 41.6666666667%;
+ max-width: 41.6666666667%;
}
- .col-md-6 {
- flex: 0 0 50%;
- max-width: 50%;
+ .col-md-6 {
+ flex: 0 0 50%;
+ max-width: 50%;
}
- .col-md-7 {
- flex: 0 0 58.3333333333%;
- max-width: 58.3333333333%;
+ .col-md-7 {
+ flex: 0 0 58.3333333333%;
+ max-width: 58.3333333333%;
}
- .col-md-8 {
- flex: 0 0 66.6666666667%;
- max-width: 66.6666666667%;
+ .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-4 {
+ flex: 0 0 33.3333333333%;
+ max-width: 33.3333333333%;
}
- .col-lg-8 {
- flex: 0 0 66.6666666667%;
- max-width: 66.6666666667%;
+ .col-lg-8 {
+ flex: 0 0 66.6666666667%;
+ max-width: 66.6666666667%;
}
- .col-lg-10 {
- flex: 0 0 83.3333333333%;
- max-width: 83.3333333333%;
+ .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%;
+ .col-xl-3 {
+ flex: 0 0 25%;
+ max-width: 25%;
}
}
.table {
- width: 100%;
- margin-bottom: 1rem;
- color: #212529;
+ width: 100%;
+ margin-bottom: 1rem;
+ color: #212529;
}
.table th, .table td {
- padding: 0.75rem;
- vertical-align: top;
- border-top: 1px solid var(--gray-400);
+ 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);
+ vertical-align: bottom;
+ border-bottom: 2px solid var(--gray-400);
}
.table tbody + tbody {
- border-top: 2px solid var(--gray-400);
+ border-top: 2px solid var(--gray-400);
}
.table-striped tbody tr:nth-of-type(odd) {
- background-color: rgba(0, 0, 0, 0.05);
+ background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
- color: #212529;
- background-color: rgba(0, 0, 0, 0.075);
+ color: #212529;
+ background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
- color: #fff;
- background-color: #343a40;
- border-color: #454d55;
+ 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;
+ 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 {
+ transition: none;
}
}
.form-control::-ms-expand {
- background-color: transparent;
- border: 0;
+ background-color: transparent;
+ border: 0;
}
.form-control:-moz-focusring {
- color: transparent;
- text-shadow: 0 0 0 #495057;
+ 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);
+ 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;
+ color: #6c757d;
+ opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
- background-color: #e9ecef;
- opacity: 1;
+ background-color: #e9ecef;
+ opacity: 1;
}
select.form-control:focus::-ms-value {
- color: #495057;
- background-color: #fff;
+ 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;
+ 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;
+ height: auto;
}
textarea.form-control {
- height: auto;
+ height: auto;
}
.form-group {
- margin-bottom: 1rem;
+ margin-bottom: 1rem;
}
.form-text {
- display: block;
- margin-top: 0.25rem;
+ display: block;
+ margin-top: 0.25rem;
}
.form-inline {
- display: flex;
- flex-flow: row wrap;
- align-items: center;
+ 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 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-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 .form-control {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle;
}
- .form-inline .input-group {
- width: auto;
+ .form-inline .input-group {
+ width: auto;
}
- .form-inline .custom-control {
- align-items: center;
- justify-content: center;
+ .form-inline .custom-control {
+ align-items: center;
+ justify-content: center;
}
- .form-inline .custom-control-label {
- margin-bottom: 0;
+ .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;
+ 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 {
+ transition: none;
}
}
.btn:hover {
- color: #212529;
- text-decoration: none;
+ color: #212529;
+ text-decoration: none;
}
.btn:focus, .btn.focus {
- outline: 0;
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
- opacity: 0.65;
+ opacity: 0.65;
}
a.btn.disabled, fieldset:disabled a.btn {
- pointer-events: none;
+ pointer-events: none;
}
.btn-primary {
- color: #fff;
- background-color: var(--primary);
- border-color: var(--primary);
+ color: #fff;
+ background-color: var(--primary);
+ border-color: var(--primary);
}
.btn-primary:hover {
- color: #fff;
- background-color: var(--primary);
- border-color: #0062cc;
+ 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);
+ 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);
+ 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;
+ 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);
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-secondary {
- color: #fff;
- background-color: #6c757d;
- border-color: #6c757d;
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
}
.btn-secondary:hover {
- color: #fff;
- background-color: #5a6268;
- border-color: #545b62;
+ 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);
+ 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;
+ 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;
+ 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);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-success {
- color: #fff;
- background-color: #38A169;
- border-color: #38A169;
+ color: #fff;
+ background-color: #38A169;
+ border-color: #38A169;
}
.btn-success:hover {
- color: #fff;
- background-color: #218838;
- border-color: #1e7e34;
+ 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);
+ 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;
+ 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;
+ 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);
+ box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-danger {
- color: #fff;
- background-color: #dc3545;
- border-color: #dc3545;
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545;
}
.btn-danger:hover {
- color: #fff;
- background-color: #c82333;
- border-color: #bd2130;
+ 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);
+ 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;
+ 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;
+ 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);
+ box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-link {
- font-weight: 400;
- color: var(--primary);
- text-decoration: none;
+ font-weight: 400;
+ color: var(--primary);
+ text-decoration: none;
}
.btn-link:hover {
- color: var(--primary);
- text-decoration: underline;
+ color: var(--primary);
+ text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
- text-decoration: underline;
- box-shadow: none;
+ text-decoration: underline;
+ box-shadow: none;
}
.btn-lg {
- padding: 0.5rem 1rem;
- font-size: 1.25rem;
- line-height: 1.5;
- border-radius: 0.3rem;
+ padding: 0.5rem 1rem;
+ font-size: 1.25rem;
+ line-height: 1.5;
+ border-radius: 0.3rem;
}
.btn-block {
- display: block;
- width: 100%;
+ display: block;
+ width: 100%;
}
.btn-block + .btn-block {
- margin-top: 0.5rem;
+ margin-top: 0.5rem;
}
input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
- width: 100%;
+ width: 100%;
}
.fade {
- transition: opacity 0.15s linear;
+ transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
- .fade {
- transition: none;
+ .fade {
+ transition: none;
}
}
.fade:not(.show) {
- opacity: 0;
+ opacity: 0;
}
.collapse:not(.show) {
- display: none;
+ display: none;
}
.collapsing {
- position: relative;
- height: 0;
- overflow: hidden;
- transition: height 0.35s ease;
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
- .collapsing {
- transition: none;
+ .collapsing {
+ transition: none;
}
}
.dropup, .dropdown {
- position: relative;
+ position: relative;
}
.dropdown-toggle {
- white-space: nowrap;
+ 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;
+ 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;
+ margin-left: 0;
}
.dropdown-menu {
- position: absolute;
- top: 100%;
- left: 0;
- z-index: 1000;
- display: none;
- float: left;
- min-width: 10rem;
- padding: 0.5rem 0;
- margin: 0.125rem 0 0;
- font-size: 1rem;
- color: #212529;
- text-align: left;
- list-style: none;
- background-color: #fff;
- background-clip: padding-box;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 0.35rem;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ float: left;
+ min-width: 10rem;
+ padding: 0.5rem 0;
+ margin: 0.125rem 0 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ list-style: none;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 0.35rem;
}
.dropdown-menu-right {
- right: 0;
- left: auto;
+ right: 0;
+ left: auto;
}
@media (min-width: 992px) {
- .dropdown-menu-lg-left {
- right: auto;
- left: 0;
+ .dropdown-menu-lg-left {
+ right: auto;
+ left: 0;
}
}
.dropup .dropdown-menu {
- top: auto;
- bottom: 100%;
- margin-top: 0;
- margin-bottom: 0.125rem;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ color: #16181b;
+ text-decoration: none;
+ background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
- color: #fff;
- text-decoration: none;
- background-color: var(--primary);
+ color: #fff;
+ text-decoration: none;
+ background-color: var(--primary);
}
.dropdown-item.disabled, .dropdown-item:disabled {
- color: #6c757d;
- pointer-events: none;
- background-color: transparent;
+ color: #6c757d;
+ pointer-events: none;
+ background-color: transparent;
}
.dropdown-menu.show {
- display: block;
+ display: block;
}
.input-group {
- position: relative;
- display: flex;
- flex-wrap: wrap;
- align-items: stretch;
- width: 100%;
+ 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;
+ position: relative;
+ flex: 1 1 0%;
+ min-width: 0;
+ margin-bottom: 0;
}
.input-group > .form-control + .form-control {
- margin-left: -1px;
+ margin-left: -1px;
}
.input-group > .form-control:focus {
- z-index: 3;
+ z-index: 3;
}
.input-group > .form-control:not(:last-child) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
+ 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;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
.input-group-append {
- display: flex;
+ display: flex;
}
.input-group-append .btn {
- position: relative;
- z-index: 2;
+ position: relative;
+ z-index: 2;
}
.input-group-append .btn:focus {
- z-index: 3;
+ 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;
+ margin-left: -1px;
}
.input-group-append {
- margin-left: -1px;
+ 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;
+ 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;
+ 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;
+ 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;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
.custom-control {
- position: relative;
- display: block;
- min-height: 1.5rem;
- padding-left: 1.5rem;
+ 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;
+ 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);
+ 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);
+ 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;
+ border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
- color: #fff;
- background-color: #b3d7ff;
- border-color: #b3d7ff;
+ color: #fff;
+ background-color: #b3d7ff;
+ border-color: #b3d7ff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
- color: #6c757d;
+ color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
- background-color: #e9ecef;
+ background-color: #e9ecef;
}
.custom-control-label {
- position: relative;
- margin-bottom: 0;
- vertical-align: top;
+ 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;
+ 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%;
+ 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;
+ 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");
+ 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);
+ 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");
+ 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);
+ 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);
+ background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
- padding-left: 2.25rem;
+ padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
- left: -2.25rem;
- width: 1.75rem;
- pointer-events: all;
- border-radius: 0.5rem;
+ 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;
+ 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-label::after {
+ transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
- background-color: #fff;
- transform: translateX(0.75rem);
+ 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);
+ 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;
+ 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;
+ .custom-control-label::before {
+ transition: none;
}
}
.nav {
- display: flex;
- flex-wrap: wrap;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
}
.nav-link {
- display: block;
- padding: 0.5rem 1rem;
+ display: block;
+ padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
- text-decoration: none;
+ text-decoration: none;
}
.disabled {
- color: #6c757d !important;
- pointer-events: none !important;
- cursor: default !important;
+ color: #6c757d !important;
+ pointer-events: none !important;
+ cursor: default !important;
}
.nav-pills .nav-link {
- border-radius: 0.35rem;
+ border-radius: 0.35rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
- color: #fff;
- background-color: var(--primary);
+ color: #fff;
+ background-color: var(--primary);
}
.tab-content > .tab-pane {
- display: none;
+ display: none;
}
.tab-content > .active {
- display: block;
+ display: block;
}
.navbar {
- position: relative;
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
- padding: 0.5rem 1rem;
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0.5rem 1rem;
}
.navbar .container, .navbar .container-fluid {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: space-between;
+ 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;
+ 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;
+ text-decoration: none;
}
.navbar-nav {
- display: flex;
- flex-direction: column;
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
+ display: flex;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none;
}
.navbar-nav .nav-link {
- padding-right: 0;
- padding-left: 0;
+ padding-right: 0;
+ padding-left: 0;
}
.navbar-nav .dropdown-menu {
- position: static;
- float: none;
+ position: static;
+ float: none;
}
.navbar-collapse {
- flex-basis: 100%;
- flex-grow: 1;
- align-items: center;
+ 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;
+ 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;
+ 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%;
+ 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;
+ .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 {
+ flex-flow: row nowrap;
+ justify-content: flex-start;
}
- .navbar-expand-md .navbar-nav {
- flex-direction: row;
+ .navbar-expand-md .navbar-nav {
+ flex-direction: row;
}
- .navbar-expand-md .navbar-nav .dropdown-menu {
- position: absolute;
+ .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 .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 > .container, .navbar-expand-md > .container-fluid {
+ flex-wrap: nowrap;
}
- .navbar-expand-md .navbar-collapse {
- display: flex !important;
- flex-basis: auto;
+ .navbar-expand-md .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
}
- .navbar-expand-md .navbar-toggler {
- display: none;
+ .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;
+ .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 {
+ flex-flow: row nowrap;
+ justify-content: flex-start;
}
- .navbar-expand-lg .navbar-nav {
- flex-direction: row;
+ .navbar-expand-lg .navbar-nav {
+ flex-direction: row;
}
- .navbar-expand-lg .navbar-nav .dropdown-menu {
- position: absolute;
+ .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 .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 > .container, .navbar-expand-lg > .container-fluid {
+ flex-wrap: nowrap;
}
- .navbar-expand-lg .navbar-collapse {
- display: flex !important;
- flex-basis: auto;
+ .navbar-expand-lg .navbar-collapse {
+ display: flex !important;
+ flex-basis: auto;
}
- .navbar-expand-lg .navbar-toggler {
- display: none;
+ .navbar-expand-lg .navbar-toggler {
+ display: none;
}
}
.navbar-light .navbar-brand {
- color: rgba(0, 0, 0, 0.9);
+ color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
- color: rgba(0, 0, 0, 0.9);
+ color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
- color: rgba(0, 0, 0, 0.5);
+ color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
- color: rgba(0, 0, 0, 0.7);
+ color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-toggler {
- color: rgba(0, 0, 0, 0.5);
- border-color: rgba(0, 0, 0, 0.1);
+ color: rgba(0, 0, 0, 0.5);
+ border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
- background-image: url("data:image/svg+xml,%3csvg xmlns='https://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ 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;
+ color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
- color: #fff;
+ color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
- color: rgba(255, 255, 255, 0.5);
+ 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);
+ 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;
+ color: #fff;
}
.navbar-dark .navbar-toggler {
- color: rgba(255, 255, 255, 0.5);
- border-color: rgba(255, 255, 255, 0.1);
+ 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");
+ 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;
+ 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;
+ 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;
+ 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;
+ border-bottom-right-radius: 0.35rem;
+ border-bottom-left-radius: 0.35rem;
}
.card-body {
- flex: 1 1 auto;
- min-height: 1px;
- padding: 1.25rem;
+ flex: 1 1 auto;
+ min-height: 1px;
+ padding: 1.25rem;
}
.card-title {
- margin-bottom: 0.75rem;
+ margin-bottom: 0.75rem;
}
.card-text:last-child {
- margin-bottom: 0;
+ 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);
+ 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;
+ border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
- border-top: 0;
+ 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);
+ 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);
+ border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px);
}
.card-img-top {
- flex-shrink: 0;
- width: 100%;
+ flex-shrink: 0;
+ width: 100%;
}
.card-img-top {
- border-top-left-radius: calc(0.35rem - 1px);
- border-top-right-radius: calc(0.35rem - 1px);
+ border-top-left-radius: calc(0.35rem - 1px);
+ border-top-right-radius: calc(0.35rem - 1px);
}
.card-columns .card {
- margin-bottom: 0.75rem;
+ margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
- .card-columns {
- column-count: 3;
- column-gap: 1.25rem;
- orphans: 1;
- widows: 1;
+ .card-columns {
+ column-count: 3;
+ column-gap: 1.25rem;
+ orphans: 1;
+ widows: 1;
}
- .card-columns .card {
- display: inline-block;
- width: 100%;
+ .card-columns .card {
+ display: inline-block;
+ width: 100%;
}
}
.pagination {
- display: flex;
- padding-left: 0;
- list-style: none;
- border-radius: 0.35rem;
+ 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;
+ 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;
+ 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);
+ 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;
+ 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;
+ 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);
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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;
+ .badge {
+ transition: none;
}
}
a.badge:hover, a.badge:focus {
- text-decoration: none;
+ text-decoration: none;
}
.badge:empty {
- display: none;
+ display: none;
}
.btn .badge {
- position: relative;
- top: -1px;
+ position: relative;
+ top: -1px;
}
.badge-secondary {
- color: #fff;
- background-color: #6c757d;
+ color: #fff;
+ background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
- color: #fff;
- background-color: var(--primary);
+ 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);
+ outline: 0;
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.badge-danger {
- color: #fff;
- background-color: #dc3545;
+ color: #fff;
+ background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
- color: #fff;
- background-color: #bd2130;
+ 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);
+ 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;
+ padding: 2rem 1rem;
+ margin-bottom: 2rem;
+ background-color: #e9ecef;
+ border-radius: 0.3rem;
}
@media (min-width: 576px) {
- .jumbotron {
- padding: 4rem 2rem;
+ .jumbotron {
+ padding: 4rem 2rem;
}
}
.jumbotron-fluid {
- padding-right: 0;
- padding-left: 0;
- border-radius: 0;
+ 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;
+ position: relative;
+ padding: 0.75rem 1.25rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: 0.35rem;
}
.alert-link {
- font-weight: 600;
+ font-weight: 600;
}
.alert-dismissible {
- padding-right: 4rem;
+ padding-right: 4rem;
}
.alert-dismissible .close {
- position: absolute;
- top: 0;
- right: 0;
- padding: 0.75rem 1.25rem;
- color: inherit;
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 0.75rem 1.25rem;
+ color: inherit;
}
.alert-success {
- color: #155724;
- background-color: #d4edda;
- border-color: #c3e6cb;
+ color: #155724;
+ background-color: #d4edda;
+ border-color: #c3e6cb;
}
.alert-success hr {
- border-top-color: #b1dfbb;
+ border-top-color: #b1dfbb;
}
.alert-success .alert-link {
- color: #0b2e13;
+ color: #0b2e13;
}
.alert-warning {
- color: #856404;
- background-color: #fff3cd;
- border-color: #ffeeba;
+ color: #856404;
+ background-color: #fff3cd;
+ border-color: #ffeeba;
}
.alert-warning hr {
- border-top-color: #ffe8a1;
+ border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
- color: #533f03;
+ color: #533f03;
}
.alert-danger {
- color: #721c24;
- background-color: #f8d7da;
- border-color: #f5c6cb;
+ color: #721c24;
+ background-color: #f8d7da;
+ border-color: #f5c6cb;
}
.alert-danger hr {
- border-top-color: #f1b0b7;
+ border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
- color: #491217;
+ color: #491217;
}
.media {
- display: flex;
- align-items: flex-start;
+ display: flex;
+ align-items: flex-start;
}
.media-body {
- flex: 1;
+ flex: 1;
}
.list-group {
- display: flex;
- flex-direction: column;
- padding-left: 0;
- margin-bottom: 0;
+ 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);
+ 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;
+ 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;
+ 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;
+ 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);
+ z-index: 2;
+ color: #fff;
+ background-color: var(--primary);
+ border-color: var(--primary);
}
.list-group-item + .list-group-item {
- border-top-width: 0;
+ border-top-width: 0;
}
.list-group-item + .list-group-item.active {
- margin-top: -1px;
- border-top-width: 1px;
+ 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;
+ float: right;
+ font-size: 1.5rem;
+ font-weight: 600;
+ line-height: 1;
+ color: #fff;
+ opacity: 0.5;
}
.close:hover {
- color: #000;
- text-decoration: none;
+ color: #000;
+ text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
- opacity: 0.75;
+ opacity: 0.75;
}
button.close {
- padding: 0;
- background-color: transparent;
- border: 0;
- appearance: none;
+ 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;
+ 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;
+ margin-bottom: 0.75rem;
}
.toast.showing {
- opacity: 1;
+ opacity: 1;
}
.toast.show {
- display: block;
- opacity: 1;
+ display: block;
+ opacity: 1;
}
.toast.hide {
- display: none;
+ display: none;
}
.toast-body {
- padding: 0.75rem;
+ padding: 0.75rem;
}
.modal-open {
- overflow: hidden;
+ overflow: hidden;
}
.modal-open .modal {
- overflow-x: hidden;
- overflow-y: auto;
+ 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;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ outline: 0;
}
.modal-dialog {
- position: relative;
- width: auto;
- margin: 0.5rem;
- pointer-events: none;
+ position: relative;
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none;
}
.modal.fade .modal-dialog {
- transition: transform 0.3s ease-out;
- transform: translate(0, -50px);
+ transition: transform 0.3s ease-out;
+ transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
- .modal.fade .modal-dialog {
- transition: none;
+ .modal.fade .modal-dialog {
+ transition: none;
}
}
.modal.show .modal-dialog {
- transform: none;
+ transform: none;
}
.modal.modal-static .modal-dialog {
- transform: scale(1.02);
+ transform: scale(1.02);
}
.modal-dialog-scrollable {
- display: flex;
- max-height: calc(100% - 1rem);
+ display: flex;
+ max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
- max-height: calc(100vh - 1rem);
- overflow: hidden;
+ max-height: calc(100vh - 1rem);
+ overflow: hidden;
}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
- flex-shrink: 0;
+ flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
- overflow-y: auto;
+ overflow-y: auto;
}
.modal-dialog-centered {
- display: flex;
- align-items: center;
- min-height: calc(100% - 1rem);
+ display: flex;
+ align-items: center;
+ min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
- display: block;
- height: calc(100vh - 1rem);
- content: "";
+ display: block;
+ height: calc(100vh - 1rem);
+ content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
- flex-direction: column;
- justify-content: center;
- height: 100%;
+ flex-direction: column;
+ justify-content: center;
+ height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
- max-height: none;
+ max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
- content: none;
+ 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;
+ 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;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
}
.modal-backdrop.fade {
- opacity: 0;
+ opacity: 0;
}
.modal-backdrop.show {
- opacity: 0.5;
+ 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);
+ 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;
+ padding: 1rem 1rem;
+ margin: -1rem -1rem -1rem auto;
}
.modal-title {
- margin-bottom: 0;
- line-height: 1.5;
+ margin-bottom: 0;
+ line-height: 1.5;
}
.modal-body {
- position: relative;
- flex: 1 1 auto;
- padding: 1rem;
+ 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);
+ 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;
+ margin: 0.25rem;
}
@media (min-width: 576px) {
- .modal-dialog {
- max-width: 500px;
- margin: 1.75rem auto;
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto;
}
- .modal-dialog-scrollable {
- max-height: calc(100% - 3.5rem);
+ .modal-dialog-scrollable {
+ max-height: calc(100% - 3.5rem);
}
- .modal-dialog-scrollable .modal-content {
- max-height: calc(100vh - 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 {
+ min-height: calc(100% - 3.5rem);
}
- .modal-dialog-centered::before {
- height: calc(100vh - 3.5rem);
+ .modal-dialog-centered::before {
+ height: calc(100vh - 3.5rem);
}
}
@media (min-width: 992px) {
- .modal-xl {
- max-width: 800px;
+ .modal-xl {
+ max-width: 800px;
}
}
@media (min-width: 1200px) {
- .modal-xl {
- max-width: 1140px;
+ .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;
+ 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;
+ opacity: 1;
}
.tooltip .arrow {
- position: absolute;
- display: block;
- width: 0.8rem;
- height: 0.4rem;
+ position: absolute;
+ display: block;
+ width: 0.8rem;
+ height: 0.4rem;
}
.tooltip .arrow::before {
- position: absolute;
- content: "";
- border-color: transparent;
- border-style: solid;
+ 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;
+ 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;
+ 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;
+ 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;
+ 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);
+ 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;
+ display: none;
}
.popover-body {
- padding: 0.5rem 0.75rem;
- color: #212529;
+ padding: 0.5rem 0.75rem;
+ color: #212529;
}
.carousel {
- position: relative;
+ position: relative;
}
.carousel.pointer-event {
- touch-action: pan-y;
+ 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;
+ 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 {
+ transition: none;
}
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
- display: block;
+ display: block;
}
.carousel-item-next:not(.carousel-item-left) {
- transform: translateX(100%);
+ transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right) {
- transform: translateX(-100%);
+ 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;
+ 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;
+ 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 li {
+ transition: none;
}
}
.carousel-indicators .active {
- opacity: 1;
+ opacity: 1;
}
.align-top {
- vertical-align: top !important;
+ vertical-align: top !important;
}
.align-middle {
- vertical-align: middle !important;
+ vertical-align: middle !important;
}
.bg-primary {
- background-color: var(--primary) !important;
+ 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;
+ background-color: #0062cc !important;
}
.bg-success {
- background-color: #38A169 !important;
+ background-color: #38A169 !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
- background-color: #1e7e34 !important;
+ background-color: #1e7e34 !important;
}
.bg-danger {
- background-color: #dc3545 !important;
+ background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
- background-color: #bd2130 !important;
+ background-color: #bd2130 !important;
}
.bg-light {
- background-color: #f8f9fa !important;
+ background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
- background-color: #dae0e5 !important;
+ background-color: #dae0e5 !important;
}
.bg-transparent {
- background-color: transparent !important;
+ background-color: transparent !important;
}
.border {
- border: 1px solid var(--gray-400) !important;
+ border: 1px solid var(--gray-400) !important;
}
.border-top {
- border-top: 1px solid var(--gray-400) !important;
+ border-top: 1px solid var(--gray-400) !important;
}
.border-bottom {
- border-bottom: 1px solid var(--gray-400) !important;
+ border-bottom: 1px solid var(--gray-400) !important;
}
.border-left {
- border-left: 1px solid var(--gray-400) !important;
+ border-left: 1px solid var(--gray-400) !important;
}
.border-0 {
- border: 0 !important;
+ border: 0 !important;
}
.border-bottom-0 {
- border-bottom: 0 !important;
+ border-bottom: 0 !important;
}
.border-warning {
- border-color: #ffc107 !important;
+ border-color: #ffc107 !important;
}
.border-white {
- border-color: #fff !important;
+ border-color: #fff !important;
}
.rounded {
- border-radius: 0.35rem !important;
+ border-radius: 0.35rem !important;
}
.rounded-lg {
- border-radius: 0.3rem !important;
+ border-radius: 0.3rem !important;
}
.rounded-circle {
- border-radius: 50% !important;
+ border-radius: 50% !important;
}
.d-none {
- display: none !important;
+ display: none !important;
}
.d-inline {
- display: inline !important;
+ display: inline !important;
}
.d-inline-block {
- display: inline-block !important;
+ display: inline-block !important;
}
.d-flex {
- display: flex !important;
+ display: flex !important;
}
.d-inline-flex {
- display: inline-flex !important;
+ display: inline-flex !important;
}
@media (min-width: 576px) {
- .d-sm-none {
- display: none !important;
+ .d-sm-none {
+ display: none !important;
}
- .d-sm-flex {
- display: flex !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;
- }
+ .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;
- }
+ .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;
+ position: relative;
+ display: block;
+ width: 100%;
+ padding: 0;
+ overflow: hidden;
}
.embed-responsive::before {
- display: block;
- content: "";
+ 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;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
}
.embed-responsive-16by9::before {
- padding-top: 56.25%;
+ padding-top: 56.25%;
}
.flex-row {
- flex-direction: row !important;
+ flex-direction: row !important;
}
.flex-column {
- flex-direction: column !important;
+ flex-direction: column !important;
}
.flex-row-reverse {
- flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important;
}
.flex-wrap {
- flex-wrap: wrap !important;
+ flex-wrap: wrap !important;
}
.flex-nowrap {
- flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important;
}
.flex-grow-1 {
- flex-grow: 1 !important;
+ flex-grow: 1 !important;
}
.flex-shrink-0 {
- flex-shrink: 0 !important;
+ flex-shrink: 0 !important;
}
.justify-content-end {
- justify-content: flex-end !important;
+ justify-content: flex-end !important;
}
.justify-content-center {
- justify-content: center !important;
+ justify-content: center !important;
}
.justify-content-between {
- justify-content: space-between !important;
+ justify-content: space-between !important;
}
.justify-content-around {
- justify-content: space-around !important;
+ justify-content: space-around !important;
}
.align-items-end {
- align-items: flex-end !important;
+ align-items: flex-end !important;
}
.align-items-center {
- align-items: center !important;
+ align-items: center !important;
}
@media (min-width: 768px) {
- .flex-md-row {
- flex-direction: row !important;
+ .flex-md-row {
+ flex-direction: row !important;
}
- .justify-content-md-between {
- justify-content: space-between !important;
+ .justify-content-md-between {
+ justify-content: space-between !important;
}
}
.float-right {
- float: right !important;
+ float: right !important;
}
.overflow-auto {
- overflow: auto !important;
+ overflow: auto !important;
}
.position-relative {
- position: relative !important;
+ position: relative !important;
}
.position-absolute {
- position: absolute !important;
+ position: absolute !important;
}
.fixed-top {
- position: fixed;
- top: 0;
- right: 0;
- left: 0;
- z-index: 1030;
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030;
}
.fixed-bottom {
- position: fixed;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 1030;
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030;
}
@supports (position: sticky) {
- .sticky-top {
- position: sticky;
- top: 0;
- z-index: 1020;
+ .sticky-top {
+ position: sticky;
+ top: 0;
+ z-index: 1020;
}
}
.shadow-sm {
- box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03) !important;
+ box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03) !important;
}
.shadow {
- box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05) !important;
+ box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05) !important;
}
.shadow-none {
- box-shadow: none !important;
+ box-shadow: none !important;
}
.w-100 {
- width: 100% !important;
+ width: 100% !important;
}
.h-100 {
- height: 100% !important;
+ 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);
+ 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;
+ margin: 0 !important;
}
.mt-0, .my-0 {
- margin-top: 0 !important;
+ margin-top: 0 !important;
}
.mr-0, .mx-0 {
- margin-right: 0 !important;
+ margin-right: 0 !important;
}
.mb-0, .my-0 {
- margin-bottom: 0 !important;
+ margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
- margin-left: 0 !important;
+ margin-left: 0 !important;
}
.m-1 {
- margin: 0.25rem !important;
+ margin: 0.25rem !important;
}
.mt-1, .my-1 {
- margin-top: 0.25rem !important;
+ margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
- margin-right: 0.25rem !important;
+ margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
- margin-bottom: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
- margin-left: 0.25rem !important;
+ margin-left: 0.25rem !important;
}
.mt-2, .my-2 {
- margin-top: 0.5rem !important;
+ margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
- margin-right: 0.5rem !important;
+ margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
- margin-bottom: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
- margin-left: 0.5rem !important;
+ margin-left: 0.5rem !important;
}
.mt-3, .my-3 {
- margin-top: 1rem !important;
+ margin-top: 1rem !important;
}
.mr-3, .mx-3 {
- margin-right: 1rem !important;
+ margin-right: 1rem !important;
}
.mb-3, .my-3 {
- margin-bottom: 1rem !important;
+ margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
- margin-left: 1rem !important;
+ margin-left: 1rem !important;
}
.m-4 {
- margin: 1.5rem !important;
+ margin: 1.5rem !important;
}
.mt-4, .my-4 {
- margin-top: 1.5rem !important;
+ margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
- margin-right: 1.5rem !important;
+ margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
- margin-bottom: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
- margin-left: 1.5rem !important;
+ margin-left: 1.5rem !important;
}
.mt-5, .my-5 {
- margin-top: 3rem !important;
+ margin-top: 3rem !important;
}
.mb-5, .my-5 {
- margin-bottom: 3rem !important;
+ margin-bottom: 3rem !important;
}
.mb-6, .my-6 {
- margin-bottom: 3.5rem !important;
+ margin-bottom: 3.5rem !important;
}
.mt-8, .my-8 {
- margin-top: 10rem !important;
+ margin-top: 10rem !important;
}
.mb-8, .my-8 {
- margin-bottom: 10rem !important;
+ margin-bottom: 10rem !important;
}
.p-0 {
- padding: 0 !important;
+ padding: 0 !important;
}
.pt-0, .py-0 {
- padding-top: 0 !important;
+ padding-top: 0 !important;
}
.pr-0, .px-0 {
- padding-right: 0 !important;
+ padding-right: 0 !important;
}
.pb-0, .py-0 {
- padding-bottom: 0 !important;
+ padding-bottom: 0 !important;
}
.pl-0, .px-0 {
- padding-left: 0 !important;
+ padding-left: 0 !important;
}
.pr-1, .px-1 {
- padding-right: 0.25rem !important;
+ padding-right: 0.25rem !important;
}
.py-1, .pb-1 {
- padding-bottom: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
- padding-left: 0.25rem !important;
+ padding-left: 0.25rem !important;
}
.p-2 {
- padding: 0.5rem !important;
+ padding: 0.5rem !important;
}
.pt-2, .py-2 {
- padding-top: 0.5rem !important;
+ padding-top: 0.5rem !important;
}
.pr-2, .px-2 {
- padding-right: 0.5rem !important;
+ padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
- padding-bottom: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
- padding-left: 0.5rem !important;
+ padding-left: 0.5rem !important;
}
.p-3 {
- padding: 1rem !important;
+ padding: 1rem !important;
}
.pt-3, .py-3 {
- padding-top: 1rem !important;
+ padding-top: 1rem !important;
}
.pr-3, .px-3 {
- padding-right: 1rem !important;
+ padding-right: 1rem !important;
}
.pb-3, .py-3 {
- padding-bottom: 1rem !important;
+ padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
- padding-left: 1rem !important;
+ padding-left: 1rem !important;
}
.p-4 {
- padding: 1.5rem !important;
+ padding: 1.5rem !important;
}
.pt-4, .py-4 {
- padding-top: 1.5rem !important;
+ padding-top: 1.5rem !important;
}
.pb-4, .py-4 {
- padding-bottom: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
}
.p-5 {
- padding: 3rem !important;
+ padding: 3rem !important;
}
.pt-5, .py-5 {
- padding-top: 3rem !important;
+ padding-top: 3rem !important;
}
.pb-5, .py-5 {
- padding-bottom: 3rem !important;
+ padding-bottom: 3rem !important;
}
.pt-7, .py-7 {
- padding-top: 5rem !important;
+ padding-top: 5rem !important;
}
.pb-7, .py-7 {
- padding-bottom: 5rem !important;
+ padding-bottom: 5rem !important;
}
.mt-n3 {
- margin-top: -1rem !important;
+ margin-top: -1rem !important;
}
.mt-n6 {
- margin-top: -3.5rem !important;
+ margin-top: -3.5rem !important;
}
.m-auto {
- margin: auto !important;
+ margin: auto !important;
}
.mt-auto, .my-auto {
- margin-top: auto !important;
+ margin-top: auto !important;
}
.mr-auto, .mx-auto {
- margin-right: auto !important;
+ margin-right: auto !important;
}
.mb-auto, .my-auto {
- margin-bottom: auto !important;
+ margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
- margin-left: auto !important;
+ margin-left: auto !important;
}
@media (min-width: 576px) {
- .mb-sm-5 {
- margin-bottom: 3rem !important;
+ .mb-sm-5 {
+ margin-bottom: 3rem !important;
}
}
@media (min-width: 768px) {
- .m-md-0 {
- margin: 0 !important;
+ .m-md-0 {
+ margin: 0 !important;
}
- .mb-md-0 {
- margin-bottom: 0 !important;
+ .mb-md-0 {
+ margin-bottom: 0 !important;
}
- .mb-md-1 {
- margin-bottom: 0.25rem !important;
+ .mb-md-1 {
+ margin-bottom: 0.25rem !important;
}
- .mr-md-2 {
- margin-right: 0.5rem !important;
+ .mr-md-2 {
+ margin-right: 0.5rem !important;
}
- .mb-md-2 {
- margin-bottom: 0.5rem !important;
+ .mb-md-2 {
+ margin-bottom: 0.5rem !important;
}
- .mt-md-3, .my-md-3 {
- margin-top: 1rem !important;
+ .mt-md-3, .my-md-3 {
+ margin-top: 1rem !important;
}
- .mb-md-3, .my-md-3 {
- margin-bottom: 1rem !important;
+ .mb-md-3, .my-md-3 {
+ margin-bottom: 1rem !important;
}
- .mb-md-5 {
- margin-bottom: 3rem !important;
+ .mb-md-5 {
+ margin-bottom: 3rem !important;
}
- .p-md-0 {
- padding: 0 !important;
+ .p-md-0 {
+ padding: 0 !important;
}
- .py-md-0 {
- padding-top: 0 !important;
+ .py-md-0 {
+ padding-top: 0 !important;
}
- .py-md-0 {
- padding-bottom: 0 !important;
+ .py-md-0 {
+ padding-bottom: 0 !important;
}
- .pl-md-0 {
- padding-left: 0 !important;
+ .pl-md-0 {
+ padding-left: 0 !important;
}
- .pb-md-1 {
- padding-bottom: 0.25rem !important;
+ .pb-md-1 {
+ padding-bottom: 0.25rem !important;
}
- .pl-md-3 {
- padding-left: 1rem !important;
+ .pl-md-3 {
+ padding-left: 1rem !important;
}
- .p-md-4 {
- padding: 1.5rem !important;
+ .p-md-4 {
+ padding: 1.5rem !important;
}
- .py-md-8 {
- padding-top: 10rem !important;
+ .py-md-8 {
+ padding-top: 10rem !important;
}
- .py-md-8 {
- padding-bottom: 10rem !important;
+ .py-md-8 {
+ padding-bottom: 10rem !important;
}
- .my-md-auto {
- margin-top: auto !important;
+ .my-md-auto {
+ margin-top: auto !important;
}
- .my-md-auto {
- margin-bottom: auto !important;
+ .my-md-auto {
+ margin-bottom: auto !important;
}
}
@media (min-width: 992px) {
- .mx-lg-5 {
- margin-right: 3rem !important;
+ .mx-lg-5 {
+ margin-right: 3rem !important;
}
- .mx-lg-5 {
- margin-left: 3rem !important;
+ .mx-lg-5 {
+ margin-left: 3rem !important;
}
- .mx-lg-auto {
- margin-right: auto !important;
+ .mx-lg-auto {
+ margin-right: auto !important;
}
- .mx-lg-auto {
- margin-left: auto !important;
+ .mx-lg-auto {
+ margin-left: auto !important;
}
}
.text-truncate {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.text-left {
- text-align: left !important;
+ text-align: left !important;
}
.text-right {
- text-align: right !important;
+ text-align: right !important;
}
.text-center {
- text-align: center !important;
+ text-align: center !important;
}
@media (min-width: 768px) {
- .text-md-left {
- text-align: left !important;
+ .text-md-left {
+ text-align: left !important;
}
- .text-md-center {
- text-align: center !important;
+ .text-md-center {
+ text-align: center !important;
}
}
.text-lowercase {
- text-transform: lowercase !important;
+ text-transform: lowercase !important;
}
.text-uppercase {
- text-transform: uppercase !important;
+ text-transform: uppercase !important;
}
.text-capitalize {
- text-transform: capitalize !important;
+ text-transform: capitalize !important;
}
.font-weight-normal {
- font-weight: 400 !important;
+ font-weight: 400 !important;
}
.font-weight-bold {
- font-weight: 600 !important;
+ font-weight: 600 !important;
}
.font-weight-bolder {
- font-weight: 700 !important;
+ font-weight: 700 !important;
}
.font-italic {
- font-style: italic !important;
+ font-style: italic !important;
}
.text-primary {
- color: var(--primary) !important;
+ color: var(--primary) !important;
}
a.text-primary:hover, a.text-primary:focus {
- color: #0056b3 !important;
+ color: #0056b3 !important;
}
.text-success {
- color: #38A169 !important;
+ color: #38A169 !important;
}
a.text-success:hover, a.text-success:focus {
- color: #19692c !important;
+ color: #19692c !important;
}
.text-info {
- color: #17a2b8 !important;
+ color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
- color: #0f6674 !important;
+ color: #0f6674 !important;
}
.text-warning {
- color: #ffc107 !important;
+ color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
- color: #ba8b00 !important;
+ color: #ba8b00 !important;
}
.text-danger {
- color: #dc3545 !important;
+ color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
- color: #a71d2a !important;
+ color: #a71d2a !important;
}
.text-muted {
- color: #6c757d !important;
+ color: #6c757d !important;
}
.text-decoration-none {
- text-decoration: none !important;
+ text-decoration: none !important;
}
.text-break {
- word-break: break-word !important;
- overflow-wrap: break-word !important;
+ word-break: break-word !important;
+ overflow-wrap: break-word !important;
}
.visible {
- visibility: visible !important;
+ visibility: visible !important;
}
.invisible {
- visibility: hidden !important;
+ visibility: hidden !important;
}
@media print {
- *, *::before, *::after {
- box-shadow: none !important;
+ *, *::before, *::after {
+ box-shadow: none !important;
}
- a:not(.btn) {
- text-decoration: underline;
+ a:not(.btn) {
+ text-decoration: underline;
}
- abbr[title]::after {
- content: " (" attr(title) ")";
+ abbr[title]::after {
+ content: " (" attr(title) ")";
}
- pre {
- white-space: pre-wrap !important;
+ pre {
+ white-space: pre-wrap !important;
}
- pre, blockquote {
- border: 1px solid #adb5bd;
- page-break-inside: avoid;
+ pre, blockquote {
+ border: 1px solid #adb5bd;
+ page-break-inside: avoid;
}
- thead {
- display: table-header-group;
+ thead {
+ display: table-header-group;
}
- tr, img {
- page-break-inside: avoid;
+ tr, img {
+ page-break-inside: avoid;
}
- p, h2, h3 {
- orphans: 3;
- widows: 3;
+ p, h2, h3 {
+ orphans: 3;
+ widows: 3;
}
- h2, h3 {
- page-break-after: avoid;
+ h2, h3 {
+ page-break-after: avoid;
}
- @page {
- size: a3;
+ @page {
+ size: a3;
}
- body {
- min-width: 992px !important;
+ body {
+ min-width: 992px !important;
}
- .container {
- min-width: 992px !important;
+ .container {
+ min-width: 992px !important;
}
- .navbar {
- display: none;
+ .navbar {
+ display: none;
}
- .badge {
- border: 1px solid #000;
+ .badge {
+ border: 1px solid #000;
}
- .table {
- border-collapse: collapse !important;
+ .table {
+ border-collapse: collapse !important;
}
- .table td, .table th {
- background-color: #fff !important;
+ .table td, .table th {
+ background-color: #fff !important;
}
- .table .thead-dark th {
- color: inherit;
- border-color: var(--gray-400);
+ .table .thead-dark th {
+ color: inherit;
+ border-color: var(--gray-400);
}
}
html {
- font-size: 14px;
+ font-size: 14px;
}
@supports (font-variation-settings: normal) {
- html {
- font-family: "Inter var", sans-serif;
+ html {
+ font-family: "Inter var", sans-serif;
}
}
body {
- color: var(--black);
- background-color: var(--gray-700);
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ color: var(--black);
+ background-color: var(--gray-700);
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
p {
- font-size: 14px;
+ 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;
+ 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);
+ padding-top: 98px;
+ background-color: var(--gray-600);
}
#page {
- background-color: var(--gray-700);
+ background-color: var(--gray-700);
}
#article {
- padding-top: 0;
- background-color: var(--gray-700);
+ padding-top: 0;
+ background-color: var(--gray-700);
}
#thread, #userpage {
- background-color: var(--gray-700);
+ background-color: var(--gray-700);
}
#article .navbar-light .navbar-nav .nav-link {
- color: var(--black);
+ color: var(--black);
}
#article .navbar-light .navbar-nav .nav-link:hover {
- background-color: transparent;
- color: var(--primary);
+ background-color: transparent;
+ color: var(--primary);
}
#article .navbar-light .navbar-nav .nav-link:focus {
- background-color: transparent;
- color: var(--primary);
+ background-color: transparent;
+ color: var(--primary);
}
.article-title {
- margin-bottom: 3rem;
- font-weight: 600;
- line-height: 3rem;
- margin-top: 2rem;
+ margin-bottom: 3rem;
+ font-weight: 600;
+ line-height: 3rem;
+ margin-top: 2rem;
}
#thread .custom-gutters {
- padding: 0 10px;
+ padding: 0 10px;
}
.custom-gutters {
- padding-left: 10px;
- padding-right: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
}
.sticky {
- position: -webkit-sticky;
- position: sticky;
- top: 43px;
- height: auto;
- overflow-y: auto;
- z-index: 4;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 43px;
+ height: auto;
+ overflow-y: auto;
+ z-index: 4;
}
.text-lg {
- font-size: 1.25rem !important;
+ font-size: 1.25rem !important;
}
.text-base {
- font-size: 1rem !important;
+ font-size: 1rem !important;
}
.text-small {
- font-size: 12px !important;
+ font-size: 12px !important;
}
.text-small-extra {
- font-size: 10.1px !important;
+ font-size: 10.1px !important;
}
#page p {
- font-size: 16px;
+ font-size: 16px;
}
a.dropdown-toggle:hover {
- text-decoration: none;
+ text-decoration: none;
}
.comment-text ul li ul {
- padding-left: 0;
+ padding-left: 0;
}
ul.no-bullets {
- list-style-type: none;
+ list-style-type: none;
}
ol > li {
- list-style-type: none;
- counter-increment: count;
- margin-bottom: 0.75rem;
+ list-style-type: none;
+ counter-increment: count;
+ margin-bottom: 0.75rem;
}
ol > li::before {
- content: counter(count) ".";
- font-weight: 600;
- margin-right: 0.5rem;
+ content: counter(count) ".";
+ font-weight: 600;
+ margin-right: 0.5rem;
}
.footer .list-inline-item:not(:last-child) {
- margin-right: 1.5rem;
+ margin-right: 1.5rem;
}
[data-bs-toggle=collapse] .fa:before {
- content: "\f139";
+ content: "\f139";
}
[data-bs-toggle=collapse].collapsed .fa:before {
- content: "\f13a";
+ content: "\f13a";
}
.btn {
- font-weight: 600;
- font-size: 1rem;
- border-radius: 0.2rem;
+ font-weight: 600;
+ font-size: 1rem;
+ border-radius: 0.2rem;
}
.btn-lg {
- font-size: 1rem;
+ font-size: 1rem;
}
.btn.disabled, .btn:disabled {
- opacity: 0.5;
+ opacity: 0.5;
}
.btn-success, .btn-danger {
- color: var(--white);
+ color: var(--white);
}
.btn.login, .btn.register {
- height: calc(1.5em + 0.75rem + 2px);
- border-radius: 0.35rem;
+ height: calc(1.5em + 0.75rem + 2px);
+ border-radius: 0.35rem;
}
.tooltip {
- font-weight: 600;
+ font-weight: 600;
}
.tooltip-inner {
- background-color: var(--white);
- color: var(--dark);
+ background-color: var(--white);
+ color: var(--dark);
}
.alert {
- padding: 0.5rem 3rem 0.5rem 1rem;
+ padding: 0.5rem 3rem 0.5rem 1rem;
}
.alert-dismissible .close {
- padding: 0.5rem 1.25rem;
- bottom: 0;
+ 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;
+ margin-right: 0rem;
}
.alert .fa, .alert .fas, .alert .far, .alert .fab {
- margin-right: 0.5rem;
+ 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);
+ 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;
+ 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;
+ width: auto;
+ height: auto;
}
.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon {
- background: transparent;
+ background: transparent;
}
.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler {
- border: none;
+ border: none;
}
.navbar-expand-md .navbar-nav .nav-link {
- padding-left: 1rem;
- padding-right: 1rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
}
#page .navbar-light .navbar-nav .nav-link {
- color: var(--dark);
+ color: var(--dark);
}
#page .navbar-light .navbar-nav .nav-link:hover {
- background-color: transparent;
- color: var(--primary);
+ background-color: transparent;
+ color: var(--primary);
}
.navbar-brand, .navbar-light .navbar-brand {
- color: var(--primary);
- font-weight: 600;
+ color: var(--primary);
+ font-weight: 600;
}
.navbar-dark .navbar-brand {
- color: var(--white);
+ color: var(--white);
}
.navbar .text-white {
- color: var(--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;
+ 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;
+ padding: 0.25rem 0.5rem;
}
.navbar-expand-md .navbar-nav .nav-link {
- padding: 0.25rem 0.5rem;
+ padding: 0.25rem 0.5rem;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
- color: var(--black);
+ color: var(--black);
}
.navbar-light .navbar-nav .nav-link:hover {
- border-radius: 0.35rem;
+ border-radius: 0.35rem;
}
.navbar-light .navbar-nav .nav-link:focus {
- background-color: rgba(0, 0, 0, 0.15);
- border-radius: 0.35rem;
+ background-color: rgba(0, 0, 0, 0.15);
+ border-radius: 0.35rem;
}
.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab {
- color: var(--primary);
- text-align: center;
- font-size: 1rem;
+ color: var(--primary);
+ text-align: center;
+ font-size: 1rem;
}
.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab {
- color: var(--white);
- text-align: center;
- font-size: 1rem;
+ color: var(--white);
+ text-align: center;
+ font-size: 1rem;
}
.navbar-light .navbar-nav .btn-primary.nav-link {
- color: var(--white);
+ color: var(--white);
}
.navbar-dark .navbar-nav .nav-link {
- color: var(--white);
+ color: var(--white);
}
.navbar-dark .navbar-nav .nav-link:hover {
- background-color: rgba(0, 0, 0, 0.15);
- border-radius: 0.35rem;
+ 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;
+ 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;
+ 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);
+ 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);
+ color: var(--white);
}
.post-nav .nav-link {
- color: var(--muted);
- font-size: 1rem;
- font-weight: 600;
- padding: 0.75rem 1rem;
+ color: var(--muted);
+ font-size: 1rem;
+ font-weight: 600;
+ padding: 0.75rem 1rem;
}
.settings-nav .nav-link {
- color: var(--gray-200);
- font-size: 1rem;
- font-weight: 400;
- padding: 0.75rem 1rem;
+ color: var(--gray-200);
+ font-size: 1rem;
+ font-weight: 400;
+ padding: 0.75rem 1rem;
}
.post-nav > .nav-item > .nav-link.active {
- color: var(--primary);
+ color: var(--primary);
}
.settings-nav > .nav-item > .nav-link.active {
- color: var(--primary);
- box-shadow: inset 0 -2px 0 var(--primary);
+ 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);
+ 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);
+ 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);
+ 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);
+ 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);
+ 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);
+ color: var(--primary);
}
.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal {
- font-size: 16px;
- color: var(--muted);
+ font-size: 16px;
+ color: var(--muted);
}
.color-picker input[type=radio] {
- display: none;
+ display: none;
}
label.color-radio {
- display: inline-block;
- width: 25px;
- height: 25px;
- margin: 0.5rem 1rem 0.5rem 0;
- cursor: pointer;
+ 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;
+ 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;
+ 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);
+ 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);
+ 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);
+ 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);
+ border-color: var(--primary);
}
.form-inline.search .form-control:active, .form-inline.search .form-control:focus {
- background-color: var(--gray-900);
- color: var(--black);
+ background-color: var(--gray-900);
+ color: var(--black);
}
.form-inline.search .form-control, .form-control[readonly] {
- background-color: var(--gray-800);
- font-size: 1rem;
- color: var(--white);
+ 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);
+ color: var(--black);
}
.form-inline.search .form-control::placeholder {
- color: var(--black);
+ color: var(--black);
}
.form-inline.search .form-control::-ms-input-placeholder {
- color: var(--black);
+ color: var(--black);
}
.form-inline.search .form-control::-ms-input-placeholder {
- color: var(--black);
+ color: var(--black);
}
.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder {
- color: var(--black);
+ color: var(--black);
}
.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder {
- color: var(--black);
+ color: var(--black);
}
.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder {
- color: var(--black);
+ color: var(--black);
}
.form-control {
- color: var(--muted);
- border-color: var(--muted);
- border-width: 2px;
- background: #dee2e6;
- transition: none;
+ color: var(--muted);
+ border-color: var(--muted);
+ border-width: 2px;
+ background: #dee2e6;
+ transition: none;
}
.form-control:disabled, .form-control[readonly] {
- background-color: var(--dark);
+ background-color: var(--dark);
}
.form-control:hover {
- color: var(--black);
- background-color: var(--gray-600);
- outline: 0;
- border-color: var(--primary);
- box-shadow: none;
+ 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;
+ color: var(--black);
+ background-color: var(--gray-900);
+ outline: 0;
+ border-color: var(--primary);
+ box-shadow: none;
}
.form-control::placeholder {
- color: var(--black);
+ color: var(--black);
}
.form-control::-ms-input-placeholder {
- color: var(--black);
+ color: var(--black);
}
.form-control::-ms-input-placeholder {
- color: var(--black);
+ color: var(--black);
}
label {
- font-weight: 600;
- font-size: 12px;
- letter-spacing: 0.025rem;
- color: var(--black);
+ font-weight: 600;
+ font-size: 12px;
+ letter-spacing: 0.025rem;
+ color: var(--black);
}
#login label {
- color: var(--black);
+ color: var(--black);
}
label.terms {
- font-weight: normal;
- text-transform: none;
- font-size: 13px;
- color: var(--black);
- vertical-align: middle;
- padding: 0.1rem 0;
+ 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);
+ padding: 0.5rem;
+ color: var(--white);
+ background-color: var(--gray-600);
}
.dropdown-item {
- padding: 0.5rem 1rem;
- border-radius: 0.35rem;
- color: var(--black);
+ padding: 0.5rem 1rem;
+ border-radius: 0.35rem;
+ color: var(--black);
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
- color: var(--black);
- text-decoration: none;
- background-color: var(--gray-300);
+ color: var(--black);
+ text-decoration: none;
+ background-color: var(--gray-300);
}
.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, .dropdown-item:focus .fa, .dropdown-item.active .fa {
- color: var(--black);
+ color: var(--black);
}
small, .small {
- font-size: 12px;
+ 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);
+ -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;
+ 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);
+ 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;
+ position: relative;
+ z-index: 2;
+ font-size: 12px;
+ font-weight: 600;
+ text-align: center;
+ word-break: keep-all;
+ min-width: 40px;
}
#thread .voting {
- min-width: 10px;
- margin-right: 10px;
- overflow-wrap: normal;
+ min-width: 10px;
+ margin-right: 10px;
+ overflow-wrap: normal;
}
#frontpage .voting, #search .voting, #userpage .voting {
- margin: auto 0;
+ margin: auto 0;
}
.active.arrow-up::before {
- color: var(--primary);
+ 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";
+ 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;
+ color: var(--primary);
+ opacity: 0.5;
}
.active.arrow-down::before {
- color: #38B2AC;
+ 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";
+ cursor: pointer;
+ font-size: 1.3rem;
+ color: var(--gray-200);
+ font-family: "font awesome 5 pro" !important;
+ font-weight: 900;
+ content: "\f354";
}
.arrow-down:hover::before {
- color: #38B2AC;
- opacity: 0.5;
+ color: #38B2AC;
+ opacity: 0.5;
}
.comment-actions .arrow-up {
- top: 0;
+ top: 0;
}
.comment-actions .arrow-down {
- bottom: 0;
+ bottom: 0;
}
.upvoted .arrow-mobile-up {
- color: var(--primary) !important;
+ color: var(--primary) !important;
}
.downvoted .arrow-mobile-down {
- color: #38B2AC !important;
+ color: #38B2AC !important;
}
.comment-actions .score {
- color: var(--muted);
+ color: var(--muted);
}
.score {
- color: var(--black);
- font-size: 1.1rem;
+ color: var(--black);
+ font-size: 1.1rem;
}
.score-up {
- color: var(--primary) !important;
- font-size: 1.1rem;
+ color: var(--primary) !important;
+ font-size: 1.1rem;
}
.score-down {
- color: #38B2AC !important;
- font-size: 1.1rem;
+ color: #38B2AC !important;
+ font-size: 1.1rem;
}
.box-shadow-bottom {
- box-shadow: inset 0 -0.1px 0 var(--gray-400);
+ box-shadow: inset 0 -0.1px 0 var(--gray-400);
}
.border-1 {
- border-width: 0.1px;
- border-style: solid;
+ border-width: 0.1px;
+ border-style: solid;
}
.border-2 {
- border-width: 2px;
- border-style: solid;
+ border-width: 2px;
+ border-style: solid;
}
.border-3 {
- border-width: 3px;
- border-style: solid;
+ border-width: 3px;
+ border-style: solid;
}
.opacity-25 {
- opacity: 0.25;
+ opacity: 0.25;
}
.pseudo-submit-form .card-header {
- background-color: var(--gray-600) !important;
+ 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;
+ 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;
+ padding-left: 10px;
+ padding-right: 10px;
}
#frontpage .pseudo-submit-form.card .card-body .form-control {
- background-color: var(--light);
+ 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);
+ background-color: var(--light);
}
.user-name {
- color: inherit;
+ color: inherit;
}
.banner-pic-135 {
- object-fit: cover;
- height: 135px;
- max-width: 572px;
- width: 572px;
+ 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;
+ 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;
+ display: inline-block;
+ width: 28px;
+ height: 28px;
}
.profile-pic-20, .pp20, img[src*="/uid/"], img[src*="/pp/"] {
- margin-right: 0.25rem !important;
- width: 20px;
- height: 20px;
- border-radius: 50%;
- text-align: center;
- object-fit: cover;
- background-color: var(--gray-600);
+ 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);
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ text-align: center;
+ object-fit: cover;
+ background-color: var(--gray-600);
}
.profile-pic-35 {
- width: 35px;
- height: 35px;
- border-radius: 50%;
- text-align: center;
- object-fit: cover;
- background-color: var(--gray-600);
+ 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);
+ 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);
+ 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);
+ 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);
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+ text-align: center;
+ object-fit: cover;
+ background-color: var(--gray-600);
}
.card-header:first-child {
- border-radius: 0.35rem 0.35rem 0 0;
+ 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);
+ font-size: 1rem;
+ font-weight: 600;
+ color: var(--black);
+ padding: 0.5rem 1rem;
+ border-bottom: 0.1px solid var(--gray-400);
}
.card {
- background-color: var(--gray-900);
+ background-color: var(--gray-900);
}
#thread .card {
- background-color: var(--gray-700);
+ background-color: var(--gray-700);
}
#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type {
- border-top-left-radius: 0.35rem;
- border-top-right-radius: 0.35rem;
+ border-top-left-radius: 0.35rem;
+ border-top-right-radius: 0.35rem;
}
#frontpage .posts .card, #userpage .posts .card, #search .posts .card {
- border-width: 0.1px 0.1px 0 0.1px;
- border-color: #303030;
- border-style: solid;
- border-radius: 0;
- padding: 0.5rem;
+ border-width: 0.1px 0.1px 0 0.1px;
+ border-color: #303030;
+ border-style: solid;
+ border-radius: 0;
+ padding: 0.5rem;
+ padding-bottom: 0.1rem !important;
}
#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover {
- background-color: var(--gray-600);
+ background-color: var(--gray-600);
}
.post-title {
- font-size: 16px;
- font-weight: 600;
- word-break: break-word;
- overflow: hidden;
+ font-size: 16px;
+ font-weight: 600;
+ word-break: break-word;
+ overflow: hidden;
}
.post-title a {
- color: var(--black);
+ color: var(--black);
}
.post-title a:hover, .post-title a:active, .post-title a:focus {
- text-decoration: none;
- color: var(--primary);
+ text-decoration: none;
+ color: var(--primary);
}
#frontpage .post-title a {
- color: var(--black);
+ color: var(--black);
}
#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus {
- text-decoration: none;
- color: var(--black);
+ text-decoration: none;
+ color: var(--black);
}
.stretched-link a:hover {
- color: #6f42c1;
+ color: #6f42c1;
}
.post-meta {
- position: relative;
- z-index: 2;
- color: var(--muted);
- font-size: 12px;
- width: fit-content;
+ position: relative;
+ z-index: 2;
+ color: var(--muted);
+ font-size: 12px;
+ width: fit-content;
}
#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer {
- border: 0;
- background-color: transparent;
- padding: 0;
+ border: 0;
+ background-color: transparent;
+ padding: 0;
}
.post-body {
- word-break: break-word;
- overflow: hidden;
+ word-break: break-word;
+ overflow: hidden;
}
.modal-backdrop.show {
- opacity: 1;
- background-color: rgba(30, 30, 30, 0.9);
+ opacity: 1;
+ background-color: rgba(30, 30, 30, 0.9);
}
.modal-backdrop {
- background-color: transparent;
+ 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);
+ 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;
+ 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);
+ 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;
+ 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);
+ 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);
+ background-color: var(--gray-300);
}
.modal .post-actions a, .post-actions button {
- color: var(--black);
- font-size: 1rem;
+ color: var(--black);
+ font-size: 1rem;
}
.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far {
- width: 1.25rem;
- font-size: 1rem;
+ width: 1.25rem;
+ font-size: 1rem;
}
.post-actions {
- position: relative;
- color: var(--muted);
- font-weight: 600;
- font-size: 12px;
+ 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;
+ font-size: 12px;
+ margin-right: 0.5rem;
+ width: 1rem;
}
.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far {
- color: inherit;
+ color: inherit;
}
.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas {
- color: var(--black);
+ color: var(--black);
}
.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas {
- color: var(--gray);
+ color: var(--gray);
}
.post-actions a, .post-actions button:hover .fa, .post-actions a, .post-actions button:hover .fas {
- color: var(--black);
+ color: var(--black);
}
.post-actions:hover, .post-actions:focus {
- z-index: 4;
+ z-index: 4;
}
.post-actions .copy-link:hover {
- color: var(--black);
+ color: var(--black);
}
.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h {
- font-size: 1.25rem;
- vertical-align: middle;
+ font-size: 1.25rem;
+ vertical-align: middle;
}
.post-actions .list-inline {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.post-actions .list-inline .list-inline-item {
- margin-right: 1rem;
+ margin-right: 1rem;
}
.post-actions .list-inline .list-inline-item:last-child {
- margin-right: 0;
+ margin-right: 0;
}
.close .far, .close .fab, .close .fal, .close .fas {
- font-size: 1.25rem;
+ font-size: 1.25rem;
}
@media (max-width: 767.98px) {
- .modal-dialog {
- margin: auto;
- max-width: 80%;
+ .modal-dialog {
+ margin: auto;
+ max-width: 80%;
}
}
.dropdown-actions {
- position: relative;
- color: var(--muted);
- font-weight: 600;
- font-size: 12px;
- z-index: 3;
+ 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;
+ 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;
+ color: inherit;
}
.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas {
- color: var(--black);
+ color: var(--black);
}
.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas {
- color: var(--black);
+ color: var(--black);
}
.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas {
- color: var(--black);
+ color: var(--black);
}
.dropdown-actions:hover, .dropdown-actions:focus {
- z-index: 4;
+ z-index: 4;
}
.dropdown-actions .copy-link:hover {
- color: var(--black);
+ color: var(--black);
}
.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h {
- font-size: 1.25rem;
- vertical-align: middle;
+ font-size: 1.25rem;
+ vertical-align: middle;
}
.dropdown-actions .list-inline {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.dropdown-actions .list-inline .list-inline-item {
- margin-right: 1rem;
+ margin-right: 1rem;
}
.dropdown-actions .list-inline .list-inline-item:last-child {
- margin-right: 0;
+ margin-right: 0;
}
.page-link {
- font-weight: 600;
- background-color: var(--dark);
- border: 0.1px solid #343a40;
+ font-weight: 600;
+ background-color: var(--dark);
+ border: 0.1px solid #343a40;
}
.page-link:hover {
- background-color: var(--gray-100);
+ 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;
+ 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 {
+ 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:last-child {
+ margin-right: 0;
}
}
.post-actions .list-inline .list-inline-item .dropdown-item {
- font-size: 1rem;
+ font-size: 1rem;
}
.post-actions .list-inline .list-inline-item .dropdown-item:active {
- color: var(--white);
+ color: var(--white);
}
.post-actions a, .post-actions button {
- color: var(--gray-100);
- text-decoration: none;
- text-transform: none;
+ color: var(--gray-100);
+ text-decoration: none;
+ text-transform: none;
}
.post-actions a, .post-actions button:hover {
- color: var(--black);
+ color: var(--black);
}
.post-actions .dropdown-item:hover {
- color: var(--black);
+ 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);
+ 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-img {
+ width: 80px;
+ height: 60px;
}
}
.post-actions .comments, .post-actions .share, .post-actions .flag {
- margin-right: 0.5rem;
- vertical-align: top;
+ margin-right: 0.5rem;
+ vertical-align: top;
}
.time-stamp, .points {
- color: var(--muted);
+ color: var(--muted);
}
.comments-count {
- display: flex;
+ display: flex;
}
.comments-count .total {
- font-weight: 600;
- font-size: 12px;
- color: var(--muted);
+ font-weight: 600;
+ font-size: 12px;
+ color: var(--muted);
}
.comment {
- display: flex;
- position: relative;
- margin-top: 2rem;
- padding-left: 12px;
+ display: flex;
+ position: relative;
+ margin-top: 2rem;
+ padding-left: 12px;
}
#notifications .comment, #userpage .comment {
- margin-top: 0.5rem;
- margin-bottom: 1rem;
+ margin-top: 0.5rem;
+ margin-bottom: 1rem;
}
#notifications .comment:last-child, #userpage .comment:last-child {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.comment .comment-body {
- width: 100%;
+ width: 100%;
}
.comment .comment-body .user-info {
- font-size: 12px;
- color: var(--muted);
- margin-bottom: 0.25rem;
- margin-top: -0.25rem;
+ font-size: 12px;
+ color: var(--muted);
+ margin-bottom: 0.25rem;
+ margin-top: -0.25rem;
}
.comment .comment-body .user-name {
- color: var(--black);
+ 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;
+ 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);
+ 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;
+ background-color: var(--gray-300) !important;
}
.modal .comment-actions a {
- color: var(--gray-100);
- font-size: 1rem;
+ 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;
+ width: 1.25rem;
+ font-size: 1rem;
}
.comment-section {
- background-color: var(--gray-700);
+ background-color: var(--gray-700);
}
.comment p {
- word-break: break-word;
+ word-break: break-word;
}
.comment-actions {
- font-weight: 600;
- font-size: 12px;
- margin-bottom: 0;
+ 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);
+ 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 .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);
+ color: var(--black);
}
.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far {
- color: var(--black);
+ color: var(--black);
}
.comment-actions a:hover .fa, .comment-actions a:hover .fas, .comment-actions a:hover .far {
- color: var(--black);
+ color: var(--black);
}
.comment-actions .fas.fa-ellipsis-h {
- font-size: 1.25rem;
- vertical-align: bottom;
+ font-size: 1.25rem;
+ vertical-align: bottom;
}
.comment-actions .list-inline {
- margin-bottom: 0;
+ 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;
+ margin-right: 0.5rem;
+ box-shadow: none;
+ border: none;
+ font-size: 12px;
}
.comment-actions .list-inline .list-inline-item .dropdown-item {
- font-size: 12px;
+ font-size: 12px;
}
.comment-actions .list-inline .list-inline-item .dropdown-item:active {
- color: var(--black);
+ color: var(--black);
}
.comment-actions a {
- color: var(--gray-100);
- text-decoration: none;
+ color: var(--gray-100);
+ text-decoration: none;
}
.comment-actions a:hover, .comment-actions .copy-link:hover {
- color: var(--black);
+ color: var(--black);
}
.comment-actions .dropdown-item:hover {
- color: var(--black);
+ color: var(--black);
}
ul.comment-section {
- padding-left: 0;
- margin-bottom: 0;
+ padding-left: 0;
+ margin-bottom: 0;
}
.comment-write {
- position: relative;
+ position: relative;
}
.comment-write.child {
- margin-top: 1rem;
+ margin-top: 1rem;
}
.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active {
- background-color: var(--gray-900);
+ background-color: var(--gray-900);
}
.comment-write.collapsed textarea {
- width: 100%;
- box-sizing: border-box;
- padding: 0.5rem 0.75rem;
- min-height: 84px;
+ width: 100%;
+ box-sizing: border-box;
+ padding: 0.5rem 0.75rem;
+ min-height: 84px;
}
.comment-format {
- display: flex;
- align-items: center;
- bottom: 0;
- left: 0;
- padding: 0.5rem 0 0 0;
- width: 100%;
- z-index: 1;
+ 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);
+ padding: 0 0.5rem;
+ font-size: 1rem;
+ color: var(--gray-200);
}
.comment-write .comment-format .format:hover {
- color: var(--black);
+ color: var(--black);
}
.comment .comment-collapse-icon:hover::before {
- border-left-color: var(--primary);
+ 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;
+ 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);
+ 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;
+ display: none;
}
.comment.collapsed .user-info {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.comment.collapsed .profile-pic-25 {
- opacity: 0.5;
+ opacity: 0.5;
}
.comment.collapsed .comment-body {
- opacity: 0.5;
+ opacity: 0.5;
}
.comment.collapsed .comment-body:hover {
- opacity: 1;
+ opacity: 1;
}
#login {
- padding-top: 0;
- height: 100%;
- overflow: hidden;
- background-color: var(--light);
+ padding-top: 0;
+ height: 100%;
+ overflow: hidden;
+ background-color: var(--light);
}
.splash-wrapper {
- position: relative;
- width: 100%;
- height: 100%;
- font-size: 0;
+ 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%);
+ 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;
+ height: 100%;
+ width: 100%;
+ background-size: cover;
+ background-position: bottom;
+ object-fit: cover;
}
.pagination {
- padding: 1rem 0;
+ padding: 1rem 0;
}
.table .thead-dark th {
- color: var(--muted);
- font-size: 12px;
- text-transform: uppercase;
- border: none;
+ 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;
+ 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;
+ padding: 1rem;
}
.settings .settings-section .title p:last-of-type {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.settings .settings-section .footer {
- background-color: var(--secondary);
+ background-color: var(--secondary);
}
.modal .profile-actions .list-group-item {
- border: none;
- border-radius: 0.35rem;
+ 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);
+ background-color: var(--gray-200);
}
.modal .profile-actions a {
- color: var(--black);
- font-size: 1rem;
+ color: var(--black);
+ font-size: 1rem;
}
.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far {
- width: 1.25rem;
- font-size: 1rem;
+ width: 1.25rem;
+ font-size: 1rem;
}
.profile-actions a {
- color: var(--gray);
- text-decoration: none;
- font-size: 12px;
+ color: var(--gray);
+ text-decoration: none;
+ font-size: 12px;
}
.profile-actions .fa, .profile-actions .fas, .profile-actions .far {
- font-size: 12px;
- color: var(--gray);
+ font-size: 12px;
+ color: var(--gray);
}
.profile-actions .dropdown-item:hover {
- color: var(--black);
+ color: var(--black);
}
.profile-actions .dropdown-item {
- font-size: 13px;
+ 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;
+ 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);
+ color: var(--black);
}
.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far {
- color: var(--black);
+ 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;
+ font-weight: 600;
}
#page .footer a, #article .footer a {
- color: var(--white);
- opacity: 0.8;
+ color: var(--white);
+ opacity: 0.8;
}
#page .footer li, #article .footer li {
- padding: 0.25rem 0;
+ padding: 0.25rem 0;
}
.footer .list-inline-item {
- font-weight: 400;
+ font-weight: 400;
}
.footer a {
- text-decoration: none;
- color: var(--muted);
+ text-decoration: none;
+ color: var(--muted);
}
.footer a:hover, .footer a:focus, .footer a:active {
- text-decoration: underline;
+ text-decoration: underline;
}
.empty-state-img {
- width: 200px;
- opacity: 0.35;
- filter: brightness(0);
+ width: 200px;
+ opacity: 0.35;
+ filter: brightness(0);
}
.border-top {
- border-top: 1px solid var(--gray-400) !important;
+ border-top: 1px solid var(--gray-400) !important;
}
.border-bottom {
- border-bottom: 1px solid var(--gray-400) !important;
+ border-bottom: 1px solid var(--gray-400) !important;
}
.border-left {
- border-left: 1px solid var(--gray-400) !important;
+ border-left: 1px solid var(--gray-400) !important;
}
.border-bottom-0 {
- border-bottom: 0 !important;
+ border-bottom: 0 !important;
}
.border {
- border: 1px solid var(--gray-400) !important;
+ border: 1px solid var(--gray-400) !important;
}
.border-0 {
- border: none !important;
+ border: none !important;
}
.rounded {
- border-radius: 0.35rem;
+ border-radius: 0.35rem;
}
.rounded-circle {
- border-radius: 50%;
+ border-radius: 50%;
}
@media (min-width: 768px) {
- .border-md {
- border: 1px solid var(--gray-400) !important;
+ .border-md {
+ border: 1px solid var(--gray-400) !important;
}
- .border-md-0 {
- border: none !important;
+ .border-md-0 {
+ border: none !important;
}
- .rounded-md {
- border-radius: 0.35rem;
+ .rounded-md {
+ border-radius: 0.35rem;
}
}
@media (min-width: 992px) {
- .rounded-lg {
- border-radius: 0.35rem;
+ .rounded-lg {
+ border-radius: 0.35rem;
}
}
@media (min-width: 992px) {
- .w-lg-25 {
- width: 25% !important;
+ .w-lg-25 {
+ width: 25% !important;
}
- .w-lg-75 {
- width: 75% !important;
+ .w-lg-75 {
+ width: 75% !important;
}
- .w-lg-95 {
- width: 95% !important;
- }
- .w-lg-100 {
- width: 100% !important;
+ .w-lg-95 {
+ width: 95% !important;
+ }
+ .w-lg-100 {
+ width: 100% !important;
}
}
.submission .body {
- padding: 1rem;
+ padding: 1rem;
}
.submission .footer {
- background-color: transparent;
- padding: 1rem;
- border-bottom-left-radius: 0.25rem;
- border-bottom-right-radius: 0.25rem;
+ 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);
+ 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;
+ background-color: var(--primary);
+ border: 0.1px solid #6f42c1;
}
.custom-switch {
- padding-left: 2.25rem;
- padding-bottom: 1rem;
+ padding-left: 2.25rem;
+ padding-bottom: 1rem;
}
.custom-switch .custom-control-label {
- padding-top: 0.5rem;
- padding-left: 2rem;
- padding-bottom: 0.1rem;
+ 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;
+ opacity: 1;
+ background-color: var(--primary);
+ border: #38A169 solid 0.1px;
}
.custom-control-input:checked ~ .custom-control-label:hover::before {
- opacity: 1;
+ 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;
+ 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;
+ 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;
+ 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-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);
+ 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);
+ word-break: break-word;
+ white-space: break-spaces;
+ color: var(--primary);
}
pre ol > li {
- margin-bottom: 0;
+ 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;
+ 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;
+ color: #38A169;
+ opacity: 0.75;
}
pre .com, code .com {
- color: #ab4bc3;
+ color: #ab4bc3;
}
.gif-categories .card {
- overflow: hidden;
- border: none;
+ overflow: hidden;
+ border: none;
}
.gif-categories img {
- border-radius: 0.35rem;
- height: 100px;
- width: 100%;
- object-fit: cover;
- -webkit-transition: all 0.15s ease;
- -moz-transition: all 0.15s ease;
- -o-transition: all 0.15s ease;
- -ms-transition: all 0.15s ease;
- transition: all 0.15s ease;
+ border-radius: 0.35rem;
+ height: 100px;
+ width: 100%;
+ object-fit: cover;
+ -webkit-transition: all 0.15s ease;
+ -moz-transition: all 0.15s ease;
+ -o-transition: all 0.15s ease;
+ -ms-transition: all 0.15s ease;
+ transition: all 0.15s ease;
}
@media (min-width: 991.98px) {
- .gif-categories img {
- height: 200px;
- }
+ .gif-categories img {
+ height: 200px;
+ }
}
.gif-categories img:hover {
- border: 3px solid var(--primary);
+ 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;
+ 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;
+ 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;
+ body {
+ padding-top: 72px;
}
}
@media (max-width: 767.98px) {
- html {
- font-size: 14px;
+ html {
+ font-size: 14px;
}
- .container {
- overflow: hidden;
- max-width: none;
+ .container {
+ overflow: hidden;
+ max-width: none;
}
- body, #settings, #notifications, #submit {
- background-color: var(--gray-700);
+ body, #settings, #notifications, #submit {
+ background-color: var(--gray-700);
}
- #thread, #userpage {
- background-color: var(--gray-600);
+ #thread, #userpage {
+ background-color: var(--gray-600);
}
- .custom-gutters, .user-gutters {
- padding-left: 2px;
- padding-right: 2px;
+ .custom-gutters, .user-gutters {
+ padding-left: 2px;
+ padding-right: 2px;
}
- .navbar.bg-primary {
- background-color: var(--dark) !important;
+ .navbar.bg-primary {
+ background-color: var(--dark) !important;
}
- .navbar-nav {
- height: 100vh;
+ .navbar-nav {
+ height: 100vh;
}
- .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link {
- padding: 0.5rem;
+ .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: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: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-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;
+ .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;
+ #fixed-bar-mobile {
+ box-shadow: none;
}
- .mobile-nav-icon {
- padding: 0.25rem 0.6rem;
+ .mobile-nav-icon {
+ padding: 0.25rem 0.6rem;
}
- #thread, #submit {
- background-color: var(--light);
+ #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;
+ #search .search-results.card {
+ border-bottom: 0.1px solid var(--gray-400);
+ border-width: 0 0 0.1px 0;
+ border-radius: 0;
}
- #frontpage .posts .card, #userpage .posts .card, #search .posts .card {
- padding: 7px;
- border-width: 0 0 0.1px 0;
+ #frontpage .posts .card, #userpage .posts .card, #search .posts .card {
+ padding: 7px;
+ border-width: 0 0 0.1px 0;
}
- #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type {
- border-radius: 0;
+ #frontpage .posts .card: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, #userpage .posts .card, #search .posts .card, #userpage .posts .card {
+ background-color: var(--gray-600);
+ padding-bottom: 0.5rem !important;
}
- #frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a {
- color: var(--primary);
+ #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;
+ #frontpage .posts .card .post-img, #search .posts .card .post-img {
+ z-index: 3;
}
- .toast {
- bottom: 1.5rem;
- margin: 0 auto;
- left: 0;
- right: 0;
+ .toast {
+ bottom: 1.5rem;
+ margin: 0 auto;
+ left: 0;
+ right: 0;
}
- #thread .card {
- background-color: var(--gray-600);
+ #thread .card {
+ background-color: var(--gray-600);
}
- .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;
+ .posts, #thread #main-content-col {
+ box-shadow: none;
+ border: none;
+ border-radius: 0;
}
- #thread #main-content-col {
- margin: 0;
+ #thread #main-content-col {
+ margin: 0;
}
- .post-title a {
- color: var(--black);
+ .post-title a {
+ color: var(--black);
}
- .post-title a:hover, .post-title a:active, .post-title a:focus {
- color: var(--primary);
+ .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;
+ #thread .voting {
+ min-width: 0;
+ margin-right: 0;
+ margin-top: 0;
}
- .voting {
- font-weight: 400;
- font-size: 1.2rem;
+ .voting {
+ font-weight: 400;
+ font-size: 1.2rem;
}
- #frontpage .voting, #search .voting, #userpage .voting {
- margin: 0;
+ #frontpage .voting, #search .voting, #userpage .voting {
+ margin: 0;
}
- .post-title {
- font-size: 14px;
- font-weight: 400;
- line-height: normal;
- overflow: hidden;
+ .post-title {
+ font-size: 14px;
+ font-weight: 400;
+ line-height: normal;
+ overflow: hidden;
}
- .post-meta {
- font-size: 1rem;
- padding-left: 3px;
+ .post-meta {
+ font-size: 1rem;
+ padding-left: 3px;
}
- .post-actions {
- font-weight: 400;
+ .post-actions {
+ font-weight: 400;
}
- .post-actions a, .post-actions button {
- font-size: 1rem;
- color: var(--gray-200);
+ .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 .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;
+ .post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far {
+ font-size: 1.25rem;
}
- .comment-actions .score {
- color: var(--gray-200);
+ .comment-actions .score {
+ color: var(--gray-200);
}
- .score {
- color: var(--gray-200);
+ .score {
+ color: var(--gray-200);
}
- .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before {
- font-size: 1.5rem;
- color: var(--gray-200);
- opacity: 1;
+ .arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before {
+ font-size: 1.5rem;
+ color: var(--gray-200);
+ opacity: 1;
}
- .active.arrow-up::before, .active.arrow-up:hover::before {
- color: var(--primary);
+ .active.arrow-up::before, .active.arrow-up:hover::before {
+ color: var(--primary);
}
- .active.arrow-down::before, .active.arrow-down:hover::before {
- color: #38B2AC;
+ .active.arrow-down::before, .active.arrow-down:hover::before {
+ color: #38B2AC;
}
- .dropdown-actions a {
- font-size: 1rem;
+ .dropdown-actions a {
+ font-size: 1rem;
}
- .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far {
- font-size: 1rem;
+ .dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far {
+ font-size: 1rem;
}
- .comment-section {
- background-color: var(--gray-600);
+ .comment-section {
+ background-color: var(--gray-600);
}
- .comment-section > .comment {
- padding-left: 12px;
+ .comment-section > .comment {
+ padding-left: 12px;
}
- .comment {
- margin-top: 1.5rem;
+ .comment {
+ margin-top: 1.5rem;
}
- .comment.collapsed .user-info {
- padding-top: 0.5rem;
+ .comment.collapsed .user-info {
+ padding-top: 0.5rem;
}
- .comment.collapsed .comment-body:hover {
- opacity: 0.5;
+ .comment.collapsed .comment-body:hover {
+ opacity: 0.5;
}
- .comment-actions .fa, .comment-actions .fas, .comment-actions .far {
- color: var(--gray-100);
+ .comment-actions .fa, .comment-actions .fas, .comment-actions .far {
+ color: var(--gray-100);
}
- .banner-pic-135 {
- max-width: 100%;
+ .banner-pic-135 {
+ max-width: 100%;
}
- .x-scroll-parent {
- overflow: hidden;
+ .x-scroll-parent {
+ overflow: hidden;
}
- .x-scroll {
- width: 100%;
- overflow-x: scroll;
- white-space: nowrap;
- scrollbar-width: none;
- -ms-overflow-style: none;
+ .x-scroll {
+ width: 100%;
+ overflow-x: scroll;
+ white-space: nowrap;
+ scrollbar-width: none;
+ -ms-overflow-style: none;
}
- .x-scroll::-webkit-scrollbar {
- width: 100%;
- overflow-x: scroll;
- white-space: nowrap;
- background: transparent;
+ .x-scroll::-webkit-scrollbar {
+ width: 100%;
+ overflow-x: scroll;
+ white-space: nowrap;
+ background: transparent;
}
- #thread .post-title {
- font-size: 16px;
+ #thread .post-title {
+ font-size: 16px;
}
- #submit .submission {
- border: none;
+ #submit .submission {
+ border: none;
}
- #submit .submission .body {
- padding: 0;
+ #submit .submission .body {
+ padding: 0;
}
- #submit .submission .footer {
- background: transparent;
- padding: 1rem 0;
+ #submit .submission .footer {
+ background: transparent;
+ padding: 1rem 0;
}
- .footer .list-inline-item {
- line-height: 3;
+ .footer .list-inline-item {
+ line-height: 3;
}
- .comments-count .total {
- font-weight: 400;
- font-size: 1rem;
+ .comments-count .total {
+ font-weight: 400;
+ font-size: 1rem;
}
- .comment-actions {
- font-weight: 400;
- font-size: 1.2rem;
+ .comment-actions {
+ font-weight: 400;
+ font-size: 1.2rem;
}
- .user-name {
- font-weight: 400;
+ .user-name {
+ font-weight: 400;
}
- .comment .comment-body .user-name {
- color: var(--black);
- font-weight: 600;
+ .comment .comment-body .user-name {
+ color: var(--black);
+ font-weight: 600;
}
- .pagination {
- padding: 1rem;
+ .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;
+ 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;
+ textarea, input[type=text] {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
}
}
.bg-white {
- background-color: var(--gray-600) !important;
+ background-color: var(--gray-600) !important;
}
.text-muted {
- color: var(--muted) !important;
+ color: var(--muted) !important;
}
.text-primary {
- color: var(--primary) !important;
+ color: var(--primary) !important;
}
.text-gray-400, .text-gray-500 {
- color: var(--gray-200) !important;
+ color: var(--gray-200) !important;
}
span.red {
- color: var(--primary);
+ color: var(--primary);
}
span.green {
- color: #38A169;
+ color: #38A169;
}
div.banned {
- background-color: #960000 !important;
- border-left: 3px solid #ff0000 !important;
+ background-color: #960000 !important;
+ border-left: 3px solid #ff0000 !important;
}
div.deleted {
- background-color: #4a4a15 !important;
+ background-color: #4a4a15 !important;
}
div.deleted.banned {
- background-color: #964000 !important;
+ background-color: #964000 !important;
}
.text-admin {
- color: var(--primary);
+ color: var(--primary);
}
.object-cover {
- object-fit: cover;
+ object-fit: cover;
}
.spoiler {
- color: var(--white);
- background-color: var(--white);
- font-weight: 600 !important;
- padding: 1px 3px 1px 3px;
+ color: var(--white);
+ background-color: var(--white);
+ font-weight: 600 !important;
+ padding: 1px 3px 1px 3px;
}
.spoiler:hover {
- color: var(--gray);
+ color: var(--gray);
}
@media (min-width: 768px) {
- .comment {
- border-left: 0 !important;
- padding-left: 0 !important;
+ .comment {
+ border-left: 0 !important;
+ padding-left: 0 !important;
}
}
.comment .comment-collapse-desktop {
- padding-right: 20px;
- cursor: pointer;
+ padding-right: 20px;
+ cursor: pointer;
}
.comment .comment-collapse-desktop:hover {
- border-left-color: var(--white) !important;
+ border-left-color: var(--white) !important;
}
.comment.collapsed .comment-collapse-desktop:hover {
- color: var(--white) !important;
+ color: var(--white) !important;
}
@media (max-width: 767.98px) {
- .settings-nav .nav-link {
- font-size: 1rem;
- padding: 0.75rem 0.6rem;
+ .settings-nav .nav-link {
+ font-size: 1rem;
+ padding: 0.75rem 0.6rem;
}
}
.table {
- color: var(--white);
+ color: var(--white);
}
.comment-box {
- border: 2px solid #e9ecef;
+ border: 2px solid #e9ecef;
}
.btn {
- background: transparent;
+ background: transparent;
}
.form-control {
- background: transparent;
+ background: transparent;
}
.navbar-light .navbar-nav .nav-link {
- border-radius: 5px;
+ border-radius: 5px;
}
.btn-secondary {
- color: var(--muted);
+ color: var(--muted);
}
.btn-primary {
- color: var(--muted);
+ color: var(--muted);
}
.btn-success {
- border-color: #38A169 !important;
+ border-color: #38A169 !important;
}
.btn-danger {
- border-color: #E53E3E !important;
+ border-color: #E53E3E !important;
}
.alert {
- color: #000000;
+ color: #000000;
}
.btn-lg {
- border-color: transparent !important;
+ border-color: transparent !important;
}
@media (max-width: 767.98px) {
- .followbutton {
- margin-bottom: 10px !important;
+ .followbutton {
+ margin-bottom: 10px !important;
}
- .comment-actions {
- margin-top: -8px;
+ .comment-actions {
+ margin-top: -8px;
}
}
.btn-primary:focus, .btn-primary.focus {
- box-shadow: none !important;
+ box-shadow: none !important;
}
.flaggers {
- margin: 7px;
- border: 1px solid var(--primary);
- padding: 10px;
- border-radius: 3px;
- background-color: var(--gray-700) !important;
+ margin: 7px;
+ border: 1px solid var(--primary);
+ padding: 10px;
+ border-radius: 3px;
+ background-color: var(--gray-700) !important;
}
.text-info {
- color: var(--primary) !important;
+ color: var(--primary) !important;
}
* {
- -webkit-animation: None !important;
- animation: None !important;
+ -webkit-animation: None !important;
+ animation: None !important;
}
.patron {
- padding: 2px 5px 3px 5px !important;
- border-radius: 5px !important;
- color: white !important;
+ padding: 2px 5px 3px 5px !important;
+ border-radius: 5px !important;
+ color: white !important;
}
.patron[style*="background-color:#FFFFFF;"] {
- color: black !important;
+ color: black !important;
}
.container, .container-fluid {
- background-color: var(--gray-700) !important;
+ background-color: var(--gray-700) !important;
}
.btn {
- background-color: var(--gray-700) !important;
+ background-color: var(--gray-700) !important;
}
.nobackground {
- background: None !important;
+ background: None !important;
}
textarea {
- resize: both !important;
+ 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;
+ 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;
+ 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;
+ .jumbotron-guild {
+ height: 110px;
}
}
@media (min-width: 767.98px) {
- .card-columns {
- column-count: 4 !important;
+ .card-columns {
+ column-count: 4 !important;
}
}
@media (min-width: 992px) {
- .card-columns {
- column-count: 7 !important;
+ .card-columns {
+ column-count: 7 !important;
}
}
.container, .container-fluid {
- padding-bottom: 50px;
+ padding-bottom: 50px;
}
.navbar {
- padding: 0.2rem 0 0 0.2rem;
+ padding: 0.2rem 0 0 0.2rem;
}
@media (min-width: 767.98px) {
- .navbar {
- padding: 0.5rem 3rem 0.4rem 0.5rem;
+ .navbar {
+ padding: 0.5rem 3rem 0.4rem 0.5rem;
}
}
blockquote {
- border-left: 2px solid var(--primary);
- color: var(--black);
- font-size: 1rem;
- font-weight: 400;
- background-color: #46444a;
- padding: 0 1rem;
- margin: 0.5rem 0 0 0;
+ border-left: 2px solid var(--primary);
+ color: var(--black);
+ font-size: 1rem;
+ font-weight: 400;
+ background-color: #46444a;
+ padding: 0 1rem;
+ margin: 0.5rem 0 0 0;
}
div > blockquote:last-child {
- margin-bottom: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
blockquote + blockquote, blockquote:last-child {
- margin-top: 0 !important;
+ margin-top: 0 !important;
}
blockquote + p {
- margin-top: 1rem;
+ margin-top: 1rem;
}
blockquote p {
- margin-bottom: 0;
- padding-bottom: 0.7rem;
- padding-top: 0.7rem;
+ margin-bottom: 0;
+ padding-bottom: 0.7rem;
+ padding-top: 0.7rem;
}
.unread {
- padding: 10px !important;
- border: 2px solid var(--primary) !important;
+ padding: 10px !important;
+ border: 2px solid var(--primary) !important;
}
@media (min-width: 576px) {
- .modal-dialog {
- max-width: 50% !important;
- margin: 1.75rem auto !important;
+ .modal-dialog {
+ max-width: 50% !important;
+ margin: 1.75rem auto !important;
}
}
.in-comment-image:not(img[src*="/uid/"]):not(img[src*="/pp/"]), .preview img, .img:not(img[src*="/uid/"]):not(img[src*="/pp/"]), .preview img {
- 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;
+ 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;
}
.embedvid, .vid {
- max-height: 20rem !important;
- max-width: 100% !important;
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
+ max-height: 20rem !important;
+ max-width: 100% !important;
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
.spotify {
- max-height: 80px !important;
- max-width: 100% !important;
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important;
+ max-height: 80px !important;
+ max-width: 100% !important;
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
}
.text-pink {
- color: #ff66ac !important;
+ color: #ff66ac !important;
}
.text-purple {
- color: #805ad5 !important;
+ color: #805ad5 !important;
}
.text-black-50 {
- color: #808080 !important;
+ color: #808080 !important;
}
.text-orange {
- color: orange !important;
+ color: orange !important;
}
.text-silver {
- color: silver !important;
+ color: silver !important;
}
.text-gold {
- color: gold !important;
+ color: gold !important;
}
.text-lightgreen {
- color: lightgreen !important;
+ color: lightgreen !important;
}
.text-blue {
- color: #1D9BF0 !important;
+ color: #1D9BF0 !important;
}
.text-yellow {
- color: yellow !important;
+ color: yellow !important;
}
.timeline-Widget {
- max-height: 500px !important;
- overflow-y: scroll !important;
+ max-height: 500px !important;
+ overflow-y: scroll !important;
}
.comment .comment-collapse-icon {
- padding-right: 10px;
+ 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;
+ 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;
+ color: #ffabab !important;
}
.mirrored {
- transform: scaleX(-1);
+ transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}
@media (max-width: 768px) {
- .popover-bio * {
- font-size: 0.8rem !important;
+ .popover-bio * {
+ font-size: 0.8rem !important;
}
}
@media (min-width: 768px) {
- .popover-bio * {
- font-size: 1rem !important;
+ .popover-bio * {
+ font-size: 1rem !important;
}
}
.b2 {
- border: 2px solid !important;
+ border: 2px solid !important;
}
.fl-r {
- float: right !important;
+ float: right !important;
}
.edit-title {
- background-color: #fff !important;
- color: #000 !important
+ background-color: #fff !important;
+ color: #000 !important
}
.text-lightblue {
- color: lightblue;
+ color: lightblue;
}
input[type=radio] ~ .custom-control-label::before {
- border-radius: 50%;
+ border-radius: 50%;
}
.emoji-modal {
- max-width: 90% !important
+ max-width: 90% !important
}
.emj, .emoji, strong a img {
- height: 30px !important;
- width: 30px !important;
+ height: 30px !important;
+ width: 30px !important;
}
.bigemoji, .emoji-md {
- height: 60px !important;
- width: 60px !important;
+ height: 60px !important;
+ width: 60px !important;
}
.emj, .emoji, .bigemoji, .emoji-md, .emoji-lg {
- max-width: min(150px,25vw) !important;
- max-height: min(150px,25vw) !important;
- display: inline-block;
- -o-object-fit: contain;
- object-fit: contain;
+ max-width: min(150px,25vw) !important;
+ max-height: min(150px,25vw) !important;
+ display: inline-block;
+ -o-object-fit: contain;
+ object-fit: contain;
}
.twitter-tweet {
- margin-bottom: 9.8px;
- padding-bottom: 7px;
+ margin-bottom: 9.8px;
+ padding-bottom: 7px;
}
.controversial {
- color: #f27d0c !important;
- font-weight: 800;
+ color: #f27d0c !important;
+ font-weight: 800;
}
.agendaposter {
- text-transform: uppercase !important;
+ text-transform: uppercase !important;
}
code {
- text-transform: none !important;
+ text-transform: none !important;
}
.noshadow {
- box-shadow: none !important;
+ box-shadow: none !important;
}
[role="button"] {
- cursor: pointer !important;
+ 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;
+ 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
+ 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);
+ 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));
+ content: "";
+ display: block;
+ padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- border: 0;
+ 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('/assets/images/youtube.webp?v=1008');
- transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
- border: none;
+ 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('/assets/images/youtube.webp?v=1008');
+ transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
+ border: none;
}
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
- filter: none;
+ filter: none;
}
lite-youtube.lyt-activated {
- cursor: unset;
+ cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
- opacity: 0;
- pointer-events: none;
+ 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;
+ 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;
+ display: none!important;
}
.overflow-x-auto {
- overflow-x: auto !important;
+ overflow-x: auto !important;
}
table {
- white-space: nowrap !important;
+ white-space: nowrap !important;
}
@media (max-width: 768px) {
- .comment .comment-body .comment-text {
- padding-top: 5px;
- }
- p {
- margin-bottom: 7px;
- }
+ .comment .comment-body .comment-text {
+ padding-top: 5px;
+ }
+ p {
+ margin-bottom: 7px;
+ }
}
@keyframes golden {
- from {filter: sepia(100%) saturate(2) drop-shadow(-1px 1px 1px gold)}
- to {filter: sepia(100%) saturate(3) drop-shadow(-1px 1px 3px gold)}
+ from {filter: sepia(100%) saturate(2) drop-shadow(-1px 1px 1px gold)}
+ to {filter: sepia(100%) saturate(3) drop-shadow(-1px 1px 3px gold)}
}
img.golden {
- animation-name: golden !important;
- animation-duration: 1s !important;
- animation-iteration-count: infinite !important;
- animation-direction: alternate !important;
- animation-timing-function: linear !important;
+ animation-name: golden !important;
+ animation-duration: 1s !important;
+ animation-iteration-count: infinite !important;
+ animation-direction: alternate !important;
+ animation-timing-function: linear !important;
}
.text-black {
- color: var(--black);
+ color: var(--black);
}
.bg-muted {
- background-color: #6c757d !important;
+ background-color: #6c757d !important;
}
.srd {
- width: 100%;
- background-color: var(--primary);
- padding: 2px;
- text-align: center;
- font-weight: bold;
- white-space: nowrap;
+ width: 100%;
+ background-color: var(--primary);
+ padding: 2px;
+ text-align: center;
+ font-weight: bold;
+ white-space: nowrap;
}
@media (max-width: 768px) {
- .toast {
- bottom: 5rem !important;
- }
+ .toast {
+ bottom: 5rem !important;
+ }
}
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.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}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.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-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"}:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@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")}.fab{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-android:before{content:"\f17b"}.fa-discord:before{content:"\f392"}.fa-github:before{content:"\f09b"}.fa-twitter:before{content:"\f099"}:root{--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}@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")}.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)}.fad.fa-stack-1x,.fad.fa-stack-2x{position:absolute}.fad.fa-fw:before,.fad.fa-stack-1x:before,.fad.fa-stack-2x:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fad.fa-align-left:after{content:"\f036\f036"}.fad.fa-long-arrow-left:after{content:"\f177\f177"}.fad.fa-arrow-right:after{content:"\f061\f061"}.fad.fa-sign-out:after{content:"\f08b\f08b"}.fad.fa-long-arrow-right:after{content:"\f178\f178"}.fad.fa-arrows-v:after{content:"\f07d\f07d"}.fad.fa-award:after{content:"\f559\f559"}.fad.fa-badge:after{content:"\f335\f335"}.fad.fa-badge-check:after{content:"\f336\f336"}.fad.fa-ban:after{content:"\f05e\f05e"}.fad.fa-bars:after{content:"\f0c9\f0c9"}.fad.fa-bell:after{content:"\f0f3\f0f3"}.fad.fa-bold:after{content:"\f032\f032"}.fad.fa-book:after{content:"\f02d\f02d"}.fad.fa-book-open:after{content:"\f518\f518"}.fad.fa-book-dead:after{content:"\f6b7\f6b7"}.fad.fa-broom:after{content:"\f51a\f51a"}.fad.fa-bug:after{content:"\f188\f188"}.fad.fa-bullhorn:after{content:"\f0a1\f0a1"}.fad.fa-calendar:after{content:"\f133\f133"}.fad.fa-calendar-day:after{content:"\f783\f783"}.fad.fa-calendar-alt:after{content:"\f073\f073"}.fad.fa-calendar-week:after{content:"\f784\f784"}.fad.fa-campfire:after{content:"\f6ba\f6ba"}.fad.fa-candy-cane:after{content:"\f786\f786"}.fad.fa-car-tilt:after{content:"\f5e5\f5e5"}.fad.fa-cat:after{content:"\f6be\f6be"}.fad.fa-check:after{content:"\f00c\f00c"}.fad.fa-circle:after{content:"\f111\f111"}.fad.fa-check-circle:after{content:"\f058\f058"}.fad.fa-arrow-alt-circle-down:after{content:"\f358\f358"}.fad.fa-exclamation-circle:after{content:"\f06a\f06a"}.fad.fa-info-circle:after{content:"\f05a\f05a"}.fad.fa-radiation-alt:after{content:"\f7ba\f7ba"}.fad.fa-arrow-alt-circle-up:after{content:"\f35b\f35b"}.fad.fa-user-circle:after{content:"\f2bd\f2bd"}.fad.fa-times-circle:after{content:"\f057\f057"}.fad.fa-clipboard:after{content:"\f328\f328"}.fad.fa-clipboard-check:after{content:"\f46c\f46c"}.fad.fa-clock:after{content:"\f017\f017"}.fad.fa-history:after{content:"\f1da\f1da"}.fad.fa-code:after{content:"\f121\f121"}.fad.fa-comment:after{content:"\f075\f075"}.fad.fa-comment-dots:after{content:"\f4ad\f4ad"}.fad.fa-comments:after{content:"\f086\f086"}.fad.fa-copy:after{content:"\f0c5\f0c5"}.fad.fa-crown:after{content:"\f521\f521"}.fad.fa-dice-six:after{content:"\f526\f526"}.fad.fa-dollar-sign:after{content:"\24\24"}.fad.fa-arrow-alt-down:after{content:"\f354\f354"}.fad.fa-compress-alt:after{content:"\f422\f422"}.fad.fa-ellipsis-h:after{content:"\f141\f141"}.fad.fa-envelope:after{content:"\f0e0\f0e0"}.fad.fa-envelope-open-text:after{content:"\f658\f658"}.fad.fa-eye:after{content:"\f06e\f06e"}.fad.fa-eye-evil:after{content:"\f6db\f6db"}.fad.fa-eye-slash:after{content:"\f070\f070"}.fad.fa-angry:after{content:"\f556\f556"}.fad.fa-frown:after{content:"\f119\f119"}.fad.fa-grin-beam-sweat:after{content:"\f583\f583"}.fad.fa-laugh-squint:after{content:"\f59b\f59b"}.fad.fa-smile-beam:after{content:"\f5b8\f5b8"}.fad.fa-feather-alt:after{content:"\f56b\f56b"}.fad.fa-file-signature:after{content:"\f573\f573"}.fad.fa-filter:after{content:"\f0b0\f0b0"}.fad.fa-fire:after{content:"\f06d\f06d"}.fad.fa-fireplace:after{content:"\f79a\f79a"}.fad.fa-fish:after{content:"\f578\f578"}.fad.fa-flag:after{content:"\f024\f024"}.fad.fa-flag-usa:after{content:"\f74d\f74d"}.fad.fa-save:after{content:"\f0c7\f0c7"}.fad.fa-gavel:after{content:"\f0e3\f0e3"}.fad.fa-cog:after{content:"\f013\f013"}.fad.fa-ghost:after{content:"\f6e2\f6e2"}.fad.fa-gift:after{content:"\f06b\f06b"}.fad.fa-gingerbread-man:after{content:"\f79d\f79d"}.fad.fa-globe:after{content:"\f0ac\f0ac"}.fad.fa-golf-club:after{content:"\f451\f451"}.fad.fa-home-alt:after{content:"\f015\f015"}.fad.fa-id-badge:after{content:"\f2c1\f2c1"}.fad.fa-id-card:after{content:"\f2c2\f2c2"}.fad.fa-image:after{content:"\f03e\f03e"}.fad.fa-infinity:after{content:"\f534\f534"}.fad.fa-italic:after{content:"\f033\f033"}.fad.fa-knife-kitchen:after{content:"\f6f5\f6f5"}.fad.fa-lights-holiday:after{content:"\f7b2\f7b2"}.fad.fa-link:after{content:"\f0c1\f0c1"}.fad.fa-lock:after{content:"\f023\f023"}.fad.fa-lock-alt:after{content:"\f30d\f30d"}.fad.fa-search:after{content:"\f002\f002"}.fad.fa-memory:after{content:"\f538\f538"}.fad.fa-comment-alt-smile:after{content:"\f4aa\f4aa"}.fad.fa-microphone-stand:after{content:"\f8cb\f8cb"}.fad.fa-palette:after{content:"\f53f\f53f"}.fad.fa-edit:after{content:"\f044\f044"}.fad.fa-pizza-slice:after{content:"\f818\f818"}.fad.fa-poop:after{content:"\f619\f619"}.fad.fa-quote-right:after{content:"\f10e\f10e"}.fad.fa-reply:after{content:"\f3e5\f3e5"}.fad.fa-robot:after{content:"\f544\f544"}.fad.fa-sack-dollar:after{content:"\f81d\f81d"}.fad.fa-scroll-old:after{content:"\f70f\f70f"}.fad.fa-seedling:after{content:"\f4d8\f4d8"}.fad.fa-shield:after{content:"\f132\f132"}.fad.fa-random:after{content:"\f074\f074"}.fad.fa-smoke:after{content:"\f760\f760"}.fad.fa-snooze:after{content:"\f880\f880"}.fad.fa-snowflake:after{content:"\f2dc\f2dc"}.fad.fa-sparkles:after{content:"\f890\f890"}.fad.fa-spider:after{content:"\f717\f717"}.fad.fa-square:after{content:"\f0c8\f0c8"}.fad.fa-stocking:after{content:"\f7d5\f7d5"}.fad.fa-store:after{content:"\f54e\f54e"}.fad.fa-columns:after{content:"\f0db\f0db"}.fad.fa-thumbtack:after{content:"\f08d\f08d"}.fad.fa-train:after{content:"\f238\f238"}.fad.fa-trash-alt:after{content:"\f2ed\f2ed"}.fad.fa-exclamation-triangle:after{content:"\f071\f071"}.fad.fa-trophy:after{content:"\f091\f091"}.fad.fa-arrow-alt-up:after{content:"\f357\f357"}.fad.fa-expand-alt:after{content:"\f424\f424"}.fad.fa-external-link-alt:after{content:"\f35d\f35d"}.fad.fa-user:after{content:"\f007\f007"}.fad.fa-user-crown:after{content:"\f6a4\f6a4"}.fad.fa-user-cog:after{content:"\f4fe\f4fe"}.fad.fa-user-friends:after{content:"\f500\f500"}.fad.fa-user-lock:after{content:"\f502\f502"}.fad.fa-user-minus:after{content:"\f503\f503"}.fad.fa-user-plus:after{content:"\f234\f234"}.fad.fa-user-slash:after{content:"\f506\f506"}.fad.fa-user-tag:after{content:"\f507\f507"}.fad.fa-user-times:after{content:"\f235\f235"}.fad.fa-users:after{content:"\f0c0\f0c0"}.fad.fa-volume:after{content:"\f6a8\f6a8"}.fad.fa-volume-mute:after{content:"\f6a9\f6a9"}.fad.fa-times:after{content:"\f00d\f00d"}:root{--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}@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")}.fal{font-family:"Font Awesome 6 Pro";font-weight:300}:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}@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")}.far{font-family:"Font Awesome 6 Pro";font-weight:400}:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@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")}.fas{font-family:"Font Awesome 6 Pro";font-weight:900}:root{--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}@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}.fa-user-group:before{content:"\f500"}.fad.fa-user-group:after{content:"\f500\f500"}.fa-head-side:before{content:"\f6e9"}.fad.fa-head-side:after{content:"\f6e9\f6e9"}.fa-crab:before{content:"\e3ff"}.fad.fa-crab:after{content:"\e3ff\e3ff"}.fa-socks:before{content:"\f696"}.fad.fa-socks:after{content:"\f696\f696"}.fa-arrow-up:before{content:"\f062"}.fad.fa-arrow-up:after{content:"\f062\f062"}.fa-tag:before{content:"\f02b"}.fad.fa-tag:after{content:"\f02b\f02b"}.fa-messages:before{content:"\f4b6"}.fad.fa-messages:after{content:"\f4b6\f4b6"}
.awards-wrapper input[type="radio"] {
- display: none;
+ display: none;
}
.awards-wrapper a {
- cursor: pointer;
- padding: 15px !important;
- text-align: center;
- text-transform: none!important;
+ cursor: pointer;
+ padding: 15px !important;
+ text-align: center;
+ text-transform: none!important;
}
.awards-wrapper a i {
- font-size: 25px;
+ font-size: 25px;
}
.awards-wrapper a.disabled {
- opacity: 0.6;
+ opacity: 0.6;
}
.awards-wrapper a:hover:not(.disabled), .awards-wrapper .picked {
- background-color: var(--primary)!important;
+ background-color: var(--primary)!important;
}
.awards-wrapper input[type="radio"]:checked+a {
- background-color: var(--primary)!important;
+ background-color: var(--primary)!important;
}
.award-columns {
- column-count: 2;
+ column-count: 2;
}
.awardmodal {
- max-width: 90% !important;
- min-height: 90% !important;
- max-height: 90% !important;
- height: 90% !important;
+ max-width: 90% !important;
+ min-height: 90% !important;
+ max-height: 90% !important;
+ height: 90% !important;
}
toast {
- z-index: 7000 !important;
+ z-index: 7000 !important;
}
@media (max-width: 464px) {
- .awardbtn {
- display:block;
- margin-right:0 !important;
- clear:both !important;
- }
+ .awardbtn {
+ display:block;
+ margin-right:0 !important;
+ clear:both !important;
+ }
}
html {
- scroll-padding-top: 100px;
+ scroll-padding-top: 100px;
}
.comment .comment-body {
- padding: 3px 0 0 0;
+ padding: 3px 0 0 0;
}
.comment-anchor {
- padding: 1px;
+ padding: 1px;
}
.comment-anchor::before {
- content: '';
- display: block;
+ content: '';
+ display: block;
}
.comment-anchor:target, .unread2 {
- background: #ffffff33 !important;
- padding: 12px;
+ background: #ffffff33 !important;
+ padding: 12px;
}
.mod:before {
- content: '(((';
+ content: '(((';
}
.mod:after {
- content: ')))';
+ content: ')))';
}
.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;
+ 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;
+ 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 {
+ max-width: 90% !important;
+ }
}
.popover-arrow {
- display: none !important;
+ display: none !important;
}
.popover-user-profile {
- display: flex;
- flex-direction: column;
- padding: 0;
- background: var(--gray-600);
+ display: flex;
+ flex-direction: column;
+ padding: 0;
+ background: var(--gray-600);
}
.popover-body {
- padding: 0;
- border-radius: .25rem;
- overflow: hidden;
+ padding: 0;
+ border-radius: .25rem;
+ overflow: hidden;
}
.mt-n6 {
- margin-top: -1.75rem !important;
+ margin-top: -1.75rem !important;
}
.avatar-72 {
- width: 72px;
- height: 72px;
- object-fit: cover;
+ width: 72px;
+ height: 72px;
+ object-fit: cover;
}
.h-64 {
- height: 64px;
+ height: 64px;
}
.object-cover {
- object-fit: 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;
+ 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;
+ font-size: 11.5px;
}
@media (max-width: 768px) {
- .commentmob {
- margin-top: 0.5rem !important;
- }
+ .commentmob {
+ margin-top: 0.5rem !important;
+ }
}
.treasure {
- margin-left: 10px;
- margin-right: 3px;
- margin-top: -2px;
+ margin-left: 10px;
+ margin-right: 3px;
+ margin-top: -2px;
}
a.emojitab {
- padding: 0.5rem 0.7rem !important;
- font-size: 13px !important;
+ padding: 0.5rem 0.7rem !important;
+ font-size: 13px !important;
}
.emoji2 {
- background: None!important;
- width:60px;
- overflow: hidden;
- border: none;
+ background: None!important;
+ width:60px;
+ overflow: hidden;
+ border: none;
}
.emoji2:focus {
- border: 1px solid var(--primary) !important;
+ border: 1px solid var(--primary) !important;
}
.expandedimage {
- width: fit-content;
- width: -moz-fit-content;
+ width: fit-content;
+ width: -moz-fit-content;
}
.m-5 {
- margin: 2.5rem !important;
+ margin: 2.5rem !important;
}
.notif-count {
- background: red;
- border-radius: 20%;
- color: white;
- padding: 2px 5px;
- font-weight: 700;
+ background: red;
+ border-radius: 20%;
+ color: white;
+ padding: 2px 5px;
+ font-weight: 700;
}
li > .sidebar {
- display: block !important;
- max-width: 100% !important;
+ display: block !important;
+ max-width: 100% !important;
}
li > .sidebar > .rules {
- display: none !important;
+ display: none !important;
}
@media (max-width: 768px) {
- .sorting {
- padding-bottom: 1.5rem !important;
- padding-right: 0.5rem;
- }
+ .sorting {
+ padding-bottom: 1.5rem !important;
+ padding-right: 0.5rem;
+ }
}
.self {
- border-top:2px solid var(--primary);
- border-bottom:2px solid var(--primary);
+ border-top:2px solid var(--primary);
+ border-bottom:2px solid var(--primary);
}
.marsey {
- max-width: 125px;
- max-height: 125px;
+ max-width: 125px;
+ max-height: 125px;
}
@media (max-width: 768px) {
- .marsey {
- max-width: 60px;
- max-height: 60px;
- }
+ .marsey {
+ max-width: 60px;
+ max-height: 60px;
+ }
}
.btn-dead:hover, .active.btn-dead:hover, .active.btn-dead {
- border: 1px solid var(--primary)!important;
+ border: 1px solid var(--primary)!important;
}
.navsettings {
- padding-left: 0.9rem !important;
- padding-right: 0.9rem !important;
+ 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;
- }
+ .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;
+ }
}
.userbanner {
- object-fit: cover !important;
+ object-fit: cover !important;
}
@media (max-width: 500px) {
- .count {
- display:block;
- text-align: center;
- }
+ .count {
+ display:block;
+ text-align: center;
+ }
}
th, td {
- font-weight: 700;
+ font-weight: 700;
}
.fas {
- text-align: center;
+ text-align: center;
}
.text-small-mobile {
- font-size: min(3vw,14px) !important;
+ font-size: min(3vw,14px) !important;
}
.text-white, th a {
- color: #fff !important;
+ color: #fff !important;
}
\ No newline at end of file
diff --git a/files/assets/css/midnight.css b/files/assets/css/midnight.css
index ea574cb82..40deb6b50 100644
--- a/files/assets/css/midnight.css
+++ b/files/assets/css/midnight.css
@@ -38,9 +38,9 @@ body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textare
}
.modal .comment-actions .list-group-item {
- background-color: var(--gray-600)!important;
+ background-color: var(--gray-600)!important;
}
.page-link {
- background-color: #ccc;
+ background-color: #ccc;
}
\ No newline at end of file
diff --git a/files/assets/css/win98.css b/files/assets/css/win98.css
index a2f987d10..4373a448d 100644
--- a/files/assets/css/win98.css
+++ b/files/assets/css/win98.css
@@ -160,5 +160,5 @@ blockquote {
}
.comment-anchor:target, .unread2 {
- background: #ffffffaa !important;
+ background: #ffffffaa !important;
}
\ No newline at end of file
diff --git a/files/assets/js/header.js b/files/assets/js/header.js
index beb5cf6f0..599004336 100644
--- a/files/assets/js/header.js
+++ b/files/assets/js/header.js
@@ -98,7 +98,7 @@ function post_toast(t, url, reload, data) {
}
function escapeHTML(unsafe) {
- return unsafe.replace(/&/g, "&").replace(//g, ">").replace(/"/g, """).replace(/'/g, "'");
+ return unsafe.replace(/&/g, "&").replace(//g, ">").replace(/"/g, """).replace(/'/g, "'");
}
function changename(s1,s2) {
diff --git a/files/assets/js/marked.js b/files/assets/js/marked.js
index ed923ceaf..7b7764a03 100644
--- a/files/assets/js/marked.js
+++ b/files/assets/js/marked.js
@@ -1,4 +1,4 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).marked=t()}(this,(function(){"use strict";function e(e,t){for(var u=0;u "+e+"
\n":"'+(u?e:ue(e,!0))+"
\n"},t.blockquote=function(e){return""+(u?e:ue(e,!0))+"
\n"+e+"
\n"},t.html=function(e){return e},t.heading=function(e,t,u,n){return this.options.headerIds?"
\n":"
\n"},t.list=function(e,t,u){var n=t?"ol":"ul";return"<"+n+(t&&1!==u?' start="'+u+'"':"")+">\n"+e+""+n+">\n"},t.listitem=function(e){return"\n\n"+e+"\n"+t+"
\n"},t.tablerow=function(e){return"\n"+e+" \n"},t.tablecell=function(e,t){var u=t.header?"th":"td";return(t.align?"<"+u+' align="'+t.align+'">':"<"+u+">")+e+""+u+">\n"},t.strong=function(e){return""+e+""},t.em=function(e){return""+e+""},t.codespan=function(e){return""+e+"
"},t.br=function(){return this.options.xhtml?"
":"
"},t.del=function(e){return""+e+""},t.link=function(e,t,u){if(null===(e=te(this.options.sanitize,this.options.baseUrl,e)))return u;var n='"+u+""},t.image=function(e,t,u){if(null===(e=te(this.options.sanitize,this.options.baseUrl,e)))return u;var n='":">"},t.text=function(e){return e},e}(),re=function(){function e(){}var t=e.prototype;return t.strong=function(e){return e},t.em=function(e){return e},t.codespan=function(e){return e},t.del=function(e){return e},t.html=function(e){return e},t.text=function(e){return e},t.link=function(e,t,u){return""+u},t.image=function(e,t,u){return""+u},t.br=function(){return""},e}(),ie=function(){function e(){this.seen={}}var t=e.prototype;return t.serialize=function(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")},t.getNextSafeSlug=function(e,t){var u=e,n=0;if(this.seen.hasOwnProperty(u)){n=this.seen[e];do{u=e+"-"+ ++n}while(this.seen.hasOwnProperty(u))}return t||(this.seen[e]=n,this.seen[u]=0),u},t.slug=function(e,t){void 0===t&&(t={});var u=this.serialize(e);return this.getNextSafeSlug(u,t.dryrun)},e}(),se=ne,le=re,ae=ie,oe=n.exports.defaults,De=m,ce=Y,he=function(){function e(e){this.options=e||oe,this.options.renderer=this.options.renderer||new se,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new le,this.slugger=new ae}e.parse=function(t,u){return new e(u).parse(t)},e.parseInline=function(t,u){return new e(u).parseInline(t)};var t=e.prototype;return t.parse=function(e,t){void 0===t&&(t=!0);var u,n,r,i,s,l,a,o,D,c,h,p,f,g,F,A,d,C,k,E="",x=e.length;for(u=0;u
"+Ce(e.message+"",!0)+"";throw e}}return me.options=me.setOptions=function(e){return Ae(me.defaults,e),Ee(me.defaults),me},me.getDefaults=ke,me.defaults=xe,me.use=function(){for(var e=arguments.length,t=new Array(e),u=0;u
"+Ce(e.message+"",!0)+"";throw e}},me.Parser=he,me.parser=he.parse,me.Renderer=fe,me.TextRenderer=ge,me.Lexer=ce,me.lexer=ce.lex,me.Tokenizer=pe,me.Slugger=Fe,me.parse=me,me})); +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).marked=t()}(this,(function(){"use strict";function e(e,t){for(var u=0;u
'+(u?e:ue(e,!0))+"
\n":""+(u?e:ue(e,!0))+"
\n"},t.blockquote=function(e){return"\n"+e+"\n"},t.html=function(e){return e},t.heading=function(e,t,u,n){return this.options.headerIds?"
"+e+"
\n"},t.table=function(e,t){return t&&(t=""+t+""),""+e+"
"},t.br=function(){return this.options.xhtml?""+Ce(e.message+"",!0)+"";throw e}}return me.options=me.setOptions=function(e){return Ae(me.defaults,e),Ee(me.defaults),me},me.getDefaults=ke,me.defaults=xe,me.use=function(){for(var e=arguments.length,t=new Array(e),u=0;u
"+Ce(e.message+"",!0)+"";throw e}},me.Parser=he,me.parser=he.parse,me.Renderer=fe,me.TextRenderer=ge,me.Lexer=ce,me.lexer=ce.lex,me.Tokenizer=pe,me.Slugger=Fe,me.parse=me,me})); function markdown(first, second) { var input = document.getElementById(first).value; diff --git a/files/assets/js/submit.js b/files/assets/js/submit.js index fc1b28db2..75de1af16 100644 --- a/files/assets/js/submit.js +++ b/files/assets/js/submit.js @@ -65,37 +65,37 @@ function savetext() { function autoSuggestTitle() { - var urlField = document.getElementById("post-url"); + var urlField = document.getElementById("post-url"); - var titleField = document.getElementById("post-title"); + var titleField = document.getElementById("post-title"); - var isValidURL = urlField.checkValidity(); + var isValidURL = urlField.checkValidity(); - if (isValidURL && urlField.value.length > 0 && titleField.value === "") { + if (isValidURL && urlField.value.length > 0 && titleField.value === "") { - var x = new XMLHttpRequest(); - x.withCredentials=true; - x.onreadystatechange = function() { - if (x.readyState == 4 && x.status == 200 && !titleField.value) { + var x = new XMLHttpRequest(); + x.withCredentials=true; + x.onreadystatechange = function() { + if (x.readyState == 4 && x.status == 200 && !titleField.value) { - title=JSON.parse(x.responseText)["title"]; - titleField.value=title; - checkForRequired() - } - } - x.open('get','/submit/title?url=' + urlField.value); - x.send(null); + title=JSON.parse(x.responseText)["title"]; + titleField.value=title; + checkForRequired() + } + } + x.open('get','/submit/title?url=' + urlField.value); + x.send(null); - }; + }; }; function draft(t) { const followers = document.getElementById("followers") if (t.checked == true) { - followers.checked = false; - followers.disabled = true; - } else { - followers.disabled = false; + followers.checked = false; + followers.disabled = true; + } else { + followers.disabled = false; } } \ No newline at end of file diff --git a/files/classes/mod_logs.py b/files/classes/mod_logs.py index 87bfda248..fb6cb6de6 100644 --- a/files/classes/mod_logs.py +++ b/files/classes/mod_logs.py @@ -110,7 +110,7 @@ class ModAction(Base): return f"{SITE_FULL}/log/{self.id}" ACTIONTYPES = { - 'agendaposter': { + 'agendaposter': { "str": 'set chud theme on {self.target_link}', "icon": 'fa-snooze', "color": 'bg-danger' diff --git a/files/helpers/const.py b/files/helpers/const.py index 038b2fc84..5a6fe4e81 100644 --- a/files/helpers/const.py +++ b/files/helpers/const.py @@ -439,13 +439,13 @@ AWARDS = { "price": 2500 }, "deflector": { - "kind": "deflector", - "title": "Deflector", - "description": "Causes most awards received for the next 10 hours to be deflected back at their giver.", - "icon": "fas fa-shield", - "color": "text-pink", - "price": 2750 - }, + "kind": "deflector", + "title": "Deflector", + "description": "Causes most awards received for the next 10 hours to be deflected back at their giver.", + "icon": "fas fa-shield", + "color": "text-pink", + "price": 2750 + }, "marsey": { "kind": "marsey", "title": "Marsey", diff --git a/files/helpers/patter.py b/files/helpers/patter.py index feb0afca6..ad8e7ed30 100644 --- a/files/helpers/patter.py +++ b/files/helpers/patter.py @@ -3,80 +3,80 @@ from PIL import Image import io pat_frames = [ - Image.open("files/assets/images/pat/0.gif").convert("RGBA"), - Image.open("files/assets/images/pat/1.gif").convert("RGBA"), - Image.open("files/assets/images/pat/2.gif").convert("RGBA"), - Image.open("files/assets/images/pat/3.gif").convert("RGBA"), - Image.open("files/assets/images/pat/4.gif").convert("RGBA"), - Image.open("files/assets/images/pat/5.gif").convert("RGBA"), - Image.open("files/assets/images/pat/6.gif").convert("RGBA"), - Image.open("files/assets/images/pat/7.gif").convert("RGBA"), - Image.open("files/assets/images/pat/8.gif").convert("RGBA"), - Image.open("files/assets/images/pat/9.gif").convert("RGBA") + Image.open("files/assets/images/pat/0.gif").convert("RGBA"), + Image.open("files/assets/images/pat/1.gif").convert("RGBA"), + Image.open("files/assets/images/pat/2.gif").convert("RGBA"), + Image.open("files/assets/images/pat/3.gif").convert("RGBA"), + Image.open("files/assets/images/pat/4.gif").convert("RGBA"), + Image.open("files/assets/images/pat/5.gif").convert("RGBA"), + Image.open("files/assets/images/pat/6.gif").convert("RGBA"), + Image.open("files/assets/images/pat/7.gif").convert("RGBA"), + Image.open("files/assets/images/pat/8.gif").convert("RGBA"), + Image.open("files/assets/images/pat/9.gif").convert("RGBA") ] def getPat(avatar_file, format="webp"): - avatar_x = 5 - avatar_y = 5 - avatar_width = 150 - avatar_height = 150 - image_width = 160 - image_height = 160 - hand_x = 0 - hand_y = 0 - delay = 30 + avatar_x = 5 + avatar_y = 5 + avatar_width = 150 + avatar_height = 150 + image_width = 160 + image_height = 160 + hand_x = 0 + hand_y = 0 + delay = 30 - y_scale = [ - 1, - 0.95, - 0.9, - 0.85, - 0.8, - 0.8, - 0.85, - 0.9, - 0.95, - 1 - ] + y_scale = [ + 1, + 0.95, + 0.9, + 0.85, + 0.8, + 0.8, + 0.85, + 0.9, + 0.95, + 1 + ] - x_scale = [ - 0.80, - 0.85, - 0.90, - 0.95, - 1, - 1, - 0.95, - 0.90, - 0.85, - 0.80 - ] + x_scale = [ + 0.80, + 0.85, + 0.90, + 0.95, + 1, + 1, + 0.95, + 0.90, + 0.85, + 0.80 + ] - frames = [] - avatar_img = Image.open(avatar_file) - for i in range(0, 10): - avatar_actual_x = math.ceil((1 - x_scale[i]) * avatar_width / 2 + avatar_x) - avatar_actual_y = math.ceil((1 - y_scale[i]) * avatar_height + avatar_y) - avatar_actual_width = math.ceil(avatar_width * x_scale[i]) - avatar_actual_height = math.ceil(avatar_height * y_scale[i]) + frames = [] + avatar_img = Image.open(avatar_file) + for i in range(0, 10): + avatar_actual_x = math.ceil((1 - x_scale[i]) * avatar_width / 2 + avatar_x) + avatar_actual_y = math.ceil((1 - y_scale[i]) * avatar_height + avatar_y) + avatar_actual_width = math.ceil(avatar_width * x_scale[i]) + avatar_actual_height = math.ceil(avatar_height * y_scale[i]) - scaled_avatar_img = avatar_img.resize((avatar_actual_width, avatar_actual_height)) - frame = Image.new(mode="RGBA", size=(image_width, image_height)) - frame.paste(scaled_avatar_img, (avatar_actual_x, avatar_actual_y)) - frame.paste(pat_frames[i], (hand_x, hand_y), pat_frames[i]) - frames.append(frame) - - output = io.BytesIO() - frames[0].save(output, format, - save_all = True, - append_images = frames[1:], - duration = delay, - loop = 0 - ) - return output + scaled_avatar_img = avatar_img.resize((avatar_actual_width, avatar_actual_height)) + frame = Image.new(mode="RGBA", size=(image_width, image_height)) + frame.paste(scaled_avatar_img, (avatar_actual_x, avatar_actual_y)) + frame.paste(pat_frames[i], (hand_x, hand_y), pat_frames[i]) + frames.append(frame) + + output = io.BytesIO() + frames[0].save(output, format, + save_all = True, + append_images = frames[1:], + duration = delay, + loop = 0 + ) + return output def pat(emoji): - stream = getPat(open(f'files/assets/images/emojis/{emoji}.webp', "rb"), "webp") - stream.seek(0) - open(f'files/assets/images/emojis/{emoji}pat.webp', "wb").write(stream.read()) \ No newline at end of file + stream = getPat(open(f'files/assets/images/emojis/{emoji}.webp', "rb"), "webp") + stream.seek(0) + open(f'files/assets/images/emojis/{emoji}pat.webp', "wb").write(stream.read()) \ No newline at end of file diff --git a/files/templates/authforms.html b/files/templates/authforms.html index f22d183da..b83658215 100644 --- a/files/templates/authforms.html +++ b/files/templates/authforms.html @@ -15,7 +15,7 @@ {% if v %} - + {% if v.agendaposter %} - + {% endif %} diff --git a/files/templates/chat.html b/files/templates/chat.html index 1cd42cf53..15b144019 100644 --- a/files/templates/chat.html +++ b/files/templates/chat.html @@ -14,7 +14,7 @@