Mejor forma de ocultar posts

14 files changed, 114 insertions, 160 deletions

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 {