Merge styles from Tinyboard-Tools package from savetheinternet.

The history of the styles is available on https://github.com/savetheinternet/Tinyboard-Tools

The commit includes also additions for vichan's boardlist.

12 files changed, 1007 insertions, 0 deletions

diff --git a/stylesheets/dark.css b/stylesheets/dark.css
new file mode 100644
index 00000000..920debe8
--- /dev/null
+++ b/stylesheets/dark.css
@@ -0,0 +1,171 @@
+/**

+ * dark.css

+ * For AwsumChan by Circlepuller

+ */

+body {

+	background: #1E1E1E;

+	color: #999999;

+	font-family: sans-serif;

+	font-size: 12px;

+}

+span.quote {

+    color:#B8D962;

+}

+h1 {

+	font-size: 20pt;

+	text-align: center;

+	letter-spacing: 0px;

+}

+div.title, h1 {

+	color: #32DD72;

+	font-family: Arial, Helvetica, sans-serif;

+}

+div.title p {

+	font-size: 10px;

+}

+a:link, a:visited, p.intro a.email span.name {

+	color: #CCCCCC;

+	text-decoration: underline;

+	font-family: sans-serif;

+}

+a:link:hover, a:visited:hover {

+	color: #fff;

+	font-family: sans-serif;

+	text-decoration: underline overline;

+

+}

+a.post_no {

+	color: #AAAAAA;

+	text-decoration: none;

+}

+a.post_no:hover {

+	color: #32DD72 !important;

+	text-decoration: underline overline;

+}

+div.post.reply {

+	background: #333333;

+	border: #555555 1px solid;

+}

+div.post.reply.highlighted {

+	background: transparent;

+	border: transparent 1px solid;

+}

+div.post.reply div.body a:link, div.post.reply div.body a:visited {

+	color: #CCCCCC;

+}

+div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover {

+	color: #32DD72;

+}

+p.intro span.subject {

+	font-size: 12px;

+	font-family: sans-serif;

+	color: #446655;

+	font-weight: 800;

+}

+p.intro span.name {

+	color: #32DD72;

+	font-weight: 800;

+}

+p.intro a.capcode, p.intro a.nametag {

+	color: magenta;

+	margin-left: 0;

+}

+p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name {

+	color: #32ddaf;

+}

+input[type="text"], textarea, select {

+	background: #333333;

+	color: #CCCCCC;

+	border: #666666 1px solid;

+	padding-left: 5px;

+	padding-right: -5px;

+	font-family: sans-serif;

+	font-size: 10pt;

+}

+input[type="password"] {

+	background: #333333;

+	color: #CCCCCC;

+	border: #666666 1px solid;

+}

+form table tr th {

+	background: #333333;

+	color: #AAAAAA;

+	font-weight: 800;

+	text-align: left;

+	padding: 0;

+}

+div.banner {

+	background: #32DD72;

+	color: #000;

+	text-align: center;

+	width: 250px;

+	padding: 4px;

+	padding-left: 12px;

+	padding-right: 12px;

+	margin-left: auto;

+	margin-right: auto;

+	font-size: 12px;

+}

+div.banner a {

+    color:#000;

+}

+input[type="submit"] {

+	background: #333333;

+	border: #888888 1px solid;

+	color: #CCCCCC;

+}

+input[type="submit"]:hover {

+	background: #555555;

+	border: #888888 1px solid;

+	color: #32DD72;

+}

+input[type="text"]:focus {

+    border:#aaa 1px solid;

+}

+p.fileinfo a:hover {

+	text-decoration: underline;

+}

+span.trip {

+	color: #AAAAAA;

+}

+div.pages {

+	color: #AAAAAA;

+	background: #333333;

+	border: #666666 1px solid;

+	font-family: sans-serif;

+	font-size: 10pt;

+}

+div.pages a.selected {

+	color: #CCCCCC;

+}

+hr {

+	height: 1px;

+	border: #333333 1px solid;

+}

+div.boardlist {

+	color: #999999;

+    background-color: rgba(12%, 12%, 12%, 0.10);

+}

+

+div.ban {

+	background-color: transparent;

+	border: transparent 0px solid;

+}

+div.ban h2 {

+	background: transparent;

+	color: lime;

+	font-size: 12px;

+}

+table.modlog tr th {

+	background: #333333;

+	color: #AAAAAA;

+}

