From aa8a6056f4c3cd8c6663d1714782f972bcb87b8f Mon Sep 17 00:00:00 2001
From: junk
Date: Sat, 27 Mar 2021 22:02:38 -0300
Subject: Arreglando lista de hilos

---
 cgi/templates/txt_board.en.html   |   2 +-
 cgi/templates/txt_board.html      |   6 +-
 cgi/templates/txt_thread.en.html  |   2 +-
 cgi/templates/txt_thread.html     |   2 +-
 cgi/templates/txt_threadlist.html |  38 ++++++------
 static/css/txt/4am.css            |  24 ++------
 static/css/txt/amber.css          |  17 +-----
 static/css/txt/ayashii.css        |  34 ++---------
 static/css/txt/baisano.css        |  47 +++------------
 static/css/txt/bbs.css            | 124 ++++++++++----------------------------
 static/css/txt/bios.css           |  27 ++-------
 static/css/txt/blue moon.css      |  17 ++----
 static/css/txt/ciber.css          |  28 ++-------
 static/css/txt/cuteanarchy.css    |  34 ++---------
 static/css/txt/futanari.css       |  31 ++--------
 static/css/txt/gamer.css          |  26 ++------
 static/css/txt/headline.css       |  27 ++-------
 static/css/txt/postal.css         |  25 ++------
 static/css/txt/ventanas.css       |  19 ++----
 static/js/weabotxt.js             |  69 +++++----------------
 20 files changed, 139 insertions(+), 460 deletions(-)

diff --git a/cgi/templates/txt_board.en.html b/cgi/templates/txt_board.en.html
index a5a70dd..1f7de9c 100644
--- a/cgi/templates/txt_board.en.html
+++ b/cgi/templates/txt_board.en.html
@@ -65,7 +65,7 @@
       <?py #endif ?>
     <?py #endif ?> : <span class="date" data-unix="#{post['timestamp']}">#{post['timestamp_formatted']}</span></h4>
   <?py if post['file']: ?>
