/* *------------------* | ~!!!CREDITS !!!~ | *------------------* Cloudsdale.css for MLPchan.net By Pegasi - 2012 (pegasi@derpymail.com) Clouds vectors taken from various dA galleries *---------------------* | ~!!!DISCLAIMER !!!~ | *---------------------* While I am glad to be of good use, I maintain the right to may use and or alter this document for future projects, unrelated to mlpchan.net. Do NOT alter or redistribute this document without my permission. The administrative staff of mlpchan.net maintains the right to alter, but not to reuse this document for other projects without my permission. This document is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. */ :root {
	/* QR surface contract */
	--theme-qr-panel-bg-color: rgb(215, 240, 255);
	--theme-qr-panel-bg-image: none;
	--theme-qr-panel-bg-repeat: repeat-x;
	--theme-qr-panel-bg-position: 50% 0;
	--theme-qr-panel-bg-size: auto;
	--theme-qr-panel-bg-attachment: scroll;
	--theme-qr-panel-bg: var(--theme-qr-panel-bg-color);
	--theme-qr-field-bg: rgb(240, 255, 255);
	--theme-qr-button-bg: var(--theme-qr-field-bg);
	--theme-qr-thumb-bg: var(--theme-qr-field-bg);
	--theme-qr-button-highlight: transparent;
	--theme-qr-button-hover-highlight: transparent;
	--theme-qr-button-active-shadow: transparent;

	/* QR movebar contract */
	--theme-qr-header-bg: var(--theme-qr-panel-bg-color, var(--theme-qr-panel-bg));
	--theme-qr-movebar-bg-color: var(--theme-qr-panel-bg-color, var(--theme-qr-panel-bg));
	--theme-qr-move-control-fg: var(--theme-content-fg);
	--theme-qr-move-control-fg-hover: var(--theme-post-no-hover, var(--theme-qr-move-control-fg));
--theme-body-bg-color: #D7F0FF;
	--theme-content-fg: black;
	--theme-heading: #000000;
	--theme-subject: #000000;
	--theme-name: #4444ff;
	--theme-post-no: black;
	--theme-post-no-hover: #0000ff;
	--theme-reply-bg: #f0ffff;
	--theme-inline-preview-overlay: rgba(0, 0, 0, 0.07);
	--theme-reply-border: #b7c5d9;
	--theme-font-heading: CELESTIA, sans-serif;
	--theme-heading-letter-spacing: -2px;
	--theme-link: #6666ff;
	--theme-link-hover: #0000ff;
	--theme-th-bg: #F0FFFF;
	--theme-reply-highlight-bg: #d8edff;
	--theme-overlay-color: black;
	--theme-trip: #6666ff;
	--theme-blotter: #1111aa;
	--theme-pages-bg: #f0ffff;
	--theme-pages-color: #89A;
	--theme-quote: #4A861E;
	--theme-help-bubble-bg: rgb(239, 253, 254);
	--theme-help-details-bg: var(--theme-overlay-bg, var(--theme-reply-bg));
	--theme-masthead-color: #000000;
	--theme-masthead-font-family: CELESTIA, sans-serif;
	--theme-masthead-letter-spacing: -2px;
	--theme-masthead-text-shadow: 0 0 0.25em rgb(136, 136, 136);

	--theme-watcher-unread-bg: #f2ffff;
	--theme-watcher-unread-border: #4444cc;
}
@font-face{
	font-family: CELESTIA;
	src: url("font/celestia.ttf");
	src: url("font/celestia.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
body{
	background-color: var(--theme-body-bg-color);
	background-image: url("img/cloudsdale/cloudsgradient.png");
	background-repeat: repeat-x;
	background-position: 50% 0;
	background-attachment: scroll;
}
header h1{
	font-family: CELESTIA, sans-serif;
}
h2{
	color: #1111aa;
}
th{
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
}
.subject{
	font-size: 14px;
}
/* OP is always a faggot */ dialog, .help-details{
	background: #F0FFFF;
	border-color: #B7C5D9;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 3px;
}
.reply{
	border-color: #B7C5D9;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 3px;
}
.reply.highlighted{
	background: #d8edff;
}
.namepart{
	font-family: serif;
	font-size: 14px;
}
.pages{
	margin-left: 17px;
	margin-top: 5px;
}
div.banner{
	background: none;
	color: black;
}
div.banner, div.banner a, .banner a:visited{
	color: black;
}
div.banner a:hover{
	color: #4444ff;
}
form:not(.qr-compact) input[type="submit"]{
	padding: 3px !important;
}
form:not(.qr-compact) input[type="text"],
form:not(.qr-compact) input[type="password"],
form:not(.qr-compact) textarea{
	font-family: arial, sans-serif !important;
	border-color: #ccc !important;
	padding: 5px !important;
}
form:not(.qr-compact) input[value="New Topic"],
form:not(.qr-compact) input[value="New Reply"]{
	padding: 2px !important;
	margin-top: -1px !important;
	height: 30px !important;
}
.hashtag{
	background: #F0FFFF;
	color: black;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	display: inline-block;
	margin-right: 0.5em;
	padding: 0.2em 0.5em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.help-bubble{
	color: var(--theme-help-bubble-fg, var(--theme-link));
}

/* --- Batch 2: production semantic restoration --- */
header h1 {
	font-family: CELESTIA, sans-serif;
}

a.post_no {
	color: black;
	font-size: 14px;

}

/* --- Batch 3: production form-control restoration --- */
input[value="Next"], input[value="Previous"] {
	margin-bottom: -1px !important;
	padding: 2px !important;
	margin-top: -0px !important;
	height: 26px !important;
	min-width: 50px;

}