forked from rDrama/rDrama
543 lines
9.9 KiB
CSS
543 lines
9.9 KiB
CSS
:root {
|
|
--white: #f1f1f1 !important;
|
|
--black1: #888 !important;
|
|
--black2: #222222 !important;
|
|
--black3: #4f4f4f !important;
|
|
--gray : #ccc !important;
|
|
--gray-400 : white !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;
|
|
}
|
|
|
|
/*navbar*/
|
|
.navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar {
|
|
background-color: var(--white) !important;
|
|
}
|
|
|
|
.form-inline.search input {
|
|
background-color: white !important;
|
|
}
|
|
|
|
.nav.settings-nav {
|
|
background-color: var(--red);
|
|
}
|
|
|
|
.nav-link.active {
|
|
color: var(--white) !important;
|
|
box-shadow: inset 0 -2px 0 var(--white) !important;
|
|
}
|
|
|
|
.nav-link {
|
|
color: var(--gray) !important;
|
|
}
|
|
|
|
/*common*/
|
|
body, .card, #main-content-row {
|
|
background-color: var(--white) !important;
|
|
background-image: var(--bg2) !important;
|
|
color: var(--black1);
|
|
}
|
|
|
|
.posts .card {
|
|
border-color: var(--gray) !important;
|
|
}
|
|
|
|
.btn-primary, .btn-secondary {
|
|
background-color: var(--red) !important;
|
|
color: white !important;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.score-up, .active.arrow-up::before, .arrow-up::after, .arrow-up:hover::before {
|
|
color: var(--upvote) !important;
|
|
}
|
|
|
|
.score-down, .active.arrow-down::before, .arrow-down::after, .arrow-down:hover::before {
|
|
color: var(--downvote) !important;
|
|
}
|
|
|
|
.arrow-up::before, .arrow-down::before, .score {
|
|
color: var(--black1);
|
|
}
|
|
|
|
.controversial {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
a {
|
|
color: var(--blue);
|
|
}
|
|
|
|
.post-title a {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
.fa-thumbtack.text-admin, .card.stickied .post-title a {
|
|
color: var(--sticky) !important;
|
|
}
|
|
|
|
.flaggers, .flaggers a {
|
|
background-color: white !important;
|
|
color: var(--black3) !important;
|
|
border-color: var(--gray);
|
|
}
|
|
|
|
.dropdown-menu, .dropdown-menu a {
|
|
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;
|
|
}
|
|
|
|
.text-muted {
|
|
color: var(--gray) !important;
|
|
}
|
|
|
|
/*frontpage*/
|
|
#frontpage .container {
|
|
max-width: 2160px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
#frontpage .d-lg-flex,
|
|
#frontpage .font-weight-bold.py-3 {
|
|
display: none !important;
|
|
}
|
|
|
|
#frontpage .sidebar {
|
|
background-color: white !important;
|
|
color: black;
|
|
}
|
|
|
|
#frontpage .col .h-100 .custom-gutters .row .col {
|
|
background-image: var(--bg1) !important;
|
|
color: white !important;
|
|
}
|
|
|
|
#frontpage .dropdown .btn {
|
|
background-color:transparent !important;
|
|
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;
|
|
}
|
|
|
|
#frontpage .dropdown-toggle, #frontpage i.fas.mr-1 {
|
|
color:yellow !important;
|
|
}
|
|
|
|
/*post*/
|
|
.post-meta, .post-actions a, .post-actions button, .nav-link .fas, label, small, .comment-actions * {
|
|
color: var(--black1) !important;
|
|
}
|
|
|
|
.comment, .comment-text, .comment-section, .comment-body, .post-body {
|
|
background-color: white;
|
|
color: var(--black2) !important;
|
|
}
|
|
|
|
#post-text {
|
|
margin: 15px;
|
|
}
|
|
|
|
.anchor.comment {
|
|
border-left: 2px dotted var(--black1) !important;
|
|
}
|
|
|
|
.comment-collapse-desktop {
|
|
border-left: none !important;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 2px solid #c5c1ad !important;
|
|
background-color: white !important;
|
|
color: #4f4f4f !important;
|
|
}
|
|
|
|
.form-control, .comment-box.form-control.rounded {
|
|
background-color: white !important;
|
|
color: var(--black2) !important;
|
|
}
|
|
|
|
.comment-box, .form-control{
|
|
border-color: var(--black1) !important;
|
|
}
|
|
|
|
.text-info.new-comments {
|
|
color: #ff4500 !important;
|
|
}
|
|
|
|
#thread #dropdownMenuButton {
|
|
background-color: var(--red) !important;
|
|
color: white !important;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.btn.format {
|
|
background-color: transparent !important;
|
|
color: var(--black1) !important;
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
/*userpage*/
|
|
#userpage .nav.settings-nav {
|
|
background-color: transparent;
|
|
}
|
|
|
|
#userpage .nav-link {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
#userpage .nav-link.active {
|
|
box-shadow: inset 0 -2px 0 var(--red) !important;
|
|
}
|
|
|
|
/*leaderboard*/
|
|
#settings2 .container, #settings2 .container-fluid {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
#settings2 .bg-white {
|
|
background-color: var(--white) !important;
|
|
}
|
|
|
|
#settings2 .text-muted {
|
|
color: var(--black1) !important;
|
|
}
|
|
|
|
#settings2 .nav.settings-nav {
|
|
margin: auto !important;
|
|
}
|
|
|
|
#settings2 .table {
|
|
color: var(--black1);
|
|
}
|
|
|
|
/*shop*/
|
|
#message .container {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
#message .table {
|
|
color: var(--black1);
|
|
}
|
|
|
|
/*submit*/
|
|
#submit .container {
|
|
background-color: transparent !important
|
|
}
|
|
|
|
#submit .text-muted {
|
|
color: var(--black1) !important;
|
|
}
|
|
|
|
#submit #create_button {
|
|
background-color: var(--red) !important;
|
|
color: white !important;
|
|
border-color: transparent;
|
|
}
|
|
|
|
#submit .btn.format {
|
|
background-color: transparent !important;
|
|
color: var(--black1) !important;
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
#submit .row.fixed-bottom {
|
|
background-color: var(--white) !important
|
|
}
|
|
|
|
/*settings*/
|
|
#settings .text-small, #settings .text-small-extra {
|
|
color: var(--black1) !important;
|
|
}
|
|
|
|
#settings .custom-control-label::before {
|
|
background-color: var(--gray) !important;
|
|
}
|
|
|
|
#settings .custom-control-input:checked ~ .custom-control-label::before {
|
|
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);
|
|
}
|
|
|
|
.btn-danger {
|
|
border-color: #E53E3E !important;
|
|
color: red !important;
|
|
}
|
|
|
|
.btn.caction .score-up {
|
|
color: var(--upvote) !important;
|
|
}
|
|
|
|
.btn.caction .score-down {
|
|
color: var(--downvote) !important;
|
|
}
|
|
|
|
.user-info .text-muted {
|
|
color: var(--black1) !important;
|
|
}
|
|
|
|
.shop .btn {
|
|
background-color: var(--black1) !important;
|
|
}
|
|
|
|
#mobile-bottom-navigation-bar .text-primary {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
#mobile-bottom-navigation-bar .text-muted {
|
|
color: var(--black1) !important;
|
|
}
|
|
|
|
#settings2 .nav-link.active .fas {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
#navbarResponsive .nav-link {
|
|
color: var(--black1) !important;
|
|
}
|
|
|
|
.mobile-nav-icon {
|
|
color: var(--black1);
|
|
}
|
|
|
|
/*patch*/
|
|
#frontpage .container {
|
|
margin-top: -5px
|
|
}
|
|
|
|
.table {
|
|
color: var(--black3)
|
|
}
|
|
|
|
:root {
|
|
--gold: #f59e0b !important;
|
|
--pink: #ec72de !important;
|
|
--purple: #9333ea !important;
|
|
--bluecheck: #1DA1F2 !important;
|
|
--red-hover: #d2106c !important
|
|
}
|
|
|
|
#settings2 .text-muted {
|
|
color: var(--black3)!important;
|
|
}
|
|
|
|
.fa-robot {
|
|
color: var(--purple) !important;
|
|
}
|
|
|
|
.fa-broom {
|
|
color: var(--sticky) !important;
|
|
}
|
|
|
|
.post-title span.patron {
|
|
background-color: var(--purple)
|
|
}
|
|
|
|
.btn-primary:hover, .btn-secondary: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;
|
|
}
|
|
|
|
#frontpage .card-header div {
|
|
z-index: 2 !important;
|
|
}
|
|
|
|
#navbarResponsive .nav-link:hover i {
|
|
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);
|
|
}
|
|
|
|
.shop .btn {
|
|
border-color: var(--gray) !important;
|
|
background-color: var(--red) !important;
|
|
}
|
|
|
|
.nav-link.active {
|
|
font-weight: bold;
|
|
}
|
|
|
|
a.text-danger, button.text-danger {
|
|
color: #dc3545 !important
|
|
}
|
|
|
|
a.text-info, button.text-info {
|
|
color: var(--sticky) !important
|
|
}
|
|
|
|
label.custom-control-label::after, label.custom-control-label::before {
|
|
background-color: var(--black1) !important
|
|
}
|
|
|
|
.custom-control-input:checked ~ .custom-control-label::after {
|
|
background-color: var(--gray) !important;
|
|
}
|
|
|
|
#settings .sticky {
|
|
top: 70px;
|
|
}
|
|
|
|
.border-bottom {
|
|
border-bottom: 1px solid var(--gray) !important;
|
|
}
|
|
|
|
a.nav-link:hover {
|
|
color: white !important
|
|
}
|
|
|
|
.nav.settings-nav {
|
|
border: 1px solid var(--red-hover)
|
|
}
|
|
|
|
#thread .anchor.comment {
|
|
border-left: 2px solid var(--gray)!important;
|
|
}
|
|
|
|
.anchor.comment.mt-0 {
|
|
border-left: none !important;
|
|
}
|
|
|
|
.notifs .anchor.comment {
|
|
border-left: none !important;
|
|
}
|
|
|
|
.notifs .comment-collapse-desktop {
|
|
border-left: 2px solid var(--gray)!important;
|
|
}
|
|
|
|
#userpage .nav.settings-nav {
|
|
border:none;
|
|
}
|
|
|
|
#userpage .btn-danger {
|
|
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
|
|
}
|
|
|
|
#userpage .container-fluid.pb-0.text-center.bg-white.d-md-none {
|
|
margin-top: -32px !important;
|
|
}
|
|
|
|
#userpage .profile-pic-65 {
|
|
border-radius: 0;
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
#settings2 .nav.settings-nav .fas {
|
|
color: var(--gray) !important
|
|
}
|
|
|
|
#settings2 .nav-link.active .fas {
|
|
color: white !important
|
|
}
|
|
|
|
#settings2 .btn .fas {
|
|
color: white !important
|
|
}
|
|
|
|
#frontpage .settings .d-lg-flex {
|
|
display: block !important;
|
|
}
|
|
|
|
#frontpage .container .col-lg-8 {
|
|
background-image: none !important;
|
|
}
|
|
|
|
#post-text a, #post-text img {
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.tooltip {
|
|
color:black !important;
|
|
}
|
|
|
|
#frontpage .btn.btn-secondary.text-small-m {
|
|
color: #ff0 !important;
|
|
text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000 !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
|
|
.d-flex.justify-content-between.align-items-center.pt-3.pb-2.sorting {
|
|
float: left !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.sorting {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.comment-anchor:target, .unread {
|
|
background: #88888833 !important;
|
|
padding: 12px;
|
|
}
|
|
|
|
#chat-window {
|
|
background-color: white !important;
|
|
}
|
|
|
|
.chat-message {
|
|
color: var(--black2) !important;
|
|
}
|
|
|
|
.post-title a:visited {
|
|
color: #6e6e6e !important;
|
|
}
|
|
|
|
.sidebar
|
|
{
|
|
background-color: #f3f3f3 !important;
|
|
border-radius: 0px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/* award modal text legibility */
|
|
#awardModalBody .text-muted {
|
|
color: var(--black3) !important;
|
|
}
|
|
|
|
#awardModalBody .card .pt-2 {
|
|
color: var(--black3) !important;
|
|
}
|