-    <a href="#{images_url}#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{images_url}#{board}/thumb/#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" /><div>${int(post['file_size'])//1024}KB ${post['file'].split(".")[1].upper()}</div></a>
+    <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else  ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" title="${post['file']}-(${post['file_size']} B)" /></a>
   <?py #endif ?>
   <div class="msg">
     #{post['message']}
diff --git a/cgi/templates/txt_board.html b/cgi/templates/txt_board.html
index f819f05..a165ac1 100644
--- a/cgi/templates/txt_board.html
+++ b/cgi/templates/txt_board.html
@@ -46,9 +46,9 @@
 <h2><span>[#{titer}:#{thread['length']}]</span><a href="#{boards_url}#{board}/read/#{thread['timestamp']}/#{'l50' if thread['length'] > 50 else ''}">#{thread['posts'][0]['subject']}</a></h2>
 <?py for post in thread['posts']: ?>
 <?py if post['IS_DELETED'] == '1': ?>
-  <h4 class="deleted">#{post['num']} Mensaje eliminado por usuario.</h4>
+  <h4 class="deleted">#{post['num']} : Mensaje eliminado por usuario.</h4>
 <?py elif post['IS_DELETED'] == '2': ?>
-  <h4 class="deleted">#{post['num']} Mensaje eliminado por staff.</h4>
+  <h4 class="deleted">#{post['num']} : Mensaje eliminado por staff.</h4>
 <?py else: ?>
   <div class="reply#{' first' if post['num'] == 1 else ''}" data-id="#{post['id']}" data-n="#{post['num']}">
   <h4>#{post['num']} :
@@ -66,7 +66,7 @@
       <?py #endif ?>
     <?py #endif ?> : <span class="date" data-unix="#{post['timestamp']}">#{post['timestamp_formatted']}</span></h4>
   <?py if post['file']: ?>
-    <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else  ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" alt="${post['file']}-(${post['file_size']}B)" /></a>
+    <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else  ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" title="${post['file']}-(${post['file_size']} B)" /></a>
   <?py #endif ?>
   <div class="msg">
     #{post['message']}
diff --git a/cgi/templates/txt_thread.en.html b/cgi/templates/txt_thread.en.html
index b9215f7..84c3fc1 100644
--- a/cgi/templates/txt_thread.en.html
+++ b/cgi/templates/txt_thread.en.html
@@ -52,7 +52,7 @@
       <?py #endif ?> : <span class="date" data-unix="#{post['timestamp']}">#{post['timestamp_formatted']}</span>
       <span class="del"><a href="#{cgi_url}report/#{board}/#{post['id']}/#{post['num']}">rep</a> <a href="#">del</a></span></h4>
       <?py if post['file']: ?>
-        <a href="#{images_url}#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{images_url}#{board}/thumb/#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" /><div>${int(post['file_size'])//1024}KB ${post['file'].split(".")[1].upper()}</div></a>
+        <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else  ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" title="${post['file']}-(${post['file_size']} B)" /></a>
       <?py #endif ?>
       <div class="msg">
         #{post['message']}
diff --git a/cgi/templates/txt_thread.html b/cgi/templates/txt_thread.html
index 55f5e82..1d70f59 100644
--- a/cgi/templates/txt_thread.html
+++ b/cgi/templates/txt_thread.html
@@ -52,7 +52,7 @@
       <?py #endif ?> : <span class="date" data-unix="#{post['timestamp']}">#{post['timestamp_formatted']}</span>
       <span class="del"><a href="#{cgi_url}report/#{board}/#{post['id']}/#{post['num']}">rep</a> <a href="#">del</a></span></h4>
       <?py if post['file']: ?>
-        <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else  ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" alt="${post['file']}-(${post['file_size']}B)" /></a>
+        <a href="/#{board}/src/#{post['file']}" target="_blank" class="thumb"><img src="#{'/static/' if post['thumb'].startswith('mime') else  ('/'+board+'/thumb/')}#{post['thumb']}" width="#{post['thumb_width']}" height="#{post['thumb_height']}" title="${post['file']}-(${post['file_size']} B)" /></a>
       <?py #endif ?>
       <div class="msg">#{post['message']}</div>
     </div>
diff --git a/cgi/templates/txt_threadlist.html b/cgi/templates/txt_threadlist.html
index 74df30e..9d366ee 100644
--- a/cgi/templates/txt_threadlist.html
+++ b/cgi/templates/txt_threadlist.html
@@ -25,25 +25,29 @@
 <a name="menu"></a>
 <div id="threadbox" class="outerbox"><div class="innerbox">
   <div id="threadlinks"><a href="#{boards_url}#{board}/"><b>Volver al BBS</b></a> <a href="/#{board}/kako/"><b>Ver hilos archivados</b></a> <a href="#newthread"><b>Crear nuevo hilo</b></a></div>
-  <div id="listmenu">Orden: <a class="l_s" href="#">Normal</a> <a class="l_s" href="#">Edad</a> <a class="l_s" href="#">Largo</a> <a class="l_s" href="#">Rapidez</a> <a class="l_s" href="#">Aleatorio</a> / Modo: <a class="l_d" href="#">Lista</a> <a class="l_d" href="#">Malla</a> / Filtrar: <input id="l_sr" style="padding:0px;width:100px;" type="text"></div>
+  <div id="listmenu">Orden: <a class="l_s" href="#">Normal</a> <a class="l_s" href="#">Edad</a> <a class="l_s" href="#">Largo</a> <a class="l_s" href="#">Rapidez</a> <a class="l_s" href="#">Aleatorio</a> / Filtrar: <input id="l_sr" style="padding:0px;width:100px;" type="text"></div>
 </div></div>
-<div id="content" class="list">
-<div id="header" class="row">
-  <div>#</div>
-  <div style="width:100%;">Asunto</div>
-  <div>Posts</div>
-  <div class="hdate">Último</div>
+<div class="thread">
+<div class="innerbox">
+<table id="threads" summary="Lista de hilos">
+  <tr>
+    <th>#</th>
+    <th style="width:100%;">Asunto</th>
+    <th>Posts</th>
+    <th class="hh">Último</th>
+  </tr>
+  <?py iter = 1 ?>
+  <?py for thread in more_threads: ?>
+  <tr>
+    <td>#{iter}:</td>
+    <td><a href="#{boards_url}#{board}/read/#{thread['timestamp']}/${'l50' if int(thread['length']) > 50 else ''}">#{thread["subject"]}</a></td>
+    <td>#{thread["length"]}</td>
+    <td class="hh">#{timestamps[iter-1][1]}</td>
+  </tr>
+  <?py iter += 1 ?>
+  <?py #endfor ?>
+</table>
 </div>
-<?py iter = 1 ?>
-<?py for thread in more_threads: ?>
-<div class="row">
-  <div class="pos">#{iter}:</div>
-  <div class="thread"><a href="#{boards_url}#{board}/read/#{thread['timestamp']}/${'l50' if int(thread['length']) > 50 else ''}">#{thread["subject"]}</a></div>
-  <div class="com">#{thread["length"]}</div>
-  <div class="date" data-unix="#{timestamps[iter-1][0]}">#{timestamps[iter-1][1]}</div>
-</div>
-<?py iter += 1 ?>
-<?py #endfor ?>
 </div>
 <a name="newthread"></a>
 <div id="createbox" class="outerbox">
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index 3a63c82..1b448f3 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -66,9 +66,6 @@ h4 {
   background: #000;
   color: #7cafc2;
 }
-.fix #main_nav {
-  box-shadow: 0 0 3px #000;
-}
 .banner {
   -webkit-filter: grayscale(60%);
   filter: grayscale(60%);
@@ -89,8 +86,7 @@ h4 {
   border-right: 1px solid #4b4e55;
   border-bottom: 1px solid #4b4e55;
 }
-.mainpage .thread,
-#content {
+.mainpage .thread {
   background: #1d1f21;
   border: 3px double #4b4e55;
   color: #ced1cf;
@@ -154,21 +150,9 @@ form .msg {
 #footer {
   color: #f7ca88;
 }
-.threads h1 {
-  text-align: left;
-}
-#content.list #header div {
+#threads th {
   background: #111213;
 }
-#content.list .row:nth-child(odd),
-#content.grid .row:hover {
+#threads tr:nth-child(odd) {
   background: #191b1d;
-}
-#content.grid {
-  border: 1px solid #4b4e55;
-  padding: 1px;
-}
-#content.grid .row {
-  border: 1px solid #4b4e55;
-  margin: 1px;
-}
+}
\ No newline at end of file
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index d39c3de..87f74cb 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -168,25 +168,12 @@ form .msg {
 #footer a {
   color: #f9690e;
 }
