Nuevos estilos

28 files changed, 1093 insertions, 306 deletions

diff --git a/static/css/hotdog.css b/static/css/hotdog.css
new file mode 100644
index 0000000..af81c70
--- /dev/null
+++ b/static/css/hotdog.css
@@ -0,0 +1,160 @@
+html, body{
+  background:#f00;
+  color:#fff;
+  font-family:arial, helvetica, "nimbus sans l", sans-serif
+}
+::selection{
+  background:#000;
+  color:#fff
+}
+::-moz-selection{
+  background:#000;
+  color:#fff
+}
+a, a .name, a .name b, .nav label, .pg a{
+  color:#fff
+}
+.reply a, .reply a .name, .reply a .name b, .postform a, .oekform a, #main_nav a{
+  color:#000
+}
+a:hover, a:hover .name, a:hover .name b, .nav label:hover, #main_nav a:hover{
+  background:#000;
+  color:#fff;
+  text-decoration:none
+}
+hr{
+  border:0;
+  border-top:1px solid #000
+}
+textarea, input, select{
+  color:#000
+}
+textarea, input[type="text"], input[type="password"], select{
+  border:1px inset #c6c6c6;
+  outline:1px solid #000
+}
+input[type="submit"], input[type="button"]{
+  background:#c6c6c6;
+  border-width:2px;
+  border-color:#fff #848484 #848484 #fff;
+  border-style:solid;
+  font-weight:bold;
+  padding:1px 1em;
+  outline:1px solid #000
+}
+input[type="submit"]:active, input[type="button"]:active{
+  background:#aaa;
+  border-color:#848484 #848484 #fff #fff
+}
+.replymode, .extramode{
+  background:#fff;
+  border:1px solid #000;
+  color:#000;
+  width:100%
+}
+.postform, .oekform{
+  background:#ff0;
+  border:1px solid #000;
+  color:#000;
+  padding:1px
+}
+.postblock{
+  background:#f00;
+  border:1px solid #000;
+  color:#fff
+}
+.ell{
+  color:#000
+}
+.q{
+  color:#ff0
+}
+.reply .q{
+  color:#f00
+}
+.quoted{
+  color:#707070
+}
+.fs{
+  text-decoration:none
+}
+.subj{
+  color:#000;
+  font-weight:bold
+}
+.abbrev{
+  color:#000
+}
+.omitted{
+  background:#fff;
+  border:1px solid #000;
+  color:#000;
+  display:inline-block;
+  padding:0 2px
+}
+.reply, #q-p, .pg{
+  background:#ff0;
+  border:1px solid #000;
+  color:#000
+}
+.thumb, #catalog img{
+  border:1px solid #000
+}
+.highlight{
+  outline:5px solid #000;
+  outline-offset:-1px
+}
+#main_nav{
+  background:#fff;
+  border-bottom:1px solid #000;
+  color:#000;
+  margin:-10px -10px 0;
+  padding:10px
+}
+.managertable td{
+  border:1px solid #000
+}
+.managertable th{
+  background:#000;
+  color:#fff
+}
+#catalog .replies{
+  color:#fff;
+  font-weight:bold
+}
+.yt{
+  background:#ff0;
+  border:1px solid #000;
+  color:#000
+}
+.reply .yt{
+  background:#f00;
+  color:#fff
+}
+.yt:hover{
+  background:#000;
+  color:#fff
+}
+.quoted{
+  border-color:#000;
+  color:#000
+}
+#q-p{
+  outline:1px solid #000
+}
+select:focus{
+  background:#000;
+  border-style:solid;
+  color:#fff;
+  outline:1px dotted #fff;
+  outline-offset:0
+}
+.pg, .pg span {
+  background:#f00;
+  border:1px solid #000;
+  color:#fff
+}
+.userdel{
+  border:4px double #000;
+  padding:2px
+}
diff --git a/static/css/ib.css b/static/css/ib.css
index 66ba8ae..ac2f96b 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -46,7 +46,7 @@ select {
   border: 1px inset #ddd;
   color: #000;
   font-size: 85%;
-  padding: 1px;
+  padding: 0;
 }
 .logo {
   font-size: 160%;
@@ -68,7 +68,7 @@ textarea {
   max-width: 300px;
 }
 .postform textarea {
-  width: 400px;
+  width: 420px;
   height: 125px;
 }
 .postblock {
@@ -284,7 +284,7 @@ textarea {
 }
 .managertable th,
 .managertable td {
-  padding: 3px;
+  padding: 0.2em;
 }
 .managertable .recentPostHeader {
   display: block;
diff --git a/static/css/img/bgnight.gif b/static/css/img/bgnight.gif
new file mode 100644
index 0000000..019f3cb
--- /dev/null
+++ b/static/css/img/bgnight.gif
diff --git a/static/css/img/cancha.gif b/static/css/img/cancha.gif
new file mode 100644
index 0000000..51098a8
--- /dev/null
+++ b/static/css/img/cancha.gif
diff --git a/static/css/img/ginchan.png b/static/css/img/ginchan.png
new file mode 100644
index 0000000..087d6ce
--- /dev/null
+++ b/static/css/img/ginchan.png
diff --git a/static/css/img/rose.png b/static/css/img/rose.png
new file mode 100644
index 0000000..fd902cd
--- /dev/null
+++ b/static/css/img/rose.png
diff --git a/static/css/img/rose2.png b/static/css/img/rose2.png
new file mode 100644
index 0000000..1ffedef
--- /dev/null
+++ b/static/css/img/rose2.png
diff --git a/static/css/img/wave.png b/static/css/img/wave.png
new file mode 100644
index 0000000..152f601
--- /dev/null
+++ b/static/css/img/wave.png
diff --git a/static/css/rene.css b/static/css/rene.css
index a93500c..3d76f02 100644
--- a/static/css/rene.css
+++ b/static/css/rene.css
@@ -1,6 +1,6 @@
 html,
 body {
-  background: #1a1d22;
+  background: #222;
   color: #e0e0e0;
   font-family: arial, helvetica, "nimbus sans l", sans-serif;
 }
@@ -10,27 +10,55 @@ body {
 a,
 a .name,
 .nav label {
-  color: #b0ccde;
+  color: #D2D1D1;
 }
 a:hover,
 a:hover .name,
 .nav label:hover {
-  color: #5c6a74;
+  color: #686665;
 }
+#main_nav {
+  background: #d15014;
+  color: #eee;
+  margin: -10px -10px 0;
+  padding: 10px;
+}
+#main_nav a {
+	color: #fff;
+}
+#main_nav a:hover {
+	color: #d15014;
+	background: #fff;
+}
+.logo,
 .replymode,
 .extramode {
   color: #fff;
 }
 .replymode {
-  background: #2b2b2b;
+  background: #c40000;
 }
 .extramode {
   background: #333;
 }
 .postblock {
-  background: #28282d;
-  border: 1px solid #333;
-  color: #ddd;
+  background: #444;
+  border: 1px solid #666;
+  color: #aaa;
+}
+.rules {
+  background: #3c3c3c;
+  border: 1px solid #4F4947;
+  padding: 4px;
+}
+.rules ul {
+  margin: 0;
+}
+.rules a {
+  color: #AF5C03;
+}
+.rules a:hover {
+  color: #7B4204;
 }
 .q {
   color: #789922;
@@ -39,7 +67,7 @@ a:hover .name,
   text-decoration: none;
 }
 .subj {
-  color: #a6b8d8;
+  color: #d80000;
 }
 .name,
 .omitted {
@@ -47,33 +75,36 @@ a:hover .name,
 }
 .reply,
 #q-p {
-  background: #373a44;
+  background: #333;
+  border: 1px solid #888;
 }
 .abbrev {
   color: #777;
 }
