Diseño responsivo: Lista de boards se convierte en menú desplegable

10 files changed, 16 insertions, 6 deletions

diff --git a/static/css/ib.css b/static/css/ib.css
index e338d6d..d36f3da 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -57,7 +57,7 @@ input[type="text"],input[type="password"],textarea{background:#FFF;border:1px in
 @media(max-width:900px){.thread{margin-right:0}}
 @media(max-width:720px){
  body{font-size:15px;padding:4px}
- #main_nav span{display:block;margin-top:8px}
+ #main_nav.mob{font-size:12px}
  .postblock{font-size:14px;white-space:nowrap}
  .pass,.ell,.thumbmsg{display:none}
  .thread table,#postform input[type="text"],#postform input[type="submit"],#postform textarea,#postform input[type="file"],.rules{max-width:100%;width:100%}
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index 2425330..fab8e43 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -12,7 +12,8 @@ h2 span{color:#999}
 h3,#size{color:#ab4642}
 h3 span{color:#999}
 h4{color:#c1c5c2}
-#main_nav{background:#000;color:#7cafc2;z-index:9}
+#main_nav{background:#000;color:#7cafc2}
+#main_nav.fix{box-shadow:0 0 3px #000}
 .banner{-webkit-filter:grayscale(60%);filter:grayscale(60%)}
 .outerbox{background:#111213;border:1px solid #4B4E55;color:#777879}
 #titlebox .threadnav{margin:-6px}
diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css
index 6547b96..dc4a79d 100644
--- a/static/css/txt/baisano.css
+++ b/static/css/txt/baisano.css
@@ -11,6 +11,7 @@ h3 span{color:#000}
 h4.hidden{background:#CCC}
 .mainpage h4.hidden:hover{background:#DCC}
 #main_nav{background:#FFF}
+#main_nav.fix{box-shadow:0 0 3px #000}
 .outerbox{background:#CFC;border:1px outset #FFF}
 .innerbox{border:1px inset #FFF}
 #threadlist{background:#BEB;border:1px inset #FFF}
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index 026547a..86661bb 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -6,7 +6,7 @@ h1,h5{font-size:20px;margin:0}
 h2{font-size:16px;margin:0 0 7px}
 h2 span{margin-right:2px}
 h2 a{font-size:24px;text-decoration:none}
-h3{font-size:20px;margin:8px 0}
+h3{font-size:18px;margin:8px 0}
 h3 span{display:inline-block;font-weight:normal}
 h4{clear:both;font-weight:normal;margin:0}
 h5{margin-bottom:8px}
@@ -19,8 +19,11 @@ input[type=submit]:active,input[type=button]:active,button:active{border-style:i
 code{font-size:14px}
 pre{line-height:125%;margin:0;white-space:pre-wrap}
 .cur_brd,.locked,.sel{font-weight:bold}
-#main_nav{font-size:14px;padding:4px 0;text-align:center;width:100%}
+#main_nav{font-size:14px;padding:4px 0;text-align:center;width:100%;z-index:9}
 #main_nav a,#thread_nav a,#threadlinks a,.threadlinks a,label{display:inline-block}
+#main_nav.fix{position:fixed;top:0}
+#main_nav.mob{padding:2px}
+#main_nav.mob select{font-size:90%}
 .outerbox,.mainpage .thread,#footer,#content{margin:0 2.5% 1em}
 .innerbox{padding:7px;margin:7px}
 .threadnav{float:right;font-family:mona,monapo,ipamonapgothic,monapo,'ms pgothic',yozfontaa97}
@@ -78,7 +81,7 @@ form .msg{margin:0;padding:8px 2px;text-align:left}
  br{line-height:.5em}
  .banner{width:100%!important;height:auto!important;margin-top:1em}
  .outerbox,.mainpage .thread,#footer,#content{margin:1em 0}
- h1,h2 a,h3,h5{font-size:18px}
+ h1,h2 a,h5{font-size:18px}
  h4,h2 span,#rules{font-size:12px}
  .pblock,#footer,.end{font-size:14px}
  #threadlist{overflow-x:auto;white-space:nowrap}
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index 845c4c3..a463249 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -13,6 +13,7 @@ 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}
+#main_nav.fix{box-shadow:0 0 3px #000}
 #titlebox .innerbox:first-child{margin-bottom:5px}
 .outerbox{background:#49525D;padding:5px}
 .innerbox{margin:0;padding:10px}
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index 8d98708..ce40571 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -12,6 +12,7 @@ input,input[type=submit],input[type=button],input[type="text"],textarea,button,s
 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}
+#main_nav.fix{box-shadow:0 0 3px #000}
 #titlebox{margin-bottom:0}
 .outerbox{background:#3b6b94}
 .innerbox{margin:0;padding:10px}
diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css
index c3f8743..51dcdf5 100644
--- a/static/css/txt/gamer.css
+++ b/static/css/txt/gamer.css
@@ -10,7 +10,7 @@ hr{display:none}
 #main_nav{background:url('../img/g_b2.gif') bottom repeat-x}
 #main_nav a{color:#FFF;text-decoration:none}#main_nav a:active{color:#E0E0FF}
 #thread_nav{margin:6px 0}
-.cur_brd{background:url('../img/g_b3.gif') bottom repeat-x;margin-bottom:-4px;padding-bottom:4px}
+.cur_brd,#main_nav.mob a{background:url('../img/g_b3.gif') bottom repeat-x;margin-bottom:-4px;padding-bottom:4px}
 #thread_nav a,.lastposts a,#n2{color:#66B}#thread_nav a:active,.lastposts a:active,#n2:active{color:#AFA}
 .links,#threadlinks,.threadlinks{background:url('../img/g_bg3.png') top center;color:#FF0}
 h4 a,.threadnav a,.links a,#footer a{text-decoration:none}
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index c65d64f..f9e50a2 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -11,6 +11,7 @@ hr{display:none}
 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}
+#main_nav.fix{border-bottom:2px solid #BBB}
 .outerbox,#titlebox .innerbox:first-child,.postform,.lastposts,#content{background:#EEE;border-bottom:2px solid #BBB}
 .innerbox{margin:0;padding:10px}
 .thread .innerbox{padding:0}
diff --git a/static/css/txt/material.css b/static/css/txt/material.css
index bf8421c..9af806f 100644
--- a/static/css/txt/material.css
+++ b/static/css/txt/material.css
@@ -72,6 +72,7 @@ h5{font-variant:small-caps;text-align:center}
 #content.list .row div{border-bottom:1px solid #EEE}
 #content.grid .row{border:1px solid #EEE;margin:0}
 @media(max-width:720px){
+  #main_nav.mob select{font-size:12px}
  h1{font-size:18px}
  #threadbox{padding-left:0;padding-right:0}
  #rules,#search{margin-left:0;margin-right:0}
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index 87f03af..ad96c3e 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -15,6 +15,7 @@ h3{margin-top:0}
 h3 span{color:dimgrey}
 h4{background:#F0E7CE;color:#686868;padding-left:3px}
 #main_nav,.outerbox{background:#FFF}
+#main_nav.fix{box-shadow:0 0 3px #000}
 .outerbox{border:1px solid #FFF}
 #threadlist{background:#EFEFEF;border:1px inset #EFEFEF}
 #threadlist a{border-right:1px outset #EFEFEF;border-bottom:1px outset #EFEFEF}