-#content {
-  border: 3px double #f9690e;
-}
-#content.list #header {
+#threads th {
   background: #451d04;
 }
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
   background: #251002;
 }
-#content.grid {
-  border: 1px solid #f9690e;
-}
-#content.grid .row {
-  border: 1px solid #f9690e;
-}
-#content.grid .row:hover {
-  background: #251002;
-  border-color: #f9690e;
-}
 @media (max-width: 600px) {
   div.msg {
     margin: 0.5em 0.5em 0;
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
index 5a8d0d1..bc385ae 100644
--- a/static/css/txt/ayashii.css
+++ b/static/css/txt/ayashii.css
@@ -58,10 +58,6 @@ button {
   margin: 0;
   padding-left: 2.5%;
 }
-.fix #main_nav {
-  background: inherit;
-  text-align: center;
-}
 #titlebox {
   margin-bottom: 1em;
   margin-top: 5px;
@@ -75,8 +71,7 @@ button {
 }
 .innerbox,
 .mainpage .thread,
-.deleted,
-#content {
+.deleted {
   margin-bottom: 1em;
   padding-bottom: 1em;
 }
@@ -84,8 +79,7 @@ button {
 .mainpage .thread,
 .reply,
 .deleted,
-h3,
-#content {
+h3 {
   border-bottom: 2px groove gray;
 }
 .links,
@@ -162,32 +156,14 @@ form .msg {
   margin-top: 1em;
   text-align: right;
 }
-.threads .outerbox {
-  margin-top: 1em;
-}
-#content.list #header div {
+#threads th {
   background: #001e1e;
 }
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
   background: #003535;
 }
