Cambiando #themeSelector a que tome todo select

15 files changed, 44 insertions, 42 deletions

diff --git a/cgi/templates/txt_board.en.html b/cgi/templates/txt_board.en.html
index b4f552b..a5a70dd 100644
--- a/cgi/templates/txt_board.en.html
+++ b/cgi/templates/txt_board.en.html
@@ -14,7 +14,7 @@
     <form method="get" action="/tools/search.py" id="search"><input type="text" name="q" value="" /><input type="hidden" name="board" value="#{board}" /><input type="submit" value="Search active posts" /><input type="submit" value="Search archives" formaction="/tools/search_kako.py" /></form>
   </div>
   <div class="innerbox links"><a href="/guia.html"><b>C&oacute;mo postear</b></a> | <a href="/faq.html"><b>Preguntas frecuentes</b></a> | <a href="/bai/"><b>Contacto</b></a>
-  <?py if not force_css: ?>| <b>Estilo: </b><select id="themeSelector">
+  <?py if not force_css: ?>| <b>Estilo: </b><select id="styles">
   <?py for title in txt_styles: ?><option value="#{title}">#{title}</option><?py #endfor ?></select>
   <?py #endif ?></div>
 </div>
diff --git a/cgi/templates/txt_board.html b/cgi/templates/txt_board.html
index ecb13ab..d3bc72e 100644
--- a/cgi/templates/txt_board.html
+++ b/cgi/templates/txt_board.html
@@ -14,7 +14,7 @@
     <form method="get" action="/tools/search.py" id="search"><input type="text" name="q" value="" /><input type="hidden" name="board" value="#{board}" /><input type="submit" value="Buscar en mensajes activos" /><input type="submit" value="Buscar en archivo" formaction="/tools/search_kako.py" /></form>
   </div>
   <div class="innerbox links"><b>¿Eres nuevo?</b> <a href="/guia.html"><b>C&oacute;mo postear</b></a> | <a href="/faq.html"><b>Preguntas frecuentes</b></a> | <a href="/bai/"><b>Contacto</b></a>
