Tecnologías del futuro para la web 1.0

13 files changed, 42 insertions, 32 deletions

diff --git a/cgi/templates/txt_board.en.html b/cgi/templates/txt_board.en.html
index 8e3c421..67a325a 100644
--- a/cgi/templates/txt_board.en.html
+++ b/cgi/templates/txt_board.en.html
@@ -28,7 +28,7 @@
   <div id="threadlist">
   <?py iter = 1 ?>
   <?py for thread in threads: ?>
-    <a href="#{boards_url}#{board}/read/#{thread['timestamp']}/#{'l50' if thread['length'] > 50 else ''}">#{iter}: </a><a href="##{iter}"> <b>#{thread['posts'][0]['subject']}</b> (#{thread['length']})</a><br />
+    <a href="##{iter}">#{iter}: <b>#{thread["subject"]}</b> (#{thread['length']})</a><br />
     <?py iter += 1 ?>
   <?py #endfor ?>
   <?py for thread in more_threads: ?>
diff --git a/cgi/templates/txt_board.html b/cgi/templates/txt_board.html
index 097e255..34fff54 100644
--- a/cgi/templates/txt_board.html
+++ b/cgi/templates/txt_board.html
@@ -28,7 +28,7 @@
   <div id="threadlist">
   <?py iter = 1 ?>
   <?py for thread in threads: ?>
