From aa8a6056f4c3cd8c6663d1714782f972bcb87b8f Mon Sep 17 00:00:00 2001 From: junk Date: Sat, 27 Mar 2021 22:02:38 -0300 Subject: Arreglando lista de hilos --- static/css/txt/4am.css | 24 ++------ static/css/txt/amber.css | 17 +----- static/css/txt/ayashii.css | 34 ++--------- static/css/txt/baisano.css | 47 +++------------- static/css/txt/bbs.css | 124 +++++++++++------------------------------ static/css/txt/bios.css | 27 ++------- static/css/txt/blue moon.css | 17 ++---- static/css/txt/ciber.css | 28 ++-------- static/css/txt/cuteanarchy.css | 34 ++--------- static/css/txt/futanari.css | 31 ++--------- static/css/txt/gamer.css | 26 ++------- static/css/txt/headline.css | 27 ++------- static/css/txt/postal.css | 25 ++------- static/css/txt/ventanas.css | 19 ++----- 14 files changed, 98 insertions(+), 382 deletions(-) (limited to 'static/css/txt') diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css index 3a63c82..1b448f3 100644 --- a/static/css/txt/4am.css +++ b/static/css/txt/4am.css @@ -66,9 +66,6 @@ h4 { background: #000; color: #7cafc2; } -.fix #main_nav { - box-shadow: 0 0 3px #000; -} .banner { -webkit-filter: grayscale(60%); filter: grayscale(60%); @@ -89,8 +86,7 @@ h4 { border-right: 1px solid #4b4e55; border-bottom: 1px solid #4b4e55; } -.mainpage .thread, -#content { +.mainpage .thread { background: #1d1f21; border: 3px double #4b4e55; color: #ced1cf; @@ -154,21 +150,9 @@ form .msg { #footer { color: #f7ca88; } -.threads h1 { - text-align: left; -} -#content.list #header div { +#threads th { background: #111213; } -#content.list .row:nth-child(odd), -#content.grid .row:hover { +#threads tr:nth-child(odd) { background: #191b1d; -} -#content.grid { - border: 1px solid #4b4e55; - padding: 1px; -} -#content.grid .row { - border: 1px solid #4b4e55; - margin: 1px; -} +} \ No newline at end of file diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css index d39c3de..87f74cb 100644 --- a/static/css/txt/amber.css +++ b/static/css/txt/amber.css @@ -168,25 +168,12 @@ form .msg { #footer a { color: #f9690e; } -#content { - border: 3px double #f9690e; -} -#content.list #header { +#threads th { background: #451d04; } -#content.list .row:nth-child(odd) { +#threads tr:nth-child(odd) { background: #251002; } -#content.grid { - border: 1px solid #f9690e; -} -#content.grid .row { - border: 1px solid #f9690e; -} -#content.grid .row:hover { - background: #251002; - border-color: #f9690e; -} @media (max-width: 600px) { div.msg { margin: 0.5em 0.5em 0; diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css index 5a8d0d1..bc385ae 100644 --- a/static/css/txt/ayashii.css +++ b/static/css/txt/ayashii.css @@ -58,10 +58,6 @@ button { margin: 0; padding-left: 2.5%; } -.fix #main_nav { - background: inherit; - text-align: center; -} #titlebox { margin-bottom: 1em; margin-top: 5px; @@ -75,8 +71,7 @@ button { } .innerbox, .mainpage .thread, -.deleted, -#content { +.deleted { margin-bottom: 1em; padding-bottom: 1em; } @@ -84,8 +79,7 @@ button { .mainpage .thread, .reply, .deleted, -h3, -#content { +h3 { border-bottom: 2px groove gray; } .links, @@ -162,32 +156,14 @@ form .msg { margin-top: 1em; text-align: right; } -.threads .outerbox { - margin-top: 1em; -} -#content.list #header div { +#threads th { background: #001e1e; } -#content.list .row:nth-child(odd) { +#threads tr:nth-child(odd) { background: #003535; } -#content.grid { - border-width: 2px 2px 0 0; -} -#content.grid .row { - border-width: 0 0 2px 2px; -} -#content.grid, -#content.grid .row { - border-style: groove; - border-color: gray; -} -.threads #footer { - text-align: center; -} @media (max-width: 600px) { - body.mainpage, - body.threads { + body.mainpage { margin-left: 8px; margin-right: 8px; } diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css index ac43dbb..11e3112 100644 --- a/static/css/txt/baisano.css +++ b/static/css/txt/baisano.css @@ -2,8 +2,7 @@ body, textarea { color: #000; } -body.mainpage, -body.threads { +body.mainpage { background: #c5ad99 url(../img/muro.jpg); } body.threadpage { @@ -19,9 +18,6 @@ a:active .name, #n2:active { color: #f00; } -h2 { - margin-bottom: 3px; -} h2 a { color: #f00; } @@ -43,9 +39,6 @@ h4.hidden { #main_nav { background: #fff; } -.fix #main_nav { - box-shadow: 0 0 3px #000; -} .outerbox { background: #cfc; border: 1px outset #fff; @@ -60,8 +53,7 @@ h4.hidden { #threadlist a { border: 1px outset #fff; } -.mainpage .thread, -#content { +.mainpage .thread { background: #efefef; border: 1px outset #fff; } @@ -82,10 +74,7 @@ body[data-brd="zonavip"] .mainpage a .name { color: #000; } .msg { - margin: 4px 40px 0; -} -.reply { - margin-bottom: 24px; + margin: 4px 40px 24px; } a.thumb { margin-top: 4px; @@ -131,36 +120,14 @@ form .msg { #footer { color: #333; } -#content.list { - padding: 7px; -} -#content.list #header div { +#threads th { background: #ccc; - border-top: 1px inset #fff; -} -#content.list .row:nth-child(odd), -#content.grid .row:hover { - background: #fff; } -#content.list .row div:first-child { - border-left: 1px inset #fff; -} -#content.list .row div:last-child { - border-right: 1px inset #fff; -} -#content.list .row:last-child div { - border-bottom: 1px inset #fff; -} -#content.grid { - border: 1px outset #fff; - padding: 1px; -} -#content.grid .row { - border: 1px inset #fff; - margin: 1px; +#threads tr:nth-child(odd) { + background: #fafafa; } @media (max-width: 600px) { .extrabox { display: none; } -} +} \ No newline at end of file diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css index aff6748..c82c01a 100644 --- a/static/css/txt/bbs.css +++ b/static/css/txt/bbs.css @@ -14,16 +14,12 @@ body[data-brd="world"], body[data-brd="world"] textarea, .threadnav { font-family: Mona,'MS PGothic',IPAMonaPGothic,sans-serif; } -body.mainpage, -body.threads { +body.mainpage { margin: 0; } body.threadpage { margin: 8px; } -body.fix { - margin-top: 2em; -} h1, h5 { font-size: 20px; @@ -111,15 +107,6 @@ pre { 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; @@ -133,8 +120,7 @@ label { } .outerbox, .mainpage .thread, -#footer, -#content { +#footer { margin: 0 2.5% 1em; } .innerbox { @@ -161,12 +147,22 @@ label { text-align: center; } #threadlist { + display: -webkit-flex; + display: -moz-flex; + display: flex; + -webkit-flex-flow: row wrap; + -moz-flex-flow: row wrap; + flex-flow: row wrap; font-size: 14px; line-height: 1; - max-height: 15em; + max-height: 16em; overflow-y: scroll; } #threadlist a { + -webkit-flex: 1 1 auto; + -moz-flex: 1 1 auto; + flex: 1 1 auto; + padding: 3px; text-decoration: none; } .mainpage .postform, @@ -176,8 +172,6 @@ label { .reply { clear: both; line-height: 18px; - margin-bottom: 1em; - overflow: hidden; } .num { color: inherit !important; @@ -198,7 +192,7 @@ label { line-height: 1; } .msg { - margin: 1em 40px 0; + margin: 1em 40px; } .msg hr { margin-left: 0; @@ -206,41 +200,32 @@ label { } a.thumb { cursor: zoom-in; - font-size: 14px; float: left; - margin: 1em 20px 0; - text-align: center; + margin: 1em 20px; text-decoration: none; - color: gray !important; } a.yt { margin: 2px 0; display: inline-block; font-size: 12px; line-height: 1.2em; - padding: 5px; + padding: 4px; text-decoration: none; } a.yt .pvw { - width: 100px; + width: 90px; height: 60px; overflow: hidden; float: left; - margin-right: 5px; + margin-right: 4px; } a.yt .pvw img { margin-top: -15px; - margin-left: -10px; + margin-left: -15px; } a.yt b { font-size: 115%; } -.deleted { - margin-bottom: 1em; -} -.hidden { - opacity: 0.5; -} #q-p { margin-right: 1em; padding: 8px 8px 0; @@ -299,59 +284,18 @@ form .msg { color: #fff; } #listmenu { - margin-top: 7px; text-align: center; } -#content a { - text-decoration: none; -} -#content a:hover { - text-decoration: underline; +#threads td, #threads th { + padding: 2px 4px; + text-align: left; } -#content.list a { +#threads a { display: block; - line-height: 1; -} -#content.list .row { - display: table-row; -} -#content.list .row div { - display: table-cell; - padding: 5px; -} -#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, -#threadlist { - display: -webkit-flex; - display: -moz-flex; - display: flex; - -webkit-flex-flow: row wrap; - -moz-flex-flow: row wrap; - flex-flow: row wrap; -} -#content.grid .row, -#threadlist a { - -webkit-flex: 1 1 auto; - -moz-flex: 1 1 auto; - flex: 1 1 auto; - padding: 4px; + text-decoration: none; } -#content.grid .row div { - display: inline; +#threads a:hover { + text-decoration: underline; } .minisjis { font-size: 10px; @@ -368,8 +312,7 @@ form .msg { } .outerbox, .mainpage .thread, - #footer, - #content { + #footer { margin: 1em 0; } h1, @@ -381,25 +324,27 @@ form .msg { #rules { font-size: 12px; } - h4 { + h4, .quoted { font-size: 10px; + line-height: 12px; } #threadlist { overflow-x: auto; white-space: nowrap; } #size, - .postform br { + .postform br, + .hh { display: none; } - div.reply, .deleted { + .deleted { margin-bottom: 0.5em; } .del { visibility: visible; } div.msg { - margin: 0.5em 0 0; + margin: 0.5em 0; } .mainpage .postform, .formpad { @@ -437,7 +382,4 @@ form .msg { #footer a { display: block; } - #content.list .row div { - padding: 0 2px; - } } diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css index 0046c2a..638297e 100644 --- a/static/css/txt/bios.css +++ b/static/css/txt/bios.css @@ -145,8 +145,7 @@ h3 span { } .outerbox, .mainpage .thread, -#threadlist, -#content { +#threadlist { border: 1px solid #fff; } #threadlist a { @@ -179,9 +178,6 @@ h3 span { .abbrev { color: #5cf; } -.deleted { - margin-bottom: 0.5em; -} #size { margin-left: 0.5em; } @@ -233,19 +229,11 @@ h3 span { 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; +#threads { + border-collapse: collapse; } -#content.grid .row { - border: 1px solid #fff; - margin: 2px; +#threads th, #threads td { + border-bottom: 1px solid; } @media (max-width: 600px) { body.threadpage { @@ -254,7 +242,4 @@ form .msg { h2 { margin-bottom: 0.5em; } - #thread_nav { - margin: -8px 0px 8px; - } -} +} \ No newline at end of file diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css index 9909316..6841015 100644 --- a/static/css/txt/blue moon.css +++ b/static/css/txt/blue moon.css @@ -19,7 +19,8 @@ form a:active, .reply a, form a, #q-p a, -.row a { +.row a, +#threads a { color: #49525d; } #main_nav a:active, @@ -70,9 +71,6 @@ button:active { background: #fff; color: #6b7b8d; } -.fix #main_nav { - box-shadow: 0 0 3px #000; -} #titlebox .innerbox:first-child { margin-bottom: 5px; } @@ -210,22 +208,17 @@ form .msg { #footer a { color: #fff; } -#content { +#threads { background: #fff; - border: 10px solid #49525d; color: #000080; } -#content.list #header div { +#threads th { background: #2c2c32; color: #eee; } -#content.list .row:nth-child(odd), -#content.grid .row:hover { +#threads tr:nth-child(odd) { background: #e7e7ff; } -#content.grid .row { - border: 1px solid #ddd; -} @media (max-width: 600px) { body.threadpage { margin: 0 0 8px; diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css index 924d01e..3dc11e5 100644 --- a/static/css/txt/ciber.css +++ b/static/css/txt/ciber.css @@ -219,32 +219,14 @@ form .msg { #footer a { color: #989898; } -#content { - background: #000; - border: 3px double #d500fb; - color: #39c8df; -} -#content a { - color: #d500fb; -} -#content.list #header { - text-shadow: 0 0 5px; -} -#content.list .row:nth-child(odd) { +#threads tr:nth-child(odd) { background: #200020; } -#content.grid { - border: 2px solid #141937; -} -#content.grid .row { - border: 2px solid #141937; -} -#content.grid .row:hover { - background: #27151d; - border-color: #9b1937; +#threads a { + color: #d500fb; } -#content .row:hover a { - text-shadow: 0 0 5px; +#threads a:hover { + text-shadow: 0 0 8px; } @media (max-width: 600px) { div.msg { diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css index 4fde34d..3e4e97c 100644 --- a/static/css/txt/cuteanarchy.css +++ b/static/css/txt/cuteanarchy.css @@ -32,7 +32,7 @@ h4 { a:hover, a:focus, #n2:hover { - text-decoration: none; + text-decoration: underline; color: #edc1e8; } @@ -103,8 +103,8 @@ h3 span { } .outerbox { - margin: 1em auto; - max-width: 1000px; + margin: 0 auto 1em; + max-width: 1024px; background: #ffeae0; border: 1px solid #ffa67a; color: #777879; @@ -125,13 +125,12 @@ h3 span { color: #d1a0cc; } -.mainpage .thread, -#content { +.mainpage .thread { margin: 0 auto 2em; background: #ffebe2; border: 5px double #fff; color: #5d475a; - max-width: 1000px; + max-width: 1024px; box-shadow: #000 5px; -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); @@ -265,29 +264,6 @@ form .msg { content: "ヽ(*・ω・)ノ"; } -.threads h1 { - text-align: left; -} - -#content.list #header div { - background: #111213; -} - -#content.list .row:nth-child(odd), -#content.grid .row:hover { - background: #191b1d; -} - -#content.grid { - border: 1px solid #4b4e55; - padding: 1px; -} - -#content.grid .row { - border: 1px solid #4b4e55; - margin: 1px; -} - @media (max-width: 600px) { h1 { font-size: 18px; diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css index e0918c1..9ddc487 100644 --- a/static/css/txt/futanari.css +++ b/static/css/txt/futanari.css @@ -2,8 +2,7 @@ body { background: #13334c; color: #edf9fc; } -body.threadpage, -body.threads { +body.threadpage { margin-top: 0; } a, @@ -63,9 +62,6 @@ button:active { #main_nav { background: #1d7548; } -.fix #main_nav { - box-shadow: 0 0 3px #000; -} #titlebox { margin-bottom: 0; } @@ -130,9 +126,7 @@ button:active { color: #bbb; } .postform, -#createbox, -.threads .outerbox, -#content { +#createbox { border-right: 2px solid #5b8bb4; border-bottom: 2px solid #5b8bb4; background: #3b6b94; @@ -158,30 +152,15 @@ form .msg { background: #5b8bb4; padding: 8px; } -#content { - padding: 0 10px 10px; -} -#content.list #header div { +#threads th { background: #3b6b94; } -#content.list .row:nth-child(odd) { +#threads tr:nth-child(odd) { background: #1b3345; } -#content.list .row:nth-child(even) { +#threads tr:nth-child(even) { background: #294b68; } -#content.grid { - border: 0; - padding: 0; -} -#content.grid .row { - border-width: 0 2px 2px 0; - border-style: solid; - border-color: #5b8bb4; -} -#content.grid .row:hover { - background: #154a72; -} @media (max-width: 600px) { .thread .innerbox { padding: 8px; diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css index 66e0052..84f868a 100644 --- a/static/css/txt/gamer.css +++ b/static/css/txt/gamer.css @@ -17,7 +17,7 @@ h1, h2, h3, h5, -#content.list #header div { +#threads th { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC"); color: #fff; text-shadow: 1px 1px #002; @@ -54,8 +54,7 @@ hr { #thread_nav { margin: 6px 0; } -.cur_brd, -.fix #main_nav a a { +.cur_brd { background: url("../img/g_b3.gif") bottom repeat-x; margin-bottom: -4px; padding-bottom: 4px; @@ -115,8 +114,7 @@ h4 a, } .outerbox, .thread, -.threadpage .postform, -#content { +.threadpage .postform { background: #050505 url("../img/g_p.gif"); border: 6px solid transparent; -moz-border-image: url("../img/g_b.gif") 6 6 round round; @@ -184,25 +182,13 @@ form .msg { #footer a:active { text-decoration: underline; } -#content .thread { - border: 0; -} -#content a:hover { - color: #fff; -} -#content.list .pos, -#content.list .com { - color: #aaa; -} -#content.list .row div, -#content.grid .row { +#threads th { border-width: 0 1px 1px 0; border-style: solid; border-color: #111; } -#content.grid .row { - border: 1px solid #111; - margin: 1px; +#threads td { + color: #aaa; } @media (max-width: 600px) { body.threadpage { diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css index f20be3f..b09b78e 100644 --- a/static/css/txt/headline.css +++ b/static/css/txt/headline.css @@ -67,15 +67,10 @@ button:active { background: #ccc; border-style: solid; } -.fix #main_nav { - background: #fff; - border-bottom: 2px solid #bbb; -} .outerbox, #titlebox .innerbox:first-child, .postform, -.lastposts, -#content { +.lastposts { background: #eee; border-bottom: 2px solid #bbb; } @@ -145,26 +140,14 @@ form .msg { margin: 0; padding: 0.5em 0.15em; } -#content { - padding: 0 10px 10px; -} -#content.list #header div { +#threads th { background: #eee; + border-bottom: 1px solid #f70; } -#content.list .row:nth-child(odd) { +#threads tr:nth-child(odd) { background: #fff; } -#content.list .row:nth-child(even) { - background: #ddd; -} -#content.grid { - border: 1px solid #bbb; - padding: 0; -} -#content.grid .row { - border: 1px solid #bbb; -} -#content.grid .row:hover { +#threads tr:nth-child(even) { background: #ddd; } @media (max-width: 600px) { diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css index c97424c..9ffd124 100644 --- a/static/css/txt/postal.css +++ b/static/css/txt/postal.css @@ -97,9 +97,6 @@ h4 { .outerbox { background: #fff; } -.fix #main_nav { - box-shadow: 0 0 3px #000; -} .outerbox { border: 1px solid #fff; } @@ -178,10 +175,7 @@ h4 { padding: 0.5em; } .lastposts, -.threadpage .postform, -.threads .outerbox, -#content.list, -#content.grid .row { +.threadpage .postform { background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); @@ -197,22 +191,11 @@ form .msg { #footer { color: #333; } -#content.list { - padding: 8px; -} -#content.list #header div { +#threads th { background: #6aa9d7; } -#content.list .row:hover, -#content.grid .row:hover { - background: #b7d2e8; -} -#content.list .row a:hover, -#content.grid .row:hover a { - color: #0801bf; -} -#content.grid .row { - margin: 4px; +#threads tr:nth-child(odd) { + background: #cce8ff; } @media (max-width: 600px) { body.threadpage { diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css index 6b12281..6ca4e1a 100644 --- a/static/css/txt/ventanas.css +++ b/static/css/txt/ventanas.css @@ -2,8 +2,7 @@ body, textarea { color: #000; } -body.mainpage, -body.threads { +body.mainpage { background: #008081; } body.threadpage, @@ -127,7 +126,6 @@ button:active { input[type="text"], textarea, .innerbox, -#content, #threadlist, select { border-width: 2px; @@ -233,20 +231,15 @@ form .msg { margin: 0; padding: 0; } -#content { +#threads { background: #fff; + border-collapse: collapse; } -#content.list #header div { +#threads th { background: #ccc; } -#content.list .row div, -#content.grid .row { - border-width: 0 1px 1px 0; - border-style: solid; - border-color: #000; -} -#content .row:hover { - background: #eee; +#threads td, #threads th { + border: 1px solid #000; } @media (max-width: 600px) { #createbox form { -- cgit v1.2.1-18-gbd029