-#content.grid {
-  border-width: 2px 2px 0 0;
-}
-#content.grid .row {
-  border-width: 0 0 2px 2px;
-}
-#content.grid,
-#content.grid .row {
-  border-style: groove;
-  border-color: gray;
-}
-.threads #footer {
-  text-align: center;
-}
 @media (max-width: 600px) {
-  body.mainpage,
-  body.threads {
+  body.mainpage {
     margin-left: 8px;
     margin-right: 8px;
   }
diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css
index ac43dbb..11e3112 100644
--- a/static/css/txt/baisano.css
+++ b/static/css/txt/baisano.css
@@ -2,8 +2,7 @@ body,
 textarea {
   color: #000;
 }
-body.mainpage,
-body.threads {
+body.mainpage {
   background: #c5ad99 url(../img/muro.jpg);
 }
 body.threadpage {
@@ -19,9 +18,6 @@ a:active .name,
 #n2:active {
   color: #f00;
 }
-h2 {
-  margin-bottom: 3px;
-}
 h2 a {
   color: #f00;
 }
@@ -43,9 +39,6 @@ h4.hidden {
 #main_nav {
   background: #fff;
 }
-.fix #main_nav {
-  box-shadow: 0 0 3px #000;
-}
 .outerbox {
   background: #cfc;
   border: 1px outset #fff;
@@ -60,8 +53,7 @@ h4.hidden {
 #threadlist a {
   border: 1px outset #fff;
 }
-.mainpage .thread,
-#content {
+.mainpage .thread {
   background: #efefef;
   border: 1px outset #fff;
 }
@@ -82,10 +74,7 @@ body[data-brd="zonavip"] .mainpage a .name {
   color: #000;
 }
 .msg {
-  margin: 4px 40px 0;
-}
-.reply {
-  margin-bottom: 24px;
+  margin: 4px 40px 24px;
 }
 a.thumb {
   margin-top: 4px;
@@ -131,36 +120,14 @@ form .msg {
 #footer {
   color: #333;
 }
-#content.list {
-  padding: 7px;
-}
-#content.list #header div {
+#threads th {
   background: #ccc;
-  border-top: 1px inset #fff;
-}
-#content.list .row:nth-child(odd),
-#content.grid .row:hover {
-  background: #fff;
 }
-#content.list .row div:first-child {
-  border-left: 1px inset #fff;
-}
-#content.list .row div:last-child {
-  border-right: 1px inset #fff;
-}
-#content.list .row:last-child div {
-  border-bottom: 1px inset #fff;
-}
-#content.grid {
-  border: 1px outset #fff;
-  padding: 1px;
-}
-#content.grid .row {
-  border: 1px inset #fff;
-  margin: 1px;
+#threads tr:nth-child(odd) {
+  background: #fafafa;
 }
 @media (max-width: 600px) {
   .extrabox {
     display: none;
   }
-}
+}
\ No newline at end of file
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index aff6748..c82c01a 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -14,16 +14,12 @@ body[data-brd="world"], body[data-brd="world"] textarea,
 .threadnav {
   font-family: Mona,'MS PGothic',IPAMonaPGothic,sans-serif;
 }
-body.mainpage,
-body.threads {
+body.mainpage {
   margin: 0;
 }
 body.threadpage {
   margin: 8px;
 }
-body.fix {
-  margin-top: 2em;
-}
 h1,
 h5 {
   font-size: 20px;
@@ -111,15 +107,6 @@ pre {
   text-align: center;
   width: 100%;
 }
-.fix #main_nav {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  margin: 0;
-  padding: 2px 0;
-  z-index: 9;
-}
 #main_nav select {
   font-size: 90%;
   padding: 0;
@@ -133,8 +120,7 @@ label {
 }
 .outerbox,
 .mainpage .thread,
-#footer,
-#content {
+#footer {
   margin: 0 2.5% 1em;
 }
 .innerbox {
@@ -161,12 +147,22 @@ label {
   text-align: center;
 }
 #threadlist {
+  display: -webkit-flex;
+  display: -moz-flex;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -moz-flex-flow: row wrap;
+  flex-flow: row wrap;
   font-size: 14px;
   line-height: 1;
-  max-height: 15em;
+  max-height: 16em;
   overflow-y: scroll;
 }
 #threadlist a {
+  -webkit-flex: 1 1 auto;
+  -moz-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px;
   text-decoration: none;
 }
 .mainpage .postform,
@@ -176,8 +172,6 @@ label {
 .reply {
   clear: both;
   line-height: 18px;
-  margin-bottom: 1em;
-  overflow: hidden;
 }
 .num {
   color: inherit !important;
@@ -198,7 +192,7 @@ label {
   line-height: 1;
 }
 .msg {
-  margin: 1em 40px 0;
+  margin: 1em 40px;
 }
 .msg hr {
   margin-left: 0;
@@ -206,41 +200,32 @@ label {
 }
 a.thumb {
   cursor: zoom-in;
-  font-size: 14px;
   float: left;
-  margin: 1em 20px 0;
-  text-align: center;
+  margin: 1em 20px;
   text-decoration: none;
-  color: gray !important;
 }
 a.yt {
   margin: 2px 0;
   display: inline-block;
   font-size: 12px;
   line-height: 1.2em;
-  padding: 5px;
+  padding: 4px;
   text-decoration: none;
 }
 a.yt .pvw {
-  width: 100px;
+  width: 90px;
   height: 60px;
   overflow: hidden;
   float: left;
-  margin-right: 5px;
+  margin-right: 4px;
 }
 a.yt .pvw img {
   margin-top: -15px;
-  margin-left: -10px;
+  margin-left: -15px;
 }
 a.yt b {
   font-size: 115%;
 }
-.deleted {
-  margin-bottom: 1em;
-}
-.hidden {
-  opacity: 0.5;
-}
 #q-p {
   margin-right: 1em;
   padding: 8px 8px 0;
@@ -299,59 +284,18 @@ form .msg {
   color: #fff;
 }
 #listmenu {
-  margin-top: 7px;
   text-align: center;
 }
-#content a {
-  text-decoration: none;
-}
-#content a:hover {
-  text-decoration: underline;
+#threads td, #threads th {
+  padding: 2px 4px;
+  text-align: left;
 }