-    <a href="#{boards_url}#{board}/read/#{thread['timestamp']}/#{'l50' if thread['length'] > 50 else ''}">#{iter}: </a><a href="##{iter}"> <b>#{thread['posts'][0]['subject']}</b> (#{thread['length']})</a><br />
+    <a href="##{iter}">#{iter}: <b>#{thread["subject"]}</b> (#{thread['length']})</a><br />
     <?py iter += 1 ?>
   <?py #endfor ?>
   <?py for thread in more_threads: ?>
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index 6f9ad11..49db7b3 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -1,7 +1,7 @@
 body{background:#222 url('/bg2.gif');color:#CED1CF}
 body.threadpage{background-image:none}
 a,a .name,#n2{color:#81A2BE;text-decoration:none}
-a:hover,a:focus,#n2:active{text-decoration:underline}
+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{background:#383838;border:1px solid #4B4E55;color:#e8e8e8}
 input[type="submit"],input[type="button"],button{background:#333}
@@ -17,6 +17,7 @@ h4{color:#c1c5c2}
 .outerbox{background:#111213;border:1px solid #4B4E55;color:#777879}
 #titlebox .threadnav{margin:-6px}
 #threadlist{background:#0e0e0e;border:1px solid #4B4E55}
+#threadlist a{border-right:1px solid #4B4E55;border-bottom:1px solid #4B4E55}
 .mainpage .thread,#content{background:#1D1F21;border:3px double #4B4E55;color:#CED1CF;opacity:.9}
 .threadpage .thread{color:#CED1CF}
 .name,.abbrev{color:#B5BD68}
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index 43f85ff..0f5a7ff 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -17,6 +17,7 @@ input[type=submit]:active,input[type=button]:active,button:active{background:#f9
 #main_nav{background:#000;box-shadow: 0 0 10px}
 .outerbox,.innerbox{border:1px solid #f9690e}
 #threadlist{border:3px double #f9690e}
+#threadlist a{border-right:1px solid #f9690e;border-bottom:1px solid #f9690e}
 .mainpage .thread,.thread .innerbox{border:1px solid #f9690e}
 .thread .innerbox,.threadpage,#q-p{background:#000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=')}
 .thread .innerbox{padding:0}
diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css
index b046968..352bfb2 100644
--- a/static/css/txt/baisano.css
+++ b/static/css/txt/baisano.css
@@ -14,6 +14,7 @@ h4.hidden{background:#CCC}
 .outerbox{background:#CFC;border:1px outset #FFF}
 .innerbox{border:1px inset #FFF}
 #threadlist{background:#BEB;border:1px inset #FFF}
+#threadlist a{border:1px outset #FFF}
 .mainpage .thread,#content{background:#EFEFEF;border:1px outset #FFF}
 .name,.abbrev{color:green}
 .name em{color:#009}
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index c930019..e10ec50 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -28,7 +28,7 @@ pre{line-height:125%;margin:0;white-space:pre-wrap}
 .links{font-size:14px;text-align:center}
 #threadlinks{margin-bottom:7px;text-align:center}
 #threadlinks a{margin:0 4px}
-#threadlist{font-size:14px;line-height:1;max-height:16em;padding:7px;overflow-y:scroll}
+#threadlist{font-size:14px;line-height:1;max-height:15em;overflow-y:scroll}
 #threadlist a{text-decoration:none}
 #thread_nav{padding-left:6px}
 .mainpage .postform,.formpad{padding-left:40px}
@@ -70,8 +70,8 @@ form .msg{margin:0;padding:8px 2px;text-align:left}
 #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{display:flex;flex-flow:row wrap;justify-content:space-around}
-#content.grid .row{flex:1 1 auto;padding:5px}
+#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;justify-content:space-around}
+#content.grid .row,#threadlist a{-webkit-flex:1 1 auto;-moz-flex:1 1 auto;flex:1 1 auto;padding:4px}
 #content.grid .row div{display:inline}
 @media(max-width:720px){
  body{font-size:15px}
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
index 6736538..b77f12e 100644
--- a/static/css/txt/bios.css
+++ b/static/css/txt/bios.css
@@ -1,50 +1,51 @@
-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}
+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{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}
-::selection{background:#fff;color:#000}
-::-moz-selection{background:#fff;color:#000}
+input[type="text"],textarea{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}
+::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 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}
 #thread_nav{margin:-8px -8px 8px;padding:6px 16px}
-.innerbox{border:1px solid #fff;margin:3px;padding:.75em}
+.innerbox{border:1px solid #FFF;margin:3px;padding:.75em}
 .innerbox.links{border-top:0;margin-top:-3px}
 #cur_stl{background:#ff0;color:#00a}
-.outerbox,.mainpage .thread,#threadlist,#content{border:1px solid #fff}
+.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}
-.threadpage .thread{border-color:#fff;border-style:double;border-width:4px 4px 1px}
+.threadpage .thread{border-color:#FFF;border-style:double;border-width:4px 4px 1px}
 .reply,.deleted{border-top:1px solid #FFF;padding:.5em .75em 0}
 .threadpage .reply, .threadpage .deleted{padding:.5em .5em 0}
-.name em{background:#fff;color:#00f}
+.name em{background:#FFF;color:#00f}
 .q,.deleted,.abbrev{color:#5cf}
 .deleted{margin-bottom:.5em}
 #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}
+.yt:active{background:#f00;border:1px solid #f00;color:#FFF}
+#q-p{background:#00a;border:1px solid #FFF}
 #q-p .msg,#q-p a.thumb{margin-bottom:8px}
-.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}
+.threadpage .postform{border-color:#FFF;border-style:double;border-width:1px 4px 4px;padding:.5em}
 .formpad{padding-left:0}
-.mainpage .postform{border-top:1px solid #fff;padding:.75em}
-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}
-#content.grid .row{border:1px solid #fff;margin:2px}
+.mainpage .postform{border-top:1px solid #FFF;padding:.75em}
+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}
+#content.grid .row{border:1px solid #FFF;margin:2px}
 @media(max-width:720px){
  body.threadpage{margin:8px 0}
  h2{margin-bottom:.5em}
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index 3304850..29d8bf4 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -19,6 +19,7 @@ input[type=submit]:active,input[type=button]:active,button:active{color:#DDD}
 .links{padding-top:5px}
 #threadbox{margin-bottom:19px;margin-top:19px}
 #threadlist{background:#3e4247;border:1px inset #B6C2CF}
+#threadlist a{border-right:1px outset #B6C2CF;border-bottom:1px outset #B6C2CF}
 .mainpage .thread{background:#49525D}
 .threadpage .thread{background:#49525D;padding:1px 10px 0}
 #thread_nav{background:#49525D;margin-bottom:2px;padding:7px 10px}
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index bd4287c..0563fd5 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -23,6 +23,7 @@ input:active,input:focus,textarea:active,textarea:focus,button:active,button:act
 .outerbox a,#main_nav a,#footer a{color:#68F855}
 .outerbox a:active,#main_nav a:active,#footer a:active{color:#ef6177}
 #threadlist{background:rgba(26,26,26,.5);border:3px solid #0C0}
+#threadlist a{border-right:1px solid #0C0;border-bottom:1px solid #0C0}
 .innerbox{border:3px inset #0F0}
 .outerbox .innerbox{background:#000 url('../img/green.gif')}
 .mainpage .thread,.thread .innerbox{border:1px solid #2A4A75}
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index cfedae9..553d48f 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -18,6 +18,7 @@ input[type="submit"]:active,input[type="button"]:active,button:active{background
 .thread .innerbox{padding:0}
 .links{background:#5b8bb4}
 #threadlist{background:#154a72;border:1px inset #1b3345}
+#threadlist a{border-right:1px outset #1b3345;border-bottom:1px outset #1b3345}
 #thread_nav{background:#1d7548;padding:6px}
 .name{color:#afd775}
 .name em{color:#009}
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index 5e4eb14..a193ce2 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -15,6 +15,7 @@ input[type="submit"]:active,input[type="button"]:active,button:active{background
 .innerbox{margin:0;padding:10px}
 .thread .innerbox{padding:0}
 #threadlist{background:#fff;border:1px inset #BBB}
+#threadlist a{border-right:1px outset #BBB;border-bottom:1px outset #BBB}
 #thread_nav{border-bottom:2px solid #F70;padding:0 0 6px 6px}
 .mainpage .first div.msg::first-letter{font-size:1.5em;text-transform:uppercase}
 .name em{color:#009;font-style:normal}
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index 2bb6694..64a6ce0 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -16,6 +16,7 @@ h4{background:#F0E7CE;color:#686868;padding-left:3px}
 #main_nav,.outerbox{background:#FFF}
 .outerbox{border:1px solid #FFF}
 #threadlist{background:#EFEFEF;border:1px inset #EFEFEF}
+#threadlist a{border-right:1px outset #EFEFEF;border-bottom:1px outset #EFEFEF}
 .thread .innerbox{background:#FFF;box-shadow:1px 1px 0 rgba(0,0,0,0.1),3px 3px 0 rgba(255,255,255,1),4px 4px 0 rgba(0,0,0,0.125),6px 6px 0 rgba(255,255,255,1),7px 7px 0 rgba(0,0,0,0.15),9px 9px 0 rgba(255,255,255,1),10px 10px 0 rgba(0,0,0,0.175),12px 12px 0 rgba(255,255,255,1),13px 13px 0 rgba(0,0,0,0.175);margin:8px 12px 8px 0;padding:8px}
 #thread_nav{background:#FFF;font-style:italic;padding:1.5em 8px .5em}
 .threadpage .thread{background-color:#FFF;background-position:bottom;background-repeat:repeat-x;background-size:100% 1em;overflow:hidden;padding:0 10px 1em}
diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css
index 811def0..2528918 100644
--- a/static/css/txt/ventanas.css
+++ b/static/css/txt/ventanas.css
@@ -25,7 +25,8 @@ input[type=text],textarea,.innerbox,#content,#threadlist{border-width:2px;border
 .innerbox{padding:10px;margin:2px}
 .links{border:1px solid;border-color:#888 #dadada #dadada #888;padding:2px}
 #threadlist{background:#FFF}
-#threadlist a{color:#000}
+#threadlist a{border-right:1px solid #000;border-bottom:1px solid #000;color:#000}
+#threadlist a:active{background:#DDD}
 #thread_nav a{color:#000;display:inline-block;margin:-3px -2px;padding:3px}#thread_nav a:hover{background:#DDD}
 .{margin-bottom:.5em}
 .name,.abbrev{color:#444}