+.deleted {
+  color: #999;
+}
 .highlight {
-  background: #5b5f69;
-  outline: 1px dashed #888;
+  background: #555;
+  border: 1px dashed #888;
 }
 .managertable td {
-  background: #64697b;
+  background: #555;
 }
 .managertable th {
-  background: #252830;
-  color: #f8f8f8;
+  background: #333;
+  color: #eee;
 }
 hr {
   border: none;
-  border-top: 1px dotted #696969;
+  border-top: 1px dotted #808080;
   height: 0;
 }
 .yt {
-  background: #292c33;
-  border: 1px solid #5e6b7d;
+  background: #444;
+  border: 1px solid #555;
   color: #e0e0e0;
 }
 .quoted {
-  border-color: #1a1d22;
-  color: #aaa;
+  border-color: #888;
 }
diff --git a/static/css/renemix.css b/static/css/renemix.css
new file mode 100644
index 0000000..215f27f
--- /dev/null
+++ b/static/css/renemix.css
@@ -0,0 +1,80 @@
+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;
+}
+.yt {
+  background: #292c33;
+  border: 1px solid #5e6b7d;
+  color: #e0e0e0;
+}
+.quoted {
+  border-color: #1a1d22;
+  color: #aaa;
+}
diff --git a/static/css/spc/treehugger.css b/static/css/spc/treehugger.css
new file mode 100644
index 0000000..10fd30e
--- /dev/null
+++ b/static/css/spc/treehugger.css
@@ -0,0 +1,113 @@
+body,
+textarea {
+  color: #111;
+}
+body {
+  background: #b1d9ae;
+}
+a,
+a .name,
+#n2,
+h3,
+h5,
+#size {
+  color: #4e993f;
+}
+a:active,
+a:active .name,
+#n2:active {
+  color: #004d00;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  border: 1px outset #b3ffbf;
+  background: #daffe0;
+}
+#main_nav {
+  background: #fff;
+  border-bottom: 1px solid #4e993f;
+}
+h1 {
+  color: #fff;
+}
+#titlebox {
+  background: #7dbc73;
+  border: 1px solid #d9f0d8;
+  box-shadow: 1px 1px #537e4c;
+}
+#titlebox .innerbox {
+  background: none;
+  border: 0;
+  box-shadow: none;
+}
+.innerbox {
+  background: #ddf4e1;
+  border: 0;
+  box-shadow: 1px 1px #7d8f80;
+}
+#threadlist {
+  border: 1px inset #daffe0;
+}
+#threadlist a {
+  border: 1px outset #daffe0;
+}
+body.threadpage, .thread .innerbox, #q-p {
+  background: #edfff0;
+}
+h4, .postform {
+  background: #daffe0;
+  border-right: 1px dotted #b3ffbf;
+  border-bottom: 1px dotted #b3ffbf;
+  color: #3cae4e;
+}
+.threadpage .threadlinks {
+  margin-top: 0;
+}
+.mainpage .postform, .postform {
+  padding: 0.5em;
+}
+.threadpage .postform {
+  margin-top: -0.55em;
+}
+.name,
+.abbrev {
+  color: #009E25;
+}
+.name em {
+  color: #28370f;
+}
+.del a {
+  color: #3cae4e;
+}
+hr {
+  border: 0;
+  border-top: 2px solid #daffe0;
+}
+.lastposts {
+  color: #3cae4e;
+}
+.q {
+  color: #777;
+}
+.yt {
+  border: 1px solid #b3ffbf;
+}
+#q-p {
+  border: 1px solid #b3ffbf;
+}
+form .msg {
+  border: 1px dotted #b3ffbf;
+  background: #edfff0;
+}
+#threads th {
+  background: #ddf4e1;
+}
+#threads tr:nth-child(odd) {
+  background: #daffe0;
+}
+@media (max-width: 600px) {
+  #threadlinks {
+    margin-top: 0.25em;
+  }
+}
\ No newline at end of file
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index 4147600..20b5756 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -12,9 +12,14 @@ a .name,
 }
 a:active,
 a:focus,
+a:active .name,
+a:focus .name,
 #n2:active {
   color: #4d6172;
 }
+h4 a, .lastposts {
+  text-decoration: none;
+}
 hr {
   border: 1px inset #111;
 }