-#content.list a {
+#threads a {
   display: block;
-  line-height: 1;
-}
-#content.list .row {
-  display: table-row;
-}
-#content.list .row div {
-  display: table-cell;
-  padding: 5px;
-}
-#content.list .row div.thread {
-  padding: 0;
-}
-#content.list .row div.thread a {
-  padding: 5px;
-}
-#content.list .pos,
-#content.list .com {
-  text-align: right;
-}
-#content.list #header div {
-  font-weight: bold;
-  text-align: center;
-  white-space: nowrap;
-}
-#content.grid,
-#threadlist {
-  display: -webkit-flex;
-  display: -moz-flex;
-  display: flex;
-  -webkit-flex-flow: row wrap;
-  -moz-flex-flow: row wrap;
-  flex-flow: row wrap;
-}
-#content.grid .row,
-#threadlist a {
-  -webkit-flex: 1 1 auto;
-  -moz-flex: 1 1 auto;
-  flex: 1 1 auto;
-  padding: 4px;
+  text-decoration: none;
 }
-#content.grid .row div {
-  display: inline;
+#threads a:hover {
+  text-decoration: underline;
 }
 .minisjis {
 	font-size: 10px;
@@ -368,8 +312,7 @@ form .msg {
   }
   .outerbox,
   .mainpage .thread,
-  #footer,
-  #content {
+  #footer {
     margin: 1em 0;
   }
   h1,
@@ -381,25 +324,27 @@ form .msg {
   #rules {
     font-size: 12px;
   }
-  h4 {
+  h4, .quoted {
     font-size: 10px;
+    line-height: 12px;
   }
   #threadlist {
     overflow-x: auto;
     white-space: nowrap;
   }
   #size,
-  .postform br {
+  .postform br,
+  .hh {
     display: none;
   }
-  div.reply, .deleted {
+  .deleted {
     margin-bottom: 0.5em;
   }
   .del {
     visibility: visible;
   }
   div.msg {
-    margin: 0.5em 0 0;
+    margin: 0.5em 0;
   }
   .mainpage .postform,
   .formpad {
@@ -437,7 +382,4 @@ form .msg {
   #footer a {
     display: block;
   }
-  #content.list .row div {
-    padding: 0 2px;
-  }
 }
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
index 0046c2a..638297e 100644
--- a/static/css/txt/bios.css
+++ b/static/css/txt/bios.css
@@ -145,8 +145,7 @@ h3 span {
 }
 .outerbox,
 .mainpage .thread,
-#threadlist,
-#content {
+#threadlist {
   border: 1px solid #fff;
 }
 #threadlist a {
@@ -179,9 +178,6 @@ h3 span {
 .abbrev {
   color: #5cf;
 }
-.deleted {
-  margin-bottom: 0.5em;
-}
 #size {
   margin-left: 0.5em;
 }
@@ -233,19 +229,11 @@ h3 span {
 form .msg {
   border: 3px double #fff;
 }
-#content.list {
-  border: 4px double #fff;
-}
-#content.list #header div {
-  border-bottom: 1px solid #fff;
-}
-#content.grid {
-  border: 1px solid #fff;
-  padding: 2px;
+#threads {
+  border-collapse: collapse;
 }
-#content.grid .row {
-  border: 1px solid #fff;
-  margin: 2px;
+#threads th, #threads td {
+  border-bottom: 1px solid;
 }
 @media (max-width: 600px) {
   body.threadpage {
@@ -254,7 +242,4 @@ form .msg {
   h2 {
     margin-bottom: 0.5em;
   }
-  #thread_nav {
-    margin: -8px 0px 8px;
-  }
-}
+}
\ No newline at end of file
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index 9909316..6841015 100644
--- a/static/css/txt/blue moon.css	
+++ b/static/css/txt/blue moon.css	
@@ -19,7 +19,8 @@ form a:active,
 .reply a,
 form a,
 #q-p a,
-.row a {
+.row a,
+#threads a {
   color: #49525d;
 }
 #main_nav a:active,
@@ -70,9 +71,6 @@ button:active {
   background: #fff;
   color: #6b7b8d;
 }
-.fix #main_nav {
-  box-shadow: 0 0 3px #000;
-}
 #titlebox .innerbox:first-child {
   margin-bottom: 5px;
 }
@@ -210,22 +208,17 @@ form .msg {
 #footer a {
   color: #fff;
 }
-#content {
+#threads {
   background: #fff;
-  border: 10px solid #49525d;
   color: #000080;
 }
