/** 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;
}