+

+.desktop-style div.boardlist:nth-child(1) {

+  text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;

+}

+

+

+.desktop-style div.boardlist:nth-child(1):hover {

+  background-color: rgba(30%, 30%, 30%, 0.65);

+}

diff --git a/stylesheets/futaba+vichan.css b/stylesheets/futaba+vichan.css
new file mode 100644
index 00000000..d8d6fd59
--- /dev/null
+++ b/stylesheets/futaba+vichan.css
@@ -0,0 +1,107 @@
+/* +piwnichan style, based on futaba.css of Tinyboard */
+
+body {
+	background: #ffe;
+	color: #800000;
+	font-family: sans-serif;
+	font-size: 13px;
+}
+div.title h1 {
+	font-size: 24px;
+}
+div.title p {
+	font-size: 10px;
+}
+div.pages {
+	font-size: 13px !important;
+}
+a:link, a:visited, p.intro a.email span.name {
+	color: #0000ff;
+	font-size: inherit;
+	text-decoration: inherit;
+}
+a:link:hover {
+	color: #d00;
+	text-decoration: inherit;
+}
+span.omitted {
+	color: gray;
+}
+a.post_no {
+	color: #800000;
+}
+div.post.reply {
+	border: 0px;
+	background: #f0e0d6;
+}
+div.post.reply.highlighted {
+	background: #f0c0b0;
+	border-color: #d9bfb7;
+}
+div.post.reply div.body a {
+	color: navy;
+}
+p.intro span.subject {
+	color: #d00;
+}
+form table tr th {
+	background: #EA8;
+}
+div.ban h2 {
+	background: #FCA;
+	color: inherit;
+}
+div.ban {
+	border-color: #800;
+}
+div.ban p {
+	color: black;
+}
+div.pages {
+	padding: 7px 5px;
+	color: maroon;
+	font-size: 12pt;
+	
+	background: none;
+	border-width: 1px;
+	border-style: inset;
+
+}
+div.pages a.selected {
+	color: #800;
+}
+hr {
+	border-width: 1px;
+	border-style: inset;
+}
+div.boardlist {
+	color: #B86;
+}
+div.boardlist a {
+	color: #800;
+}
+unimportant, .unimportant * {
+	font-size: 13px;
+}
+table.modlog tr th {
+	background: #EA8;
+}
+
+div.boardlist {
+    background-color: rgba(90%,90%,90%,0.2);
+}
+div.boardlist .sub {
+    background: none;
+}
+div.boardlist.bottom {
+    background-color:transparent;
+}
+
+.desktop-style div.boardlist:nth-child(1) {
+  text-shadow: #fff 1px 1px 1px, #fff -1px -1px 1px;
+}
+
+        
+.desktop-style div.boardlist:nth-child(1):hover {
+  background-color: rgba(90%, 90%, 90%, 0.55);
+}
diff --git a/stylesheets/img/fade-miku.png b/stylesheets/img/fade-miku.png
new file mode 100644
index 00000000..a231913f
--- /dev/null
+++ b/stylesheets/img/fade-miku.png
diff --git a/stylesheets/img/fade-yellow.png b/stylesheets/img/fade-yellow.png
new file mode 100644
index 00000000..bd071754
--- /dev/null
+++ b/stylesheets/img/fade-yellow.png
diff --git a/stylesheets/img/testorange_bg.gif b/stylesheets/img/testorange_bg.gif
new file mode 100644
index 00000000..79ed93b9
--- /dev/null
+++ b/stylesheets/img/testorange_bg.gif
diff --git a/stylesheets/img/testorange_f_bg.gif b/stylesheets/img/testorange_f_bg.gif
new file mode 100644
index 00000000..1887e7fa
--- /dev/null
+++ b/stylesheets/img/testorange_f_bg.gif
diff --git a/stylesheets/img/testorange_testo.png b/stylesheets/img/testorange_testo.png
new file mode 100644
index 00000000..3d91c159
--- /dev/null
+++ b/stylesheets/img/testorange_testo.png
diff --git a/stylesheets/img/testorange_textarea_bg.gif b/stylesheets/img/testorange_textarea_bg.gif
new file mode 100644
index 00000000..1c7bf27b
--- /dev/null
+++ b/stylesheets/img/testorange_textarea_bg.gif
diff --git a/stylesheets/img/testorange_top_bg.gif b/stylesheets/img/testorange_top_bg.gif
new file mode 100644
index 00000000..c1d18282
--- /dev/null
+++ b/stylesheets/img/testorange_top_bg.gif
diff --git a/stylesheets/miku.css b/stylesheets/miku.css
new file mode 100644
index 00000000..95d9b2de
--- /dev/null
+++ b/stylesheets/miku.css
@@ -0,0 +1,97 @@
+/**

+ * miku.css

+ * For AwsumChan by Circlepuller

+ */