-#content.list #header div {
+#threads th {
   background: #2c2c32;
   color: #eee;
 }
-#content.list .row:nth-child(odd),
-#content.grid .row:hover {
+#threads tr:nth-child(odd) {
   background: #e7e7ff;
 }
-#content.grid .row {
-  border: 1px solid #ddd;
-}
 @media (max-width: 600px) {
   body.threadpage {
     margin: 0 0 8px;
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index 924d01e..3dc11e5 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -219,32 +219,14 @@ form .msg {
 #footer a {
   color: #989898;
 }
-#content {
-  background: #000;
-  border: 3px double #d500fb;
-  color: #39c8df;
-}
-#content a {
-  color: #d500fb;
-}
-#content.list #header {
-  text-shadow: 0 0 5px;
-}
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
   background: #200020;
 }
-#content.grid {
-  border: 2px solid #141937;
-}
-#content.grid .row {
-  border: 2px solid #141937;
-}
-#content.grid .row:hover {
-  background: #27151d;
-  border-color: #9b1937;
+#threads a {
+  color: #d500fb;
 }
-#content .row:hover a {
-  text-shadow: 0 0 5px;
+#threads a:hover {
+  text-shadow: 0 0 8px;
 }
 @media (max-width: 600px) {
   div.msg {
diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css
index 4fde34d..3e4e97c 100644
--- a/static/css/txt/cuteanarchy.css
+++ b/static/css/txt/cuteanarchy.css
@@ -32,7 +32,7 @@ h4 {
 a:hover,
 a:focus,
 #n2:hover {
-  text-decoration: none;
+  text-decoration: underline;
   color: #edc1e8;
 }
 
@@ -103,8 +103,8 @@ h3 span {
 }
 
 .outerbox {
-  margin: 1em auto;
-  max-width: 1000px;
+  margin: 0 auto 1em;
+  max-width: 1024px;
   background: #ffeae0;
   border: 1px solid #ffa67a;
   color: #777879;
@@ -125,13 +125,12 @@ h3 span {
   color: #d1a0cc;
 }
 
-.mainpage .thread,
-#content {
+.mainpage .thread {
   margin: 0 auto 2em;
   background: #ffebe2;
   border: 5px double #fff;
   color: #5d475a;
-  max-width: 1000px;
+  max-width: 1024px;
   box-shadow: #000 5px;
   -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
   -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
@@ -265,29 +264,6 @@ form .msg {
   content: "ヽ(*・ω・)ﾉ";
 }
 
-.threads h1 {
-  text-align: left;
-}
-
-#content.list #header div {
-  background: #111213;
-}
-
-#content.list .row:nth-child(odd),
-#content.grid .row:hover {
-  background: #191b1d;
-}
-
-#content.grid {
-  border: 1px solid #4b4e55;
-  padding: 1px;
-}
-
-#content.grid .row {
-  border: 1px solid #4b4e55;
-  margin: 1px;
-}
-
 @media (max-width: 600px) {
   h1 {
     font-size: 18px;
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index e0918c1..9ddc487 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -2,8 +2,7 @@ body {
   background: #13334c;
   color: #edf9fc;
 }
-body.threadpage,
-body.threads {
+body.threadpage {
   margin-top: 0;
 }
 a,
@@ -63,9 +62,6 @@ button:active {
 #main_nav {
   background: #1d7548;
 }
-.fix #main_nav {
-  box-shadow: 0 0 3px #000;
-}
 #titlebox {
   margin-bottom: 0;
 }
@@ -130,9 +126,7 @@ button:active {
   color: #bbb;
 }
 .postform,
-#createbox,
-.threads .outerbox,
-#content {
+#createbox {
   border-right: 2px solid #5b8bb4;
   border-bottom: 2px solid #5b8bb4;
   background: #3b6b94;
@@ -158,30 +152,15 @@ form .msg {
   background: #5b8bb4;
   padding: 8px;
 }
-#content {
-  padding: 0 10px 10px;
-}
-#content.list #header div {
+#threads th {
   background: #3b6b94;
 }
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
   background: #1b3345;
 }
-#content.list .row:nth-child(even) {
+#threads tr:nth-child(even) {
   background: #294b68;
 }
