From c94708fe9ef9bdca0dd7da35de36e0b21d9108ec Mon Sep 17 00:00:00 2001 From: Jay Date: Sat, 13 Apr 2019 02:07:56 -0400 Subject: Probando algo con la versión móvil --- static/css/txt/4am.css | 2 +- static/css/txt/amber.css | 2 +- static/css/txt/ayashii.css | 3 +- static/css/txt/baisano.css | 2 +- static/css/txt/bbs.css | 16 ++++---- static/css/txt/bios.css | 1 + static/css/txt/blue moon.css | 2 +- static/css/txt/ciber.css | 4 +- static/css/txt/cuteanarchy.css | 1 - static/css/txt/futanari.css | 2 +- static/css/txt/gamer.css | 5 ++- static/css/txt/headline.css | 4 +- static/css/txt/material.css | 85 ------------------------------------------ static/css/txt/postal.css | 2 +- static/css/txt/ventanas.css | 2 +- 15 files changed, 24 insertions(+), 109 deletions(-) delete mode 100644 static/css/txt/material.css (limited to 'static/css/txt') diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css index fab8e43..258e852 100644 --- a/static/css/txt/4am.css +++ b/static/css/txt/4am.css @@ -13,7 +13,7 @@ h3,#size{color:#ab4642} h3 span{color:#999} h4{color:#c1c5c2} #main_nav{background:#000;color:#7cafc2} -#main_nav.fix{box-shadow:0 0 3px #000} +.fix #main_nav{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/amber.css b/static/css/txt/amber.css index 71b6dc4..4752fe8 100644 --- a/static/css/txt/amber.css +++ b/static/css/txt/amber.css @@ -14,7 +14,7 @@ input,button{font-family:monospace} 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} +#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} diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css index 42d1837..0e2109d 100644 --- a/static/css/txt/ayashii.css +++ b/static/css/txt/ayashii.css @@ -9,6 +9,7 @@ h4:before{content:">";color:#FFFFFE;display:inline-block;font-size:16px;width: .first h4:before{content:none} 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%} +.fix #main_nav{background:inherit;text-align:center} #titlebox{margin-bottom:1em;margin-top:5px} .threadnav a{margin-left:4px} .innerbox{margin:0;padding:0} @@ -43,7 +44,7 @@ form .msg{border:1px dotted #FFF} #content.grid,#content.grid .row{border-style:groove;border-color:gray} .threads #footer{text-align:center} @media(max-width:720px){ - body.mainpage,body.threads{margin:8px} + body.mainpage,body.threads{margin-left:8px;margin-right:8px} h2 span{margin-left:0;float:none} h4:before{font-size:12px;width:20px} div.msg,.first .msg{margin:.5em 0 .5em 20px} diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css index dc4a79d..bd8ea02 100644 --- a/static/css/txt/baisano.css +++ b/static/css/txt/baisano.css @@ -11,7 +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} +.fix #main_nav{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 86661bb..f73748d 100644 --- a/static/css/txt/bbs.css +++ b/static/css/txt/bbs.css @@ -2,6 +2,7 @@ body,textarea{font-family:arial,helvetica,sans-serif;font-size:16px} body.mainpage,body.threads{margin:0} body.threadpage{margin:8px} +body.fix{margin-top:2em} h1,h5{font-size:20px;margin:0} h2{font-size:16px;margin:0 0 7px} h2 span{margin-right:2px} @@ -19,11 +20,10 @@ 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%;z-index:9} +#main_nav{font-size:14px;padding:4px 0;text-align:center;width:100%} +.fix #main_nav{position:fixed;top:0;left:0;right:0;margin:0;padding:2px 0;z-index:9} +#main_nav select{font-size:90%;padding:0} #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} @@ -33,7 +33,6 @@ pre{line-height:125%;margin:0;white-space:pre-wrap} #threadlinks{margin-bottom:.5em;text-align:center} #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} .reply{clear:both;line-height:1.25em;margin-bottom:1em;overflow:hidden} .num{color:inherit!important;font-weight:bold;text-decoration:none} @@ -83,19 +82,18 @@ form .msg{margin:0;padding:8px 2px;text-align:left} .outerbox,.mainpage .thread,#footer,#content{margin:1em 0} 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} #size,.postform br{display:none} div.reply{margin-bottom:.5em} .num{margin:-10px;padding:10px;position:relative} .del{visibility:visible} div.msg{margin:.5em 0 0} - .mainpage .postform,.formpad,#thread_nav{padding-left:0} + .mainpage .postform,.formpad{padding-left:0} .postform>span{display:table;width:100%} - .postform span>*{display:table-cell;font-size:14px;margin-bottom:2px;white-space:nowrap} + .postform span>*{display:table-cell;margin-bottom:2px;white-space:nowrap} .postform input,textarea{width:100%} .postform textarea{height:100px} - form,#thread_nav,#footer,.end,.locked{text-align:center} + form,#thread_nav,#footer,.end,.locked{font-size:14px;text-align:center} #footer a{display:block} #content.list .row div{padding:0 2px} } \ No newline at end of file diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css index 10a6a32..afbc9cb 100644 --- a/static/css/txt/bios.css +++ b/static/css/txt/bios.css @@ -33,6 +33,7 @@ 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} +.msg hr{display:block} #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} diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css index a463249..8222872 100644 --- a/static/css/txt/blue moon.css +++ b/static/css/txt/blue moon.css @@ -13,7 +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} +.fix #main_nav{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/ciber.css b/static/css/txt/ciber.css index e09d223..629275f 100644 --- a/static/css/txt/ciber.css +++ b/static/css/txt/ciber.css @@ -20,8 +20,8 @@ input:active,input:focus,textarea:focus,button:active,button:active,select:focus .threadpage input[type=submit]:active,.threadpage input[type=button]:active,.thread input[type=submit]:active,.thread input[type=button]:active{border-color:#d21cea;color:#d21cea} #main_nav{background:#000;box-shadow:0 0 10px #68F855} .outerbox{background:#111;color:#5FE44E;border:3px outset #0F0;background:#0C0} -.outerbox a,#main_nav a,#footer a{color:#68F855} -.outerbox a:active,#main_nav a:active,#footer a:active{color:#ef6177} +.outerbox a,#main_nav a a,#footer a{color:#68F855} +.outerbox a:active,#main_nav a:active 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} diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css index d1acbab..74379b5 100644 --- a/static/css/txt/cuteanarchy.css +++ b/static/css/txt/cuteanarchy.css @@ -95,7 +95,6 @@ h3 span { #main_nav { background: #000; color: #7cafc2; - z-index: 9; } .banner { diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css index ce40571..42c25af 100644 --- a/static/css/txt/futanari.css +++ b/static/css/txt/futanari.css @@ -12,7 +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} +.fix #main_nav{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 51dcdf5..2e7feab 100644 --- a/static/css/txt/gamer.css +++ b/static/css/txt/gamer.css @@ -8,9 +8,9 @@ h2 a{color:#FFF;font-size:18px} h3 span{font-weight:bold;margin-left:4px} 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} +#main_nav a a{color:#FFF;text-decoration:none}#main_nav a:active a:active{color:#E0E0FF} #thread_nav{margin:6px 0} -.cur_brd,#main_nav.mob a{background:url('../img/g_b3.gif') bottom repeat-x;margin-bottom:-4px;padding-bottom:4px} +.cur_brd,.fix #main_nav a 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} @@ -29,6 +29,7 @@ h4 .date,.del a,.abbrev{color:#AAA} .q{color:#666} .yt{background:#000;border:1px solid #111} .deleted{color:#AFAFAF;margin-bottom:24px} +.msg hr{display:block} .mainpage .postform{border-top:1px solid #111;padding:1em 0 0} .formpad{padding-left:0} form .msg{border:1px dotted #111} diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css index f9e50a2..3c5183c 100644 --- a/static/css/txt/headline.css +++ b/static/css/txt/headline.css @@ -1,4 +1,4 @@ -body,#main_nav{background:#FFF} +body{background:#FFF} body,textarea{color:#000} a,#n2,h3 span{color:#D60} a:active .name,h2 a:active,h4 a:active,a:active,#n2:active{color:#FA4} @@ -11,7 +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} +.fix #main_nav{background:#FFF;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 deleted file mode 100644 index 9af806f..0000000 --- a/static/css/txt/material.css +++ /dev/null @@ -1,85 +0,0 @@ -body,textarea{color:#111} -body{background:#f5f5f5} -a{color:#00BCD4;text-decoration:none} -a:hover{color:#FF6961} -.msg a{color:#111;text-decoration:underline} -.msg a:hover{color:#438ac1} -h1{font-size:30px;margin:0;background:#1a2357;margin:-7px -7px 16px;padding:16px;font-variant:small-caps;box-shadow:0 2px 10px #000} -h2{margin-bottom:.5em} -h2 span{color:#CCC} -h2 a{color:#616161} -h3{border-bottom:1px solid #CCC;color:#4b01d1;font-weight:bold;margin:0 0 8px;padding-bottom:8px;text-align:center} -h3 span{display:block;font-size:smaller;opacity:.7} -h4{color:#AAA;font-size:12px} -hr,#size,.banner,.threadpage .postform br{display:none} -#main_nav{background:#4b01d1;font-size:1px;font-size:0;position:relative;z-index:9} -#thread_nav{background:#303F9F;margin:-8px -8px -100px;padding:16px 0 116px;text-align:center} -#main_nav a,#thread_nav a{background:#FFF;border-radius:2px;color:#000;display:inline-block;font-size:14px;margin:0 2px;padding:2px} -#main_nav a:hover,.threadlinks a:hover,#thread_nav a:hover,#threadlist a:hover{background:#DDD} -#titlebox a,#threadbox a{color:#FFF} -#rules a:hover,.links a:hover,#threadlinks a:hover{border-radius:4px;margin:-2px;padding:2px;background:#1f285a;display:inline-block} -#titlebox,#createbox,#footer,.end{background:#303F9F;color:#FFF;margin:0} -#rules,#search{margin:1em 1em 0} -#threadbox{background:#3f51b5;color:#FFF;margin:0 0 -150px;padding:0 1em 150px} -.mainpage #threadbox .innerbox:after{content:'';box-shadow:0 0 20px 25px #3f51b5;display:block;position:relative;z-index:9} -#threadlinks{text-transform:uppercase} -#threadlist a{background:#FFF;border-bottom:1px solid #182050;border-radius:5px;color:#303F9F;display:inline-block;padding:3px;margin:3px} -.threadnav a{color:#FFF;padding:4px;display:inline-block} -.innerbox{margin:0} -.thread,.outerbox,#content{background:#FFF;margin-top:2em} -.mainpage .thread{margin-top:2em} -.thread,#content,.threadpage .postform{box-shadow:0px 2px 2px 0px rgba(0,0,0,.14),0px 3px 1px -2px rgba(0,0,0,.2),0px 1px 5px 0px rgba(0,0,0,.12);} -.thread .innerbox{background:#FFF;margin:0;padding:16px} -.threadpage .thread,.threadpage .postform{margin:0 2.5%;padding:1em} -.thread textarea,.threadpage textarea,.mainpage .threadlinks{margin-top:.5em} -input[type="submit"],input[type="button"],button,.lastposts a,#n2{background:#2296f3;border:0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.12);color:#FFF;text-transform:uppercase;padding:6px} -input[type="submit"]:active,input[type="button"]:active,button:active,.threadnav a:hover{background:#438ac1} -input[type="text"],textarea,#search input[type="text"]{border:1px solid #CCC;border-radius:2px;padding:6px} -textarea{width:100%} -select{border-radius:2px;background:#2296f3 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) no-repeat 95%;border:0;padding:0;color:#FFF;appearance:none;-webkit-appearance:none;-moz-appearance:none;} -a .name,.name,.abbrev{color:#2296f3} -.name em{color:#009} -.del{margin-right:4px} -.del a{color:#000} -a.thumb{margin-top:4px} -.q{color:#666} -a.yt{background:#FFF;border:1px solid #CCC;box-shadow:0 4px 10px -4px #CCC;color:#444;text-decoration:none} -a.yt,.yt .pvw{border-radius:10px} -.deleted{color:#AFAFAF;margin-bottom:24px} -#q-p{background:#FFF;border:1px solid #DDD;box-shadow:0 0 5px #CCC} -.lastposts{padding:16px 0;font-size:1px;font-size:0;text-align:center} -.lastposts a,.lastposts #n2{background:#ff4081;margin-right:5px;text-decoration:none} -.lastposts a:active,#n2:active{background:#b22d5a} -.threadpage .threadlinks{margin:0;margin-bottom:8px} -#counter,.threadnav a{background:#2296f3;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,.12)} -.lastposts a,#n2,#counter{color:#FFF;display:inline-block;font-size:16px;padding:5px} -.mainpage .postform,.formpad{padding-left:0} -.mainpage .postform{margin:1em -1em -1em;padding:1em} -.postform{background:#EEE;color:#666;text-align:center} -.threadlinks a{background:#FFF;border-radius:.2em;color:#00BCD4;display:inline-block;font-size:smaller;padding:.2em;text-transform:uppercase} -form .msg{border:1px dotted #AAA;background:#FFF;color:#111} -h5{font-variant:small-caps;text-align:center} -#createbox{margin-top:2em;padding-top:1em} -#createbox .innerbox{padding:0} -#createbox table{margin:0 auto} -#createbox .threadnav{right:7px;position:relative} -#footer{padding:1em} -#footer a{color:#FFF} -.end{margin:-100px -8px -8px;padding:116px 0 16px;position:relative;text-align:center;z-index:-1} -#content .thread{background:none;box-shadow:none} -#content.list #header div{background:#FFF;border-bottom:1px solid #CCC} -#content .row:hover{background:#EEE} -#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} - .thread .innerbox{padding:.5em} - .mainpage .thread{margin:2em .5em} - .mainpage .postform{margin:.5em -.5em -.5em;padding:.5em} - .threadpage .thread,.threadpage .postform{margin:0;padding:.5em} - .lastposts{padding:8px 0} - .postform>span{margin-top:.5em} -} \ No newline at end of file diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css index ad96c3e..15996c7 100644 --- a/static/css/txt/postal.css +++ b/static/css/txt/postal.css @@ -15,7 +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} +.fix #main_nav{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} diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css index 2593795..7d80520 100644 --- a/static/css/txt/ventanas.css +++ b/static/css/txt/ventanas.css @@ -16,7 +16,7 @@ hr,h4,.deleted{border-top:2px groove white} .threadnav{line-height:1;margin:-11px} #main_nav a,.threadnav a{background:#C0C0C0;border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:ridge;color:#000;display:inline-block;margin:0 -1px;padding:2px;text-decoration:none;outline-offset:-4px} .threadnav a{margin:2px;padding:0} -#main_nav a:first-child{font-weight:bold} +#main_nav a:first-child a:first-child{font-weight:bold} #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} -- cgit v1.2.1-18-gbd029