@@ -62,6 +67,7 @@ h4 {
 }
 #main_nav {
   background: #000;
+  border-bottom: 1px solid #222;
   color: #7cafc2;
 }
 .banner {
@@ -114,11 +120,11 @@ a.thumb {
   margin-top: 4px;
 }
 .q {
-  color: #666;
+  color: #777;
 }
 .yt {
-  background: #383838;
-  border: 1px solid gray;
+  background: #262626;
+  border: 1px solid #444;
   color: #e8e8e8;
 }
 .yt:hover {
@@ -130,14 +136,11 @@ a.thumb {
 }
 #q-p {
   background: #222;
-  border: 1px solid #999;
+  border: 1px solid #4b4e55;
 }
 #q-p .msg {
   margin-bottom: 8px;
 }
-.lastposts #n2 {
-  text-decoration: none;
-}
 form .msg {
   background: #383838;
   border: 1px dotted #000;
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index 2a3e4ec..90651de 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -134,6 +134,7 @@ button:active {
 }
 .mainpage .postform {
   border-top: 1px solid #f9690e;
+  margin: 0;
   padding: 1em 0 1em 40px;
 }
 .formpad {
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
index ac94b4e..ad3d57f 100644
--- a/static/css/txt/ayashii.css
+++ b/static/css/txt/ayashii.css
@@ -18,7 +18,6 @@ h2:before {
 h2 {
   display: inline-block;
   margin: 0;
-  margin-bottom: 0.5em;
 }
 h2 span {
   font-weight: initial;
@@ -65,13 +64,12 @@ button {
 .threadnav a {
   margin-left: 4px;
 }
-.innerbox {
+.innerbox, .innerbox.links {
   margin: 0;
   padding: 0;
 }
-.innerbox,
-.mainpage .thread,
-.deleted {
+.innerbox, .innerbox.links,
+.mainpage .thread {
   margin-bottom: 1em;
   padding-bottom: 1em;
 }
@@ -98,10 +96,10 @@ h3 {
   border: 1px inset gray;
 }
 .reply {
-  margin-bottom: 0.5em;
+  margin-bottom: 0.25em;
 }
 .hidden {
-  padding-bottom: 0.5em;
+  padding-bottom: 0.25em;
 }
 .reply:last-child {
   border: 0;
@@ -131,6 +129,9 @@ h3 {
 #size {
   color: #fff;
 }
+.mainpage .postform {
+  margin-top: 1em;
+}
 #q-p {
   background: #004040;
   border: 1px solid #ddd;
@@ -138,7 +139,7 @@ h3 {
 #q-p h4:before {
   display: none;
 }
-.postform,
+.orm,
 .formpad {
   padding-left: 0;
 }
@@ -158,11 +159,15 @@ form .msg {
 }
 @media (max-width: 600px) {
   body.mainpage {
-    margin-left: 4px;
-    margin-right: 4px;
+    margin-left: 5px;
+    margin-right: 5px;
+  }
+  #main_nav,
+  .banner {
+    padding-left: 0;
   }
   h2 span {
-    font-size: initial;
+    font-size: 18px;
   }
   h4:before {
     display: none;
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index 87269eb..010832f 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -26,14 +26,11 @@ h5 {
   margin: 0;
 }
 h2 {
-  font-size: 16px;
-  margin: 0 0 7px;
-}
-h2 span {
-  margin-right: 2px;
+  font-size: 1em;
+  margin: 0 0 0.5em;
 }
 h2 a {
-  font-size: 24px;
+  font-size: 1.5em;
   text-decoration: none;
 }
 h3 {
@@ -60,6 +57,9 @@ select {
   color: #000;
   padding: 1px;
 }
+#styles {
+  padding: 0;
+}
 input[type="submit"],
 input[type="button"],
 button {
@@ -78,17 +78,9 @@ button:active {
   margin: 0 auto;
 }
 #rules {
-  line-height: 1.25em;
-  margin: 8px 0;
-}
-.spoil {
-  background: #000;
-  color: #000;
-}
-.spoil:hover {
-  color: #fff;
+  margin: 0.5em 0;
 }
-code {
+Fcode {
   font-size: 14px;
 }
 pre {
@@ -96,6 +88,10 @@ pre {
   margin: 0;
   white-space: pre-wrap;
 }
+ul {
+  margin:0;
+  padding-left:1em;
+}
 .cur_brd,
 .locked,
 .sel {
@@ -103,7 +99,7 @@ pre {
 }
 #main_nav {
   font-size: 14px;
-  padding: 4px 0;
+  padding: 3px 0;
   text-align: center;
   width: 100%;
 }
@@ -127,6 +123,9 @@ label {
   padding: 7px;
   margin: 7px;
 }
+.innerbox.links {
+  padding: 3px;
+}
 .threadnav {
   float: right;
 }
@@ -155,7 +154,7 @@ label {
   flex-flow: row wrap;
   font-size: 14px;
   line-height: 1;
-  max-height: 16em;
+  max-height: 18em;
   overflow-y: auto;
 }
 #threadlist a {
@@ -169,7 +168,12 @@ label {
 .formpad {
   padding-left: 40px;
 }
-.reply {
+.postform,
+#search,
+.end {
+  margin-top: 0.5em;
+}
+.reply, #rules {
   clear: both;
   line-height: 18px;
 }
@@ -247,7 +251,7 @@ a.yt b {
   text-decoration: underline;
 }
 .threadpage .threadlinks {
-  margin: 0.5em 0;
+  margin-bottom: 0.5em;
 }
 #size {
   color: #f00;
@@ -263,22 +267,17 @@ a.yt b {
   text-align: right;
   white-space: nowrap;
 }
-.postform {
-  margin-top: 0.5em;
-}
 form .msg {
   margin: 0;
   padding: 8px 2px;
   text-align: left;
 }
-.end,
-#search {
-  margin-top: 8px;
-}
 .warn {
+  margin: 0.5em 0;
   padding: 1px;
 }
 .stop {
+  margin: 0.5em 0;
   padding: 1em 1px;
 }
 .yellow {
@@ -293,6 +292,7 @@ form .msg {
   text-align: center;
 }
 #threads td, #threads th {
+  max-width: 256px;
   padding: 2px 4px;
   text-align: left;
 }
@@ -309,7 +309,7 @@ form .msg {
 }
 @media (max-width: 600px) {
   body.threadpage {
-    margin: 4px;
+    margin: 5px;
   }
   br {
     line-height: 0.5em;
@@ -324,14 +324,19 @@ form .msg {
   #footer {
     margin: 1em 0;
   }
+  .innerbox {
+    margin: 3px;
+    padding: 3px;
+  }
   h1,
   h2 a,
   h5 {
-    font-size: 18px;
+    font-size: 1em;
   }
   h2 span,
   #rules {
     font-size: 12px;
+    line-height: 14px;
   }
   h4, .quoted {
     font-size: 10px;
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
index b6f912d..e15c912 100644
--- a/static/css/txt/bios.css
+++ b/static/css/txt/bios.css
@@ -33,16 +33,15 @@ input[type="submit"],
 input[type="button"],
 button {
   background: #fff;
-  border: 0;
+  border: 1px solid #fff;
   color: #000;
-  padding: 2px 9px;
 }
 input[type="submit"]:active,
 input[type="button"]:active,
 button:active,
 select:focus {
   background: #000;
-  border-style: solid;
+  border: 1px solid #000;
   color: #fff;
 }
 ::selection {
@@ -56,21 +55,6 @@ select:focus {
 hr {
   display: none;
 }
-h2,
-.thread .threadnav {
-  margin: 0.75em;
-}
-h3 {
-  background: #fff;
-  color: #00a;
-  margin: 0 0 1px 0;
-  padding: 2px 8px;
-}
-h3 span {
-  background: #00a;
-  color: #fff;
-  padding: 2px;
-}
 #main_nav,
 #thread_nav {
   background: linear-gradient(270deg, #0000ff, #000000, #0000ff);
@@ -122,47 +106,24 @@ h3 span {
 #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;
+  padding: 3px 8px;
 }
 .outerbox,
 .mainpage .thread,
 #threadlist {
-  border: 1px solid #fff;
+  border: 3px double #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;
-}
 h4 {
   background: #fff;
   color: #00a;
-  padding: 0 0.5em;
 }
 h4 a,
 a .name {
@@ -182,9 +143,6 @@ a:focus .name {
 .abbrev {
   color: #5cf;
 }
-#size {
-  margin-left: 0.5em;
-}
 .yt {
   border: 1px solid #ff0;
 }
@@ -200,33 +158,23 @@ a:focus .name {
   background: #00a;
   border: 1px solid #fff;
   box-shadow: 1em 1em #000;
-  paddding: 0;
+  padding: 0;
 }
 .lastposts {
-  border-color: #fff;
-  border-style: double;
-  border-width: 0 4px;
+  border-top: 1px solid #fff;
+  border-bottom: 1px solid #fff;
   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;
+  margin-top: 0.5em;
 }
 .formpad {
   padding-left: 0;
 }
 .mainpage .postform {
-  border-top: 1px solid #fff;
-  padding: 0.75em;
+  border: 1px solid #fff;
+  padding: 0.5em;
 }
 form .msg {
   border: 3px double #fff;
@@ -236,15 +184,4 @@ form .msg {
 }
 #threads th, #threads td {
   border-bottom: 1px solid;
-}
-@media (max-width: 600px) {
-  body.threadpage {
-    margin: 8px 0;
-  }
-  h2 {
-    margin-bottom: 0.5em;
-  }
-  .mainpage .msg {
-    margin: 0.5em;
-  }
 }
\ No newline at end of file
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index bcc9e32..8ab82d3 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -30,20 +30,18 @@ a:active .name,
 .row a:active {
   color: #8c9fb4;
 }
-h2 {
-  color: #eee;
-  line-height: 1;
-  margin: 0 0 10px;
-}
-h2 a {
+h2, h2 a {
   color: #eee;
 }
 h3 {
   color: #eee;
-  margin: 0.7em 0;
+}
+.first {
+  border-top: 2px solid #ddd;
 }
 h4 {
   background: #ddd;
+  border-bottom: 2px solid #ddd;
 }
 hr {
   display: none;
@@ -84,10 +82,6 @@ button:active {
 .links {
   padding-top: 5px;
 }
-#threadbox {
-  margin-bottom: 19px;
-  margin-top: 19px;
-}
 #threadlist {
   background: #3e4247;
   border: 1px inset #b6c2cf;
@@ -124,17 +118,14 @@ h5 {
 }
 .reply {
   background: #fff;
-  border-top: 0.1em solid #ddd;
+  border-top: 0;
   border-right: 10px solid #ddd;
-  border-bottom: 0.1em solid #ddd;
+  border-bottom: 2px solid #ddd;
   border-left: 10px solid #ddd;
   color: #000;
   margin-bottom: 0;
   overflow: hidden;
 }
-.first {
-  border-top: 0.2em solid #ddd;
-}
 .name,
 a .name {
   color: #2b3037;
@@ -194,14 +185,6 @@ form .msg {
   margin-top: 2px;
   padding: 0.5em;
 }
-.threadpage .threadlinks {
-  margin: 0;
-}
-.warn,
-.stop {
-  padding-left: 10px;
-  margin: 2px 0;
-}
 #footer a {
   color: #fff;
 }
@@ -230,9 +213,6 @@ form .msg {
   h2 {
     margin-bottom: 4px;
   }
-  h3 {
-    margin: 0.5em 0;
-  }
   .threadpage .thread {
     padding: 1px 4px 4px;
   }
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index 7eef9fa..e5449b7 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -225,7 +225,7 @@ form .msg {
 }
 @media (max-width: 600px) {
   .mainpage .postform {
-    padding: 0.5em;
+    padding: 0.25em;
   }
   .mainpage .msg {
     margin: 0.5em;
diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css
index 524a81b..0492e3b 100644
--- a/static/css/txt/cuteanarchy.css
+++ b/static/css/txt/cuteanarchy.css
@@ -62,11 +62,6 @@ input[type="button"]:active {
   background: #f2d3df;
 }
 
-.threadlinks {
-  text-align: center;
-  margin-top: 0.5em;
-}
-
 h1 {
   color: #dc9656;
   font-size: 26px;
@@ -243,7 +238,6 @@ form .msg {
 .formpad {
   margin: 0 auto;
   padding-left: 0;
-  margin-top: 0.25em;
 }
 
 #footer {
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index 1a0b80d..348a48e 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -20,10 +20,6 @@ h1 {
   margin: -10px -10px 10px;
   padding: 10px;
 }
-h2 span {
-  color: #aaa;
-  margin-right: 2px;
-}
 h2 a,
 h2 a:active {
   color: #de9d7f;
@@ -31,14 +27,10 @@ h2 a:active {
 }
 h3 {
   color: #de9d7f;
-  margin: 0.7em 0;
 }
 h3 span {
   color: #909090;
 }
-hr {
-  display: none;
-}
 input,
 input[type="submit"],
 input[type="button"],
@@ -67,14 +59,12 @@ button:active {
 }
 .outerbox {
   background: #3b6b94;
+  color: #cfc;
 }
-.innerbox {
+.outerbox .innerbox {
   margin: 0;
   padding: 10px;
 }
-.thread .innerbox {
-  padding: 0;
-}
 .links {
   background: #5b8bb4;
 }
@@ -94,7 +84,10 @@ button:active {
   color: #afd775;
 }
 .name em {
-  color: #009;
+  color: #ff0;
+}
+.date {
+  color: #B2C1CC;
 }
 .del a {
   color: #fff;
@@ -109,9 +102,6 @@ button:active {
   background: #2f587a;
   border: 1px solid #1b2933;
 }
-.msg hr {
-  display: block;
-}
 .deleted {
   color: #afafaf;
   margin-bottom: 24px;
@@ -129,6 +119,7 @@ button:active {
   background: #3b6b94;
 }
 .postform {
+  color: #cfc;
   padding: 10px;
 }
 .threadpage .threadlinks {
@@ -145,10 +136,6 @@ form .msg {
 #q-p .msg {
   margin-bottom: 8px;
 }
-.lastposts {
-  background: #5b8bb4;
-  padding: 8px;
-}
 #threads th {
   background: #3b6b94;
 }
@@ -159,12 +146,8 @@ form .msg {
   background: #294b68;
 }
 @media (max-width: 600px) {
-  .thread .innerbox {
-    padding: 4px;
-  }
-  .innerbox,
   .postform,
   .mainpage .postform {
-    padding: 4px;
+    padding: 0.25em;
   }
-}
+}
\ No newline at end of file
diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css
index 37f4c9e..5e11600 100644
--- a/static/css/txt/gamer.css
+++ b/static/css/txt/gamer.css
@@ -7,7 +7,7 @@ body {
 a,
 .name,
 a .name {
-  color: #afa;
+  color: #7f6;
 }
 a:active,
 a:active .name {
@@ -20,13 +20,11 @@ h1,h2,h3,h5,
   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;
 }
 hr {
   display: none;
@@ -34,11 +32,11 @@ hr {
 #main_nav {
   background: url("../img/g_b2.gif") bottom repeat-x;
 }
-#main_nav a a {
+#main_nav a {
   color: #fff;
   text-decoration: none;
 }
-#main_nav a:active a:active {
+#main_nav a:active {
   color: #e0e0ff;
 }
 #thread_nav {
@@ -119,8 +117,8 @@ h4 a,
   padding: 7px;
 }
 .reply {
-  border-top: 1px solid #111;
-  padding-top: 0.5em;
+  border-bottom: 1px solid #111;
+  margin-top: 0.5em;
 }
 .name em {
   color: #ff0;
@@ -128,7 +126,7 @@ h4 a,
 h4 .date,
 .del a,
 .abbrev {
-  color: #aaa;
+  color: #777;
 }
 .q {
   color: #6f6f6f;
@@ -138,15 +136,14 @@ h4 .date,
   border: 1px solid #111;
 }
 .deleted, .hidden {
-  color: #afafaf;
-  margin-bottom: 0.5em;
+  color: #777;
+  margin: 0;
 }
 .msg hr {
   display: block;
 }
 .mainpage .postform {
-  border-top: 1px solid #111;
-  padding: 1em 0 0;
+  padding: 0.5em 0 0 0;
 }
 .formpad {
   padding-left: 0;
@@ -160,11 +157,10 @@ form .msg {
 }
 #size {
   color: #ff0;
-  margin: 0;
+  margin-bottom: 0;
 }
 .lastposts {
   color: #66b;
-  padding-bottom: 0.5em;
 }
 .del a,
 #footer a:active {
@@ -178,6 +174,9 @@ form .msg {
 #threads td {
   color: #aaa;
 }
+.footer {
+  color: #66B;
+}
 @media (max-width: 600px) {
   body.threadpage {
     margin: 0;
@@ -185,10 +184,8 @@ form .msg {
   h1,h2,h3,h5 {
     margin: -3px -3px -1px;
   }
-  .innerbox,
-  .threadpage .thread,
-  .threadpage .postform {
-    padding: 3px;
+  .threadpage .thread {
+    padding: 2px;
   }
   #threadlinks,
   .threadpage .threadlinks,
@@ -196,7 +193,4 @@ form .msg {
     margin: 0;
     padding: .5em 0;
   }
-  .mainpage .postform {
-    padding: 0.5em 0 0;
-  }
 }
\ No newline at end of file
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index 1d9b186..c512f99 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -6,8 +6,7 @@ textarea {
   color: #000;
 }
 a,
-#n2,
-h3 span {
+#n2 {
   color: #d60;
 }
 a:active .name,
@@ -33,16 +32,7 @@ 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;
+  display: table;
 }
 hr {
   display: none;
@@ -67,20 +57,17 @@ button:active {
   background: #ccc;
   border-style: solid;
 }
-.outerbox,
-#titlebox .innerbox:first-child,
+.outerbox .innerbox,
 .postform,
 .lastposts {
   background: #eee;
   border-bottom: 2px solid #bbb;
 }
-.innerbox {
+.outerbox .innerbox {
+  border-bottom: 2px solid #bbb;
   margin: 0;
   padding: 10px;
 }
-.thread .innerbox {
-  padding: 0;
-}
 #threadlist {
   background: #fff;
   border: 1px inset #bbb;
@@ -91,15 +78,21 @@ button:active {
 }
 #thread_nav {
   border-bottom: 2px solid #f70;
-  padding: 0 0 6px 6px;
+  padding-bottom: 6px;
 }
 .mainpage .first div.msg::first-letter {
   font-size: 1.5em;
   text-transform: uppercase;
 }
+.reply {
+  border-bottom: 1px solid #eee;
+  margin-top: 0.5em;
+}
+.hidden, .deleted {
+  margin: 0;
+}
 .name em {
   color: #009;
-  font-style: normal;
 }
 .q,
 .abbrev {
@@ -111,39 +104,37 @@ button:active {
 }
 .msg hr {
   display: block;
-  max-width: 500px;
-  margin-left: 0;
-}
-#size {
-  color: #d60;
-}
-.deleted h4 {
-  color: #afafaf;
 }
 #q-p {
   background: #fff;
   border: 1px solid #bbb;
-  border-bottom: 2px solid #bbb;
   padding: 0;
 }
-.lastposts {
-  padding: 8px;
+#q-p .reply {
+  padding: 0 0.5em;
 }
-.threadpage .threadlinks {
-  margin: 0 0 3px;
+#q-p .reply:last-child {
+  border-bottom: 0;
 }
-.postform {
-  padding: 10px;
+.mainpage .postform {
+  margin: 0;
+}
+.postform, .lastposts {
+  background: #eee;
+  border-bottom: 2px solid #bbb;
+  margin-top: 0;
+  padding: .5em;
+}
+.lastposts {
+  background-image: none;
 }
 form .msg {
   border: 1px dashed #000;
   background: #fff;
-  margin: 0;
-  padding: 0.5em 0.15em;
 }
 #threads th {
   background: #eee;
-  border-bottom: 1px solid #f70;
+  border-bottom: 2px solid #f70;
 }
 #threads tr:nth-child(odd) {
   background: #fff;
@@ -152,13 +143,9 @@ form .msg {
   background: #ddd;
 }
 @media (max-width: 600px) {
-  .thread .innerbox {
-    padding: 4px;
-  }
-  .innerbox,
-  .postform,
-  .mainpage .postform {
-    padding: 4px;
-    padding-left: 4px;
+  .mainpage .postform,
+  .postform {
+    padding: .25em;
+    padding-left: .25em;
   }
-}
+}
\ No newline at end of file
diff --git a/static/css/txt/mercury.css b/static/css/txt/mercury.css
new file mode 100644
index 0000000..a5c5fc1
--- /dev/null
+++ b/static/css/txt/mercury.css
@@ -0,0 +1,158 @@
+body {
+  background: #fff url(../img/ginchan.png) no-repeat fixed bottom right;
+}
+body,
+textarea {
+  color: #000;
+}
+a,
+#n2 {
+  color: #32a;
+}
+a:active,
+a:active .name,
+h2 a:active,
+#n2:active {
+  color: #f48;
+}
+h2 a,
+h4,
+h4 a {
+  color: #000;
+}
+h1 {
+  border-bottom: 2px solid #441188;
+  padding: 0 10px;
+  margin: 0 -10px 10px;
+}
+h2,
+h3 {
+  background: #DDDDE7 url(../img/rose.png) no-repeat scroll 0 50%;
+  border-bottom: 2px solid #418;
+  display: table;
+  padding-left: 1em;
+}
+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;
+}
+#titlebox {
+  background: #DDDDE7 url(../img/rose2.png) no-repeat scroll bottom right;
+  margin-bottom: 0;
+}
+.outerbox {
+  background: #DDDDE7;
+}
+.outerbox .innerbox {
+  border-bottom: 2px solid #aab;
+  margin: 0;
+  padding: 10px;
+}
+#threadlist {
+  border: 1px solid #aab;
+}
+#threadlist a {
+  border-right: 1px solid #aab;
+  border-bottom: 1px solid #aab;
+}
+#thread_nav {
+  border-bottom: 2px solid #318;
+  padding-bottom: 6px;
+}
+.mainpage .first div.msg::first-letter {
+  font-size: 1.5em;
+  text-transform: uppercase;
+}
+.reply {
+  border-bottom: 1px solid #DDDDE7;
+  margin-top: 0.5em;
+}
+.hidden, .deleted {
+  margin: 0;
+}
+.name em {
+  color: #009;
+}
+.q,
+.abbrev {
+  color: #7f7f7f;
+}
+.yt {
+  background: #f2f2f2;
+  border: 1px solid #aab;
+}
+hr {
+  display: none;
+}
+.msg hr {
+  display: block;
+}
+#size {
+  color: #318;
+}
+#q-p {
+  background: #fff;
+  border: 1px solid #aab;
+  padding: 0;
+}
+#q-p .reply {
+  padding: 0 0.5em;
+}
+#q-p .reply:last-child {
+  border-bottom: 0;
+}
+.mainpage .postform {
+  margin: 0;
+}
+.postform, .lastposts {
+  background: #cce url(../img/rose2.png) no-repeat scroll top right;
+  border-bottom: 2px solid #aab;
+  margin-top: 0;
+  padding: .5em;
+}
+.lastposts {
+  background-image: none;
+}
+#createbox {
+  background: #DDDDE7 url(../img/rose2.png) no-repeat scroll top right;
+}
+form .msg {
+  border: 1px dashed #000;
+  background: #fff;
+}
+#threads th {
+  background: #DDDDE7;
+  border-bottom: 2px solid #418;
+}
+#threads tr:nth-child(odd) {
+  background: #fff;
+}
+#threads tr:nth-child(even) {
+  background: #DDDDE7;
+}
+@media (max-width: 600px) {
+  body {
+    background-position: 100% 125%;
+  }
+  .mainpage .postform,
+  .postform {
+    padding: .25em;
+    padding-left: .25em;
+  }
+}
\ No newline at end of file
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index 8c5ca73..3bd2dd7 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -44,17 +44,6 @@ body > hr {
   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,
@@ -82,16 +71,13 @@ h3 {
 h2 a:active {
   text-decoration: underline;
 }
-h3 {
-  margin-top: 0;
-}
 h3 span {
   color: dimgrey;
 }
 h4 {
   background: #f0e7ce;
   color: #686868;
-  padding-left: 3px;
+  padding-left: 2px;
 }
 #main_nav,
 .outerbox {
@@ -121,7 +107,7 @@ h4 {
 #thread_nav {
   background: #fff;
   font-style: italic;
-  padding: 1.5em 8px 0.5em;
+  padding: 1.5em 8px 0;
 }
 .threadpage .thread {
   background-color: #fff;
@@ -156,10 +142,6 @@ h4 {
   background: #eee;
   border: 1px solid #ccc;
 }
-/*.deleted {
-  background: #f7f3e6;
-  color: #aaa;
-}*/
 #q-p {
   background: #fff;
   border: 1px solid #ccc;
@@ -181,9 +163,6 @@ h4 {
   -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;
@@ -191,6 +170,9 @@ form .msg {
 #footer {
   color: #333;
 }
+.stop, .warn {
+  margin: 0;
+}
 #threads th {
   background: #6aa9d7;
 }
@@ -199,7 +181,7 @@ form .msg {
 }
 @media (max-width: 600px) {
   body.threadpage {
-    margin: 0 0 4px;
+    margin: 0;
   }
   body.threadpage > hr {
     top: -8px;
@@ -207,10 +189,6 @@ form .msg {
     right: 0;
   }
   .threadpage .thread {
-    padding: 4px 4px 1em;
+    padding: 0 5px 1em;
   }
-  #createbox .innerbox {
-    margin: 4px;
-    padding: 0;
-  }
-}
+}
\ No newline at end of file
diff --git a/static/css/txt/rizzona.css b/static/css/txt/rizzona.css
new file mode 100644
index 0000000..3764ebe
--- /dev/null
+++ b/static/css/txt/rizzona.css
@@ -0,0 +1,159 @@
+body {
+  background: #3c4c5f url(../img/bgnight.gif);
+  color: #000;
+}
+a,
+#n2,
+#size {
+  color: #A91C1C;
+}
+a:active,
+#n2:active {
+  background: rgba(255,255,255,0.4);
+}
+#main_nav {
+  background: #aa0000;
+  border-bottom: 1px solid #000;
+}
+#main_nav a, .innerbox.links a {
+  color: #000;
+}
+#main_nav a:active,
+.innerbox.links a:active,
+.innerbox.links select {
+  color: #A91C1C;
+  background: rgb(255,207,97);
+}
+#titlebox > div:first-child {
+  margin-bottom: 1em;
+}
+#titlebox .innerbox.links {
+  background: #aa0000;
+}
+.outerbox .innerbox {
+  background: #b7ad8c;
+  border: 4px solid black;
+  margin: 0;
+}
+#threadlist {
+  border: 1px solid #000;
+}
+#threadlist a {
+  border-right: 1px solid #000;
+  border-bottom: 1px solid #000;
+}
+.thread .innerbox {
+  margin: 0;
+  padding: 0;
+}
+#thread_nav {
+  margin-bottom: 0.5em;
+}
+h2,h3 {
+  border-bottom: 4px solid #000;
+  margin: 0;
+}
+h2 a {
+  color: #000;
+}
+h2 a:hover {
+  text-decoration: underline;
+}
+.reply, .postform {
+  background: #F0EAD6;
+  border: 4px solid #000;
+  border-top: 0;
+}
+h4 {
+  background: #d5cfbe;
+  padding-left: 0.1em;
+}
+.name em {
+  color: #009;
+}
+.q, .abbrev {
+  color: #73683a;
+}
+.yt {
+  border: 1px solid rgba(0,0,0,0.15);
+}
+hr {
+  display: none;
+}
+.msg hr {
+  display: block;
+}
+.lastposts {
+  margin: 0.5em 0;
+}
+.mainpage .postform {
+  margin: 0;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+}
+.threadpage .postform {
+  border-top: 4px solid #000;
+  padding-top: 0;
+  padding: 0.25em;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  background: #E0DAC6;
+  border: 1px solid rgba(0,0,0,0.5);
+}
+input[type="text"],
+select {
+  background: #E0DAC6;
+  border: 1px solid rgba(0,0,0,0.15);
+}
+textarea {
+  background: #E0DAC6;
+  border: 4px solid rgba(0,0,0,0.15);
+}
+#createbox .innerbox {
+  background: #F0EAD6;
+}
+form .msg {
+  border: 1px dotted rgba(0,0,0,0.15);
+}
+#q-p {
+  background: #F0EAD6;
+  border: 4px solid #000;
+  padding: 0;
+}
+#q-p .reply:last-child {
+  border: 0;
+}
+#footer {
+  border-top: 1px solid #000;
+  padding-top: 0.25em;
+}
+#threads {
+  background: #F0EAD6;
+  border: 4px solid #000;
+  border-collapse: collapse;
+}
+#threads th, #threads td {
+  border: 1px solid #000;
+}
+#threads th {
+  background: darkgrey;
+}
+#threads tr:nth-child(odd) {
+  background: #dbce9c;
+}
+@media (max-width: 600px) {
+  body.threadpage {
+    margin: 5px 0;
+  }
+  div.msg {
+    margin: 0.5em 4px;
+  }
+  .mainpage .postform {
+    padding: 0.5em;
+  }
+  .mainpage .msg {
+    margin: 0.5em;
+  }
+}
\ No newline at end of file
diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css
index c98e872..db2a495 100644
--- a/static/css/txt/ventanas.css
+++ b/static/css/txt/ventanas.css
@@ -44,10 +44,9 @@ h2,
 h5 {
   background: #010081;
   color: #fff;
-  font-size: 21px;
   font-weight: bold;
-  margin: -11px -11px 11px;
-  padding: 2px;
+  margin: -11px -11px 0.5em;
+  padding: 3px;
 }
 h2 a,
 h2 a:active {
@@ -140,8 +139,8 @@ select:focus {
 #threadlinks:before {
   content: "";
   display: block;
-  height: 15px;
-  margin-bottom: 5px;
+  height: 0.5em;
+  margin-bottom: 0.5em;
 }
 .innerbox {
   padding: 10px;
@@ -234,7 +233,20 @@ form .msg {
   border: 1px solid #000;
 }
 @media (max-width: 600px) {
+  h1,
+  h2,
+  #threadlinks:before,
+  h5 {
+    margin: -4px -4px 0.5em;
+  }
+  .threadnav {
+    margin: -4px;
+  }
+  .innerbox {
+    padding: 3px;
+    margin: 2px;
+  }
   #createbox form {
     margin: -10px;
   }
-}
+}
\ No newline at end of file
diff --git a/static/css/txt/void.css b/static/css/txt/void.css
new file mode 100644
index 0000000..50d8275
--- /dev/null
+++ b/static/css/txt/void.css
@@ -0,0 +1,70 @@
+*,
+input[type="submit"],
+input[type="button"],
+button,
+input[type="text"],
+textarea,
+select {
+  color: #888;
+}
+body {
+  background: #000;
+  -webkit-filter: grayscale(100%);
+  filter: grayscale(100%);
+}
+input[type="text"],
+input[type="submit"],
+input[type="button"],
+textarea,
+button,
+select,
+form .msg {
+  background: #000;
+  border: 1px solid #222;
+}
+a:active,
+a:active b,
+.yt:active,
+#n2:active,
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active,
+h4,
+.name,
+.name b,
+.date,
+.del a,
+.pblock,
+.postform span,
+#size,
+.abbrev,
+.end,
+#footer,
+#footer a,
+#threads th {
+  color: #333;
+}
+.reply {
+  border-bottom: 1px solid #151515;
+  margin-top: 0.5em;
+}
+.hidden {
+  margin: 0;
+}
+h4 a {
+  text-decoration: none;
+}
+.q {
+  color: #555;
+}
+#q-p, .yt {
+  background: #000;
+  border: 1px solid #111;
+}
+hr {
+  border: 0;
+  border-top: 1px solid #151515;
+}
+.yt:hover {
+  text-decoration: none;
+}
\ No newline at end of file
diff --git a/static/css/txt/waves.css b/static/css/txt/waves.css
new file mode 100644
index 0000000..4e4ff24
--- /dev/null
+++ b/static/css/txt/waves.css
@@ -0,0 +1,137 @@
+body {
+  background: #7994b0 url(../img/wave.png);
+  color: #000;
+}
+a,
+#n2,
+#size {
+  color: #00009a;
+}
+a:active,
+#n2:active {
+  color: #8a0000;
+}
+#main_nav {
+  background: #fff;
+}
+.outerbox, .mainpage .thread {
+  background: #95b5db;
+}
+h1, h5, #threadlinks {
+  background: #95b5db;
+  margin: -7px -7px 7px;
+  padding-bottom: 7px;
+}
+.outerbox,
+.mainpage .thread,
+#threadlist {
+  border: 1px outset #36c;
+}
+.outerbox .innerbox {
+  background: #cfe0f0;
+}
+.innerbox.links {
+  background: #95b5db;
+  padding: 0;
+}
+#threadlist a {
+  border-right: 1px solid #36c;
+  border-bottom: 1px solid #36c;
+}
+.thread .innerbox,
+.threadpage .thread {
+  padding: 0;
+  background: #f3f9ff;
+}
+.threadpage .thread {
+  border: 0.5em solid #95b5db;
+  border-top: 0;
+  outline: 1px outset #36c;
+}
+h2, h3 {
+  background: #95b5db;
+  margin: 0;
+}
+h4 {
+  background: #cfe0f0;
+  padding-left: 0.1em;
+}
+h4, h4 a {
+  color: #54488c;
+}
+.name em {
+  color: #009;
+}
+.q, .abbrev {
+  color: #819dbf;
+}
+.yt {
+  border: 1px solid #cfe0f0;
+}
+#size {
+  margin-bottom: 0;
+}
+.postform {
+  background: #cfe0f0;
+}
+hr {
+  border-color: #95b5db;
+}
+.mainpage .postform {
+  background: #cfe0f0;
+  margin: 1px 0 0;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+}
+.threadpage .postform {
+  background: #cfe0f0;
+  border: 1px outset #36c;
+  padding: 0.5em;
+}
+input[type="submit"],
+input[type="button"],
+button {
+  background: #3283c2;
+  border: 1px outset #3283c2;
+  color: #fff;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+  background: #26689b;
+  border: 1px inset #3283c2;
+}
+form .msg {
+  background: #f3f9ff;
+  border: 1px dotted #cfe0f0;
+}
+#q-p {
+  background: #f3f9ff;
+  border: 1px solid #95b5db;
+  padding: 0;
+}
+#threads th {
+  background: #95b5db;
+}
+#threads tr:nth-child(odd) {
+  background: #cfe0f0;
+}
+@media (max-width: 600px) {
+  body.threadpage {
+    margin: 5px 0;
+  }
+  h1, h5, #threadlinks {
+    margin: -3px -3px 3px;
+    padding-bottom: 2px;
+  }
+  .threadpage .thread {
+    border-width: 0.2em;
+  }
+  .mainpage .postform,
+  .threadpage .postform{
+    padding: 0.25em;
+  }
+  div.msg {
+    margin: 0.5em;
+  }
+}
\ No newline at end of file