-  <?py if not force_css: ?>| <b>Estilo: </b><select id="themeSelector">
+  <?py if not force_css: ?>| <b>Estilo: </b><select id="styles">
   <?py for title in txt_styles: ?><option value="#{title}">#{title}</option><?py #endfor ?></select>
   <?py #endif ?>
 </div>
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index 8c538c1..2425330 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -3,7 +3,7 @@ body.threadpage{background-image:none}
 a,a .name,#n2{color:#81A2BE;text-decoration:none}
 a:hover,a:focus,#n2:active{color:#4d6172;text-decoration:underline}
 hr{border:1px inset #111}
-input[type="text"],input[type="submit"],input[type="button"],textarea,button, #themeSelector{background:#383838;border:1px solid #4B4E55;color:#e8e8e8}
+input[type="text"],input[type="submit"],input[type="button"],textarea,button,select{background:#383838;border:1px solid #4B4E55;color:#e8e8e8}
 input[type="submit"],input[type="button"],button{background:#333}
 input[type="submit"]:active,input[type="button"]:active,button:active{background:#232323}
 h1{color:#dc9656;font-size:26px;margin-top:-5px;text-align:center}
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index 3f2902f..71b6dc4 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -11,8 +11,8 @@ 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}
-input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,#themeSelector{background:#000;border:1px solid #f9690e;color:#f9690e;text-shadow:1px 1px #000}
-input[type="text"]:focus,textarea:focus{background:#3a1903}
+input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{background:#000;border:1px solid #f9690e;color:#f9690e;text-shadow:1px 1px #000}
+input[type="text"]:focus,textarea:focus,select:focus{background:#3a1903}
 input[type=submit]:active,input[type=button]:active,button:active{background:#f9690e;border-style:solid;color:#000}
 #main_nav{background:#000;box-shadow: 0 0 10px}
 .outerbox,.innerbox{border:1px solid #f9690e}
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
index d75894c..42d1837 100644
--- a/static/css/txt/ayashii.css
+++ b/static/css/txt/ayashii.css
@@ -7,7 +7,7 @@ h2 span{font-weight:initial;font-size:24px;margin-left:4px;display:inline-block;
 h3{margin-bottom:.5em;padding-bottom:.5em}
 h4:before{content:"＞";color:#FFFFFE;display:inline-block;font-size:16px;width:40px}
 .first h4:before{content:none}
-input[type=submit],input[type=button],button,#themeSelector{border:1px outset #FFF;background:#DDD;color:#000}
+input[type=submit],input[type=button],button{border-width:2px;border-style:outset ridge ridge outset;border-color:#FFF #000 #000 #FFF;background:#DDD;color:#000;padding:0 8px}
 #main_nav,.banner{background:inherit;text-align:left;margin:0;padding-left:2.5%}
 #titlebox{margin-bottom:1em;margin-top:5px}
 .threadnav a{margin-left:4px}
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index 19d0dba..b4372eb 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -9,8 +9,8 @@ h2 a{font-size:24px;text-decoration:none}
 h3{font-size:19px;font-weight:normal;margin:8px 0}
 h4{clear:both;font-weight:normal;margin:0}
 h5{margin-bottom:8px}
-input[type="text"],textarea{background:#FFF;border:1px inset #DDD;color:#000}
-input[type=submit],input[type=button],button{border:1px outset #DDD;background:#EEE;color:#333;padding:1px 9px}
+input[type="text"],textarea,select{background:#FFF;border:1px inset #DDD;color:#000;padding:1px}
+input[type=submit],input[type=button],button{border:1px outset #DDD;background:#EEE;color:#333;padding:1px 8px}
 input[type=submit]:active,input[type=button]:active,button:active{border-style:inset}
 .banner{display:block;margin:0 auto}
 #rules{line-height:1.25em;margin:8px 0}
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
index 95763b7..10a6a32 100644
--- a/static/css/txt/bios.css
+++ b/static/css/txt/bios.css
@@ -1,26 +1,26 @@
-body,textarea,.lastposts #counter{background:#00a;color:#FFF}
+body,textarea,.lastposts #counter{background:#00A;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}
 .mainpage .threadlinks a:before,#threadlinks a:before,.lastposts a:before,.lastposts label:before{content:'▶ '}
-input[type="text"],textarea,#themeSelector{background:#00a;border:1px solid #FFF;color:#FFF}
-input[type="submit"],input[type="button"],button{background:#FFF;border:0;color:#000;padding:2px 10px}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#000;border-style:solid;color:#FFF}
+input[type="text"],textarea,select{background:#00A;border:1px solid #FFF;color:#FFF}
+input[type="submit"],input[type="button"],button{background:#FFF;border:0;color:#000;padding:2px 9px}
+input[type="submit"]:active,input[type="button"]:active,button:active,select:focus{background:#000;border-style:solid;color:#FFF}
 ::selection{background:#FFF;color:#000}
 ::-moz-selection{background:#FFF;color:#000}
 hr{display:none}
 h2,.thread .threadnav{margin:.75em}
-h3{background:#FFF;color:#00a;margin:0;padding:2px 8px}
-h3 span{background:#00a;color:#FFF;padding:2px}
+h3{background:#FFF;color:#00A;margin:0;padding:2px 8px}
+h3 span{background:#00A;color:#FFF;padding:2px}
 #main_nav,#thread_nav{background:linear-gradient(270deg, #0000ff, #000000, #0000ff);background-position:0% 50%;-webkit-animation:bios 6s linear infinite;-moz-animation:bios 6s linear infinite;animation:bios 6s linear infinite;background-size:500% 500%}
 @-webkit-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
 @-moz-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
 @keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
 #main_nav a,#thread_nav a,.threadpage .threadlinks a{color:#FFF;text-decoration:underline}
-#main_nav .cur_brd{background:#FFF;color:#00a;padding:1px;text-decoration:none}
+#main_nav .cur_brd{background:#FFF;color:#00A;padding:1px;text-decoration:none}
 #thread_nav{margin:-8px -8px 8px;padding:6px 16px}
 .innerbox{border:1px solid #FFF;margin:3px;padding:.75em}
 .innerbox.links{border-top:0;margin-top:-3px}
-#cur_stl{background:#ff0;color:#00a}
+#cur_stl{background:#ff0;color:#00A}
 .outerbox,.mainpage .thread,#threadlist,#content{border:1px solid #FFF}
 #threadlist a{border-right:1px solid #FFF;border-bottom:1px solid #FFF}
 .thread .innerbox{padding:0}
@@ -33,9 +33,9 @@ h3 span{background:#00a;color:#FFF;padding:2px}
 #size{margin-left:.5em}
 .yt{border:1px solid #ff0}
 .yt:active{background:#f00;border:1px solid #f00;color:#FFF}
-#q-p{background:#00a;border:1px solid #FFF}
+#q-p{background:#00A;border:1px solid #FFF}
 #q-p .reply{border:0;padding:0}
-.lastposts{border-color:#FFF;border-style:double;border-width:0 4px;color:#00a;padding:.5em}
+.lastposts{border-color:#FFF;border-style:double;border-width:0 4px;color:#00A;padding:.5em}
 .mainpage .threadlinks{margin-top:.75em}
 .threadpage .threadlinks{margin-top:0}
 .threadpage .postform{border-color:#FFF;border-style:double;border-width:1px 4px 4px;padding:.5em}
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index 86c7cba..845c4c3 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -9,7 +9,7 @@ h2 a{color:#EEE}
 h3{color:#EEE;margin:0.7em 0}
 h4{background:#DDD;padding-bottom:.2em}
 hr{display:none}
-input[type=text],textarea,#themeSelector{background:#EEE;border:1px inset #444}
+input[type=text],textarea,select{background:#EEE;border:1px inset #444}
 input[type=submit],input[type=button],button{background:#000;color:#FFF;border:1px outset #444}
 input[type=submit]:active,input[type=button]:active,button:active{color:#DDD}
 #main_nav{background:#FFF;color:#6B7B8D}
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index 5039e0e..e09d223 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -12,8 +12,8 @@ h3{margin:8px 0}
 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}
-.outerbox input,.outerbox textarea,#themeSelector{background:#002f00;border:1px solid #68F855;color:#68F855}
+input:active,input:focus,textarea:focus,button:active,button:active,select:focus{box-shadow:0 0 15px}
+.outerbox input,.outerbox textarea,select{background:#002f00;border:1px solid #68F855;color:#68F855}
 .outerbox input[type=submit],.outerbox input[type=button],.outerbox button{background:#0F0;border:3px outset #0F0;color:#000}
 .outerbox input[type=submit]:active,.outerbox input[type=button]:active,.outerbox button:active{background:#0C0;border-style:inset}
 .threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#000;border:1px solid #2A4A75;color:#2A4A75;text-shadow:1px 1px #000}
diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css
index c5470ee..d1acbab 100644
--- a/static/css/txt/cuteanarchy.css
+++ b/static/css/txt/cuteanarchy.css
@@ -42,7 +42,7 @@ hr {
 input[type="text"],
 input[type="submit"],
 input[type="button"],
-#themeSelector,
+select,
 textarea {
  background: #e2ffeb;
  border: 1px solid #b4ccbc;
@@ -62,7 +62,6 @@ input[type="button"]:active {
 }
 
 .threadlinks {
- font-size: small;
  text-align: center;
  margin-top: 0.5em;
 }
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index 63f62d2..8d98708 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -8,7 +8,7 @@ h2 a,h2 a:active{color:#de9d7f;text-decoration:none}
 h3{color:#de9d7f;margin:0.7em 0}
 h3 span{color:#909090}
 hr{display:none}
-input,input[type=submit],input[type=button],input[type="text"],textarea,button{border:1px solid #3b6b94}
+input,input[type=submit],input[type=button],input[type="text"],textarea,button,select{border:1px solid #3b6b94}
 input[type=submit],input[type=button],button{background:#aaf;color:#2c5700}
 input[type="submit"]:active,input[type="button"]:active,button:active{background:#88c}
 #main_nav{background:#1d7548}
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index a193ce2..c65d64f 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -8,7 +8,7 @@ h2,h3{background:#EEE;border-bottom:2px solid #F70;display:inline-block;padding:
 h3{margin:0.7em 0}
 h4{background:#EEE;border-bottom:1px solid #BBB;padding:0 3px}
 hr{display:none}
-input,input[type="submit"],input[type="button"],input[type="text"],textarea,button{border:1px solid #000}
+input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{border:1px solid #000}
 input[type="submit"],input[type="button"],button{background:#DDD}
 input[type="submit"]:active,input[type="button"]:active,button:active{background:#CCC;border-style:solid}
 .outerbox,#titlebox .innerbox:first-child,.postform,.lastposts,#content{background:#EEE;border-bottom:2px solid #BBB}
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index 64a6ce0..fc5957e 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -2,7 +2,8 @@ body,textarea{color:#000}
 body{background:#E5B98D}
 a,a .name,#n2{color:#3683C2}
 a:active,a:active .name,#n2:active{color:#E9976B}
-input[type="text"],textarea{background:#FFF;border:1px solid #CCC}
+input[type="text"],textarea,select{background:#FFF;border:1px solid #CCC}
+input[type="text"]:focus,textarea:focus,select:focus{border-color:#888}
 input[type="submit"],input[type="button"],button{background:#CBCBCB;border:0;padding:2px 10px}
 input[type="submit"]:active,input[type="button"]:active,button:active{background:#B1B1B1}
 body>hr{position:absolute;top:0;left:8px;right:8px;border:0;background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px);height:1em}
diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css
index 80b38da..08da9c5 100644
--- a/static/css/txt/ventanas.css
+++ b/static/css/txt/ventanas.css
@@ -20,7 +20,9 @@ hr,h4,.deleted{border-top:2px groove white}
 #main_nav .cur_brd{background:#BBB url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAHUlEQVQImQESAO3/AMG/wv////7/AP///v++vr7/gXcOcY36q6gAAAAASUVORK5CYII=');font-weight:bold}
 #main_nav .cur_brd,#main_nav a:active,.threadnav a:active,input[type=submit]:active,input[type=button]:active,button:active{border-color:#000 #FFF #FFF #000;border-style:groove}
 .outerbox,.mainpage .thread,#q-p{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:groove}
-input[type=text],textarea,.innerbox,#content,#threadlist,#themeSelector{border-width:2px;border-color:#000 #FFF #FFF #000;border-style:groove}
+input[type=text],textarea,.innerbox,#content,select{border-width:2px;border-color:#000 #FFF #FFF #000;border-style:groove}
+select{background:#FFF}
+select:focus{background:#000080;color:#FFF;outline:1px dotted #ffff7f;outline-offset:-3px}
 #threadlinks:before{content:"";display:block;height:15px;margin-bottom:5px}
 .innerbox{padding:10px;margin:2px}
 .links{border:1px solid;border-color:#888 #dadada #dadada #888;padding:2px}
diff --git a/static/js/weabotxt.js b/static/js/weabotxt.js
index 91e2ab0..9cd407c 100644
--- a/static/js/weabotxt.js
+++ b/static/js/weabotxt.js
@@ -243,7 +243,7 @@ function togglepost(e) {
 }
 
 function applyTheme(){
-  var newTheme = document.getElementById("themeSelector").value;
+  var newTheme = document.getElementById("styles").value;
   set_stylesheet(newTheme);
 }
 
@@ -251,30 +251,31 @@ document.addEventListener("DOMContentLoaded", function() {
   if (localStorage.hasOwnProperty("weabot")) weabot = JSON.parse(localStorage.getItem("weabot"));
   else weabot = {"name":null,"email":null,"password":null};
 
-  board = document.getElementsByName("board")[0].value;
-
-  if(localStorage.getItem("shobon_time") != "false") {
-    changeDate();
-  }
+  board = document.body.dataset.brd;
 
   var ids = document.getElementsByClassName("num");
-  for(var i=0;i<ids.length;i++) ids[i].addEventListener('click', postClick);
+  for(var i=0;i<ids.length;i++) ids[i].addEventListener("click", postClick);
 
   var forms = document.getElementsByTagName("form");
   for(var i=0;i<forms.length;i++) { if(forms[i].id.startsWith("postform")) setInputs(forms[i].id); }
 
   if (document.body.className == "mainpage") {
-    var themeSelector = document.getElementById("themeSelector");
-    themeSelector.addEventListener("change", applyTheme, false);
-    themeSelector.value = localStorage.getItem(style_cookie);
+    var styleSelect = document.getElementById("styles");
+    if (styleSelect) {
+      styleSelect.addEventListener("change", applyTheme, false);
+      styleSelect.value = localStorage.getItem(style_cookie);
+    }
+
+    var where = document.getElementById(board);
+    if (where) where.className = "cur_brd";
   }
 
+  if(localStorage.getItem("shobon_time") != "false")
+    changeDate();
+
   var dds = document.getElementsByClassName("del");
   for(var i=0;i<dds.length;i++) { dds[i].children[1].addEventListener("click", deletePost); }
 
-  var where = document.getElementById(document.getElementsByName("board")[0].value);
-  if (where) where.className = "cur_brd";
-
   if (document.body.className == "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(); }); }
@@ -294,7 +295,6 @@ document.addEventListener("DOMContentLoaded", function() {
       console.log(pps[i].dataset.unix);
       hidepost(pps[i].parentElement.parentElement);
     }
-    
-    pps[i].parentElement.addEventListener('dblclick', togglepost);
+    pps[i].parentElement.addEventListener("dblclick", togglepost);
   }
 });
\ No newline at end of file