+body {

+	background: #D2FFEE url('img/fade-miku.png') top repeat-x;

+}

+

+a:link, a:visited {

+	text-decoration: none;

+	color: #00637B;

+}

+

+a:link:hover, a:visited:hover {

+	color: #DD0000;

+}

+

+a.post_no {

+	color: #000033;

+}

+

+p.intro a.email span.name {

+	color: #0093AB;

+}

+

+p.intro a.email:hover span.name {

+	color: #DD0000;

+}

+

+h2, div.title, h1 {

+	color: #800000;

+}

+

+form table tr th {

+	background: #95D2D3;

+}

+

+div.banner {

+	background-color: #E04000;

+}

+

+div.post.op hr {

+	border-color: #B7C9D5;

+}

+

+p.intro span.subject {

+	color: #117743;

+	font-weight: 800;

+}

+

+p.intro span.name {

+	color: #117743;

+	font-weight: 800;

+}

+

+div.post.reply.highlighted {

+	background: #a9d8ff;

+}

+

+div.post.reply {

+	background: #B6DDDE;

+	border-color: #8FCCCD;

+}

+

+div.ban {

+	border: 1px solid #0093AB;

+}

+

+div.ban h2 {

+	background: #B6DDDE;

+	color: #0093AB;

+}

+

+div.pages {

+	color: #8899AA;

+	background: #B6DDDE;

+	border-right: 1px solid #8FCCCD;

+	border-bottom: 1px solid #8FCCCD;

+}

+

+hr {

+	border-color: #B7D9C5;

+}

+

+div.boardlist {

+	color: #0093AB;

+    background-color: rgba(65%, 85%, 95%, 0.2);

+}

+

+.desktop-style div.boardlist:nth-child(1) {

+  text-shadow: #D2FFEE 1px 1px 1px, #D2FFEE -1px -1px 1px;

+}

+

+

+.desktop-style div.boardlist:nth-child(1):hover {

+  background-color: rgba(70%, 95%, 100%, 0.45);

+}
\ No newline at end of file
diff --git a/stylesheets/testorange.css b/stylesheets/testorange.css
new file mode 100644
index 00000000..674ca38c
--- /dev/null
+++ b/stylesheets/testorange.css
@@ -0,0 +1,230 @@
+/* +piwnichan style, based on testorange.css from Karachan */

+

+body {

+	font-family: sans-serif;

+	font-size: 12px;

+	color:#bebebe;

+	

+	background-color: #1e1e1e;

+	background-image: url('img/testorange_testo.png'), url('img/testorange_top_bg.gif'), url('img/testorange_bg.gif');

+	background-repeat: no-repeat, repeat-x, repeat;

+	background-attachment: fixed, scroll, scroll;

+	background-position: right bottom, 0% 0%, 0% 0%;

+}

+

+a:link, a:visited, div.post.reply div.body a {

+	color:#ff9100;

+	text-decoration: none;

+}

+a:link:hover, a:visited:hover, div.post.reply div.body a:hover {

+	color:#ffff00;

+}

+

+a.email span.name {

+	color:#ff9100 !important;

+

+}

+

+input {

+	color: #000;

+	background: #fff;

+}

+textarea {

+	background: #dedede url('img/testorange_textarea_bg.gif') repeat-x;

+}

+input, textarea {

+	border: 1px #fff solid;

+}

+

+hr {

+	width: 100%;

+	height: 1px;

+	border: none;

+	background: #707070;

+	overflow: hidden;

+}

+

+.reflink a:hover{

+	font-weight: bold;

+}

+.adminbar {

+	text-align:right;

+	clear:both;

+	float:right;

+}

+h1 {

+	clear:both;

+	text-align:center;

+	font-size: 2.5em;

+	color:#ff9100;

+	width:100%;

+}

+div.title {

+	color:#ff9100;

+}

