@import "fontimport.css";

body {
    background: #1d1f21 !important;
    font-family: Arial, "PC-98", sans-serif !important;
    color: #c5c8c6 !important;
    margin: 0px;
    /*text-shadow: 1px 1px 1px rgba(167,170,168,0.6);*/
}
.forum-style {
    display: none;
}
a {
    color: rgb(154, 185, 242);
}

a:link, a:visited, .intro a.email span.name {
	color: rgb(154, 185, 242);
    text-decoration: none;
}

a:hover {
	color: #81a2be;
}

a.post_no {
	color: #800000;
}


.body-column {
    padding: 10px;
    min-width: 72%;
}

div.post.op, div.post.reply {
	background: #2f2f2f;
	border: 2px solid #444;
}

div.post.reply.highlighted {
    background: #333;
    border: 1px solid #fffe00;
}

div.post.reply div.body a {
	color: rgb(154, 185, 242);
    text-decoration: none;
}

div.post.reply div.body a:hover {
	color: #81a2be;
    text-decoration: none;
}

.intro span.subject {
	color: #ed7db6;
}

form table tr th {
	background-color: #282a2e;
    color: #c5c8c6;
    font-weight: 700;
    border: 1px solid black;
    padding: 0 5px;
    font-size: 100%;
}

div.pages {
    color: #c5c8c6;
	background: transparent;
	border: none;
}

div.pages a.selected {
	color: rgb(127, 237, 181);
}

h1 {
    font-family: Arial;
    color: #c5c8c6;
    /*text-shadow: 1px 1px 1px rgba(167,170,168,0.6);*/
    text-align: center;
    letter-spacing: 0;
    font-size: 200%;
    font-weight: normal;
}

header div.subtitle {
    font-family: Arial;
    color: #c5c8c6;
    /*text-shadow: 1px 1px 1px rgba(167,170,168,0.6);*/
    text-align: center;
    letter-spacing: 0;
    font-size: 100%;
}

hr {
	border: none !important;
	border-top: 1px solid #c5c8c6 !important;
	height: 0;
}

div.boardlist {
	color: #c5c8c6;
    font-size: 100%;
}

div.boardlist a {
	color: rgb(154, 185, 242);
}

table.modlog tr th {
	background: #242629;
    border: 1px solid #848484;
}

/* options.js */
#options_div, #alert_div {
	background: #282a2e;
}

.desktop-style div.boardlist:nth-child(1) {
	background-color: #F0E0D6;
}

input[type="text"], input[type="password"], textarea {
    border: 1px solid #111 !important;
    background-color: #282a2e !important;
    color: #c5c8c6 !important;
    font-family: Arial;
    accent-color: #111;
}
input[type="submit"], button {
    border: 2px solid #aaa !important;
    background-color: #282a2e !important;
    font-family: Arial;
    accent-color: #111;
    color: #c5c8c6 !important;
    font-size: 20px
}

.intro span.name, span.trip {
    color: rgb(127, 237, 181);
    text-shadow: none;
}

.dropzone {
    color: #c5c8c6;
    background-color: #282a2e;
}

.dropzone .file-hint {
    color: #c5c8c6;
}

.unimportant, .unimportant * {
    font-size: 100%;
}

span.quote, span.greenText {
    color: rgb(127, 237, 181);
}

div.ban {
    background: #242629;
    border: 1px solid #848484;
    max-width: 700px;
    margin: 30px auto;
}
div.ban h2 {
    background: #c5c8c6;
}
table.mod.config-editor td {
    border-bottom: 1px solid #848484;
}

div.banner {
    background-color: #282a2e;
    color: #c5c8c6;
    border: 1px solid black;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

div.banner a {
    color: rgb(154, 185, 242);
}

div.banner a:hover {
    color: #81a2be;
}

.sauce {
    color: #ffadff !important
}
select {
    font-size: 80%;
    border: 1px solid #c5c8c6;
    background-color: #282a2e;
    color: #c5c8c6;
    font-family: Arial;
}
form table tr td div label {
    font-size: 100%;
}

/* catalog */
.theme-catalog div.thread {
    background: transparent;
    border: 0;
}
.theme-catalog div.thread:hover {
    background: #242629;
    box-shadow: inset 0px 0px 0px 1px #848484;
}
.thread-preview {
    background: #2f2f2f;
    color: #ffdd00;
    border: 2px solid #444
}
/* recent.css Overrides */
.box.left, .box.right {
    background: #242629;
    border: 1px solid #848484;
}

.box.left h2, .box.right h2 {
    background: #848484;
    color: black;
}

.box.left img {
    max-height: 300px !important;
    max-width: 300px !important;
}

.box.right {
    color: #ed7db6;
}

p.fileinfo {
    margin: 0 0 0 0;
    font-size: 10pt;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px dotted #848484;
    background: #242629
}

.intro span.capcode, p.intro a.capcode, p.intro a.nametag {
    color: #ff8a8a;
}
/* 4chanX Overrides */
.dialog, .suboption-list > div:last-of-type, :root.catalog-hover-expand .catalog-container:hover > .post {
    background-color: rgb(40,42,46) !important;
    border-color: rgb(40,42,46) !important;
}

.fixed #header-bar, #custom-board-list {
    font-size: 100% !important;
}

#custom-board-list::before {
    content: "Wapchan!";
    color: #fffe00;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
    letter-spacing: +0em;
    font-weight: bold;
}

.watch-thread-link {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(128,128,128)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>") !important;
    opacity: 1 !important;
}

.watch-thread-link.watched {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(255,255,255)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>") !important;
    opacity: 1 !important;
}
/* OEKAKI OVERRIDES */
.thread h2, .thread h2 a:visited {
    color: #ed7db6 !important;
    background-color: #1d1f21 !important;
    border-left: 0;
}
.oyaresno, .rsub {
    color: #ed7db6;
}
.name, .name:hover, .name a:visited, .name a:link {
    color: #ffdd00 !important;
    border: none !important;
}
main > section > .thread > .res{
    background-color: #242629 !important;
}
#header, main > section > .thread, main > div#catalog, footer > div, footer > div.copy {
    max-width: 1350px;
    margin: 0px auto;
}
.res {
    border: 1px solid #848484 !important;
    margin: 0.2em 4px;
    padding: 0.2em 0.3em 0.5em 0.6em;
}
.img_info_wrap {
    border: 1px dotted #848484;
}
.copy {
    text-align: center;
}
.smaller {
    max-width: 1350px;
    margin: 0px auto;
}
#comment_form {
	background-color: #282a2e;
    color: #c5c8c6;
    font-weight: 700;
    border: 1px solid black;
    padding: 0 5px;
    font-size: 100%;
}
#container, .NEO #viewerButtons, .NEO #viewerButtons > div.buttonOn, .NEO #viewerButtons > div.buttonOff {
    background-color: #242629 !important;
}
.sidebar {
    background: #1e1e1e !important;
    color: #ffdd00 !important;
}
.sidebar .section-header {
    background: #ffdd00 !important;
    color: #000 !important;
}
.sidebar .forum-section {
    background: #1e1e1e !important;
    border: 2px solid #444 !important;
}
.sidebar .forum-title {
    background: #252525 !important;
    color: #ffdd00 !important;
}
.tv-label, #style-select {
    color: #ffdd00 !important;
}
.sidebar .forum-title:hover {
    background: #2f2f2f !important;
    color: #fff !important;
}
#postFormWrapper {
	background: #222 !important;
	border: 1px solid #555 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}
#hidePostFormBtn {
    color: #ccc !important;
}