From 3600b2d2fc91b8a15237cff0f27a2ac423ea6c58 Mon Sep 17 00:00:00 2001 From: Renard Date: Sun, 29 Mar 2020 18:46:20 -0300 Subject: Prettier para CSS --- static/css/ib.css | 427 ++++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 349 insertions(+), 78 deletions(-) (limited to 'static/css/ib.css') diff --git a/static/css/ib.css b/static/css/ib.css index 23a5cd1..16a4ba5 100644 --- a/static/css/ib.css +++ b/static/css/ib.css @@ -1,78 +1,349 @@ -*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word} -html,body{font-family:arial,helvetica,"nimbus sans l",sans-serif} -html{margin:0;padding:0} -body{margin:0;padding:8px;font-size:16px} -blockquote{line-height:20px} -.spoil{background:#000;color:#000}.spoil:hover{color:#fff} -.postarea table{margin:0 auto;text-align:left} -#main_nav{font-size:14px;line-height:1.3em;margin-bottom:.5em;text-align:center} -#main_nav span{display:inline-block} -#main_nav #sel,#main_nav .cur_brd{font-weight:bold} -select{background:#FFF;border:1px inset #DDD;color:#000;font-size:85%;padding:1px} -.logo{font-size:160%;font-weight:bold;margin:8px 0;text-align:center} -input[type="text"],input[type="password"],textarea{background:#FFF;border:1px inset gray;padding:3px} -.postform input{max-width:250px} -.postform input[name="subject"]{max-width:300px} -.postform textarea{width:400px;height:125px} -.postblock{font-weight:bold;padding:3px} -.oekform{display:inline-block;margin-bottom:.5em} -.rules{width:468px;font-size:13px} -.rules ul{margin:4px 0 0;padding:0} -.rules li{margin-left:1em} -.thread{margin-right:170px} -.thread table{border-collapse:collapse;margin:4px 0} -.reply .info{padding-right:50px} -.hsbn{font-size:120%} -.thumb{border:none;float:left;margin:0 20px} -.ell{font-family:Mona,IPAMonaPGothic,Monapo,'MS PGothic',YOzFontAA97;vertical-align:top;width:20px} -.deleted{color:#777} -.reflink a{color:inherit;text-decoration:none} -.reply .fs,#q-p .fs{margin-left:20px} -.pg{border:1px solid;border-spacing:2px;display:table} -.pg span{border:1px inset;display:table-cell} -.pg span input{padding:.4em 1em} -.replymode,.extramode{font-weight:bold;text-align:center;padding:2px;margin:3px 0} -.name em{color:#009;font-style:normal} -.quoted{border-top:1px solid;clear:both;font-size:12px;line-height:1;margin:0 -1px;padding:4px} -.thumbpreview{display:inline-block;max-height:50px;height:auto;max-width:75px;width:auto;vertical-align:middle} -#catalog{text-align:center} -#cat_search{border:1px inset gray;padding:0;width:125px} -#catalog .thread{border-radius:4px;display:inline-block;font-size:14px;margin:5px;overflow:hidden;padding:2px;position:relative;vertical-align:top;max-height:275px;width:175px} -#catalog.enlarged .thread{margin:10px 5px;max-height:375px;width:275px} -#catalog .thread a img{border-radius:3px;margin-bottom:2px} -#catalog.enlarged .thread a img{min-width:150px;min-height:150px;max-width:250px;max-height:250px} -#catalog .subj{font-size:16px} -#catalog p{margin:0} -.yt{font-size:12px;display:inline-block;line-height:13px;margin:2px 0;padding:5px;text-decoration:none} -.yt b{font-size:14px} -.yt .pvw{width:100px;height:60px;overflow:hidden;float:left;margin-right:5px} -.yt .pvw img{margin-top:-15px;margin-left:-10px} -.cut{clear:both} -.nav label{text-decoration:underline} -.userdel{float:right;text-align:center;white-space:nowrap} -.footer{clear:both;margin-top:8px;text-align:center} -.managertable th,.managertable td{padding:3px} -.managertable .recentPostHeader{display: block;font-size: 0.9em;padding-bottom: 0.25em;opacity: 65%;} -.managertable .message{display: block;font-family: Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97;font-size: 14px;} -.managertable .actions{display: block;margin-top: 0.5em;font-size: 0.75em;} -#q-p{position:absolute;border:1px dotted gray} -.selector{font-size: 10pt} -@media(max-width:900px){.thread{margin-right:0}} -@media(max-width:720px){ - body{font-size:15px;padding:4px} - #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%} - .fs .tt,.omitted{font-size:14px} - .info{font-size:12px} - .reply .info{padding-right:0} - .fs,.rules{font-size:12px} - .fs span{display:none} - .reply .fs{margin-left:4px} - .thumb{margin:0 8px 0 4px;max-width:100px;max-height:100px;width:auto;height:auto} - blockquote{margin:8px!important} - .userdel{float:none} - .pg{margin-top:0.5em;text-align:center;width:100%} - .pg span,.pg input{display:block;width:100%} -} \ No newline at end of file +* { + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + word-wrap: break-word; +} +html, +body { + font-family: arial, helvetica, "nimbus sans l", sans-serif; +} +html { + margin: 0; + padding: 0; +} +body { + margin: 0; + padding: 8px; + font-size: 16px; +} +blockquote { + line-height: 20px; +} +.spoil { + background: #000; + color: #000; +} +.spoil:hover { + color: #fff; +} +.postarea table { + margin: 0 auto; + text-align: left; +} +#main_nav { + font-size: 14px; + line-height: 1.3em; + margin-bottom: 0.5em; + text-align: center; +} +#main_nav span { + display: inline-block; +} +#main_nav #sel, +#main_nav .cur_brd { + font-weight: bold; +} +select { + background: #fff; + border: 1px inset #ddd; + color: #000; + font-size: 85%; + padding: 1px; +} +.logo { + font-size: 160%; + font-weight: bold; + margin: 8px 0; + text-align: center; +} +input[type="text"], +input[type="password"], +textarea { + background: #fff; + border: 1px inset gray; + padding: 3px; +} +.postform input { + max-width: 250px; +} +.postform input[name="subject"] { + max-width: 300px; +} +.postform textarea { + width: 400px; + height: 125px; +} +.postblock { + font-weight: bold; + padding: 3px; +} +.oekform { + display: inline-block; + margin-bottom: 0.5em; +} +.rules { + width: 468px; + font-size: 13px; +} +.rules ul { + margin: 4px 0 0; + padding: 0; +} +.rules li { + margin-left: 1em; +} +.thread { + margin-right: 170px; +} +.thread table { + border-collapse: collapse; + margin: 4px 0; +} +.reply .info { + padding-right: 50px; +} +.hsbn { + font-size: 120%; +} +.thumb { + border: none; + float: left; + margin: 0 20px; +} +.ell { + font-family: Mona, IPAMonaPGothic, Monapo, "MS PGothic", YOzFontAA97; + vertical-align: top; + width: 20px; +} +.deleted { + color: #777; +} +.reflink a { + color: inherit; + text-decoration: none; +} +.reply .fs, +#q-p .fs { + margin-left: 20px; +} +.pg { + border: 1px solid; + border-spacing: 2px; + display: table; +} +.pg span { + border: 1px inset; + display: table-cell; +} +.pg span input { + padding: 0.4em 1em; +} +.replymode, +.extramode { + font-weight: bold; + text-align: center; + padding: 2px; + margin: 3px 0; +} +.name em { + color: #009; + font-style: normal; +} +.quoted { + border-top: 1px solid; + clear: both; + font-size: 12px; + line-height: 1; + margin: 0 -1px; + padding: 4px; +} +.thumbpreview { + display: inline-block; + max-height: 50px; + height: auto; + max-width: 75px; + width: auto; + vertical-align: middle; +} +#catalog { + text-align: center; +} +#cat_search { + border: 1px inset gray; + padding: 0; + width: 125px; +} +#catalog .thread { + border-radius: 4px; + display: inline-block; + font-size: 14px; + margin: 5px; + overflow: hidden; + padding: 2px; + position: relative; + vertical-align: top; + max-height: 275px; + width: 175px; +} +#catalog.enlarged .thread { + margin: 10px 5px; + max-height: 375px; + width: 275px; +} +#catalog .thread a img { + border-radius: 3px; + margin-bottom: 2px; +} +#catalog.enlarged .thread a img { + min-width: 150px; + min-height: 150px; + max-width: 250px; + max-height: 250px; +} +#catalog .subj { + font-size: 16px; +} +#catalog p { + margin: 0; +} +.yt { + font-size: 12px; + display: inline-block; + line-height: 13px; + margin: 2px 0; + padding: 5px; + text-decoration: none; +} +.yt b { + font-size: 14px; +} +.yt .pvw { + width: 100px; + height: 60px; + overflow: hidden; + float: left; + margin-right: 5px; +} +.yt .pvw img { + margin-top: -15px; + margin-left: -10px; +} +.cut { + clear: both; +} +.nav label { + text-decoration: underline; +} +.userdel { + float: right; + text-align: center; + white-space: nowrap; +} +.footer { + clear: both; + margin-top: 8px; + text-align: center; +} +.managertable th, +.managertable td { + padding: 3px; +} +.managertable .recentPostHeader { + display: block; + font-size: 0.9em; + padding-bottom: 0.25em; + opacity: 65%; +} +.managertable .message { + display: block; + font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97; + font-size: 14px; +} +.managertable .actions { + display: block; + margin-top: 0.5em; + font-size: 0.75em; +} +#q-p { + position: absolute; + border: 1px dotted gray; +} +.selector { + font-size: 10pt; +} +@media (max-width: 900px) { + .thread { + margin-right: 0; + } +} +@media (max-width: 720px) { + body { + font-size: 15px; + padding: 4px; + } + #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%; + } + .fs .tt, + .omitted { + font-size: 14px; + } + .info { + font-size: 12px; + } + .reply .info { + padding-right: 0; + } + .fs, + .rules { + font-size: 12px; + } + .fs span { + display: none; + } + .reply .fs { + margin-left: 4px; + } + .thumb { + margin: 0 8px 0 4px; + max-width: 100px; + max-height: 100px; + width: auto; + height: auto; + } + blockquote { + margin: 8px !important; + } + .userdel { + float: none; + } + .pg { + margin-top: 0.5em; + text-align: center; + width: 100%; + } + .pg span, + .pg input { + display: block; + width: 100%; + } +} -- cgit v1.2.1-18-gbd029