+div.banner, .replymode, .catalogmode {

+	text-align:center;

+	margin: 5px 0 5px 0;

+	padding: 5px 2px 5px 2px;

+	color:#000;

+	font-weight: bold;

+	width:100%;

+}

+.postblock, form table th {

+	color: #000;

+	font-size: 11px;

+	font-weight: bold;

+	text-align: center !important;

+}

+

+.postarea {

+}

+.rules {

+	width: 468px;

+	font-size: 10px;

+}

+.rules li {

+	margin-left: 1em;

+}

+.footer {

+	text-align:center;

+	font-size:12px;

+}

+.passvalid {

+	text-align:center;

+	width:100%;

+	color:#ffffff;

+}

+.dellist {

+	font-weight: bold;

+	text-align:center;

+}

+.delbuttons {

+	text-align:center;

+	padding-bottom:4px;

+

+}

+.managehead {

+	background-color: #1e1e1e;

+	color: #bebebe;

+	padding:0px;

+}

+.postlists {

+	background: #000;

+	width:100%;

+	padding:0px;

+	color: #bebebe;

+}

+.row1 {

+	background-color: #1e1e1e;

+	color: #bebebe;

+}

+.row2 {

+	background: #1e1e1e;

+	color: #bebebe;

+}

+.unkfunc {

+	background:inherit;

+	color:#789922;

+}

+.filesize {

+	text-decoration:none;

+}

+.filetitle {

+	background:inherit;

+	font-size:1.2em;

+	color: #bebebe;

+	font-weight:800;

+}

+span.name, .postername {

+	color:#fff !important;

+	font-weight:bold;

+}

+span.trip, .postertrip {

+	color:#707070;

+}

+.oldpost {

+	color:#CC1105;

+	font-weight:800;

+}

+.omittedposts {

+	color:#707070;

+}

+.reply {

+	padding: 5px;

+	border: 1px #707070 solid !important;

+	background: #282828 !important;

+	

+	-webkit-border-radius: 10px;

+	-khtml-border-radius: 10px;

+	-moz-border-radius: 10px;

+	border-radius: 10px;

+}

+.replyhl {

+	background-color: #1e1e1e;

+	color: #bebebe;

+}

+.doubledash {

+	vertical-align:top;

+	clear:both;

+	float:left;

+}

+.replytitle {

+	font-size: 1.2em;

+	color:#fff;

+	font-weight:800;

+}

+.commentpostername {

+	color: #fff;

+	font-weight:800;

+}

+.thumbnailmsg {

+	font-size: small;

+	color: #bebebe;

+}

+form table th, div.banner, div.pages, .replymode, .postblock, .passvalid, .catalogmode {

+	background: #ff9100 url('img/testorange_f_bg.gif') repeat-x !important;

+}

+div.pages, div.pages a {

+	color: black;

+	border: 0;

+}

+

+.abbrev {

+	color:#707070;

+}

+.highlight {

+	background:#000;

+	border: 1px dashed #ff9100;

+}

+

+#watchedthreads {

+	background-color: #282828 !important;

+}

+

+.reflinkpreview {

+	background-color: #282828 !important;

+}

+div.boardlist {

+    background-color: rgba(5%,5%,5%,0.2);

+}

+div.boardlist.bottom {

+    background-color:transparent;

+}

+

+.desktop-style div.boardlist:nth-child(1) {

+  text-shadow: #000 1px 1px 1px, #500 -1px -1px 1px;

+}

+

+

+.desktop-style div.boardlist:nth-child(1):hover {

+  background-color: rgba(0%, 0%, 0%, 0.45);

+}

+

+p.intro span.subject {

+    color:#ee8100;

+}

+

+span.quote {

+    color: #a8c952;

+}
\ No newline at end of file
diff --git a/stylesheets/wasabi.css b/stylesheets/wasabi.css
new file mode 100644
index 00000000..cf7041fe
--- /dev/null
+++ b/stylesheets/wasabi.css
@@ -0,0 +1,402 @@
+/**

+ * wasabi.css

+ * For AwsumChan by Circlepuller

+ */

+body {

+	background: #F7F9B0 url('img/fade-yellow.png') repeat-x 50% 0%;

+	color: black;

+	font-family: arial, helvetica, sans-serif;

+	font-size: 10pt;

+	margin: 0 8px;

+	padding-left: 5px;

+	padding-right: 5px;

+}

