Devolviendo previews

16 files changed, 130 insertions, 101 deletions

diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index 4f471c9..a7a1fc8 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -71,6 +71,7 @@ hr {
 input,
 button {
   font-family: monospace;
+  vertical-align: middle;
 }
 input,
 input[type="submit"],
@@ -91,6 +92,7 @@ select:focus {
 }
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
   background: #f9690e;
   border-style: solid;
@@ -134,7 +136,6 @@ button:active {
 }
 .mainpage .postform {
   border-top: 1px solid #f9690e;
-  margin: 0;
   padding: 1em 0 1em 40px;
 }
 .formpad {
@@ -142,7 +143,6 @@ button:active {
 }
 form .msg {
   border: 1px dotted #f9690e;
-  background: #000;
   color: #f9690e;
 }
 #q-p {
@@ -167,6 +167,6 @@ form .msg {
 }
 @media (max-width: 600px) {
   .mainpage .postform {
-    padding: 8px;
+    padding: 4px;
   }
 }
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
index 899df7f..bb981a9 100644
--- a/static/css/txt/ayashii.css
+++ b/static/css/txt/ayashii.css
@@ -73,6 +73,10 @@ button {
   margin-bottom: 1em;
   padding-bottom: 1em;
 }
+hr {
+  border: 0;
+}
+hr,
 .innerbox,
 .mainpage .thread,
 .reply,
@@ -98,20 +102,17 @@ h3 {
 .reply {
   margin-bottom: 0.25em;
 }
-.hidden,
-.deleted {
-  padding-bottom: 0.25em;
-}
 .reply:last-child {
   border: 0;
   margin-bottom: 0;
 }
+.hidden,
+.deleted {
+  padding-bottom: 0.25em;
+}
 .name em {
   color: #009;
 }
-.quoted {
-  font-size: 9pt;
-}
 .del a {
   color: #fff;
 }
@@ -130,9 +131,6 @@ h3 {
 #size {
   color: #fff;
 }
-.mainpage .postform {
-  margin-top: 1em;
-}
 #q-p {
   background: #004040;
   border: 1px solid #ddd;
@@ -140,7 +138,7 @@ h3 {
 #q-p h4:before {
   display: none;
 }
-.orm,
+.form,
 .formpad {
   padding-left: 0;
 }
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index 8ff856e..03de99f 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -27,6 +27,7 @@ h5 {
 }
 h2 {
   font-size: 1em;
+  line-height: 1.3em;
   margin: 0 0 0.5em;
 }
 h2 a {
@@ -35,6 +36,7 @@ h2 a {
 }
 h3 {
   font-size: 18px;
+  line-height: 1.2em;
   margin: 8px 0;
 }
 h3 span {
@@ -68,11 +70,14 @@ button {
   border: 1px outset #ddd;
   background: #eee;
   color: #333;
-  padding: 1px 8px;
+  padding: 1px 1em;
 }
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
+  color: #111;
+  background: #ccc;
   border-style: inset;
 }
 .banner {
@@ -131,6 +136,9 @@ label {
 .threadnav {
   float: right;
 }
+#search {
+  margin-top: 0.5em;
+}
 #search input {
   margin-right: 2px;
 }
@@ -174,11 +182,6 @@ label {
 .formpad {
   padding-left: 40px;
 }
-.postform,
-#search,
-.end {
-  margin-top: 0.5em;
-}
 .reply,
 #rules {
   clear: both;
@@ -271,6 +274,7 @@ a.yt b {
   margin-bottom: 0.5em;
 }
 textarea {
+  line-height: 18px;
   max-width: 100%;
 }
 #createbox input,
@@ -282,10 +286,13 @@ textarea {
   white-space: nowrap;
 }
 form .msg {
-  margin: 0;
-  padding: 8px 2px;
+  margin: 0.2em 0;
+  padding: 0.5em 2px;
   text-align: left;
 }
+#tr_preview .msg {
+  margin: 0;
+}
 .warn {
   margin: 0.5em 0;
   padding: 1px;
@@ -305,9 +312,10 @@ form .msg {
 #listmenu {
   text-align: center;
 }
-#threads td, #threads th {
+#threads td,
+#threads th {
   max-width: 256px;
-  padding: 2px 4px;
+  padding: 3px;
   text-align: left;
 }
 #threads a {
@@ -322,7 +330,8 @@ form .msg {
   line-height: 12px;
 }
 .end {
-  line-height: 1;
+  margin-top: 0.5em;
+  line-height: 1em;
 }
 #main_nav.mob {
   position: fixed;
@@ -343,7 +352,8 @@ form .msg {
 }
 
 @media (max-width: 600px) {
-  body {
+  body,
+  textarea {
     font-size: 14px;
   }
   body.threadpage {
@@ -357,7 +367,7 @@ form .msg {
   .outerbox,
   .mainpage .thread,
   #footer {
-    margin: 1em 0;
+    margin: 1em 4px;
   }
   .innerbox {
     margin: 3px;
@@ -398,7 +408,7 @@ form .msg {
   .del {
     visibility: visible;
   }
-  div.msg,
+  .reply .msg,
   a.thumb {
     margin: 8px;
   }
@@ -425,9 +435,6 @@ form .msg {
   textarea {
     width: 100%;
   }
-  .postform textarea {
-    height: 128px;
-  }
   form,
   #thread_nav,
   .locked {
diff --git a/static/css/txt/berries.css b/static/css/txt/berries.css
index 9e6cdf9..732adb1 100644
--- a/static/css/txt/berries.css
+++ b/static/css/txt/berries.css
@@ -56,6 +56,7 @@ button {
 }
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
   background: #0b0924;
 }
@@ -107,10 +108,9 @@ h4 {
   border-bottom: 1px solid #4b4e55;
 }
 .mainpage .thread {
-  background: #0c0616;
+  background: rgb(12, 6, 22, 0.9);
   border: 3px double #4b4e55;
   color: #ced1cf;
-  opacity: 0.9;
 }
 .threadpage .thread {
   color: #ced1cf;
@@ -160,7 +160,8 @@ form .msg {
   background: #383838;
   border: 1px dotted #000;
 }
-.threadpage .postform {
+.postform {
+  margin-top: 0;
   opacity: 0.9;
 }
 #footer {
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
index e15c912..5264906 100644
--- a/static/css/txt/bios.css
+++ b/static/css/txt/bios.css
@@ -38,6 +38,7 @@ button {
 }
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active,
 select:focus {
   background: #000;
@@ -162,7 +163,6 @@ a:focus .name {
 }
 .lastposts {
   border-top: 1px solid #fff;
-  border-bottom: 1px solid #fff;
   color: #00a;
   padding: 0.5em;
 }
@@ -176,6 +176,10 @@ a:focus .name {
   border: 1px solid #fff;
   padding: 0.5em;
 }
+.threadpage .postform {
+  border-top: 1px solid #fff;
+  padding-top: 0.5em;
+}
 form .msg {
   border: 3px double #fff;
 }
@@ -184,4 +188,4 @@ form .msg {
 }
 #threads th, #threads td {
   border-bottom: 1px solid;
-}
\ No newline at end of file
+}
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index 61a4a86..9da9ab5 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -61,8 +61,10 @@ button {
 }
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
-  color: #ddd;
+  background: #000;
+  color: #aaa;
 }
 #main_nav {
   background: #fff;
@@ -115,6 +117,10 @@ h5 {
 }
 .mainpage .postform {
   margin-top: 10px;
+  padding-left: 10px;
+}
+.formpad {
+  padding-left: 0;
 }
 .reply {
   background: #fff;
@@ -124,7 +130,6 @@ h5 {
   border-left: 10px solid #ddd;
   color: #000;
   margin-bottom: 0;
-  overflow: hidden;
 }
 .name,
 a .name {
@@ -175,9 +180,7 @@ a.thumb {
   padding: 0;
 }
 form .msg {
-  border: 1px inset #ddd;
-  margin: 0;
-  padding: 0.5em 0.15em;
+  border: 1px dotted #49525d;
 }
 .lastposts {
   background: #49525d;
@@ -227,9 +230,9 @@ form .msg {
   .threadpage .postform {
     border-width: 4px;
   }
-  div.msg,
+  .reply .msg,
   a.thumb {
-    margin: 4px;
+    margin: 6px;
   }
   .thread form {
     margin-top: 4px;
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index 7a26bce..12e99a8 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -83,12 +83,12 @@ hr {
   color: #000;
 }
 input:active,
+input.active,
 input:focus,
 textarea:focus,
 button:active,
-button:active,
 select:focus {
-  box-shadow: 0 0 15px;
+  box-shadow: 0 0 10px;
 }
 .outerbox input,
 .outerbox textarea,
@@ -106,6 +106,7 @@ select {
 }
 .outerbox input[type="submit"]:active,
 .outerbox input[type="button"]:active,
+.outerbox input[type="button"].active,
 .outerbox button:active {
   background: #0c0;
   border-style: inset;
@@ -121,8 +122,11 @@ select {
 }
 .threadpage input[type="submit"]:active,
 .threadpage input[type="button"]:active,
+.threadpage input[type="button"].active,
 .thread input[type="submit"]:active,
-.thread input[type="button"]:active {
+.thread input[type="button"]:active,
+.thread input[type="button"].active {
+  background: #4c0747;
   border-color: #d21cea;
   color: #d21cea;
 }
@@ -137,12 +141,12 @@ select {
   background: #0c0;
 }
 .outerbox a,
-#main_nav a a,
+#main_nav a,
 #footer a {
   color: #68f855;
 }
 .outerbox a:active,
-#main_nav a:active a:active,
+#main_nav a:active,
 #footer a:active {
   color: #ef6177;
 }
@@ -203,7 +207,6 @@ form .msg {
 }
 form .msg {
   border: 1px dotted #2a4a75;
-  color: #2a4a75;
 }
 #q-p {
   border: 1px solid #000;
@@ -233,10 +236,9 @@ form .msg {
   body.threadpage {
     margin: 0;
     padding: 4px;
-    box-shadow: inset 0 0 5px;
+    box-shadow: inset 0 0 1em;
   }
   .mainpage .postform {
     padding: 4px;
-    margin-top: 0;
   }
 }
diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css
index 6b43edb..af9c360 100644
--- a/static/css/txt/cuteanarchy.css
+++ b/static/css/txt/cuteanarchy.css
@@ -49,7 +49,8 @@ input[type="button"] {
 }
 
 input[type="submit"]:active,
-input[type="button"]:active {
+input[type="button"]:active,
+input[type="button"].active {
   background: #f2d3df;
 }
 
@@ -216,23 +217,12 @@ a.thumb {
 }
 
 form .msg {
-  background: #383838;
+  background: #ffb8b8;
   border: 1px dotted #000;
 }
 
-.mainpage .postform {
-  margin: 0 auto;
-  margin-left: 3em;
-}
-
-.mainpage .postform,
-.formpad {
-  padding-left: 0px;
-}
-
 .formpad {
   margin: 0 auto;
-  padding-left: 0;
 }
 
 #footer {
@@ -247,12 +237,12 @@ form .msg {
 	.mainpage .thread {
 		background: rgba(255, 235, 226, 0.95);
 	}
+  #titlebox {
+    margin-top: 1em;
+  }
   h1 {
     font-size: 18px;
   }
-  .postform {
-    margin-left: 0;
-  }
   .outerbox,
   .mainpage .thread,
   #footer {
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index 12e5217..ed60b85 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -7,6 +7,11 @@ a .name,
 #n2 {
   color: #dfca89;
 }
+a:hover,
+a:hover .name,
+#n2:hover {
+  color: #ffe9a4;
+}
 a:active,
 a:active .name,
 #n2:active {
@@ -19,18 +24,17 @@ hr {
 h1,
 h5 {
   background: #5e8db4;
-  margin: -8px -8px 8px;
-  padding: 8px;
+  margin: -7px -7px 7px;
+  padding: 7px;
 }
 h2 {
   margin-bottom: 0;
 }
 h2 a,
-h2 a:active,
+h2 a:hover,
 h3,
 #size {
   color: #d1a28c;
-  text-decoration: none;
 }
 h2 span,
 h3 span {
@@ -55,8 +59,14 @@ button {
   border-bottom: 1px solid #40607c;
   border-right: 1px solid #40607c;
 }
+input[type="submit"]:hover,
+input[type="button"]:hover,
+button:hover {
+  background: #63b6e9;
+}
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
   background: #7979a5;
   color: #191d25;
@@ -92,6 +102,7 @@ input[type="file"] {
 }
 #threadbox {
   border-top: 0;
+  margin-top: 0;
 }
 .outerbox {
   background: #476a88;
@@ -100,10 +111,10 @@ input[type="file"] {
 .outerbox .innerbox,
 #createbox .innerbox {
   margin: 0;
-  padding: 8px;
 }
-.links {
+.innerbox.links {
   background: #5b8bb4;
+  padding: 0.5em;
 }
 #threadlist {
   background: #476a88;
@@ -121,7 +132,7 @@ input[type="file"] {
 h4 {
   background: #38546c;
   color: #999;
-  padding: 2px;
+  padding: 1px;
 }
 h4:hover {
   background: #324b60;
@@ -140,7 +151,7 @@ h4:hover {
   color: #fdfd96;
 }
 .q {
-  color: #aac;
+  color: #a5a5de;
 }
 .yt {
   background: #43617a;
@@ -148,11 +159,11 @@ h4:hover {
 }
 .postform {
   color: #d3f8d3;
-  padding: 8px;
+  margin-top: 0.5em;
+  padding: 8px !important;
 }
 form .msg {
-  background: #21323f;
-  border: 1px dashed #43617a;
+  border: 1px dashed #21323f;
   color: #fff;
 }
 #q-p {
@@ -171,20 +182,18 @@ form .msg {
 }
 
 @media (max-width: 600px) {
-  #createbox,
-  .innerbox,
-  #threadbox {
+  .innerbox {
     margin: 0;
     padding: 0;
   }
-  #threadbox .innerbox {
-    padding: 8px 5px 5px;
+  .outerbox .innerbox {
+    padding: 7px;
   }
   h2 {
     text-align: center;
   }
-  form .msg {
-    margin: 4px 0 0;
+  .postform {
+    padding: 4px !important;
   }
   .reply.deleted {
     margin-bottom: 0;
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index 6e3d08e..c9d3525 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -53,6 +53,7 @@ button {
 }
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
   background: #ccc;
   border-style: solid;
diff --git a/static/css/txt/mercury.css b/static/css/txt/mercury.css
index 0874899..27ffbee 100644
--- a/static/css/txt/mercury.css
+++ b/static/css/txt/mercury.css
@@ -48,6 +48,7 @@ button {
 }
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
   background: #ccc;
   border-style: solid;
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index a31419c..14d2bbb 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -35,6 +35,7 @@ button {
 }
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
   background: #b1b1b1;
 }
diff --git a/static/css/txt/rizzona.css b/static/css/txt/rizzona.css
index 244ab13..8617f8a 100644
--- a/static/css/txt/rizzona.css
+++ b/static/css/txt/rizzona.css
@@ -59,7 +59,8 @@ h2 a {
 h2 a:hover {
   text-decoration: underline;
 }
-.reply, .postform {
+.reply,
+.postform {
   background: #F0EAD6;
   border: 4px solid #000;
   border-top: 0;
@@ -87,13 +88,11 @@ hr {
   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"],
@@ -102,6 +101,12 @@ button {
   background: #E0DAC6;
   border: 1px solid rgba(0,0,0,0.5);
 }
+input[type="submit"]:active,
+input[type="button"]:active,
+input[type="button"].active,
+button:active {
+  background: #c5bda5;
+}
 input[type="text"],
 select {
   background: #E0DAC6;
@@ -115,7 +120,7 @@ textarea {
   background: #F0EAD6;
 }
 form .msg {
-  border: 1px dotted rgba(0,0,0,0.15);
+  border: 2px dotted rgba(0,0,0,0.15);
 }
 #q-p {
   background: #F0EAD6;
@@ -148,19 +153,10 @@ form .msg {
   background: #dbce9c;
 }
 @media (max-width: 600px) {
-  body.threadpage {
-    margin: 5px 0;
-  }
-  div.msg {
-    margin: 0.5em 4px;
-  }
   .deleted {
     margin-bottom: 0;
   }
   .mainpage .postform {
-    padding: 0.5em;
-  }
-  .mainpage .msg {
-    margin: 0.5em;
+    padding: 4px;
   }
 }
diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css
index 235225e..b2fe8f9 100644
--- a/static/css/txt/ventanas.css
+++ b/static/css/txt/ventanas.css
@@ -108,6 +108,7 @@ hr,
 .threadnav a:active,
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
   border-color: #000 #fff #fff #000;
   border-style: groove;
diff --git a/static/css/txt/void.css b/static/css/txt/void.css
index a28acee..fff6587 100644
--- a/static/css/txt/void.css
+++ b/static/css/txt/void.css
@@ -23,17 +23,24 @@ input[type="submit"],
 input[type="button"],
 textarea,
 button,
-select,
-form .msg {
+select {
   background: #000;
   border: 1px solid #222;
 }
+a:hover,
+a:hover b,
+input[type="submit"]:hover,
+input[type="button"]:hover,
+button:hover {
+  color: #bbb;
+}
 a:active,
 a:active b,
 .yt:active,
 #n2:active,
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active,
 h4,
 .name,
@@ -48,6 +55,7 @@ h4,
 #footer,
 #footer a,
 #threads th {
+  background: #000;
   color: #333;
 }
 .reply {
@@ -64,6 +72,12 @@ h4 a {
 .q {
   color: #555;
 }
+.postform {
+  margin-top: 0.5em;
+}
+form .msg {
+  border: 1px dashed #444;
+}
 #size {
   margin: 0.5em 0;
 }
diff --git a/static/css/txt/waves.css b/static/css/txt/waves.css
index 1061624..6509afa 100644
--- a/static/css/txt/waves.css
+++ b/static/css/txt/waves.css
@@ -97,6 +97,7 @@ button {
 }
 input[type="submit"]:active,
 input[type="button"]:active,
+input[type="button"].active,
 button:active {
   background: #26689b;
   border: 1px inset #3283c2;