Tumma
Ylläpitäjä
/** Tumma */
/** https://luolasto.org/css/themes/base.css */
@import url("../themes/base.css?i=6");
:root {
--base-color-0: black !important;
--base-color-1: var(--base-color-0) !important;
--base-color-2: var(--base-color-0) !important;
--base-color-3: var(--base-color-0) !important;
--base-color-4: var(--base-color-0) !important;
--base-color-5: var(--base-color-0) !important;
--base-color-6: var(--base-color-0) !important;
--bg-color: #101013 !important;
}
body {
color: whitesmoke !important;
background: black !important;
background-image: unset !important;
/* background-color: #130e0e !important; */
/* background-color: black !important*/
}
.unrounded {
border-radius: unset !important;
}
button > .fa{
color: black ;
}
/*
header#main-header {
border-radius: 5px;
}*/
#main-container {
background-color: var(--bg-color) !important;
background-image: linear-gradient(#191a1b, var(--bg-color) 15%);
box-shadow: none !important;
border-left: 1px solid #968686 !important;
border-right: 1px solid #968686 !important;
}
table, tr, td, th {
border: none !important;
}
.tr-item:nth-child(2n) {
background: #1b1a1c;;
}
hr {
border-color: #968686 !important;
}
.bordered {
border: none !important
}
.flash-base {
border: 2px solid #adb4b5 !important;
color: white !important;
background-color: #0d314fe6;
}
#forum-header, #media-header-hr {
border-bottom: solid 1px whitesmoke;
}
.thread-link {
line-height: 18px !important;
}
/*.shadowed, .feeds-container, .message-article, .paginated-medias > .media-it-holder {
border: 1px #483838 solid !important;
}*/
/*
#status-update-input, #status-message, .media-page-content, #user-description, .user-basic-info, #user-channels,
#channel-meta, #commentbox
{
border: 3px #483838 solid !important;
}*/
#message-submit, #status-update-input {
border-bottom: unset !important;
-webkit-box-shadow: unset !important;
-moz-box-shadow: unset !important;
box-shadow: unset !important;
text-decoration: none !important;
}
@media only screen and (max-width: 1200px) {
.media-it-holder {
width: unset;
}
}
@media only screen and (min-width: 1200px) {
div#random-bottom-medias {
display: flex !important;
flex-direction: row;
justify-content: center;
overflow: auto;
flex-wrap: nowrap;
margin: auto;
scrollbar-width: thin;
scrollbar-color: #8a8aa88f #0000004f;
scroll-behavior: smooth;
}
span.media-bottom-row-arrow {
background: gray;
font-size: 20px;
/* border-radius: 15px; */
margin: auto;
padding: 7px;
cursor: pointer;
color: black;
border-radius: 250px;
}
span.media-bottom-row-arrow:hover {
filter: brightness(115%);
}
span#scroll-to-left {
box-shadow: -5px 5px black;
}
span#scroll-to-right {
box-shadow: 5px 5px black;
}
div#random-bottom-medias > #media-list {
max-width: 39vw;
/*padding: 15px;*/
}
div#random-bottom-medias > #media-list * > .media-it-holder {
padding: 0 9px 0 9px;
}
div#random-bottom-medias > * img.media-it-thumb {
object-fit: cover !important;
}
div.bottom-row-medias {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow: auto;
}
.user-basic-info > hr {
display: none;
}
#user-info {
margin-top: 15px;
font-size: 0.6vw;
}
div.channel-items {
font-size: 0.7vw !important;
}
.message-user-info-messages {
font-size: 11px !important;
}
#status-header {
padding: 2px 5px 2px 5px;
background: #1f1f26;
width: calc(100% - 15px) !important;
float: right;
margin-right: 5px !important;
}
#status-header > .rates-container {
float: left;
margin-left: 5px;
}
hr#status-header-hr {
display: none !important;
}
#status-report, #status-remove {
float: right;
}
}
#main-container {
background-color: var(--bg-color) !important;
background-image: linear-gradient(#191a1b, var(--bg-color) 15%);
box-shadow: none !important;
border-left: 1px solid #968686 !important;
border-right: 1px solid #968686 !important;
}
#chat-body-container > #chat-page-messages > .chat-message-container > * > a {
color: black !important;
}
a, #footer-text, .quote, .message-header > * {
color: #c6c0c0 !important;
}
input, a[type="button"], select, textarea, .code {
color: black !important;
}
a.action:not(input) {
color: #f5e5e7 !important;
}
a.action:hover:not(input) {
color: #cac6c6 !important;
/*text-decoration: underline !important;*/
}
#main-navi * .menu-group > .action, #media-basic-info *, .message-header * {
color: whitesmoke !important;
}
#media-rate {
color: #23a11b !important;
}
#media-rate:hover {
color: #0fff00 !important;
}
div#media-basic-info {
padding: 2px !important;
}
/*
@media scren and (max-width:960px) and (orientation:landscape) {
div#media-basic-info {
position: relative !important;
}
}*/
/*
a.media-header-link {
display: inline-block !important;
font-size: 25px;
}
a#media-header-link-prev {
margin-left: 20px;
}
a#media-header-link-next {
margin-right: 20px;
}*/
.media-jump {
display: block !important;
}
#media-modal {
box-shadow: 8px 8px #00000012;
}
.shadowed, .feeds-container, textarea, .message-article {
/*box-shadow: 0 0 5px #451515 !important; */
}
.shadowed, .message-article, #random-side-medias {
/*background-color: #0a0502 !important; */
/* padding: 15px 0 15px 5px !important; */
background: #060606 !important;
}
textarea {
background-color: white !important;
/*box-shadow: 0 0 5px #eae8e8 !important; */
}
.on-preview {
filter: brightness(110%) !important;
-webkit-box-shadow: 0 0 5px #c3c5c9 !important;
-moz-box-shadow: 0 0 5px #c3c5c9 !important;
box-shadow: 0 0 5px #c3c5c9 !important;
}
#main-header, #media-basic-info, #thread-header, .message-header, .dropdown-item > .action,
.dropdown-items, .dropdown-item {
background-color: #3b292d !important;
color: whitesmoke !important
}
span.message-header {
background: #1f1f26 !important;
margin-top: 5px !important;
}
/*
#frontage-top-medias {
box-shadow: 2px 2px #3a3737a8;
border-radius: 5px;
background: #040404;
padding: 0 15px 0 15px;
}*/
a.reply-check {
font-weight: bold;
color: white !important;
}
#frontpage-top-medias, .media-navi, .media-ach-holder {
background-color: none !important;
}
.frontpage-media-title {
margin-bottom: 5px !important;
}
a.frontpage-media-link {
text-decoration: none !important;
}
a.frontpage-media-link:first-of-type > img {
background: #f0e6e30f;
}
img.media-it-thumb {
background: #262323;
}
img.message-meta-pic:hover {
filter: brightness(120%);
}
a.action:not(:hover) {
text-decoration: none !important;
}
p.feeds-log > a.action, div.noti > a.action, a#show-replies.unreadReplies {
text-decoration: underline !important;
}
/*
body {
font-family: "Times New" ,"Roman", "Georgia Garamond";
}*/
a.media-poster:not(:hover) {
text-decoration: none !important;
}
.media-ach-title, .frontpage-media-title, .broadcast-media-title {
font-size: 11px !important;
}
span.media-it-title, .frontpage-media-title, .media-ach-title, .broadcast-media-title {
font-family: "Times New" ,"Roman", "Georgia Garamond" !important;
width: 100% !important;
/*max-width: 150px !important */;
font-weight: bold;
}
div.paginated-medias > div.media-it-holder > span.media-it-title {
background: #1e1e20;
box-shadow: 5px 5px #070505ed;
}
div.paginated-medias > div.media-it-holder:hover > span.media-it-title {
box-shadow: 5px 5px black;
}
div.paginated-medias > div.media-it-holder,
div.medias-page-right-items > div.media-it-holder
{
width: 155px;
}
div.media-it-bot-line {
width: 100%;
border-top: 1px solid #434353;
font-size: 10px;
font-family: "Times New" ,"Roman", "Georgia Garamond" !important;
}
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
div.media-it-bot-line:not(*:root) {
font-size: 11px;
}
}
span.media-it-title {
font-size: 10px;
font-weight: bold;
}
div.frontpage-media-title {
text-decoration: none !important;
font-size: 12px;
order: -1;
}
span.feeds-items-title {
font-size: 12px;
}
#status-update > a, .message-text > a {
font-size: smaller !important;
}
.medias-page-right-items > .media-it-holder > img {
border: 1px transparent solid !important;
}
.medias-page-right-items > .media-it-holder > img:hover {
border: 1px whitesmoke solid !important;
}
.media-navi {
border: 1px solid transparent !important;
}
/*
.paginated-medias > .media-it-holder, .frontpage-media-item, .media-navi, .media-ach-holder {
border: 1px transparent solid !important;
text-decoration: none !important;
}
.paginated-medias > .media-it-holder:hover, .frontpage-media-item:hover, .media-navi:hover, .media-ach-holder:hover {
border: 1px red solid !important;
text-decoration: none !important;
}*/
.paginated-medias {
justify-content: center !important;
}
.paginated-medias > .media-it-holder {
background-color: #0a0502 !important;
margin: 0 7px 7px 7px !important;
}
.paginated-medias > .media-it-holder {
border: 1px solid #1c1616 !important;
}
/*
span.menu-group > a.current {
text-decoration: underline !important;
}*/
hr {
visibility: hidden;
}
span.menu-group > a {
margin: 0 2px 0 2px !important;
padding: 0 2px 0 2px !important;
}
span.menu-item-separator,
span.menu-group-outer {
display: none !important;
}
div#media-right-items-container {
background: none !important;
}
div.media-page-content {
background: none !important;
}
p.feeds-log {
background: #111010;
font-size: 13px !important;
line-height: 14px !important;
padding: 5px !important;
font-family: Verdana, sans-serif !important;
font-family: "LiberationMonoRegular", monospace !important;
}
/* font-family: Verdana, sans-serif !important; */
div#frontpage-top-medias {
/*background: black !important;*/
padding: 0 25px 2px 25px;
margin-bottom: 8px;
display: block !important;
}
div#frontpage-top-medias::-webkit-scrollbar {
display: none;
}
.status-update, .feeds-container {
/* background-color: #0a0502 !important; */
background: #040404 !important;
}
/*
@media only screen and (min-width: 1000px) {
.status-user {
display: inline-flex !important;
flex-direction: column !important;
vertical-align: top !important;
align-items: center !important;
margin-top: 5px !important;
}
.user-thumbnail {
max-width: 65px !important;
max-height: 65px !important;
}
.status-update {
padding-left: 10px !important;
display: flex !important;
}
.status-message {
flex: 1;
}
#status-update-input {
color: white !important;
background-color: black !important;
}
.status-message-container {
flex: 1;
margin-top: 5px !important;
}
}*/
.message-text {
margin-bottom: 0 !important;
}
.status-message > a, .status-message * > a,
.message-text > a, .message-text * > a {
font-size: smaller;
text-decoration: underline;
}
.message-text {
color: white !important;
}
.privmsg-info {
float: right;
}
.message-text > .message-preview {
font-weight: bold;
}
article.message-article {
border-left: none !important;
border-right: none !important;
border-left: none !important;
margin-bottom: 11px !important;
border: none !important;
}
article.message-article:target {
background: #020202 !important;
}
.message-meta {
border-right: 1px solid #3b292d !important;
}
.message > a {
text-decoration: underline !important;
font-size: smaller !important;
}
.message-text a.message-user-link {
color: white !important;
font-weight: bold !important;
}
.quote {
border-left: 1px solid #fff7f7 !important;
}
input[type='file'], input[type='files'] {
color: whitesmoke !important;
}
.fa {
color: whitesmoke;
}
button {
height: 25px !important;
}
#preview > .message {
-webkit-box-shadow: 0 0 5px black !important;
-moz-box-shadow: 0 0 5px black !important;
box-shadow: 0 0 5px black !important;
}
#buffers-container, .chat-user-link {
color: whitesmoke !important;
}
#buffer-highlighter {
color: blanchedalmond;
}
#chat-right-items, #chat-page-messages {
background-color: #222429;
color: #dae3e5;
}
#chat-file-input {
color: white !important;
}
.message-on-preview {
background-color: whitesmoke !important;
border: 1px white solid !important;
}
.media-file {
/* background: #111010; */
background-image: linear-gradient(#111010bd, #0d0c0c, #1110107d);
display: flex;
}
.media-file:hover {
background-image: linear-gradient(#2d292961, #111010de, #221f1f61);
}
iframe.embedded-media {
margin: auto;
}
img.file:hover, img.video:hover,
iframe.embedded-media:hover {
filter: brightness(110%);
}
.file {
background: #33313180;
text-align: center;
color: whitesmoke;
margin: auto;
}
.file:hover:not(.file-spoilered) {
background: #848080ab;
}
.file:hover:not(.file-spoilered) {
background: #3e3c3cab;
}
div.bottom-row-medias * img.media-it-thumb {
width: 120px;
height: 120px;
}
div.front-top-medias {
scrollbar-width: thin;
}
div#random-bottom-medias {
background: #0b0a0a;
padding: 0;
margin: 5px 0 0 0;
}
div#random-bottom-medias * div#media-list {
padding: 0;
margin-top: 55px;
}
div.bottom-row-medias * span.media-it-title {
max-width: 120px;
}
#main-header, #media-basic-info {
background: #1a1717 !important;
border: 1px solid #171616 !important;
}
#media-basic-info {
opacity: 0.85;
}
div#main-body[data-uri='/wpaint/'] {
background: #1c1a1a;
}
div.paginated-medias > div.media-it-holder, div.medias-page-right-items > div.media-it-holder {
margin-top: 25px;
}
div#random-bottom-medias > #media-list * > .media-it-holder, div.front-top-medias > div.media-it-holder {
padding: 0 5px 0 5px;
}
img#user-avatar-img {
background: black;
}
div#main-body[data-view='channelMediaDisplay'] > div#channel-container > div#channel-meta {
display: none !important;
}
div#main-body[data-view='channelMediaDisplay'] * span#channelName {
display: inline !important;
margin-right: 8px;
font-family: monospace;
font-weight: bolder;
}