@charset "UTF-8";
/* classic-windows.css */
/************************ Global **************************************/

:root {
	/* Global */
	--font-family-main: 'Courier New', monospace;
	--font-size-main: 11pt;
	--color-bg-main: #eaeaea;
	--color-bg-main-gradient: #c8c8d8;
	--color-fg-main: #333366;
	--color-fg-link: #004488;
	--color-fg-link-hover: #cc0044;
	--color-lo-contrast-border: #cccccc;
	--color-hi-contrast-border: #9999aa;
	--color-x-hi-contrast-border: #444466;
	--color-border-button: #8888aa;
	/* Navigation/admin bar */
	--color-bg-boardlist: #d0d0e0;
	--color-fg-boardlist: #334466;
	/* Board header */
	--color-fg-logo: #222255;
	--color-bg-theading: #b0b0c0;
	--color-bg-theading2: #a0a0c0;
	--color-bg-theading3: #d0d0e0;
	--color-fg-theading: #202040;
	/* Post form */
	--color-bg-postblock: #dcdcf0;
	--color-border-input: #8080a0;
	--color-fg-global-message: var(--color-fg-warning);
	/* Posts/replies */
	--color-bg-reply: #f3f3f8;
	--color-bg-reply-hl: #e2e2f0;
	--color-fg-title: #aa0055;
	--color-fg-name: #006666;
	--color-fg-warning: #aa0000;
	--color-fg-warning-ip: #000088;
	--color-fg-omitted: #888888;
	/* Post formatting */
	--color-fg-quotelink: #006699;
	--color-fg-quotelink-hover: var(--color-fg-link-hover);
	--color-fg-quote: #336600;
	--color-fg-quote2: #aa66aa;
	--color-bg-spoiler: #dddddd;
	--color-bg-code: #ffffff;
	--color-fg-code: #222222;
	/* Administrator mode */
	--color-bg-postlists-header: #ccccdd;
	--color-fg-postlists-header: #000000;
	--color-fg-postlists-header-link: #3333aa;
	--color-bg-postlists-odd: #f0f0f5;
	--color-bg-postlists-even: #e8e8ef;
	/* File board/flash board */
	--color-bg-flashboard-even: #e6e6f0;
	/* Windows */
	--color-bg-window-item-highlight: #ccccee;
}

body {
	background-image: linear-gradient(to bottom, var(--color-bg-main-gradient), var(--color-bg-main) 500px);
	background-size: 100% 500px;
	background-repeat: repeat-x;
	color: var(--color-fg-main);
	font-family: var(--font-family-main);
	font-size: var(--font-size-main);
}

a,
a:link,
a:visited {
	color: var(--color-fg-link);
	text-decoration: underline;
}

a:hover {
	color: var(--color-fg-link-hover);
}

hr {
	border: none;
	border-top: 2px dashed var(--color-hi-contrast-border);
}

textarea,
input:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="file"]) {
	border: 1px inset var(--color-border-button);
	background-color: var(--color-bg-code);
	color: var(--color-fg-code);
}

textarea:focus,
input:focus {
	outline: 2px dotted var(--color-fg-link);
	outline-offset: 1px;
}

button,
input,
textarea,
select,
pre {
	font-size: 0.909091em;
	font-family: var(--font-family-main);
}

button,
select,
input[type="button"],
input[type="submit"],
input[type="reset"],
input::file-selector-button {
	border-radius: 0;
	border: 2px outset var(--color-border-button);
	background-color: #e0e0f0;
	color: var(--color-fg-main);
}

/************************ Mobile **************************************/

@media screen and (max-width: 650px) {
	body {
		font-size: 12pt;
	}
	.rules {
		font-size: var(--font-size-x-small);
	}
}