+table * {

+	margin: 0;

+}

+a:link, a:visited {

+	text-decoration: underline;

+	color: #400040;

+}

+a:link:hover, a:visited:hover {

+	color: limegreen;

+}

+a.post_no {

+	color: black;

+	text-decoration: none;

+	margin: 0;

+	padding: 0;

+}

+p.intro a.post_no, p.intro a.email {

+	margin: 0;

+}

+p.intro a.email span.name {

+	color: #34345C;

+}

+p.intro a.email:hover span.name {

+	color: #ff0000;

+}

+p.intro label {

+	display: inline;

+}

+h2 {

+	color: #AF0A0F;

+	font-size: 11pt;

+	margin: 0px;

+	padding: 0px;

+}

+h1 {

+	font-family: tahoma;

+	letter-spacing: -2px;

+	font-size: 20pt;

+	margin-bottom: 0;

+}

+h1.logo img {

+	display: inline;

+	float: none;

+	background-image: url('/static/logo_bg.gif');

+	background-repeat: no-repeat;

+	background-position: center;

+}

+div.title, h1 {

+	color: #AF0A0F;

+	text-align: center;

+}

+div.title {

+	font-size: 8pt;

+	margin-bottom: 2em;

+}

+form {

+	margin-bottom: 4em;

+}

+form table {

+	margin: auto;

+}

+form table input {

+	height: auto;

+}

+input[type="text"], input[type="password"], textarea {

+	border: 1px solid #a9a9a9;

+	text-indent: 0px;

+	text-shadow: none;

+	text-transform: none;

+	word-spacing: normal;

+}

+form table tr td {

+	text-align: left;

+	margin: 0px;

+	padding: 0px;

+}

+form table tr th {

+	text-align: left;

+	padding: 4px;

+}

+form table tr th {

+	background: #D7FE85;

+}

+form table tr td div {

+	text-align: center;

+	float: left;

+	padding-left: 3px;

+}

+form table tr td div input {

+	display: block;

+	margin: 2px auto 0 auto;

+}

+form table tr td div label {

+	font-size: 10px;

+}

+.unimportant, .unimportant * {

+	font-size: 10px;

+}

+p.fileinfo {

+	display: block;

+	margin: 0px;

+	padding-right: 7em;

+}

+div.banner {

+	background-color: #400040;

+	font-size: 12pt;

+	font-weight: bold;

+	text-align: center;

+	margin: 1em 0;

+}

+div.banner, div.banner a {

+	color: white;

+}

+div.banner a:hover {

+	color: #EEF2FF;

+	text-decoration: none;

+}

+img.banner {

+	float: none;

+	margin: 4px auto 0 auto;

+}

+img {

+	display: block;

+	float: left;

+	margin: 10px 20px;

+	border: none;

+}

+div.post img {

+	padding: 5px;

+	margin: 5px 20px 0 0;

+}

+div.post img.icon {

+	display: inline;

+	float: none;

+	margin: 0 5px;

+	padding: 0;

+}

+div.post.op {

+	margin-right: 20px;

+	margin-bottom: 5px;

+}

+div.post.op hr {

+	border-color: #D9BFB7;

+}

+p.intro {

+	margin: 0.5em 0;

+	padding: 0;

+	padding-bottom: 0.2em;

+}

+input.delete {

+	float: left;

+	margin: 1px 6px 0 0;

+}

+p.intro span.subject {

+	color: #0F0C5D;

+	font-weight: bold;

+}

+p.intro span.name {

+	color: #117743;

+	font-weight: bold;

+}

+p.intro a.capcode, p.intro a.nametag {

+	color: #F00000;

+	margin-left: 0;

+}

+p.intro a {

+	margin-left: 8px;

+}

+div.delete {

+	float: right;

+}

+div.post.reply p {

+	margin: 0.3em 0 0 0;

+}

+div.post.reply div.body {

+	margin-left: 1.8em;

+	margin-top: 0.8em;

+	padding-right: 3em;

+	padding-bottom: 0.3em;

+}

+div.post.reply.highlighted {

+	background-color: #FFF;

+	border-color: #CCC;

+}

+div.post.reply div.body a {

+	color: #D00;

+}

+div.post {

+	max-width: 97%;

+}

+div.post div.body {

+	word-wrap: break-word;

+}

