Prettier para CSS

40 files changed, 7803 insertions, 2302 deletions

diff --git a/static/css/buri.css b/static/css/buri.css
index 44169fe..032a07f 100644
--- a/static/css/buri.css
+++ b/static/css/buri.css
@@ -1,23 +1,92 @@
-html,body{background:#EEF2FF;color:#000;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
-a,a .name,a .name b,.nav label:hover{color:#34345C}
-a.rep{color:#000;text-decoration:underline}
-a:visited{color:#34345C}
-a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#DD0000}
-.replymode,.extramode{color:#FFF}
-.replymode{background:#0010E0}
-.extramode{background:#0040E0}
-.postblock{background:#9988EE;color:#000}
-.q{color:#789922}
-.fs{text-decoration:none}
-.subj{color:#0F0C5D;font-weight:bold}
-.name{color:#228854}
-.name b{color:#117743}
-.reply,#q-p{background:#D6DAF0;color:#000}
-.omitted,.abbrev{color:#707070}
-.highlight{background:#c1c6e2;outline:1px dashed #0F0C5D}
-.managertable td{background:#9AD2F6;color:#000}
-.managertable th{background:#0F8FE1;color:#000}
-#catalog .thread:hover{background:#D6DAF0;box-shadow:0 0 5px 5px #D6DAF0}
-#catalog .replies{color:#555555;font-weight:bold}
-.yt{background:#E3E6F5;border:1px solid #C1C6E7}
-.quoted{border-color:#EEF2FF;color:#707070}
\ No newline at end of file
+html,
+body {
+  background: #eef2ff;
+  color: #000;
+  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
+}
+a,
+a .name,
+a .name b,
+.nav label:hover {
+  color: #34345c;
+}
+a.rep {
+  color: #000;
+  text-decoration: underline;
+}
+a:visited {
+  color: #34345c;
+}
+a:hover,
+a:hover .name,
+a:hover .name b,
+.nav label:hover {
+  color: #dd0000;
+}
+.replymode,
+.extramode {
+  color: #fff;
+}
+.replymode {
+  background: #0010e0;
+}
+.extramode {
+  background: #0040e0;
+}
+.postblock {
+  background: #9988ee;
+  color: #000;
+}
+.q {
+  color: #789922;
+}
+.fs {
+  text-decoration: none;
+}
+.subj {
+  color: #0f0c5d;
+  font-weight: bold;
+}
+.name {
+  color: #228854;
+}
+.name b {
+  color: #117743;
+}
+.reply,
+#q-p {
+  background: #d6daf0;
+  color: #000;
+}
+.omitted,
+.abbrev {
+  color: #707070;
+}
+.highlight {
+  background: #c1c6e2;
+  outline: 1px dashed #0f0c5d;
+}
+.managertable td {
+  background: #9ad2f6;
+  color: #000;
+}
+.managertable th {
+  background: #0f8fe1;
+  color: #000;
+}
+#catalog .thread:hover {
+  background: #d6daf0;
+  box-shadow: 0 0 5px 5px #d6daf0;
+}
+#catalog .replies {
+  color: #555555;
+  font-weight: bold;
+}
+.yt {
+  background: #e3e6f5;
+  border: 1px solid #c1c6e7;
+}
+.quoted {
+  border-color: #eef2ff;
+  color: #707070;
+}
diff --git a/static/css/cyber.css b/static/css/cyber.css
index d440e77..5039610 100644
--- a/static/css/cyber.css
+++ b/static/css/cyber.css
@@ -1,39 +1,180 @@
-html,body{background:#000 url('img/cyb.png');color:#61CE3C;font-family:monospace}
-a,a .name,a .name b,.nav label{color:#C80B63}
-.reflink a,.rep,.hsbn,#main_nav a{color:#FFF}
-a:hover,a:hover .name,a:hover .name b,.nav label:hover,#main_nav a:hover{color:#F00}
-.reflink a:hover{text-decoration:underline}
-hr{display:none}
-.thread hr{border:0;border-top:1px solid #61CE3C;display:block}
-input,input[type="text"],input[type="password"],textarea{background:#1A1A1A;border:0;color:#61CE3C}
-input[type="submit"]{border:1px outset #999}
-input[type="submit"]:active{border-style:inset}
-#main_nav{background:#1A1A1A;border-bottom:double 3px #989898;color:#989898;margin:-10px -10px 0;padding:10px}
-.logo{color:#C00}
-.replymode,.extramode{color:#FFF;text-shadow:1px 1px #000}
-.replymode{background:#C00;box-shadow:5px 5px #989898;margin-bottom:1em}
-.extramode{background:#001eff;}
-.postform,.oekform{background:#2b2b2b;border:1px solid #989898;box-shadow:5px 5px #989898;padding:1px}
-.postblock{background:#2e8b57;color:#FFF}
-.q{color:#93e0e3}
-.quoted{color:#707070}
-.fs,.info{color:#989898;text-decoration:none}
-.subj{color:#7b68ee;font-weight:bold}
-.name{color:#FBDE2D}
-.name b{color:#989898}
-.omitted,.abbrev{color:#428C29}
-.thread{border:solid 1px #7b68ee;background:#1A1A1A;box-shadow:5px 5px #7b68ee;margin-top:1em;margin-bottom:1em;padding:5px}
-.reply,#q-p{background:#2b2b2b;border:1px solid #2e8b57!important;box-shadow:5px 5px #2e8b57}
-.thread table{margin:0;margin-bottom:10px;margin-right:10px}
-.thumb{border:1px solid #4D4D4D;box-shadow:3px 3px #4D4D4D;margin-bottom:5px}
-.highlight{border-color:#93e0e3!important;box-shadow:5px 5px #93e0e3}
-.pg,.userdelete,.nav{background:#2b2b2b;border:1px solid #2e8b57;box-shadow:5px 5px #2e8b57;color:#89A}
-.nav{padding:4px}
-#adminmenu table{margin-bottom:10px}
-.managertable td{background:#2B2B2B;color:#FFF}
-.managertable th{background:#1A1A1A;color:#FFF}
-#catalog .thread{border:1px solid #61CE3C;border-radius:0;box-shadow:none}
-#catalog .thread:hover{background:#383838}
-#catalog .replies{color:#428C29;font-weight:bold}
-.yt{background:#222;border:1px solid;box-shadow:2px 2px}
-.quoted{border-color:#2e8b57;color:#989898}
\ No newline at end of file
+html,
+body {
+  background: #000 url("img/cyb.png");
+  color: #61ce3c;
+  font-family: monospace;
+}
+a,
+a .name,
+a .name b,
+.nav label {
+  color: #c80b63;
+}
+.reflink a,
+.rep,
+.hsbn,
+#main_nav a {
+  color: #fff;
+}
+a:hover,
+a:hover .name,
+a:hover .name b,
+.nav label:hover,
+#main_nav a:hover {
+  color: #f00;
+}
+.reflink a:hover {
+  text-decoration: underline;
+}
+hr {
+  display: none;
+}
+.thread hr {
+  border: 0;
+  border-top: 1px solid #61ce3c;
+  display: block;
+}
+input,
+input[type="text"],
+input[type="password"],
+textarea {
+  background: #1a1a1a;
+  border: 0;
+  color: #61ce3c;
+}
+input[type="submit"] {
+  border: 1px outset #999;
+}
+input[type="submit"]:active {
+  border-style: inset;
+}
+#main_nav {
+  background: #1a1a1a;
+  border-bottom: double 3px #989898;
+  color: #989898;
+  margin: -10px -10px 0;
+  padding: 10px;
+}
+.logo {
+  color: #c00;
+}
+.replymode,
+.extramode {
+  color: #fff;
+  text-shadow: 1px 1px #000;
+}
+.replymode {
+  background: #c00;
+  box-shadow: 5px 5px #989898;
+  margin-bottom: 1em;
+}
+.extramode {
+  background: #001eff;
+}
+.postform,
+.oekform {
+  background: #2b2b2b;
+  border: 1px solid #989898;
+  box-shadow: 5px 5px #989898;
+  padding: 1px;
+}
+.postblock {
+  background: #2e8b57;
+  color: #fff;
+}
+.q {
+  color: #93e0e3;
+}
+.quoted {
+  color: #707070;
+}
+.fs,
+.info {
+  color: #989898;
+  text-decoration: none;
+}
+.subj {
+  color: #7b68ee;
+  font-weight: bold;
+}
+.name {
+  color: #fbde2d;
+}
+.name b {
+  color: #989898;
+}
+.omitted,
+.abbrev {
+  color: #428c29;
+}
+.thread {
+  border: solid 1px #7b68ee;
+  background: #1a1a1a;
+  box-shadow: 5px 5px #7b68ee;
+  margin-top: 1em;
+  margin-bottom: 1em;
+  padding: 5px;
+}
+.reply,
+#q-p {
+  background: #2b2b2b;
+  border: 1px solid #2e8b57 !important;
+  box-shadow: 5px 5px #2e8b57;
+}
+.thread table {
+  margin: 0;
+  margin-bottom: 10px;
+  margin-right: 10px;
+}
+.thumb {
+  border: 1px solid #4d4d4d;
+  box-shadow: 3px 3px #4d4d4d;
+  margin-bottom: 5px;
+}
+.highlight {
+  border-color: #93e0e3 !important;
+  box-shadow: 5px 5px #93e0e3;
+}
+.pg,
+.userdelete,
+.nav {
+  background: #2b2b2b;
+  border: 1px solid #2e8b57;
+  box-shadow: 5px 5px #2e8b57;
+  color: #89a;
+}
+.nav {
+  padding: 4px;
+}
+#adminmenu table {
+  margin-bottom: 10px;
+}
+.managertable td {
+  background: #2b2b2b;
+  color: #fff;
+}
+.managertable th {
+  background: #1a1a1a;
+  color: #fff;
+}
+#catalog .thread {
+  border: 1px solid #61ce3c;
+  border-radius: 0;
+  box-shadow: none;
+}
+#catalog .thread:hover {
+  background: #383838;
+}
+#catalog .replies {
+  color: #428c29;
+  font-weight: bold;
+}
+.yt {
+  background: #222;
+  border: 1px solid;
+  box-shadow: 2px 2px;
+}
+.quoted {
+  border-color: #2e8b57;
+  color: #989898;
+}
diff --git a/static/css/dickgirl.css b/static/css/dickgirl.css
index d2f4260..0b991db 100644
--- a/static/css/dickgirl.css
+++ b/static/css/dickgirl.css
@@ -1,23 +1,87 @@
-html,body{background:#1B3345;color:#FFF;font-family:initial}
-a,a .name,.nav label{color:#EFD279}
-a.rep{color:#FFF}
-a:hover,a:hover .name,.nav label:hover{color:#D00}
-.logo{color:#CCFFCC}
-.replymode,.extramode{color:#FFF}
-.replymode{background:#1D7548}
-.extramode{background:#0040E0}
-.postblock{background:#95CBE9;color:#2C5700}
-.q{color:#BDF46C}
-.fs{text-decoration:none}
-.subj{color:#DE9D7F;font-weight:bold}
-.name{color:#AFD775}
-.omitted{color:#909090}
-.reply,#q-p{background:#3B6B94;color:#fff}
-.abbrev{color:#BBB}
-.highlight{background:#5B8BB4;outline:1px dashed #AFD775}
-.managertable td{background:#3B6B94;color:#FFF}
-.managertable th{background:#AAF;color:#FFF}
-#catalog .thread:hover{background:#3B6B94;box-shadow:0 0 5px 5px #3B6B94}
-#catalog .replies{color:#AAA;font-weight:bold}
-.yt{background:#2F587A;border:1px solid #1B2933}
-.quoted{border-color:#1B3345}
\ No newline at end of file
+html,
+body {
+  background: #1b3345;
+  color: #fff;
+  font-family: initial;
+}
+a,
+a .name,
+.nav label {
+  color: #efd279;
+}
+a.rep {
+  color: #fff;
+}
+a:hover,
+a:hover .name,
+.nav label:hover {
+  color: #d00;
+}
+.logo {
+  color: #ccffcc;
+}
+.replymode,
+.extramode {
+  color: #fff;
+}
+.replymode {
+  background: #1d7548;
+}
+.extramode {
+  background: #0040e0;
+}
+.postblock {
+  background: #95cbe9;
+  color: #2c5700;
+}
+.q {
+  color: #bdf46c;
+}
+.fs {
+  text-decoration: none;
+}
+.subj {
+  color: #de9d7f;
+  font-weight: bold;
+}
+.name {
+  color: #afd775;
+}
+.omitted {
+  color: #909090;
+}
+.reply,
+#q-p {
+  background: #3b6b94;
+  color: #fff;
+}
+.abbrev {
+  color: #bbb;
+}
+.highlight {
+  background: #5b8bb4;
+  outline: 1px dashed #afd775;
+}
+.managertable td {
+  background: #3b6b94;
+  color: #fff;
+}
+.managertable th {
+  background: #aaf;
+  color: #fff;
+}
+#catalog .thread:hover {
+  background: #3b6b94;
+  box-shadow: 0 0 5px 5px #3b6b94;
+}
+#catalog .replies {
+  color: #aaa;
+  font-weight: bold;
+}
+.yt {
+  background: #2f587a;
+  border: 1px solid #1b2933;
+}
+.quoted {
+  border-color: #1b3345;
+}
diff --git a/static/css/easymodo.css b/static/css/easymodo.css
index eaa88a8..d874fd2 100644
--- a/static/css/easymodo.css
+++ b/static/css/easymodo.css
@@ -1,25 +1,96 @@
-html,body{background:#EEFFF2;color:#000;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
-.rep{color:#000}
-a,a .name,a .name b,.nav label{color:#34345c}
-a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#D00}
-.reflink a:hover{text-decoration:underline}
-.replymode,.extramode{color:#FFF}
-.replymode{background:#E04000}
-.extramode{background:#0040E0}
-.postform,.oekform{background:#cce1cf;border:1px solid #CCE1CF;padding:1px}
-.postblock{background:#98c1a9}
-.q{color:#789922}
-.quoted{color:#707070}
-.fs{text-decoration:none}
-.subj{color:#0f0c5d;font-weight:bold}
-.name{color:#228854}
-.name b{color:#117743}
-.omitted,.abbrev{color:#707070}
-.reply,#q-p,.pg{background:#d6f0da}
-.highlight{background:#d6bad0}
-.managertable td{background:#cce1cf}
-.managertable th{background:#b8caba}
-#catalog .thread:hover{background:#d6f0da;box-shadow:0 0 5px 5px #d6f0da}
-#catalog .replies{color:#707070;font-weight:bold}
-.yt{background:#c2d6c5;border:1px solid #7a877c;color:#000}
-.quoted{border-color:#EEFFF2}
\ No newline at end of file
+html,
+body {
+  background: #eefff2;
+  color: #000;
+  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
+}
+.rep {
+  color: #000;
+}
+a,
+a .name,
+a .name b,
+.nav label {
+  color: #34345c;
+}
+a:hover,
+a:hover .name,
+a:hover .name b,
+.nav label:hover {
+  color: #d00;
+}
+.reflink a:hover {
+  text-decoration: underline;
+}
+.replymode,
+.extramode {
+  color: #fff;
+}
+.replymode {
+  background: #e04000;
+}
+.extramode {
+  background: #0040e0;
+}
+.postform,
+.oekform {
+  background: #cce1cf;
+  border: 1px solid #cce1cf;
+  padding: 1px;
+}
+.postblock {
+  background: #98c1a9;
+}
+.q {
+  color: #789922;
+}
+.quoted {
+  color: #707070;
+}
+.fs {
+  text-decoration: none;
+}
+.subj {
+  color: #0f0c5d;
+  font-weight: bold;
+}
+.name {
+  color: #228854;
+}
+.name b {
+  color: #117743;
+}
+.omitted,
+.abbrev {
+  color: #707070;
+}
+.reply,
+#q-p,
+.pg {
+  background: #d6f0da;
+}
+.highlight {
+  background: #d6bad0;
+}
+.managertable td {
+  background: #cce1cf;
+}
+.managertable th {
+  background: #b8caba;
+}
+#catalog .thread:hover {
+  background: #d6f0da;
+  box-shadow: 0 0 5px 5px #d6f0da;
+}
+#catalog .replies {
+  color: #707070;
+  font-weight: bold;
+}
+.yt {
+  background: #c2d6c5;
+  border: 1px solid #7a877c;
+  color: #000;
+}
+.quoted {
+  border-color: #eefff2;
+}
diff --git a/static/css/fennec.css b/static/css/fennec.css
index 97f90e6..39bbb3a 100644
--- a/static/css/fennec.css
+++ b/static/css/fennec.css
@@ -1,21 +1,84 @@
-html,body{background:#fde89d;color:#301000}
-.rep{color:#301000}
-a,a .name,.nav label{color:#ec4b55}
-a:hover,a:hover .name,.nav label:hover{color:#b30a09}
-hr{border:0;border-bottom:1px solid #edd88d}
-.replymode,.extramode{background:#dc9856;color:#fff}
-.postblock{background:#fec;border:1px solid #edd88d}
-.q{color:#ec4953}
-.fs{text-decoration:none}
-.subj{color:#900100;font-weight:bold}
-.name{color:#b30a09}
-.reply,#q-p{background:#edd88d}
-.omitted,.abbrev{color:#a2938c}
-.highlight{background:#f4a960;outline:1px dashed #b30a09}
-.managertable td{background:#edd88d}
-.managertable th{background:#fec;border:1px solid #edd88d}
-#catalog .thread:hover{background:#edd88d;box-shadow:0 0 5px 5px #edd88d}
-#catalog .replies{color:#909090;font-weight:bold}
-.yt{background:#fec;border:1px solid #ec4b55}
-.quoted{border-color:#fde89d;color:#988880}
-.pg,.pg span{background:#fec;border:1px solid #b30a09}
\ No newline at end of file
+html,
+body {
+  background: #fde89d;
+  color: #301000;
+}
+.rep {
+  color: #301000;
+}
+a,
+a .name,
+.nav label {
+  color: #ec4b55;
+}
+a:hover,
+a:hover .name,
+.nav label:hover {
+  color: #b30a09;
+}
+hr {
+  border: 0;
+  border-bottom: 1px solid #edd88d;
+}
+.replymode,
+.extramode {
+  background: #dc9856;
+  color: #fff;
+}
+.postblock {
+  background: #fec;
+  border: 1px solid #edd88d;
+}
+.q {
+  color: #ec4953;
+}
+.fs {
+  text-decoration: none;
+}
+.subj {
+  color: #900100;
+  font-weight: bold;
+}
+.name {
+  color: #b30a09;
+}
+.reply,
+#q-p {
+  background: #edd88d;
+}
+.omitted,
+.abbrev {
+  color: #a2938c;
+}
+.highlight {
+  background: #f4a960;
+  outline: 1px dashed #b30a09;
+}
+.managertable td {
+  background: #edd88d;
+}
+.managertable th {
+  background: #fec;
+  border: 1px solid #edd88d;
+}
+#catalog .thread:hover {
+  background: #edd88d;
+  box-shadow: 0 0 5px 5px #edd88d;
+}
+#catalog .replies {
+  color: #909090;
+  font-weight: bold;
+}
+.yt {
+  background: #fec;
+  border: 1px solid #ec4b55;
+}
+.quoted {
+  border-color: #fde89d;
+  color: #988880;
+}
+.pg,
+.pg span {
+  background: #fec;
+  border: 1px solid #b30a09;
+}
diff --git a/static/css/futaba.css b/static/css/futaba.css
index 7ba229b..1588cd1 100644
--- a/static/css/futaba.css
+++ b/static/css/futaba.css
@@ -1,22 +1,86 @@
-html,body{background:#FFE;color:#800000;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
-a,a .name,a .name b,.nav label{color:#0000EE}
-a.rep{color:#800000;text-decoration:underline}
-a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#D00}
-.replymode,.extramode{color:#FFF}
-.replymode{background:#E04000}
-.extramode{background:#0040E0}
-.postblock{background:#EEAA88}
-.q{color:#789922}
-.subj{color:#CC1105;font-weight:bold}
-.name{color:#228854}
-.name b{color:#117743}
-.omitted{color:#707070}
-.reply,#q-p{background:#F0E0D6}
-.abbrev{color:#707070}
-.highlight{background:#F0C0B0;outline:1px dashed #EA8}
-.managertable td{background:#EEEECC;color:#800000}
-.managertable th{background:#AAAA66;color:#400000}
-#catalog .thread:hover{background:#F0E0D6;box-shadow:0 0 5px 5px #F0E0D6}
-#catalog .replies{color:#909090;font-weight:bold}
-.yt{background:#F2E5DD;border:1px solid #E7CFC1;color:#500000}
-.quoted{border-color:#FFE}
\ No newline at end of file
+html,
+body {
+  background: #ffe;
+  color: #800000;
+  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
+}
+a,
+a .name,
+a .name b,
+.nav label {
+  color: #0000ee;
+}
+a.rep {
+  color: #800000;
+  text-decoration: underline;
+}
+a:hover,
+a:hover .name,
+a:hover .name b,
+.nav label:hover {
+  color: #d00;
+}
+.replymode,
+.extramode {
+  color: #fff;
+}
+.replymode {
+  background: #e04000;
+}
+.extramode {
+  background: #0040e0;
+}
+.postblock {
+  background: #eeaa88;
+}
+.q {
+  color: #789922;
+}
+.subj {
+  color: #cc1105;
+  font-weight: bold;
+}
+.name {
+  color: #228854;
+}
+.name b {
+  color: #117743;
+}
+.omitted {
+  color: #707070;
+}
+.reply,
+#q-p {
+  background: #f0e0d6;
+}
+.abbrev {
+  color: #707070;
+}
+.highlight {
+  background: #f0c0b0;
+  outline: 1px dashed #ea8;
+}
+.managertable td {
+  background: #eeeecc;
+  color: #800000;
+}
+.managertable th {
+  background: #aaaa66;
+  color: #400000;
+}
+#catalog .thread:hover {
+  background: #f0e0d6;
+  box-shadow: 0 0 5px 5px #f0e0d6;
+}
+#catalog .replies {
+  color: #909090;
+  font-weight: bold;
+}
+.yt {
+  background: #f2e5dd;
+  border: 1px solid #e7cfc1;
+  color: #500000;
+}
+.quoted {
+  border-color: #ffe;
+}
diff --git a/static/css/guro.css b/static/css/guro.css
index c938675..6c00cc7 100644
--- a/static/css/guro.css
+++ b/static/css/guro.css
@@ -1,24 +1,100 @@
-html,body{background:#eddad2;color:#000;font-family:arial,helvetica,"nimbus sans l",sans-serif}
-.rep{color:#000}
-a,a .name,a .name b,.nav label{color:#af0a0f}
-a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#d00}
-.logo{color:#af0a0f}
-.replymode,.extramode{background:#57463f;color:#fff}
-.postblock,.reply{background:#d9af9e;border:1px solid #ca927b}
-input,input[type="text"],input[type="password"],textarea{background:#e6cbc0;border:1px solid #ca927b}
-input[type="submit"],input[type="button"]{border-style:outset;padding:3px 10px}
-input[type="submit"]:active,input[type="button"]:active{border-style:inset}
-.q{color:#707070}
-.subj{color:#0f0c5d;font-weight:bold}
-.name{color:#117743}
-.name b{color:#228854}
-.omitted,.abbrev{color:#444}
-#q-p{background:#d9af9e;border:0}
-.highlight{background:#5b5f69}
-.managertable td{background:#e6cbc0}
-.managertable th{background:#d9af9e}
-hr{border:none;border-top:1px solid #d9af9e;height:0}
-#catalog .thread:hover{background:#d9af9e;box-shadow:0 0 5px 5px #d9af9e}
-#catalog .replies{color:#555;font-weight:bold}
-.yt{background:#c39e8e;border:1px solid #8d6656}
-.quoted{border-color:#ca927b}
\ No newline at end of file
+html,
+body {
+  background: #eddad2;
+  color: #000;
+  font-family: arial, helvetica, "nimbus sans l", sans-serif;
+}
+.rep {
+  color: #000;
+}
+a,
+a .name,
+a .name b,
+.nav label {
+  color: #af0a0f;
+}
+a:hover,
+a:hover .name,
+a:hover .name b,
+.nav label:hover {
+  color: #d00;
+}
+.logo {
+  color: #af0a0f;
+}
+.replymode,
+.extramode {
+  background: #57463f;
+  color: #fff;
+}
+.postblock,
+.reply {
+  background: #d9af9e;
+  border: 1px solid #ca927b;
+}
+input,
+input[type="text"],
+input[type="password"],
+textarea {
+  background: #e6cbc0;
+  border: 1px solid #ca927b;
+}
+input[type="submit"],
+input[type="button"] {
+  border-style: outset;
+  padding: 3px 10px;
+}
+input[type="submit"]:active,
+input[type="button"]:active {
+  border-style: inset;
+}
+.q {
+  color: #707070;
+}
+.subj {
+  color: #0f0c5d;
+  font-weight: bold;
+}
+.name {
+  color: #117743;
+}
+.name b {
+  color: #228854;
+}
+.omitted,
+.abbrev {
+  color: #444;
+}
+#q-p {
+  background: #d9af9e;
+  border: 0;
+}
+.highlight {
+  background: #5b5f69;
+}
+.managertable td {
+  background: #e6cbc0;
+}
+.managertable th {
+  background: #d9af9e;
+}
+hr {
+  border: none;
+  border-top: 1px solid #d9af9e;
+  height: 0;
+}
+#catalog .thread:hover {
+  background: #d9af9e;
+  box-shadow: 0 0 5px 5px #d9af9e;
+}
+#catalog .replies {
+  color: #555;
+  font-weight: bold;
+}
+.yt {
+  background: #c39e8e;
+  border: 1px solid #8d6656;
+}
+.quoted {
+  border-color: #ca927b;
+}
diff --git a/static/css/ib.css b/static/css/ib.css
index 23a5cd1..16a4ba5 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -1,78 +1,349 @@
-*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}
-html,body{font-family:arial,helvetica,"nimbus sans l",sans-serif}
-html{margin:0;padding:0}
-body{margin:0;padding:8px;font-size:16px}
-blockquote{line-height:20px}
-.spoil{background:#000;color:#000}.spoil:hover{color:#fff}
-.postarea table{margin:0 auto;text-align:left}
-#main_nav{font-size:14px;line-height:1.3em;margin-bottom:.5em;text-align:center}
-#main_nav span{display:inline-block}
-#main_nav #sel,#main_nav .cur_brd{font-weight:bold}
-select{background:#FFF;border:1px inset #DDD;color:#000;font-size:85%;padding:1px}
-.logo{font-size:160%;font-weight:bold;margin:8px 0;text-align:center}
-input[type="text"],input[type="password"],textarea{background:#FFF;border:1px inset gray;padding:3px}
-.postform input{max-width:250px}
-.postform input[name="subject"]{max-width:300px}
-.postform textarea{width:400px;height:125px}
-.postblock{font-weight:bold;padding:3px}
-.oekform{display:inline-block;margin-bottom:.5em}
-.rules{width:468px;font-size:13px}
-.rules ul{margin:4px 0 0;padding:0}
-.rules li{margin-left:1em}
-.thread{margin-right:170px}
-.thread table{border-collapse:collapse;margin:4px 0}
-.reply .info{padding-right:50px}
-.hsbn{font-size:120%}
-.thumb{border:none;float:left;margin:0 20px}
-.ell{font-family:Mona,IPAMonaPGothic,Monapo,'MS PGothic',YOzFontAA97;vertical-align:top;width:20px}
-.deleted{color:#777}
-.reflink a{color:inherit;text-decoration:none}
-.reply .fs,#q-p .fs{margin-left:20px}
-.pg{border:1px solid;border-spacing:2px;display:table}
-.pg span{border:1px inset;display:table-cell}
-.pg span input{padding:.4em 1em}
-.replymode,.extramode{font-weight:bold;text-align:center;padding:2px;margin:3px 0}
-.name em{color:#009;font-style:normal}
-.quoted{border-top:1px solid;clear:both;font-size:12px;line-height:1;margin:0 -1px;padding:4px}
-.thumbpreview{display:inline-block;max-height:50px;height:auto;max-width:75px;width:auto;vertical-align:middle}
-#catalog{text-align:center}
-#cat_search{border:1px inset gray;padding:0;width:125px}
-#catalog .thread{border-radius:4px;display:inline-block;font-size:14px;margin:5px;overflow:hidden;padding:2px;position:relative;vertical-align:top;max-height:275px;width:175px}
-#catalog.enlarged .thread{margin:10px 5px;max-height:375px;width:275px}
-#catalog .thread a img{border-radius:3px;margin-bottom:2px}
-#catalog.enlarged .thread a img{min-width:150px;min-height:150px;max-width:250px;max-height:250px}
-#catalog .subj{font-size:16px}
-#catalog p{margin:0}
-.yt{font-size:12px;display:inline-block;line-height:13px;margin:2px 0;padding:5px;text-decoration:none}
-.yt b{font-size:14px}
-.yt .pvw{width:100px;height:60px;overflow:hidden;float:left;margin-right:5px}
-.yt .pvw img{margin-top:-15px;margin-left:-10px}
-.cut{clear:both}
-.nav label{text-decoration:underline}
-.userdel{float:right;text-align:center;white-space:nowrap}
-.footer{clear:both;margin-top:8px;text-align:center}
-.managertable th,.managertable td{padding:3px}
-.managertable .recentPostHeader{display: block;font-size: 0.9em;padding-bottom: 0.25em;opacity: 65%;}
-.managertable .message{display: block;font-family: Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97;font-size: 14px;}
-.managertable .actions{display: block;margin-top: 0.5em;font-size: 0.75em;}
-#q-p{position:absolute;border:1px dotted gray}
-.selector{font-size: 10pt}
-@media(max-width:900px){.thread{margin-right:0}}
-@media(max-width:720px){
- body{font-size:15px;padding:4px}
- #main_nav.mob{font-size:12px}
- .postblock{font-size:14px;white-space:nowrap}
- .pass,.ell,.thumbmsg{display:none}
- .thread table,#postform input[type="text"],#postform input[type="submit"],#postform textarea,#postform input[type="file"],.rules{max-width:100%;width:100%}
- .fs .tt,.omitted{font-size:14px}
- .info{font-size:12px}
- .reply .info{padding-right:0}
- .fs,.rules{font-size:12px}
- .fs span{display:none}
- .reply .fs{margin-left:4px}
- .thumb{margin:0 8px 0 4px;max-width:100px;max-height:100px;width:auto;height:auto}
- blockquote{margin:8px!important}
- .userdel{float:none}
- .pg{margin-top:0.5em;text-align:center;width:100%}
- .pg span,.pg input{display:block;width:100%}
-}
\ No newline at end of file
+* {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  word-wrap: break-word;
+}
+html,
+body {
+  font-family: arial, helvetica, "nimbus sans l", sans-serif;
+}
+html {
+  margin: 0;
+  padding: 0;
+}
+body {
+  margin: 0;
+  padding: 8px;
+  font-size: 16px;
+}
+blockquote {
+  line-height: 20px;
+}
+.spoil {
+  background: #000;
+  color: #000;
+}
+.spoil:hover {
+  color: #fff;
+}
+.postarea table {
+  margin: 0 auto;
+  text-align: left;
+}
+#main_nav {
+  font-size: 14px;
+  line-height: 1.3em;
+  margin-bottom: 0.5em;
+  text-align: center;
+}
+#main_nav span {
+  display: inline-block;
+}
+#main_nav #sel,
+#main_nav .cur_brd {
+  font-weight: bold;
+}
+select {
+  background: #fff;
+  border: 1px inset #ddd;
+  color: #000;
+  font-size: 85%;
+  padding: 1px;
+}
+.logo {
+  font-size: 160%;
+  font-weight: bold;
+  margin: 8px 0;
+  text-align: center;
+}
+input[type="text"],
+input[type="password"],
+textarea {
+  background: #fff;
+  border: 1px inset gray;
+  padding: 3px;
+}
+.postform input {
+  max-width: 250px;
+}
+.postform input[name="subject"] {
+  max-width: 300px;
+}
+.postform textarea {
+  width: 400px;
+  height: 125px;
+}
+.postblock {
+  font-weight: bold;
+  padding: 3px;
+}
+.oekform {
+  display: inline-block;
+  margin-bottom: 0.5em;
+}
+.rules {
+  width: 468px;
+  font-size: 13px;
+}
+.rules ul {
+  margin: 4px 0 0;
+  padding: 0;
+}
+.rules li {
+  margin-left: 1em;
+}
+.thread {
+  margin-right: 170px;
+}
+.thread table {
+  border-collapse: collapse;
+  margin: 4px 0;
+}
+.reply .info {
+  padding-right: 50px;
+}
+.hsbn {
+  font-size: 120%;
+}
+.thumb {
+  border: none;
+  float: left;
+  margin: 0 20px;
+}
+.ell {
+  font-family: Mona, IPAMonaPGothic, Monapo, "MS PGothic", YOzFontAA97;
+  vertical-align: top;
+  width: 20px;
+}
+.deleted {
+  color: #777;
+}
+.reflink a {
+  color: inherit;
+  text-decoration: none;
+}
+.reply .fs,
+#q-p .fs {
+  margin-left: 20px;
+}
+.pg {
+  border: 1px solid;
+  border-spacing: 2px;
+  display: table;
+}
+.pg span {
+  border: 1px inset;
+  display: table-cell;
+}
+.pg span input {
+  padding: 0.4em 1em;
+}
+.replymode,
+.extramode {
+  font-weight: bold;
+  text-align: center;
+  padding: 2px;
+  margin: 3px 0;
+}
+.name em {
+  color: #009;
+  font-style: normal;
+}
+.quoted {
+  border-top: 1px solid;
+  clear: both;
+  font-size: 12px;
+  line-height: 1;
+  margin: 0 -1px;
+  padding: 4px;
+}
+.thumbpreview {
+  display: inline-block;
+  max-height: 50px;
+  height: auto;
+  max-width: 75px;
+  width: auto;
+  vertical-align: middle;
+}
+#catalog {
+  text-align: center;
+}
+#cat_search {
+  border: 1px inset gray;
+  padding: 0;
+  width: 125px;
+}
+#catalog .thread {
+  border-radius: 4px;
+  display: inline-block;
+  font-size: 14px;
+  margin: 5px;
+  overflow: hidden;
+  padding: 2px;
+  position: relative;
+  vertical-align: top;
+  max-height: 275px;
+  width: 175px;
+}
+#catalog.enlarged .thread {
+  margin: 10px 5px;
+  max-height: 375px;
+  width: 275px;
+}
+#catalog .thread a img {
+  border-radius: 3px;
+  margin-bottom: 2px;
+}
+#catalog.enlarged .thread a img {
+  min-width: 150px;
+  min-height: 150px;
+  max-width: 250px;
+  max-height: 250px;
+}
+#catalog .subj {
+  font-size: 16px;
+}
+#catalog p {
+  margin: 0;
+}
+.yt {
+  font-size: 12px;
+  display: inline-block;
+  line-height: 13px;
+  margin: 2px 0;
+  padding: 5px;
+  text-decoration: none;
+}
+.yt b {
+  font-size: 14px;
+}
+.yt .pvw {
+  width: 100px;
+  height: 60px;
+  overflow: hidden;
+  float: left;
+  margin-right: 5px;
+}
+.yt .pvw img {
+  margin-top: -15px;
+  margin-left: -10px;
+}
+.cut {
+  clear: both;
+}
+.nav label {
+  text-decoration: underline;
+}
+.userdel {
+  float: right;
+  text-align: center;
+  white-space: nowrap;
+}
+.footer {
+  clear: both;
+  margin-top: 8px;
+  text-align: center;
+}
+.managertable th,
+.managertable td {
+  padding: 3px;
+}
+.managertable .recentPostHeader {
+  display: block;
+  font-size: 0.9em;
+  padding-bottom: 0.25em;
+  opacity: 65%;
+}
+.managertable .message {
+  display: block;
+  font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97;
+  font-size: 14px;
+}
+.managertable .actions {
+  display: block;
+  margin-top: 0.5em;
+  font-size: 0.75em;
+}
+#q-p {
+  position: absolute;
+  border: 1px dotted gray;
+}
+.selector {
+  font-size: 10pt;
+}
+@media (max-width: 900px) {
+  .thread {
+    margin-right: 0;
+  }
+}
+@media (max-width: 720px) {
+  body {
+    font-size: 15px;
+    padding: 4px;
+  }
+  #main_nav.mob {
+    font-size: 12px;
+  }
+  .postblock {
+    font-size: 14px;
+    white-space: nowrap;
+  }
+  .pass,
+  .ell,
+  .thumbmsg {
+    display: none;
+  }
+  .thread table,
+  #postform input[type="text"],
+  #postform input[type="submit"],
+  #postform textarea,
+  #postform input[type="file"],
+  .rules {
+    max-width: 100%;
+    width: 100%;
+  }
+  .fs .tt,
+  .omitted {
+    font-size: 14px;
+  }
+  .info {
+    font-size: 12px;
+  }
+  .reply .info {
+    padding-right: 0;
+  }
+  .fs,
+  .rules {
+    font-size: 12px;
+  }
+  .fs span {
+    display: none;
+  }
+  .reply .fs {
+    margin-left: 4px;
+  }
+  .thumb {
+    margin: 0 8px 0 4px;
+    max-width: 100px;
+    max-height: 100px;
+    width: auto;
+    height: auto;
+  }
+  blockquote {
+    margin: 8px !important;
+  }
+  .userdel {
+    float: none;
+  }
+  .pg {
+    margin-top: 0.5em;
+    text-align: center;
+    width: 100%;
+  }
+  .pg span,
+  .pg input {
+    display: block;
+    width: 100%;
+  }
+}
diff --git a/static/css/kraut.css b/static/css/kraut.css
index 277b2a9..f0e0b1c 100644
--- a/static/css/kraut.css
+++ b/static/css/kraut.css
@@ -1,24 +1,105 @@
-html,body{background:#eee;color:#000;font-family:arial,helvetica,"nimbus sans l",sans-serif}
-.rep{background:#313370;border:1px solid #6569e5;border-radius:3px;color:#bdbee4;display:inline-block;font-size:14px;font-weight:bold;padding:1px;text-decoration:none}
-a,a .name,.nav label{color:#229}
-a:hover,a:hover .name,.nav label:hover{color:#922}
-#main_nav{background:#bbd;margin:-10px -10px 0;padding:10px}
-.replymode,.extramode{background:#313370;color:#fff}
-.postblock{background:#313370;color:#fff}
-.q{color:#077}
-.reply .fs{font-style:italic}
-.fs a{font-style:normal}
-.subj{color:#c33;font-weight:bold}
-.name{color:#33c}
-.omitted,.abbrev{color:#666}
-.reply,#q-p{background:#aac}
-.thumb{background:#ddd;border:1px solid #aaa}
-.reply .thumb{background:#99b;border:1px solid #aaf}
-#q-p{border:1px solid #003099;box-shadow:5px 5px #333}
-.highlight{background:#aac;outline:2px dashed #448}
-.managertable td{background:#ddd}
-.managertable th{background:#313370;color:#fff}
-#catalog .thread:hover{background:#aac;box-shadow:0 0 5px 5px #aac}
-#catalog .replies{color:#888;font-weight:bold}
-.yt{background:#99b;border:1px solid #313370;color:#000}
-.quoted{border-color:#eee;color:#077}
\ No newline at end of file
+html,
+body {
+  background: #eee;
+  color: #000;
+  font-family: arial, helvetica, "nimbus sans l", sans-serif;
+}
+.rep {
+  background: #313370;
+  border: 1px solid #6569e5;
+  border-radius: 3px;
+  color: #bdbee4;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: bold;
+  padding: 1px;
+  text-decoration: none;
+}
+a,
+a .name,
+.nav label {
+  color: #229;
+}
+a:hover,
+a:hover .name,
+.nav label:hover {
+  color: #922;
+}
+#main_nav {
+  background: #bbd;
+  margin: -10px -10px 0;
+  padding: 10px;
+}
+.replymode,
+.extramode {
+  background: #313370;
+  color: #fff;
+}
+.postblock {
+  background: #313370;
+  color: #fff;
+}
+.q {
+  color: #077;
+}
+.reply .fs {
+  font-style: italic;
+}
+.fs a {
+  font-style: normal;
+}
+.subj {
+  color: #c33;
+  font-weight: bold;
+}
+.name {
+  color: #33c;
+}
+.omitted,
+.abbrev {
+  color: #666;
+}
+.reply,
+#q-p {
+  background: #aac;
+}
+.thumb {
+  background: #ddd;
+  border: 1px solid #aaa;
+}
+.reply .thumb {
+  background: #99b;
+  border: 1px solid #aaf;
+}
+#q-p {
+  border: 1px solid #003099;
+  box-shadow: 5px 5px #333;
+}
+.highlight {
+  background: #aac;
+  outline: 2px dashed #448;
+}
+.managertable td {
+  background: #ddd;
+}
+.managertable th {
+  background: #313370;
+  color: #fff;
+}
+#catalog .thread:hover {
+  background: #aac;
+  box-shadow: 0 0 5px 5px #aac;
+}
+#catalog .replies {
+  color: #888;
+  font-weight: bold;
+}
+.yt {
+  background: #99b;
+  border: 1px solid #313370;
+  color: #000;
+}
+.quoted {
+  border-color: #eee;
+  color: #077;
+}
diff --git a/static/css/mobile.css b/static/css/mobile.css
index 9921d3a..726abbf 100644
--- a/static/css/mobile.css
+++ b/static/css/mobile.css
@@ -1,129 +1,597 @@
-*{box-sizing:border-box;word-wrap:break-word}
-body,input,textarea{color:#000;margin:0 auto;max-width:700px;padding:0}
-body,textarea{font-family:arial,sans-serif;font-size:16px}
-.txt{background:#efefef}
-.img{background:#1a1d22;color:#e0e0e0}
-br{line-height:0.5em}
-a{text-decoration:none}
-.txt a{color:#00c}
-.txt a:active{color:#f00}
-.img a{color:#b0ccde}
-.img a:hover{color:#5c6a74}
-.txt a.num{color:#222}
-.img .num{color:#a3a3a3;float:right}
-h1{font-size:18px}
-.txt h1{margin-left:2px}
-.img h1{color:#a6b8d8;margin:0 0 5px}
-h1 span{font-weight:400}
-h2{color:#a6b8d8;font-size:14px;margin:0;}
-h3,h4{clear:both;font-size:12px;font-weight:400;line-height:1;margin:10px 0}
-h3 em{font-weight:700;font-style:normal}
-h4{text-align:right}
-.txt h3,h4{color:#777}
-.txt h3.del,.txt h3.del a.num{color:#afafaf}
-.img h3{color:#a3a3a3;margin:0 0 5px}
-.img h3.del{color:#606060;margin-bottom:0}
-.prev h3{clear:none;margin:0}
-hr{margin:.25em 0}m
-.img hr{border:none;border-top:1px solid #333;height:0}
-.top{background:#444;color:#fff;font-size:32px;font-weight:700;line-height:1;min-height:30px;padding:10px 2px}
-.top a{color:#fff!important;float:right;font-size:14px;margin-top:-10px;padding-top:10px;text-align:center;height:50px;width:50px}
-.top a img{height:18px;width:18px}
-.bar{font-weight:bold;overflow-y:hidden;overflow-x:auto;white-space:nowrap;width:100%}
-.txt .bar{background:#ccc}
-.img .bar{background:#050607}
-.bar a{padding:8px;display:inline-block}
-.txt .bar a{color:#000}
-.img .bar a{color:#e0e0e0}
-.txt .bar a.sel{background:#efefef}
-.img .bar a.sel{background:#1a1d22}
-.ord{overflow-y:hidden;overflow-x:auto;white-space:nowrap;width:100%}
-.txt .ord{border-top:1px solid #f8f8f8;border-bottom:1px solid #ddd;color:#000}
-.img .ord{border-top:1px solid #444;border-bottom:1px solid #111;color:#e0e0e0}
-.ord span{display:inline-block;font-weight:bold;padding:7px 10px}
-.ord a{display:inline-block;padding:7px 10px}
-.ord a.sel:before{content:'✓ '}
-.txt .ord a{border-left:1px solid #f8f8f8;border-right:1px solid #ddd;color:#000}
-.img .ord a{border-left:1px solid #444;border-right:1px solid #111;color:#e0e0e0}
-.txt .ord a:hover{background:#dcdcdc}
-.img .ord a:hover{background:#14161a}
-.nav{text-align:center}
-.list a{display:block;padding:10px 5px}
-.txt .list a{border-top:1px solid #f8f8f8;border-bottom:1px solid #ddd;color:#000}
-.txt .list a:hover{background:#dcdcdc;color:#000}
-.img .list a{border-top:1px solid #444;border-bottom:1px solid #111;color:#e0e0e0;overflow:hidden}
-.img .list a:hover{background:#14161a}
-.list div{font-size:90%;font-weight:700;margin-top:3px;text-align:right}
-.list div span{font-weight:400}
-.list div span span{font-weight:700;color:red}
-.list .info{display:block;font-size:75%;margin-top:3px}
-.txt .list .info{color:#777}
-.img .list .info{color:#a3a3a3}
-.list .info span{float:right}
-.txt .nav{border-top:1px solid #c6c7c8}
-.img .nav{border-top:1px solid #333}
-.nav div{display:table;width:100%}
-.txt .nav div{border-bottom:1px solid #c6c7c8}
-.img .nav div{border-bottom:1px solid #333}
-.nav div a{display:table-cell;padding:6px 0;width:33%}
-.txt .nav div a,#nav2 a{border-right:1px solid #c6c7c8;color:#000}
-.img .nav div a{border-right:1px solid #333;color:#e0e0e0}
-.txt .nav div a:last-child,.img .nav div a:last-child{border-right:0}
-#nav2{overflow-y:auto;padding:3px;text-align:center;white-space:nowrap;width:100%}
-#nav2 a{border:1px solid #c6c7c8;border-radius:5px;display:inline-block;padding:4px}
-.msg{line-height:1.2em}
-.msg a{border:1px solid;border-radius:10px;display:inline-block;font-size:12px;margin:2px 0;padding:4px}
-.msg a[href^="/"]{border-radius:5px;font-size:inherit;padding:2px 4px}
-.thm{color:grey!important;font-size:12px;float:left;line-height:12px;margin-right:5px;text-align:center}
-.thm img{margin-bottom:2px}
-.mnu{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);float:left;font-weight:bold;line-height:1}
-.txt a.mnu{color:#777;position:relative;left:2px}
-.img .mnu{color:#a3a3a3;margin-right:3px}
-#mnu-list{border:1px solid #111;border-bottom:0;box-shadow:1px 1px #000;display:inline-block;position:absolute}
-.txt #mnu-list{background:#E6E6E6}
-.img #mnu-list{background:#2A2D37}
-#mnu-list a{border-bottom:1px solid #111;color:inherit;display:block;padding:5px}
-.txt #mnu-list a:hover{background:#DDD}
-.img #mnu-list a:hover{background:#1E212B}
-.search input{background:#fff;border-top:1px solid #f8f8f8;border-right:0;border-bottom:1px solid #ddd;border-left:0;padding:8px;width:100%}
-.fld,#post,textarea{background:#fff;border:none;width:100%}
-.img .fld,.img textarea{border-bottom:1px solid #1a1d22}
-.txt .fld,.txt textarea{border-bottom:1px solid #efefef}
-input[type="text"].fld{font-size:12px;padding:4px 0}
-input[type="file"].fld{color:#000;padding:2px 0;width:100%}
-input[type="text"].imp{font-size:16px;font-weight:700}
-.file{display:table;width:100%}.file .fld{display:table-cell}
-.file label{color:#000;padding-left:5px;vertical-align:middle;white-space:nowrap;width:auto}
-#post{background:#fefefe;background:-webkit-linear-gradient(#fefefe,#e7e8e9);background:-o-linear-gradient(#fefefe,#e7e8e9);background:-moz-linear-gradient(#fefefe,#e7e8e9);background:linear-gradient(#fefefe,#e7e8e9);border-top:1px solid #c6c7c8;border-bottom:1px solid #c6c7c8;box-shadow:0 1px #fff,0 -1px #fff;display:block;padding:12px 0}
-#post:active{background:#e7e8e9;background:-webkit-linear-gradient(#e7e8e9,#fefefe);background:-o-linear-gradient(#e7e8e9,#fefefe);background:-moz-linear-gradient(#e7e8e9,#fefefe);background:linear-gradient(#e7e8e9,#fefefe)}
-#post:disabled{background:#fefefe;background:-webkit-linear-gradient(#fefefe,#e7e8e9);background:-o-linear-gradient(#fefefe,#e7e8e9);background:-moz-linear-gradient(#fefefe,#e7e8e9);background:linear-gradient(#fefefe,#e7e8e9);color:gray;text-shadow:1px 1px #fff}
-.img form{margin:5px 0}.img #post{margin-top:5px}
-.txt form{margin:10px 0}.txt #post{margin-top:10px}
-.img .cat{border:1px solid #373a44;color:#e0e0e0;display:inline-block;font-size:12px;height:150px;margin:3px;overflow:hidden;position:relative;padding:2px;text-align:center;vertical-align:top;width:130px}
-.img .cat:hover{color:#fff;background:#373a44}
-.img .cat img{margin-bottom:2px}
-.img .prev{border-bottom:1px solid #333;font-size:14px;margin:8px 0;overflow:hidden;padding:0 5px 8px}
-.img .prev .pst{margin-top:5px;margin-bottom:0}
-.img .first,.img .pst{display:block;padding:5px;overflow:hidden}
-.img .pst{background:#373a44;margin-bottom:5px}
-.img .q{color:#789922}
-.img .yt{background:#292c33;border:1px solid #5e6b7d;color:#e0e0e0}
-#n{display:block;padding:6px 0;text-align:center}
-.txt #n{border-top:1px solid #c6c7c8;color:#000}
-.img #n{border-top:1px solid #333;color:#e0e0e0}
-.txt #thread{margin-top:8px}
-.txt .msg a{background:#e9e9e9;border-color:#ccc}
-.txt .msg a:active{border-color:red}
-.txt .pst{border-top:1px solid #c6c7c8;padding:0 2px}
-.txt .q{color:#666}
-.txt .yt{background:#ddd;border:1px solid gray!important}
-.rules{font-size:12px;text-align:center}
-.txt .rules{margin:10px}.img .rules{margin:5px}
-.stop{font-size:75%;line-height:3em;padding:2px}
-.warn{font-size:75%;padding:5px 2px}
-.yellow{background:#ff0;color:#000}
-.red{background:red;color:#fff}
-.yt{border-radius:0!important;line-height:1.2em!important;margin:2px 0;padding:4px!important}
-.yt .pvw{float:left;height:60px;margin-right:4px;overflow:hidden;width:100px}
-.yt .pvw img{margin-top:-15px;margin-left:-10px}
-.yt b{font-size:115%}
\ No newline at end of file
+* {
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+body,
+input,
+textarea {
+  color: #000;
+  margin: 0 auto;
+  max-width: 700px;
+  padding: 0;
+}
+body,
+textarea {
+  font-family: arial, sans-serif;
+  font-size: 16px;
+}
+.txt {
+  background: #efefef;
+}
+.img {
+  background: #1a1d22;
+  color: #e0e0e0;
+}
+br {
+  line-height: 0.5em;
+}
+a {
+  text-decoration: none;
+}
+.txt a {
+  color: #00c;
+}
+.txt a:active {
+  color: #f00;
+}
+.img a {
+  color: #b0ccde;
+}
+.img a:hover {
+  color: #5c6a74;
+}
+.txt a.num {
+  color: #222;
+}
+.img .num {
+  color: #a3a3a3;
+  float: right;
+}
+h1 {
+  font-size: 18px;
+}
+.txt h1 {
+  margin-left: 2px;
+}
+.img h1 {
+  color: #a6b8d8;
+  margin: 0 0 5px;
+}
+h1 span {
+  font-weight: 400;
+}
+h2 {
+  color: #a6b8d8;
+  font-size: 14px;
+  margin: 0;
+}
+h3,
+h4 {
+  clear: both;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1;
+  margin: 10px 0;
+}
+h3 em {
+  font-weight: 700;
+  font-style: normal;
+}
+h4 {
+  text-align: right;
+}
+.txt h3,
+h4 {
+  color: #777;
+}
+.txt h3.del,
+.txt h3.del a.num {
+  color: #afafaf;
+}
+.img h3 {
+  color: #a3a3a3;
+  margin: 0 0 5px;
+}
+.img h3.del {
+  color: #606060;
+  margin-bottom: 0;
+}
+.prev h3 {
+  clear: none;
+  margin: 0;
+}
+hr {
+  margin: 0.25em 0;
+}
+m .img hr {
+  border: none;
+  border-top: 1px solid #333;
+  height: 0;
+}
+.top {
+  background: #444;
+  color: #fff;
+  font-size: 32px;
+  font-weight: 700;
+  line-height: 1;
+  min-height: 30px;
+  padding: 10px 2px;
+}
+.top a {
+  color: #fff !important;
+  float: right;
+  font-size: 14px;
+  margin-top: -10px;
+  padding-top: 10px;
+  text-align: center;
+  height: 50px;
+  width: 50px;
+}
+.top a img {
+  height: 18px;
+  width: 18px;
+}
+.bar {
+  font-weight: bold;
+  overflow-y: hidden;
+  overflow-x: auto;
+  white-space: nowrap;
+  width: 100%;
+}
+.txt .bar {
+  background: #ccc;
+}
+.img .bar {
+  background: #050607;
+}
+.bar a {
+  padding: 8px;
+  display: inline-block;
+}
+.txt .bar a {
+  color: #000;
+}
+.img .bar a {
+  color: #e0e0e0;
+}
+.txt .bar a.sel {
+  background: #efefef;
+}
+.img .bar a.sel {
+  background: #1a1d22;
+}
+.ord {
+  overflow-y: hidden;
+  overflow-x: auto;
+  white-space: nowrap;
+  width: 100%;
+}
+.txt .ord {
+  border-top: 1px solid #f8f8f8;
+  border-bottom: 1px solid #ddd;
+  color: #000;
+}
+.img .ord {
+  border-top: 1px solid #444;
+  border-bottom: 1px solid #111;
+  color: #e0e0e0;
+}
+.ord span {
+  display: inline-block;
+  font-weight: bold;
+  padding: 7px 10px;
+}
+.ord a {
+  display: inline-block;
+  padding: 7px 10px;
+}
+.ord a.sel:before {
+  content: "✓ ";
+}
+.txt .ord a {
+  border-left: 1px solid #f8f8f8;
+  border-right: 1px solid #ddd;
+  color: #000;
+}
+.img .ord a {
+  border-left: 1px solid #444;
+  border-right: 1px solid #111;
+  color: #e0e0e0;
+}
+.txt .ord a:hover {
+  background: #dcdcdc;
+}
+.img .ord a:hover {
+  background: #14161a;
+}
+.nav {
+  text-align: center;
+}
+.list a {
+  display: block;
+  padding: 10px 5px;
+}
+.txt .list a {
+  border-top: 1px solid #f8f8f8;
+  border-bottom: 1px solid #ddd;
+  color: #000;
+}
+.txt .list a:hover {
+  background: #dcdcdc;
+  color: #000;
+}
+.img .list a {
+  border-top: 1px solid #444;
+  border-bottom: 1px solid #111;
+  color: #e0e0e0;
+  overflow: hidden;
+}
+.img .list a:hover {
+  background: #14161a;
+}
+.list div {
+  font-size: 90%;
+  font-weight: 700;
+  margin-top: 3px;
+  text-align: right;
+}
+.list div span {
+  font-weight: 400;
+}
+.list div span span {
+  font-weight: 700;
+  color: red;
+}
+.list .info {
+  display: block;
+  font-size: 75%;
+  margin-top: 3px;
+}
+.txt .list .info {
+  color: #777;
+}
+.img .list .info {
+  color: #a3a3a3;
+}
+.list .info span {
+  float: right;
+}
+.txt .nav {
+  border-top: 1px solid #c6c7c8;
+}
+.img .nav {
+  border-top: 1px solid #333;
+}
+.nav div {
+  display: table;
+  width: 100%;
+}
+.txt .nav div {
+  border-bottom: 1px solid #c6c7c8;
+}
+.img .nav div {
+  border-bottom: 1px solid #333;
+}
+.nav div a {
+  display: table-cell;
+  padding: 6px 0;
+  width: 33%;
+}
+.txt .nav div a,
+#nav2 a {
+  border-right: 1px solid #c6c7c8;
+  color: #000;
+}
+.img .nav div a {
+  border-right: 1px solid #333;
+  color: #e0e0e0;
+}
+.txt .nav div a:last-child,
+.img .nav div a:last-child {
+  border-right: 0;
+}
+#nav2 {
+  overflow-y: auto;
+  padding: 3px;
+  text-align: center;
+  white-space: nowrap;
+  width: 100%;
+}
+#nav2 a {
+  border: 1px solid #c6c7c8;
+  border-radius: 5px;
+  display: inline-block;
+  padding: 4px;
+}
+.msg {
+  line-height: 1.2em;
+}
+.msg a {
+  border: 1px solid;
+  border-radius: 10px;
+  display: inline-block;
+  font-size: 12px;
+  margin: 2px 0;
+  padding: 4px;
+}
+.msg a[href^="/"] {
+  border-radius: 5px;
+  font-size: inherit;
+  padding: 2px 4px;
+}
+.thm {
+  color: grey !important;
+  font-size: 12px;
+  float: left;
+  line-height: 12px;
+  margin-right: 5px;
+  text-align: center;
+}
+.thm img {
+  margin-bottom: 2px;
+}
+.mnu {
+  transform: rotate(90deg);
+  -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  float: left;
+  font-weight: bold;
+  line-height: 1;
+}
+.txt a.mnu {
+  color: #777;
+  position: relative;
+  left: 2px;
+}
+.img .mnu {
+  color: #a3a3a3;
+  margin-right: 3px;
+}
+#mnu-list {
+  border: 1px solid #111;
+  border-bottom: 0;
+  box-shadow: 1px 1px #000;
+  display: inline-block;
+  position: absolute;
+}
+.txt #mnu-list {
+  background: #e6e6e6;
+}
+.img #mnu-list {
+  background: #2a2d37;
+}
+#mnu-list a {
+  border-bottom: 1px solid #111;
+  color: inherit;
+  display: block;
+  padding: 5px;
+}
+.txt #mnu-list a:hover {
+  background: #ddd;
+}
+.img #mnu-list a:hover {
+  background: #1e212b;
+}
+.search input {
+  background: #fff;
+  border-top: 1px solid #f8f8f8;
+  border-right: 0;
+  border-bottom: 1px solid #ddd;
+  border-left: 0;
+  padding: 8px;
+  width: 100%;
+}
+.fld,
+#post,
+textarea {
+  background: #fff;
+  border: none;
+  width: 100%;
+}
+.img .fld,
+.img textarea {
+  border-bottom: 1px solid #1a1d22;
+}
+.txt .fld,
+.txt textarea {
+  border-bottom: 1px solid #efefef;
+}
+input[type="text"].fld {
+  font-size: 12px;
+  padding: 4px 0;
+}
+input[type="file"].fld {
+  color: #000;
+  padding: 2px 0;
+  width: 100%;
+}
+input[type="text"].imp {
+  font-size: 16px;
+  font-weight: 700;
+}
+.file {
+  display: table;
+  width: 100%;
+}
+.file .fld {
+  display: table-cell;
+}
+.file label {
+  color: #000;
+  padding-left: 5px;
+  vertical-align: middle;
+  white-space: nowrap;
+  width: auto;
+}
+#post {
+  background: #fefefe;
+  background: -webkit-linear-gradient(#fefefe, #e7e8e9);
+  background: -o-linear-gradient(#fefefe, #e7e8e9);
+  background: -moz-linear-gradient(#fefefe, #e7e8e9);
+  background: linear-gradient(#fefefe, #e7e8e9);
+  border-top: 1px solid #c6c7c8;
+  border-bottom: 1px solid #c6c7c8;
+  box-shadow: 0 1px #fff, 0 -1px #fff;
+  display: block;
+  padding: 12px 0;
+}
+#post:active {
+  background: #e7e8e9;
+  background: -webkit-linear-gradient(#e7e8e9, #fefefe);
+  background: -o-linear-gradient(#e7e8e9, #fefefe);
+  background: -moz-linear-gradient(#e7e8e9, #fefefe);
+  background: linear-gradient(#e7e8e9, #fefefe);
+}
+#post:disabled {
+  background: #fefefe;
+  background: -webkit-linear-gradient(#fefefe, #e7e8e9);
+  background: -o-linear-gradient(#fefefe, #e7e8e9);
+  background: -moz-linear-gradient(#fefefe, #e7e8e9);
+  background: linear-gradient(#fefefe, #e7e8e9);
+  color: gray;
+  text-shadow: 1px 1px #fff;
+}
+.img form {
+  margin: 5px 0;
+}
+.img #post {
+  margin-top: 5px;
+}
+.txt form {
+  margin: 10px 0;
+}
+.txt #post {
+  margin-top: 10px;
+}
+.img .cat {
+  border: 1px solid #373a44;
+  color: #e0e0e0;
+  display: inline-block;
+  font-size: 12px;
+  height: 150px;
+  margin: 3px;
+  overflow: hidden;
+  position: relative;
+  padding: 2px;
+  text-align: center;
+  vertical-align: top;
+  width: 130px;
+}
+.img .cat:hover {
+  color: #fff;
+  background: #373a44;
+}
+.img .cat img {
+  margin-bottom: 2px;
+}
+.img .prev {
+  border-bottom: 1px solid #333;
+  font-size: 14px;
+  margin: 8px 0;
+  overflow: hidden;
+  padding: 0 5px 8px;
+}
+.img .prev .pst {
+  margin-top: 5px;
+  margin-bottom: 0;
+}
+.img .first,
+.img .pst {
+  display: block;
+  padding: 5px;
+  overflow: hidden;
+}
+.img .pst {
+  background: #373a44;
+  margin-bottom: 5px;
+}
+.img .q {
+  color: #789922;
+}
+.img .yt {
+  background: #292c33;
+  border: 1px solid #5e6b7d;
+  color: #e0e0e0;
+}
+#n {
+  display: block;
+  padding: 6px 0;
+  text-align: center;
+}
+.txt #n {
+  border-top: 1px solid #c6c7c8;
+  color: #000;
+}
+.img #n {
+  border-top: 1px solid #333;
+  color: #e0e0e0;
+}
+.txt #thread {
+  margin-top: 8px;
+}
+.txt .msg a {
+  background: #e9e9e9;
+  border-color: #ccc;
+}
+.txt .msg a:active {
+  border-color: red;
+}
+.txt .pst {
+  border-top: 1px solid #c6c7c8;
+  padding: 0 2px;
+}
+.txt .q {
+  color: #666;
+}
+.txt .yt {
+  background: #ddd;
+  border: 1px solid gray !important;
+}
+.rules {
+  font-size: 12px;
+  text-align: center;
+}
+.txt .rules {
+  margin: 10px;
+}
+.img .rules {
+  margin: 5px;
+}
+.stop {
+  font-size: 75%;
+  line-height: 3em;
+  padding: 2px;
+}
+.warn {
+  font-size: 75%;
+  padding: 5px 2px;
+}
+.yellow {
+  background: #ff0;
+  color: #000;
+}
+.red {
+  background: red;
+  color: #fff;
+}
+.yt {
+  border-radius: 0 !important;
+  line-height: 1.2em !important;
+  margin: 2px 0;
+  padding: 4px !important;
+}
+.yt .pvw {
+  float: left;
+  height: 60px;
+  margin-right: 4px;
+  overflow: hidden;
+  width: 100px;
+}
+.yt .pvw img {
+  margin-top: -15px;
+  margin-left: -10px;
+}
+.yt b {
+  font-size: 115%;
+}
diff --git a/static/css/night.css b/static/css/night.css
index 4249a5a..4057ed3 100644
--- a/static/css/night.css
+++ b/static/css/night.css
@@ -1,22 +1,84 @@
-html,body{background:#171e24;color:#979ea3;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
-a,a .name,.nav label{color:#c0c4c8}
-a.rep{color:#979ea3;text-decoration:underline}
-a:hover,a:hover .name,.nav label:hover{color:#888c90}
-.replymode,.extramode{color:#DDD}
-.replymode{background:#B40D00}
-.extramode{background:#001f6e}
-.postblock{background:#2b3843}
-.q{color:#789922}
-.subj{background:inherit;color:#962e5f;font-weight:bold}
-.name{color:#5f962e}
-.name a{color:#2e5f96}
-.name a:hover{color:#426fa0}
-.reply{background:#2F3D48;border:1px solid #1c242b}
-.abbrev{color:#707070}
-.highlight{background:#1D1D21;border:1px dashed #7A848C}
-hr{border:none;border-top:1px solid #979ea3;height:0}
-#catalog .thread:hover{background:#2F3D48;box-shadow:0 0 5px 5px #2F3D48}
-#catalog .replies{color:#909090;font-weight:bold}
-.yt{background:#52626D;border:1px solid #131D25}
-#q-p{background:#2F3D48}
-.quoted{border-color:#171e24}
\ No newline at end of file
+html,
+body {
+  background: #171e24;
+  color: #979ea3;
+  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
+}
+a,
+a .name,
+.nav label {
+  color: #c0c4c8;
+}
+a.rep {
+  color: #979ea3;
+  text-decoration: underline;
+}
+a:hover,
+a:hover .name,
+.nav label:hover {
+  color: #888c90;
+}
+.replymode,
+.extramode {
+  color: #ddd;
+}
+.replymode {
+  background: #b40d00;
+}
+.extramode {
+  background: #001f6e;
+}
+.postblock {
+  background: #2b3843;
+}
+.q {
+  color: #789922;
+}
+.subj {
+  background: inherit;
+  color: #962e5f;
+  font-weight: bold;
+}
+.name {
+  color: #5f962e;
+}
+.name a {
+  color: #2e5f96;
+}
+.name a:hover {
+  color: #426fa0;
+}
+.reply {
+  background: #2f3d48;
+  border: 1px solid #1c242b;
+}
+.abbrev {
+  color: #707070;
+}
+.highlight {
+  background: #1d1d21;
+  border: 1px dashed #7a848c;
+}
+hr {
+  border: none;
+  border-top: 1px solid #979ea3;
+  height: 0;
+}
+#catalog .thread:hover {
+  background: #2f3d48;
+  box-shadow: 0 0 5px 5px #2f3d48;
+}
+#catalog .replies {
+  color: #909090;
+  font-weight: bold;
+}
+.yt {
+  background: #52626d;
+  border: 1px solid #131d25;
+}
+#q-p {
+  background: #2f3d48;
+}
+.quoted {
+  border-color: #171e24;
+}
diff --git a/static/css/photon.css b/static/css/photon.css
index 7be906a..e3dfb84 100644
--- a/static/css/photon.css
+++ b/static/css/photon.css
@@ -1,22 +1,93 @@
-html,body{background:#EEE;color:#333;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
-.rep{color:#333}
-a,a .name,a .name b,.logo,.nav label{color:#F60}
-a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#0066FF}
-.replymode,.extramode{color:#2266AA;border:solid 1px #CCC;background:#DDD}
-.postblock{background:#DDD;color:#024;border:1px solid #CCC;}
-.q{color:#789922}
-.fs,.abbrev{color:#666;text-decoration:none}
-.subj{color:#111;font-weight:bold}
-.name{color:#F30}
-.name b{color:#004A99}
-.omitted{color:#707070}
-.reply{background:#DDD;border:1px solid #CCC}
-.highlight{background:#CCC}
-.managertable td{background:#DDD;color:#024}
-.managertable th{background:#CCC;color:#024}
-hr{border:none;border-top:1px solid #BBB;height:0}
-#catalog .thread:hover{background:#DDD;box-shadow:0 0 5px 5px #DDD}
-#catalog .replies{color:#888;font-weight:bold}
-.yt{background:#E9E9E9;border:1px solid #BBB;color:#333}
-#q-p{background:#DDD}
-.quoted{border-color:#CCC}
\ No newline at end of file
+html,
+body {
+  background: #eee;
+  color: #333;
+  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
+}
+.rep {
+  color: #333;
+}
+a,
+a .name,
+a .name b,
+.logo,
+.nav label {
+  color: #f60;
+}
+a:hover,
+a:hover .name,
+a:hover .name b,
+.nav label:hover {
+  color: #0066ff;
+}
+.replymode,
+.extramode {
+  color: #2266aa;
+  border: solid 1px #ccc;
+  background: #ddd;
+}
+.postblock {
+  background: #ddd;
+  color: #024;
+  border: 1px solid #ccc;
+}
+.q {
+  color: #789922;
+}
+.fs,
+.abbrev {
+  color: #666;
+  text-decoration: none;
+}
+.subj {
+  color: #111;
+  font-weight: bold;
+}
+.name {
+  color: #f30;
+}
+.name b {
+  color: #004a99;
+}
+.omitted {
+  color: #707070;
+}
+.reply {
+  background: #ddd;
+  border: 1px solid #ccc;
+}
+.highlight {
+  background: #ccc;
+}
+.managertable td {
+  background: #ddd;
+  color: #024;
+}
+.managertable th {
+  background: #ccc;
+  color: #024;
+}
+hr {
+  border: none;
+  border-top: 1px solid #bbb;
+  height: 0;
+}
+#catalog .thread:hover {
+  background: #ddd;
+  box-shadow: 0 0 5px 5px #ddd;
+}
+#catalog .replies {
+  color: #888;
+  font-weight: bold;
+}
+.yt {
+  background: #e9e9e9;
+  border: 1px solid #bbb;
+  color: #333;
+}
+#q-p {
+  background: #ddd;
+}
+.quoted {
+  border-color: #ccc;
+}
diff --git a/static/css/putaba.css b/static/css/putaba.css
index 4c67245..a3ee9e2 100644
--- a/static/css/putaba.css
+++ b/static/css/putaba.css
@@ -1,46 +1,199 @@
-html,body{background:#fff url('img/fondo2012.gif');font-family:"courier new",courier,monospace;color:#000}
-a,.reflink a,.nav label{color:#fff;text-decoration:none;background:#f60}
-a.rep{text-decoration:underline}
-a:hover,.reflink a:hover,.nav label:hover{background:#f00}
-a .name,a .name b{background:#0cf;color:#903}
-a:hover .name,a:hover .name b{background:#f33;color:#fff}
-input[type="button"],input[type="submit"]{background:#eff931;background:-moz-linear-gradient(top, #eff931 0%, #c9e800 100%);border:1px solid #d3de27;color:#333;padding:3px 10px}
-input,input[type="text"],input[type="password"],textarea,.searchbar input{background:#cf0;border:1px solid #000}
-#main_nav a{color:#000;background:#0cf}
-#main_nav a:hover{color:#fff;background:#90f}
-#main_nav span a{color:#fff;background:#f03}
-#main_nav span a:hover{background:#cf0}
-.replymode,.extramode{background:url('img/bgtb.gif');color:#000}
-hr,.ell{display:none}
-.thread hr{display:block}
-.thread,.userdelete,.postform,.oekform{background:#fff;box-shadow:1px 1px 1px rgba(50, 50, 50, 0.5);margin:0 10px 10px;padding:10px;overflow:auto}
-.postarea table{margin:0 auto 10px}
-.info,.fs{text-transform:uppercase}
-.thread label{background:#ff0}
-.thread label a,.thread label a:hover{background:#00ccff;color:#990033}
-.rules{letter-spacing:-0.5px}
-.rules li{margin-left:0.5em}
-.rules a{background:#f06;color:#fff}
-.rules a:hover{color:#cf0}
-.postblock{background:#ff0}
-.q{color:#789922}
-.subj{font-weight:bold;color:#909;background:#cf0;letter-spacing:-1px}
-.name{color:black;background:white}
-.name b{color:white;background:black}
-.date{background:#ff0}
-.omitted,.hsbn,.hsbn:hover{color:#ff3fff;background:#5500aa;display:inline-block}
-.reply,#q-p{background:#e6e6e6}
-.abbrev{color:#707070}
-.highlight{background:#ccc;outline:2px dashed #AAA}
-.userdelete{padding:5px}
-input[type="submit"].psei{background:#ff6600;color:white;border:none;padding:0.4em 1em}
-.nav{float:left}
-.managertable td,.pg{background:#fff}
-.managertable th{background:#ddd}
-#catalog .thread:hover{background:#e6e6e6}
-#catalog .replies{background:#00ffff;color:#909090;font-weight:bold}
-.yt{background:#f7f7f7;border:1px solid #999;color:#000}
-.yt:hover{background:#efefef}
-.footer{background:#000;color:#fff}
-.footer a,.footer a:hover{background:#000}
-.quoted{border-color:#fff}
\ No newline at end of file
+html,
+body {
+  background: #fff url("img/fondo2012.gif");
+  font-family: "courier new", courier, monospace;
+  color: #000;
+}
+a,
+.reflink a,
+.nav label {
+  color: #fff;
+  text-decoration: none;
+  background: #f60;
+}
+a.rep {
+  text-decoration: underline;
+}
+a:hover,
+.reflink a:hover,
+.nav label:hover {
+  background: #f00;
+}
+a .name,
+a .name b {
+  background: #0cf;
+  color: #903;
+}
+a:hover .name,
+a:hover .name b {
+  background: #f33;
+  color: #fff;
+}
+input[type="button"],
+input[type="submit"] {
+  background: #eff931;
+  background: -moz-linear-gradient(top, #eff931 0%, #c9e800 100%);
+  border: 1px solid #d3de27;
+  color: #333;
+  padding: 3px 10px;
+}
+input,
+input[type="text"],
+input[type="password"],
+textarea,
+.searchbar input {
+  background: #cf0;
+  border: 1px solid #000;
+}
+#main_nav a {
+  color: #000;
+  background: #0cf;
+}
+#main_nav a:hover {
+  color: #fff;
+  background: #90f;
+}
+#main_nav span a {
+  color: #fff;
+  background: #f03;
+}
+#main_nav span a:hover {
+  background: #cf0;
+}
+.replymode,
+.extramode {
+  background: url("img/bgtb.gif");
+  color: #000;
+}
+hr,
+.ell {
+  display: none;
+}
+.thread hr {
+  display: block;
+}
+.thread,
+.userdelete,
+.postform,
+.oekform {
+  background: #fff;
+  box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
+  margin: 0 10px 10px;
+  padding: 10px;
+  overflow: auto;
+}
+.postarea table {
+  margin: 0 auto 10px;
+}
+.info,
+.fs {
+  text-transform: uppercase;
+}
+.thread label {
+  background: #ff0;
+}
+.thread label a,
+.thread label a:hover {
+  background: #00ccff;
+  color: #990033;
+}
+.rules {
+  letter-spacing: -0.5px;
+}
+.rules li {
+  margin-left: 0.5em;
+}
+.rules a {
+  background: #f06;
+  color: #fff;
+}
+.rules a:hover {
+  color: #cf0;
+}
+.postblock {
+  background: #ff0;
+}
+.q {
+  color: #789922;
+}
+.subj {
+  font-weight: bold;
+  color: #909;
+  background: #cf0;
+  letter-spacing: -1px;
+}
+.name {
+  color: black;
+  background: white;
+}
+.name b {
+  color: white;
+  background: black;
+}
+.date {
+  background: #ff0;
+}
+.omitted,
+.hsbn,
+.hsbn:hover {
+  color: #ff3fff;
+  background: #5500aa;
+  display: inline-block;
+}
+.reply,
+#q-p {
+  background: #e6e6e6;
+}
+.abbrev {
+  color: #707070;
+}
+.highlight {
+  background: #ccc;
+  outline: 2px dashed #aaa;
+}
+.userdelete {
+  padding: 5px;
+}
+input[type="submit"].psei {
+  background: #ff6600;
+  color: white;
+  border: none;
+  padding: 0.4em 1em;
+}
+.nav {
+  float: left;
+}
+.managertable td,
+.pg {
+  background: #fff;
+}
+.managertable th {
+  background: #ddd;
+}
+#catalog .thread:hover {
+  background: #e6e6e6;
+}
+#catalog .replies {
+  background: #00ffff;
+  color: #909090;
+  font-weight: bold;
+}
+.yt {
+  background: #f7f7f7;
+  border: 1px solid #999;
+  color: #000;
+}
+.yt:hover {
+  background: #efefef;
+}
+.footer {
+  background: #000;
+  color: #fff;
+}
+.footer a,
+.footer a:hover {
+  background: #000;
+}
+.quoted {
+  border-color: #fff;
+}
diff --git a/static/css/red.css b/static/css/red.css
index e8018a6..e5698dd 100644
--- a/static/css/red.css
+++ b/static/css/red.css
@@ -1,21 +1,80 @@
-html,body{font-family:Georgia,"URW Bookman L",serif;background:#FFF2F2;color:#800000}
-a,a .name,.nav label{color:#00E}
-a:hover,a:hover .name,.nav label:hover{color:#D00}
-.rep{color:#800000}
-.replymode,.extramode{color:#FFF}
-.replymode{background:#E04000}
-.extramode{background:#0040E0}
-.postblock{background:#F99}
-.q{color:#789922}
-.name{color:#036}
-.omitted,.abbrev{color:#707070}
-.reply,#q-p{background:#FBB}
-.subj{color:#CC1105;font-weight:bold}
-.highlight{background:#F0E0D6;outline:1px dashed #EA8}
-.managertable td{background:#FED0D0}
-.managertable th{background:#FA4A4A;color:#400000}
-#catalog .thread:hover{background:#FBB}
-#catalog .thread:hover{background:#FBB;box-shadow:0 0 5px 5px #FBB}
-#catalog .replies{color:#909090;font-weight:bold}
-.yt{background:#FED8D8;border:1px solid #FE9B9B;color:#500000}
-.quoted{border-color:#FFF2F2}
\ No newline at end of file
+html,
+body {
+  font-family: Georgia, "URW Bookman L", serif;
+  background: #fff2f2;
+  color: #800000;
+}
+a,
+a .name,
+.nav label {
+  color: #00e;
+}
+a:hover,
+a:hover .name,
+.nav label:hover {
+  color: #d00;
+}
+.rep {
+  color: #800000;
+}
+.replymode,
+.extramode {
+  color: #fff;
+}
+.replymode {
+  background: #e04000;
+}
+.extramode {
+  background: #0040e0;
+}
+.postblock {
+  background: #f99;
+}
+.q {
+  color: #789922;
+}
+.name {
+  color: #036;
+}
+.omitted,
+.abbrev {
+  color: #707070;
+}
+.reply,
+#q-p {
+  background: #fbb;
+}
+.subj {
+  color: #cc1105;
+  font-weight: bold;
+}
+.highlight {
+  background: #f0e0d6;
+  outline: 1px dashed #ea8;
+}
+.managertable td {
+  background: #fed0d0;
+}
+.managertable th {
+  background: #fa4a4a;
+  color: #400000;
+}
+#catalog .thread:hover {
+  background: #fbb;
+}
+#catalog .thread:hover {
+  background: #fbb;
+  box-shadow: 0 0 5px 5px #fbb;
+}
+#catalog .replies {
+  color: #909090;
+  font-weight: bold;
+}
+.yt {
+  background: #fed8d8;
+  border: 1px solid #fe9b9b;
+  color: #500000;
+}
+.quoted {
+  border-color: #fff2f2;
+}
diff --git a/static/css/rene.css b/static/css/rene.css
index a376f18..a4f3b86 100644
--- a/static/css/rene.css
+++ b/static/css/rene.css
@@ -1,22 +1,88 @@
-html,body{background:#1a1d22;color:#e0e0e0;font-family:arial,helvetica,"nimbus sans l",sans-serif}
-.rep{color:#e0e0e0}
-a,a .name,.nav label{color:#b0ccde}
-a:hover,a:hover .name,.nav label:hover{color:#5c6a74}
-.replymode,.extramode{color:#fff}
-.replymode{background:#2b2b2b}
-.extramode{background:#333}
-.postblock{background:#28282d;border:1px solid #333;color:#ddd}
-.q{color:#789922}
-.fs{text-decoration:none}
-.subj{color:#a6b8d8;font-weight:bold}
-.name,.omitted{color:#a3a3a3}
-.reply,#q-p{background:#373a44}
-.abbrev{color:#777}
-.highlight{background:#5b5f69;outline:1px dashed #888}
-.managertable td{background:#64697b}
-.managertable th{background:#252830;color:#f8f8f8}
-hr{border:none;border-top:1px dotted #696969;height:0}
-#catalog .thread:hover{background:#373a44;box-shadow:0 0 5px 5px #373a44}
-#catalog .replies{color:#909090;font-weight:bold}
-.yt{background:#292c33;border:1px solid #5e6b7d;color:#e0e0e0}
-.quoted{border-color:#1a1d22;color:#aaa}
\ No newline at end of file
+html,
+body {
+  background: #1a1d22;
+  color: #e0e0e0;
+  font-family: arial, helvetica, "nimbus sans l", sans-serif;
+}
+.rep {
+  color: #e0e0e0;
+}
+a,
+a .name,
+.nav label {
+  color: #b0ccde;
+}
+a:hover,
+a:hover .name,
+.nav label:hover {
+  color: #5c6a74;
+}
+.replymode,
+.extramode {
+  color: #fff;
+}
+.replymode {
+  background: #2b2b2b;
+}
+.extramode {
+  background: #333;
+}
+.postblock {
+  background: #28282d;
+  border: 1px solid #333;
+  color: #ddd;
+}
+.q {
+  color: #789922;
+}
+.fs {
+  text-decoration: none;
+}
+.subj {
+  color: #a6b8d8;
+  font-weight: bold;
+}
+.name,
+.omitted {
+  color: #a3a3a3;
+}
+.reply,
+#q-p {
+  background: #373a44;
+}
+.abbrev {
+  color: #777;
+}
+.highlight {
+  background: #5b5f69;
+  outline: 1px dashed #888;
+}
+.managertable td {
+  background: #64697b;
+}
+.managertable th {
+  background: #252830;
+  color: #f8f8f8;
+}
+hr {
+  border: none;
+  border-top: 1px dotted #696969;
+  height: 0;
+}
+#catalog .thread:hover {
+  background: #373a44;
+  box-shadow: 0 0 5px 5px #373a44;
+}
+#catalog .replies {
+  color: #909090;
+  font-weight: bold;
+}
+.yt {
+  background: #292c33;
+  border: 1px solid #5e6b7d;
+  color: #e0e0e0;
+}
+.quoted {
+  border-color: #1a1d22;
+  color: #aaa;
+}
diff --git a/static/css/spc/base.css b/static/css/spc/base.css
index bb30a24..5b908a4 100644
--- a/static/css/spc/base.css
+++ b/static/css/spc/base.css
@@ -7,7 +7,6 @@
 * 6/20/2012
 */
 
-
 /* Table of Content
 ==================================================
 	#Reset & Basics
@@ -21,249 +20,565 @@
 	#Forms
 	#Misc */
 
-
 /* #Reset & Basics (Inspired by E. Meyers)
 ================================================== */
-	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
-		margin: 0;
-		padding: 0;
-		border: 0;
-		font-size: 100%;
-		font: inherit;
-		vertical-align: baseline; }
-	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
-		display: block; }
-	body {
-		line-height: 1; }
-	ol, ul {
-		list-style: none; }
-	blockquote, q {
-		quotes: none; }
-	blockquote:before, blockquote:after,
-	q:before, q:after {
-		content: '';
-		content: none; }
-	table {
-		border-collapse: collapse;
-		border-spacing: 0; }
-
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
 
 /* #Basic Styles
 ================================================== */
-	body {
-		background: #fff;
-		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-		color: #444;
-		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-		-webkit-text-size-adjust: 100%;
- }
-
+body {
+  background: #fff;
+  font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
+    sans-serif;
+  color: #444;
+  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
+  -webkit-text-size-adjust: 100%;
+}
 
 /* #Typography
 ================================================== */
-	h1, h2, h3, h4, h5, h6 {
-		color: #181818;
-		font-family: "Georgia", "Times New Roman", serif;
-		font-weight: normal; }
-	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
-	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
-	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
-	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
-	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
-	h5 { font-size: 17px; line-height: 24px; }
-	h6 { font-size: 14px; line-height: 21px; }
-	.subheader { color: #777; }
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: #181818;
+  font-family: "Georgia", "Times New Roman", serif;
+  font-weight: normal;
+}
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a {
+  font-weight: inherit;
+}
+h1 {
+  font-size: 46px;
+  line-height: 50px;
+  margin-bottom: 14px;
+}
+h2 {
+  font-size: 35px;
+  line-height: 40px;
+  margin-bottom: 10px;
+}
+h3 {
+  font-size: 28px;
+  line-height: 34px;
+  margin-bottom: 8px;
+}
+h4 {
+  font-size: 21px;
+  line-height: 30px;
+  margin-bottom: 4px;
+}
+h5 {
+  font-size: 17px;
+  line-height: 24px;
+}
+h6 {
+  font-size: 14px;
+  line-height: 21px;
+}
+.subheader {
+  color: #777;
+}
 
-	p { margin: 0 0 20px 0; }
-	p img { margin: 0; }
-	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
+p {
+  margin: 0 0 20px 0;
+}
+p img {
+  margin: 0;
+}
+p.lead {
+  font-size: 21px;
+  line-height: 27px;
+  color: #777;
+}
 
-	em { font-style: italic; }
-	strong { font-weight: bold; color: #333; }
-	small { font-size: 60%; }
+em {
+  font-style: italic;
+}
+strong {
+  font-weight: bold;
+  color: #333;
+}
+small {
+  font-size: 60%;
+}
 
 /*	Blockquotes  */
-	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
-	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
-	blockquote cite { display: block; font-size: 12px; color: #555; }
-	blockquote cite:before { content: "\2014 \0020"; }
-	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
-
-	hr { border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 30px 0 30px; height: 0; }
+blockquote,
+blockquote p {
+  font-size: 17px;
+  line-height: 24px;
+  color: #777;
+  font-style: italic;
+}
+blockquote {
+  margin: 0 0 20px;
+  padding: 9px 20px 0 19px;
+  border-left: 1px solid #ddd;
+}
+blockquote cite {
+  display: block;
+  font-size: 12px;
+  color: #555;
+}
+blockquote cite:before {
+  content: "\2014 \0020";
+}
+blockquote cite a,
+blockquote cite a:visited,
+blockquote cite a:visited {
+  color: #555;
+}
 
+hr {
+  border: solid #ccc;
+  border-width: 1px 0 0;
+  clear: both;
+  margin: 30px 0 30px;
+  height: 0;
+}
 
 /* #Links
 ================================================== */
-	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
-	a:hover, a:focus { color: #000; }
-	p a, p a:visited { line-height: inherit; }
-
+a,
+a:visited {
+  color: #333;
+  text-decoration: underline;
+  outline: 0;
+}
+a:hover,
+a:focus {
+  color: #000;
+}
+p a,
+p a:visited {
+  line-height: inherit;
+}
 
 /* #Lists
 ================================================== */
-	ul, ol { margin-bottom: 20px; }
-	ul { list-style: none outside; }
-	ol { list-style: decimal; }
-	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
-	ul.square { list-style: square outside; }
-	ul.circle { list-style: circle outside; }
-	ul.disc { list-style: disc outside; }
-	ul ul, ul ol,
-	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
-	ul ul li, ul ol li,
-	ol ol li, ol ul li { margin-bottom: 6px; }
-	li { line-height: 18px; margin-bottom: 12px; }
-	ul.large li { line-height: 21px; }
-	li p { line-height: 21px; }
+ul,
+ol {
+  margin-bottom: 20px;
+}
+ul {
+  list-style: none outside;
+}
+ol {
+  list-style: decimal;
+}
+ol,
+ul.square,
+ul.circle,
+ul.disc {
+  margin-left: 30px;
+}
+ul.square {
+  list-style: square outside;
+}
+ul.circle {
+  list-style: circle outside;
+}
+ul.disc {
+  list-style: disc outside;
+}
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+  margin: 4px 0 5px 30px;
+  font-size: 90%;
+}
+ul ul li,
+ul ol li,
+ol ol li,
+ol ul li {
+  margin-bottom: 6px;
+}
+li {
+  line-height: 18px;
+  margin-bottom: 12px;
+}
+ul.large li {
+  line-height: 21px;
+}
+li p {
+  line-height: 21px;
+}
 
 /* #Images
 ================================================== */
 
-	img.scale-with-grid {
-		max-width: 100%;
-		height: auto; }
-
+img.scale-with-grid {
+  max-width: 100%;
+  height: auto;
+}
 
 /* #Buttons
 ================================================== */
 
-	.button,
-	button,
-	input[type="submit"],
-	input[type="reset"],
-	input[type="button"] {
-		background: #eee; /* Old browsers */
-		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
-		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
-		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
-		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
-		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
-		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
-	  border: 1px solid #aaa;
-	  border-top: 1px solid #ccc;
-	  border-left: 1px solid #ccc;
-	  -moz-border-radius: 3px;
-	  -webkit-border-radius: 3px;
-	  border-radius: 3px;
-	  color: #444;
-	  display: inline-block;
-	  font-size: 11px;
-	  font-weight: bold;
-	  text-decoration: none;
-	  text-shadow: 0 1px rgba(255, 255, 255, .75);
-	  cursor: pointer;
-	  margin-bottom: 20px;
-	  line-height: normal;
-	  padding: 8px 10px;
-	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
-
-	.button:hover,
-	button:hover,
-	input[type="submit"]:hover,
-	input[type="reset"]:hover,
-	input[type="button"]:hover {
-		color: #222;
-		background: #ddd; /* Old browsers */
-		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
-		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
-		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
-		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
-		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
-		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
-	  border: 1px solid #888;
-	  border-top: 1px solid #aaa;
-	  border-left: 1px solid #aaa; }
+.button,
+button,
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+  background: #eee; /* Old browsers */
+  background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
+          0,
+          0,
+          0,
+          0.2
+        )
+        100%); /* FF3.6+ */
+  background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2))); /* Chrome,Safari4+ */
+  background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
+          0,
+          0,
+          0,
+          0.2
+        )
+        100%); /* Chrome10+,Safari5.1+ */
+  background: #eee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
+          0,
+          0,
+          0,
+          0.2
+        )
+        100%); /* Opera11.10+ */
+  background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
+          0,
+          0,
+          0,
+          0.2
+        )
+        100%); /* IE10+ */
+  background: #eee
+    linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); /* W3C */
+  border: 1px solid #aaa;
+  border-top: 1px solid #ccc;
+  border-left: 1px solid #ccc;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  color: #444;
+  display: inline-block;
+  font-size: 11px;
+  font-weight: bold;
+  text-decoration: none;
+  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
+  cursor: pointer;
+  margin-bottom: 20px;
+  line-height: normal;
+  padding: 8px 10px;
+  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
 
-	.button:active,
-	button:active,
-	input[type="submit"]:active,
-	input[type="reset"]:active,
-	input[type="button"]:active {
-		border: 1px solid #666;
-		background: #ccc; /* Old browsers */
-		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
-		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
-		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
-		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
-		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
-		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
+.button:hover,
+button:hover,
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+input[type="button"]:hover {
+  color: #222;
+  background: #ddd; /* Old browsers */
+  background: #ddd -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
+          0,
+          0,
+          0,
+          0.3
+        )
+        100%); /* FF3.6+ */
+  background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3))); /* Chrome,Safari4+ */
+  background: #ddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
+          0,
+          0,
+          0,
+          0.3
+        )
+        100%); /* Chrome10+,Safari5.1+ */
+  background: #ddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
+          0,
+          0,
+          0,
+          0.3
+        )
+        100%); /* Opera11.10+ */
+  background: #ddd -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
+          0,
+          0,
+          0,
+          0.3
+        )
+        100%); /* IE10+ */
+  background: #ddd
+    linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C */
+  border: 1px solid #888;
+  border-top: 1px solid #aaa;
+  border-left: 1px solid #aaa;
+}
 
-	.button.full-width,
-	button.full-width,
-	input[type="submit"].full-width,
-	input[type="reset"].full-width,
-	input[type="button"].full-width {
-		width: 100%;
-		padding-left: 0 !important;
-		padding-right: 0 !important;
-		text-align: center; }
+.button:active,
+button:active,
+input[type="submit"]:active,
+input[type="reset"]:active,
+input[type="button"]:active {
+  border: 1px solid #666;
+  background: #ccc; /* Old browsers */
+  background: #ccc -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
+          10,
+          10,
+          10,
+          0.4
+        )
+        100%); /* FF3.6+ */
+  background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4))); /* Chrome,Safari4+ */
+  background: #ccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
+          10,
+          10,
+          10,
+          0.4
+        )
+        100%); /* Chrome10+,Safari5.1+ */
+  background: #ccc -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
+          10,
+          10,
+          10,
+          0.4
+        )
+        100%); /* Opera11.10+ */
+  background: #ccc -ms-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
+          10,
+          10,
+          10,
+          0.4
+        )
+        100%); /* IE10+ */
+  background: #ccc
+    linear-gradient(
+      top,
+      rgba(255, 255, 255, 0.35) 0%,
+      rgba(10, 10, 10, 0.4) 100%
+    ); /* W3C */
+}
 
-	/* Fix for odd Mozilla border & padding issues */
-	button::-moz-focus-inner,
-	input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-	}
+.button.full-width,
+button.full-width,
+input[type="submit"].full-width,
+input[type="reset"].full-width,
+input[type="button"].full-width {
+  width: 100%;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  text-align: center;
+}
 
+/* Fix for odd Mozilla border & padding issues */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
 
 /* #Forms
 ================================================== */
 
-	form {
-		margin-bottom: 20px; }
-	fieldset {
-		margin-bottom: 20px; }
-	input[type="text"],
-	input[type="password"],
-	input[type="email"],
-	textarea,
-	select {
-		border: 1px solid #ccc;
-		padding: 6px 4px;
-		outline: none;
-		-moz-border-radius: 2px;
-		-webkit-border-radius: 2px;
-		border-radius: 2px;
-		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-		color: #777;
-		margin: 0;
-		width: 210px;
-		max-width: 100%;
-		display: block;
-		margin-bottom: 20px;
-		background: #fff; }
-	select {
-		padding: 0; }
-	input[type="text"]:focus,
-	input[type="password"]:focus,
-	input[type="email"]:focus,
-	textarea:focus {
-		border: 1px solid #aaa;
- 		color: #444;
- 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
-		box-shadow:  0 0 3px rgba(0,0,0,.2); }
-	textarea {
-		min-height: 60px; }
-	label,
-	legend {
-		display: block;
-		font-weight: bold;
-		font-size: 13px;  }
-	select {
-		width: 220px; }
-	input[type="checkbox"] {
-		display: inline; }
-	label span,
-	legend span {
-		font-weight: normal;
-		font-size: 13px;
-		color: #444; }
+form {
+  margin-bottom: 20px;
+}
+fieldset {
+  margin-bottom: 20px;
+}
+input[type="text"],
+input[type="password"],
+input[type="email"],
+textarea,
+select {
+  border: 1px solid #ccc;
+  padding: 6px 4px;
+  outline: none;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: #777;
+  margin: 0;
+  width: 210px;
+  max-width: 100%;
+  display: block;
+  margin-bottom: 20px;
+  background: #fff;
+}
+select {
+  padding: 0;
+}
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+textarea:focus {
+  border: 1px solid #aaa;
+  color: #444;
+  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+}
+textarea {
+  min-height: 60px;
+}
+label,
+legend {
+  display: block;
+  font-weight: bold;
+  font-size: 13px;
+}
+select {
+  width: 220px;
+}
+input[type="checkbox"] {
+  display: inline;
+}
+label span,
+legend span {
+  font-weight: normal;
+  font-size: 13px;
+  color: #444;
+}
 
 /* #Misc
 ================================================== */
-	.remove-bottom { margin-bottom: 0 !important; }
-	.half-bottom { margin-bottom: 10px !important; }
-	.add-bottom { margin-bottom: 20px !important; }
-
-
+.remove-bottom {
+  margin-bottom: 0 !important;
+}
+.half-bottom {
+  margin-bottom: 10px !important;
+}
+.add-bottom {
+  margin-bottom: 20px !important;
+}
diff --git a/static/css/spc/halloween.css b/static/css/spc/halloween.css
index 6870152..95cc9bb 100644
--- a/static/css/spc/halloween.css
+++ b/static/css/spc/halloween.css
@@ -1,47 +1,201 @@
-body,textarea,h2 small,.del a{color:#FA5923}
-body.mainpage,body.threads{background:#000 url('../img/bg_madera.png');}
-body.threadpage{background:#111}
-a,#n2{color:#F00}
-a:active,a:active .name,#n2:active{color:#f60}
-hr{border:0;border-top:1px solid #900;border-bottom: 1px solid #500000}
-input[type=submit]:active,input[type=button]:active,a:active{filter:blur(2px)}
-h1{text-shadow:0 4px 1px #300000,0 6px 1px #400000,0 8px 1px #500000,0 10px 1px #600000,0 12px 1px #700000,0 14px 1px #800000,0 16px 1px #900000,0 18px 1px #A00000,0 20px 1px #B00000,0 22px 1px #C00000,0 24px 1px #D00000,0 26px 1px #E00000,0 28px 1px #F00000,0 30px 1px #FA0000,0 32px 1px #FB0000,0 34px 1px #FC0000,0 36px 1px #FD0000,0 38px 1px #FE0000,0 40px 2px #F00}
-.threads h1{margin-bottom:35px}
-h2{margin-bottom:3px}
-h2 a{color:#32cd32}
-h3{color:#F00}
-h3 span{color:#900}
-#main_nav{background:#000}
-.outerbox{background:#000;border:1px outset #FF4500;color:#FFA500}
-.innerbox{border:1px inset #FF4500}
-#threadlist{background:#330e00;border:1px inset #FF4500}
-.mainpage .thread,#content{background:#111;border:1px outset #914400}
-.name,a .name,.abbrev{color:#f90}
-.name em{color:#111e6c}
-.msg{color:#fa6a39;margin:4px 40px 24px}
-a.thumb{margin-top:4px}
-.q{color:#875384}
-.yt{background:#240000;border:1px solid #FF4500}
-.deleted{color:#592a56;margin-bottom:24px}
-.outerbox input,.outerbox textarea{background:#222;color:#FFA500;border:1px solid #FF4500}
-.outerbox input:focus,.outerbox textarea:focus{background:#401100}
-.outerbox input[type=submit],.outerbox input[type=button]{background:#000;box-shadow:0 0 5px #FF4500}
-.threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#0C050D;border:1px solid #FA5923;color:#FA5923}
-.threadpage input:focus,.threadpage textarea:focus,.thread input:focus,.thread textarea:focus{background:#290c0a}
-.threadpage input[type=submit],.threadpage input[type=button],.thread input[type=submit],.thread input[type=button]{background:#0C050D}
-#q-p{background:#160901;border:1px solid #521;box-shadow:0 0 5px #521}
-#q-p .msg,#q-p a.thumb{margin-bottom:8px}
-#createbox{display:flex}
-#createbox .extrabox{border:1px inset grey;margin:7px 0 7px 7px;float:left;width:40px;height:auto;flex:0 1 40px;-webkit-flex:0 1 40px}
-#createbox .innerbox{flex:0 1 100%;-webkit-flex:0 1 100%}
-form .msg{border:1px dotted #FA5923;background:#000}
-#footer{text-shadow:0 0 2px}
-#content.list{padding:7px}
-#content.list #header div{background:#2d0000;border-top:1px inset #914400}
-#content.list .row:nth-child(odd),#content.grid .row:hover{background:#000}
-#content.list .row div:first-child{border-left:1px inset #914400}
-#content.list .row div:last-child{border-right:1px inset #914400}
-#content.list .row:last-child div{border-bottom:1px inset #914400}
-#content.grid{border:1px outset #914400;padding:1px}
-#content.grid .row{border:1px inset #914400;margin:1px}
-@media screen and (max-width:480px){.msg{margin:4px 20px 12px}}
\ No newline at end of file
+body,
+textarea,
+h2 small,
+.del a {
+  color: #fa5923;
+}
+body.mainpage,
+body.threads {
+  background: #000 url("../img/bg_madera.png");
+}
+body.threadpage {
+  background: #111;
+}
+a,
+#n2 {
+  color: #f00;
+}
+a:active,
+a:active .name,
+#n2:active {
+  color: #f60;
+}
+hr {
+  border: 0;
+  border-top: 1px solid #900;
+  border-bottom: 1px solid #500000;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+a:active {
+  filter: blur(2px);
+}
+h1 {
+  text-shadow: 0 4px 1px #300000, 0 6px 1px #400000, 0 8px 1px #500000,
+    0 10px 1px #600000, 0 12px 1px #700000, 0 14px 1px #800000,
+    0 16px 1px #900000, 0 18px 1px #a00000, 0 20px 1px #b00000,
+    0 22px 1px #c00000, 0 24px 1px #d00000, 0 26px 1px #e00000,
+    0 28px 1px #f00000, 0 30px 1px #fa0000, 0 32px 1px #fb0000,
+    0 34px 1px #fc0000, 0 36px 1px #fd0000, 0 38px 1px #fe0000, 0 40px 2px #f00;
+}
+.threads h1 {
+  margin-bottom: 35px;
+}
+h2 {
+  margin-bottom: 3px;
+}
+h2 a {
+  color: #32cd32;
+}
+h3 {
+  color: #f00;
+}
+h3 span {
+  color: #900;
+}
+#main_nav {
+  background: #000;
+}
+.outerbox {
+  background: #000;
+  border: 1px outset #ff4500;
+  color: #ffa500;
+}
+.innerbox {
+  border: 1px inset #ff4500;
+}
+#threadlist {
+  background: #330e00;
+  border: 1px inset #ff4500;
+}
+.mainpage .thread,
+#content {
+  background: #111;
+  border: 1px outset #914400;
+}
+.name,
+a .name,
+.abbrev {
+  color: #f90;
+}
+.name em {
+  color: #111e6c;
+}
+.msg {
+  color: #fa6a39;
+  margin: 4px 40px 24px;
+}
+a.thumb {
+  margin-top: 4px;
+}
+.q {
+  color: #875384;
+}
+.yt {
+  background: #240000;
+  border: 1px solid #ff4500;
+}
+.deleted {
+  color: #592a56;
+  margin-bottom: 24px;
+}
+.outerbox input,
+.outerbox textarea {
+  background: #222;
+  color: #ffa500;
+  border: 1px solid #ff4500;
+}
+.outerbox input:focus,
+.outerbox textarea:focus {
+  background: #401100;
+}
+.outerbox input[type="submit"],
+.outerbox input[type="button"] {
+  background: #000;
+  box-shadow: 0 0 5px #ff4500;
+}
+.threadpage input,
+.threadpage textarea,
+.thread input,
+.thread textarea {
+  background: #0c050d;
+  border: 1px solid #fa5923;
+  color: #fa5923;
+}
+.threadpage input:focus,
+.threadpage textarea:focus,
+.thread input:focus,
+.thread textarea:focus {
+  background: #290c0a;
+}
+.threadpage input[type="submit"],
+.threadpage input[type="button"],
+.thread input[type="submit"],
+.thread input[type="button"] {
+  background: #0c050d;
+}
+#q-p {
+  background: #160901;
+  border: 1px solid #521;
+  box-shadow: 0 0 5px #521;
+}
+#q-p .msg,
+#q-p a.thumb {
+  margin-bottom: 8px;
+}
+#createbox {
+  display: flex;
+}
+#createbox .extrabox {
+  border: 1px inset grey;
+  margin: 7px 0 7px 7px;
+  float: left;
+  width: 40px;
+  height: auto;
+  flex: 0 1 40px;
+  -webkit-flex: 0 1 40px;
+}
+#createbox .innerbox {
+  flex: 0 1 100%;
+  -webkit-flex: 0 1 100%;
+}
+form .msg {
+  border: 1px dotted #fa5923;
+  background: #000;
+}
+#footer {
+  text-shadow: 0 0 2px;
+}
+#content.list {
+  padding: 7px;
+}
+#content.list #header div {
+  background: #2d0000;
+  border-top: 1px inset #914400;
+}
+#content.list .row:nth-child(odd),
+#content.grid .row:hover {
+  background: #000;
+}
+#content.list .row div:first-child {
+  border-left: 1px inset #914400;
+}
+#content.list .row div:last-child {
+  border-right: 1px inset #914400;
+}
+#content.list .row:last-child div {
+  border-bottom: 1px inset #914400;
+}
+#content.grid {
+  border: 1px outset #914400;
+  padding: 1px;
+}
+#content.grid .row {
+  border: 1px inset #914400;
+  margin: 1px;
+}
+@media screen and (max-width: 480px) {
+  .msg {
+    margin: 4px 20px 12px;
+  }
+}
diff --git a/static/css/spc/layout.css b/static/css/spc/layout.css
index b99f451..ed0b6b5 100644
--- a/static/css/spc/layout.css
+++ b/static/css/spc/layout.css
@@ -23,21 +23,25 @@
 /* #Media Queries
 ================================================== */
 
-	/* Smaller than standard 960 (devices and browsers) */
-	@media only screen and (max-width: 959px) {}
+/* Smaller than standard 960 (devices and browsers) */
+@media only screen and (max-width: 959px) {
+}
 
-	/* Tablet Portrait size to standard 960 (devices and browsers) */
-	@media only screen and (min-width: 768px) and (max-width: 959px) {}
+/* Tablet Portrait size to standard 960 (devices and browsers) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+}
 
-	/* All Mobile Sizes (devices and browser) */
-	@media only screen and (max-width: 767px) {}
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+}
 
-	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
-	@media only screen and (min-width: 480px) and (max-width: 767px) {}
-
-	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
-	@media only screen and (max-width: 479px) {}
+/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+}
 
+/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
+@media only screen and (max-width: 479px) {
+}
 
 /* #Font-Face
 ================================================== */
@@ -55,4 +59,4 @@
 	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
 	    font-weight: normal;
 	    font-style: normal; }
-*/
\ No newline at end of file
+*/
diff --git a/static/css/spc/material.css b/static/css/spc/material.css
index ac3051c..3e6b57b 100644
--- a/static/css/spc/material.css
+++ b/static/css/spc/material.css
@@ -1,75 +1,378 @@
-body,textarea{color:#111}
-body{background:#f5f5f5}
-a,#n2{color:#00F;text-decoration:none}
-a:active,a:active .name,#n2:active{color:#f00}
-.msg a{color:#111;text-decoration:underline}
-.msg a:hover{color:#438ac1}
-h1{font-size:30px;margin:0;background:#1a2357;margin:-7px -7px 16px;padding:16px;font-variant:small-caps;box-shadow:0 2px 10px #000}
-h2{margin-bottom:.5em}
-h2 a{color:#616161}
-h3{border-bottom:1px solid #CCC;color:#4b01d1;font-weight:bold;margin:0 0 8px;padding-bottom:8px;text-align:center}
-h3 span{display:block;font-size:smaller;font-weight:normal;opacity:.7}
-h4{font-size:12px}
-.date,h2 span,.threadnav,hr,#size,.banner,.threadpage .postform br{display:none}
-#main_nav{background:#4b01d1;font-size:1px;font-size:0;position:relative;z-index:9}
-#thread_nav{background:#303F9F;margin:-8px -8px -100px;padding:16px 0 116px;text-align:center}
-#main_nav a,#thread_nav a{background:#FFF;border-radius:2px;color:#000;display:inline-block;font-size:14px;margin:0 2px;padding:2px}
-#main_nav a:hover,.threadlinks a:hover,#thread_nav a:hover{background:#DDD}
-#titlebox a,#threadbox a{color:#FFF}
-#titlebox,#createbox,#footer,.end{background:#303F9F;color:#FFF;margin:0}
-#rules,#search{margin:1em 1em 0}
-#threadbox{background:rgb(63, 81, 181);color:#FFF;margin:0 0 -150px;padding-bottom:150px}
-#threadbox .innerbox:after{content:'';box-shadow:0 0 20px 25px #3f51b5;display:block;position:relative;z-index:9}
-#threadlinks{text-transform:uppercase}
-#threadlist{overflow-y:hidden}
-#threadlist a{background:#FFF;border-bottom:1px solid #182050;border-radius:5px;color:#303F9F;display:inline-block;padding:3px;margin:3px}
-.innerbox,.threadpage .threadlinks{margin:0}
-.thread,.outerbox,#content{background:#FFF;margin:2em 7%}
-.thread,#content,.threadpage .postform{box-shadow:0px 2px 2px 0px rgba(0,0,0,.14),0px 3px 1px -2px rgba(0,0,0,.2),0px 1px 5px 0px rgba(0,0,0,.12);}
-.thread .innerbox{background:#FFF;margin:0;padding:16px}
-.mainpage .thread{margin:2em 7%}
-.threadpage .thread{max-width:600px;margin:0 auto;padding:1em}
-.threadpage .postform{max-width:800px;margin:0 auto;padding:1em;text-align:center}
-.threadpage .postform>span,.threadpage textarea{display:block;margin:.5em 0 0}
-input[type="submit"],input[type="button"],button,.lastposts a,#n2{background:#2296f3;border:0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.12);color:#FFF;text-transform:uppercase;padding:8px}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#438ac1}
-input[type="text"],textarea,#search input[type="text"]{border:1px solid #CCC;border-radius:2px;padding:8px;}
-textarea{margin:.5em 0;width:100%}
-select{border-radius:2px;background:#2296f3 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) no-repeat 95%;border:0;padding:0;color:#FFF;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
-.num,.del{float:right}
-.name{background:#FFF;float:left;margin-right:-20px;position:relative;z-index:9}
-a .name,.name,.abbrev{color:#2296f3}
-.name:after{content:' dijo';color:#FF4081;font-style:italic;text-decoration:none}
-.name em{color:#009}
-.del{margin-right:4px}
-.del a{color:#000}
-.reply{margin-bottom:.5em}
-.msg{margin:.5em 0 0 40px}
-a.thumb{margin-top:4px}
-.q{color:#666}
-a.yt{background:#FFF;border:1px solid #CCC;box-shadow:0 4px 10px -4px #CCC;color:#444;text-decoration:none}
-a.yt,.yt .pvw{border-radius:10px}
-.deleted{color:#AFAFAF;margin-bottom:24px}
-#q-p{background:#EFEFEF;border:1px solid #999}
-#q-p .reply{margin-bottom:8px}
-.lastposts{padding:16px 0;font-size:1px;font-size:0;text-align:center}
-.lastposts a,.lastposts #n2{background:#ff4081;margin:0 5px;text-decoration:none}
-#counter{background:#2296f3;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,.12)}
-.lastposts a,#n2,#counter{color:#FFF;display:inline-block;font-size:16px;padding:5px}
-.mainpage .postform,.formpad{padding-left:0}
-.mainpage .postform{margin:1em -1em -1em;padding:1em}
-.postform{background:#EEE;color:#666}
-.threadlinks a{background:#FFF;border-radius:.2em;color:#00BCD4;display:inline-block;font-size:smaller;margin-right:.2em;padding:.2em;text-transform:uppercase}
-form .msg{border:1px dotted #000;background:#DDD}
-h5{font-variant:small-caps;text-align:center}
-#createbox{padding-top:1em}
-#createbox .innerbox{padding:0}
-#createbox table{margin:0 auto}
-#footer{padding:1em}
-#footer a{color:#FFF}
-.end{margin:-100px -8px -8px;padding:116px 0 16px;position:relative;text-align:center;z-index:-1}
-#content .thread{background:none;box-shadow:none}
-#content.list #header div{background:#FFF;border-bottom:1px solid #CCC}
-#content .row:hover{background:#EEE}
-#content.list .row div{border-bottom:1px solid #EEE}
-#content.grid .row{border:1px solid #EEE;margin:0}
\ No newline at end of file
+body,
+textarea {
+  color: #111;
+}
+body {
+  background: #f5f5f5;
+}
+a,
+#n2 {
+  color: #00f;
+  text-decoration: none;
+}
+a:active,
+a:active .name,
+#n2:active {
+  color: #f00;
+}
+.msg a {
+  color: #111;
+  text-decoration: underline;
+}
+.msg a:hover {
+  color: #438ac1;
+}
+h1 {
+  font-size: 30px;
+  margin: 0;
+  background: #1a2357;
+  margin: -7px -7px 16px;
+  padding: 16px;
+  font-variant: small-caps;
+  box-shadow: 0 2px 10px #000;
+}
+h2 {
+  margin-bottom: 0.5em;
+}
+h2 a {
+  color: #616161;
+}
+h3 {
+  border-bottom: 1px solid #ccc;
+  color: #4b01d1;
+  font-weight: bold;
+  margin: 0 0 8px;
+  padding-bottom: 8px;
+  text-align: center;
+}
+h3 span {
+  display: block;
+  font-size: smaller;
+  font-weight: normal;
+  opacity: 0.7;
+}
+h4 {
+  font-size: 12px;
+}
+.date,
+h2 span,
+.threadnav,
+hr,
+#size,
+.banner,
+.threadpage .postform br {
+  display: none;
+}
+#main_nav {
+  background: #4b01d1;
+  font-size: 1px;
+  font-size: 0;
+  position: relative;
+  z-index: 9;
+}
+#thread_nav {
+  background: #303f9f;
+  margin: -8px -8px -100px;
+  padding: 16px 0 116px;
+  text-align: center;
+}
+#main_nav a,
+#thread_nav a {
+  background: #fff;
+  border-radius: 2px;
+  color: #000;
+  display: inline-block;
+  font-size: 14px;
+  margin: 0 2px;
+  padding: 2px;
+}
+#main_nav a:hover,
+.threadlinks a:hover,
+#thread_nav a:hover {
+  background: #ddd;
+}
+#titlebox a,
+#threadbox a {
+  color: #fff;
+}
+#titlebox,
+#createbox,
+#footer,
+.end {
+  background: #303f9f;
+  color: #fff;
+  margin: 0;
+}
+#rules,
+#search {
+  margin: 1em 1em 0;
+}
+#threadbox {
+  background: rgb(63, 81, 181);
+  color: #fff;
+  margin: 0 0 -150px;
+  padding-bottom: 150px;
+}
+#threadbox .innerbox:after {
+  content: "";
+  box-shadow: 0 0 20px 25px #3f51b5;
+  display: block;
+  position: relative;
+  z-index: 9;
+}
+#threadlinks {
+  text-transform: uppercase;
+}
+#threadlist {
+  overflow-y: hidden;
+}
+#threadlist a {
+  background: #fff;
+  border-bottom: 1px solid #182050;
+  border-radius: 5px;
+  color: #303f9f;
+  display: inline-block;
+  padding: 3px;
+  margin: 3px;
+}
+.innerbox,
+.threadpage .threadlinks {
+  margin: 0;
+}
+.thread,
+.outerbox,
+#content {
+  background: #fff;
+  margin: 2em 7%;
+}
+.thread,
+#content,
+.threadpage .postform {
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+    0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.thread .innerbox {
+  background: #fff;
+  margin: 0;
+  padding: 16px;
+}
+.mainpage .thread {
+  margin: 2em 7%;
+}
+.threadpage .thread {
+  max-width: 600px;
+  margin: 0 auto;
+  padding: 1em;
+}
+.threadpage .postform {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 1em;
+  text-align: center;
+}
+.threadpage .postform > span,
+.threadpage textarea {
+  display: block;
+  margin: 0.5em 0 0;
+}
+input[type="submit"],
+input[type="button"],
+button,
+.lastposts a,
+#n2 {
+  background: #2296f3;
+  border: 0;
+  border-radius: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
+  color: #fff;
+  text-transform: uppercase;
+  padding: 8px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  background: #438ac1;
+}
+input[type="text"],
+textarea,
+#search input[type="text"] {
+  border: 1px solid #ccc;
+  border-radius: 2px;
+  padding: 8px;
+}
+textarea {
+  margin: 0.5em 0;
+  width: 100%;
+}
+select {
+  border-radius: 2px;
+  background: #2296f3
+    url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC)
+    no-repeat 95%;
+  border: 0;
+  padding: 0;
+  color: #fff;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+.num,
+.del {
+  float: right;
+}
+.name {
+  background: #fff;
+  float: left;
+  margin-right: -20px;
+  position: relative;
+  z-index: 9;
+}
+a .name,
+.name,
+.abbrev {
+  color: #2296f3;
+}
+.name:after {
+  content: " dijo";
+  color: #ff4081;
+  font-style: italic;
+  text-decoration: none;
+}
+.name em {
+  color: #009;
+}
+.del {
+  margin-right: 4px;
+}
+.del a {
+  color: #000;
+}
+.reply {
+  margin-bottom: 0.5em;
+}
+.msg {
+  margin: 0.5em 0 0 40px;
+}
+a.thumb {
+  margin-top: 4px;
+}
+.q {
+  color: #666;
+}
+a.yt {
+  background: #fff;
+  border: 1px solid #ccc;
+  box-shadow: 0 4px 10px -4px #ccc;
+  color: #444;
+  text-decoration: none;
+}
+a.yt,
+.yt .pvw {
+  border-radius: 10px;
+}
+.deleted {
+  color: #afafaf;
+  margin-bottom: 24px;
+}
+#q-p {
+  background: #efefef;
+  border: 1px solid #999;
+}
+#q-p .reply {
+  margin-bottom: 8px;
+}
+.lastposts {
+  padding: 16px 0;
+  font-size: 1px;
+  font-size: 0;
+  text-align: center;
+}
+.lastposts a,
+.lastposts #n2 {
+  background: #ff4081;
+  margin: 0 5px;
+  text-decoration: none;
+}
+#counter {
+  background: #2296f3;
+  border-radius: 100%;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
+}
+.lastposts a,
+#n2,
+#counter {
+  color: #fff;
+  display: inline-block;
+  font-size: 16px;
+  padding: 5px;
+}
+.mainpage .postform,
+.formpad {
+  padding-left: 0;
+}
+.mainpage .postform {
+  margin: 1em -1em -1em;
+  padding: 1em;
+}
+.postform {
+  background: #eee;
+  color: #666;
+}
+.threadlinks a {
+  background: #fff;
+  border-radius: 0.2em;
+  color: #00bcd4;
+  display: inline-block;
+  font-size: smaller;
+  margin-right: 0.2em;
+  padding: 0.2em;
+  text-transform: uppercase;
+}
+form .msg {
+  border: 1px dotted #000;
+  background: #ddd;
+}
+h5 {
+  font-variant: small-caps;
+  text-align: center;
+}
+#createbox {
+  padding-top: 1em;
+}
+#createbox .innerbox {
+  padding: 0;
+}
+#createbox table {
+  margin: 0 auto;
+}
+#footer {
+  padding: 1em;
+}
+#footer a {
+  color: #fff;
+}
+.end {
+  margin: -100px -8px -8px;
+  padding: 116px 0 16px;
+  position: relative;
+  text-align: center;
+  z-index: -1;
+}
+#content .thread {
+  background: none;
+  box-shadow: none;
+}
+#content.list #header div {
+  background: #fff;
+  border-bottom: 1px solid #ccc;
+}
+#content .row:hover {
+  background: #eee;
+}
+#content.list .row div {
+  border-bottom: 1px solid #eee;
+}
+#content.grid .row {
+  border: 1px solid #eee;
+  margin: 0;
+}
diff --git a/static/css/spc/material_normal.css b/static/css/spc/material_normal.css
index 9af806f..0fa7c7e 100644
--- a/static/css/spc/material_normal.css
+++ b/static/css/spc/material_normal.css
@@ -1,85 +1,408 @@
-body,textarea{color:#111}
-body{background:#f5f5f5}
-a{color:#00BCD4;text-decoration:none}
-a:hover{color:#FF6961}
-.msg a{color:#111;text-decoration:underline}
-.msg a:hover{color:#438ac1}
-h1{font-size:30px;margin:0;background:#1a2357;margin:-7px -7px 16px;padding:16px;font-variant:small-caps;box-shadow:0 2px 10px #000}
-h2{margin-bottom:.5em}
-h2 span{color:#CCC}
-h2 a{color:#616161}
-h3{border-bottom:1px solid #CCC;color:#4b01d1;font-weight:bold;margin:0 0 8px;padding-bottom:8px;text-align:center}
-h3 span{display:block;font-size:smaller;opacity:.7}
-h4{color:#AAA;font-size:12px}
-hr,#size,.banner,.threadpage .postform br{display:none}
-#main_nav{background:#4b01d1;font-size:1px;font-size:0;position:relative;z-index:9}
-#thread_nav{background:#303F9F;margin:-8px -8px -100px;padding:16px 0 116px;text-align:center}
-#main_nav a,#thread_nav a{background:#FFF;border-radius:2px;color:#000;display:inline-block;font-size:14px;margin:0 2px;padding:2px}
-#main_nav a:hover,.threadlinks a:hover,#thread_nav a:hover,#threadlist a:hover{background:#DDD}
-#titlebox a,#threadbox a{color:#FFF}
-#rules a:hover,.links a:hover,#threadlinks a:hover{border-radius:4px;margin:-2px;padding:2px;background:#1f285a;display:inline-block}
-#titlebox,#createbox,#footer,.end{background:#303F9F;color:#FFF;margin:0}
-#rules,#search{margin:1em 1em 0}
-#threadbox{background:#3f51b5;color:#FFF;margin:0 0 -150px;padding:0 1em 150px}
-.mainpage #threadbox .innerbox:after{content:'';box-shadow:0 0 20px 25px #3f51b5;display:block;position:relative;z-index:9}
-#threadlinks{text-transform:uppercase}
-#threadlist a{background:#FFF;border-bottom:1px solid #182050;border-radius:5px;color:#303F9F;display:inline-block;padding:3px;margin:3px}
-.threadnav a{color:#FFF;padding:4px;display:inline-block}
-.innerbox{margin:0}
-.thread,.outerbox,#content{background:#FFF;margin-top:2em}
-.mainpage .thread{margin-top:2em}
-.thread,#content,.threadpage .postform{box-shadow:0px 2px 2px 0px rgba(0,0,0,.14),0px 3px 1px -2px rgba(0,0,0,.2),0px 1px 5px 0px rgba(0,0,0,.12);}
-.thread .innerbox{background:#FFF;margin:0;padding:16px}
-.threadpage .thread,.threadpage .postform{margin:0 2.5%;padding:1em}
-.thread textarea,.threadpage textarea,.mainpage .threadlinks{margin-top:.5em}
-input[type="submit"],input[type="button"],button,.lastposts a,#n2{background:#2296f3;border:0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.12);color:#FFF;text-transform:uppercase;padding:6px}
-input[type="submit"]:active,input[type="button"]:active,button:active,.threadnav a:hover{background:#438ac1}
-input[type="text"],textarea,#search input[type="text"]{border:1px solid #CCC;border-radius:2px;padding:6px}
-textarea{width:100%}
-select{border-radius:2px;background:#2296f3 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) no-repeat 95%;border:0;padding:0;color:#FFF;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
-a .name,.name,.abbrev{color:#2296f3}
-.name em{color:#009}
-.del{margin-right:4px}
-.del a{color:#000}
-a.thumb{margin-top:4px}
-.q{color:#666}
-a.yt{background:#FFF;border:1px solid #CCC;box-shadow:0 4px 10px -4px #CCC;color:#444;text-decoration:none}
-a.yt,.yt .pvw{border-radius:10px}
-.deleted{color:#AFAFAF;margin-bottom:24px}
-#q-p{background:#FFF;border:1px solid #DDD;box-shadow:0 0 5px #CCC}
-.lastposts{padding:16px 0;font-size:1px;font-size:0;text-align:center}
-.lastposts a,.lastposts #n2{background:#ff4081;margin-right:5px;text-decoration:none}
-.lastposts a:active,#n2:active{background:#b22d5a}
-.threadpage .threadlinks{margin:0;margin-bottom:8px}
-#counter,.threadnav a{background:#2296f3;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,.12)}
-.lastposts a,#n2,#counter{color:#FFF;display:inline-block;font-size:16px;padding:5px}
-.mainpage .postform,.formpad{padding-left:0}
-.mainpage .postform{margin:1em -1em -1em;padding:1em}
-.postform{background:#EEE;color:#666;text-align:center}
-.threadlinks a{background:#FFF;border-radius:.2em;color:#00BCD4;display:inline-block;font-size:smaller;padding:.2em;text-transform:uppercase}
-form .msg{border:1px dotted #AAA;background:#FFF;color:#111}
-h5{font-variant:small-caps;text-align:center}
-#createbox{margin-top:2em;padding-top:1em}
-#createbox .innerbox{padding:0}
-#createbox table{margin:0 auto}
-#createbox .threadnav{right:7px;position:relative}
-#footer{padding:1em}
-#footer a{color:#FFF}
-.end{margin:-100px -8px -8px;padding:116px 0 16px;position:relative;text-align:center;z-index:-1}
-#content .thread{background:none;box-shadow:none}
-#content.list #header div{background:#FFF;border-bottom:1px solid #CCC}
-#content .row:hover{background:#EEE}
-#content.list .row div{border-bottom:1px solid #EEE}
-#content.grid .row{border:1px solid #EEE;margin:0}
-@media(max-width:720px){
-  #main_nav.mob select{font-size:12px}
- h1{font-size:18px}
- #threadbox{padding-left:0;padding-right:0}
- #rules,#search{margin-left:0;margin-right:0}
- .thread .innerbox{padding:.5em}
- .mainpage .thread{margin:2em .5em}
- .mainpage .postform{margin:.5em -.5em -.5em;padding:.5em}
- .threadpage .thread,.threadpage .postform{margin:0;padding:.5em}
- .lastposts{padding:8px 0}
- .postform>span{margin-top:.5em}
-}
\ No newline at end of file
+body,
+textarea {
+  color: #111;
+}
+body {
+  background: #f5f5f5;
+}
+a {
+  color: #00bcd4;
+  text-decoration: none;
+}
+a:hover {
+  color: #ff6961;
+}
+.msg a {
+  color: #111;
+  text-decoration: underline;
+}
+.msg a:hover {
+  color: #438ac1;
+}
+h1 {
+  font-size: 30px;
+  margin: 0;
+  background: #1a2357;
+  margin: -7px -7px 16px;
+  padding: 16px;
+  font-variant: small-caps;
+  box-shadow: 0 2px 10px #000;
+}
+h2 {
+  margin-bottom: 0.5em;
+}
+h2 span {
+  color: #ccc;
+}
+h2 a {
+  color: #616161;
+}
+h3 {
+  border-bottom: 1px solid #ccc;
+  color: #4b01d1;
+  font-weight: bold;
+  margin: 0 0 8px;
+  padding-bottom: 8px;
+  text-align: center;
+}
+h3 span {
+  display: block;
+  font-size: smaller;
+  opacity: 0.7;
+}
+h4 {
+  color: #aaa;
+  font-size: 12px;
+}
+hr,
+#size,
+.banner,
+.threadpage .postform br {
+  display: none;
+}
+#main_nav {
+  background: #4b01d1;
+  font-size: 1px;
+  font-size: 0;
+  position: relative;
+  z-index: 9;
+}
+#thread_nav {
+  background: #303f9f;
+  margin: -8px -8px -100px;
+  padding: 16px 0 116px;
+  text-align: center;
+}
+#main_nav a,
+#thread_nav a {
+  background: #fff;
+  border-radius: 2px;
+  color: #000;
+  display: inline-block;
+  font-size: 14px;
+  margin: 0 2px;
+  padding: 2px;
+}
+#main_nav a:hover,
+.threadlinks a:hover,
+#thread_nav a:hover,
+#threadlist a:hover {
+  background: #ddd;
+}
+#titlebox a,
+#threadbox a {
+  color: #fff;
+}
+#rules a:hover,
+.links a:hover,
+#threadlinks a:hover {
+  border-radius: 4px;
+  margin: -2px;
+  padding: 2px;
+  background: #1f285a;
+  display: inline-block;
+}
+#titlebox,
+#createbox,
+#footer,
+.end {
+  background: #303f9f;
+  color: #fff;
+  margin: 0;
+}
+#rules,
+#search {
+  margin: 1em 1em 0;
+}
+#threadbox {
+  background: #3f51b5;
+  color: #fff;
+  margin: 0 0 -150px;
+  padding: 0 1em 150px;
+}
+.mainpage #threadbox .innerbox:after {
+  content: "";
+  box-shadow: 0 0 20px 25px #3f51b5;
+  display: block;
+  position: relative;
+  z-index: 9;
+}
+#threadlinks {
+  text-transform: uppercase;
+}
+#threadlist a {
+  background: #fff;
+  border-bottom: 1px solid #182050;
+  border-radius: 5px;
+  color: #303f9f;
+  display: inline-block;
+  padding: 3px;
+  margin: 3px;
+}
+.threadnav a {
+  color: #fff;
+  padding: 4px;
+  display: inline-block;
+}
+.innerbox {
+  margin: 0;
+}
+.thread,
+.outerbox,
+#content {
+  background: #fff;
+  margin-top: 2em;
+}
+.mainpage .thread {
+  margin-top: 2em;
+}
+.thread,
+#content,
+.threadpage .postform {
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+    0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.thread .innerbox {
+  background: #fff;
+  margin: 0;
+  padding: 16px;
+}
+.threadpage .thread,
+.threadpage .postform {
+  margin: 0 2.5%;
+  padding: 1em;
+}
+.thread textarea,
+.threadpage textarea,
+.mainpage .threadlinks {
+  margin-top: 0.5em;
+}
+input[type="submit"],
+input[type="button"],
+button,
+.lastposts a,
+#n2 {
+  background: #2296f3;
+  border: 0;
+  border-radius: 5px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
+  color: #fff;
+  text-transform: uppercase;
+  padding: 6px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active,
+.threadnav a:hover {
+  background: #438ac1;
+}
+input[type="text"],
+textarea,
+#search input[type="text"] {
+  border: 1px solid #ccc;
+  border-radius: 2px;
+  padding: 6px;
+}
+textarea {
+  width: 100%;
+}
+select {
+  border-radius: 2px;
+  background: #2296f3
+    url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC)
+    no-repeat 95%;
+  border: 0;
+  padding: 0;
+  color: #fff;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+a .name,
+.name,
+.abbrev {
+  color: #2296f3;
+}
+.name em {
+  color: #009;
+}
+.del {
+  margin-right: 4px;
+}
+.del a {
+  color: #000;
+}
+a.thumb {
+  margin-top: 4px;
+}
+.q {
+  color: #666;
+}
+a.yt {
+  background: #fff;
+  border: 1px solid #ccc;
+  box-shadow: 0 4px 10px -4px #ccc;
+  color: #444;
+  text-decoration: none;
+}
+a.yt,
+.yt .pvw {
+  border-radius: 10px;
+}
+.deleted {
+  color: #afafaf;
+  margin-bottom: 24px;
+}
+#q-p {
+  background: #fff;
+  border: 1px solid #ddd;
+  box-shadow: 0 0 5px #ccc;
+}
+.lastposts {
+  padding: 16px 0;
+  font-size: 1px;
+  font-size: 0;
+  text-align: center;
+}
+.lastposts a,
+.lastposts #n2 {
+  background: #ff4081;
+  margin-right: 5px;
+  text-decoration: none;
+}
+.lastposts a:active,
+#n2:active {
+  background: #b22d5a;
+}
+.threadpage .threadlinks {
+  margin: 0;
+  margin-bottom: 8px;
+}
+#counter,
+.threadnav a {
+  background: #2296f3;
+  border-radius: 100%;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
+}
+.lastposts a,
+#n2,
+#counter {
+  color: #fff;
+  display: inline-block;
+  font-size: 16px;
+  padding: 5px;
+}
+.mainpage .postform,
+.formpad {
+  padding-left: 0;
+}
+.mainpage .postform {
+  margin: 1em -1em -1em;
+  padding: 1em;
+}
+.postform {
+  background: #eee;
+  color: #666;
+  text-align: center;
+}
+.threadlinks a {
+  background: #fff;
+  border-radius: 0.2em;
+  color: #00bcd4;
+  display: inline-block;
+  font-size: smaller;
+  padding: 0.2em;
+  text-transform: uppercase;
+}
+form .msg {
+  border: 1px dotted #aaa;
+  background: #fff;
+  color: #111;
+}
+h5 {
+  font-variant: small-caps;
+  text-align: center;
+}
+#createbox {
+  margin-top: 2em;
+  padding-top: 1em;
+}
+#createbox .innerbox {
+  padding: 0;
+}
+#createbox table {
+  margin: 0 auto;
+}
+#createbox .threadnav {
+  right: 7px;
+  position: relative;
+}
+#footer {
+  padding: 1em;
+}
+#footer a {
+  color: #fff;
+}
+.end {
+  margin: -100px -8px -8px;
+  padding: 116px 0 16px;
+  position: relative;
+  text-align: center;
+  z-index: -1;
+}
+#content .thread {
+  background: none;
+  box-shadow: none;
+}
+#content.list #header div {
+  background: #fff;
+  border-bottom: 1px solid #ccc;
+}
+#content .row:hover {
+  background: #eee;
+}
+#content.list .row div {
+  border-bottom: 1px solid #eee;
+}
+#content.grid .row {
+  border: 1px solid #eee;
+  margin: 0;
+}
+@media (max-width: 720px) {
+  #main_nav.mob select {
+    font-size: 12px;
+  }
+  h1 {
+    font-size: 18px;
+  }
+  #threadbox {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  #rules,
+  #search {
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .thread .innerbox {
+    padding: 0.5em;
+  }
+  .mainpage .thread {
+    margin: 2em 0.5em;
+  }
+  .mainpage .postform {
+    margin: 0.5em -0.5em -0.5em;
+    padding: 0.5em;
+  }
+  .threadpage .thread,
+  .threadpage .postform {
+    margin: 0;
+    padding: 0.5em;
+  }
+  .lastposts {
+    padding: 8px 0;
+  }
+  .postform > span {
+    margin-top: 0.5em;
+  }
+}
diff --git a/static/css/spc/navidad.css b/static/css/spc/navidad.css
index 4d90c6a..19621bb 100644
--- a/static/css/spc/navidad.css
+++ b/static/css/spc/navidad.css
@@ -1,161 +1,161 @@
-html, body {
-	background:#004608;
-	color:#fff;
+html,
+body {
+  background: #004608;
+  color: #fff;
 }
 a {
-	color:#EFD279;
+  color: #efd279;
 }
 a.rep {
-	color:#fff;
+  color: #fff;
 }
 a:hover {
-	color:#DD0000;
+  color: #dd0000;
 }
-.reflink a:hover{
-	font-weight: bold;
+.reflink a:hover {
+  font-weight: bold;
 }
 .adminbar {
-	text-align:right;
-	clear:both;
-	float:right;
+  text-align: right;
+  clear: both;
+  float: right;
 }
 .logo {
-	clear:both;
-	text-align:center;
-	font-size:2em;
-	color:#CCFFCC;
-	width:100%;
+  clear: both;
+  text-align: center;
+  font-size: 2em;
+  color: #ccffcc;
+  width: 100%;
 }
 .replymode {
-	background:#078B26;
-	text-align:center;
-	padding:2px;
-	color:#FFFFFF;
-	width:100%;
+  background: #078b26;
+  text-align: center;
+  padding: 2px;
+  color: #ffffff;
+  width: 100%;
 }
 .catalogmode {
-	background:#0040E0;
-	text-align:center;
-	padding:2px;
-	color:#FFFFFF;
-	width:100%;
+  background: #0040e0;
+  text-align: center;
+  padding: 2px;
+  color: #ffffff;
+  width: 100%;
 }
 .rules {
-	/*font-size:0.7em;*/
-	width: 468px;
-	font-size: 10px;
-	font-family: sans-serif;
+  /*font-size:0.7em;*/
+  width: 468px;
+  font-size: 10px;
+  font-family: sans-serif;
 }
 .rules li {
-	margin-left: 1em;
-	/*text-indent: 0em;*/
+  margin-left: 1em;
+  /*text-indent: 0em;*/
 }
 .postblock {
-	background:#B00000;
-	color:#FFF;
-	font-weight:800;
+  background: #b00000;
+  color: #fff;
+  font-weight: 800;
 }
 .footer {
-	text-align:center;
-	font-size:12px;
-	font-family:serif;
+  text-align: center;
+  font-size: 12px;
+  font-family: serif;
 }
 .passvalid {
-	background:#EEAA88;
-	text-align:center;
-	width:100%;
-	color:#ffffff;
+  background: #eeaa88;
+  text-align: center;
+  width: 100%;
+  color: #ffffff;
 }
 .dellist {
-	font-weight: bold;
-	text-align:center;
+  font-weight: bold;
+  text-align: center;
 }
 .delbuttons {
-	text-align:center;
-	padding-bottom:4px;
-
+  text-align: center;
+  padding-bottom: 4px;
 }
 .managehead {
-	background:#AAAA66;
-	color:#400000;
-	padding:0px;
+  background: #aaaa66;
+  color: #400000;
+  padding: 0px;
 }
 .postlists {
-	background:#FFFFFF;
-	width:100%;
-	padding:0px;
-	color:#800000;
+  background: #ffffff;
+  width: 100%;
+  padding: 0px;
+  color: #800000;
 }
 .row1 {
-	background:#EEEECC;
-	color:#800000;
+  background: #eeeecc;
+  color: #800000;
 }
 .row2 {
-	background:#DDDDAA;
-	color:#800000;
+  background: #ddddaa;
+  color: #800000;
 }
 .q {
-	background:inherit;
-	color:#BDF46C;
+  background: inherit;
+  color: #bdf46c;
 }
 .filesize {
-	text-decoration:none;
+  text-decoration: none;
 }
 .filetitle {
-	background:inherit;
-	font-size:1.3em;
-	color:#E91F1F;
-	font-weight:800;
+  background: inherit;
+  font-size: 1.3em;
+  color: #e91f1f;
+  font-weight: 800;
 }
 .postername {
-	color:#AFD775;
-	font-weight:bold;
+  color: #afd775;
+  font-weight: bold;
 }
 .postertrip {
-	color:#AFD775;
+  color: #afd775;
 }
 .oldpost {
-	color:#CC1105;
-	font-weight:800;
+  color: #cc1105;
+  font-weight: 800;
 }
 .omittedposts {
-	color:#909090;
+  color: #909090;
 }
 .reply {
-	background: #078B26;
-	color: #fff;
+  background: #078b26;
+  color: #fff;
 }
 .replyhl {
-	background: #F0C0B0;
-	color: #800000;
+  background: #f0c0b0;
+  color: #800000;
 }
 .replytitle {
-	font-size: 1.2em;
-	color:#CC1105;
-	font-weight:800;
+  font-size: 1.2em;
+  color: #cc1105;
+  font-weight: 800;
 }
 .commentpostername {
-	color:#117743;
-	font-weight:800;
+  color: #117743;
+  font-weight: 800;
 }
 .thumbnailmsg {
-	font-size: small;
-	color:#800000;
+  font-size: small;
+  color: #800000;
 }
 
 .abbrev {
-	color:#707070;
+  color: #707070;
 }
 .highlight {
-	/*background:#95CBE9;*/
-	background: #5B8BB4;
-	/*color:#2C5700;*/
-	/*border: 2px dashed #070;*/
-	border: 2px dashed #AFD775;
+  /*background:#95CBE9;*/
+  background: #5b8bb4;
+  /*color:#2C5700;*/
+  /*border: 2px dashed #070;*/
+  border: 2px dashed #afd775;
 }
 .banned {
-	color:#F99C64;
+  color: #f99c64;
 }
 .administrator {
-	color:#C00 !important;
+  color: #c00 !important;
 }
diff --git a/static/css/spc/skeleton.css b/static/css/spc/skeleton.css
index 049db08..efb2126 100644
--- a/static/css/spc/skeleton.css
+++ b/static/css/spc/skeleton.css
@@ -7,7 +7,6 @@
 * 6/20/2012
 */
 
-
 /* Table of Contents
 ==================================================
     #Base 960 Grid
@@ -16,227 +15,408 @@
     #Mobile (Landscape)
     #Clearing */
 
-
-
 /* #Base 960 Grid
 ================================================== */
 
-    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
-    .container .column,
-    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
-    .row                                        { margin-bottom: 20px; }
-
-    /* Nested Column Classes */
-    .column.alpha, .columns.alpha               { margin-left: 0; }
-    .column.omega, .columns.omega               { margin-right: 0; }
-
-    /* Base Grid */
-    .container .one.column,
-    .container .one.columns                     { width: 40px;  }
-    .container .two.columns                     { width: 100px; }
-    .container .three.columns                   { width: 160px; }
-    .container .four.columns                    { width: 220px; }
-    .container .five.columns                    { width: 280px; }
-    .container .six.columns                     { width: 340px; }
-    .container .seven.columns                   { width: 400px; }
-    .container .eight.columns                   { width: 460px; }
-    .container .nine.columns                    { width: 520px; }
-    .container .ten.columns                     { width: 580px; }
-    .container .eleven.columns                  { width: 640px; }
-    .container .twelve.columns                  { width: 700px; }
-    .container .thirteen.columns                { width: 760px; }
-    .container .fourteen.columns                { width: 820px; }
-    .container .fifteen.columns                 { width: 880px; }
-    .container .sixteen.columns                 { width: 940px; }
-
-    .container .one-third.column                { width: 300px; }
-    .container .two-thirds.column               { width: 620px; }
-
-    /* Offsets */
-    .container .offset-by-one                   { padding-left: 60px;  }
-    .container .offset-by-two                   { padding-left: 120px; }
-    .container .offset-by-three                 { padding-left: 180px; }
-    .container .offset-by-four                  { padding-left: 240px; }
-    .container .offset-by-five                  { padding-left: 300px; }
-    .container .offset-by-six                   { padding-left: 360px; }
-    .container .offset-by-seven                 { padding-left: 420px; }
-    .container .offset-by-eight                 { padding-left: 480px; }
-    .container .offset-by-nine                  { padding-left: 540px; }
-    .container .offset-by-ten                   { padding-left: 600px; }
-    .container .offset-by-eleven                { padding-left: 660px; }
-    .container .offset-by-twelve                { padding-left: 720px; }
-    .container .offset-by-thirteen              { padding-left: 780px; }
-    .container .offset-by-fourteen              { padding-left: 840px; }
-    .container .offset-by-fifteen               { padding-left: 900px; }
-
-
+.container {
+  position: relative;
+  width: 960px;
+  margin: 0 auto;
+  padding: 0;
+}
+.container .column,
+.container .columns {
+  float: left;
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+.row {
+  margin-bottom: 20px;
+}
+
+/* Nested Column Classes */
+.column.alpha,
+.columns.alpha {
+  margin-left: 0;
+}
+.column.omega,
+.columns.omega {
+  margin-right: 0;
+}
+
+/* Base Grid */
+.container .one.column,
+.container .one.columns {
+  width: 40px;
+}
+.container .two.columns {
+  width: 100px;
+}
+.container .three.columns {
+  width: 160px;
+}
+.container .four.columns {
+  width: 220px;
+}
+.container .five.columns {
+  width: 280px;
+}
+.container .six.columns {
+  width: 340px;
+}
+.container .seven.columns {
+  width: 400px;
+}
+.container .eight.columns {
+  width: 460px;
+}
+.container .nine.columns {
+  width: 520px;
+}
+.container .ten.columns {
+  width: 580px;
+}
+.container .eleven.columns {
+  width: 640px;
+}
+.container .twelve.columns {
+  width: 700px;
+}
+.container .thirteen.columns {
+  width: 760px;
+}
+.container .fourteen.columns {
+  width: 820px;
+}
+.container .fifteen.columns {
+  width: 880px;
+}
+.container .sixteen.columns {
+  width: 940px;
+}
+
+.container .one-third.column {
+  width: 300px;
+}
+.container .two-thirds.column {
+  width: 620px;
+}
+
+/* Offsets */
+.container .offset-by-one {
+  padding-left: 60px;
+}
+.container .offset-by-two {
+  padding-left: 120px;
+}
+.container .offset-by-three {
+  padding-left: 180px;
+}
+.container .offset-by-four {
+  padding-left: 240px;
+}
+.container .offset-by-five {
+  padding-left: 300px;
+}
+.container .offset-by-six {
+  padding-left: 360px;
+}
+.container .offset-by-seven {
+  padding-left: 420px;
+}
+.container .offset-by-eight {
+  padding-left: 480px;
+}
+.container .offset-by-nine {
+  padding-left: 540px;
+}
+.container .offset-by-ten {
+  padding-left: 600px;
+}
+.container .offset-by-eleven {
+  padding-left: 660px;
+}
+.container .offset-by-twelve {
+  padding-left: 720px;
+}
+.container .offset-by-thirteen {
+  padding-left: 780px;
+}
+.container .offset-by-fourteen {
+  padding-left: 840px;
+}
+.container .offset-by-fifteen {
+  padding-left: 900px;
+}
 
 /* #Tablet (Portrait)
 ================================================== */
 
-    /* Note: Design for a width of 768px */
-
-    @media only screen and (min-width: 768px) and (max-width: 959px) {
-        .container                                  { width: 768px; }
-        .container .column,
-        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
-        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
-        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
-        .alpha.omega                                { margin-left: 0; margin-right: 0; }
-
-        .container .one.column,
-        .container .one.columns                     { width: 28px; }
-        .container .two.columns                     { width: 76px; }
-        .container .three.columns                   { width: 124px; }
-        .container .four.columns                    { width: 172px; }
-        .container .five.columns                    { width: 220px; }
-        .container .six.columns                     { width: 268px; }
-        .container .seven.columns                   { width: 316px; }
-        .container .eight.columns                   { width: 364px; }
-        .container .nine.columns                    { width: 412px; }
-        .container .ten.columns                     { width: 460px; }
-        .container .eleven.columns                  { width: 508px; }
-        .container .twelve.columns                  { width: 556px; }
-        .container .thirteen.columns                { width: 604px; }
-        .container .fourteen.columns                { width: 652px; }
-        .container .fifteen.columns                 { width: 700px; }
-        .container .sixteen.columns                 { width: 748px; }
-
-        .container .one-third.column                { width: 236px; }
-        .container .two-thirds.column               { width: 492px; }
-
-        /* Offsets */
-        .container .offset-by-one                   { padding-left: 48px; }
-        .container .offset-by-two                   { padding-left: 96px; }
-        .container .offset-by-three                 { padding-left: 144px; }
-        .container .offset-by-four                  { padding-left: 192px; }
-        .container .offset-by-five                  { padding-left: 240px; }
-        .container .offset-by-six                   { padding-left: 288px; }
-        .container .offset-by-seven                 { padding-left: 336px; }
-        .container .offset-by-eight                 { padding-left: 384px; }
-        .container .offset-by-nine                  { padding-left: 432px; }
-        .container .offset-by-ten                   { padding-left: 480px; }
-        .container .offset-by-eleven                { padding-left: 528px; }
-        .container .offset-by-twelve                { padding-left: 576px; }
-        .container .offset-by-thirteen              { padding-left: 624px; }
-        .container .offset-by-fourteen              { padding-left: 672px; }
-        .container .offset-by-fifteen               { padding-left: 720px; }
-    }
-
+/* Note: Design for a width of 768px */
+
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+  .container {
+    width: 768px;
+  }
+  .container .column,
+  .container .columns {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  .column.alpha,
+  .columns.alpha {
+    margin-left: 0;
+    margin-right: 10px;
+  }
+  .column.omega,
+  .columns.omega {
+    margin-right: 0;
+    margin-left: 10px;
+  }
+  .alpha.omega {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .container .one.column,
+  .container .one.columns {
+    width: 28px;
+  }
+  .container .two.columns {
+    width: 76px;
+  }
+  .container .three.columns {
+    width: 124px;
+  }
+  .container .four.columns {
+    width: 172px;
+  }
+  .container .five.columns {
+    width: 220px;
+  }
+  .container .six.columns {
+    width: 268px;
+  }
+  .container .seven.columns {
+    width: 316px;
+  }
+  .container .eight.columns {
+    width: 364px;
+  }
+  .container .nine.columns {
+    width: 412px;
+  }
+  .container .ten.columns {
+    width: 460px;
+  }
+  .container .eleven.columns {
+    width: 508px;
+  }
+  .container .twelve.columns {
+    width: 556px;
+  }
+  .container .thirteen.columns {
+    width: 604px;
+  }
+  .container .fourteen.columns {
+    width: 652px;
+  }
+  .container .fifteen.columns {
+    width: 700px;
+  }
+  .container .sixteen.columns {
+    width: 748px;
+  }
+
+  .container .one-third.column {
+    width: 236px;
+  }
+  .container .two-thirds.column {
+    width: 492px;
+  }
+
+  /* Offsets */
+  .container .offset-by-one {
+    padding-left: 48px;
+  }
+  .container .offset-by-two {
+    padding-left: 96px;
+  }
+  .container .offset-by-three {
+    padding-left: 144px;
+  }
+  .container .offset-by-four {
+    padding-left: 192px;
+  }
+  .container .offset-by-five {
+    padding-left: 240px;
+  }
+  .container .offset-by-six {
+    padding-left: 288px;
+  }
+  .container .offset-by-seven {
+    padding-left: 336px;
+  }
+  .container .offset-by-eight {
+    padding-left: 384px;
+  }
+  .container .offset-by-nine {
+    padding-left: 432px;
+  }
+  .container .offset-by-ten {
+    padding-left: 480px;
+  }
+  .container .offset-by-eleven {
+    padding-left: 528px;
+  }
+  .container .offset-by-twelve {
+    padding-left: 576px;
+  }
+  .container .offset-by-thirteen {
+    padding-left: 624px;
+  }
+  .container .offset-by-fourteen {
+    padding-left: 672px;
+  }
+  .container .offset-by-fifteen {
+    padding-left: 720px;
+  }
+}
 
 /*  #Mobile (Portrait)
 ================================================== */
 
-    /* Note: Design for a width of 320px */
-
-    @media only screen and (max-width: 767px) {
-        .container { width: 300px; }
-        .container .columns,
-        .container .column { margin: 0; }
-
-        .container .one.column,
-        .container .one.columns,
-        .container .two.columns,
-        .container .three.columns,
-        .container .four.columns,
-        .container .five.columns,
-        .container .six.columns,
-        .container .seven.columns,
-        .container .eight.columns,
-        .container .nine.columns,
-        .container .ten.columns,
-        .container .eleven.columns,
-        .container .twelve.columns,
-        .container .thirteen.columns,
-        .container .fourteen.columns,
-        .container .fifteen.columns,
-        .container .sixteen.columns,
-        .container .one-third.column,
-        .container .two-thirds.column  { width: 300px; }
-
-        /* Offsets */
-        .container .offset-by-one,
-        .container .offset-by-two,
-        .container .offset-by-three,
-        .container .offset-by-four,
-        .container .offset-by-five,
-        .container .offset-by-six,
-        .container .offset-by-seven,
-        .container .offset-by-eight,
-        .container .offset-by-nine,
-        .container .offset-by-ten,
-        .container .offset-by-eleven,
-        .container .offset-by-twelve,
-        .container .offset-by-thirteen,
-        .container .offset-by-fourteen,
-        .container .offset-by-fifteen { padding-left: 0; }
-
-    }
-
+/* Note: Design for a width of 320px */
+
+@media only screen and (max-width: 767px) {
+  .container {
+    width: 300px;
+  }
+  .container .columns,
+  .container .column {
+    margin: 0;
+  }
+
+  .container .one.column,
+  .container .one.columns,
+  .container .two.columns,
+  .container .three.columns,
+  .container .four.columns,
+  .container .five.columns,
+  .container .six.columns,
+  .container .seven.columns,
+  .container .eight.columns,
+  .container .nine.columns,
+  .container .ten.columns,
+  .container .eleven.columns,
+  .container .twelve.columns,
+  .container .thirteen.columns,
+  .container .fourteen.columns,
+  .container .fifteen.columns,
+  .container .sixteen.columns,
+  .container .one-third.column,
+  .container .two-thirds.column {
+    width: 300px;
+  }
+
+  /* Offsets */
+  .container .offset-by-one,
+  .container .offset-by-two,
+  .container .offset-by-three,
+  .container .offset-by-four,
+  .container .offset-by-five,
+  .container .offset-by-six,
+  .container .offset-by-seven,
+  .container .offset-by-eight,
+  .container .offset-by-nine,
+  .container .offset-by-ten,
+  .container .offset-by-eleven,
+  .container .offset-by-twelve,
+  .container .offset-by-thirteen,
+  .container .offset-by-fourteen,
+  .container .offset-by-fifteen {
+    padding-left: 0;
+  }
+}
 
 /* #Mobile (Landscape)
 ================================================== */
 
-    /* Note: Design for a width of 480px */
-
-    @media only screen and (min-width: 480px) and (max-width: 767px) {
-        .container { width: 420px; }
-        .container .columns,
-        .container .column { margin: 0; }
-
-        .container .one.column,
-        .container .one.columns,
-        .container .two.columns,
-        .container .three.columns,
-        .container .four.columns,
-        .container .five.columns,
-        .container .six.columns,
-        .container .seven.columns,
-        .container .eight.columns,
-        .container .nine.columns,
-        .container .ten.columns,
-        .container .eleven.columns,
-        .container .twelve.columns,
-        .container .thirteen.columns,
-        .container .fourteen.columns,
-        .container .fifteen.columns,
-        .container .sixteen.columns,
-        .container .one-third.column,
-        .container .two-thirds.column { width: 420px; }
-    }
-
+/* Note: Design for a width of 480px */
+
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+  .container {
+    width: 420px;
+  }
+  .container .columns,
+  .container .column {
+    margin: 0;
+  }
+
+  .container .one.column,
+  .container .one.columns,
+  .container .two.columns,
+  .container .three.columns,
+  .container .four.columns,
+  .container .five.columns,
+  .container .six.columns,
+  .container .seven.columns,
+  .container .eight.columns,
+  .container .nine.columns,
+  .container .ten.columns,
+  .container .eleven.columns,
+  .container .twelve.columns,
+  .container .thirteen.columns,
+  .container .fourteen.columns,
+  .container .fifteen.columns,
+  .container .sixteen.columns,
+  .container .one-third.column,
+  .container .two-thirds.column {
+    width: 420px;
+  }
+}
 
 /* #Clearing
 ================================================== */
 
-    /* Self Clearing Goodness */
-    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
+/* Self Clearing Goodness */
+.container:after {
+  content: "\0020";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
 
-    /* Use clearfix class on parent to clear nested columns,
+/* Use clearfix class on parent to clear nested columns,
     or wrap each row of columns in a <div class="row"> */
-    .clearfix:before,
-    .clearfix:after,
-    .row:before,
-    .row:after {
-      content: '\0020';
-      display: block;
-      overflow: hidden;
-      visibility: hidden;
-      width: 0;
-      height: 0; }
-    .row:after,
-    .clearfix:after {
-      clear: both; }
-    .row,
-    .clearfix {
-      zoom: 1; }
-
-    /* You can also use a <br class="clear" /> to clear columns */
-    .clear {
-      clear: both;
-      display: block;
-      overflow: hidden;
-      visibility: hidden;
-      width: 0;
-      height: 0;
-    }
\ No newline at end of file
+.clearfix:before,
+.clearfix:after,
+.row:before,
+.row:after {
+  content: "\0020";
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+.row:after,
+.clearfix:after {
+  clear: both;
+}
+.row,
+.clearfix {
+  zoom: 1;
+}
+
+/* You can also use a <br class="clear" /> to clear columns */
+.clear {
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
diff --git a/static/css/spc/valentin.css b/static/css/spc/valentin.css
index bbbc6c1..cf70219 100644
--- a/static/css/spc/valentin.css
+++ b/static/css/spc/valentin.css
@@ -1,170 +1,170 @@
-html, body {
-	/*background:#940BFE;*/
-  background: url('img/corazoncitos.gif');
-	color:#fff;
+html,
+body {
+  /*background:#940BFE;*/
+  background: url("img/corazoncitos.gif");
+  color: #fff;
 }
 a {
-	color:#EFD279;
+  color: #efd279;
 }
 a.rep {
-	color:#fff;
+  color: #fff;
 }
 a:hover {
-	color:#DD0000;
+  color: #dd0000;
 }
-.reflink a:hover{
-	font-weight: bold;
+.reflink a:hover {
+  font-weight: bold;
 }
 .adminbar {
-	text-align:right;
-	clear:both;
-	float:right;
+  text-align: right;
+  clear: both;
+  float: right;
 }
 .logo {
-	clear:both;
-	text-align:center;
-	font-size:2em;
-	color:#CCFFCC;
-	width:100%;
+  clear: both;
+  text-align: center;
+  font-size: 2em;
+  color: #ccffcc;
+  width: 100%;
 }
 .replymode {
-	background:#0BBEB8;
-	text-align:center;
-	padding:2px;
-	color:#FFFFFF;
-	width:100%;
+  background: #0bbeb8;
+  text-align: center;
+  padding: 2px;
+  color: #ffffff;
+  width: 100%;
 }
 .extramode {
-	background:#0040E0;
-	text-align:center;
-	padding:2px;
-	color:#FFFFFF;
-	width:100%;
+  background: #0040e0;
+  text-align: center;
+  padding: 2px;
+  color: #ffffff;
+  width: 100%;
 }
 .rules {
-	/*font-size:0.7em;*/
-	width: 468px;
-	font-size: 11px;
-	font-family: sans-serif;
+  /*font-size:0.7em;*/
+  width: 468px;
+  font-size: 11px;
+  font-family: sans-serif;
 }
 .rules li {
-	margin-left: 1em;
-	/*text-indent: 0em;*/
+  margin-left: 1em;
+  /*text-indent: 0em;*/
 }
 .postblock {
-	background:#95CBE9;
-	color:#2C5700;
-	font-weight:800;
+  background: #95cbe9;
+  color: #2c5700;
+  font-weight: 800;
 }
 .footer {
-	text-align:center;
-	font-size:12px;
-	font-family:serif;
+  text-align: center;
+  font-size: 12px;
+  font-family: serif;
 }
 .passvalid {
-	background:#EEAA88;
-	text-align:center;
-	width:100%;
-	color:#ffffff;
+  background: #eeaa88;
+  text-align: center;
+  width: 100%;
+  color: #ffffff;
 }
 .dellist {
-	font-weight: bold;
-	text-align:center;
+  font-weight: bold;
+  text-align: center;
 }
 .delbuttons {
-	text-align:center;
-	padding-bottom:4px;
-
+  text-align: center;
+  padding-bottom: 4px;
 }
 .managehead {
-	background:#AAAA66;
-	color:#400000;
-	padding:0px;
+  background: #aaaa66;
+  color: #400000;
+  padding: 0px;
 }
 .postlists {
-	background:#FFFFFF;
-	width:100%;
-	padding:0px;
-	color:#800000;
+  background: #ffffff;
+  width: 100%;
+  padding: 0px;
+  color: #800000;
 }
 .row1 {
-	background:#EEEECC;
-	color:#800000;
+  background: #eeeecc;
+  color: #800000;
 }
 .row2 {
-	background:#DDDDAA;
-	color:#800000;
+  background: #ddddaa;
+  color: #800000;
 }
 .q {
-	background:inherit;
-	color:#BDF46C;
+  background: inherit;
+  color: #bdf46c;
 }
 .filesize {
-	text-decoration:none;
+  text-decoration: none;
 }
 .filetitle {
-	background:inherit;
-	font-size:1.3em;
-	color:#DE9D7F;
-	font-weight:800;
+  background: inherit;
+  font-size: 1.3em;
+  color: #de9d7f;
+  font-weight: 800;
 }
 .postername {
-	color:#AFD775;
-	font-weight:bold;
+  color: #afd775;
+  font-weight: bold;
 }
 .postertrip {
-	color:#AFD775;
+  color: #afd775;
 }
 .oldpost {
-	color:#CC1105;
-	font-weight:800;
+  color: #cc1105;
+  font-weight: 800;
 }
 .omittedposts {
-	color:#909090;
+  color: #909090;
 }
 .reply {
-	background: #FE0BDF;
-	color: #fff;
+  background: #fe0bdf;
+  color: #fff;
 }
 .replyhl {
-	background: #F0C0B0;
-	color: #800000;
+  background: #f0c0b0;
+  color: #800000;
 }
 .replytitle {
-	font-size: 1.2em;
-	color:#CC1105;
-	font-weight:800;
+  font-size: 1.2em;
+  color: #cc1105;
+  font-weight: 800;
 }
 .commentpostername {
-	color:#117743;
-	font-weight:800;
+  color: #117743;
+  font-weight: 800;
 }
 .thumbnailmsg {
-	font-size: small;
-	color:#800000;
+  font-size: small;
+  color: #800000;
 }
 
 .abbrev {
-	color:#707070;
+  color: #707070;
 }
 .highlight {
-	/*background:#95CBE9;*/
-	background: #5B8BB4;
-	/*color:#2C5700;*/
-	/*border: 2px dashed #070;*/
-	border: 2px dashed #AFD775;
+  /*background:#95CBE9;*/
+  background: #5b8bb4;
+  /*color:#2C5700;*/
+  /*border: 2px dashed #070;*/
+  border: 2px dashed #afd775;
 }
 .banned {
-	color:#F99C64;
+  color: #f99c64;
 }
 .administrator {
-	color:#C00 !important;
+  color: #c00 !important;
 }
 .managertable td {
-	background:#3B6B94;
-	color:#FFF;
+  background: #3b6b94;
+  color: #fff;
 }
 .managertable th {
-	background:#AAF;
-	color:#FFF;
-}
\ No newline at end of file
+  background: #aaf;
+  color: #fff;
+}
diff --git a/static/css/spc/valentin2.css b/static/css/spc/valentin2.css
index 189611c..83f76d3 100644
--- a/static/css/spc/valentin2.css
+++ b/static/css/spc/valentin2.css
@@ -1,177 +1,177 @@
-html, body {
-    background:url('img/hearts1.gif');
-	color:#000;
+html,
+body {
+  background: url("img/hearts1.gif");
+  color: #000;
 }
 a {
-	color:#2D89D0;
+  color: #2d89d0;
 }
 a.rep {
-	color:#000;
+  color: #000;
 }
 a:hover {
-	color:#DD0000;
+  color: #dd0000;
 }
-.reflink a:hover{
-	font-weight: bold;
+.reflink a:hover {
+  font-weight: bold;
 }
 .adminbar {
-	text-align:right;
-	clear:both;
-	float:right;
+  text-align: right;
+  clear: both;
+  float: right;
 }
 .logo {
-	clear:both;
-	text-align:center;
-	font-size:2em;
-	color:#B35692;
-	width:100%;
+  clear: both;
+  text-align: center;
+  font-size: 2em;
+  color: #b35692;
+  width: 100%;
 }
 .replymode {
-	background:#1D7548;
-	text-align:center;
+  background: #1d7548;
+  text-align: center;
   font-weight: bold;
-	padding:2px;
-	color:#FFFFFF;
-	width:100%;
+  padding: 2px;
+  color: #ffffff;
+  width: 100%;
 }
 .extramode {
-	background:#0040E0;
-	text-align:center;
+  background: #0040e0;
+  text-align: center;
   font-weight: bold;
-	padding:2px;
-	color:#FFFFFF;
-	width:100%;
+  padding: 2px;
+  color: #ffffff;
+  width: 100%;
 }
 .rules {
-	/*font-size:0.7em;*/
-	width: 468px;
-	font-size: 11px;
-	font-family: sans-serif;
+  /*font-size:0.7em;*/
+  width: 468px;
+  font-size: 11px;
+  font-family: sans-serif;
 }
 .rules li {
-	margin-left: 1em;
-	/*text-indent: 0em;*/
+  margin-left: 1em;
+  /*text-indent: 0em;*/
 }
 .postblock {
-	background:#FF7BD1;
-	color:#666;
-	font-weight:800;
+  background: #ff7bd1;
+  color: #666;
+  font-weight: 800;
 }
 .footer {
-	text-align:center;
-	font-size:12px;
-	font-family:serif;
+  text-align: center;
+  font-size: 12px;
+  font-family: serif;
 }
 .passvalid {
-	background:#EEAA88;
-	text-align:center;
-	width:100%;
-	color:#ffffff;
+  background: #eeaa88;
+  text-align: center;
+  width: 100%;
+  color: #ffffff;
 }
 .dellist {
-	font-weight: bold;
-	text-align:center;
+  font-weight: bold;
+  text-align: center;
 }
 .delbuttons {
-	text-align:center;
-	padding-bottom:4px;
-
+  text-align: center;
+  padding-bottom: 4px;
 }
 .managehead {
-	background:#AAAA66;
-	color:#400000;
-	padding:0px;
+  background: #aaaa66;
+  color: #400000;
+  padding: 0px;
 }
 .postlists {
-	background:#FFFFFF;
-	width:100%;
-	padding:0px;
-	color:#800000;
+  background: #ffffff;
+  width: 100%;
+  padding: 0px;
+  color: #800000;
 }
 .row1 {
-	background:#EEEECC;
-	color:#800000;
+  background: #eeeecc;
+  color: #800000;
 }
 .row2 {
-	background:#DDDDAA;
-	color:#800000;
+  background: #ddddaa;
+  color: #800000;
 }
 .q {
-	background:inherit;
-	color:#3D343C;
+  background: inherit;
+  color: #3d343c;
 }
 blockquote blockquote {
-	background:inherit;
-	color:#6D940C;
+  background: inherit;
+  color: #6d940c;
 }
 .filesize {
-	text-decoration:none;
+  text-decoration: none;
 }
 .filetitle {
-	background:inherit;
-	font-size:1.3em;
-	color:#DC3D90;
-	font-weight:800;
+  background: inherit;
+  font-size: 1.3em;
+  color: #dc3d90;
+  font-weight: 800;
 }
 .postername {
-	color:#C000D6;
-	font-weight:bold;
+  color: #c000d6;
+  font-weight: bold;
 }
 .postertrip {
-	color:#C000D;
+  color: #C000D;
 }
 .oldpost {
-	color:#CC1105;
-	font-weight:800;
+  color: #cc1105;
+  font-weight: 800;
 }
 .omittedposts {
-	color:#909090;
+  color: #909090;
 }
 .reply {
-    background: url('img/hearts2.jpg');
-    border: 1px solid #BBF;
-	color: #333;
+  background: url("img/hearts2.jpg");
+  border: 1px solid #bbf;
+  color: #333;
 }
 .replyhl {
-	background: #F0C0B0;
-	color: #800000;
+  background: #f0c0b0;
+  color: #800000;
 }
 .replytitle {
-	font-size: 1.2em;
-	color:#DE9D7F;
-	font-weight:800;
+  font-size: 1.2em;
+  color: #de9d7f;
+  font-weight: 800;
 }
 .commentpostername {
-	color:#117743;
-	font-weight:800;
+  color: #117743;
+  font-weight: 800;
 }
 .thumbnailmsg {
-	font-size: small;
-	color:#000;
+  font-size: small;
+  color: #000;
   margin: 0;
 }
 
 .abbrev {
-	color:#707070;
+  color: #707070;
 }
 .highlight {
-	/*background:#95CBE9;*/
-	background: #5B8BB4;
-	/*color:#2C5700;*/
-	/*border: 2px dashed #070;*/
-	border: 2px dashed #AFD775;
+  /*background:#95CBE9;*/
+  background: #5b8bb4;
+  /*color:#2C5700;*/
+  /*border: 2px dashed #070;*/
+  border: 2px dashed #afd775;
 }
 .banned {
-	color:#F99C64;
+  color: #f99c64;
 }
 .administrator {
-	color:#C00 !important;
+  color: #c00 !important;
 }
 .managertable td {
-	background:#3B6B94;
-	color:#FFF;
+  background: #3b6b94;
+  color: #fff;
 }
 .managertable th {
-	background:#AAF;
-	color:#FFF;
+  background: #aaf;
+  color: #fff;
 }
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index 258e852..3a63c82 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -1,44 +1,174 @@
-body{background:#222 url('/mantencion_bg.gif');color:#CED1CF}
-body.threadpage{background-image:none}
-a,a .name,#n2{color:#81A2BE;text-decoration:none}
-a:hover,a:focus,#n2:active{color:#4d6172;text-decoration:underline}
-hr{border:1px inset #111}
-input[type="text"],input[type="submit"],input[type="button"],textarea,button,select{background:#383838;border:1px solid #4B4E55;color:#e8e8e8}
-input[type="submit"],input[type="button"],button{background:#333}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#232323}
-h1{color:#dc9656;font-size:26px;margin-top:-5px;text-align:center}
-h2 a{color:#C66}
-h2 span{color:#999}
-h3,#size{color:#ab4642}
-h3 span{color:#999}
-h4{color:#c1c5c2}
-#main_nav{background:#000;color:#7cafc2}
-.fix #main_nav{box-shadow:0 0 3px #000}
-.banner{-webkit-filter:grayscale(60%);filter:grayscale(60%)}
-.outerbox{background:#111213;border:1px solid #4B4E55;color:#777879}
-#titlebox .threadnav{margin:-6px}
-#threadlist{background:#0e0e0e;border:1px solid #4B4E55}
-#threadlist a{border-right:1px solid #4B4E55;border-bottom:1px solid #4B4E55}
-.mainpage .thread,#content{background:#1D1F21;border:3px double #4B4E55;color:#CED1CF;opacity:.9}
-.threadpage .thread{color:#CED1CF}
-.name,.abbrev{color:#B5BD68}
-.name em{color:#88f}
-.del a{color:#ab4642}
-h4 .date,.quoted{color:#4e4e4e}
-.msg{margin:4px 40px 0}
-.reply{margin-bottom:24px}
-a.thumb{margin-top:4px}
-.q{color:#666}
-.yt{background:#383838;border:1px solid gray;color:#e8e8e8}
-.yt:hover{text-decoration:none}
-.deleted{color:#999;margin-bottom:24px}
-#q-p{background:#222;border:1px solid #999}
-#q-p .reply{margin-bottom:8px}
-.lastposts #n2{text-decoration:none}
-form .msg{background:#383838;border:1px dotted #000}
-#footer{color:#f7ca88}
-.threads h1{text-align:left}
-#content.list #header div{background:#111213}
-#content.list .row:nth-child(odd),#content.grid .row:hover{background:#191B1D}
-#content.grid{border:1px solid #4B4E55;padding:1px}
-#content.grid .row{border:1px solid #4B4E55;margin:1px}
\ No newline at end of file
+body {
+  background: #222 url("/mantencion_bg.gif");
+  color: #ced1cf;
+}
+body.threadpage {
+  background-image: none;
+}
+a,
+a .name,
+#n2 {
+  color: #81a2be;
+  text-decoration: none;
+}
+a:hover,
+a:focus,
+#n2:active {
+  color: #4d6172;
+  text-decoration: underline;
+}
+hr {
+  border: 1px inset #111;
+}
+input[type="text"],
+input[type="submit"],
+input[type="button"],
+textarea,
+button,
+select {
+  background: #383838;
+  border: 1px solid #4b4e55;
+  color: #e8e8e8;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  background: #333;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  background: #232323;
+}
+h1 {
+  color: #dc9656;
+  font-size: 26px;
+  margin-top: -5px;
+  text-align: center;
+}
+h2 a {
+  color: #c66;
+}
+h2 span {
+  color: #999;
+}
+h3,
+#size {
+  color: #ab4642;
+}
+h3 span {
+  color: #999;
+}
+h4 {
+  color: #c1c5c2;
+}
+#main_nav {
+  background: #000;
+  color: #7cafc2;
+}
+.fix #main_nav {
+  box-shadow: 0 0 3px #000;
+}
+.banner {
+  -webkit-filter: grayscale(60%);
+  filter: grayscale(60%);
+}
+.outerbox {
+  background: #111213;
+  border: 1px solid #4b4e55;
+  color: #777879;
+}
+#titlebox .threadnav {
+  margin: -6px;
+}
+#threadlist {
+  background: #0e0e0e;
+  border: 1px solid #4b4e55;
+}
+#threadlist a {
+  border-right: 1px solid #4b4e55;
+  border-bottom: 1px solid #4b4e55;
+}
+.mainpage .thread,
+#content {
+  background: #1d1f21;
+  border: 3px double #4b4e55;
+  color: #ced1cf;
+  opacity: 0.9;
+}
+.threadpage .thread {
+  color: #ced1cf;
+}
+.name,
+.abbrev {
+  color: #b5bd68;
+}
+.name em {
+  color: #88f;
+}
+.del a {
+  color: #ab4642;
+}
+h4 .date,
+.quoted {
+  color: #4e4e4e;
+}
+.msg {
+  margin: 4px 40px 0;
+}
+.reply {
+  margin-bottom: 24px;
+}
+a.thumb {
+  margin-top: 4px;
+}
+.q {
+  color: #666;
+}
+.yt {
+  background: #383838;
+  border: 1px solid gray;
+  color: #e8e8e8;
+}
+.yt:hover {
+  text-decoration: none;
+}
+.deleted {
+  color: #999;
+  margin-bottom: 24px;
+}
+#q-p {
+  background: #222;
+  border: 1px solid #999;
+}
+#q-p .reply {
+  margin-bottom: 8px;
+}
+.lastposts #n2 {
+  text-decoration: none;
+}
+form .msg {
+  background: #383838;
+  border: 1px dotted #000;
+}
+#footer {
+  color: #f7ca88;
+}
+.threads h1 {
+  text-align: left;
+}
+#content.list #header div {
+  background: #111213;
+}
+#content.list .row:nth-child(odd),
+#content.grid .row:hover {
+  background: #191b1d;
+}
+#content.grid {
+  border: 1px solid #4b4e55;
+  padding: 1px;
+}
+#content.grid .row {
+  border: 1px solid #4b4e55;
+  margin: 1px;
+}
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index 4752fe8..7c57816 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -1,44 +1,197 @@
-body{background:#000;text-shadow:1px 1px #000,0 0 10px}
-body,a,h2 a,h3,#n2{color:#f9690e}
-a:active,#n2:active{color:#FF9F3F}
-h4{background:#f9690e;color:#000;padding:0 7px;text-shadow:none}
-.threadpage h4{padding:0 3px}
-h4 a,.name,.name a{color:#000}
-h1:after,h2 a:after,h3:after{content:"_";animation:blink 1s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}}
-h2,.thread .threadnav{margin:7px}
-h3{margin:8px 0}
-h3 span,#size,.abbrev{color:#f00}
-hr{background:#f9690e;border:0;height:1px;box-shadow:0 0 10px #f9690e}
-.spoil{background:#f9690e;color:#f9690e;text-shadow:none}.spoil:hover{color:#000}
-input,button{font-family:monospace}
-input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{background:#000;border:1px solid #f9690e;color:#f9690e;text-shadow:1px 1px #000}
-input[type="text"]:focus,textarea:focus,select:focus{background:#3a1903}
-input[type=submit]:active,input[type=button]:active,button:active{background:#f9690e;border-style:solid;color:#000}
-#main_nav{background:#000;box-shadow:0 0 10px}
-.outerbox,.innerbox{border:1px solid #f9690e}
-#threadlist{border:3px double #f9690e}
-#threadlist a{border-right:1px solid #f9690e;border-bottom:1px solid #f9690e}
-.mainpage .thread,.thread .innerbox{border:1px solid #f9690e}
-.thread .innerbox,.threadpage,#q-p{background:#000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=')}
-.thread .innerbox{padding:0}
-.name em{color:#ff0}
-.q{color:#d4b300}
-.deleted{background:none;border-color:#f9690e;border-style:solid;border-width:1px 0;color:inherit}
-.yt{background:#000;border:1px solid #f9690e}
-.mainpage .postform{border-top:1px solid #f9690e;padding:1em 0 1em 40px}
-.formpad{padding:0}
-form .msg{border:1px dotted #f9690e;background:#000;color:#f9690e}
-#q-p{border:1px solid #000;padding:0}
-#q-p .reply{border:3px double #f9690e;margin:0;padding-bottom:1em}
-#q-p .reply h4{padding:0 1px}
-#footer a{color:#f9690e}
-#content{border:3px double #f9690e}
-#content.list #header{background:#451d04}
-#content.list .row:nth-child(odd){background:#251002}
-#content.grid{border:1px solid #f9690e}
-#content.grid .row{border:1px solid #f9690e}
-#content.grid .row:hover{background:#251002;border-color:#f9690e}
-@media(max-width:720px){
- div.msg{margin:.5em .5em 0}
- .mainpage .postform{padding:.5em}
-}
\ No newline at end of file
+body {
+  background: #000;
+  text-shadow: 1px 1px #000, 0 0 10px;
+}
+body,
+a,
+h2 a,
+h3,
+#n2 {
+  color: #f9690e;
+}
+a:active,
+#n2:active {
+  color: #ff9f3f;
+}
+h4 {
+  background: #f9690e;
+  color: #000;
+  padding: 0 7px;
+  text-shadow: none;
+}
+.threadpage h4 {
+  padding: 0 3px;
+}
+h4 a,
+.name,
+.name a {
+  color: #000;
+}
+h1:after,
+h2 a:after,
+h3:after {
+  content: "_";
+  animation: blink 1s infinite;
+}
+@keyframes blink {
+  from,
+  to {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+h2,
+.thread .threadnav {
+  margin: 7px;
+}
+h3 {
+  margin: 8px 0;
+}
+h3 span,
+#size,
+.abbrev {
+  color: #f00;
+}
+hr {
+  background: #f9690e;
+  border: 0;
+  height: 1px;
+  box-shadow: 0 0 10px #f9690e;
+}
+.spoil {
+  background: #f9690e;
+  color: #f9690e;
+  text-shadow: none;
+}
+.spoil:hover {
+  color: #000;
+}
+input,
+button {
+  font-family: monospace;
+}
+input,
+input[type="submit"],
+input[type="button"],
+input[type="text"],
+textarea,
+button,
+select {
+  background: #000;
+  border: 1px solid #f9690e;
+  color: #f9690e;
+  text-shadow: 1px 1px #000;
+}
+input[type="text"]:focus,
+textarea:focus,
+select:focus {
+  background: #3a1903;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  background: #f9690e;
+  border-style: solid;
+  color: #000;
+}
+#main_nav {
+  background: #000;
+  box-shadow: 0 0 10px;
+}
+.outerbox,
+.innerbox {
+  border: 1px solid #f9690e;
+}
+#threadlist {
+  border: 3px double #f9690e;
+}
+#threadlist a {
+  border-right: 1px solid #f9690e;
+  border-bottom: 1px solid #f9690e;
+}
+.mainpage .thread,
+.thread .innerbox {
+  border: 1px solid #f9690e;
+}
+.thread .innerbox,
+.threadpage,
+#q-p {
+  background: #000
+    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=");
+}
+.thread .innerbox {
+  padding: 0;
+}
+.name em {
+  color: #ff0;
+}
+.q {
+  color: #d4b300;
+}
+.deleted {
+  background: none;
+  border-color: #f9690e;
+  border-style: solid;
+  border-width: 1px 0;
+  color: inherit;
+}
+.yt {
+  background: #000;
+  border: 1px solid #f9690e;
+}
+.mainpage .postform {
+  border-top: 1px solid #f9690e;
+  padding: 1em 0 1em 40px;
+}
+.formpad {
+  padding: 0;
+}
+form .msg {
+  border: 1px dotted #f9690e;
+  background: #000;
+  color: #f9690e;
+}
+#q-p {
+  border: 1px solid #000;
+  padding: 0;
+}
+#q-p .reply {
+  border: 3px double #f9690e;
+  margin: 0;
+  padding-bottom: 1em;
+}
+#q-p .reply h4 {
+  padding: 0 1px;
+}
+#footer a {
+  color: #f9690e;
+}
+#content {
+  border: 3px double #f9690e;
+}
+#content.list #header {
+  background: #451d04;
+}
+#content.list .row:nth-child(odd) {
+  background: #251002;
+}
+#content.grid {
+  border: 1px solid #f9690e;
+}
+#content.grid .row {
+  border: 1px solid #f9690e;
+}
+#content.grid .row:hover {
+  background: #251002;
+  border-color: #f9690e;
+}
+@media (max-width: 720px) {
+  div.msg {
+    margin: 0.5em 0.5em 0;
+  }
+  .mainpage .postform {
+    padding: 0.5em;
+  }
+}
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
index 0e2109d..8811248 100644
--- a/static/css/txt/ayashii.css
+++ b/static/css/txt/ayashii.css
@@ -1,51 +1,206 @@
-body{background:#004040;color:#FFF}
-a,a .name,#n2:active{color:#EFE}
-a:active,a:active .name,#n2:active{color:#F00}
-h2:before{content:"◆ "}
-h2{display:inline-block;margin:0;margin-bottom:.5em}
-h2 span{font-weight:initial;font-size:24px;margin-left:4px;display:inline-block;float:right}
-h3{margin-bottom:.5em;padding-bottom:.5em}
-h4:before{content:"＞";color:#FFFFFE;display:inline-block;font-size:16px;width:40px}
-.first h4:before{content:none}
-input[type=submit],input[type=button],button{border-width:2px;border-style:outset ridge ridge outset;border-color:#FFF #000 #000 #FFF;background:#DDD;color:#000;padding:0 8px}
-#main_nav,.banner{background:inherit;text-align:left;margin:0;padding-left:2.5%}
-.fix #main_nav{background:inherit;text-align:center}
-#titlebox{margin-bottom:1em;margin-top:5px}
-.threadnav a{margin-left:4px}
-.innerbox{margin:0;padding:0}
-.innerbox,.mainpage .thread,.deleted,#content{margin-bottom:1em;padding-bottom:1em}
-.innerbox,.mainpage .thread,.reply,.deleted,h3,#content{border-bottom:2px groove gray}
-.links,#listmenu{text-align:left}
-#threadbox{margin-bottom:1em}
-#threadlinks{text-align:left;margin-bottom:.5em}
-#threadlist{background:#003535;border:1px inset gray}
-.reply{clear:both;margin-bottom:1em;overflow:hidden}
-.reply:last-child{border:0;margin-bottom:0}
-.name em{color:#009}
-.quoted{font-size:9pt}
-.del a{color:#FFF}
-.first .msg{margin:1em 40px}
-.msg{margin:1em 60px}
-.q{color:#99b3b3}
-.yt{border:1px solid #FFF}
-.abbrev{margin-top:1em}
-.deleted{text-decoration:line-through}
-#size{color:#FFF;margin-top:-.5em}
-#q-p{background:#004040;border:1px solid #DDD}
-#q-p h4:before{display:none}
-.postform,.formpad{padding-left:0}
-form .msg{border:1px dotted #FFF}
-#footer{margin-bottom:1em;margin-top:1em;text-align:right}
-.threads .outerbox{margin-top:1em}
-#content.list #header div{background:#001e1e}
-#content.list .row:nth-child(odd){background:#003535}
-#content.grid{border-width:2px 2px 0 0}
-#content.grid .row{border-width:0 0 2px 2px}
-#content.grid,#content.grid .row{border-style:groove;border-color:gray}
-.threads #footer{text-align:center}
-@media(max-width:720px){
- body.mainpage,body.threads{margin-left:8px;margin-right:8px}
- h2 span{margin-left:0;float:none}
- h4:before{font-size:12px;width:20px}
- div.msg,.first .msg{margin:.5em 0 .5em 20px}
-}
\ No newline at end of file
+body {
+  background: #004040;
+  color: #fff;
+}
+a,
+a .name,
+#n2:active {
+  color: #efe;
+}
+a:active,
+a:active .name,
+#n2:active {
+  color: #f00;
+}
+h2:before {
+  content: "◆ ";
+}
+h2 {
+  display: inline-block;
+  margin: 0;
+  margin-bottom: 0.5em;
+}
+h2 span {
+  font-weight: initial;
+  font-size: 24px;
+  margin-left: 4px;
+  display: inline-block;
+  float: right;
+}
+h3 {
+  margin-bottom: 0.5em;
+  padding-bottom: 0.5em;
+}
+h4:before {
+  content: "＞";
+  color: #fffffe;
+  display: inline-block;
+  font-size: 16px;
+  width: 40px;
+}
+.first h4:before {
+  content: none;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  border-width: 2px;
+  border-style: outset ridge ridge outset;
+  border-color: #fff #000 #000 #fff;
+  background: #ddd;
+  color: #000;
+  padding: 0 8px;
+}
+#main_nav,
+.banner {
+  background: inherit;
+  text-align: left;
+  margin: 0;
+  padding-left: 2.5%;
+}
+.fix #main_nav {
+  background: inherit;
+  text-align: center;
+}
+#titlebox {
+  margin-bottom: 1em;
+  margin-top: 5px;
+}
+.threadnav a {
+  margin-left: 4px;
+}
+.innerbox {
+  margin: 0;
+  padding: 0;
+}
+.innerbox,
+.mainpage .thread,
+.deleted,
+#content {
+  margin-bottom: 1em;
+  padding-bottom: 1em;
+}
+.innerbox,
+.mainpage .thread,
+.reply,
+.deleted,
+h3,
+#content {
+  border-bottom: 2px groove gray;
+}
+.links,
+#listmenu {
+  text-align: left;
+}
+#threadbox {
+  margin-bottom: 1em;
+}
+#threadlinks {
+  text-align: left;
+  margin-bottom: 0.5em;
+}
+#threadlist {
+  background: #003535;
+  border: 1px inset gray;
+}
+.reply {
+  clear: both;
+  margin-bottom: 1em;
+  overflow: hidden;
+}
+.reply:last-child {
+  border: 0;
+  margin-bottom: 0;
+}
+.name em {
+  color: #009;
+}
+.quoted {
+  font-size: 9pt;
+}
+.del a {
+  color: #fff;
+}
+.first .msg {
+  margin: 1em 40px;
+}
+.msg {
+  margin: 1em 60px;
+}
+.q {
+  color: #99b3b3;
+}
+.yt {
+  border: 1px solid #fff;
+}
+.abbrev {
+  margin-top: 1em;
+}
+.deleted {
+  text-decoration: line-through;
+}
+#size {
+  color: #fff;
+  margin-top: -0.5em;
+}
+#q-p {
+  background: #004040;
+  border: 1px solid #ddd;
+}
+#q-p h4:before {
+  display: none;
+}
+.postform,
+.formpad {
+  padding-left: 0;
+}
+form .msg {
+  border: 1px dotted #fff;
+}
+#footer {
+  margin-bottom: 1em;
+  margin-top: 1em;
+  text-align: right;
+}
+.threads .outerbox {
+  margin-top: 1em;
+}
+#content.list #header div {
+  background: #001e1e;
+}
+#content.list .row:nth-child(odd) {
+  background: #003535;
+}
+#content.grid {
+  border-width: 2px 2px 0 0;
+}
+#content.grid .row {
+  border-width: 0 0 2px 2px;
+}
+#content.grid,
+#content.grid .row {
+  border-style: groove;
+  border-color: gray;
+}
+.threads #footer {
+  text-align: center;
+}
+@media (max-width: 720px) {
+  body.mainpage,
+  body.threads {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+  h2 span {
+    margin-left: 0;
+    float: none;
+  }
+  h4:before {
+    font-size: 12px;
+    width: 20px;
+  }
+  div.msg,
+  .first .msg {
+    margin: 0.5em 0 0.5em 20px;
+  }
+}
diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css
index bd8ea02..c6ece51 100644
--- a/static/css/txt/baisano.css
+++ b/static/css/txt/baisano.css
@@ -1,46 +1,160 @@
-body,textarea{color:#000}
-body.mainpage,body.threads{background:#c5ad99 url(../img/muro.jpg)}
-body.threadpage{background:#EFEFEF}
-a,a .name,#n2{color:#00F}
-a:active,a:active .name,#n2:active{color:#f00}
-h2{margin-bottom:3px}
-h2 a{color:#F00}
-h3{color:#F00}
-h3 span{color:#000}
-.mainpage h4:hover{background:#FFEFEF}
-h4.hidden{background:#CCC}
-.mainpage h4.hidden:hover{background:#DCC}
-#main_nav{background:#FFF}
-.fix #main_nav{box-shadow:0 0 3px #000}
-.outerbox{background:#CFC;border:1px outset #FFF}
-.innerbox{border:1px inset #FFF}
-#threadlist{background:#BEB;border:1px inset #FFF}
-#threadlist a{border:1px outset #FFF}
-.mainpage .thread,#content{background:#EFEFEF;border:1px outset #FFF}
-.name,.abbrev{color:green}
-.name em{color:#009}
-.del a{color:#000}
-.msg{margin:4px 40px 0}
-.reply{margin-bottom:24px}
-a.thumb{margin-top:4px}
-.q{color:#666}
-.yt{background:#DDD;border:1px solid #AAA}
-.deleted{color:#AFAFAF;margin-bottom:24px}
-#q-p{background:#EFEFEF;border:1px solid #999}
-#q-p .reply{margin-bottom:8px}
-#createbox{display:flex}
-#createbox .extrabox{border:1px inset #FFF;margin:7px 0 7px 7px;float:left;width:40px;height:auto;flex:0 1 40px;-webkit-flex:0 1 40px}
-#createbox .innerbox{flex:0 1 100%;-webkit-flex:0 1 100%}
-form .msg{border:1px dotted #000;background:#EFEFEF}
-#footer{color:#333}
-#content.list{padding:7px}
-#content.list #header div{background:#CCC;border-top:1px inset #FFF}
-#content.list .row:nth-child(odd),#content.grid .row:hover{background:#FFF}
-#content.list .row div:first-child{border-left:1px inset #FFF}
-#content.list .row div:last-child{border-right:1px inset #FFF}
-#content.list .row:last-child div{border-bottom:1px inset #FFF}
-#content.grid{border:1px outset #FFF;padding:1px}
-#content.grid .row{border:1px inset #FFF;margin:1px}
-@media(max-width:720px){
- .extrabox{display:none}
-}
\ No newline at end of file
+body,
+textarea {
+  color: #000;
+}
+body.mainpage,
+body.threads {
+  background: #c5ad99 url(../img/muro.jpg);
+}
+body.threadpage {
+  background: #efefef;
+}
+a,
+a .name,
+#n2 {
+  color: #00f;
+}
+a:active,
+a:active .name,
+#n2:active {
+  color: #f00;
+}
+h2 {
+  margin-bottom: 3px;
+}
+h2 a {
+  color: #f00;
+}
+h3 {
+  color: #f00;
+}
+h3 span {
+  color: #000;
+}
+.mainpage h4:hover {
+  background: #ffefef;
+}
+h4.hidden {
+  background: #ccc;
+}
+.mainpage h4.hidden:hover {
+  background: #dcc;
+}
+#main_nav {
+  background: #fff;
+}
+.fix #main_nav {
+  box-shadow: 0 0 3px #000;
+}
+.outerbox {
+  background: #cfc;
+  border: 1px outset #fff;
+}
+.innerbox {
+  border: 1px inset #fff;
+}
+#threadlist {
+  background: #beb;
+  border: 1px inset #fff;
+}
+#threadlist a {
+  border: 1px outset #fff;
+}
+.mainpage .thread,
+#content {
+  background: #efefef;
+  border: 1px outset #fff;
+}
+.name,
+.abbrev {
+  color: green;
+}
+.name em {
+  color: #009;
+}
+.del a {
+  color: #000;
+}
+.msg {
+  margin: 4px 40px 0;
+}
+.reply {
+  margin-bottom: 24px;
+}
+a.thumb {
+  margin-top: 4px;
+}
+.q {
+  color: #666;
+}
+.yt {
+  background: #ddd;
+  border: 1px solid #aaa;
+}
+.deleted {
+  color: #afafaf;
+  margin-bottom: 24px;
+}
+#q-p {
+  background: #efefef;
+  border: 1px solid #999;
+}
+#q-p .reply {
+  margin-bottom: 8px;
+}
+#createbox {
+  display: flex;
+}
+#createbox .extrabox {
+  border: 1px inset #fff;
+  margin: 7px 0 7px 7px;
+  float: left;
+  width: 40px;
+  height: auto;
+  flex: 0 1 40px;
+  -webkit-flex: 0 1 40px;
+}
+#createbox .innerbox {
+  flex: 0 1 100%;
+  -webkit-flex: 0 1 100%;
+}
+form .msg {
+  border: 1px dotted #000;
+  background: #efefef;
+}
+#footer {
+  color: #333;
+}
+#content.list {
+  padding: 7px;
+}
+#content.list #header div {
+  background: #ccc;
+  border-top: 1px inset #fff;
+}
+#content.list .row:nth-child(odd),
+#content.grid .row:hover {
+  background: #fff;
+}
+#content.list .row div:first-child {
+  border-left: 1px inset #fff;
+}
+#content.list .row div:last-child {
+  border-right: 1px inset #fff;
+}
+#content.list .row:last-child div {
+  border-bottom: 1px inset #fff;
+}
+#content.grid {
+  border: 1px outset #fff;
+  padding: 1px;
+}
+#content.grid .row {
+  border: 1px inset #fff;
+  margin: 1px;
+}
+@media (max-width: 720px) {
+  .extrabox {
+    display: none;
+  }
+}
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index f73748d..f2258cd 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -1,99 +1,436 @@
-*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}
-body,textarea{font-family:arial,helvetica,sans-serif;font-size:16px}
-body.mainpage,body.threads{margin:0}
-body.threadpage{margin:8px}
-body.fix{margin-top:2em}
-h1,h5{font-size:20px;margin:0}
-h2{font-size:16px;margin:0 0 7px}
-h2 span{margin-right:2px}
-h2 a{font-size:24px;text-decoration:none}
-h3{font-size:18px;margin:8px 0}
-h3 span{display:inline-block;font-weight:normal}
-h4{clear:both;font-weight:normal;margin:0}
-h5{margin-bottom:8px}
-input[type="text"],textarea,select{background:#FFF;border:1px inset #DDD;color:#000;padding:1px}
-input[type=submit],input[type=button],button{border:1px outset #DDD;background:#EEE;color:#333;padding:1px 8px}
-input[type=submit]:active,input[type=button]:active,button:active{border-style:inset}
-.banner{display:block;margin:0 auto}
-#rules{line-height:1.25em;margin:8px 0}
-.spoil{background:#000;color:#000}.spoil:hover{color:#fff}
-code{font-size:14px}
-pre{line-height:125%;margin:0;white-space:pre-wrap}
-.cur_brd,.locked,.sel{font-weight:bold}
-#main_nav{font-size:14px;padding:4px 0;text-align:center;width:100%}
-.fix #main_nav{position:fixed;top:0;left:0;right:0;margin:0;padding:2px 0;z-index:9}
-#main_nav select{font-size:90%;padding:0}
-#main_nav a,#thread_nav a,#threadlinks a,.threadlinks a,label{display:inline-block}
-.outerbox,.mainpage .thread,#footer,#content{margin:0 2.5% 1em}
-.innerbox{padding:7px;margin:7px}
-.threadnav{float:right;font-family:mona,monapo,ipamonapgothic,monapo,'ms pgothic',yozfontaa97}
-#search input{margin-right:2px}
-#search input[type="text"]{padding:4px;max-width:500px;width:100%}
-.links{font-size:14px;text-align:center}
-#threadlinks{margin-bottom:.5em;text-align:center}
-#threadlist{font-size:14px;line-height:1;max-height:15em;overflow-y:scroll}
-#threadlist a{text-decoration:none}
-.mainpage .postform,.formpad{padding-left:40px}
-.reply{clear:both;line-height:1.25em;margin-bottom:1em;overflow:hidden}
-.num{color:inherit!important;font-weight:bold;text-decoration:none}
-.name em{font-style:normal}
-.del{visibility:hidden}
-.reply:hover .del{visibility:visible}
-.quoted{font-size:12px;line-height:1}
-.msg{margin:1em 40px 0}
-.msg hr{margin-left:0;max-width:500px}
-a.thumb{cursor:zoom-in;font-size:14px;float:left;margin:1em 20px 0;text-align:center;text-decoration:none;color:gray!important}
-a.yt{margin:2px 0;display:inline-block;font-size:12px;line-height:1.2em;padding:5px;text-decoration:none}
-a.yt .pvw{width:100px;height:60px;overflow:hidden;float:left;margin-right:5px}
-a.yt .pvw img{margin-top:-15px;margin-left:-10px}
-a.yt b{font-size:115%}
-.deleted{margin-bottom:1em}
-.hidden{opacity:.5}
-#q-p{margin-right:1em;padding:8px 8px 0;position:absolute}
-#q-p .del,#q-p .quoted,#q-p .thumb div{display:none}
-.lastposts{text-align:center;line-height:1}
-.lastposts #n2{text-decoration:underline}
-.threadpage .threadlinks{margin:.5em 0}
-#size{color:#f00;font-family:arial,sans-serif;font-weight:bold;margin-bottom:.5em}
-#createbox input,#createbox textarea{width:100%}
-.pblock{text-align:right;white-space:nowrap}
-form .msg{margin:0;padding:8px 2px;text-align:left}
-.end,#search{margin-top:8px}
-.warn{padding:1px}
-.stop{padding:1em 1px}
-.yellow{background:#ff0;color:#000}
-.red{background:#f00;color:#fff}
-#listmenu{margin-top:7px;text-align:center}
-#content a{text-decoration:none}
-#content a:hover{text-decoration:underline}
-#content.list a{display:block;line-height:1}
-#content.list .row{display:table-row}
-#content.list .row div{display:table-cell;padding:5px}
-#content.list .row div.thread{padding:0}#content.list .row div.thread a{padding:5px}
-#content.list .pos,#content.list .com{text-align:right}
-#content.list #header div{font-weight:bold;text-align:center;white-space:nowrap}
-#content.grid,#threadlist{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;flex-flow:row wrap}
-#content.grid .row,#threadlist a{-webkit-flex:1 1 auto;-moz-flex:1 1 auto;flex:1 1 auto;padding:4px}
-#content.grid .row div{display:inline}
-@media(max-width:720px){
- body{font-size:15px}
- br{line-height:.5em}
- .banner{width:100%!important;height:auto!important;margin-top:1em}
- .outerbox,.mainpage .thread,#footer,#content{margin:1em 0}
- h1,h2 a,h5{font-size:18px}
- h4,h2 span,#rules{font-size:12px}
- #threadlist{overflow-x:auto;white-space:nowrap}
- #size,.postform br{display:none}
- div.reply{margin-bottom:.5em}
- .num{margin:-10px;padding:10px;position:relative}
- .del{visibility:visible}
- div.msg{margin:.5em 0 0}
- .mainpage .postform,.formpad{padding-left:0}
- .postform>span{display:table;width:100%}
- .postform span>*{display:table-cell;margin-bottom:2px;white-space:nowrap}
- .postform input,textarea{width:100%}
- .postform textarea{height:100px}
- form,#thread_nav,#footer,.end,.locked{font-size:14px;text-align:center}
- #footer a{display:block}
- #content.list .row div{padding:0 2px}
-}
\ No newline at end of file
+* {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  word-wrap: break-word;
+}
+body,
+textarea {
+  font-family: arial, helvetica, sans-serif;
+  font-size: 16px;
+}
+body.mainpage,
+body.threads {
+  margin: 0;
+}
+body.threadpage {
+  margin: 8px;
+}
+body.fix {
+  margin-top: 2em;
+}
+h1,
+h5 {
+  font-size: 20px;
+  margin: 0;
+}
+h2 {
+  font-size: 16px;
+  margin: 0 0 7px;
+}
+h2 span {
+  margin-right: 2px;
+}
+h2 a {
+  font-size: 24px;
+  text-decoration: none;
+}
+h3 {
+  font-size: 18px;
+  margin: 8px 0;
+}
+h3 span {
+  display: inline-block;
+  font-weight: normal;
+}
+h4 {
+  clear: both;
+  font-weight: normal;
+  margin: 0;
+}
+h5 {
+  margin-bottom: 8px;
+}
+input[type="text"],
+textarea,
+select {
+  background: #fff;
+  border: 1px inset #ddd;
+  color: #000;
+  padding: 1px;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  border: 1px outset #ddd;
+  background: #eee;
+  color: #333;
+  padding: 1px 8px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  border-style: inset;
+}
+.banner {
+  display: block;
+  margin: 0 auto;
+}
+#rules {
+  line-height: 1.25em;
+  margin: 8px 0;
+}
+.spoil {
+  background: #000;
+  color: #000;
+}
+.spoil:hover {
+  color: #fff;
+}
+code {
+  font-size: 14px;
+}
+pre {
+  line-height: 125%;
+  margin: 0;
+  white-space: pre-wrap;
+}
+.cur_brd,
+.locked,
+.sel {
+  font-weight: bold;
+}
+#main_nav {
+  font-size: 14px;
+  padding: 4px 0;
+  text-align: center;
+  width: 100%;
+}
+.fix #main_nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  margin: 0;
+  padding: 2px 0;
+  z-index: 9;
+}
+#main_nav select {
+  font-size: 90%;
+  padding: 0;
+}
+#main_nav a,
+#thread_nav a,
+#threadlinks a,
+.threadlinks a,
+label {
+  display: inline-block;
+}
+.outerbox,
+.mainpage .thread,
+#footer,
+#content {
+  margin: 0 2.5% 1em;
+}
+.innerbox {
+  padding: 7px;
+  margin: 7px;
+}
+.threadnav {
+  float: right;
+  font-family: mona, monapo, ipamonapgothic, monapo, "ms pgothic", yozfontaa97;
+}
+#search input {
+  margin-right: 2px;
+}
+#search input[type="text"] {
+  padding: 4px;
+  max-width: 500px;
+  width: 100%;
+}
+.links {
+  font-size: 14px;
+  text-align: center;
+}
+#threadlinks {
+  margin-bottom: 0.5em;
+  text-align: center;
+}
+#threadlist {
+  font-size: 14px;
+  line-height: 1;
+  max-height: 15em;
+  overflow-y: scroll;
+}
+#threadlist a {
+  text-decoration: none;
+}
+.mainpage .postform,
+.formpad {
+  padding-left: 40px;
+}
+.reply {
+  clear: both;
+  line-height: 1.25em;
+  margin-bottom: 1em;
+  overflow: hidden;
+}
+.num {
+  color: inherit !important;
+  font-weight: bold;
+  text-decoration: none;
+}
+.name em {
+  font-style: normal;
+}
+.del {
+  visibility: hidden;
+}
+.reply:hover .del {
+  visibility: visible;
+}
+.quoted {
+  font-size: 12px;
+  line-height: 1;
+}
+.msg {
+  margin: 1em 40px 0;
+}
+.msg hr {
+  margin-left: 0;
+  max-width: 500px;
+}
+a.thumb {
+  cursor: zoom-in;
+  font-size: 14px;
+  float: left;
+  margin: 1em 20px 0;
+  text-align: center;
+  text-decoration: none;
+  color: gray !important;
+}
+a.yt {
+  margin: 2px 0;
+  display: inline-block;
+  font-size: 12px;
+  line-height: 1.2em;
+  padding: 5px;
+  text-decoration: none;
+}
+a.yt .pvw {
+  width: 100px;
+  height: 60px;
+  overflow: hidden;
+  float: left;
+  margin-right: 5px;
+}
+a.yt .pvw img {
+  margin-top: -15px;
+  margin-left: -10px;
+}
+a.yt b {
+  font-size: 115%;
+}
+.deleted {
+  margin-bottom: 1em;
+}
+.hidden {
+  opacity: 0.5;
+}
+#q-p {
+  margin-right: 1em;
+  padding: 8px 8px 0;
+  position: absolute;
+}
+#q-p .del,
+#q-p .quoted,
+#q-p .thumb div {
+  display: none;
+}
+.lastposts {
+  text-align: center;
+  line-height: 1;
+}
+.lastposts #n2 {
+  text-decoration: underline;
+}
+.threadpage .threadlinks {
+  margin: 0.5em 0;
+}
+#size {
+  color: #f00;
+  font-family: arial, sans-serif;
+  font-weight: bold;
+  margin-bottom: 0.5em;
+}
+#createbox input,
+#createbox textarea {
+  width: 100%;
+}
+.pblock {
+  text-align: right;
+  white-space: nowrap;
+}
+form .msg {
+  margin: 0;
+  padding: 8px 2px;
+  text-align: left;
+}
+.end,
+#search {
+  margin-top: 8px;
+}
+.warn {
+  padding: 1px;
+}
+.stop {
+  padding: 1em 1px;
+}
+.yellow {
+  background: #ff0;
+  color: #000;
+}
+.red {
+  background: #f00;
+  color: #fff;
+}
+#listmenu {
+  margin-top: 7px;
+  text-align: center;
+}
+#content a {
+  text-decoration: none;
+}
+#content a:hover {
+  text-decoration: underline;
+}
+#content.list a {
+  display: block;
+  line-height: 1;
+}
+#content.list .row {
+  display: table-row;
+}
+#content.list .row div {
+  display: table-cell;
+  padding: 5px;
+}
+#content.list .row div.thread {
+  padding: 0;
+}
+#content.list .row div.thread a {
+  padding: 5px;
+}
+#content.list .pos,
+#content.list .com {
+  text-align: right;
+}
+#content.list #header div {
+  font-weight: bold;
+  text-align: center;
+  white-space: nowrap;
+}
+#content.grid,
+#threadlist {
+  display: -webkit-flex;
+  display: -moz-flex;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -moz-flex-flow: row wrap;
+  flex-flow: row wrap;
+}
+#content.grid .row,
+#threadlist a {
+  -webkit-flex: 1 1 auto;
+  -moz-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 4px;
+}
+#content.grid .row div {
+  display: inline;
+}
+@media (max-width: 720px) {
+  body {
+    font-size: 15px;
+  }
+  br {
+    line-height: 0.5em;
+  }
+  .banner {
+    width: 100% !important;
+    height: auto !important;
+    margin-top: 1em;
+  }
+  .outerbox,
+  .mainpage .thread,
+  #footer,
+  #content {
+    margin: 1em 0;
+  }
+  h1,
+  h2 a,
+  h5 {
+    font-size: 18px;
+  }
+  h4,
+  h2 span,
+  #rules {
+    font-size: 12px;
+  }
+  #threadlist {
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+  #size,
+  .postform br {
+    display: none;
+  }
+  div.reply {
+    margin-bottom: 0.5em;
+  }
+  .num {
+    margin: -10px;
+    padding: 10px;
+    position: relative;
+  }
+  .del {
+    visibility: visible;
+  }
+  div.msg {
+    margin: 0.5em 0 0;
+  }
+  .mainpage .postform,
+  .formpad {
+    padding-left: 0;
+  }
+  .postform > span {
+    display: table;
+    width: 100%;
+  }
+  .postform span > * {
+    display: table-cell;
+    margin-bottom: 2px;
+    white-space: nowrap;
+  }
+  .postform input,
+  textarea {
+    width: 100%;
+  }
+  .postform textarea {
+    height: 100px;
+  }
+  form,
+  #thread_nav,
+  #footer,
+  .end,
+  .locked {
+    font-size: 14px;
+    text-align: center;
+  }
+  #footer a {
+    display: block;
+  }
+  #content.list .row div {
+    padding: 0 2px;
+  }
+}
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
index afbc9cb..22a228a 100644
--- a/static/css/txt/bios.css
+++ b/static/css/txt/bios.css
@@ -1,54 +1,260 @@
-body,textarea,.lastposts #counter{background:#00A;color:#FFF}
-a,a .name,.lastposts #n2{color:#ff0;text-decoration:none}
-a:focus,a:active,a:active .name,#n2:active{background:#f00;color:#FFF}
-.mainpage .threadlinks a:before,#threadlinks a:before,.lastposts a:before,.lastposts label:before{content:'▶ '}
-input[type="text"],textarea,select{background:#00A;border:1px solid #FFF;color:#FFF}
-input[type="submit"],input[type="button"],button{background:#FFF;border:0;color:#000;padding:2px 9px}
-input[type="submit"]:active,input[type="button"]:active,button:active,select:focus{background:#000;border-style:solid;color:#FFF}
-::selection{background:#FFF;color:#000}
-::-moz-selection{background:#FFF;color:#000}
-hr{display:none}
-h2,.thread .threadnav{margin:.75em}
-h3{background:#FFF;color:#00A;margin:0;padding:2px 8px}
-h3 span{background:#00A;color:#FFF;padding:2px}
-#main_nav,#thread_nav{background:linear-gradient(270deg, #0000ff, #000000, #0000ff);background-position:0% 50%;-webkit-animation:bios 6s linear infinite;-moz-animation:bios 6s linear infinite;animation:bios 6s linear infinite;background-size:500% 500%}
-@-webkit-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
-@-moz-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
-@keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
-#main_nav a,#thread_nav a,.threadpage .threadlinks a{color:#FFF;text-decoration:underline}
-#main_nav .cur_brd{background:#FFF;color:#00A;padding:1px;text-decoration:none}
-#thread_nav{margin:-8px -8px 8px;padding:6px 16px}
-.innerbox{border:1px solid #FFF;margin:3px;padding:.75em}
-.innerbox.links{border-top:0;margin-top:-3px}
-#cur_stl{background:#ff0;color:#00A}
-.outerbox,.mainpage .thread,#threadlist,#content{border:1px solid #FFF}
-#threadlist a{border-right:1px solid #FFF;border-bottom:1px solid #FFF}
-.thread .innerbox{padding:0}
-.threadpage .thread{border-color:#FFF;border-style:double;border-width:4px 4px 1px}
-.reply,.deleted{border-top:1px solid #FFF;padding:.5em .75em 0}
-.threadpage .reply, .threadpage .deleted{padding:.5em .5em 0}
-.name em{background:#FFF;color:#00f}
-.q,.deleted,.abbrev{color:#5cf}
-.deleted{margin-bottom:.5em}
-#size{margin-left:.5em}
-.yt{border:1px solid #ff0}
-.yt:active{background:#f00;border:1px solid #f00;color:#FFF}
-.msg hr{display:block}
-#q-p{background:#00A;border:1px solid #FFF}
-#q-p .reply{border:0;padding:0}
-.lastposts{border-color:#FFF;border-style:double;border-width:0 4px;color:#00A;padding:.5em}
-.mainpage .threadlinks{margin-top:.75em}
-.threadpage .threadlinks{margin-top:0}
-.threadpage .postform{border-color:#FFF;border-style:double;border-width:1px 4px 4px;padding:.5em}
-.formpad{padding-left:0}
-.mainpage .postform{border-top:1px solid #FFF;padding:.75em}
-form .msg{border:3px double #FFF}
-#content.list{border:4px double #FFF}
-#content.list #header div{border-bottom:1px solid #FFF}
-#content.grid{border:1px solid #FFF;padding:2px}
-#content.grid .row{border:1px solid #FFF;margin:2px}
-@media(max-width:720px){
- body.threadpage{margin:8px 0}
- h2{margin-bottom:.5em}
- #thread_nav{margin:-8px 0px 8px}
-}
\ No newline at end of file
+body,
+textarea,
+.lastposts #counter {
+  background: #00a;
+  color: #fff;
+}
+a,
+a .name,
+.lastposts #n2 {
+  color: #ff0;
+  text-decoration: none;
+}
+a:focus,
+a:active,
+a:active .name,
+#n2:active {
+  background: #f00;
+  color: #fff;
+}
+.mainpage .threadlinks a:before,
+#threadlinks a:before,
+.lastposts a:before,
+.lastposts label:before {
+  content: "▶ ";
+}
+input[type="text"],
+textarea,
+select {
+  background: #00a;
+  border: 1px solid #fff;
+  color: #fff;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  background: #fff;
+  border: 0;
+  color: #000;
+  padding: 2px 9px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active,
+select:focus {
+  background: #000;
+  border-style: solid;
+  color: #fff;
+}
+::selection {
+  background: #fff;
+  color: #000;
+}
+::-moz-selection {
+  background: #fff;
+  color: #000;
+}
+hr {
+  display: none;
+}
+h2,
+.thread .threadnav {
+  margin: 0.75em;
+}
+h3 {
+  background: #fff;
+  color: #00a;
+  margin: 0;
+  padding: 2px 8px;
+}
+h3 span {
+  background: #00a;
+  color: #fff;
+  padding: 2px;
+}
+#main_nav,
+#thread_nav {
+  background: linear-gradient(270deg, #0000ff, #000000, #0000ff);
+  background-position: 0% 50%;
+  -webkit-animation: bios 6s linear infinite;
+  -moz-animation: bios 6s linear infinite;
+  animation: bios 6s linear infinite;
+  background-size: 500% 500%;
+}
+@-webkit-keyframes bios {
+  0% {
+    background-position: 0% 0%;
+  }
+  50% {
+    background-position: 250% 0%;
+  }
+  100% {
+    background-position: 500% 0%;
+  }
+}
+@-moz-keyframes bios {
+  0% {
+    background-position: 0% 0%;
+  }
+  50% {
+    background-position: 250% 0%;
+  }
+  100% {
+    background-position: 500% 0%;
+  }
+}
+@keyframes bios {
+  0% {
+    background-position: 0% 0%;
+  }
+  50% {
+    background-position: 250% 0%;
+  }
+  100% {
+    background-position: 500% 0%;
+  }
+}
+#main_nav a,
+#thread_nav a,
+.threadpage .threadlinks a {
+  color: #fff;
+  text-decoration: underline;
+}
+#main_nav .cur_brd {
+  background: #fff;
+  color: #00a;
+  padding: 1px;
+  text-decoration: none;
+}
+#thread_nav {
+  margin: -8px -8px 8px;
+  padding: 6px 16px;
+}
+.innerbox {
+  border: 1px solid #fff;
+  margin: 3px;
+  padding: 0.75em;
+}
+.innerbox.links {
+  border-top: 0;
+  margin-top: -3px;
+}
+#cur_stl {
+  background: #ff0;
+  color: #00a;
+}
+.outerbox,
+.mainpage .thread,
+#threadlist,
+#content {
+  border: 1px solid #fff;
+}
+#threadlist a {
+  border-right: 1px solid #fff;
+  border-bottom: 1px solid #fff;
+}
+.thread .innerbox {
+  padding: 0;
+}
+.threadpage .thread {
+  border-color: #fff;
+  border-style: double;
+  border-width: 4px 4px 1px;
+}
+.reply,
+.deleted {
+  border-top: 1px solid #fff;
+  padding: 0.5em 0.75em 0;
+}
+.threadpage .reply,
+.threadpage .deleted {
+  padding: 0.5em 0.5em 0;
+}
+.name em {
+  background: #fff;
+  color: #00f;
+}
+.q,
+.deleted,
+.abbrev {
+  color: #5cf;
+}
+.deleted {
+  margin-bottom: 0.5em;
+}
+#size {
+  margin-left: 0.5em;
+}
+.yt {
+  border: 1px solid #ff0;
+}
+.yt:active {
+  background: #f00;
+  border: 1px solid #f00;
+  color: #fff;
+}
+.msg hr {
+  display: block;
+}
+#q-p {
+  background: #00a;
+  border: 1px solid #fff;
+}
+#q-p .reply {
+  border: 0;
+  padding: 0;
+}
+.lastposts {
+  border-color: #fff;
+  border-style: double;
+  border-width: 0 4px;
+  color: #00a;
+  padding: 0.5em;
+}
+.mainpage .threadlinks {
+  margin-top: 0.75em;
+}
+.threadpage .threadlinks {
+  margin-top: 0;
+}
+.threadpage .postform {
+  border-color: #fff;
+  border-style: double;
+  border-width: 1px 4px 4px;
+  padding: 0.5em;
+}
+.formpad {
+  padding-left: 0;
+}
+.mainpage .postform {
+  border-top: 1px solid #fff;
+  padding: 0.75em;
+}
+form .msg {
+  border: 3px double #fff;
+}
+#content.list {
+  border: 4px double #fff;
+}
+#content.list #header div {
+  border-bottom: 1px solid #fff;
+}
+#content.grid {
+  border: 1px solid #fff;
+  padding: 2px;
+}
+#content.grid .row {
+  border: 1px solid #fff;
+  margin: 2px;
+}
+@media (max-width: 720px) {
+  body.threadpage {
+    margin: 8px 0;
+  }
+  h2 {
+    margin-bottom: 0.5em;
+  }
+  #thread_nav {
+    margin: -8px 0px 8px;
+  }
+}
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index 8222872..98bb8d3 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -1,65 +1,271 @@
-body.threadpage{margin-top:0}
-body{background:#6B7B8D;color:#FFF}
-a,#n2:active,h3 span{color:#AFB9C5}
-a:active,form a:active,#n2:active{color:#EEE}
-#main_nav a,.reply a,form a,#q-p a,.row a{color:#49525D}
-#main_nav a:active,.reply a:active,#q-p a:active,a:active .name,.row a:active{color:#8C9FB4}
-h2{color:#EEE;line-height:1;margin:0 0 10px}
-h2 a{color:#EEE}
-h3{color:#EEE;margin:0.7em 0}
-h4{background:#DDD;padding-bottom:.2em}
-hr{display:none}
-input[type=text],textarea,select{background:#EEE;border:1px inset #444}
-input[type=submit],input[type=button],button{background:#000;color:#FFF;border:1px outset #444}
-input[type=submit]:active,input[type=button]:active,button:active{color:#DDD}
-#main_nav{background:#FFF;color:#6B7B8D}
-.fix #main_nav{box-shadow:0 0 3px #000}
-#titlebox .innerbox:first-child{margin-bottom:5px}
-.outerbox{background:#49525D;padding:5px}
-.innerbox{margin:0;padding:10px}
-.links{padding-top:5px}
-#threadbox{margin-bottom:19px;margin-top:19px}
-#threadlist{background:#3e4247;border:1px inset #B6C2CF}
-#threadlist a{border-right:1px outset #B6C2CF;border-bottom:1px outset #B6C2CF}
-.mainpage .thread{background:#49525D}
-.threadpage .thread{background:#49525D;padding:1px 10px 0}
-#thread_nav{background:#49525D;margin-bottom:2px;padding:7px 10px}
-.postform,#createbox form,h5{background:#8C9FB4;color:#49525D;padding:10px}
-h5{margin:0;padding-bottom:0}
-.mainpage .postform{margin-top:10px}
-.reply{background:#FFF;border-top:.1em solid #DDD;border-right:10px solid #DDD;border-bottom:.1em solid #DDD;border-left:10px solid #DDD;color:#000;margin-bottom:0}
-.first{border-top:.2em solid #DDD}
-.name,a .name{color:#2B3037}
-.name em{color:#009}
-.del a{color:#000}
-.msg,a.thumb{background:#FFF;color:#000080;margin:10px}
-.msg hr{display:block}
-#size{color:#8C9FB4;margin:0;padding:.25em 0}
-.abbrev a{color:#000080}
-.abbrev,.q{color:#697685}
-.threadpage .postform{margin-top:2px;border:10px solid #49525D}
-.yt{background:#EEE;border:1px solid gray}
-.deleted{background:#DDD;color:#AFAFAF;margin-bottom:0;padding:3px 10px}
-#q-p{background:#FFF;color:#000;border:1px solid #49525D;padding:0}
-form .msg{border:1px inset #DDD;margin:0;padding:.5em 0.15em}
-.lastposts{background:#49525D;color:#AFB9C5;margin-top:2px;padding:.5em}
-.threadpage .threadlinks{margin:0}
-.warn,.stop{padding-left:10px;margin:2px 0}
-#footer a{color:#FFF}
-#content{background:#FFF;border:10px solid #49525D;color:#000080}
-#content.list #header div{background:#2c2c32;color:#EEE}
-#content.list .row:nth-child(odd),#content.grid .row:hover{background:#E7E7FF}
-#content.grid .row{border:1px solid #DDD}
-@media(max-width:720px){
- body.threadpage{margin:0 0 8px}
- .innerbox,.postform,#createbox form,h5{padding:4px;padding-left:4px}
- h2{margin-bottom:4px}
- h3{margin:.5em 0}
- h4{padding-bottom:0}
- .threadpage .thread{padding:1px 4px 4px}
- .mainpage .postform{margin-top:4px;padding-left:4px}
- div.reply{border-left-width:4px;border-right-width:4px;margin:0}
- .threadpage .postform{border-width:4px}
- div.msg,a.thumb{margin:4px}
- .thread form{margin-top:4px}
-}
\ No newline at end of file
+body.threadpage {
+  margin-top: 0;
+}
+body {
+  background: #6b7b8d;
+  color: #fff;
+}
+a,
+#n2:active,
+h3 span {
+  color: #afb9c5;
+}
+a:active,
+form a:active,
+#n2:active {
+  color: #eee;
+}
+#main_nav a,
+.reply a,
+form a,
+#q-p a,
+.row a {
+  color: #49525d;
+}
+#main_nav a:active,
+.reply a:active,
+#q-p a:active,
+a:active .name,
+.row a:active {
+  color: #8c9fb4;
+}
+h2 {
+  color: #eee;
+  line-height: 1;
+  margin: 0 0 10px;
+}
+h2 a {
+  color: #eee;
+}
+h3 {
+  color: #eee;
+  margin: 0.7em 0;
+}
+h4 {
+  background: #ddd;
+  padding-bottom: 0.2em;
+}
+hr {
+  display: none;
+}
+input[type="text"],
+textarea,
+select {
+  background: #eee;
+  border: 1px inset #444;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  background: #000;
+  color: #fff;
+  border: 1px outset #444;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  color: #ddd;
+}
+#main_nav {
+  background: #fff;
+  color: #6b7b8d;
+}
+.fix #main_nav {
+  box-shadow: 0 0 3px #000;
+}
+#titlebox .innerbox:first-child {
+  margin-bottom: 5px;
+}
+.outerbox {
+  background: #49525d;
+  padding: 5px;
+}
+.innerbox {
+  margin: 0;
+  padding: 10px;
+}
+.links {
+  padding-top: 5px;
+}
+#threadbox {
+  margin-bottom: 19px;
+  margin-top: 19px;
+}
+#threadlist {
+  background: #3e4247;
+  border: 1px inset #b6c2cf;
+}
+#threadlist a {
+  border-right: 1px outset #b6c2cf;
+  border-bottom: 1px outset #b6c2cf;
+}
+.mainpage .thread {
+  background: #49525d;
+}
+.threadpage .thread {
+  background: #49525d;
+  padding: 1px 10px 0;
+}
+#thread_nav {
+  background: #49525d;
+  margin-bottom: 2px;
+  padding: 7px 10px;
+}
+.postform,
+#createbox form,
+h5 {
+  background: #8c9fb4;
+  color: #49525d;
+  padding: 10px;
+}
+h5 {
+  margin: 0;
+  padding-bottom: 0;
+}
+.mainpage .postform {
+  margin-top: 10px;
+}
+.reply {
+  background: #fff;
+  border-top: 0.1em solid #ddd;
+  border-right: 10px solid #ddd;
+  border-bottom: 0.1em solid #ddd;
+  border-left: 10px solid #ddd;
+  color: #000;
+  margin-bottom: 0;
+}
+.first {
+  border-top: 0.2em solid #ddd;
+}
+.name,
+a .name {
+  color: #2b3037;
+}
+.name em {
+  color: #009;
+}
+.del a {
+  color: #000;
+}
+.msg,
+a.thumb {
+  background: #fff;
+  color: #000080;
+  margin: 10px;
+}
+.msg hr {
+  display: block;
+}
+#size {
+  color: #8c9fb4;
+  margin: 0;
+  padding: 0.25em 0;
+}
+.abbrev a {
+  color: #000080;
+}
+.abbrev,
+.q {
+  color: #697685;
+}
+.threadpage .postform {
+  margin-top: 2px;
+  border: 10px solid #49525d;
+}
+.yt {
+  background: #eee;
+  border: 1px solid gray;
+}
+.deleted {
+  background: #ddd;
+  color: #afafaf;
+  margin-bottom: 0;
+  padding: 3px 10px;
+}
+#q-p {
+  background: #fff;
+  color: #000;
+  border: 1px solid #49525d;
+  padding: 0;
+}
+form .msg {
+  border: 1px inset #ddd;
+  margin: 0;
+  padding: 0.5em 0.15em;
+}
+.lastposts {
+  background: #49525d;
+  color: #afb9c5;
+  margin-top: 2px;
+  padding: 0.5em;
+}
+.threadpage .threadlinks {
+  margin: 0;
+}
+.warn,
+.stop {
+  padding-left: 10px;
+  margin: 2px 0;
+}
+#footer a {
+  color: #fff;
+}
+#content {
+  background: #fff;
+  border: 10px solid #49525d;
+  color: #000080;
+}
+#content.list #header div {
+  background: #2c2c32;
+  color: #eee;
+}
+#content.list .row:nth-child(odd),
+#content.grid .row:hover {
+  background: #e7e7ff;
+}
+#content.grid .row {
+  border: 1px solid #ddd;
+}
+@media (max-width: 720px) {
+  body.threadpage {
+    margin: 0 0 8px;
+  }
+  .innerbox,
+  .postform,
+  #createbox form,
+  h5 {
+    padding: 4px;
+    padding-left: 4px;
+  }
+  h2 {
+    margin-bottom: 4px;
+  }
+  h3 {
+    margin: 0.5em 0;
+  }
+  h4 {
+    padding-bottom: 0;
+  }
+  .threadpage .thread {
+    padding: 1px 4px 4px;
+  }
+  .mainpage .postform {
+    margin-top: 4px;
+    padding-left: 4px;
+  }
+  div.reply {
+    border-left-width: 4px;
+    border-right-width: 4px;
+    margin: 0;
+  }
+  .threadpage .postform {
+    border-width: 4px;
+  }
+  div.msg,
+  a.thumb {
+    margin: 4px;
+  }
+  .thread form {
+    margin-top: 4px;
+  }
+}
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index 629275f..a1e4d56 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -1,55 +1,256 @@
-body{background:#000 url('../img/cyb.png');text-shadow:1px 1px #000}
-body,h3{color:#BA55D3}
-a,h2 a,#n2{color:#DB43B5}
-a:active,#n2:active{color:#F0F}
-h4{background:#2A4A75;padding:0 7px;text-shadow:0 2px #000}
-.threadpage h4{padding:0 3px}
-h4,h4 a,.name,.name a{color:#9370DB}
-h1,h2 a,h3,h5{text-shadow:1px 1px #000,0 0 10px}
-h1:after,h2 a:after,h3:after{content:"_";animation:blink 1s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}}
-h2,.thread .threadnav{margin:7px}
-h3{margin:8px 0}
-h3 span,#size,.abbrev{color:#639}
-hr{background:#2A4A75;border:0;height:1px;box-shadow:0 0 10px #2A4A75}
-.spoil{background:#2A4A75;color:#2A4A75;text-shadow:none}.spoil:hover{color:#000}
-input:active,input:focus,textarea:focus,button:active,button:active,select:focus{box-shadow:0 0 15px}
-.outerbox input,.outerbox textarea,select{background:#002f00;border:1px solid #68F855;color:#68F855}
-.outerbox input[type=submit],.outerbox input[type=button],.outerbox button{background:#0F0;border:3px outset #0F0;color:#000}
-.outerbox input[type=submit]:active,.outerbox input[type=button]:active,.outerbox button:active{background:#0C0;border-style:inset}
-.threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#000;border:1px solid #2A4A75;color:#2A4A75;text-shadow:1px 1px #000}
-.threadpage input[type=submit]:active,.threadpage input[type=button]:active,.thread input[type=submit]:active,.thread input[type=button]:active{border-color:#d21cea;color:#d21cea}
-#main_nav{background:#000;box-shadow:0 0 10px #68F855}
-.outerbox{background:#111;color:#5FE44E;border:3px outset #0F0;background:#0C0}
-.outerbox a,#main_nav a a,#footer a{color:#68F855}
-.outerbox a:active,#main_nav a:active a:active,#footer a:active{color:#ef6177}
-#threadlist{background:rgba(26,26,26,.5);border:3px solid #0C0}
-#threadlist a{border-right:1px solid #0C0;border-bottom:1px solid #0C0}
-.innerbox{border:3px inset #0F0}
-.outerbox .innerbox{background:#000 url('../img/green.gif')}
-.mainpage .thread,.thread .innerbox{border:1px solid #2A4A75}
-.mainpage .thread{background:#2A4A75;box-shadow:0 0 5px 5px #2A4A75}
-.thread .innerbox,.threadpage,#q-p,form .msg{background:#000 url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC')}
-.thread .innerbox{padding:0}
-.name em{color:#4B0082}
-.q{color:#9932CC}
-.deleted{background:none;border-color:#2A4A75;border-style:solid;border-width:1px 0;color:inherit}
-.yt{background:#000;border:1px solid #2A4A75}
-.mainpage .postform{border-top:1px solid #2A4A75;padding:1em 0 1em 40px}
-.formpad{padding:0}
-form .msg{border:1px dotted #2A4A75;color:#2A4A75}
-#q-p{border:1px solid #000;padding:0}
-#q-p .reply{border:3px double #2A4A75;margin:0;padding-bottom:1em}
-#q-p .reply h4{padding:1px}
-#footer{color:#0C0;text-shadow:0 0 5px #0F0}
-#footer a{color:#989898}
-#content{background:#000;border:3px double #d500fb;color:#39c8df}#content a{color:#d500fb}
-#content.list #header{text-shadow:0 0 5px}
-#content.list .row:nth-child(odd){background:#200020}
-#content.grid{border:2px solid #141937}
-#content.grid .row{border:2px solid #141937}
-#content.grid .row:hover{background:#27151D;border-color:#9B1937}
-#content .row:hover a{text-shadow:0 0 5px}
-@media(max-width:720px){
- div.msg{margin:.5em .5em 0}
- .mainpage .postform{padding:.5em}
-}
\ No newline at end of file
+body {
+  background: #000 url("../img/cyb.png");
+  text-shadow: 1px 1px #000;
+}
+body,
+h3 {
+  color: #ba55d3;
+}
+a,
+h2 a,
+#n2 {
+  color: #db43b5;
+}
+a:active,
+#n2:active {
+  color: #f0f;
+}
+h4 {
+  background: #2a4a75;
+  padding: 0 7px;
+  text-shadow: 0 2px #000;
+}
+.threadpage h4 {
+  padding: 0 3px;
+}
+h4,
+h4 a,
+.name,
+.name a {
+  color: #9370db;
+}
+h1,
+h2 a,
+h3,
+h5 {
+  text-shadow: 1px 1px #000, 0 0 10px;
+}
+h1:after,
+h2 a:after,
+h3:after {
+  content: "_";
+  animation: blink 1s infinite;
+}
+@keyframes blink {
+  from,
+  to {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+h2,
+.thread .threadnav {
+  margin: 7px;
+}
+h3 {
+  margin: 8px 0;
+}
+h3 span,
+#size,
+.abbrev {
+  color: #639;
+}
+hr {
+  background: #2a4a75;
+  border: 0;
+  height: 1px;
+  box-shadow: 0 0 10px #2a4a75;
+}
+.spoil {
+  background: #2a4a75;
+  color: #2a4a75;
+  text-shadow: none;
+}
+.spoil:hover {
+  color: #000;
+}
+input:active,
+input:focus,
+textarea:focus,
+button:active,
+button:active,
+select:focus {
+  box-shadow: 0 0 15px;
+}
+.outerbox input,
+.outerbox textarea,
+select {
+  background: #002f00;
+  border: 1px solid #68f855;
+  color: #68f855;
+}
+.outerbox input[type="submit"],
+.outerbox input[type="button"],
+.outerbox button {
+  background: #0f0;
+  border: 3px outset #0f0;
+  color: #000;
+}
+.outerbox input[type="submit"]:active,
+.outerbox input[type="button"]:active,
+.outerbox button:active {
+  background: #0c0;
+  border-style: inset;
+}
+.threadpage input,
+.threadpage textarea,
+.thread input,
+.thread textarea {
+  background: #000;
+  border: 1px solid #2a4a75;
+  color: #2a4a75;
+  text-shadow: 1px 1px #000;
+}
+.threadpage input[type="submit"]:active,
+.threadpage input[type="button"]:active,
+.thread input[type="submit"]:active,
+.thread input[type="button"]:active {
+  border-color: #d21cea;
+  color: #d21cea;
+}
+#main_nav {
+  background: #000;
+  box-shadow: 0 0 10px #68f855;
+}
+.outerbox {
+  background: #111;
+  color: #5fe44e;
+  border: 3px outset #0f0;
+  background: #0c0;
+}
+.outerbox a,
+#main_nav a a,
+#footer a {
+  color: #68f855;
+}
+.outerbox a:active,
+#main_nav a:active a:active,
+#footer a:active {
+  color: #ef6177;
+}
+#threadlist {
+  background: rgba(26, 26, 26, 0.5);
+  border: 3px solid #0c0;
+}
+#threadlist a {
+  border-right: 1px solid #0c0;
+  border-bottom: 1px solid #0c0;
+}
+.innerbox {
+  border: 3px inset #0f0;
+}
+.outerbox .innerbox {
+  background: #000 url("../img/green.gif");
+}
+.mainpage .thread,
+.thread .innerbox {
+  border: 1px solid #2a4a75;
+}
+.mainpage .thread {
+  background: #2a4a75;
+  box-shadow: 0 0 5px 5px #2a4a75;
+}
+.thread .innerbox,
+.threadpage,
+#q-p,
+form .msg {
+  background: #000
+    url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC");
+}
+.thread .innerbox {
+  padding: 0;
+}
+.name em {
+  color: #4b0082;
+}
+.q {
+  color: #9932cc;
+}
+.deleted {
+  background: none;
+  border-color: #2a4a75;
+  border-style: solid;
+  border-width: 1px 0;
+  color: inherit;
+}
+.yt {
+  background: #000;
+  border: 1px solid #2a4a75;
+}
+.mainpage .postform {
+  border-top: 1px solid #2a4a75;
+  padding: 1em 0 1em 40px;
+}
+.formpad {
+  padding: 0;
+}
+form .msg {
+  border: 1px dotted #2a4a75;
+  color: #2a4a75;
+}
+#q-p {
+  border: 1px solid #000;
+  padding: 0;
+}
+#q-p .reply {
+  border: 3px double #2a4a75;
+  margin: 0;
+  padding-bottom: 1em;
+}
+#q-p .reply h4 {
+  padding: 1px;
+}
+#footer {
+  color: #0c0;
+  text-shadow: 0 0 5px #0f0;
+}
+#footer a {
+  color: #989898;
+}
+#content {
+  background: #000;
+  border: 3px double #d500fb;
+  color: #39c8df;
+}
+#content a {
+  color: #d500fb;
+}
+#content.list #header {
+  text-shadow: 0 0 5px;
+}
+#content.list .row:nth-child(odd) {
+  background: #200020;
+}
+#content.grid {
+  border: 2px solid #141937;
+}
+#content.grid .row {
+  border: 2px solid #141937;
+}
+#content.grid .row:hover {
+  background: #27151d;
+  border-color: #9b1937;
+}
+#content .row:hover a {
+  text-shadow: 0 0 5px;
+}
+@media (max-width: 720px) {
+  div.msg {
+    margin: 0.5em 0.5em 0;
+  }
+  .mainpage .postform {
+    padding: 0.5em;
+  }
+}
diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css
index 74379b5..ecbc0e3 100644
--- a/static/css/txt/cuteanarchy.css
+++ b/static/css/txt/cuteanarchy.css
@@ -7,36 +7,37 @@
 */
 
 body {
- background:#ffd9c6;
- color: #CED1CF
+  background: #ffd9c6;
+  color: #ced1cf;
 }
 
 body.mainpage {
- background:#ffd9c6 url('/static/css/img/shobon.png') no-repeat fixed right bottom;
+  background: #ffd9c6 url("/static/css/img/shobon.png") no-repeat fixed right
+    bottom;
 }
 
 body.threadpage {
- background: #ffe8dc;
- color: #5d475a;
+  background: #ffe8dc;
+  color: #5d475a;
 }
 
 h4 {
- color: #ad9ecc;
+  color: #ad9ecc;
 }
 
 .msg a {
- color: #827699;
+  color: #827699;
 }
 
 a:hover,
 a:focus,
 #n2:hover {
- text-decoration: none;
- color: #edc1e8;
+  text-decoration: none;
+  color: #edc1e8;
 }
 
 hr {
- border: 1px inset #f4daf1
+  border: 1px inset #f4daf1;
 }
 
 input[type="text"],
@@ -44,251 +45,254 @@ input[type="submit"],
 input[type="button"],
 select,
 textarea {
- background: #e2ffeb;
- border: 1px solid #b4ccbc;
- color: #5d475a
+  background: #e2ffeb;
+  border: 1px solid #b4ccbc;
+  color: #5d475a;
 }
 
 input[type="submit"],
 input[type="button"] {
- background: #e2ffeb;
- padding: 1px 9px;
- color: #5d475a;
+  background: #e2ffeb;
+  padding: 1px 9px;
+  color: #5d475a;
 }
 
 input[type="submit"]:active,
 input[type="button"]:active {
- background: #f2d3df
+  background: #f2d3df;
 }
 
 .threadlinks {
- text-align: center;
- margin-top: 0.5em;
+  text-align: center;
+  margin-top: 0.5em;
 }
 
 h1 {
- color: #dc9656;
- font-size: 26px;
- margin-top: -5px;
- text-align: center
+  color: #dc9656;
+  font-size: 26px;
+  margin-top: -5px;
+  text-align: center;
 }
 
 h2 a {
- color: #e9b2e3;
+  color: #e9b2e3;
 }
 
 h2 small {
- color: #999;
- font-size: inherit;
- font-weight: normal
+  color: #999;
+  font-size: inherit;
+  font-weight: normal;
 }
 
 h3 {
- color: #ab4642
+  color: #ab4642;
 }
 
 h3 span {
- color: #999
+  color: #999;
 }
 
-
 #main_nav {
- background: #000;
- color: #7cafc2;
+  background: #000;
+  color: #7cafc2;
 }
 
 .banner {
- -webkit-filter: grayscale(60%);
- filter: grayscale(60%)
+  -webkit-filter: grayscale(60%);
+  filter: grayscale(60%);
 }
 
 .outerbox {
- margin: 1em auto;
- max-width: 1000px;
- background: #ffeae0;
- border: 1px solid #ffa67a;
- color: #777879
+  margin: 1em auto;
+  max-width: 1000px;
+  background: #ffeae0;
+  border: 1px solid #ffa67a;
+  color: #777879;
 }
 
 #titlebox .threadnav {
- margin: -6px
+  margin: -6px;
 }
 
 #threadlist {
- background: #ffd9c6;
- border: 1px solid #ffb793
+  background: #ffd9c6;
+  border: 1px solid #ffb793;
 }
 
 #threadlist a {
- border-right:1px solid #ffb793;
- border-bottom:1px solid #ffb793;
- color: #d1a0cc;
+  border-right: 1px solid #ffb793;
+  border-bottom: 1px solid #ffb793;
+  color: #d1a0cc;
 }
 
 .mainpage .thread,
 #content {
- margin: 0 auto 2em;
- background: #ffebe2;
- border: 5px double #FFF;
- color: #5d475a;
- max-width: 1000px;
- box-shadow: #000 5px;
- -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
- -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
- box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
+  margin: 0 auto 2em;
+  background: #ffebe2;
+  border: 5px double #fff;
+  color: #5d475a;
+  max-width: 1000px;
+  box-shadow: #000 5px;
+  -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
+  -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
+  box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
 }
 
 .reply {
- margin-bottom: 24px;
+  margin-bottom: 24px;
 }
 
 .threadpage .thread {
- color: #5d475a
+  color: #5d475a;
 }
 
 a,
 a .name,
 #n2 {
- color: #e39edc;
- text-decoration: none
+  color: #e39edc;
+  text-decoration: none;
 }
 
 .name {
- color: #7ca380;
- text-shadow: 2px 0 11px #ffd7c6;
- background-image: url('/static/css/img/bg1.gif');
+  color: #7ca380;
+  text-shadow: 2px 0 11px #ffd7c6;
+  background-image: url("/static/css/img/bg1.gif");
 }
 
 .name,
 .abbrev {
- color: #e9b2c8
+  color: #e9b2c8;
 }
 
 .name em {
- color: #88f
+  color: #88f;
 }
 
 .del a {
- color: #ab4642
+  color: #ab4642;
 }
 
 h4 .date {
- font-size: small;
- font-family: 'Courier New', Courier, monospace;
- vertical-align: middle;
+  font-size: small;
+  font-family: "Courier New", Courier, monospace;
+  vertical-align: middle;
 }
 
 h4 .date,
 .quoted {
- color: #4e4e4e;
+  color: #4e4e4e;
 }
 
 .msg {
- margin: 4px 40px 0 
+  margin: 4px 40px 0;
 }
 
 a.thumb {
- margin-top: 4px
+  margin-top: 4px;
 }
 
 .q {
- color: #666
+  color: #666;
 }
 
 .yt {
- background: #ffe2e8;
- border: 1px solid gray;
- color: #998d87
+  background: #ffe2e8;
+  border: 1px solid gray;
+  color: #998d87;
 }
 
 .yt:hover {
- text-decoration: none
+  text-decoration: none;
 }
 
 .deleted {
- color: #999;
- margin-bottom: 12px
+  color: #999;
+  margin-bottom: 12px;
 }
 
 #q-p {
- /*border: 1px solid #999*/
- background: #ffd9c6;
- border: 1px solid #efc9d8;
- border-radius: 3px;
- color: #66564f;
+  /*border: 1px solid #999*/
+  background: #ffd9c6;
+  border: 1px solid #efc9d8;
+  border-radius: 3px;
+  color: #66564f;
 }
 
 #q-p .reply {
- margin: 0;
- padding-bottom:1em
+  margin: 0;
+  padding-bottom: 1em;
 }
 
 .lastposts #n2 {
- text-decoration: none
+  text-decoration: none;
 }
 
 #size {
- color: #e9b2c8
+  color: #e9b2c8;
 }
 
 .end {
- font-size: small;
- font-family: monospace;
+  font-size: small;
+  font-family: monospace;
 }
 
 form .msg {
- background: #383838;
- border: 1px dotted #000
+  background: #383838;
+  border: 1px dotted #000;
 }
 
 .postform {
- margin: 0 auto;
- margin-left: 3em;
+  margin: 0 auto;
+  margin-left: 3em;
 }
 
 .mainpage .postform,
 .formpad {
- padding-left: 0px;
+  padding-left: 0px;
 }
 
 .formpad {
- margin: 0 auto;
- padding-left: 0;
- margin-top: 0.25em;
+  margin: 0 auto;
+  padding-left: 0;
+  margin-top: 0.25em;
 }
 
 #footer {
- color: #FFF6C6
+  color: #fff6c6;
 }
 
 #footer::after {
- content: "ヽ(*・ω・)ﾉ";
+  content: "ヽ(*・ω・)ﾉ";
 }
 
 .threads h1 {
- text-align: left
+  text-align: left;
 }
 
 #content.list #header div {
- background: #111213
+  background: #111213;
 }
 
 #content.list .row:nth-child(odd),
 #content.grid .row:hover {
- background: #191B1D
+  background: #191b1d;
 }
 
 #content.grid {
- border: 1px solid #4B4E55;
- padding: 1px
+  border: 1px solid #4b4e55;
+  padding: 1px;
 }
 
 #content.grid .row {
- border: 1px solid #4B4E55;
- margin: 1px
+  border: 1px solid #4b4e55;
+  margin: 1px;
 }
 
-@media(max-width:720px) {
- h1 {font-size:18px}
- .postform {margin-left:0}
-}
\ No newline at end of file
+@media (max-width: 720px) {
+  h1 {
+    font-size: 18px;
+  }
+  .postform {
+    margin-left: 0;
+  }
+}
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index 42c25af..3f76d50 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -1,52 +1,195 @@
-body{background:#13334c;color:#edf9fc}
-body.threadpage,body.threads{margin-top:0}
-a,a .name,#n2{color:#efd279}
-a:active,a:active .name,#n2:active{color:#d00}
-h1{background:#5b8bb4;margin:-10px -10px 10px;padding:10px}
-h2 span{color:#aaa;margin-right:2px}
-h2 a,h2 a:active{color:#de9d7f;text-decoration:none}
-h3{color:#de9d7f;margin:0.7em 0}
-h3 span{color:#909090}
-hr{display:none}
-input,input[type=submit],input[type=button],input[type="text"],textarea,button,select{border:1px solid #3b6b94}
-input[type=submit],input[type=button],button{background:#aaf;color:#2c5700}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#88c}
-#main_nav{background:#1d7548}
-.fix #main_nav{box-shadow:0 0 3px #000}
-#titlebox{margin-bottom:0}
-.outerbox{background:#3b6b94}
-.innerbox{margin:0;padding:10px}
-.thread .innerbox{padding:0}
-.links{background:#5b8bb4}
-#threadlist{background:#154a72;border:1px inset #1b3345}
-#threadlist a{border-right:1px outset #1b3345;border-bottom:1px outset #1b3345}
-#thread_nav{background:#1d7548;padding:6px}
-.name{color:#afd775}
-.name em{color:#009}
-.del a{color:#fff}
-.msg{margin:4px 40px 0}
-.reply{margin-bottom:24px}
-.q{color:#aac}
-.yt{background:#2f587a;border:1px solid #1b2933}
-.msg hr{display:block}
-.deleted{color:#afafaf;margin-bottom:24px}
-#size{color:#de9d7f}
-.abbrev{color:#bbb}
-.postform,#createbox,.threads .outerbox,#content{border-right:2px solid #5b8bb4;border-bottom:2px solid #5b8bb4;background:#3b6b94}
-.postform{padding:10px}
-.threadpage .threadlinks{margin:0 0 3px}
-form .msg{border:1px dashed #000;background:#1b3345}
-#q-p{background:#1b3345;border:1px solid #3b6b94}
-#q-p .reply{margin-bottom:1em}
-.lastposts{background:#5b8bb4;padding:8px}
-#content{padding:0 10px 10px}
-#content.list #header div{background:#3b6b94}
-#content.list .row:nth-child(odd){background:#1b3345}
-#content.list .row:nth-child(even){background:#294b68}
-#content.grid{border:0;padding:0}
-#content.grid .row{border-width:0 2px 2px 0;border-style:solid;border-color:#5b8bb4}
-#content.grid .row:hover{background:#154a72}
-@media(max-width:720px){
- .thread .innerbox{padding:8px}
- .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px}
-}
\ No newline at end of file
+body {
+  background: #13334c;
+  color: #edf9fc;
+}
+body.threadpage,
+body.threads {
+  margin-top: 0;
+}
+a,
+a .name,
+#n2 {
+  color: #efd279;
+}
+a:active,
+a:active .name,
+#n2:active {
+  color: #d00;
+}
+h1 {
+  background: #5b8bb4;
+  margin: -10px -10px 10px;
+  padding: 10px;
+}
+h2 span {
+  color: #aaa;
+  margin-right: 2px;
+}
+h2 a,
+h2 a:active {
+  color: #de9d7f;
+  text-decoration: none;
+}
+h3 {
+  color: #de9d7f;
+  margin: 0.7em 0;
+}
+h3 span {
+  color: #909090;
+}
+hr {
+  display: none;
+}
+input,
+input[type="submit"],
+input[type="button"],
+input[type="text"],
+textarea,
+button,
+select {
+  border: 1px solid #3b6b94;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  background: #aaf;
+  color: #2c5700;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  background: #88c;
+}
+#main_nav {
+  background: #1d7548;
+}
+.fix #main_nav {
+  box-shadow: 0 0 3px #000;
+}
+#titlebox {
+  margin-bottom: 0;
+}
+.outerbox {
+  background: #3b6b94;
+}
+.innerbox {
+  margin: 0;
+  padding: 10px;
+}
+.thread .innerbox {
+  padding: 0;
+}
+.links {
+  background: #5b8bb4;
+}
+#threadlist {
+  background: #154a72;
+  border: 1px inset #1b3345;
+}
+#threadlist a {
+  border-right: 1px outset #1b3345;
+  border-bottom: 1px outset #1b3345;
+}
+#thread_nav {
+  background: #1d7548;
+  padding: 6px;
+}
+.name {
+  color: #afd775;
+}
+.name em {
+  color: #009;
+}
+.del a {
+  color: #fff;
+}
+.msg {
+  margin: 4px 40px 0;
+}
+.reply {
+  margin-bottom: 24px;
+}
+.q {
+  color: #aac;
+}
+.yt {
+  background: #2f587a;
+  border: 1px solid #1b2933;
+}
+.msg hr {
+  display: block;
+}
+.deleted {
+  color: #afafaf;
+  margin-bottom: 24px;
+}
+#size {
+  color: #de9d7f;
+}
+.abbrev {
+  color: #bbb;
+}
+.postform,
+#createbox,
+.threads .outerbox,
+#content {
+  border-right: 2px solid #5b8bb4;
+  border-bottom: 2px solid #5b8bb4;
+  background: #3b6b94;
+}
+.postform {
+  padding: 10px;
+}
+.threadpage .threadlinks {
+  margin: 0 0 3px;
+}
+form .msg {
+  border: 1px dashed #000;
+  background: #1b3345;
+}
+#q-p {
+  background: #1b3345;
+  border: 1px solid #3b6b94;
+}
+#q-p .reply {
+  margin-bottom: 1em;
+}
+.lastposts {
+  background: #5b8bb4;
+  padding: 8px;
+}
+#content {
+  padding: 0 10px 10px;
+}
+#content.list #header div {
+  background: #3b6b94;
+}
+#content.list .row:nth-child(odd) {
+  background: #1b3345;
+}
+#content.list .row:nth-child(even) {
+  background: #294b68;
+}
+#content.grid {
+  border: 0;
+  padding: 0;
+}
+#content.grid .row {
+  border-width: 0 2px 2px 0;
+  border-style: solid;
+  border-color: #5b8bb4;
+}
+#content.grid .row:hover {
+  background: #154a72;
+}
+@media (max-width: 720px) {
+  .thread .innerbox {
+    padding: 8px;
+  }
+  .innerbox,
+  .postform,
+  .mainpage .postform {
+    padding: 8px;
+    padding-left: 8px;
+  }
+}
diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css
index 2e7feab..706abc7 100644
--- a/static/css/txt/gamer.css
+++ b/static/css/txt/gamer.css
@@ -1,51 +1,221 @@
-body{color:#FFF}
-body{background:#000 url('../img/g_bg.png') fixed}
-a,.name,a .name{color:#AFA}
-a:active,a:active .name{color:#FFF}
-h1,h2,h3,h5,#content.list #header div{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC');color:#FFF;text-shadow:1px 1px #002}
-h1,h2,h3,h5{font-size:18px;margin:-7px -7px 8px;padding:8px}
-h2 a{color:#FFF;font-size:18px}
-h3 span{font-weight:bold;margin-left:4px}
-hr{display:none}
-#main_nav{background:url('../img/g_b2.gif') bottom repeat-x}
-#main_nav a a{color:#FFF;text-decoration:none}#main_nav a:active a:active{color:#E0E0FF}
-#thread_nav{margin:6px 0}
-.cur_brd,.fix #main_nav a a{background:url('../img/g_b3.gif') bottom repeat-x;margin-bottom:-4px;padding-bottom:4px}
-#thread_nav a,.lastposts a,#n2{color:#66B}#thread_nav a:active,.lastposts a:active,#n2:active{color:#AFA}
-.links,#threadlinks,.threadlinks{background:url('../img/g_bg3.png') top center;color:#FF0}
-h4 a,.threadnav a,.links a,#footer a{text-decoration:none}
-#threadlinks a,.threadlinks a{color:#FFF}#threadlinks a:active,.threadlinks a:active{color:#404040}
-#threadlinks{margin:-7px -7px 7px;padding:7px}
-.mainpage .threadlinks{margin:1em -7px -7px;padding:.5em 7px}
-.threadpage .threadlinks{margin:-7px -7px .5em;padding:.5em}
-#threadlist{border-top:1px solid #111;border-left:1px solid #111}
-#threadlist a{border-right:1px solid #111;border-bottom:1px solid #111}
-.innerbox{margin:0}
-.outerbox,.thread,.threadpage .postform,#content{background:#050505 url('../img/g_p.gif');border:6px solid transparent;-moz-border-image:url('../img/g_b.gif') 6 6 round round;-webkit-border-image:url('../img/g_b.gif') 6 6 round round;-o-border-image:url('../img/g_b.gif') 6 6 round round;border-image:url('../img/g_b.gif') 6 6 round round}
-.threadpage .thread,.threadpage .postform{margin-bottom:.5em;padding:7px}
-.reply{border-top:1px solid #111;padding-top:.5em}
-.name em{color:#FF0}
-h4 .date,.del a,.abbrev{color:#AAA}
-.q{color:#666}
-.yt{background:#000;border:1px solid #111}
-.deleted{color:#AFAFAF;margin-bottom:24px}
-.msg hr{display:block}
-.mainpage .postform{border-top:1px solid #111;padding:1em 0 0}
-.formpad{padding-left:0}
-form .msg{border:1px dotted #111}
-#q-p{background:#EFEFEF;border:1px solid #999}
-#q-p .reply{margin-bottom:8px}
-#size{color:#FF0;margin:0}
-.lastposts{color:#66B;padding-bottom:.5em}
-.del a,#footer a:active{text-decoration:underline}
-#content .thread{border:0}
-#content a:hover{color:#FFF}
-#content.list .pos,#content.list .com{color:#AAA}
-#content.list .row div,#content.grid .row{border-width:0 1px 1px 0;border-style:solid;border-color:#111}
-#content.grid .row{border:1px solid #111;margin:1px}
-@media(max-width:720px){
- body.threadpage{margin:2px}
- #threadlinks,.threadlinks{padding:4px}
- .mainpage .threadlinks{margin-top:.5em}
- .mainpage .postform{padding:.5em 0 0}
-}
\ No newline at end of file
+body {
+  color: #fff;
+}
+body {
+  background: #000 url("../img/g_bg.png") fixed;
+}
+a,
+.name,
+a .name {
+  color: #afa;
+}
+a:active,
+a:active .name {
+  color: #fff;
+}
+h1,
+h2,
+h3,
+h5,
+#content.list #header div {
+  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC");
+  color: #fff;
+  text-shadow: 1px 1px #002;
+}
+h1,
+h2,
+h3,
+h5 {
+  font-size: 18px;
+  margin: -7px -7px 8px;
+  padding: 8px;
+}
+h2 a {
+  color: #fff;
+  font-size: 18px;
+}
+h3 span {
+  font-weight: bold;
+  margin-left: 4px;
+}
+hr {
+  display: none;
+}
+#main_nav {
+  background: url("../img/g_b2.gif") bottom repeat-x;
+}
+#main_nav a a {
+  color: #fff;
+  text-decoration: none;
+}
+#main_nav a:active a:active {
+  color: #e0e0ff;
+}
+#thread_nav {
+  margin: 6px 0;
+}
+.cur_brd,
+.fix #main_nav a a {
+  background: url("../img/g_b3.gif") bottom repeat-x;
+  margin-bottom: -4px;
+  padding-bottom: 4px;
+}
+#thread_nav a,
+.lastposts a,
+#n2 {
+  color: #66b;
+}
+#thread_nav a:active,
+.lastposts a:active,
+#n2:active {
+  color: #afa;
+}
+.links,
+#threadlinks,
+.threadlinks {
+  background: url("../img/g_bg3.png") top center;
+  color: #ff0;
+}
+h4 a,
+.threadnav a,
+.links a,
+#footer a {
+  text-decoration: none;
+}
+#threadlinks a,
+.threadlinks a {
+  color: #fff;
+}
+#threadlinks a:active,
+.threadlinks a:active {
+  color: #404040;
+}
+#threadlinks {
+  margin: -7px -7px 7px;
+  padding: 7px;
+}
+.mainpage .threadlinks {
+  margin: 1em -7px -7px;
+  padding: 0.5em 7px;
+}
+.threadpage .threadlinks {
+  margin: -7px -7px 0.5em;
+  padding: 0.5em;
+}
+#threadlist {
+  border-top: 1px solid #111;
+  border-left: 1px solid #111;
+}
+#threadlist a {
+  border-right: 1px solid #111;
+  border-bottom: 1px solid #111;
+}
+.innerbox {
+  margin: 0;
+}
+.outerbox,
+.thread,
+.threadpage .postform,
+#content {
+  background: #050505 url("../img/g_p.gif");
+  border: 6px solid transparent;
+  -moz-border-image: url("../img/g_b.gif") 6 6 round round;
+  -webkit-border-image: url("../img/g_b.gif") 6 6 round round;
+  -o-border-image: url("../img/g_b.gif") 6 6 round round;
+  border-image: url("../img/g_b.gif") 6 6 round round;
+}
+.threadpage .thread,
+.threadpage .postform {
+  margin-bottom: 0.5em;
+  padding: 7px;
+}
+.reply {
+  border-top: 1px solid #111;
+  padding-top: 0.5em;
+}
+.name em {
+  color: #ff0;
+}
+h4 .date,
+.del a,
+.abbrev {
+  color: #aaa;
+}
+.q {
+  color: #666;
+}
+.yt {
+  background: #000;
+  border: 1px solid #111;
+}
+.deleted {
+  color: #afafaf;
+  margin-bottom: 24px;
+}
+.msg hr {
+  display: block;
+}
+.mainpage .postform {
+  border-top: 1px solid #111;
+  padding: 1em 0 0;
+}
+.formpad {
+  padding-left: 0;
+}
+form .msg {
+  border: 1px dotted #111;
+}
+#q-p {
+  background: #efefef;
+  border: 1px solid #999;
+}
+#q-p .reply {
+  margin-bottom: 8px;
+}
+#size {
+  color: #ff0;
+  margin: 0;
+}
+.lastposts {
+  color: #66b;
+  padding-bottom: 0.5em;
+}
+.del a,
+#footer a:active {
+  text-decoration: underline;
+}
+#content .thread {
+  border: 0;
+}
+#content a:hover {
+  color: #fff;
+}
+#content.list .pos,
+#content.list .com {
+  color: #aaa;
+}
+#content.list .row div,
+#content.grid .row {
+  border-width: 0 1px 1px 0;
+  border-style: solid;
+  border-color: #111;
+}
+#content.grid .row {
+  border: 1px solid #111;
+  margin: 1px;
+}
+@media (max-width: 720px) {
+  body.threadpage {
+    margin: 2px;
+  }
+  #threadlinks,
+  .threadlinks {
+    padding: 4px;
+  }
+  .mainpage .threadlinks {
+    margin-top: 0.5em;
+  }
+  .mainpage .postform {
+    padding: 0.5em 0 0;
+  }
+}
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index 3c5183c..de4d9cf 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -1,43 +1,180 @@
-body{background:#FFF}
-body,textarea{color:#000}
-a,#n2,h3 span{color:#D60}
-a:active .name,h2 a:active,h4 a:active,a:active,#n2:active{color:#FA4}
-h2 a,.del a,.name,h4 a,h4{color:#000}
-h1{border-bottom:2px solid #F70;padding:0 10px;margin:0 -10px 10px}
-h2,h3{background:#EEE;border-bottom:2px solid #F70;display:inline-block;padding:2px 3px}
-h3{margin:0.7em 0}
-h4{background:#EEE;border-bottom:1px solid #BBB;padding:0 3px}
-hr{display:none}
-input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{border:1px solid #000}
-input[type="submit"],input[type="button"],button{background:#DDD}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#CCC;border-style:solid}
-.fix #main_nav{background:#FFF;border-bottom:2px solid #BBB}
-.outerbox,#titlebox .innerbox:first-child,.postform,.lastposts,#content{background:#EEE;border-bottom:2px solid #BBB}
-.innerbox{margin:0;padding:10px}
-.thread .innerbox{padding:0}
-#threadlist{background:#fff;border:1px inset #BBB}
-#threadlist a{border-right:1px outset #BBB;border-bottom:1px outset #BBB}
-#thread_nav{border-bottom:2px solid #F70;padding:0 0 6px 6px}
-.mainpage .first div.msg::first-letter{font-size:1.5em;text-transform:uppercase}
-.name em{color:#009;font-style:normal}
-.q,.abbrev{color:#7f7f7f}
-.yt{background:#f2f2f2;border:1px solid #bbb}
-.msg hr{display:block;max-width:500px;margin-left:0}
-#size{color:#D60}
-.deleted{color:#AFAFAF}
-#q-p{background:#FFF;border:1px solid #BBB;border-bottom:2px solid #BBB}
-.lastposts{padding:8px}
-.threadpage .threadlinks{margin:0 0 3px}
-.postform{padding:10px}
-form .msg{border:1px dashed #000;background:#FFF;margin:0;padding:.5em 0.15em}
-#content{padding:0 10px 10px}
-#content.list #header div{background:#EEE}
-#content.list .row:nth-child(odd){background:#FFF}
-#content.list .row:nth-child(even){background:#DDD}
-#content.grid{border:1px solid #BBB;padding:0}
-#content.grid .row{border:1px solid #BBB}
-#content.grid .row:hover{background:#DDD}
-@media(max-width:720px){
- .thread .innerbox{padding:8px}
- .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px}
-}
\ No newline at end of file
+body {
+  background: #fff;
+}
+body,
+textarea {
+  color: #000;
+}
+a,
+#n2,
+h3 span {
+  color: #d60;
+}
+a:active .name,
+h2 a:active,
+h4 a:active,
+a:active,
+#n2:active {
+  color: #fa4;
+}
+h2 a,
+.del a,
+.name,
+h4 a,
+h4 {
+  color: #000;
+}
+h1 {
+  border-bottom: 2px solid #f70;
+  padding: 0 10px;
+  margin: 0 -10px 10px;
+}
+h2,
+h3 {
+  background: #eee;
+  border-bottom: 2px solid #f70;
+  display: inline-block;
+  padding: 2px 3px;
+}
+h3 {
+  margin: 0.7em 0;
+}
+h4 {
+  background: #eee;
+  border-bottom: 1px solid #bbb;
+  padding: 0 3px;
+}
+hr {
+  display: none;
+}
+input,
+input[type="submit"],
+input[type="button"],
+input[type="text"],
+textarea,
+button,
+select {
+  border: 1px solid #000;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  background: #ddd;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  background: #ccc;
+  border-style: solid;
+}
+.fix #main_nav {
+  background: #fff;
+  border-bottom: 2px solid #bbb;
+}
+.outerbox,
+#titlebox .innerbox:first-child,
+.postform,
+.lastposts,
+#content {
+  background: #eee;
+  border-bottom: 2px solid #bbb;
+}
+.innerbox {
+  margin: 0;
+  padding: 10px;
+}
+.thread .innerbox {
+  padding: 0;
+}
+#threadlist {
+  background: #fff;
+  border: 1px inset #bbb;
+}
+#threadlist a {
+  border-right: 1px outset #bbb;
+  border-bottom: 1px outset #bbb;
+}
+#thread_nav {
+  border-bottom: 2px solid #f70;
+  padding: 0 0 6px 6px;
+}
+.mainpage .first div.msg::first-letter {
+  font-size: 1.5em;
+  text-transform: uppercase;
+}
+.name em {
+  color: #009;
+  font-style: normal;
+}
+.q,
+.abbrev {
+  color: #7f7f7f;
+}
+.yt {
+  background: #f2f2f2;
+  border: 1px solid #bbb;
+}
+.msg hr {
+  display: block;
+  max-width: 500px;
+  margin-left: 0;
+}
+#size {
+  color: #d60;
+}
+.deleted {
+  color: #afafaf;
+}
+#q-p {
+  background: #fff;
+  border: 1px solid #bbb;
+  border-bottom: 2px solid #bbb;
+}
+.lastposts {
+  padding: 8px;
+}
+.threadpage .threadlinks {
+  margin: 0 0 3px;
+}
+.postform {
+  padding: 10px;
+}
+form .msg {
+  border: 1px dashed #000;
+  background: #fff;
+  margin: 0;
+  padding: 0.5em 0.15em;
+}
+#content {
+  padding: 0 10px 10px;
+}
+#content.list #header div {
+  background: #eee;
+}
+#content.list .row:nth-child(odd) {
+  background: #fff;
+}
+#content.list .row:nth-child(even) {
+  background: #ddd;
+}
+#content.grid {
+  border: 1px solid #bbb;
+  padding: 0;
+}
+#content.grid .row {
+  border: 1px solid #bbb;
+}
+#content.grid .row:hover {
+  background: #ddd;
+}
+@media (max-width: 720px) {
+  .thread .innerbox {
+    padding: 8px;
+  }
+  .innerbox,
+  .postform,
+  .mainpage .postform {
+    padding: 8px;
+    padding-left: 8px;
+  }
+}
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index 15996c7..2b88a0c 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -1,49 +1,229 @@
-body,textarea{color:#000}
-body{background:#E5B98D}
-a,a .name,#n2{color:#3683C2}
-a:active,a:active .name,#n2:active{color:#E9976B}
-input[type="text"],textarea,select{background:#FFF;border:1px solid #CCC}
-input[type="text"]:focus,textarea:focus,select:focus{border-color:#888}
-input[type="submit"],input[type="button"],button{background:#CBCBCB;border:0;padding:2px 10px}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#B1B1B1}
-body>hr{position:absolute;top:0;left:8px;right:8px;border:0;background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px);height:1em}
-hr,.threadpage .thread{background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px)}
-h2 span{color:#686868}
-h2 a,h2 a:active,h3{color:#3E3020}
-h2 a:active{text-decoration:underline}
-h3{margin-top:0}
-h3 span{color:dimgrey}
-h4{background:#F0E7CE;color:#686868;padding-left:3px}
-#main_nav,.outerbox{background:#FFF}
-.fix #main_nav{box-shadow:0 0 3px #000}
-.outerbox{border:1px solid #FFF}
-#threadlist{background:#EFEFEF;border:1px inset #EFEFEF}
-#threadlist a{border-right:1px outset #EFEFEF;border-bottom:1px outset #EFEFEF}
-.thread .innerbox{background:#FFF;box-shadow:1px 1px 0 rgba(0,0,0,0.1),3px 3px 0 rgba(255,255,255,1),4px 4px 0 rgba(0,0,0,0.125),6px 6px 0 rgba(255,255,255,1),7px 7px 0 rgba(0,0,0,0.15),9px 9px 0 rgba(255,255,255,1),10px 10px 0 rgba(0,0,0,0.175),12px 12px 0 rgba(255,255,255,1),13px 13px 0 rgba(0,0,0,0.175);margin:8px 12px 8px 0;padding:8px}
-#thread_nav{background:#FFF;font-style:italic;padding:1.5em 8px .5em}
-.threadpage .thread{background-color:#FFF;background-position:bottom;background-repeat:repeat-x;background-size:100% 1em;overflow:hidden;padding:0 10px 1em}
-.innerbox.links{border-top:1px solid #E5B98D;margin:0 -1px}
-.name,.abbrev{color:#416D91}
-.name em{color:#009}
-.del a{color:#000}
-.q{color:#666;display:inline-block}
-.q:hover{background:#F0F0E0}
-.yt{background:#EEE;border:1px solid #CCC}
-.deleted{background:#F7F3E6;color:#AAA}
-#q-p{background:#FFF;border:1px solid #CCC}
-#createbox{background:#F0E7CE;border-color:#F0E7CE;color:#353535}
-.lastposts,.threadpage .postform{margin-top:.5em;padding:.5em}
-.lastposts,.threadpage .postform,.threads .outerbox,#content.list,#content.grid .row{background:#FFF;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3)}
-.threadpage .threadlinks{margin-top:0}
-form .msg{border:1px dotted #CCC;background:#FFF}
-#footer{color:#333}
-#content.list{padding:8px}
-#content.list #header div{background:#6AA9D7}
-#content.list .row:hover,#content.grid .row:hover{background:#B7D2E8}
-#content.list .row a:hover,#content.grid .row:hover a{color:#0801BF}
-#content.grid .row{margin:4px}
-@media(max-width:720px){
- body.threadpage{margin:0 0 8px}
- body>hr{top:-8px;left:0;right:0}
- #createbox .innerbox{padding:0}
-}
\ No newline at end of file
+body,
+textarea {
+  color: #000;
+}
+body {
+  background: #e5b98d;
+}
+a,
+a .name,
+#n2 {
+  color: #3683c2;
+}
+a:active,
+a:active .name,
+#n2:active {
+  color: #e9976b;
+}
+input[type="text"],
+textarea,
+select {
+  background: #fff;
+  border: 1px solid #ccc;
+}
+input[type="text"]:focus,
+textarea:focus,
+select:focus {
+  border-color: #888;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  background: #cbcbcb;
+  border: 0;
+  padding: 2px 10px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  background: #b1b1b1;
+}
+body > hr {
+  position: absolute;
+  top: 0;
+  left: 8px;
+  right: 8px;
+  border: 0;
+  background-image: repeating-linear-gradient(
+    125deg,
+    #ee4c47 0px,
+    #ee4c47 30px,
+    #fff 30px,
+    #fff 50px,
+    #5caceb 50px,
+    #5caceb 80px,
+    #fff 80px,
+    #fff 100px
+  );
+  height: 1em;
+}
+hr,
+.threadpage .thread {
+  background-image: repeating-linear-gradient(
+    125deg,
+    #ee4c47 0px,
+    #ee4c47 30px,
+    #fff 30px,
+    #fff 50px,
+    #5caceb 50px,
+    #5caceb 80px,
+    #fff 80px,
+    #fff 100px
+  );
+}
+h2 span {
+  color: #686868;
+}
+h2 a,
+h2 a:active,
+h3 {
+  color: #3e3020;
+}
+h2 a:active {
+  text-decoration: underline;
+}
+h3 {
+  margin-top: 0;
+}
+h3 span {
+  color: dimgrey;
+}
+h4 {
+  background: #f0e7ce;
+  color: #686868;
+  padding-left: 3px;
+}
+#main_nav,
+.outerbox {
+  background: #fff;
+}
+.fix #main_nav {
+  box-shadow: 0 0 3px #000;
+}
+.outerbox {
+  border: 1px solid #fff;
+}
+#threadlist {
+  background: #efefef;
+  border: 1px inset #efefef;
+}
+#threadlist a {
+  border-right: 1px outset #efefef;
+  border-bottom: 1px outset #efefef;
+}
+.thread .innerbox {
+  background: #fff;
+  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), 3px 3px 0 rgba(255, 255, 255, 1),
+    4px 4px 0 rgba(0, 0, 0, 0.125), 6px 6px 0 rgba(255, 255, 255, 1),
+    7px 7px 0 rgba(0, 0, 0, 0.15), 9px 9px 0 rgba(255, 255, 255, 1),
+    10px 10px 0 rgba(0, 0, 0, 0.175), 12px 12px 0 rgba(255, 255, 255, 1),
+    13px 13px 0 rgba(0, 0, 0, 0.175);
+  margin: 8px 12px 8px 0;
+  padding: 8px;
+}
+#thread_nav {
+  background: #fff;
+  font-style: italic;
+  padding: 1.5em 8px 0.5em;
+}
+.threadpage .thread {
+  background-color: #fff;
+  background-position: bottom;
+  background-repeat: repeat-x;
+  background-size: 100% 1em;
+  overflow: hidden;
+  padding: 0 10px 1em;
+}
+.innerbox.links {
+  border-top: 1px solid #e5b98d;
+  margin: 0 -1px;
+}
+.name,
+.abbrev {
+  color: #416d91;
+}
+.name em {
+  color: #009;
+}
+.del a {
+  color: #000;
+}
+.q {
+  color: #666;
+  display: inline-block;
+}
+.q:hover {
+  background: #f0f0e0;
+}
+.yt {
+  background: #eee;
+  border: 1px solid #ccc;
+}
+.deleted {
+  background: #f7f3e6;
+  color: #aaa;
+}
+#q-p {
+  background: #fff;
+  border: 1px solid #ccc;
+}
+#createbox {
+  background: #f0e7ce;
+  border-color: #f0e7ce;
+  color: #353535;
+}
+.lastposts,
+.threadpage .postform {
+  margin-top: 0.5em;
+  padding: 0.5em;
+}
+.lastposts,
+.threadpage .postform,
+.threads .outerbox,
+#content.list,
+#content.grid .row {
+  background: #fff;
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+}
+.threadpage .threadlinks {
+  margin-top: 0;
+}
+form .msg {
+  border: 1px dotted #ccc;
+  background: #fff;
+}
+#footer {
+  color: #333;
+}
+#content.list {
+  padding: 8px;
+}
+#content.list #header div {
+  background: #6aa9d7;
+}
+#content.list .row:hover,
+#content.grid .row:hover {
+  background: #b7d2e8;
+}
+#content.list .row a:hover,
+#content.grid .row:hover a {
+  color: #0801bf;
+}
+#content.grid .row {
+  margin: 4px;
+}
+@media (max-width: 720px) {
+  body.threadpage {
+    margin: 0 0 8px;
+  }
+  body > hr {
+    top: -8px;
+    left: 0;
+    right: 0;
+  }
+  #createbox .innerbox {
+    padding: 0;
+  }
+}
diff --git a/static/css/txt/sjis.css b/static/css/txt/sjis.css
index bd6e963..5dbcb4c 100644
--- a/static/css/txt/sjis.css
+++ b/static/css/txt/sjis.css
@@ -1 +1,7 @@
-body,textarea{font-family:Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97}textarea{font-size:16px}
\ No newline at end of file
+body,
+textarea {
+  font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97;
+}
+textarea {
+  font-size: 16px;
+}
diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css
index 7d80520..9a5df70 100644
--- a/static/css/txt/ventanas.css
+++ b/static/css/txt/ventanas.css
@@ -1,53 +1,255 @@
-body,textarea{color:#000}
-body.mainpage,body.threads{background:#008081}
-body.threadpage,.outerbox,.mainpage .thread,#q-p{background:#C0C0C0}
-::selection{background:blue;color:white}::-moz-selection{background:blue;color:white}
-a,a .name,#n2{color:#00F}
-a:active,a:active .name,#n2:active{color:#f00}
-input[type=submit],input[type=button],button{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:ridge;background:#C0C0C0;color:#000}
-h1,h2,#threadlinks:before,h5{background:#010081;color:#FFF;font-size:21px;font-weight:bold;margin:-11px -11px 11px;padding:2px}
-h2 a,h2 a:active{color:#FFF}
-h3 span{color:#555;text-decoration:underline}
-h4{padding-top:.5em}
-hr{border:0}
-hr,h4,.deleted{border-top:2px groove white}
-.mainpage .first h4{border:0;padding:0}
-#main_nav{background:#C0C0C0;border-bottom:2px ridge white;line-height:1;padding:2px 0}
-.threadnav{line-height:1;margin:-11px}
-#main_nav a,.threadnav a{background:#C0C0C0;border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:ridge;color:#000;display:inline-block;margin:0 -1px;padding:2px;text-decoration:none;outline-offset:-4px}
-.threadnav a{margin:2px;padding:0}
-#main_nav a:first-child a:first-child{font-weight:bold}
-#main_nav .cur_brd{background:#BBB url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAHUlEQVQImQESAO3/AMG/wv////7/AP///v++vr7/gXcOcY36q6gAAAAASUVORK5CYII=');font-weight:bold}
-#main_nav .cur_brd,#main_nav a:active,.threadnav a:active,input[type=submit]:active,input[type=button]:active,button:active{border-color:#000 #FFF #FFF #000;border-style:groove}
-.outerbox,.mainpage .thread,#q-p{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:groove}
-input[type=text],textarea,.innerbox,#content,#threadlist,select{border-width:2px;border-color:#000 #FFF #FFF #000;border-style:groove}
-select{background:#FFF}
-select:focus{background:#000080;color:#FFF;outline:1px dotted #ffff7f;outline-offset:-3px}
-#threadlinks:before{content:"";display:block;height:15px;margin-bottom:5px}
-.innerbox{padding:10px;margin:2px}
-.links{border:1px solid;border-color:#888 #dadada #dadada #888;padding:2px}
-#threadlist{background:#FFF}
-#threadlist a{border-right:1px solid #000;border-bottom:1px solid #000;color:#000}
-#threadlist a:active{background:#DDD}
-#thread_nav a{color:#000;display:inline-block;margin:-3px -2px;padding:3px}#thread_nav a:hover{background:#DDD}
-.{margin-bottom:.5em}
-.name,.abbrev{color:#444}
-.name em{color:#009}
-.del a{color:#000}
-.q{color:#666}
-.yt{background:#FFF;border:1px inset #aaa;color:#000}
-.deleted{color:gray;margin-bottom:.5em;padding-top:.5em}
-#q-p{box-shadow:5px 5px #000;padding:0}
-#q-p .reply{padding:.5em;margin-bottom:.5em}
-#q-p .reply:first-child h4{border:0;padding:0}
-.postform,.formpad{padding:0}
-form .msg{background:#FFFFE0;border:1px solid #000}
-#footer{color:#FFF}
-#listmenu h1{background:none;color:#000;margin:0;padding:0}
-#content{background:#FFF}
-#content.list #header div{background:#CCC}
-#content.list .row div,#content.grid .row{border-width:0 1px 1px 0;border-style:solid;border-color:#000}
-#content .row:hover{background:#EEE}
-@media(max-width:720px){
- #createbox form{margin:-10px}
-}
\ No newline at end of file
+body,
+textarea {
+  color: #000;
+}
+body.mainpage,
+body.threads {
+  background: #008081;
+}
+body.threadpage,
+.outerbox,
+.mainpage .thread,
+#q-p {
+  background: #c0c0c0;
+}
+::selection {
+  background: blue;
+  color: white;
+}
+::-moz-selection {
+  background: blue;
+  color: white;
+}
+a,
+a .name,
+#n2 {
+  color: #00f;
+}
+a:active,
+a:active .name,
+#n2:active {
+  color: #f00;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  border-width: 2px;
+  border-color: #fff #000 #000 #fff;
+  border-style: ridge;
+  background: #c0c0c0;
+  color: #000;
+}
+h1,
+h2,
+#threadlinks:before,
+h5 {
+  background: #010081;
+  color: #fff;
+  font-size: 21px;
+  font-weight: bold;
+  margin: -11px -11px 11px;
+  padding: 2px;
+}
+h2 a,
+h2 a:active {
+  color: #fff;
+}
+h3 span {
+  color: #555;
+  text-decoration: underline;
+}
+h4 {
+  padding-top: 0.5em;
+}
+hr {
+  border: 0;
+}
+hr,
+h4,
+.deleted {
+  border-top: 2px groove white;
+}
+.mainpage .first h4 {
+  border: 0;
+  padding: 0;
+}
+#main_nav {
+  background: #c0c0c0;
+  border-bottom: 2px ridge white;
+  line-height: 1;
+  padding: 2px 0;
+}
+.threadnav {
+  line-height: 1;
+  margin: -11px;
+}
+#main_nav a,
+.threadnav a {
+  background: #c0c0c0;
+  border-width: 2px;
+  border-color: #fff #000 #000 #fff;
+  border-style: ridge;
+  color: #000;
+  display: inline-block;
+  margin: 0 -1px;
+  padding: 2px;
+  text-decoration: none;
+  outline-offset: -4px;
+}
+.threadnav a {
+  margin: 2px;
+  padding: 0;
+}
+#main_nav a:first-child a:first-child {
+  font-weight: bold;
+}
+#main_nav .cur_brd {
+  background: #bbb
+    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAHUlEQVQImQESAO3/AMG/wv////7/AP///v++vr7/gXcOcY36q6gAAAAASUVORK5CYII=");
+  font-weight: bold;
+}
+#main_nav .cur_brd,
+#main_nav a:active,
+.threadnav a:active,
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  border-color: #000 #fff #fff #000;
+  border-style: groove;
+}
+.outerbox,
+.mainpage .thread,
+#q-p {
+  border-width: 2px;
+  border-color: #fff #000 #000 #fff;
+  border-style: groove;
+}
+input[type="text"],
+textarea,
+.innerbox,
+#content,
+#threadlist,
+select {
+  border-width: 2px;
+  border-color: #000 #fff #fff #000;
+  border-style: groove;
+}
+select {
+  background: #fff;
+}
+select:focus {
+  background: #000080;
+  color: #fff;
+  outline: 1px dotted #ffff7f;
+  outline-offset: -3px;
+}
+#threadlinks:before {
+  content: "";
+  display: block;
+  height: 15px;
+  margin-bottom: 5px;
+}
+.innerbox {
+  padding: 10px;
+  margin: 2px;
+}
+.links {
+  border: 1px solid;
+  border-color: #888 #dadada #dadada #888;
+  padding: 2px;
+}
+#threadlist {
+  background: #fff;
+}
+#threadlist a {
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+  color: #000;
+}
+#threadlist a:active {
+  background: #ddd;
+}
+#thread_nav a {
+  color: #000;
+  display: inline-block;
+  margin: -3px -2px;
+  padding: 3px;
+}
+#thread_nav a:hover {
+  background: #ddd;
+}
+. {
+  margin-bottom: 0.5em;
+}
+.name,
+.abbrev {
+  color: #444;
+}
+.name em {
+  color: #009;
+}
+.del a {
+  color: #000;
+}
+.q {
+  color: #666;
+}
+.yt {
+  background: #fff;
+  border: 1px inset #aaa;
+  color: #000;
+}
+.deleted {
+  color: gray;
+  margin-bottom: 0.5em;
+  padding-top: 0.5em;
+}
+#q-p {
+  box-shadow: 5px 5px #000;
+  padding: 0;
+}
+#q-p .reply {
+  padding: 0.5em;
+  margin-bottom: 0.5em;
+}
+#q-p .reply:first-child h4 {
+  border: 0;
+  padding: 0;
+}
+.postform,
+.formpad {
+  padding: 0;
+}
+form .msg {
+  background: #ffffe0;
+  border: 1px solid #000;
+}
+#footer {
+  color: #fff;
+}
+#listmenu h1 {
+  background: none;
+  color: #000;
+  margin: 0;
+  padding: 0;
+}
+#content {
+  background: #fff;
+}
+#content.list #header div {
+  background: #ccc;
+}
+#content.list .row div,
+#content.grid .row {
+  border-width: 0 1px 1px 0;
+  border-style: solid;
+  border-color: #000;
+}
+#content .row:hover {
+  background: #eee;
+}
+@media (max-width: 720px) {
+  #createbox form {
+    margin: -10px;
+  }
+}
diff --git a/static/css/vndb.css b/static/css/vndb.css
index 43a9c7c..1b104a2 100644
--- a/static/css/vndb.css
+++ b/static/css/vndb.css
@@ -1,30 +1,129 @@
-html,body{background-attachment:scroll,fixed;background-color:#000;background-image:url('img/vndb1.jpg'),url('img/vndb2.jpg');background-position:left top,right top;background-repeat:no-repeat,no-repeat;color:#DDD;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
-.rep{color:#DDD}
-a,a .name,.nav label{color:#77BBDD}
-a:hover,a:hover .name,.nav label:hover{border-bottom:1px dotted #DDD;text-decoration:none}
-#catalog .thread > a:hover{border-bottom:none;text-decoration:underline}
-.logo{color:#135;font-style:italic}
-.replymode,.extramode{color:#FFF}
-.replymode{background:#258}
-.extramode{background:#247}
-.postblock{border:1px solid #258;background:rgba(7,28,47,0.75)}
-input,input[type="text"],input[type="password"],textarea{background:#0d2741;border:1px solid #35A;color:#DDD}
-input[type="submit"]{background:rgba(7,28,47,0.9);padding:3px 10px}
-input[type="submit"]:active{background:#0d2741}
-.fs{text-decoration:none}
-.subj{color:#7bd;font-weight:bold}
-.ell,.name,.omitted{color:#258}
-.q{border-left:1px dotted #258;color:#336da7}
-.reply,#q-p{background:rgba(7,28,47,0.8);border:1px solid #258}
-.abbrev{color:#707070}
-.highlight{background:rgb(10,35,60)}
-.managertable{border:1px solid #258}
-.managertable td{background:rgba(7,28,47,0.5)}
-.managertable th{background:rgba(7,28,47,0.9)}
-hr{border:none;border-top:1px solid #258;height:0}
-#catalog .thread:hover{background:rgba(7,28,47,0.92);box-shadow:0 0 5px 5px rgba(7,28,47,0.9)}
-#catalog .replies{color:#258;font-weight:bold}
-.yt,.yt:hover{background:#0d2741;border:1px solid #258;color:#DDD}
-.pg,.pg td{background:rgba(7,28,47,0.8);border:1px solid #258}
-.footer,.footer a{color:#247}
-.quoted{border-color:#35A;color:#247}
\ No newline at end of file
+html,
+body {
+  background-attachment: scroll, fixed;
+  background-color: #000;
+  background-image: url("img/vndb1.jpg"), url("img/vndb2.jpg");
+  background-position: left top, right top;
+  background-repeat: no-repeat, no-repeat;
+  color: #ddd;
+  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
+}
+.rep {
+  color: #ddd;
+}
+a,
+a .name,
+.nav label {
+  color: #77bbdd;
+}
+a:hover,
+a:hover .name,
+.nav label:hover {
+  border-bottom: 1px dotted #ddd;
+  text-decoration: none;
+}
+#catalog .thread > a:hover {
+  border-bottom: none;
+  text-decoration: underline;
+}
+.logo {
+  color: #135;
+  font-style: italic;
+}
+.replymode,
+.extramode {
+  color: #fff;
+}
+.replymode {
+  background: #258;
+}
+.extramode {
+  background: #247;
+}
+.postblock {
+  border: 1px solid #258;
+  background: rgba(7, 28, 47, 0.75);
+}
+input,
+input[type="text"],
+input[type="password"],
+textarea {
+  background: #0d2741;
+  border: 1px solid #35a;
+  color: #ddd;
+}
+input[type="submit"] {
+  background: rgba(7, 28, 47, 0.9);
+  padding: 3px 10px;
+}
+input[type="submit"]:active {
+  background: #0d2741;
+}
+.fs {
+  text-decoration: none;
+}
+.subj {
+  color: #7bd;
+  font-weight: bold;
+}
+.ell,
+.name,
+.omitted {
+  color: #258;
+}
+.q {
+  border-left: 1px dotted #258;
+  color: #336da7;
+}
+.reply,
+#q-p {
+  background: rgba(7, 28, 47, 0.8);
+  border: 1px solid #258;
+}
+.abbrev {
+  color: #707070;
+}
+.highlight {
+  background: rgb(10, 35, 60);
+}
+.managertable {
+  border: 1px solid #258;
+}
+.managertable td {
+  background: rgba(7, 28, 47, 0.5);
+}
+.managertable th {
+  background: rgba(7, 28, 47, 0.9);
+}
+hr {
+  border: none;
+  border-top: 1px solid #258;
+  height: 0;
+}
+#catalog .thread:hover {
+  background: rgba(7, 28, 47, 0.92);
+  box-shadow: 0 0 5px 5px rgba(7, 28, 47, 0.9);
+}
+#catalog .replies {
+  color: #258;
+  font-weight: bold;
+}
+.yt,
+.yt:hover {
+  background: #0d2741;
+  border: 1px solid #258;
+  color: #ddd;
+}
+.pg,
+.pg td {
+  background: rgba(7, 28, 47, 0.8);
+  border: 1px solid #258;
+}
+.footer,
+.footer a {
+  color: #247;
+}
+.quoted {
+  border-color: #35a;
+  color: #247;
+}