Fix css mobile

10 files changed, 56 insertions, 72 deletions

diff --git a/cgi/templates/board.html b/cgi/templates/board.html
index 2f02408..4a94dc4 100644
--- a/cgi/templates/board.html
+++ b/cgi/templates/board.html
@@ -273,7 +273,7 @@
     <hr />
   <?py #endfor ?>
   
-  <div class="userdel">
+  <div id="userdel">
     Eliminar post <label>[<input type="checkbox" name="imageonly" id="imageonly" />Sólo imagen]</label>
     <br />
     Clave <input type="password" name="password" size="8" /> <input name="deletepost" value="Eliminar" type="submit" />
@@ -282,7 +282,7 @@
 </form>
 
 <?py if pagenav: ?>
-  <div class="pg">#{pagenav}</div>
+  <div id="pg">#{pagenav}</div>
 <?py #endif ?>
 
 <?py include('templates/base_bottom.html') ?>
diff --git a/cgi/templates/board.jp.html b/cgi/templates/board.jp.html
index b33e42c..0c013ae 100644
--- a/cgi/templates/board.jp.html
+++ b/cgi/templates/board.jp.html
@@ -207,7 +207,7 @@
             <small>${post['expires_formatted']}頃消えます</small>
           <?py #endif ?>
           <?py if not post['parentid'] and not replythread: ?>
-            [<a href="#{boards_url}#{board}/res/#{post['id']}.html" class="hsbn">Responder</a>] 
+            [<a href="#{boards_url}#{board}/res/#{post['id']}.html" class="hsbn">返信</a>] 
             <?py if not post['file']: ?>
               [<a href="#" class="tt">スレを隠す</a>]
             <?py #endif ?>
@@ -271,7 +271,7 @@
     <hr />
   <?py #endfor ?>
   
-  <div class="userdel">
+  <div id="userdel">
     【記事削除】<label>[<input type="checkbox" name="imageonly" id="imageonly" />画像だけ消す]</label>
     <br />
     削除キー<input type="password" name="password" size="8" /> <input name="deletepost" value="削除" type="submit" />
@@ -280,7 +280,7 @@
 </form>
 
 <?py if pagenav: ?>
-  <div class="pg">#{pagenav}</div>
+  <div id="pg">#{pagenav}</div>
 <?py #endif ?>
 
 <?py include('templates/base_bottom.html') ?>
diff --git a/cgi/templates/catalog.html b/cgi/templates/catalog.html
index d4822ae..204f43a 100644
--- a/cgi/templates/catalog.html
+++ b/cgi/templates/catalog.html
@@ -8,7 +8,6 @@
   <a href="?sort=3">#{"<b>Más</b>" if i_sort == "3" else "Más"}</a>
   <a href="?sort=4">#{"<b>Menos</b>" if i_sort == "4" else "Menos"}</a>&#93;
   &#91;Tamaño: <a id="cat-size" href="#">Pequeño</a>&#93;
-  &#91;Texto: <a id="cat-hide" href="#">Ocultar</a>&#93;
   &#91;Filtrar: <input id="cat-srch" type="text">
   <span id="hid-label" style="display:none;">[Hilos ocultos: <a id="hid-num" href="#"></a>]</span>
 </div>
@@ -30,4 +29,4 @@
   <?py #endfor ?>
 </div>
 <hr />
-<?py include('templates/base_bottom.html') ?>
\ No newline at end of file
+<?py include('templates/base_bottom.html') ?>
diff --git a/static/css/cyber.css b/static/css/cyber.css
index 00f75a7..3504641 100644
--- a/static/css/cyber.css
+++ b/static/css/cyber.css
@@ -134,8 +134,8 @@ input[type="submit"]:active {
   border-color: #93e0e3 !important;
   box-shadow: 5px 5px #93e0e3;
 }
-.pg,
-.userdelete,
+#pg,
+#userdelete,
 .nav {
   background: #2b2b2b;
   border: 1px solid #2e8b57;
diff --git a/static/css/easymodo.css b/static/css/easymodo.css
index 15752f9..b8a00f4 100644
--- a/static/css/easymodo.css
+++ b/static/css/easymodo.css
@@ -65,7 +65,7 @@ a:hover .name b,
 }
 .reply,
 #q-p,