-#content.grid {
-  border: 0;
-  padding: 0;
-}
-#content.grid .row {
-  border-width: 0 2px 2px 0;
-  border-style: solid;
-  border-color: #5b8bb4;
-}
-#content.grid .row:hover {
-  background: #154a72;
-}
 @media (max-width: 600px) {
   .thread .innerbox {
     padding: 8px;
diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css
index 66e0052..84f868a 100644
--- a/static/css/txt/gamer.css
+++ b/static/css/txt/gamer.css
@@ -17,7 +17,7 @@ h1,
 h2,
 h3,
 h5,
-#content.list #header div {
+#threads th {
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC");
   color: #fff;
   text-shadow: 1px 1px #002;
@@ -54,8 +54,7 @@ hr {
 #thread_nav {
   margin: 6px 0;
 }
-.cur_brd,
-.fix #main_nav a a {
+.cur_brd {
   background: url("../img/g_b3.gif") bottom repeat-x;
   margin-bottom: -4px;
   padding-bottom: 4px;
@@ -115,8 +114,7 @@ h4 a,
 }
 .outerbox,
 .thread,
-.threadpage .postform,
-#content {
+.threadpage .postform {
   background: #050505 url("../img/g_p.gif");
   border: 6px solid transparent;
   -moz-border-image: url("../img/g_b.gif") 6 6 round round;
@@ -184,25 +182,13 @@ form .msg {
 #footer a:active {
   text-decoration: underline;
 }
-#content .thread {
-  border: 0;
-}
-#content a:hover {
-  color: #fff;
-}
-#content.list .pos,
-#content.list .com {
-  color: #aaa;
-}
-#content.list .row div,
-#content.grid .row {
+#threads th {
   border-width: 0 1px 1px 0;
   border-style: solid;
   border-color: #111;
 }
-#content.grid .row {
-  border: 1px solid #111;
-  margin: 1px;
+#threads td {
+  color: #aaa;
 }
 @media (max-width: 600px) {
   body.threadpage {
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index f20be3f..b09b78e 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -67,15 +67,10 @@ button:active {
   background: #ccc;
   border-style: solid;
 }
-.fix #main_nav {
-  background: #fff;
-  border-bottom: 2px solid #bbb;
-}
 .outerbox,
 #titlebox .innerbox:first-child,
 .postform,
-.lastposts,
-#content {
+.lastposts {
   background: #eee;
   border-bottom: 2px solid #bbb;
 }
@@ -145,26 +140,14 @@ form .msg {
   margin: 0;
   padding: 0.5em 0.15em;
 }
-#content {
-  padding: 0 10px 10px;
-}
-#content.list #header div {
+#threads th {
   background: #eee;
+  border-bottom: 1px solid #f70;
 }
-#content.list .row:nth-child(odd) {
+#threads tr:nth-child(odd) {
   background: #fff;
 }
-#content.list .row:nth-child(even) {
-  background: #ddd;
-}
-#content.grid {
-  border: 1px solid #bbb;
-  padding: 0;
-}
-#content.grid .row {
-  border: 1px solid #bbb;
-}
-#content.grid .row:hover {
+#threads tr:nth-child(even) {
   background: #ddd;
 }
 @media (max-width: 600px) {
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index c97424c..9ffd124 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -97,9 +97,6 @@ h4 {
 .outerbox {
   background: #fff;
 }
-.fix #main_nav {
-  box-shadow: 0 0 3px #000;
-}
 .outerbox {
   border: 1px solid #fff;
 }
@@ -178,10 +175,7 @@ h4 {
   padding: 0.5em;
 }
 .lastposts,
-.threadpage .postform,
-.threads .outerbox,
-#content.list,
-#content.grid .row {
+.threadpage .postform {
   background: #fff;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
@@ -197,22 +191,11 @@ form .msg {
 #footer {
   color: #333;
 }
-#content.list {
-  padding: 8px;
-}
-#content.list #header div {
+#threads th {
   background: #6aa9d7;
 }
