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/postal.css | 278 ++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 229 insertions(+), 49 deletions(-) (limited to 'static/css/txt/postal.css') diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css index 15996c7..2b88a0c 100644 --- a/static/css/txt/postal.css +++ b/static/css/txt/postal.css @@ -1,49 +1,229 @@ -body,textarea{color:#000} -body{background:#E5B98D} -a,a .name,#n2{color:#3683C2} -a:active,a:active .name,#n2:active{color:#E9976B} -input[type="text"],textarea,select{background:#FFF;border:1px solid #CCC} -input[type="text"]:focus,textarea:focus,select:focus{border-color:#888} -input[type="submit"],input[type="button"],button{background:#CBCBCB;border:0;padding:2px 10px} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#B1B1B1} -body>hr{position:absolute;top:0;left:8px;right:8px;border:0;background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px);height:1em} -hr,.threadpage .thread{background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px)} -h2 span{color:#686868} -h2 a,h2 a:active,h3{color:#3E3020} -h2 a:active{text-decoration:underline} -h3{margin-top:0} -h3 span{color:dimgrey} -h4{background:#F0E7CE;color:#686868;padding-left:3px} -#main_nav,.outerbox{background:#FFF} -.fix #main_nav{box-shadow:0 0 3px #000} -.outerbox{border:1px solid #FFF} -#threadlist{background:#EFEFEF;border:1px inset #EFEFEF} -#threadlist a{border-right:1px outset #EFEFEF;border-bottom:1px outset #EFEFEF} -.thread .innerbox{background:#FFF;box-shadow:1px 1px 0 rgba(0,0,0,0.1),3px 3px 0 rgba(255,255,255,1),4px 4px 0 rgba(0,0,0,0.125),6px 6px 0 rgba(255,255,255,1),7px 7px 0 rgba(0,0,0,0.15),9px 9px 0 rgba(255,255,255,1),10px 10px 0 rgba(0,0,0,0.175),12px 12px 0 rgba(255,255,255,1),13px 13px 0 rgba(0,0,0,0.175);margin:8px 12px 8px 0;padding:8px} -#thread_nav{background:#FFF;font-style:italic;padding:1.5em 8px .5em} -.threadpage .thread{background-color:#FFF;background-position:bottom;background-repeat:repeat-x;background-size:100% 1em;overflow:hidden;padding:0 10px 1em} -.innerbox.links{border-top:1px solid #E5B98D;margin:0 -1px} -.name,.abbrev{color:#416D91} -.name em{color:#009} -.del a{color:#000} -.q{color:#666;display:inline-block} -.q:hover{background:#F0F0E0} -.yt{background:#EEE;border:1px solid #CCC} -.deleted{background:#F7F3E6;color:#AAA} -#q-p{background:#FFF;border:1px solid #CCC} -#createbox{background:#F0E7CE;border-color:#F0E7CE;color:#353535} -.lastposts,.threadpage .postform{margin-top:.5em;padding:.5em} -.lastposts,.threadpage .postform,.threads .outerbox,#content.list,#content.grid .row{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);box-shadow:0 0 10px rgba(0,0,0,0.3)} -.threadpage .threadlinks{margin-top:0} -form .msg{border:1px dotted #CCC;background:#FFF} -#footer{color:#333} -#content.list{padding:8px} -#content.list #header div{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} -@media(max-width:720px){ - body.threadpage{margin:0 0 8px} - body>hr{top:-8px;left:0;right:0} - #createbox .innerbox{padding:0} -} \ No newline at end of file +body, +textarea { + color: #000; +} +body { + background: #e5b98d; +} +a, +a .name, +#n2 { + color: #3683c2; +} +a:active, +a:active .name, +#n2:active { + color: #e9976b; +} +input[type="text"], +textarea, +select { + background: #fff; + border: 1px solid #ccc; +} +input[type="text"]:focus, +textarea:focus, +select:focus { + border-color: #888; +} +input[type="submit"], +input[type="button"], +button { + background: #cbcbcb; + border: 0; + padding: 2px 10px; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #b1b1b1; +} +body > hr { + position: absolute; + top: 0; + left: 8px; + right: 8px; + border: 0; + background-image: repeating-linear-gradient( + 125deg, + #ee4c47 0px, + #ee4c47 30px, + #fff 30px, + #fff 50px, + #5caceb 50px, + #5caceb 80px, + #fff 80px, + #fff 100px + ); + height: 1em; +} +hr, +.threadpage .thread { + background-image: repeating-linear-gradient( + 125deg, + #ee4c47 0px, + #ee4c47 30px, + #fff 30px, + #fff 50px, + #5caceb 50px, + #5caceb 80px, + #fff 80px, + #fff 100px + ); +} +h2 span { + color: #686868; +} +h2 a, +h2 a:active, +h3 { + color: #3e3020; +} +h2 a:active { + text-decoration: underline; +} +h3 { + margin-top: 0; +} +h3 span { + color: dimgrey; +} +h4 { + background: #f0e7ce; + color: #686868; + padding-left: 3px; +} +#main_nav, +.outerbox { + background: #fff; +} +.fix #main_nav { + box-shadow: 0 0 3px #000; +} +.outerbox { + border: 1px solid #fff; +} +#threadlist { + background: #efefef; + border: 1px inset #efefef; +} +#threadlist a { + border-right: 1px outset #efefef; + border-bottom: 1px outset #efefef; +} +.thread .innerbox { + background: #fff; + box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), 3px 3px 0 rgba(255, 255, 255, 1), + 4px 4px 0 rgba(0, 0, 0, 0.125), 6px 6px 0 rgba(255, 255, 255, 1), + 7px 7px 0 rgba(0, 0, 0, 0.15), 9px 9px 0 rgba(255, 255, 255, 1), + 10px 10px 0 rgba(0, 0, 0, 0.175), 12px 12px 0 rgba(255, 255, 255, 1), + 13px 13px 0 rgba(0, 0, 0, 0.175); + margin: 8px 12px 8px 0; + padding: 8px; +} +#thread_nav { + background: #fff; + font-style: italic; + padding: 1.5em 8px 0.5em; +} +.threadpage .thread { + background-color: #fff; + background-position: bottom; + background-repeat: repeat-x; + background-size: 100% 1em; + overflow: hidden; + padding: 0 10px 1em; +} +.innerbox.links { + border-top: 1px solid #e5b98d; + margin: 0 -1px; +} +.name, +.abbrev { + color: #416d91; +} +.name em { + color: #009; +} +.del a { + color: #000; +} +.q { + color: #666; + display: inline-block; +} +.q:hover { + background: #f0f0e0; +} +.yt { + background: #eee; + border: 1px solid #ccc; +} +.deleted { + background: #f7f3e6; + color: #aaa; +} +#q-p { + background: #fff; + border: 1px solid #ccc; +} +#createbox { + background: #f0e7ce; + border-color: #f0e7ce; + color: #353535; +} +.lastposts, +.threadpage .postform { + margin-top: 0.5em; + padding: 0.5em; +} +.lastposts, +.threadpage .postform, +.threads .outerbox, +#content.list, +#content.grid .row { + 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); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); +} +.threadpage .threadlinks { + margin-top: 0; +} +form .msg { + border: 1px dotted #ccc; + background: #fff; +} +#footer { + color: #333; +} +#content.list { + padding: 8px; +} +#content.list #header div { + 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; +} +@media (max-width: 720px) { + body.threadpage { + margin: 0 0 8px; + } + body > hr { + top: -8px; + left: 0; + right: 0; + } + #createbox .innerbox { + padding: 0; + } +} -- cgit v1.2.1-18-gbd029