+div.post.reply {

+	background: #D7FE85;

+	margin: 0.2em 16px;

+	padding: 0.2em 0.3em 0.5em 0.6em;

+	border-width: 1px;

+	border-style: none solid solid none;

+	border-color: lightgreen;

+	display: inline-block;

+}

+span.trip {

+	color: #228854;

+}

+span.quote {

+	color: #3C6D8A;

+}

+span.omitted {

+	display: block;

+	margin-top: 1em;

+}

+br.clear {

+	clear: left;

+}

+span.controls {

+	float: right;

+	margin: 0;

+	padding: 0;

+	font-size: 80%;

+}

+span.controls.op {

+	float: none;

+	margin-left: 10px;

+}

+span.controls a {

+	margin: 0;

+}

+div#wrap {

+	width: 900px;

+	margin:0 auto;

+}

+div.ban {

+	background-color: white;

+	border: 1px solid #400040;

+	max-width: 700px;

+	margin: 30px auto;

+}

+div.ban p, div.ban h2 {

+	padding: 3px 7px;

+}

+div.ban h2 {

+	background: #D7FE85;

+	color: #400040;

+	font-size: 12pt;

+}

+div.ban p {

+	font-size: 12px;

+	margin-bottom: 12px;

+}

+div.ban p.reason {

+	font-weight: bold;

+}

+span.heading {

+	color: #AF0A0F;

+	font-size: 11pt;

+	font-weight: bold;

+	display: block;

+}

+span.spoiler {

+	background: black;

+	color: black;

+}

+div.post.reply div.body span.spoiler a {

+	color: black;

+}

+span.spoiler:hover, div.post.reply div.body span.spoiler:hover a {

+	color: white;

+}

+div.styles {

+	float: right;

+	padding-bottom: 20px;

+}

+div.styles a {

+	margin: 0 10px;

+}

+div.styles a.selected {

+	text-decoration: none;

+}

+table.test {

+	width: 100%;

+}

+table.test td, table.test th {

+	text-align: left;

+	padding: 5px;

+}

+table.test tr.h th {

+	background: #98E;

+}

+table.test td img {

+	margin: 0;

+}

+fieldset label {

+	display: block;

+}

+div.pages {

+	color: limegreen;

+	background: #D7FE85;

+	display: inline;

+	padding: 8px;

+	border-right: 1px solid limegreen;

+	border-bottom: 1px solid limegreen;

+}

+div.pages a.selected {

+	color: black;

+	font-weight: bolder;

+}

+div.pages a:link {

+	text-decoration: none;

+}

+div.pages form {

+	margin: 0;

+	padding: 0;

+	display: inline;

+}

+div.pages form input {

+	margin: 0 5px;

+	display: inline;

+}

+hr {

+	border: none;

+	border-top: 1px solid limegreen;

+	height: 0px;

+}

+div.boardlist {

+	color: limegreen;

+	font-size: 9pt;

+	margin-top: 3px;

+}

+div.boardlist.bottom {

+	margin-top: 20px;

+}

+div.boardlist a {

+	text-decoration: none;

+    color:#ffff22;

+    text-shadow: #000 1px 1px 1px, #000 -1px -1px 1px, #950000 1px 1px 2px, #009500 -1px -1px 2px;

+}

+div.report {

+	color: #333;

+}

+table.modlog {

+	margin: auto;

+	width: 100%;

+}

+table.modlog tr td {

+	text-align: left;

+	margin: 0px;

+	padding: 4px 15px 0 0;

+}

+table.modlog tr th {

+	text-align: left;

+	padding: 4px 15px 5px 5px;

+	white-space: nowrap;

+}

+table.modlog tr th {

+	background: #D7FE85;

+}

+td.minimal, th.minimal {

+	width: 1%;

+	white-space: nowrap;

+}

+div.top_notice {

+	text-align: center;

+	margin: 5px auto;

+}

+span.public_ban {

+	display: block;

+	color: red;

+	font-weight: bold;

+	margin-top: 15px;

+}

+span.toolong {

+	display: block;

+	margin-top: 15px;

+}

+div.blotter {

+	color: red;

+	font-weight: bold;

+	text-align: center;

+}

+

+.desktop-style div.boardlist:nth-child(1) {

+ 

+}

+

+

+.desktop-style div.boardlist:nth-child(1):hover {

+  background-color: rgba(100%, 100%, 30%, 0.35);

+}