From ffd2b09b25c61b285169557b93277e7c1476cd4f Mon Sep 17 00:00:00 2001 From: Choom Date: Tue, 13 Dec 2022 03:13:00 -0300 Subject: Barra superior para móviles Barra superior para móviles Barra superior para móviles --- static/css/buri.css | 3 ++ static/css/dickgirl.css | 6 +++- static/css/easymodo.css | 3 ++ static/css/fennec.css | 75 ----------------------------------------- static/css/futaba.css | 3 ++ static/css/guro.css | 3 ++ static/css/ib.css | 18 +++++++--- static/css/photon.css | 3 ++ static/css/putaba.css | 21 +++++++++--- static/css/red.css | 3 ++ static/css/rene.css | 14 ++++---- static/css/renemix.css | 80 -------------------------------------------- static/css/txt/bbs.css | 33 ++++++++++++++++-- static/css/txt/futanari.css | 3 ++ static/css/vndb.css | 4 +++ static/js/home.js | 2 +- static/js/weabot.js | 42 ++++++++++++++++++++++- static/js/weabotxt.js | 32 ++++++++++++++++++ static/meta/portadavps.jpg | Bin 0 -> 190638 bytes 19 files changed, 172 insertions(+), 176 deletions(-) delete mode 100644 static/css/fennec.css delete mode 100644 static/css/renemix.css create mode 100644 static/meta/portadavps.jpg (limited to 'static') diff --git a/static/css/buri.css b/static/css/buri.css index 02df6c4..95927f6 100644 --- a/static/css/buri.css +++ b/static/css/buri.css @@ -81,3 +81,6 @@ a:hover .name b, border-color: #eef2ff; color: #707070; } +#main_nav.mob { + background: inherit; +} diff --git a/static/css/dickgirl.css b/static/css/dickgirl.css index 15a29a0..69e8714 100644 --- a/static/css/dickgirl.css +++ b/static/css/dickgirl.css @@ -100,8 +100,12 @@ input[type="file"] { color: #ccc; } .highlight { - background: #5e8db4; + background: #6596c1; outline: 1px dashed #acca82; + outline-offset: -1px; +} +.highlight .info { + background: #5985ab; } .managertable td { background: #476a88; diff --git a/static/css/easymodo.css b/static/css/easymodo.css index cee15b0..15752f9 100644 --- a/static/css/easymodo.css +++ b/static/css/easymodo.css @@ -85,3 +85,6 @@ a:hover .name b, .quoted { border-color: #eefff2; } +#main_nav.mob { + background: #cce1cf; +} \ No newline at end of file diff --git a/static/css/fennec.css b/static/css/fennec.css deleted file mode 100644 index 8c7ede7..0000000 --- a/static/css/fennec.css +++ /dev/null @@ -1,75 +0,0 @@ -html, -body { - background: #fde89d; - color: #301000; -} -.rep { - color: #301000; -} -a, -a .name, -.nav label { - color: #ec4b55; -} -a:hover, -a:hover .name, -.nav label:hover { - color: #b30a09; -} -hr { - border: 0; - border-bottom: 1px solid #edd88d; -} -.replymode, -.extramode { - background: #dc9856; - color: #fff; -} -.postblock { - background: #fec; - border: 1px solid #edd88d; -} -.q { - color: #ec4953; -} -.fs { - text-decoration: none; -} -.subj { - color: #900100; -} -.name { - color: #b30a09; -} -.reply, -#q-p { - background: #edd88d; -} -.omitted, -.abbrev { - color: #a2938c; -} -.highlight { - background: #f4a960; - outline: 1px dashed #b30a09; -} -.managertable td { - background: #edd88d; -} -.managertable th { - background: #fec; - border: 1px solid #edd88d; -} -.yt { - background: #fec; - border: 1px solid #ec4b55; -} -.quoted { - border-color: #fde89d; - color: #988880; -} -.pg, -.pg span { - background: #fec; - border: 1px solid #b30a09; -} diff --git a/static/css/futaba.css b/static/css/futaba.css index 3a1757b..b168c0e 100644 --- a/static/css/futaba.css +++ b/static/css/futaba.css @@ -75,3 +75,6 @@ a:hover .name b, .quoted { border-color: #ffe; } +#main_nav.mob { + background: #f0e0d6; +} \ No newline at end of file diff --git a/static/css/guro.css b/static/css/guro.css index 56c3a69..1a74df4 100644 --- a/static/css/guro.css +++ b/static/css/guro.css @@ -89,3 +89,6 @@ hr { .quoted { border-color: #ca927b; } +#main_nav.mob { + background: #d9af9e; +} \ No newline at end of file diff --git a/static/css/ib.css b/static/css/ib.css index 9e08e30..198683b 100644 --- a/static/css/ib.css +++ b/static/css/ib.css @@ -86,15 +86,15 @@ textarea { display: inline-block; margin-bottom: 0.5em; } -.rules { +#rules { width: 468px; font-size: 13px; } -.rules ul { +#rules ul { margin: 4px 0 0; padding: 0; } -.rules li { +#rules li { margin-left: 1em; } .thread { @@ -316,6 +316,14 @@ textarea { } #main_nav.mob { font-size: 12px; + line-height: 1em; + box-shadow: 0 0 4px #000; + position: fixed; + top: 0; + left: 0; + width: 100%; + margin: 0; + padding: 2px; } .postarea table { border-spacing: 1px; @@ -335,7 +343,7 @@ textarea { #postform input[type="submit"], #postform textarea, #postform input[type="file"], - .rules { + #rules { max-width: 100%; width: 100%; } @@ -346,7 +354,7 @@ textarea { .fs .tt { font-size: 14px; } - .rules, + #rules, .fs, .omitted, .info, diff --git a/static/css/photon.css b/static/css/photon.css index 8a72339..b7b487d 100644 --- a/static/css/photon.css +++ b/static/css/photon.css @@ -82,3 +82,6 @@ hr { .quoted { border-color: #ccc; } +#main_nav.mob { + background: #d9af9e; +} \ No newline at end of file diff --git a/static/css/putaba.css b/static/css/putaba.css index 74d5254..5c246f5 100644 --- a/static/css/putaba.css +++ b/static/css/putaba.css @@ -97,17 +97,17 @@ hr, background: #00ccff; color: #990033; } -.rules { +#rules { letter-spacing: -0.5px; } -.rules li { +#rules li { margin-left: 0.5em; } -.rules a { +#rules a { background: #f06; color: #fff; } -.rules a:hover { +#rules a:hover { color: #cf0; } .postblock { @@ -188,3 +188,16 @@ input[type="submit"].psei { .quoted { border-color: #fff; } +#main_nav.mob { + background: #fff; +} +#main_nav.mob select { + background: #ff0; +} +@media (max-width: 600px) { + .thread, + .userdel { + margin: 2em 0; + padding: 5px; + } +} \ No newline at end of file diff --git a/static/css/red.css b/static/css/red.css index 3efa130..2b75263 100644 --- a/static/css/red.css +++ b/static/css/red.css @@ -66,3 +66,6 @@ a:hover .name, .quoted { border-color: #fff2f2; } +#main_nav.mob { + background: #f99; +} \ No newline at end of file diff --git a/static/css/rene.css b/static/css/rene.css index d5e003d..8e12195 100644 --- a/static/css/rene.css +++ b/static/css/rene.css @@ -24,11 +24,11 @@ a:hover .name, padding: 10px; } #main_nav a { - color: #fff; + color: #fff; } #main_nav a:hover { - color: #d15014; - background: #fff; + color: #d15014; + background: #fff; } .logo, .replymode, @@ -46,18 +46,18 @@ a:hover .name, border: 1px solid #666; color: #aaa; } -.rules { +#rules { background: #3c3c3c; border: 1px solid #4F4947; padding: 4px; } -.rules ul { +#rules ul { margin: 0; } -.rules a { +#rules a { color: #AF5C03; } -.rules a:hover { +#rules a:hover { color: #7B4204; } .q { diff --git a/static/css/renemix.css b/static/css/renemix.css deleted file mode 100644 index 215f27f..0000000 --- a/static/css/renemix.css +++ /dev/null @@ -1,80 +0,0 @@ -html, -body { - background: #1a1d22; - color: #e0e0e0; - font-family: arial, helvetica, "nimbus sans l", sans-serif; -} -.rep { - color: #e0e0e0; -} -a, -a .name, -.nav label { - color: #b0ccde; -} -a:hover, -a:hover .name, -.nav label:hover { - color: #5c6a74; -} -.replymode, -.extramode { - color: #fff; -} -.replymode { - background: #2b2b2b; -} -.extramode { - background: #333; -} -.postblock { - background: #28282d; - border: 1px solid #333; - color: #ddd; -} -.q { - color: #789922; -} -.fs { - text-decoration: none; -} -.subj { - color: #a6b8d8; - font-weight: bold; -} -.name, -.omitted { - color: #a3a3a3; -} -.reply, -#q-p { - background: #373a44; -} -.abbrev { - color: #777; -} -.highlight { - background: #5b5f69; - outline: 1px dashed #888; -} -.managertable td { - background: #64697b; -} -.managertable th { - background: #252830; - color: #f8f8f8; -} -hr { - border: none; - border-top: 1px dotted #696969; - height: 0; -} -.yt { - background: #292c33; - border: 1px solid #5e6b7d; - color: #e0e0e0; -} -.quoted { - border-color: #1a1d22; - color: #aaa; -} diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css index f930419..39f093a 100644 --- a/static/css/txt/bbs.css +++ b/static/css/txt/bbs.css @@ -104,7 +104,7 @@ ul { width: 100%; } #main_nav select { - font-size: 90%; + font-size: 85%; padding: 0; } #main_nav a, @@ -197,6 +197,7 @@ label { } .quoted { font-size: 12px; + display: inline-block; line-height: 1; } .msg { @@ -314,6 +315,16 @@ form .msg { .end { line-height: 1; } +#main_nav.mob { + position: fixed; + top: 0; + left: 0; + width: 100%; + box-shadow: 0 0 4px #000; + padding: 2px; + line-height: 1em; + font-size: 12px; +} @media (max-width: 600px) { body.threadpage { margin: 5px; @@ -338,7 +349,7 @@ form .msg { h1, h2 a, h5 { - font-size: 1em; + font-size: 18px; } h3 { text-align: center; @@ -353,6 +364,20 @@ form .msg { font-size: 10px; line-height: 12px; } + .thread .threadnav { + float: none; + text-align: center; + } + .thread .threadnav a { + border: 1px solid; + border-radius: 20px; + margin: 0 4px 4px; + padding: 2px; + text-decoration: none; + display: inline-block; + width: 25px; + height: 25px; + } #threadlist a { font-size: 10px; padding: 6px 3px; @@ -407,7 +432,11 @@ form .msg { #footer a { display: block; } + #q-p { + margin: 0 1px 0 6px; + } .end { font-size: 12px; + text-align: center; } } diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css index 0e395d3..9e0d225 100644 --- a/static/css/txt/futanari.css +++ b/static/css/txt/futanari.css @@ -179,6 +179,9 @@ form .msg { #threadbox .innerbox { padding: 8px 5px 5px; } + h2 { + text-align: center; + } div.msg { margin: 0.5em; } diff --git a/static/css/vndb.css b/static/css/vndb.css index 5f161fc..a8b8c78 100644 --- a/static/css/vndb.css +++ b/static/css/vndb.css @@ -118,3 +118,7 @@ hr { border-color: #35a; color: #247; } +#main_nav.mob { + border-bottom: 1px solid #258; + background: rgba(7, 28, 47, 0.95); +} \ No newline at end of file diff --git a/static/js/home.js b/static/js/home.js index f670ce1..32ade31 100644 --- a/static/js/home.js +++ b/static/js/home.js @@ -1,4 +1,4 @@ -console.log("%c¡Es calidad BaI!", "font-size: 50px; font-weight: bold;"); +console.log("%c¡Es calidad BaI!", "font-size: 32px; font-weight: bold;"); function set_stylesheet(styletitle) { opcs.style = styletitle; diff --git a/static/js/weabot.js b/static/js/weabot.js index 3371437..1bab0f6 100644 --- a/static/js/weabot.js +++ b/static/js/weabot.js @@ -266,7 +266,8 @@ document.addEventListener("DOMContentLoaded", function(e) { weabot = { name: null, email: null, password: null }; } - var a = document.getElementById("main_nav").getElementsByTagName("a"); + var head = document.getElementById("main_nav"); + var a = head.getElementsByTagName("a"); for (var i = 0; i < a.length; i++) { if (a[i].getAttribute("href") == "/" + board + "/") { a[i].className = "cur_brd"; @@ -274,6 +275,45 @@ document.addEventListener("DOMContentLoaded", function(e) { } } + if (document.body.clientWidth < 600) { + var navlink = head.getElementsByTagName("a"); + + var sel = document.createElement("select"); + sel.id = head.id + "_sel"; + sel.addEventListener("change", function(e){ + window.location.href = this.value; + }); + + for (var i=1; i