size 🤡

11 files changed, 23 insertions, 21 deletions

diff --git a/cgi/templates/txt_thread.en.html b/cgi/templates/txt_thread.en.html
index f7a6519..53a2e5a 100644
--- a/cgi/templates/txt_thread.en.html
+++ b/cgi/templates/txt_thread.en.html
@@ -57,7 +57,7 @@
     </div>
   <?py #endif ?>
   <?py #endfor ?>
-  <div class="size">#{thread['size']}</div>
+  <div id="size">#{thread['size']}</div>
 </div>
 <hr />
 <?py if thread['locked'] != '1': ?>
diff --git a/cgi/templates/txt_thread.html b/cgi/templates/txt_thread.html
index 5cfeb8a..fd2fa2e 100644
--- a/cgi/templates/txt_thread.html
+++ b/cgi/templates/txt_thread.html
@@ -55,7 +55,7 @@
     </div>
   <?py #endif ?>
   <?py #endfor ?>
-  <div class="size">#{thread['size']}</div>
+  <div id="size">#{thread['size']}</div>
 </div>
 <hr />
 <?py if thread['locked'] != '1': ?>
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index f578a06..6f9ad11 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -9,7 +9,7 @@ input[type="submit"]:active,input[type="button"]:active,button:active{background
 h1{color:#dc9656;font-size:26px;margin-top:-5px;text-align:center}
 h2 a{color:#C66}
 h2 span{color:#999}
-h3{color:#ab4642}
+h3,#size{color:#ab4642}
 h3 span{color:#999}
 h4{color:#c1c5c2}
 #main_nav{background:#000;color:#7cafc2;z-index:9}
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index 813985c..43f85ff 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -7,7 +7,7 @@ h4 a,.name,.name a{color:#000}
 h1:after,h2 a:after,h3:after{content:"_";animation:blink 1s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}}
 h2,.thread .threadnav{margin:7px}
 h3{margin:8px 0}
-h3 span,.abbrev{color:#f00}
+h3 span,#size,.abbrev{color:#f00}
 hr{background:#f9690e;border:0;height:1px;box-shadow:0 0 10px #f9690e}
 .spoil{background:#f9690e;color:#f9690e;text-shadow:none}.spoil:hover{color:#000}
 input,button{font-family:monospace}
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
index 0857f71..de0b8b8 100644
--- a/static/css/txt/ayashii.css
+++ b/static/css/txt/ayashii.css
@@ -29,6 +29,7 @@ input[type=submit],input[type=button],button{border:1px outset #FFF;background:#
 .yt{border:1px solid #FFF}
 .abbrev{margin-top:1em}
 .deleted{text-decoration:line-through}
+#size{color:#FFF;margin-top:-.5em}
 #q-p{background:#004040;border:1px solid #DDD}
 #q-p h4:before{display:none}
 .postform,.formpad{padding-left:0}
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index c4392f3..42e719c 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -51,7 +51,8 @@ a.yt b{font-size:115%}
 #q-p .del,#q-p .quoted,#q-p .thumb div{display:none}
 .lastposts{text-align:center;line-height:1}
 .lastposts #n2{text-decoration:underline}
-.threadpage .threadlinks{margin:8px 0}
+.threadpage .threadlinks{margin:.5em 0}
+#size{color:#f00;font-family:arial,sans-serif;font-weight:bold;margin-bottom:.5em}
 #createbox input,#createbox textarea{width:100%}
 .pblock{text-align:right;white-space:nowrap}
 form .msg{margin:0;padding:8px 2px;text-align:left}
@@ -81,7 +82,7 @@ form .msg{margin:0;padding:8px 2px;text-align:left}
  h4,h2 span,#rules{font-size:12px}
  .pblock,#footer,.end{font-size:14px}
  #threadlist{overflow-x:auto;white-space:nowrap}
- .size,.postform br{display:none}
+ #size,.postform br{display:none}
  div.reply{margin-bottom:.6em}
  .num{margin:-10px;padding:10px;position:relative}
  .del{visibility:visible}
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index aff5113..499f633 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -7,7 +7,7 @@ a:active,form a:active,#n2:active{color:#EEE}
 h2{color:#EEE;line-height:1;margin:0 0 10px}
 h2 a{color:#EEE}
 h3{color:#EEE;margin:0.7em 0}
-h4{background:#DDD;padding-bottom:5px}
+h4{background:#DDD;padding-bottom:.2em}
 hr{display:none}
 input[type=text],textarea{background:#EEE;border:1px inset #444}
 input[type=submit],input[type=button],button{background:#000;color:#FFF;border:1px outset #444}
@@ -25,13 +25,14 @@ input[type=submit]:active,input[type=button]:active,button:active{color:#DDD}
 .postform,#createbox form,h5{background:#8C9FB4;color:#49525D;padding:10px}
 h5{margin:0;padding-bottom:0}
 .mainpage .postform{margin-top:10px}
-.reply{background:#FFF;border-top:3px solid #DDD;border-right:10px solid #DDD;border-bottom:3px solid #DDD;border-left:10px solid #DDD;color:#000;margin-bottom:0}
-.first{border-top:6px solid #DDD}
+.reply{background:#FFF;border-top:.1em solid #DDD;border-right:10px solid #DDD;border-bottom:.1em solid #DDD;border-left:10px solid #DDD;color:#000;margin-bottom:0}
+.first{border-top:.2em solid #DDD}
 .name,a .name{color:#2B3037}
 .name em{color:#009}
 .del a{color:#000}
 .msg,a.thumb{background:#FFF;color:#000080;margin:10px}
 .msg hr{display:block}
+#size{color:#8C9FB4;margin:0;padding:.25em 0}
 .abbrev a{color:#000080}
 .abbrev,.q{color:#697685}
 .threadpage .postform{margin-top:2px;border:10px solid #49525D}
@@ -51,10 +52,11 @@ form .msg{border:1px inset #DDD;margin:0;padding:.5em 0.15em}
  body.threadpage{margin:0 0 8px}
  .innerbox,.postform,#createbox form,h5{padding:4px;padding-left:4px}
  h2{margin-bottom:4px}
+ h3{margin:.5em 0}
  h4{padding-bottom:0}
  .threadpage .thread{padding:1px 4px 4px}
  .mainpage .postform{margin-top:4px;padding-left:4px}
- .reply{border-width:1px;border-left-width:4px;border-right-width:4px}
+ div.reply{border-left-width:4px;border-right-width:4px;margin:0}
  .threadpage .postform{border-width:4px}
  div.msg,a.thumb{margin:4px}
  .thread form{margin-top:4px}
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index 3fc069c..bd4287c 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -9,7 +9,7 @@ h1,h2 a,h3,h5{text-shadow:1px 1px #000,0 0 10px}
 h1:after,h2 a:after,h3:after{content:"_";animation:blink 1s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}}
 h2,.thread .threadnav{margin:7px}
 h3{margin:8px 0}
-h3 span,.abbrev{color:#639}
+h3 span,#size,.abbrev{color:#639}
 hr{background:#2A4A75;border:0;height:1px;box-shadow:0 0 10px #2A4A75}
 .spoil{background:#2A4A75;color:#2A4A75;text-shadow:none}.spoil:hover{color:#000}
 input:active,input:focus,textarea:active,textarea:focus,button:active,button:active{box-shadow:0 0 15px}
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index d507d28..cfedae9 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -28,6 +28,7 @@ input[type="submit"]:active,input[type="button"]:active,button:active{background
 .yt{background:#2f587a;border:1px solid #1b2933}
 .msg hr{display:block}
 .deleted{color:#afafaf;margin-bottom:24px}
+#size{color:#de9d7f}
 .abbrev{color:#bbb}
 .postform,#createbox,.threads .outerbox,#content{border-right:2px solid #5b8bb4;border-bottom:2px solid #5b8bb4;background:#3b6b94}
 .postform{padding:10px}
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index 5b55edf..5e4eb14 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -21,6 +21,7 @@ input[type="submit"]:active,input[type="button"]:active,button:active{background
 .q,.abbrev{color:#7f7f7f}
 .yt{background:#f2f2f2;border:1px solid #bbb}
 .msg hr{display:block;max-width:500px;margin-left:0}
+#size{color:#D60}
 .deleted{color:#AFAFAF}
 #q-p{background:#FFF;border:1px solid #BBB;border-bottom:2px solid #BBB}
 .lastposts{padding:8px}
diff --git a/static/js/autorefresh.js b/static/js/autorefresh.js
index 9aa6e0e..b09758c 100644
--- a/static/js/autorefresh.js
+++ b/static/js/autorefresh.js
@@ -35,10 +35,10 @@ function loadJSON() {
 }
 
 function updateThread(posts, total_replies, serverTime) {
-  thread_div = document.getElementsByClassName("thread")[0];
-
-
-  for (var i = 0; i < posts.length; i++) {
+  var thread_div = document.getElementsByClassName("thread")[0];
+  if (serviceType == 2) var last_elem = document.getElementById("size");
+  else var last_elem = document.getElementsByClassName("cut")[0];
+  for (var i=0; i<posts.length; i++) {
     post = posts[i];
     var num = thread_length + i + 1;
     var div = document.createElement('div');
@@ -77,13 +77,9 @@ function updateThread(posts, total_replies, serverTime) {
       }
     }
 
-    if (serviceType == 2) thread_div.appendChild(div);
-    else thread_div.insertBefore(div, document.getElementsByClassName("cut")[0]);
+    thread_div.insertBefore(div, last_elem);
     thread_div.setAttribute("data-length",num);
-    if (serviceType == 2) {
-      var res=document.getElementsByTagName("h3")[0].getElementsByTagName("span")[0];
-      res.innerText = res.innerText.replace(/[0-9]+/, num);
-    }
+    if (serviceType == 2) document.getElementsByTagName("h3")[0].getElementsByTagName("span")[0].innerText = "("+num+" respuestas)";
   }
 
   if (posts.length > 0) {