forked from rDrama/rDrama
195 lines
3.4 KiB
CSS
195 lines
3.4 KiB
CSS
/*common*/
|
|
:root {
|
|
--muted: #666;
|
|
--black: #444;
|
|
--primary: #b40457 !important;
|
|
--gray: #888;
|
|
--upvote: #ff8b60;
|
|
--downvote: #9393ff;
|
|
--pinned: #228822;
|
|
--background: 255, 255, 255;
|
|
}
|
|
|
|
.container {
|
|
background-color: rgb(var(--background)) !important;
|
|
}
|
|
|
|
#frontpage .container, #thread .container {
|
|
background-image: url(/i/classic2.webp);
|
|
}
|
|
|
|
* {
|
|
border-color: var(--muted) !important;
|
|
}
|
|
|
|
#frontpage .container, #thread .container {
|
|
max-width: 2160px;
|
|
}
|
|
|
|
.sidebar {
|
|
background-color: rgb(var(--background));
|
|
border-radius: 0px;
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.no-gutters {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
#mobile-bottom-navigation-bar, .navbar {
|
|
background-color: rgb(var(--background)) !important;
|
|
}
|
|
|
|
.btn-primary:not(.shop-tab) {
|
|
background-color: var(--primary) !important;
|
|
color: white;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
background-color: rgb(var(--background));
|
|
}
|
|
|
|
.dropdown-item i {
|
|
color: var(--muted) !important;
|
|
}
|
|
|
|
input, textarea, .form-control {
|
|
background-color: rgb(var(--background)) !important;
|
|
border: 1px solid;
|
|
}
|
|
|
|
.custom-switch .custom-control-label::after {
|
|
background-color: #fff !important;
|
|
}
|
|
|
|
.custom-switch .custom-control-label::before {
|
|
background-color: var(--muted);
|
|
}
|
|
|
|
|
|
/*decoration*/
|
|
.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(--muted);
|
|
}
|
|
|
|
.fa-thumbtack.text-admin {
|
|
color: var(--pinned);
|
|
}
|
|
|
|
.fa-broom {
|
|
color: var(--pinned) !important;
|
|
}
|
|
|
|
.tooltip {
|
|
background-color: rgb(var(--background));
|
|
}
|
|
|
|
a {
|
|
color: #369;
|
|
}
|
|
|
|
.spoiler, spoiler {
|
|
background-color: var(--gray) !important;
|
|
}
|
|
|
|
.spoiler:hover, spoiler:hover {
|
|
color: white !important;
|
|
}
|
|
|
|
/*front page*/
|
|
a.btn-block[href~="/submit"] {
|
|
border: 2px solid #ddd !important;
|
|
}
|
|
|
|
.sorting {
|
|
float: left !important;
|
|
padding-top: 5px !important;
|
|
}
|
|
|
|
#frontpage #main-content-col .row:first-child:not(#award-tabs) {
|
|
background-image: url(/i/classic1.webp);
|
|
background-position: center;
|
|
background-repeat: repeat;
|
|
margin-top: -12px;
|
|
margin-bottom: -15px;
|
|
}
|
|
|
|
.sorting .btn {
|
|
color: white;
|
|
text-shadow: -1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
|
|
border: none;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
#frontpage .sorting .text-primary {
|
|
color: yellow !important;
|
|
text-decoration: underline;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
#frontpage #dropdownMenuButton, #frontpage #dropdownMenuButton2, .sorting .dropdown i {
|
|
color: yellow;
|
|
}
|
|
|
|
.card {
|
|
border-color: var(--gray) !important;
|
|
}
|
|
|
|
.modal-content {
|
|
background-color: rgb(var(--background));
|
|
}
|
|
|
|
#frontpage .post-title a:not(:visited) {
|
|
color: #369;
|
|
}
|
|
|
|
#frontpage .card.pinned .post-title a {
|
|
color: var(--pinned);
|
|
}
|
|
|
|
/*posts*/
|
|
@media (min-width: 992px){
|
|
#thread #main-content-col {
|
|
padding-left: 3rem;
|
|
padding-right: 3rem;
|
|
}
|
|
}
|
|
|
|
.comment-section, .comment {
|
|
background-color: rgb(var(--background));
|
|
}
|
|
|
|
blockquote {
|
|
background-color: var(--gray);
|
|
color: white;
|
|
}
|
|
|
|
blockquote a {
|
|
color: skyblue;
|
|
}
|
|
|
|
.unread {
|
|
background-color: #d9d9d9 !important;
|
|
}
|
|
*:target {
|
|
background: rgba(var(--primary_rgb), 0.2) !important;
|
|
}
|
|
|
|
.jumbotron, button.close {
|
|
color: var(--gray);
|
|
}
|
|
|
|
/*casino*/
|
|
#casino-game-wrapper .row-cols-1, #casino-game-wrapper .row-cols-2 {
|
|
background-image: none !important;
|
|
}
|