-#content.list .row:hover,
-#content.grid .row:hover {
-  background: #b7d2e8;
-}
-#content.list .row a:hover,
-#content.grid .row:hover a {
-  color: #0801bf;
-}
-#content.grid .row {
-  margin: 4px;
+#threads tr:nth-child(odd) {
+  background: #cce8ff;
 }
 @media (max-width: 600px) {
   body.threadpage {
diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css
index 6b12281..6ca4e1a 100644
--- a/static/css/txt/ventanas.css
+++ b/static/css/txt/ventanas.css
@@ -2,8 +2,7 @@ body,
 textarea {
   color: #000;
 }
-body.mainpage,
-body.threads {
+body.mainpage {
   background: #008081;
 }
 body.threadpage,
@@ -127,7 +126,6 @@ button:active {
 input[type="text"],
 textarea,
 .innerbox,
-#content,
 #threadlist,
 select {
   border-width: 2px;
@@ -233,20 +231,15 @@ form .msg {
   margin: 0;
   padding: 0;
 }
-#content {
+#threads {
   background: #fff;
+  border-collapse: collapse;
 }
-#content.list #header div {
+#threads th {
   background: #ccc;
 }
-#content.list .row div,
-#content.grid .row {
-  border-width: 0 1px 1px 0;
-  border-style: solid;
-  border-color: #000;
-}
-#content .row:hover {
-  background: #eee;
+#threads td, #threads th {
+  border: 1px solid #000;
 }
 @media (max-width: 600px) {
   #createbox form {
diff --git a/static/js/weabotxt.js b/static/js/weabotxt.js
index cf4209a..df4bc56 100644
--- a/static/js/weabotxt.js
+++ b/static/js/weabotxt.js
@@ -136,11 +136,11 @@ function previewPost(e) {
   xmlhttp.send(text);
 }
 
-function listSort() {
-  var s = opcs.sort;
-  var cont = document.getElementById("content");
-  var elem = document.getElementsByClassName("row");
-  var arr = Array.prototype.slice.call(elem);
+function listSort(e) {
+  e.preventDefault();
+  var s = this.textContent;
+  var table = document.getElementById("threads");
+  var arr = Array.prototype.slice.call(table.getElementsByTagName("tr"));
   arr.shift();
   if (s == "Normal") {
     arr.sort(function(a, b) {
@@ -165,37 +165,16 @@ function listSort() {
       return 0.5 - Math.random();
     });
   }
-  for (var j = 0; j < arr.length; j++) cont.appendChild(arr[j]);
-  localStorage.setItem("threadlist", JSON.stringify(opcs));
-}
-
-function listDisplay() {
-  var d = opcs.disp;
-  if (d == "Malla") {
-    document.getElementById("header").style.display = "none";
-    document.getElementById("content").className = "grid";
-    var style = document.createElement("style");
-    style.id = "labels";
-    style.type = "text/css";
-    style.textContent =
-      '#content .row div.date{display:none}#content.grid div.com:before{content:"("}#content.grid .com:after{content:")"}';
-    document.head.appendChild(style);
-  } else if (d == "Lista") {
-    var style = document.getElementById("labels");
-    if (style) style.parentNode.removeChild(style);
-    document.getElementById("header").removeAttribute("style");
-    document.getElementById("content").className = "list";
-  }
-  localStorage.setItem("threadlist", JSON.stringify(opcs));
+  for (var j = 0; j < arr.length; j++) table.appendChild(arr[j]);
 }
 
 function searchSubjects(e) {
   var filter = this.value.toLowerCase();
-  var nodes = document.getElementsByClassName("thread");
-  for (i = 0; i < nodes.length; i++) {
-    if (nodes[i].textContent.toLowerCase().includes(filter))
-      nodes[i].parentNode.removeAttribute("style");
-    else nodes[i].parentNode.style.display = "none";
+  var nodes = document.getElementById("threads").getElementsByTagName("tr");
+  for (var i = 1; i < nodes.length; i++) {
+    if (nodes[i].childNodes[3].textContent.toLowerCase().includes(filter))
+      nodes[i].removeAttribute("style");
+    else nodes[i].style.display = "none";
   }
 }
 
@@ -275,32 +254,12 @@ document.addEventListener("DOMContentLoaded", function() {
     styleSelect.value = localStorage.getItem(style_cookie);
   }
 
-  if (document.body.classList.contains("threads")) {
+  if (document.getElementById("threads")) {
     var srt = document.getElementsByClassName("l_s");
     for (var i = 0; i < srt.length; i++) {
-      srt[i].addEventListener("click", function(e) {
-        e.preventDefault();
-        opcs.sort = this.textContent;
-        listSort();
-      });
-    }
-    var dsp = document.getElementsByClassName("l_d");
-    for (var i = 0; i < dsp.length; i++) {
-      dsp[i].addEventListener("click", function(e) {
-        e.preventDefault();
-        opcs.disp = this.textContent;
-        listDisplay();
-      });
+      srt[i].addEventListener("click", listSort);
     }
     document.getElementById("l_sr").addEventListener("keyup", searchSubjects);
-    if (localStorage.hasOwnProperty("threadlist")) {
-      opcs = JSON.parse(localStorage.getItem("threadlist"));
-      listSort();
-      listDisplay();
-    } else {
-      opcs = { sort: "Normal", disp: "Lista" };
-      localStorage.setItem("threadlist", JSON.stringify(opcs));
-    }
   }
 
   if (localStorage.hasOwnProperty("hiddenposts"))
@@ -328,4 +287,4 @@ document.addEventListener("click", function(e) {
     deletePost(e.target);
     return;
   }
-}, false);
+}, false);
\ No newline at end of file
-- 
cgit v1.2.1-18-gbd029