@import "fontimport.css";

body {
    background: url("backgrounds/dots.webp");
    font-family: "Times Pixelated 16", "PC-98", "CozetteVector" !important;
    color: black;
    font-size: 100%;
    margin: 0px;
}
.forum-style {
    display: none;
}
a {
    color: #0000EE;
}
.sidebar .forum-section {
    background: url("backgrounds/dotsdark2.webp") !important;
}
a:link, a:visited, .intro a.email span.name {
	color: #0000EE;
    text-decoration: none;
}

a:link:hover {
	color: #d00;
}

a.post_no {
	color: #800000;
}

div.post.reply {
	background: url("backgrounds/dotsdark2.webp");
	border: 1px solid #848484;
}

div.post.reply.highlighted {
    background: url("backgrounds/dotsdark2.webp");
    border: 1px solid red;
}

div.post.reply div.body a {
	color: #0000EE;
    text-decoration: none;
}

.intro span.subject {
	color: #0000EE;
}

form table tr th {
	background: url("backgrounds/dotsdark2.webp");
    color: black;
    font-weight: 700;
    border: 1px solid black;
    padding: 0 5px;
    font-size: 100%;
}

div.ban h2 {
	background: #FCA;
	color: inherit;
}

div.ban {
	border-color: #800;
}

div.ban p {
	color: black;
}

div.pages {
	background: transparent;
	border: none;
}

div.pages a.selected {
	color: #800;
}

h1 {
    font-family: "Times Pixelated 16", "CozetteVector";
    color: black;
    /*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: "Times Pixelated 16", "CozetteVector";
    color: black;
    /*text-shadow: 1px 1px 1px rgba(167,170,168,0.6);*/
    text-align: center;
    letter-spacing: 0;
    font-size: 100%;
}

hr {
	border: none;
	border-top: 1px solid black;
	height: 0;
}

div.boardlist {
	color: #B86;
}

div.boardlist a {
	color: #800;
}

table.modlog tr th {
	background: #EA8;
}

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

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

input, input[type="text"], input[type="password"], textarea, select {
    border: 1px solid #111;
    background-color: white;
    color: black;
    font-family: "Times Pixelated 16", "CozetteVector";
    accent-color: #a0a0cc;
}

.intro span.name {
    color: #0000EE;
}

.dropzone {
    color: black;
    background: url("backgrounds/dotsdark2.webp");
}

.dropzone .file-hint {
    color: black;
}

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

.dropzone-wrap {
    border: 1px solid black;
}

div.banner {
    background: url("backgrounds/dotsdark2.webp");
    color: black;
    border: 1px solid black;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

div.banner a {
    color: #0000EE;
}

div.banner a:hover {
    color: red;
}

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

div.boardlist a {
	color: #0000EE;
}

/* 4chanX Overrides */
.dialog, .suboption-list > div:last-of-type, :root.catalog-hover-expand .catalog-container:hover > .post {


    background: url("backgrounds/dotsdark2.webp") !important;
    border-color: black !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;
}
div.ban h2 {
    background: url("backgrounds/dots.webp");
}
div.ban {
    background: url("backgrounds/dotsdark2.webp");
}
span.quote {
  color: #b8ff00;
}
