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/txt/blue moon.css | 336 ++++++++++++++++++++++++++++++++++--------- 1 file changed, 271 insertions(+), 65 deletions(-) (limited to 'static/css/txt/blue moon.css') diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css index 8222872..98bb8d3 100644 --- a/static/css/txt/blue moon.css +++ b/static/css/txt/blue moon.css @@ -1,65 +1,271 @@ -body.threadpage{margin-top:0} -body{background:#6B7B8D;color:#FFF} -a,#n2:active,h3 span{color:#AFB9C5} -a:active,form a:active,#n2:active{color:#EEE} -#main_nav a,.reply a,form a,#q-p a,.row a{color:#49525D} -#main_nav a:active,.reply a:active,#q-p a:active,a:active .name,.row a:active{color:#8C9FB4} -h2{color:#EEE;line-height:1;margin:0 0 10px} -h2 a{color:#EEE} -h3{color:#EEE;margin:0.7em 0} -h4{background:#DDD;padding-bottom:.2em} -hr{display:none} -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} -.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} -.links{padding-top:5px} -#threadbox{margin-bottom:19px;margin-top:19px} -#threadlist{background:#3e4247;border:1px inset #B6C2CF} -#threadlist a{border-right:1px outset #B6C2CF;border-bottom:1px outset #B6C2CF} -.mainpage .thread{background:#49525D} -.threadpage .thread{background:#49525D;padding:1px 10px 0} -#thread_nav{background:#49525D;margin-bottom:2px;padding:7px 10px} -.postform,#createbox form,h5{background:#8C9FB4;color:#49525D;padding:10px} -h5{margin:0;padding-bottom:0} -.mainpage .postform{margin-top:10px} -.reply{background:#FFF;border-top:.1em solid #DDD;border-right:10px solid #DDD;border-bottom:.1em solid #DDD;border-left:10px solid #DDD;color:#000;margin-bottom:0} -.first{border-top:.2em solid #DDD} -.name,a .name{color:#2B3037} -.name em{color:#009} -.del a{color:#000} -.msg,a.thumb{background:#FFF;color:#000080;margin:10px} -.msg hr{display:block} -#size{color:#8C9FB4;margin:0;padding:.25em 0} -.abbrev a{color:#000080} -.abbrev,.q{color:#697685} -.threadpage .postform{margin-top:2px;border:10px solid #49525D} -.yt{background:#EEE;border:1px solid gray} -.deleted{background:#DDD;color:#AFAFAF;margin-bottom:0;padding:3px 10px} -#q-p{background:#FFF;color:#000;border:1px solid #49525D;padding:0} -form .msg{border:1px inset #DDD;margin:0;padding:.5em 0.15em} -.lastposts{background:#49525D;color:#AFB9C5;margin-top:2px;padding:.5em} -.threadpage .threadlinks{margin:0} -.warn,.stop{padding-left:10px;margin:2px 0} -#footer a{color:#FFF} -#content{background:#FFF;border:10px solid #49525D;color:#000080} -#content.list #header div{background:#2c2c32;color:#EEE} -#content.list .row:nth-child(odd),#content.grid .row:hover{background:#E7E7FF} -#content.grid .row{border:1px solid #DDD} -@media(max-width:720px){ - body.threadpage{margin:0 0 8px} - .innerbox,.postform,#createbox form,h5{padding:4px;padding-left:4px} - h2{margin-bottom:4px} - h3{margin:.5em 0} - h4{padding-bottom:0} - .threadpage .thread{padding:1px 4px 4px} - .mainpage .postform{margin-top:4px;padding-left:4px} - div.reply{border-left-width:4px;border-right-width:4px;margin:0} - .threadpage .postform{border-width:4px} - div.msg,a.thumb{margin:4px} - .thread form{margin-top:4px} -} \ No newline at end of file +body.threadpage { + margin-top: 0; +} +body { + background: #6b7b8d; + color: #fff; +} +a, +#n2:active, +h3 span { + color: #afb9c5; +} +a:active, +form a:active, +#n2:active { + color: #eee; +} +#main_nav a, +.reply a, +form a, +#q-p a, +.row a { + color: #49525d; +} +#main_nav a:active, +.reply a:active, +#q-p a:active, +a:active .name, +.row a:active { + color: #8c9fb4; +} +h2 { + color: #eee; + line-height: 1; + margin: 0 0 10px; +} +h2 a { + color: #eee; +} +h3 { + color: #eee; + margin: 0.7em 0; +} +h4 { + background: #ddd; + padding-bottom: 0.2em; +} +hr { + display: none; +} +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; +} +.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; +} +.links { + padding-top: 5px; +} +#threadbox { + margin-bottom: 19px; + margin-top: 19px; +} +#threadlist { + background: #3e4247; + border: 1px inset #b6c2cf; +} +#threadlist a { + border-right: 1px outset #b6c2cf; + border-bottom: 1px outset #b6c2cf; +} +.mainpage .thread { + background: #49525d; +} +.threadpage .thread { + background: #49525d; + padding: 1px 10px 0; +} +#thread_nav { + background: #49525d; + margin-bottom: 2px; + padding: 7px 10px; +} +.postform, +#createbox form, +h5 { + background: #8c9fb4; + color: #49525d; + padding: 10px; +} +h5 { + margin: 0; + padding-bottom: 0; +} +.mainpage .postform { + margin-top: 10px; +} +.reply { + background: #fff; + border-top: 0.1em solid #ddd; + border-right: 10px solid #ddd; + border-bottom: 0.1em solid #ddd; + border-left: 10px solid #ddd; + color: #000; + margin-bottom: 0; +} +.first { + border-top: 0.2em solid #ddd; +} +.name, +a .name { + color: #2b3037; +} +.name em { + color: #009; +} +.del a { + color: #000; +} +.msg, +a.thumb { + background: #fff; + color: #000080; + margin: 10px; +} +.msg hr { + display: block; +} +#size { + color: #8c9fb4; + margin: 0; + padding: 0.25em 0; +} +.abbrev a { + color: #000080; +} +.abbrev, +.q { + color: #697685; +} +.threadpage .postform { + margin-top: 2px; + border: 10px solid #49525d; +} +.yt { + background: #eee; + border: 1px solid gray; +} +.deleted { + background: #ddd; + color: #afafaf; + margin-bottom: 0; + padding: 3px 10px; +} +#q-p { + background: #fff; + color: #000; + border: 1px solid #49525d; + padding: 0; +} +form .msg { + border: 1px inset #ddd; + margin: 0; + padding: 0.5em 0.15em; +} +.lastposts { + background: #49525d; + color: #afb9c5; + margin-top: 2px; + padding: 0.5em; +} +.threadpage .threadlinks { + margin: 0; +} +.warn, +.stop { + padding-left: 10px; + margin: 2px 0; +} +#footer a { + color: #fff; +} +#content { + background: #fff; + border: 10px solid #49525d; + color: #000080; +} +#content.list #header div { + background: #2c2c32; + color: #eee; +} +#content.list .row:nth-child(odd), +#content.grid .row:hover { + background: #e7e7ff; +} +#content.grid .row { + border: 1px solid #ddd; +} +@media (max-width: 720px) { + body.threadpage { + margin: 0 0 8px; + } + .innerbox, + .postform, + #createbox form, + h5 { + padding: 4px; + padding-left: 4px; + } + h2 { + margin-bottom: 4px; + } + h3 { + margin: 0.5em 0; + } + h4 { + padding-bottom: 0; + } + .threadpage .thread { + padding: 1px 4px 4px; + } + .mainpage .postform { + margin-top: 4px; + padding-left: 4px; + } + div.reply { + border-left-width: 4px; + border-right-width: 4px; + margin: 0; + } + .threadpage .postform { + border-width: 4px; + } + div.msg, + a.thumb { + margin: 4px; + } + .thread form { + margin-top: 4px; + } +} -- cgit v1.2.1-18-gbd029