Mejor forma de ocultar posts

30 files changed, 183 insertions, 351 deletions

diff --git a/static/css/another.css b/static/css/another.css
index d635e08..ca684d1 100644
--- a/static/css/another.css
+++ b/static/css/another.css
@@ -2,7 +2,7 @@ html,
 body {
   background: #181818;
   color: #d8d8d8;
-  font-size: 13px;
+  font-size: 10pt;
 }
 
 .rep {
@@ -19,9 +19,9 @@ a {
   text-decoration: none;
 }
 
-a:hover {
+a:focus {
   color: #86c1b9;
-  text-decoration: none;
+  text-decoration: underline;
 }
 
 hr {
@@ -30,6 +30,10 @@ hr {
   margin-bottom: 10px;
 }
 
+#main_nav {
+  font-size: 10pt;
+}
+
 .form textarea {
   width: 295px;
   min-width: 295px;
@@ -50,7 +54,6 @@ textarea {
 }
 
 .postblock {
-  font-size: 12px;
   padding: 3px 5px;
   width: 100px;
   background: #282828;
@@ -59,10 +62,6 @@ textarea {
   font-weight: normal;
 }
 
-.rules {
-  font-size: 11px;
-}
-
 .fs {
   font-size: 11px;
 }
@@ -81,19 +80,6 @@ td #text {
   font-size: 10pt;
 }
 
-blockquote {
-  font-size: 13px;
-  margin-left: 1.8em;
-  padding-right: 3em;
-  padding-bottom: 0.3em;
-}
-
-.logo {
-  font-size: 18pt;
-  margin: 0px;
-  padding-bottom: 2em;
-}
-
 .postform {
   font-size: 10pt;
 }
@@ -102,12 +88,10 @@ blockquote {
   background-color: #282828;
   border: 1px solid;
   border-color: #383838 #282828 #282828 #383838;
-  padding: 0px 7px 7px 7px;
 }
 
 .subj {
   color: #3b7335;
-  font-weight: bold;
 }
 
 .thread .fs {
@@ -121,14 +105,9 @@ blockquote {
   color: #181818;
 }
 
-#main_nav {
-  font-size: 9pt;
-}
-
 .pg,
 .pg span {
   border: none;
-  font-size: 10pt;
 }
 
 .pg span input {
@@ -191,16 +170,6 @@ blockquote {
   color: #f8f8f8;
 }
 
-#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;
diff --git a/static/css/buri.css b/static/css/buri.css
index 032a07f..02df6c4 100644
--- a/static/css/buri.css
+++ b/static/css/buri.css
@@ -45,7 +45,6 @@ a:hover .name b,
 }
 .subj {
   color: #0f0c5d;
-  font-weight: bold;
 }
 .name {
   color: #228854;
@@ -74,14 +73,6 @@ a:hover .name b,
   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;
diff --git a/static/css/cyber.css b/static/css/cyber.css
index 5039610..ecc5e41 100644
--- a/static/css/cyber.css
+++ b/static/css/cyber.css
@@ -95,7 +95,6 @@ input[type="submit"]:active {
 }
 .subj {
   color: #7b68ee;
-  font-weight: bold;
 }
 .name {
   color: #fbde2d;
@@ -162,13 +161,6 @@ input[type="submit"]:active {
   border-radius: 0;
   box-shadow: none;
 }
-#catalog .thread:hover {
-  background: #383838;
-}
-#catalog .replies {
-  color: #428c29;
-  font-weight: bold;
-}
 .yt {
   background: #222;
   border: 1px solid;
diff --git a/static/css/dickgirl.css b/static/css/dickgirl.css
index b33d7ef..32fc960 100644
--- a/static/css/dickgirl.css
+++ b/static/css/dickgirl.css
@@ -41,7 +41,6 @@ a:hover .name,
 }
 .subj {
   color: #de9d7f;
-  font-weight: bold;
 }
 .name {
   color: #afd775;
@@ -69,14 +68,6 @@ a:hover .name,
   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;
diff --git a/static/css/easymodo.css b/static/css/easymodo.css
index d874fd2..cee15b0 100644
--- a/static/css/easymodo.css
+++ b/static/css/easymodo.css
@@ -52,7 +52,6 @@ a:hover .name b,
 }
 .subj {
   color: #0f0c5d;
-  font-weight: bold;
 }
 .name {
   color: #228854;
@@ -78,14 +77,6 @@ a:hover .name b,
 .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;
diff --git a/static/css/fennec.css b/static/css/fennec.css
index 39bbb3a..8c7ede7 100644
--- a/static/css/fennec.css
+++ b/static/css/fennec.css
@@ -37,7 +37,6 @@ hr {
 }
 .subj {
   color: #900100;
-  font-weight: bold;
 }
 .name {
   color: #b30a09;
@@ -61,14 +60,6 @@ hr {
   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;
diff --git a/static/css/futaba.css b/static/css/futaba.css
index 1588cd1..3a1757b 100644
--- a/static/css/futaba.css
+++ b/static/css/futaba.css
@@ -38,7 +38,6 @@ a:hover .name b,
 }
 .subj {
   color: #cc1105;
-  font-weight: bold;
 }
 .name {
   color: #228854;
@@ -68,14 +67,6 @@ a:hover .name b,
   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;
diff --git a/static/css/guro.css b/static/css/guro.css
index 6c00cc7..56c3a69 100644
--- a/static/css/guro.css
+++ b/static/css/guro.css
@@ -53,7 +53,6 @@ input[type="button"]:active {
 }
 .subj {
   color: #0f0c5d;
-  font-weight: bold;
 }
 .name {
   color: #117743;
@@ -83,14 +82,6 @@ hr {
   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;
diff --git a/static/css/ib.css b/static/css/ib.css
index b1bcefe..66ba8ae 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -98,8 +98,12 @@ textarea {
   margin: 4px 0;
 }
 .reply .info {
+  line-height: 1;
   padding-right: 50px;
 }
+.subj {
+  font-weight: bold;
+}
 .hsbn {
   font-size: 120%;
 }
@@ -113,9 +117,6 @@ textarea {
   vertical-align: top;
   width: 20px;
 }
-.deleted {
-  color: #777;
-}
 .reflink a {
   color: inherit;
   text-decoration: none;
@@ -124,6 +125,29 @@ textarea {
 #q-p .fs {
   margin-left: 20px;
 }
+.deleted {
+  color: #777;
+}
+.thread.hidden > div, .thread.hidden > table, .thread.hidden > a, .thread.hidden > blockquote,
+.reply.hidden input, .reply.hidden blockquote, .reply.hidden .thumb, .reply.hidden .fs, .reply.hidden .quoted,
+#catalog .hidden {
+  display: none;
+}
+.res .thread.hidden > div, .res .thread.hidden > blockquote, #catalog .hidden a {
+  display: block;
+}
+.res .thread.hidden > a {
+  display: inline;
+}
+.res .thread.hidden > table {
+  display: table;
+}
+.reply.hidden .info {
+  opacity: 0.7;
+}
+.thread.hidden .unhide {
+  display: inline !important;
+}
 .pg {
   border: 1px solid;
   border-spacing: 2px;
@@ -153,7 +177,7 @@ textarea {
   font-size: 12px;
   line-height: 1;
   margin: 0 -1px;
-  padding: 4px;
+  padding: 2px 4px;
 }
 .thumbpreview {
   display: inline-block;
@@ -166,50 +190,66 @@ textarea {
 #catalog {
   text-align: center;
 }
-#cat_search {
+#cat-srch {
   border: 1px inset gray;
   padding: 0;
-  width: 125px;
+  width: 126px;
 }
 #catalog .thread {
-  border-radius: 4px;
   display: inline-block;
   font-size: 14px;
-  margin: 5px;
+  line-height: 16px;
+  margin: 0 .25em .5em;
   overflow: hidden;
-  padding: 2px;
+  padding: .2em;
   position: relative;
   vertical-align: top;
-  max-height: 275px;
-  width: 175px;
+  max-height: 256px;
+  width: 165px;
 }
 #catalog.enlarged .thread {
-  margin: 10px 5px;
-  max-height: 375px;
-  width: 275px;
+  margin: 0 .5em 1em;
+  max-height: 350px;
+  width: 265px;
 }
 #catalog .thread a img {
-  border-radius: 3px;
-  margin-bottom: 2px;
+  border-radius: 4px;
+  margin-bottom: 4px;
 }
 #catalog.enlarged .thread a img {
-  min-width: 150px;
-  min-height: 150px;
+  min-width: 128px;
+  min-height: 128px;
   max-width: 250px;
   max-height: 250px;
 }
 #catalog .subj {
   font-size: 16px;
+  font-weight: bold;
+}
+#catalog .subj span {
+  font-weight: normal;
 }
 #catalog p {
   margin: 0;
 }
+#catalog.notxt p {
+  display: none;
+}
+#catalog .hidden {
+  display: none;
+}
+#catalog.showhid .thread.hidden {
+  display: inline-block;
+}
+#catalog.showhid .thread {
+  display: none;
+}
 .yt {
   font-size: 12px;
   display: inline-block;
   line-height: 13px;
   margin: 2px 0;
-  padding: 5px;
+  padding: 4px;
   text-decoration: none;
 }
 .yt b {
@@ -220,7 +260,7 @@ textarea {
   height: 60px;
   overflow: hidden;
   float: left;
-  margin-right: 5px;
+  margin-right: 4px;
 }
 .yt .pvw img {
   margin-top: -15px;
@@ -255,12 +295,9 @@ textarea {
 .managertable .message {
   display: block;
 }
-
 .managertable .message.vip {
   font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97;
-  font-size: 14px;
 }
-
 .managertable .actions {
   display: block;
   margin-top: 0.5em;
@@ -344,4 +381,4 @@ textarea {
     display: block;
     width: 100%;
   }
-}
+}
\ No newline at end of file
diff --git a/static/css/kraut.css b/static/css/kraut.css
index f0e0b1c..45818fa 100644
--- a/static/css/kraut.css
+++ b/static/css/kraut.css
@@ -50,7 +50,6 @@ a:hover .name,
 }
 .subj {
   color: #c33;
-  font-weight: bold;
 }
 .name {
   color: #33c;
@@ -86,14 +85,6 @@ a:hover .name,
   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;
diff --git a/static/css/night.css b/static/css/night.css
index 4057ed3..725fa99 100644
--- a/static/css/night.css
+++ b/static/css/night.css
@@ -37,7 +37,6 @@ a:hover .name,
 .subj {
   background: inherit;
   color: #962e5f;
-  font-weight: bold;
 }
 .name {
   color: #5f962e;
@@ -64,14 +63,6 @@ hr {
   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;
diff --git a/static/css/photon.css b/static/css/photon.css
index e3dfb84..8a72339 100644
--- a/static/css/photon.css
+++ b/static/css/photon.css
@@ -41,7 +41,6 @@ a:hover .name b,
 }
 .subj {
   color: #111;
-  font-weight: bold;
 }
 .name {
   color: #f30;
@@ -72,14 +71,6 @@ hr {
   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;
diff --git a/static/css/putaba.css b/static/css/putaba.css
index a3ee9e2..74d5254 100644
--- a/static/css/putaba.css
+++ b/static/css/putaba.css
@@ -117,9 +117,8 @@ hr,
   color: #789922;
 }
 .subj {
-  font-weight: bold;
-  color: #909;
   background: #cf0;
+  color: #909;
   letter-spacing: -1px;
 }
 .name {
@@ -170,14 +169,6 @@ input[type="submit"].psei {
 .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;
diff --git a/static/css/red.css b/static/css/red.css
index e5698dd..3efa130 100644
--- a/static/css/red.css
+++ b/static/css/red.css
@@ -46,7 +46,6 @@ a:hover .name,
 }
 .subj {
   color: #cc1105;
-  font-weight: bold;
 }
 .highlight {
   background: #f0e0d6;
@@ -59,17 +58,6 @@ a:hover .name,
   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;
diff --git a/static/css/rene.css b/static/css/rene.css
index a4f3b86..a93500c 100644
--- a/static/css/rene.css
+++ b/static/css/rene.css
@@ -40,7 +40,6 @@ a:hover .name,
 }
 .subj {
   color: #a6b8d8;
-  font-weight: bold;
 }
 .name,
 .omitted {
@@ -69,14 +68,6 @@ hr {
   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;
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index 1b448f3..4147600 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -9,13 +9,11 @@ a,
 a .name,
 #n2 {
   color: #81a2be;
-  text-decoration: none;
 }
-a:hover,
+a:active,
 a:focus,
 #n2:active {
   color: #4d6172;
-  text-decoration: underline;
 }
 hr {
   border: 1px inset #111;
@@ -110,10 +108,7 @@ h4 .date,
   color: #4e4e4e;
 }
 .msg {
-  margin: 4px 40px 0;
-}
-.reply {
-  margin-bottom: 24px;
+  margin: 4px 40px 24px;
 }
 a.thumb {
   margin-top: 4px;
@@ -129,15 +124,15 @@ a.thumb {
 .yt:hover {
   text-decoration: none;
 }
-.deleted {
-  color: #999;
+.deleted h4 {
+  color: #555;
   margin-bottom: 24px;
 }
 #q-p {
   background: #222;
   border: 1px solid #999;
 }
-#q-p .reply {
+#q-p .msg {
   margin-bottom: 8px;
 }
 .lastposts #n2 {
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index 87f74cb..2a3e4ec 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -101,7 +101,8 @@ button:active {
   box-shadow: 0 0 10px;
 }
 .outerbox,
-.innerbox {
+.innerbox,
+.mainpage .thread {
   border: 1px solid #f9690e;
 }
 #threadlist {
@@ -111,10 +112,6 @@ button:active {
   border-right: 1px solid #f9690e;
   border-bottom: 1px solid #f9690e;
 }
-.mainpage .thread,
-.thread .innerbox {
-  border: 1px solid #f9690e;
-}
 .thread .innerbox,
 .threadpage,
 #q-p {
@@ -130,13 +127,7 @@ button:active {
 .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;
@@ -160,10 +151,9 @@ form .msg {
 #q-p .reply {
   border: 3px double #f9690e;
   margin: 0;
-  padding-bottom: 1em;
 }
 #q-p .reply h4 {
-  padding: 0 1px;
+  padding: 0;
 }
 #footer a {
   color: #f9690e;
@@ -175,10 +165,10 @@ form .msg {
   background: #251002;
 }
 @media (max-width: 600px) {
-  div.msg {
-    margin: 0.5em 0.5em 0;
-  }
   .mainpage .postform {
     padding: 0.5em;
   }
+  .mainpage .msg {
+    margin: 0.5em;
+  }
 }
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
index bc385ae..ac94b4e 100644
--- a/static/css/txt/ayashii.css
+++ b/static/css/txt/ayashii.css
@@ -36,7 +36,7 @@ h4:before {
   color: #fffffe;
   display: inline-block;
   font-size: 16px;
-  width: 40px;
+  width: 32px;
 }
 .first h4:before {
   content: none;
@@ -98,9 +98,10 @@ h3 {
   border: 1px inset gray;
 }
 .reply {
-  clear: both;
-  margin-bottom: 1em;
-  overflow: hidden;
+  margin-bottom: 0.5em;
+}
+.hidden {
+  padding-bottom: 0.5em;
 }
 .reply:last-child {
   border: 0;
@@ -115,12 +116,6 @@ h3 {
 .del a {
   color: #fff;
 }
-.first .msg {
-  margin: 1em 40px;
-}
-.msg {
-  margin: 1em 60px;
-}
 .q {
   color: #99b3b3;
 }
@@ -135,7 +130,6 @@ h3 {
 }
 #size {
   color: #fff;
-  margin-top: -0.5em;
 }
 #q-p {
   background: #004040;
@@ -164,19 +158,13 @@ form .msg {
 }
 @media (max-width: 600px) {
   body.mainpage {
-    margin-left: 8px;
-    margin-right: 8px;
+    margin-left: 4px;
+    margin-right: 4px;
   }
   h2 span {
-    margin-left: 0;
-    float: none;
+    font-size: initial;
   }
   h4:before {
-    font-size: 12px;
-    width: 20px;
-  }
-  div.msg,
-  .first .msg {
-    margin: 0.5em 0 0.5em 20px;
+    display: none;
   }
 }
diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css
index 11e3112..3e0bf40 100644
--- a/static/css/txt/baisano.css
+++ b/static/css/txt/baisano.css
@@ -30,10 +30,10 @@ h3 span {
 .mainpage h4:hover {
   background: #ffefef;
 }
-h4.hidden {
+.hidden h4 {
   background: #ccc;
 }
-.mainpage h4.hidden:hover {
+.mainpage .hidden h4:hover {
   background: #dcc;
 }
 #main_nav {
@@ -94,7 +94,7 @@ a.thumb {
   background: #efefef;
   border: 1px solid #999;
 }
-#q-p .reply {
+#q-p .msg {
   margin-bottom: 8px;
 }
 #createbox {
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index c82c01a..87269eb 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -156,7 +156,7 @@ label {
   font-size: 14px;
   line-height: 1;
   max-height: 16em;
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 #threadlist a {
   -webkit-flex: 1 1 auto;
@@ -204,6 +204,9 @@ a.thumb {
   margin: 1em 20px;
   text-decoration: none;
 }
+.hidden .msg, .hidden .thumb, .hidden .quoted {
+  display: none;
+}
 a.yt {
   margin: 2px 0;
   display: inline-block;
@@ -250,7 +253,7 @@ a.yt b {
   color: #f00;
   font-family: arial, sans-serif;
   font-weight: bold;
-  margin-bottom: 0.5em;
+  margin: 0.5em 0;
 }
 #createbox input,
 #createbox textarea {
@@ -260,6 +263,9 @@ a.yt b {
   text-align: right;
   white-space: nowrap;
 }
+.postform {
+  margin-top: 0.5em;
+}
 form .msg {
   margin: 0;
   padding: 8px 2px;
@@ -302,6 +308,9 @@ form .msg {
 	line-height: 12px;
 }
 @media (max-width: 600px) {
+  body.threadpage {
+    margin: 4px;
+  }
   br {
     line-height: 0.5em;
   }
@@ -360,7 +369,8 @@ form .msg {
   .postform input[type="submit"] {
     padding: 0.5em;
   }
-  .postform span > * {
+  .postform span > input,
+  .postform span > span {
     display: table-cell;
     white-space: nowrap;
   }
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
index 638297e..b6f912d 100644
--- a/static/css/txt/bios.css
+++ b/static/css/txt/bios.css
@@ -5,17 +5,16 @@ textarea,
   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;
+  outline: 0;
 }
 .mainpage .threadlinks a:before,
 #threadlinks a:before,
@@ -64,7 +63,7 @@ h2,
 h3 {
   background: #fff;
   color: #00a;
-  margin: 0;
+  margin: 0 0 1px 0;
   padding: 2px 8px;
 }
 h3 span {
@@ -160,21 +159,26 @@ h3 span {
   border-style: double;
   border-width: 4px 4px 1px;
 }
-.reply,
-.deleted {
-  border-top: 1px solid #fff;
-  padding: 0.5em 0.75em 0;
+h4 {
+  background: #fff;
+  color: #00a;
+  padding: 0 0.5em;
+}
+h4 a,
+a .name {
+  color: #000;
 }
-.threadpage .reply,
-.threadpage .deleted {
-  padding: 0.5em 0.5em 0;
+h4 a:active,
+h4 a:focus,
+a:active .name,
+a:focus .name {
+  color: #fff;
 }
 .name em {
   background: #fff;
   color: #00f;
 }
 .q,
-.deleted,
 .abbrev {
   color: #5cf;
 }
@@ -195,10 +199,8 @@ h3 span {
 #q-p {
   background: #00a;
   border: 1px solid #fff;
-}
-#q-p .reply {
-  border: 0;
-  padding: 0;
+  box-shadow: 1em 1em #000;
+  paddding: 0;
 }
 .lastposts {
   border-color: #fff;
@@ -242,4 +244,7 @@ form .msg {
   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 6841015..bcc9e32 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -44,7 +44,6 @@ h3 {
 }
 h4 {
   background: #ddd;
-  padding-bottom: 0.2em;
 }
 hr {
   display: none;
@@ -131,6 +130,7 @@ h5 {
   border-left: 10px solid #ddd;
   color: #000;
   margin-bottom: 0;
+  overflow: hidden;
 }
 .first {
   border-top: 0.2em solid #ddd;
@@ -174,11 +174,8 @@ a.thumb {
   background: #eee;
   border: 1px solid gray;
 }
-.deleted {
-  background: #ddd;
+.deleted h4 {
   color: #afafaf;
-  margin-bottom: 0;
-  padding: 3px 10px;
 }
 #q-p {
   background: #fff;
@@ -236,9 +233,6 @@ form .msg {
   h3 {
     margin: 0.5em 0;
   }
-  h4 {
-    padding-bottom: 0;
-  }
   .threadpage .thread {
     padding: 1px 4px 4px;
   }
@@ -249,7 +243,6 @@ form .msg {
   div.reply {
     border-left-width: 4px;
     border-right-width: 4px;
-    margin: 0;
   }
   .threadpage .postform {
     border-width: 4px;
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index 3dc11e5..7eef9fa 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -166,8 +166,7 @@ select {
 .threadpage,
 #q-p,
 form .msg {
-  background: #000
-    url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC");
+  background: #000 url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC");
 }
 .thread .innerbox {
   padding: 0;
@@ -207,10 +206,6 @@ form .msg {
 #q-p .reply {
   border: 3px double #2a4a75;
   margin: 0;
-  padding-bottom: 1em;
-}
-#q-p .reply h4 {
-  padding: 1px;
 }
 #footer {
   color: #0c0;
@@ -229,10 +224,10 @@ form .msg {
   text-shadow: 0 0 8px;
 }
 @media (max-width: 600px) {
-  div.msg {
-    margin: 0.5em 0.5em 0;
-  }
   .mainpage .postform {
     padding: 0.5em;
   }
+  .mainpage .msg {
+    margin: 0.5em;
+  }
 }
diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css
index 3e4e97c..524a81b 100644
--- a/static/css/txt/cuteanarchy.css
+++ b/static/css/txt/cuteanarchy.css
@@ -137,10 +137,6 @@ h3 span {
   box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
 }
 
-.reply {
-  margin-bottom: 24px;
-}
-
 .threadpage .thread {
   color: #5d475a;
 }
@@ -152,7 +148,7 @@ a .name,
   text-decoration: none;
 }
 
-.name {
+.name, .hidden {
   color: #7ca380;
   text-shadow: 2px 0 11px #ffd7c6;
   background-image: url("/static/css/img/bg1.gif");
@@ -172,7 +168,7 @@ a .name,
 }
 
 h4 .date {
-  font-size: small;
+  font-size: smaller;
   font-family: "Courier New", Courier, monospace;
   vertical-align: middle;
 }
@@ -183,7 +179,7 @@ h4 .date,
 }
 
 .msg {
-  margin: 4px 40px 0;
+  margin: 4px 40px 24px;
 }
 
 a.thumb {
@@ -210,18 +206,12 @@ a.thumb {
 }
 
 #q-p {
-  /*border: 1px solid #999*/
   background: #ffd9c6;
   border: 1px solid #efc9d8;
   border-radius: 3px;
   color: #66564f;
 }
 
-#q-p .reply {
-  margin: 0;
-  padding-bottom: 1em;
-}
-
 .lastposts #n2 {
   text-decoration: none;
 }
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index 9ddc487..1a0b80d 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -100,10 +100,7 @@ button:active {
   color: #fff;
 }
 .msg {
-  margin: 4px 40px 0;
-}
-.reply {
-  margin-bottom: 24px;
+  margin: 4px 40px 24px;
 }
 .q {
   color: #aac;
@@ -145,8 +142,8 @@ form .msg {
   background: #1b3345;
   border: 1px solid #3b6b94;
 }
-#q-p .reply {
-  margin-bottom: 1em;
+#q-p .msg {
+  margin-bottom: 8px;
 }
 .lastposts {
   background: #5b8bb4;
@@ -163,12 +160,11 @@ form .msg {
 }
 @media (max-width: 600px) {
   .thread .innerbox {
-    padding: 8px;
+    padding: 4px;
   }
   .innerbox,
   .postform,
   .mainpage .postform {
-    padding: 8px;
-    padding-left: 8px;
+    padding: 4px;
   }
 }
diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css
index 84f868a..37f4c9e 100644
--- a/static/css/txt/gamer.css
+++ b/static/css/txt/gamer.css
@@ -13,19 +13,13 @@ a:active,
 a:active .name {
   color: #fff;
 }
-h1,
-h2,
-h3,
-h5,
+h1,h2,h3,h5,
 #threads th {
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC");
   color: #fff;
   text-shadow: 1px 1px #002;
 }
-h1,
-h2,
-h3,
-h5 {
+h1,h2,h3,h5 {
   font-size: 18px;
   margin: -7px -7px 8px;
   padding: 8px;
@@ -34,10 +28,6 @@ h2 a {
   color: #fff;
   font-size: 18px;
 }
-h3 span {
-  font-weight: bold;
-  margin-left: 4px;
-}
 hr {
   display: none;
 }
@@ -114,7 +104,8 @@ h4 a,
 }
 .outerbox,
 .thread,
-.threadpage .postform {
+.threadpage .postform,
+#q-p {
   background: #050505 url("../img/g_p.gif");
   border: 6px solid transparent;
   -moz-border-image: url("../img/g_b.gif") 6 6 round round;
@@ -140,15 +131,15 @@ h4 .date,
   color: #aaa;
 }
 .q {
-  color: #666;
+  color: #6f6f6f;
 }
 .yt {
   background: #000;
   border: 1px solid #111;
 }
-.deleted {
+.deleted, .hidden {
   color: #afafaf;
-  margin-bottom: 24px;
+  margin-bottom: 0.5em;
 }
 .msg hr {
   display: block;
@@ -163,12 +154,9 @@ h4 .date,
 form .msg {
   border: 1px dotted #111;
 }
-#q-p {
-  background: #efefef;
-  border: 1px solid #999;
-}
-#q-p .reply {
-  margin-bottom: 8px;
+#q-p .reply:first-child {
+  border-top: 0;
+  padding-top: 0;
 }
 #size {
   color: #ff0;
@@ -192,16 +180,23 @@ form .msg {
 }
 @media (max-width: 600px) {
   body.threadpage {
-    margin: 2px;
+    margin: 0;
   }
-  #threadlinks,
-  .threadlinks {
-    padding: 4px;
+  h1,h2,h3,h5 {
+    margin: -3px -3px -1px;
+  }
+  .innerbox,
+  .threadpage .thread,
+  .threadpage .postform {
+    padding: 3px;
   }
+  #threadlinks,
+  .threadpage .threadlinks,
   .mainpage .threadlinks {
-    margin-top: 0.5em;
+    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 b09b78e..1d9b186 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -117,13 +117,14 @@ button:active {
 #size {
   color: #d60;
 }
-.deleted {
+.deleted h4 {
   color: #afafaf;
 }
 #q-p {
   background: #fff;
   border: 1px solid #bbb;
   border-bottom: 2px solid #bbb;
+  padding: 0;
 }
 .lastposts {
   padding: 8px;
@@ -152,12 +153,12 @@ form .msg {
 }
 @media (max-width: 600px) {
   .thread .innerbox {
-    padding: 8px;
+    padding: 4px;
   }
   .innerbox,
   .postform,
   .mainpage .postform {
-    padding: 8px;
-    padding-left: 8px;
+    padding: 4px;
+    padding-left: 4px;
   }
 }
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index 9ffd124..8c5ca73 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -156,10 +156,10 @@ h4 {
   background: #eee;
   border: 1px solid #ccc;
 }
-.deleted {
+/*.deleted {
   background: #f7f3e6;
   color: #aaa;
-}
+}*/
 #q-p {
   background: #fff;
   border: 1px solid #ccc;
@@ -199,14 +199,18 @@ form .msg {
 }
 @media (max-width: 600px) {
   body.threadpage {
-    margin: 0 0 8px;
+    margin: 0 0 4px;
   }
-  body > hr {
+  body.threadpage > hr {
     top: -8px;
     left: 0;
     right: 0;
   }
+  .threadpage .thread {
+    padding: 4px 4px 1em;
+  }
   #createbox .innerbox {
+    margin: 4px;
     padding: 0;
   }
 }
diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css
index 6ca4e1a..c98e872 100644
--- a/static/css/txt/ventanas.css
+++ b/static/css/txt/ventanas.css
@@ -57,15 +57,11 @@ h3 span {
   color: #555;
   text-decoration: underline;
 }
-h4 {
-  padding-top: 0.5em;
-}
 hr {
   border: 0;
 }
 hr,
-h4,
-.deleted {
+.reply {
   border-top: 2px groove white;
 }
 .mainpage .first h4 {
@@ -176,7 +172,10 @@ select:focus {
 #thread_nav a:hover {
   background: #ddd;
 }
-. {
+.reply {
+  padding-top: 0.5em;
+}
+.hidden, .deleted {
   margin-bottom: 0.5em;
 }
 .name,
@@ -199,20 +198,13 @@ select:focus {
 }
 .deleted {
   color: gray;
-  margin-bottom: 0.5em;
-  padding-top: 0.5em;
 }
 #q-p {
   box-shadow: 5px 5px #000;
-  padding: 0;
+  padding-top: 0;
 }
-#q-p .reply {
-  padding: 0.5em;
-  margin-bottom: 0.5em;
-}
-#q-p .reply:first-child h4 {
+#q-p .reply:first-child {
   border: 0;
-  padding: 0;
 }
 .postform,
 .formpad {
diff --git a/static/css/vndb.css b/static/css/vndb.css
index 1b104a2..5f161fc 100644
--- a/static/css/vndb.css
+++ b/static/css/vndb.css
@@ -64,7 +64,6 @@ input[type="submit"]:active {
 }
 .subj {
   color: #7bd;
-  font-weight: bold;
 }
 .ell,
 .name,
@@ -100,14 +99,6 @@ hr {
   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;