-.pg {
+#pg {
   background: #d6f0da;
 }
 .highlight {
diff --git a/static/css/hotdog.css b/static/css/hotdog.css
index bd4935a..81d271b 100644
--- a/static/css/hotdog.css
+++ b/static/css/hotdog.css
@@ -11,7 +11,7 @@ html, body{
   background:#000;
   color:#fff
 }
-a, a .name, a .name b, .nav label, .pg a{
+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{
@@ -92,7 +92,7 @@ input[type="submit"]:active, input[type="button"]:active{
   display:inline-block;
   padding:0 2px
 }
-.reply, #q-p, .pg{
+.reply, #q-p, #pg{
   background:#ff0;
   border:1px solid #000;
   color:#000
@@ -149,12 +149,12 @@ select:focus{
   outline:1px dotted #fff;
   outline-offset:0
 }
-.pg, .pg span {
+#pg, #pg span {
   background:#f00;
   border:1px solid #000;
   color:#fff
 }
-.userdel{
+#userdel{
   border:4px double #000;
   padding:2px
 }
diff --git a/static/css/ib.css b/static/css/ib.css
index 25a5fc5..4202b67 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -92,6 +92,7 @@ textarea {
 .postblock {
   font-weight: bold;
   padding: 3px;
+  white-space: nowrap;
 }
 .oekform {
   margin-bottom: 0.5em;
@@ -109,11 +110,11 @@ textarea {
   margin-left: 1em;
 }
 .thread {
-  line-height: 18px;
+  line-height: 19px;
 }
 .thread table {
   border-collapse: collapse;
-  margin: 4px 0;
+  margin-top: 4px;
 }
 .reply .info {
   line-height: 1;
@@ -148,10 +149,7 @@ textarea {
   margin: 0;
   padding: 0
 }
-.thread.hidden > div,
-.thread.hidden > table,
-.thread.hidden > a,
-.thread.hidden > blockquote,
+body:not(.res) .thread.hidden > *,
 .reply.hidden input,
 .reply.hidden blockquote,
 .reply.hidden .thumb,
@@ -160,33 +158,22 @@ textarea {
 #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 {
+#pg {
   border: 1px solid;
   border-spacing: 2px;
   display: table;
 }
-.pg span {
+#pg span {
   border: 1px inset;
   display: table-cell;
 }
-.pg span input {
+#pg span input {
   height: initial;
   padding: 0.4em 1.2em;
 }
@@ -212,7 +199,7 @@ textarea {
 .nav {
   line-height: 1;
 }
-.thumbpreview {
+#thumbpreview {
   display: inline-block;
   max-height: 50px;
   height: auto;
@@ -241,7 +228,6 @@ textarea {
   width: 165px;
 }
 #catalog.enlarged .thread {
-  margin: 0 .25em 1em;
   max-height: 350px;
   width: 265px;
 }
@@ -266,9 +252,6 @@ textarea {
 #catalog p {
   margin: 0;
 }
-#catalog.notxt p {
-  display: none;
-}
 #catalog .hidden {
   display: none;
 }
@@ -306,7 +289,7 @@ textarea {
 .nav label {
   text-decoration: underline;
 }
-.userdel {
+#userdel {
   float: right;
   text-align: center;
   white-space: nowrap;
@@ -347,12 +330,8 @@ textarea {
   .postarea table {
     border-spacing: 1px;
   }
-  .postblock {
-    font-size: 10px;
-    white-space: nowrap;
-  }
   .pass,
-  .ell,
+  .thread td.ell,
   .thumbmsg,
   .fs small {
     display: none;
@@ -362,29 +341,36 @@ textarea {
   #postform input[type="submit"],
   #postform textarea,
   #postform input[type="file"],
+  #filepreview,
   #rules {
     max-width: 100%;
     width: 100%;
   }
-  .thread {
-    line-height: 16px;
+  .thread table,
+  .thread tbody,
+  .thread tr,
+  .thread td {
+    display: block;
+    width: 100%;
+  }
+  .thread td {
+    overflow: hidden;
   }
   .postform input[type="submit"] {
     height: 2em;
     margin-top: 2px;
   }
-  .fs .tt {
-    font-size: 14px;
-  }
+  .postblock,
   #rules,
   .fs,
   .omitted,
   .info,
   .reply.deleted {
     font-size: 12px;
+    line-height: 14px;
   }
-  #search span {
-    display: list-item;
+  .hsbn {
+    font-size: 16px;
   }
   .reply .info {
     padding-right: 0;
@@ -403,20 +389,23 @@ textarea {
   blockquote {
     margin: 8px !important;
   }
-  .userdel {
+  #userdel {
     float: none;
   }
-  .pg {
+  #pg {
     margin-top: 0.5em;
     text-align: center;
     width: 100%;
   }
   #oek_size,
-  .pg span,
-  .pg input {
+  #pg span,
+  #pg input {
     display: block;
     width: 100%;
   }
+  #pg span {
+    padding: 4px;
+  }
   #search input {
     width: initial !important;
   }
diff --git a/static/css/putaba.css b/static/css/putaba.css
index 5c246f5..45152dc 100644
--- a/static/css/putaba.css
+++ b/static/css/putaba.css
@@ -73,7 +73,7 @@ hr,
   display: block;
 }
 .thread,
-.userdelete,
+#userdel,
 .postform,
 .oekform {
   background: #fff;
@@ -150,7 +150,7 @@ hr,
   background: #ccc;
   outline: 2px dashed #aaa;
 }
-.userdelete {
+#userdel{
   padding: 5px;
 }
 input[type="submit"].psei {
@@ -163,7 +163,7 @@ input[type="submit"].psei {
   float: left;
 }
 .managertable td,
-.pg {
+#pg {
   background: #fff;
 }
 .managertable th {
@@ -196,8 +196,8 @@ input[type="submit"].psei {
 }
 @media (max-width: 600px) {
   .thread,
-  .userdel {
+  #userdel {
     margin: 2em 0;
     padding: 5px;
   }
-}
\ No newline at end of file
+}
diff --git a/static/css/vndb.css b/static/css/vndb.css
index a8b8c78..90481f2 100644
--- a/static/css/vndb.css
+++ b/static/css/vndb.css
@@ -105,8 +105,8 @@ hr {
   border: 1px solid #258;
   color: #ddd;
 }
-.pg,
-.pg td {
+#pg,
+#pg td {
   background: rgba(7, 28, 47, 0.8);
   border: 1px solid #258;
 }
diff --git a/static/js/weabot.js b/static/js/weabot.js
index 04ac483..693d138 100644
--- a/static/js/weabot.js
+++ b/static/js/weabot.js
@@ -146,10 +146,12 @@ function filePreview(e) {
     prev.removeAttribute("style");
     var fname =
       file.name.length < 20 ? file.name : file.name.substr(0, 19) + "…";
-    if (file.type.startsWith("image"))
+    if (file.type.startsWith("image")) {
       prev.insertAdjacentHTML("beforeend",
-        '<img class="thumbpreview" src="' + read.result + '" /> ' + fname);
-    else prev.insertAdjacentHTML("beforeend", fname);
+        '<img id="thumbpreview" src="' + read.result + '" /> ' + fname);
+    } else {
+      prev.insertAdjacentHTML("beforeend", fname);
+    }
     prev.appendChild(document.createTextNode(" ["));
     var btn = document.createElement("a");
     btn.href = "#";
@@ -336,12 +338,6 @@ document.addEventListener("DOMContentLoaded", function(e) {
       this.innerText = (this.innerText == "Pequeño") ? "Grande" : "Pequeño";
     });
     
-    document.getElementById("cat-hide").addEventListener("click", function(e) {
-      e.preventDefault();
-      cat.classList.toggle("notxt");
-      this.innerText = (this.innerText == "Ocultar") ? "Mostrar" : "Ocultar";
-    });
-
     document.getElementById("cat-srch").addEventListener("keyup", catSearch);
     
     document.getElementById("hid-num").addEventListener("click", function(e) {