From eab8bd516396f1e8cc0a9233ce2b33b234eb41a2 Mon Sep 17 00:00:00 2001 From: Jay Date: Thu, 11 Apr 2019 03:22:33 -0400 Subject: Diseño responsivo: Lista de boards se convierte en menú desplegable --- static/css/ib.css | 2 +- static/css/txt/4am.css | 3 ++- static/css/txt/baisano.css | 1 + static/css/txt/bbs.css | 9 ++++++--- static/css/txt/blue moon.css | 1 + static/css/txt/futanari.css | 1 + static/css/txt/gamer.css | 2 +- static/css/txt/headline.css | 1 + static/css/txt/material.css | 1 + static/css/txt/postal.css | 1 + 10 files changed, 16 insertions(+), 6 deletions(-) (limited to 'static/css') 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} -- cgit v1.2.1-18-gbd029