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/bbs.css | 124 +++++++++++++------------------------------------ 1 file changed, 33 insertions(+), 91 deletions(-) (limited to 'static/css/txt/bbs.css') 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; - } } -- cgit v1.2.1-18-gbd029