From e9a0a02f9e17a7a03e39d066c8157285e774a376 Mon Sep 17 00:00:00 2001
From: junk
Date: Wed, 31 Mar 2021 06:07:15 -0300
Subject: Nuevos estilos

---
 cgi/templates/catalog.html       |   1 +
 cgi/templates/stats.html         |  61 +++++++--------
 cgi/templates/txt_archive.html   |   2 +-
 cgi/templates/txt_thread.en.html |   2 +
 cgi/templates/txt_thread.html    |   2 +
 cgi/weabot.py                    |  33 ++------
 static/css/hotdog.css            | 160 +++++++++++++++++++++++++++++++++++++++
 static/css/ib.css                |   6 +-
 static/css/img/bgnight.gif       | Bin 0 -> 11884 bytes
 static/css/img/cancha.gif        | Bin 0 -> 2605 bytes
 static/css/img/ginchan.png       | Bin 0 -> 13445 bytes
 static/css/img/rose.png          | Bin 0 -> 816 bytes
 static/css/img/rose2.png         | Bin 0 -> 3214 bytes
 static/css/img/wave.png          | Bin 0 -> 111 bytes
 static/css/rene.css              |  69 ++++++++++++-----
 static/css/renemix.css           |  80 ++++++++++++++++++++
 static/css/spc/treehugger.css    | 113 +++++++++++++++++++++++++++
 static/css/txt/4am.css           |  17 +++--
 static/css/txt/amber.css         |   1 +
 static/css/txt/ayashii.css       |  27 ++++---
 static/css/txt/bbs.css           |  63 ++++++++-------
 static/css/txt/bios.css          |  83 +++-----------------
 static/css/txt/blue moon.css     |  34 ++-------
 static/css/txt/ciber.css         |   2 +-
 static/css/txt/cuteanarchy.css   |   6 --
 static/css/txt/futanari.css      |  35 +++------
 static/css/txt/gamer.css         |  36 ++++-----
 static/css/txt/headline.css      |  81 +++++++++-----------
 static/css/txt/mercury.css       | 158 ++++++++++++++++++++++++++++++++++++++
 static/css/txt/postal.css        |  38 ++--------
 static/css/txt/rizzona.css       | 159 ++++++++++++++++++++++++++++++++++++++
 static/css/txt/ventanas.css      |  24 ++++--
 static/css/txt/void.css          |  70 +++++++++++++++++
 static/css/txt/waves.css         | 137 +++++++++++++++++++++++++++++++++
 34 files changed, 1135 insertions(+), 365 deletions(-)
 create mode 100644 static/css/hotdog.css
 create mode 100644 static/css/img/bgnight.gif
 create mode 100644 static/css/img/cancha.gif
 create mode 100644 static/css/img/ginchan.png
 create mode 100644 static/css/img/rose.png
 create mode 100644 static/css/img/rose2.png
 create mode 100644 static/css/img/wave.png
 create mode 100644 static/css/renemix.css
 create mode 100644 static/css/spc/treehugger.css
 create mode 100644 static/css/txt/mercury.css
 create mode 100644 static/css/txt/rizzona.css
 create mode 100644 static/css/txt/void.css
 create mode 100644 static/css/txt/waves.css

diff --git a/cgi/templates/catalog.html b/cgi/templates/catalog.html
index 8c0d80e..d4822ae 100644
--- a/cgi/templates/catalog.html
+++ b/cgi/templates/catalog.html
@@ -29,4 +29,5 @@
   </div>
   <?py #endfor ?>
 </div>
+<hr />
 <?py include('templates/base_bottom.html') ?>
