Files
Cedar-Django/static/blueness.css
T

545 lines
19 KiB
CSS

#sidebar-profile-body .nick-name, .news-list .nick-name, .list-content-with-icon-and-text .nick-name a, .user-name a {
color: #fff;
}
.post-permalink-button:hover, .favorite-community-link.symbol, .trigger:active, #wrapper, #reply-content button.more-button:hover, .spoiler-button:hover, #sidebar-profile-status, #guide-menu:hover, .community-eyecatch-info:hover, #community-favorite:hover, #reply-content .list > li.my:hover, .big-button:hover, .sidebar-setting a:hover, .multi-timeline-post-list .post.hidden .screenshot-container, .multi-timeline-post-list .post .screenshot-container, .trigger:hover, .textarea-container .community-container, .post-form-album-content, .admin-messages .post.my, #identified-user-banner:hover, .sidebar-setting a.selected, .sidebar-container h4 a:hover, #empathy-content, .sidebar-profile .profile-comment, .post-list .recent-reply-content, .community-name .owner, .post-list-heading-button, .topic-title-input, .textarea, .yeah-button, .hidden-content-button, .community-description {
background-color: var(--theme-darker, #070711) !important;
}
body, .favorite-community-link.symbol:hover, .post.hidden:hover, .filtering-label, .post-list .recent-reply-content .recent-reply:hover, .post-list .recent-reply-content .recent-reply-read-more-container:hover, .arrow-button:hover, #post-diary-window, .spoiler-button, .textarea-line, .dialog .window-body, .digest .post .icon-container, .icon-container .icon, #sidebar-profile-body .icon, .sidebar-container, .post .community-container, #global-menu #global-my-menu, .guest#post-permlink .guest-message p, form.search input[type="text"], form.search input[type="submit"], .warning-content, .community-card-list > li, .post-permalink-button {
background-color: var(--theme-dark, #0a0a17) !important;
}
body, .community-title, #footer-selector li button, #footer-inner p a, .post-list.empty, .album-list.empty, .list > .no-content, .no-content, .community-game-title, .arrow-button, .post .hidden-content button, .post .deleted-message button, .post .hidden_as_violation button, .post .hidden-content a, .post .deleted-message a, .post .hidden_as_violation a, .post .community-container-heading a, .list-content-with-icon-and-text .text, .list-content-with-icon-and-text .id-name, #sidebar-profile-body .id-name, #post-diary-window p, .sidebar-container h4 a, .post-list .empathized-user-name, .post-list .acted-user-name, .post-list .recommend-user-title, .headline h2, #post-content .post-content-text, #global-menu li a, #global-menu li button, #sidebar-profile-status .number, .community-name, .community-name a, .community-list .title, .sidebar-setting .sidebar-menu-relation:before, #reply-content button.more-button, .sidebar-profile .profile-comment, .guest#post-permlink .guest-message p, form.search input[type="text"], .community-name .owner, .post-list-heading-button, .topic-title-input, .textarea, .yeah-button, .post-permalink-button, .hidden-content-button, .community-description {
color: #ccc !important;
}
input[type=text], input[type=password], input[type=email], input:not([type]), select {
background-color: var(--theme-darker, #070711);
color: #fff;
border: 1px solid #000;
box-shadow: inset 0 2px 6px rgb(0 0 0 / 12%), 0 1px 0 var(--theme-dark, #050511);
}
.guest .guest-message p {
color: #ccc;
background: var(--theme-darker, #070711) !important;
}
.guest-message .arrow-button {
border-top: 1px solid #000 !important;
}
.delete {
color: #ccc;
}
.delete:hover {
color: var(--theme-dark, #0a0a17) !important;
}
.sidebar-container .button {
margin: 5px auto 20px;
width: 80%;
box-shadow: -1px 1px 2px #00000036;
}
.spoiler-button, .textarea-line {
border: 1px solid #000;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
}
.file-button-container, .file-button {
background-color: var(--theme-darker, #050511) !important;
color: #fff;
}
.post-form-album-content {
border: 1px solid #000;
}
.post-form-album-content:before {
border-bottom-color: #000;
}
#sidebar-cover {
border-bottom: 1px solid #000;
}
.post-list-heading-button {
border: 1px solid #000;
border-bottom-color: #000;
}
#global-menu li.selected a {
color: var(--theme, #0070ff) !important;
}
.follow-done-button:after {
content: 'ing';
}
button.unfollow-button.button.symbol:after {
content: 'ing';
}
.filtering-label .button {
border-left: 1px solid #000;
}
.mask {
background: rgba(0, 0, 0, 0.6);
}
.post-list-heading-button:hover {
background: rgb(35, 35, 35);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
}
.topic-title-input, .textarea {
border: 1px solid #000;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.12), 0 1px 0 var(--theme-dark, #050511);
}
input[type="number"] {
background: var(--theme-dark, #0a0a17);
border: 1px solid #000;
color: #fff;
}
.hidden-content-button {
border: 1px solid #000;
border-bottom-color: #000;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
}
.hidden-content-button:hover {
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0), 0 2px 4px rgba(0,0,0,0.1);
}
.yeah-button {
border: 1px solid #000;
border-bottom-color: #000;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
}
.yeah-button:hover {
background: rgb(35, 35, 35);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
}
.yeah-button:disabled:hover {
background: var(--theme-darker, #070711);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
}
.setting-form li {
border-bottom: 1px solid #000;
}
form.search input[type="submit"] {
color: #646464;
}
.sidebar-setting .sidebar-menu-relation:before {
color: #000;
}
.community-list-cover {
border-bottom: 1px solid #000;
}
.simple-wrapper.simple-wrapper-content #wrapper {
margin: 0px auto 0;
}
.simple-wrapper.simple-wrapper-content #main-body {
border: 1px solid rgba(21, 20, 20, 0) !important;
}
.warning-content {
border: 1px solid rgb(0, 0, 0);
}
.community-eyecatch-balloon {
color: #CCCCCC;
background: rgb(32, 32, 32);
}
.community-eyecatch-balloon:after {
border-color: transparent rgb(32, 32, 32) rgba(0, 0, 0, 0) transparent;
}
.post-body .multi-timeline-post-list .post-subtype-artwork .hidden-content {
background-color: var(--theme-darker, #070711);
border-top: 1px dashed #000;
}
.community-list .siblings {
color: #969696;
border-left: 1px solid #000;
}
.post-list > .post-list-outline {
border-top: 1px solid rgb(0, 0, 0);
}
#main-body > .no-content {
background: var(--theme-dark, #0a0a17) none repeat scroll 0% 0%;
border: 1px solid #000;
box-shadow: 0px 1px 0px #000;
}
.notify {
background: #0e0e39 !important;
}
.tab2 a, .tab3 a {
background-color: var(--theme-dark, #0a0a17);
background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-dark, #0a0a17)), to(var(--theme-dark, #0a0a17)), color-stop(0.5, var(--theme-dark, #0a0a17)));
background: -webkit-linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
background: -moz-linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
background: -ms-linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
background: -o-linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
background: linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
color: #CCCCCC;
border: 1px solid #000;
border-bottom-color: #000;
}
.album-dialog .album-close-button {
background: -webkit-linear-gradient(bottom, var(--theme-dark, #0a0a17), var(--theme-dark, #0a0a17));
border: 1px solid #000000;
}
.tab2 a:hover, .tab3 a:hover {
background: var(--theme-darker, #070711);
-webkit-box-shadow: inset 0 1px 0 var(--theme-darker, #070711), 0 2px 4px rgba(22, 22, 22, 0);
-moz-box-shadow: inset 0 1px 0 var(--theme-darker, #070711), 0 2px 4px rgba(22, 22, 22, 0);
-ms-box-shadow: inset 0 1px 0 var(--theme-darker, #070711), 0 2px 4px rgba(22, 22, 22, 0);
-o-box-shadow: inset 0 1px 0 var(--theme-darker, #070711), 0 2px 4px rgba(22, 22, 22, 0);
box-shadow: inset 0 1px 0 var(--theme-darker, #070711), 0 2px 4px rgba(22, 22, 22, 0);
}
.tab2 > a:first-child, .tab3 > a:first-child {
border-left: 1px solid #000;
}
.community-eyecatch-infoicon {
border: 1px solid #000;
}
.open-topic-post-existing-warning {
background-color: rgb(32, 32, 32);
}
.open-topic-post-existing-warning .content {
border: 2px solid #E8316E;
}
.list .toggle-button .button:before {
color: #CCC;
width: 30px;
height: 34px;
border: 1px solid #000;
border-bottom-color: #000;
box-shadow: inset 0 0.5px 0 rgba(0, 0, 0, 0.9);
}
.DateTimeInput {
background: var(--theme-darker, #070711);
color: #fff;
}
.topic-categories-container {
background: var(--theme-dark, #0a0a17);
-webkit-box-shadow: 0 1px 0 var(--theme-dark, #0a0a17);
-moz-box-shadow: 0 1px 0 var(--theme-dark, #0a0a17);
-ms-box-shadow: 0 1px 0 var(--theme-dark, #0a0a17);
-o-box-shadow: 0 1px 0 var(--theme-dark, #0a0a17);
box-shadow: 0 1px 0 var(--theme-dark, #0a0a17);
}
.button {
border: 1px solid rgb(0, 0, 0);
border-bottom-color: #000;
background: var(--theme-dark, #0a0a17);
color: #ccc;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
}
.button:hover {
background: var(--theme-darker, #070711);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0);
}
.post-list a.another-posts {
background-color: rgba(0, 0, 0, 0.04);
border-top: 1px solid #000;
color: #ccc;
}
.sidebar-setting li {
border-top: 1px solid #000;
}
.community-list .icon-container .icon {
border: 1px solid #000;
}
#sidebar-profile-status li a > span {
display: block;
border-right: 1px solid var(--theme-dark, #0a0a17);
}
#global-menu li#global-menu-mymenu .icon-container img:not(.official-tag) {
border: 1px solid #000;
width: 36px;
height: 36px;
}
#global-menu #global-my-menu {
border: 2px solid #000;
}
#global-menu #global-my-menu:before {
border-color: transparent;
border-bottom-color: #000;
}
#global-menu #global-my-menu:after {
border-color: transparent;
border-bottom-color: var(--theme-dark, #0a0a17);
}
.list-content-with-icon-and-text li {
border-top: 1px solid #000;
}
.filter-button {
color: #ccc;
background-color: rgb(32, 32, 32);
border: 1px solid rgb(0, 0, 0);
}
.filter-button:hover {
background-color: rgba(22,22,22,1);
color: #696666;
}
#community-eyecatch-main > div {
background: var(--theme-dark, #0a0a17);
border: 1px solid rgb(0, 0, 0);
}
#guide-menu {
background: var(--theme-dark, #0a0a17);
border: 1px solid rgb(0, 0, 0);
}
#guide-menu .arrow-button {
border-top: 1px solid #000;
}
#community-favorite {
background: var(--theme-dark, #0a0a17);
border: 1px solid rgb(0, 0, 0);
}
#identified-user-banner {
background: var(--theme-dark, #0a0a17);
border: 1px solid rgb(0, 0, 0);
}
.digest .post .body {
background: var(--theme-dark, #0a0a17);
border: 1px solid rgb(0, 0, 0);
}
.digest .post .body:after {
border-color: transparent var(--theme-dark, #0a0a17) transparent transparent;
}
.digest .post .body:before {
border-color: transparent #000 transparent transparent;
}
.digest .post .community-container {
border: 1px solid #000;
border-top: 1px solid #000;
}
.accepting > span {
background-color: rgba(255, 247, 179, 0);
color: #e33ea2;
}
.accepting > span:before {
color: #f90047;
}
.not-accepting > span {
background-color: rgba(255, 247, 179, 0);
color: #969696;
}
.not-accepting > span:before {
color: #FF0000;
}
span.owner-label {
color: var(--theme, #0070ff);
}
.guest#post-permlink .guest-message .arrow-button {
border-top: 1px solid #000;
}
.community-card-list > li {
border: 1px solid rgba(0, 0, 0, 0.1);
border-color: #000;
}
#sub-body {
background: var(--theme-dark, #0a0a17);
border-bottom: 2px solid #000;
box-shadow: 0 0 15px #000;
}
.content-loading-window.activity-feed img {
visibility: hidden;
width: 22px;
height: 22px;
}
.post-form-album-content:after {
border-bottom-color: #1a1a1a;
}
.pager-button {
background: #1A1A1A;
}
.pager-button .back-button {
border-right: 1px solid #000;
}
.pager-button .next-button {
border-left: 1px solid #000;
}
.pager-button .button {
color: #969696;
background-color: #313131;
}
.guest #about {
background: var(--theme-dark, #0a0a17);
border-bottom: 2px solid #000;
}
.guest .guest-terms-link:hover {
background-color: #E64E25;
}
.tutorial-window {
background-color: rgb(32, 32, 32);
}
.post-list .recent-reply-content {
border-top: 1px solid #000;
}
.post-list .recent-reply-content .recent-reply-read-more-container {
border-bottom: 1px solid #000;
}
h2.label-diary_post, h2.label-diary {
border-bottom: 3px solid #04c9db;
color: #00b7d8;
}
h2.label-artwork_post, h2.label-artwork {
border-bottom: 3px solid #fcc735;
color: #ffae00;
}
h2.label-topic_post, h2.label-topic {
border-bottom: 3px solid #e8316e;
color: #e8316e;
}
.post-list-outline {
background: var(--theme-dark, #0a0a17);
border: 1px solid rgb(0, 0, 0);
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
}
.post .community-container {
border-bottom: 1px solid #000;
}
.list > li, .list > div, .list > a, .list > span {
border-top: 1px solid #000;
}
.list > li span {
padding: 5px!important;
}
#sidebar-community .sidebar-setting a {
border-top: 1px solid #000;
}
.sidebar-container {
border: 1px solid rgb(0, 0, 0);
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
}
.big-button {
background: #fff;
border: 1px solid rgb(0, 0, 0);
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
background-color: var(--theme-dark, #0a0a17);
color: #ccc;
}
form.search {
background: #fff;
border: 2px solid #000;
}
.sidebar-setting a {
color: #ccc;
border-top: 1px solid #000;
}
.user-data .note {
border-bottom: 2px dashed var(--theme-darker, #070711);
color: #ccc;
}
.user-data th {
background: #0000005e;
color: #ccc;
border-bottom: 1px var(--theme, #0070ff) solid;
}
.user-data td {
background: #00000096;
color: #ccc;
}
.user-data tr:nth-child(odd) td {
background: #0000005e;
}
#footer {
background-color: #1d1d2d;
}
#sidebar-profile-body .icon {
border: 1px solid #000;
}
.icon-container .icon {
border: 1px solid #000;
}
.digest .post .icon-container {
border: 1px solid rgb(0, 0, 0);
}
#empathy-content .post-permalink-feeling-icon .user-icon {
border: 1px solid #000;
background: transparent;
}
#empathy-content.none + .buttons-content {
border-top: 1px solid #222;
}
#empathy-content {
border: 1px solid #000;
}
#reply-content button.more-button {
border: #000;
}
.messages .post.my,
#reply-content .list .my {
background-color: var(--theme-darker, #070711);
}
#reply-content .info-reply-list + button.more-button, #reply-content .more-button + .more-button {
border-top: 1px solid #000;
}
.dialog .window-body {
border: 1px solid #050207;
}
#post-form + #community-post-list .list > div:first-child {
border-top: 1px solid #000;
}
.user-community .icon-container .user-icon {
background: rgba(255, 255, 255, 0);
border: 1px solid rgba(221, 221, 221, 0);
}
#wrapper, #image-header-content {
background: var(--theme, #eeeeee) var(--background, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAjBJREFUeJzt3cFy2jAURuFfMjTrvP+bltrqgpA0YKczHQj1uecs8UbypwGbzW0vL68jq7VM0yFJW7/83zYyz7+SbGyrWH39473iJvte+/1bASbcIMIe7tMVMOnGtEzTMa0R9vLvfQKepmMYuB/1Xhu5J0lrLdP049lreViVkXtrLb0fn72Oh9f7oSRyr4B7rsZBvm7jNckoCQxPYHgCwxMYnsDwBIYnMDyB4QkMT2B4AsMTGJ7A8ASGJzA8geEJDE9geALDExiewPAEhicwPIHhCQxPYHgCwxMYnsDwBIYnMDyB4QkMT2B4AsMTGJ7A8ASGJzA8geEJDE9geALDExheX5bTs9fwbVXa66U+xsg8/3z2Oh7espwyRr1JLO9f0fPMPd1VcZNPv8HjDZl1IyrjJjcPWaShUucDWxk3WX2KJiAT9nCfNl6T9nyD9rz2+3fYvjTQD1637XUo2NcH2j86kuwXN/nb2gXeNe6l7T0UBybgXlqf1VgauMKsxpLAlWY1lgOuNquxHHAF3HPng1wOuFoCwxMYnsDwBIYnMDyB4QkMT2B4AsMTGJ7A8ASGJzA8geEJDE9geALDExiewPAEhicwPIHhCQxPYHgCwxMYnsDwBIYnMDyB4QkMT2B4AsMTGJ7A8ASGJzA8geEJDE9geALDExiewPAEhlcOuNL8wmU51QOuNquxHPAl8sigP8f5lQWuMquxMHDCmpK2PquxOHDCQN7eg8BJ9o389dp/A4bSnAQqPoWAAAAAAElFTkSuQmCC')) !important;
}
#empathy-content:before {
background: url(img/rks.png) no-repeat 0 0 !important;
}
.community-switcher .community-switcher-tab {
background-color: var(--theme-dark, #0a0a17);
background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-dark, #0a0a17)), to(var(--theme-dark, #0a0a17)), color-stop(0.5, var(--theme-dark, #0a0a17)));
background: -webkit-linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
background: -moz-linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
background: -ms-linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
background: -o-linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
background: linear-gradient(top, var(--theme-dark, #0a0a17) 0%, var(--theme-dark, #0a0a17) 50%, var(--theme-dark, #0a0a17) 100%);
border: 1px solid black;
color: #fff;
}
.community-switcher .community-switcher-tab:first-of-type {
border-left: 1px solid black;
}
code,
pre {
border: 1px solid #404050 !important;
color: #CCC !important;
background-color: var(--theme-darker, #191828) !important;
}
@media screen and (max-width: 980px) {
#global-menu #global-menu-list > ul > li > a:hover {
background-color: #333 !important;
}
#global-menu #global-menu-list > ul > li#global-menu-my-menu button:hover {
background-color: #333 !important;
}
}
@media screen and (max-width: 640px) {
.list .toggle-button .button:before {
height: 28px !important;
}
}
html::-webkit-scrollbar,
textarea::-webkit-scrollbar {
width: 10px;
height: 10px;
}
html::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
background-color: #3c3c3c;
}
html::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
background: #000;
}
html::-webkit-scrollbar-corner,
textarea::-webkit-scrollbar-corner {
background: transparent;
}
/*
CodyMKW completely made this dark theme, please show him love.
Seriously, he made the entire thing at the beginning of the project and now it's here to stay.
I modified this to make it actually suitable for this, and completing the elements and such.
oh also PF2M did some Find+Replace work to recolor the background, and then CodyMKW made the background again
*/