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/spc/halloween.css | 248 +++++++++++++++++++++++++++++++++++-------- 1 file changed, 201 insertions(+), 47 deletions(-) (limited to 'static/css/spc/halloween.css') diff --git a/static/css/spc/halloween.css b/static/css/spc/halloween.css index 6870152..95cc9bb 100644 --- a/static/css/spc/halloween.css +++ b/static/css/spc/halloween.css @@ -1,47 +1,201 @@ -body,textarea,h2 small,.del a{color:#FA5923} -body.mainpage,body.threads{background:#000 url('../img/bg_madera.png');} -body.threadpage{background:#111} -a,#n2{color:#F00} -a:active,a:active .name,#n2:active{color:#f60} -hr{border:0;border-top:1px solid #900;border-bottom: 1px solid #500000} -input[type=submit]:active,input[type=button]:active,a:active{filter:blur(2px)} -h1{text-shadow:0 4px 1px #300000,0 6px 1px #400000,0 8px 1px #500000,0 10px 1px #600000,0 12px 1px #700000,0 14px 1px #800000,0 16px 1px #900000,0 18px 1px #A00000,0 20px 1px #B00000,0 22px 1px #C00000,0 24px 1px #D00000,0 26px 1px #E00000,0 28px 1px #F00000,0 30px 1px #FA0000,0 32px 1px #FB0000,0 34px 1px #FC0000,0 36px 1px #FD0000,0 38px 1px #FE0000,0 40px 2px #F00} -.threads h1{margin-bottom:35px} -h2{margin-bottom:3px} -h2 a{color:#32cd32} -h3{color:#F00} -h3 span{color:#900} -#main_nav{background:#000} -.outerbox{background:#000;border:1px outset #FF4500;color:#FFA500} -.innerbox{border:1px inset #FF4500} -#threadlist{background:#330e00;border:1px inset #FF4500} -.mainpage .thread,#content{background:#111;border:1px outset #914400} -.name,a .name,.abbrev{color:#f90} -.name em{color:#111e6c} -.msg{color:#fa6a39;margin:4px 40px 24px} -a.thumb{margin-top:4px} -.q{color:#875384} -.yt{background:#240000;border:1px solid #FF4500} -.deleted{color:#592a56;margin-bottom:24px} -.outerbox input,.outerbox textarea{background:#222;color:#FFA500;border:1px solid #FF4500} -.outerbox input:focus,.outerbox textarea:focus{background:#401100} -.outerbox input[type=submit],.outerbox input[type=button]{background:#000;box-shadow:0 0 5px #FF4500} -.threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#0C050D;border:1px solid #FA5923;color:#FA5923} -.threadpage input:focus,.threadpage textarea:focus,.thread input:focus,.thread textarea:focus{background:#290c0a} -.threadpage input[type=submit],.threadpage input[type=button],.thread input[type=submit],.thread input[type=button]{background:#0C050D} -#q-p{background:#160901;border:1px solid #521;box-shadow:0 0 5px #521} -#q-p .msg,#q-p a.thumb{margin-bottom:8px} -#createbox{display:flex} -#createbox .extrabox{border:1px inset grey;margin:7px 0 7px 7px;float:left;width:40px;height:auto;flex:0 1 40px;-webkit-flex:0 1 40px} -#createbox .innerbox{flex:0 1 100%;-webkit-flex:0 1 100%} -form .msg{border:1px dotted #FA5923;background:#000} -#footer{text-shadow:0 0 2px} -#content.list{padding:7px} -#content.list #header div{background:#2d0000;border-top:1px inset #914400} -#content.list .row:nth-child(odd),#content.grid .row:hover{background:#000} -#content.list .row div:first-child{border-left:1px inset #914400} -#content.list .row div:last-child{border-right:1px inset #914400} -#content.list .row:last-child div{border-bottom:1px inset #914400} -#content.grid{border:1px outset #914400;padding:1px} -#content.grid .row{border:1px inset #914400;margin:1px} -@media screen and (max-width:480px){.msg{margin:4px 20px 12px}} \ No newline at end of file +body, +textarea, +h2 small, +.del a { + color: #fa5923; +} +body.mainpage, +body.threads { + background: #000 url("../img/bg_madera.png"); +} +body.threadpage { + background: #111; +} +a, +#n2 { + color: #f00; +} +a:active, +a:active .name, +#n2:active { + color: #f60; +} +hr { + border: 0; + border-top: 1px solid #900; + border-bottom: 1px solid #500000; +} +input[type="submit"]:active, +input[type="button"]:active, +a:active { + filter: blur(2px); +} +h1 { + text-shadow: 0 4px 1px #300000, 0 6px 1px #400000, 0 8px 1px #500000, + 0 10px 1px #600000, 0 12px 1px #700000, 0 14px 1px #800000, + 0 16px 1px #900000, 0 18px 1px #a00000, 0 20px 1px #b00000, + 0 22px 1px #c00000, 0 24px 1px #d00000, 0 26px 1px #e00000, + 0 28px 1px #f00000, 0 30px 1px #fa0000, 0 32px 1px #fb0000, + 0 34px 1px #fc0000, 0 36px 1px #fd0000, 0 38px 1px #fe0000, 0 40px 2px #f00; +} +.threads h1 { + margin-bottom: 35px; +} +h2 { + margin-bottom: 3px; +} +h2 a { + color: #32cd32; +} +h3 { + color: #f00; +} +h3 span { + color: #900; +} +#main_nav { + background: #000; +} +.outerbox { + background: #000; + border: 1px outset #ff4500; + color: #ffa500; +} +.innerbox { + border: 1px inset #ff4500; +} +#threadlist { + background: #330e00; + border: 1px inset #ff4500; +} +.mainpage .thread, +#content { + background: #111; + border: 1px outset #914400; +} +.name, +a .name, +.abbrev { + color: #f90; +} +.name em { + color: #111e6c; +} +.msg { + color: #fa6a39; + margin: 4px 40px 24px; +} +a.thumb { + margin-top: 4px; +} +.q { + color: #875384; +} +.yt { + background: #240000; + border: 1px solid #ff4500; +} +.deleted { + color: #592a56; + margin-bottom: 24px; +} +.outerbox input, +.outerbox textarea { + background: #222; + color: #ffa500; + border: 1px solid #ff4500; +} +.outerbox input:focus, +.outerbox textarea:focus { + background: #401100; +} +.outerbox input[type="submit"], +.outerbox input[type="button"] { + background: #000; + box-shadow: 0 0 5px #ff4500; +} +.threadpage input, +.threadpage textarea, +.thread input, +.thread textarea { + background: #0c050d; + border: 1px solid #fa5923; + color: #fa5923; +} +.threadpage input:focus, +.threadpage textarea:focus, +.thread input:focus, +.thread textarea:focus { + background: #290c0a; +} +.threadpage input[type="submit"], +.threadpage input[type="button"], +.thread input[type="submit"], +.thread input[type="button"] { + background: #0c050d; +} +#q-p { + background: #160901; + border: 1px solid #521; + box-shadow: 0 0 5px #521; +} +#q-p .msg, +#q-p a.thumb { + margin-bottom: 8px; +} +#createbox { + display: flex; +} +#createbox .extrabox { + border: 1px inset grey; + margin: 7px 0 7px 7px; + float: left; + width: 40px; + height: auto; + flex: 0 1 40px; + -webkit-flex: 0 1 40px; +} +#createbox .innerbox { + flex: 0 1 100%; + -webkit-flex: 0 1 100%; +} +form .msg { + border: 1px dotted #fa5923; + background: #000; +} +#footer { + text-shadow: 0 0 2px; +} +#content.list { + padding: 7px; +} +#content.list #header div { + background: #2d0000; + border-top: 1px inset #914400; +} +#content.list .row:nth-child(odd), +#content.grid .row:hover { + background: #000; +} +#content.list .row div:first-child { + border-left: 1px inset #914400; +} +#content.list .row div:last-child { + border-right: 1px inset #914400; +} +#content.list .row:last-child div { + border-bottom: 1px inset #914400; +} +#content.grid { + border: 1px outset #914400; + padding: 1px; +} +#content.grid .row { + border: 1px inset #914400; + margin: 1px; +} +@media screen and (max-width: 480px) { + .msg { + margin: 4px 20px 12px; + } +} -- cgit v1.2.1-18-gbd029