\ No newline at end of file
diff --git a/cgi/templates/stats.html b/cgi/templates/stats.html
index 6cfe4f1..b284d7a 100644
--- a/cgi/templates/stats.html
+++ b/cgi/templates/stats.html
@@ -5,7 +5,7 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <style>
-body{font-family:arial,sans-serif;background:#090909;color:#fdfdfd;margin:0;text-align:center}
+body{font-family:arial,sans-serif;background:#090909 url('/bg3.png');color:#fff;margin:0;text-align:center;text-shadow:1px 1px #000}
 a,a:visited{color:#fdfdfd;text-decoration:none}
 a:hover{text-decoration:underline}
 hr{margin:1em 0}
@@ -24,38 +24,40 @@ td a{display:block;padding:10px}
 .r{text-align:right}
 .l{text-align:left}
 .pos{line-height:0em;text-align:center}
-.uno{font-size:2em;color:red}
-.dos{font-size:1.6em;color:orange}
-.tres{font-size:1.3em;color:yellow}
+.b1{font-size:2em;color:red}
+.b2{font-size:1.6em;color:orange}
+.b3{font-size:1.3em;color:yellow}
 .etc{color:grey}
 #foot{margin:1em;font-size:.9em}
 #foot a{color:#999}
-@media (max-width:600px){
-.t1{font-size:1.6em}
-.t2{font-size:.9em}
-h2{font-size:1.2em}
-table{font-size:1.1em}
-table.desc{font-size:.9em}
-th,td{padding:5px}
-td a{display:block;padding:5px}
-.uno{font-size:1.6em}
-.dos{font-size:1.4em}
-.tres{font-size:1.2em}
-#boards th{font-size:.8em}
-.long{word-break:break-all}
-#foot{font-size:12px}
+@media (max-width:600px){c
+  .t1{font-size:1.6em}
+  .t2{font-size:.9em}
+  h2{font-size:1.2em}
+  table{font-size:1.1em}
+  table.desc{font-size:.9em}
+  th,td{padding:5px}
+  td a{display:block;padding:5px}
+  .b1{font-size:1.6em}
+  .b2{font-size:1.4em}
+  .b3{font-size:1.2em}
+  #boards th{font-size:.8em}
+  .long{word-break:break-all}
+  #foot{font-size:12px}
 }
 </style>
 </head>
 <body>
 <div id="title">
- <div class="t1"><a href="/" style="font-weight:900">Bienvenido a Internet</a> Estadísticas</div>
- <div class="t2">
-  <span>Última actualización:</span> <span>${timestamp} GMT${tz}</span>
-  <?py if not regenerated: ?>
-   <span>(en caché)</span>
-  <?py #endif ?>
- </div>
+  <div class="t1">
+  <a href="/" style="font-weight:900">Bienvenido a Internet</a> Estadísticas
+  </div>
+  <div class="t2">
+    <span>Última actualización:</span> <span>${timestamp} GMT${tz}</span>
+    <?py if not regenerated: ?>
+      <span>(en caché)</span>
+    <?py #endif ?>
+  </div>
 </div>
 
 <hr />
@@ -100,12 +102,7 @@ td a{display:block;padding:5px}
  <?py iter = 1 ?>
  <?py for dir, board, percent, num in boards_percent: ?>
  <tr>
-  <td class="pos">
-   <?py if iter == 1: ?><span class="uno">${iter}</span>
-   <?py elif iter == 2: ?><span class="dos">${iter}</span>
-   <?py elif iter == 3: ?><span class="tres">${iter}</span>
-   <?py else: ?>${iter}<?py #endif ?>
-  </td>
+  <td class="pos b${iter}">${iter}</td>
   <td class="l boards"><a href="/${dir}/" target="_blank">${board}</a></td>
   <td class="r">${num}</td>
   <td class="r">${percent}%</td>
@@ -158,6 +155,6 @@ td a{display:block;padding:5px}
 
 <hr />
 
-<div id="foot">B.a.I. - 2010-2019 · Contacto: <a href="mailto:burocracia@bienvenidoainternet.org">burocracia@bienvenidoainternet.org</a></div>
+<div id="foot">B.a.I. - 2010-2021 · Contacto: <a href="mailto:burocracia@bienvenidoainternet.org">burocracia@bienvenidoainternet.org</a></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/cgi/templates/txt_archive.html b/cgi/templates/txt_archive.html
index 2b5caa3..88b3196 100644
--- a/cgi/templates/txt_archive.html
+++ b/cgi/templates/txt_archive.html
@@ -68,7 +68,7 @@
     <?py #endif ?>
   <?py #endfor ?>
   <?py if 'size' in thread: ?>
-    <div class="size">#{thread['size']}</div>
+    <div id="size">#{thread['size']}</div>
   <?py #endif ?>
 </div>
 <hr /><div class="stop red">■ Este hilo se encuentra guardado en el archivo</div><hr />
diff --git a/cgi/templates/txt_thread.en.html b/cgi/templates/txt_thread.en.html
index 45f8f8e..4b16fca 100644
--- a/cgi/templates/txt_thread.en.html
+++ b/cgi/templates/txt_thread.en.html
@@ -20,6 +20,8 @@
 <hr />
 <?py if thread['length'] > 1000: ?>
   <div class="stop red">The thread got over 1000 posts and has been closed.</div>
+<?py elif thread['length'] > 950: ?>
+  <div class="warn yellow">The thread has reached 950 posts. When it reaches 1000 posts it will be closed.</div>
 <?py elif thread['length'] > 900: ?>
   <div class="warn yellow">The thread has reached 900 posts. When it reaches 1000 posts it will be closed.</div>
 <?py #endif ?>
diff --git a/cgi/templates/txt_thread.html b/cgi/templates/txt_thread.html
index 18293c1..c8d70d1 100644
--- a/cgi/templates/txt_thread.html
+++ b/cgi/templates/txt_thread.html
@@ -20,6 +20,8 @@
 <hr />
 <?py if thread['length'] > 1000: ?>
   <div class="stop red">El hilo superó los 1000 mensajes y ha sido cerrado. Ya no se puede postear en él.</div>
+<?py elif thread['length'] > 950: ?>
+  <div class="warn red">El hilo ha recibido más de 950 mensajes. Cuando llegue a 1000 será cerrado.</div>
 <?py elif thread['length'] > 900: ?>
   <div class="warn yellow">El hilo ha recibido más de 900 mensajes. Cuando llegue a 1000 será cerrado.</div>
 <?py #endif ?>
diff --git a/cgi/weabot.py b/cgi/weabot.py
index 7e27ca7..eba4c72 100755
--- a/cgi/weabot.py
+++ b/cgi/weabot.py
@@ -192,8 +192,9 @@ class weabot(object):
             elif path_split[1] == "api":
                 import api
                 caught = True
-                self.headers = [("Content-Type", "application/json"), ("Access-Control-Allow-Origin", "*"), ("Access-Control-Allow-Methods",
-                                                                                                             "PUT, GET, POST, DELETE, OPTIONS"), ("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With")]
+                self.headers = [("Content-Type", "application/json"), ("Access-Control-Allow-Origin", "*"),
+                  ("Access-Control-Allow-Methods", "PUT, GET, POST, DELETE, OPTIONS"),
+                  ("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With")]
                 OpenDb()
                 api.api(self, path_split)
             elif path_split[1] == "threadlist":
@@ -492,7 +493,7 @@ class weabot(object):
         message = message.replace("\r", "")
 
         # check ! functions before
-        extend = extend_str = dice = ball = None
+        extend = extend_str = None
 
         if not post["parentid"] and board["dir"] not in ['bai', 'world']:
             # creating thread
@@ -504,20 +505,6 @@ class weabot(object):
                 extend_str = res.group(0)
                 message = message[res.end(0):]
 
-        if board["dir"] in ['juegos', '0', 'polka']:
-            __dice = re.compile(r"^!dado(:\w+)(:\w+)?\n")
-            res = __dice.match(message)
-            if res:
-                dice = res.groups()
-                message = message[res.end(0):]
-
-        if board["dir"] in ['zonavip', '0', 'polka']:
-            __ball = re.compile(r"^!bola8\n")
-            res = __ball.match(message)
-            if res:
-                ball = True
-                message = message[res.end(0):]
-
         # use and format message
         if message.strip():
             post["message"] = format_post(
@@ -527,10 +514,6 @@ class weabot(object):
         if extend_str:
             extend_str = extend_str.replace('!extend', 'EXTEND')
             post["message"] += '<hr />' + extend_str + ' configurado.'
-        if dice:
-            post["message"] += '<hr />' + throw_dice(dice)
-        if ball:
-            post["message"] += '<hr />' + magic_ball()
 
         if not post["parentid"] and post["email"].lower() == 'sage':
             post["email"] = ""
@@ -1016,12 +999,11 @@ class weabot(object):
             # 1 week = 604800
             query_day = FetchAll("SELECT DATE_FORMAT(FROM_UNIXTIME(FLOOR((timestamp-10800)/86400)*86400+86400), \"%Y-%m-%d\"), COUNT(1), COUNT(IF(parentid=0, 1, NULL)) "
                                  "FROM posts "
-                                 "WHERE (timestamp-10800) > (UNIX_TIMESTAMP()-604800) AND (IS_DELETED = 0 OR IS_DELETED = 3) "
+                                 "WHERE (timestamp-10800) > (UNIX_TIMESTAMP()-604800) AND (IS_DELETED = 0) "
                                  "GROUP BY FLOOR((timestamp-10800)/86400) "
                                  "ORDER BY FLOOR((timestamp-10800)/86400)", 0)
 
-            query_count = FetchOne(
-                "SELECT COUNT(1), COUNT(NULLIF(file, '')), VERSION() FROM posts", 0)
+            query_count = FetchOne("SELECT COUNT(1), COUNT(NULLIF(file, '')), VERSION() FROM posts", 0)
             total = int(query_count[0])
             total_files = int(query_count[1])
             mysql_ver = query_count[2]
@@ -1033,8 +1015,7 @@ class weabot(object):
             for date, count, threads in query_day[1:]:
                 days.append((date, count, threads))
 
-            query_b = FetchAll(
-                "SELECT id, dir, name FROM boards WHERE boards.secret = 0", 0)
+            query_b = FetchAll("SELECT id, dir, name FROM boards WHERE boards.secret = 0", 0)
 
             boards = []
             totalp = 0
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
Binary files /dev/null and b/static/css/img/bgnight.gif differ
diff --git a/static/css/img/cancha.gif b/static/css/img/cancha.gif
new file mode 100644
index 0000000..51098a8
Binary files /dev/null and b/static/css/img/cancha.gif differ
diff --git a/static/css/img/ginchan.png b/static/css/img/ginchan.png
new file mode 100644
index 0000000..087d6ce
Binary files /dev/null and b/static/css/img/ginchan.png differ
diff --git a/static/css/img/rose.png b/static/css/img/rose.png
new file mode 100644
index 0000000..fd902cd
Binary files /dev/null and b/static/css/img/rose.png differ
diff --git a/static/css/img/rose2.png b/static/css/img/rose2.png
new file mode 100644
index 0000000..1ffedef
Binary files /dev/null and b/static/css/img/rose2.png differ
diff --git a/static/css/img/wave.png b/static/css/img/wave.png
new file mode 100644
index 0000000..152f601
Binary files /dev/null and b/static/css/img/wave.png differ
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
-- 
cgit v1.2.1-18-gbd029