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/4am.css | 218 +++++++++++++---- static/css/txt/amber.css | 241 +++++++++++++++---- static/css/txt/ayashii.css | 257 ++++++++++++++++---- static/css/txt/baisano.css | 206 ++++++++++++---- static/css/txt/bbs.css | 535 +++++++++++++++++++++++++++++++++-------- static/css/txt/bios.css | 314 +++++++++++++++++++----- static/css/txt/blue moon.css | 336 +++++++++++++++++++++----- static/css/txt/ciber.css | 311 +++++++++++++++++++----- static/css/txt/cuteanarchy.css | 222 ++++++++--------- static/css/txt/futanari.css | 247 +++++++++++++++---- static/css/txt/gamer.css | 272 +++++++++++++++++---- static/css/txt/headline.css | 223 +++++++++++++---- static/css/txt/postal.css | 278 +++++++++++++++++---- static/css/txt/sjis.css | 8 +- static/css/txt/ventanas.css | 308 ++++++++++++++++++++---- 15 files changed, 3160 insertions(+), 816 deletions(-) (limited to 'static/css/txt') diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css index 258e852..3a63c82 100644 --- a/static/css/txt/4am.css +++ b/static/css/txt/4am.css @@ -1,44 +1,174 @@ -body{background:#222 url('/mantencion_bg.gif');color:#CED1CF} -body.threadpage{background-image:none} -a,a .name,#n2{color:#81A2BE;text-decoration:none} -a:hover,a:focus,#n2:active{color:#4d6172;text-decoration:underline} -hr{border:1px inset #111} -input[type="text"],input[type="submit"],input[type="button"],textarea,button,select{background:#383838;border:1px solid #4B4E55;color:#e8e8e8} -input[type="submit"],input[type="button"],button{background:#333} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#232323} -h1{color:#dc9656;font-size:26px;margin-top:-5px;text-align:center} -h2 a{color:#C66} -h2 span{color:#999} -h3,#size{color:#ab4642} -h3 span{color:#999} -h4{color:#c1c5c2} -#main_nav{background:#000;color:#7cafc2} -.fix #main_nav{box-shadow:0 0 3px #000} -.banner{-webkit-filter:grayscale(60%);filter:grayscale(60%)} -.outerbox{background:#111213;border:1px solid #4B4E55;color:#777879} -#titlebox .threadnav{margin:-6px} -#threadlist{background:#0e0e0e;border:1px solid #4B4E55} -#threadlist a{border-right:1px solid #4B4E55;border-bottom:1px solid #4B4E55} -.mainpage .thread,#content{background:#1D1F21;border:3px double #4B4E55;color:#CED1CF;opacity:.9} -.threadpage .thread{color:#CED1CF} -.name,.abbrev{color:#B5BD68} -.name em{color:#88f} -.del a{color:#ab4642} -h4 .date,.quoted{color:#4e4e4e} -.msg{margin:4px 40px 0} -.reply{margin-bottom:24px} -a.thumb{margin-top:4px} -.q{color:#666} -.yt{background:#383838;border:1px solid gray;color:#e8e8e8} -.yt:hover{text-decoration:none} -.deleted{color:#999;margin-bottom:24px} -#q-p{background:#222;border:1px solid #999} -#q-p .reply{margin-bottom:8px} -.lastposts #n2{text-decoration:none} -form .msg{background:#383838;border:1px dotted #000} -#footer{color:#f7ca88} -.threads h1{text-align:left} -#content.list #header div{background:#111213} -#content.list .row:nth-child(odd),#content.grid .row:hover{background:#191B1D} -#content.grid{border:1px solid #4B4E55;padding:1px} -#content.grid .row{border:1px solid #4B4E55;margin:1px} \ No newline at end of file +body { + background: #222 url("/mantencion_bg.gif"); + color: #ced1cf; +} +body.threadpage { + background-image: none; +} +a, +a .name, +#n2 { + color: #81a2be; + text-decoration: none; +} +a:hover, +a:focus, +#n2:active { + color: #4d6172; + text-decoration: underline; +} +hr { + border: 1px inset #111; +} +input[type="text"], +input[type="submit"], +input[type="button"], +textarea, +button, +select { + background: #383838; + border: 1px solid #4b4e55; + color: #e8e8e8; +} +input[type="submit"], +input[type="button"], +button { + background: #333; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #232323; +} +h1 { + color: #dc9656; + font-size: 26px; + margin-top: -5px; + text-align: center; +} +h2 a { + color: #c66; +} +h2 span { + color: #999; +} +h3, +#size { + color: #ab4642; +} +h3 span { + color: #999; +} +h4 { + color: #c1c5c2; +} +#main_nav { + background: #000; + color: #7cafc2; +} +.fix #main_nav { + box-shadow: 0 0 3px #000; +} +.banner { + -webkit-filter: grayscale(60%); + filter: grayscale(60%); +} +.outerbox { + background: #111213; + border: 1px solid #4b4e55; + color: #777879; +} +#titlebox .threadnav { + margin: -6px; +} +#threadlist { + background: #0e0e0e; + border: 1px solid #4b4e55; +} +#threadlist a { + border-right: 1px solid #4b4e55; + border-bottom: 1px solid #4b4e55; +} +.mainpage .thread, +#content { + background: #1d1f21; + border: 3px double #4b4e55; + color: #ced1cf; + opacity: 0.9; +} +.threadpage .thread { + color: #ced1cf; +} +.name, +.abbrev { + color: #b5bd68; +} +.name em { + color: #88f; +} +.del a { + color: #ab4642; +} +h4 .date, +.quoted { + color: #4e4e4e; +} +.msg { + margin: 4px 40px 0; +} +.reply { + margin-bottom: 24px; +} +a.thumb { + margin-top: 4px; +} +.q { + color: #666; +} +.yt { + background: #383838; + border: 1px solid gray; + color: #e8e8e8; +} +.yt:hover { + text-decoration: none; +} +.deleted { + color: #999; + margin-bottom: 24px; +} +#q-p { + background: #222; + border: 1px solid #999; +} +#q-p .reply { + margin-bottom: 8px; +} +.lastposts #n2 { + text-decoration: none; +} +form .msg { + background: #383838; + border: 1px dotted #000; +} +#footer { + color: #f7ca88; +} +.threads h1 { + text-align: left; +} +#content.list #header div { + background: #111213; +} +#content.list .row:nth-child(odd), +#content.grid .row:hover { + background: #191b1d; +} +#content.grid { + border: 1px solid #4b4e55; + padding: 1px; +} +#content.grid .row { + border: 1px solid #4b4e55; + margin: 1px; +} diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css index 4752fe8..7c57816 100644 --- a/static/css/txt/amber.css +++ b/static/css/txt/amber.css @@ -1,44 +1,197 @@ -body{background:#000;text-shadow:1px 1px #000,0 0 10px} -body,a,h2 a,h3,#n2{color:#f9690e} -a:active,#n2:active{color:#FF9F3F} -h4{background:#f9690e;color:#000;padding:0 7px;text-shadow:none} -.threadpage h4{padding:0 3px} -h4 a,.name,.name a{color:#000} -h1:after,h2 a:after,h3:after{content:"_";animation:blink 1s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}} -h2,.thread .threadnav{margin:7px} -h3{margin:8px 0} -h3 span,#size,.abbrev{color:#f00} -hr{background:#f9690e;border:0;height:1px;box-shadow:0 0 10px #f9690e} -.spoil{background:#f9690e;color:#f9690e;text-shadow:none}.spoil:hover{color:#000} -input,button{font-family:monospace} -input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{background:#000;border:1px solid #f9690e;color:#f9690e;text-shadow:1px 1px #000} -input[type="text"]:focus,textarea:focus,select:focus{background:#3a1903} -input[type=submit]:active,input[type=button]:active,button:active{background:#f9690e;border-style:solid;color:#000} -#main_nav{background:#000;box-shadow:0 0 10px} -.outerbox,.innerbox{border:1px solid #f9690e} -#threadlist{border:3px double #f9690e} -#threadlist a{border-right:1px solid #f9690e;border-bottom:1px solid #f9690e} -.mainpage .thread,.thread .innerbox{border:1px solid #f9690e} -.thread .innerbox,.threadpage,#q-p{background:#000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=')} -.thread .innerbox{padding:0} -.name em{color:#ff0} -.q{color:#d4b300} -.deleted{background:none;border-color:#f9690e;border-style:solid;border-width:1px 0;color:inherit} -.yt{background:#000;border:1px solid #f9690e} -.mainpage .postform{border-top:1px solid #f9690e;padding:1em 0 1em 40px} -.formpad{padding:0} -form .msg{border:1px dotted #f9690e;background:#000;color:#f9690e} -#q-p{border:1px solid #000;padding:0} -#q-p .reply{border:3px double #f9690e;margin:0;padding-bottom:1em} -#q-p .reply h4{padding:0 1px} -#footer a{color:#f9690e} -#content{border:3px double #f9690e} -#content.list #header{background:#451d04} -#content.list .row:nth-child(odd){background:#251002} -#content.grid{border:1px solid #f9690e} -#content.grid .row{border:1px solid #f9690e} -#content.grid .row:hover{background:#251002;border-color:#f9690e} -@media(max-width:720px){ - div.msg{margin:.5em .5em 0} - .mainpage .postform{padding:.5em} -} \ No newline at end of file +body { + background: #000; + text-shadow: 1px 1px #000, 0 0 10px; +} +body, +a, +h2 a, +h3, +#n2 { + color: #f9690e; +} +a:active, +#n2:active { + color: #ff9f3f; +} +h4 { + background: #f9690e; + color: #000; + padding: 0 7px; + text-shadow: none; +} +.threadpage h4 { + padding: 0 3px; +} +h4 a, +.name, +.name a { + color: #000; +} +h1:after, +h2 a:after, +h3:after { + content: "_"; + animation: blink 1s infinite; +} +@keyframes blink { + from, + to { + opacity: 0; + } + 50% { + opacity: 1; + } +} +h2, +.thread .threadnav { + margin: 7px; +} +h3 { + margin: 8px 0; +} +h3 span, +#size, +.abbrev { + color: #f00; +} +hr { + background: #f9690e; + border: 0; + height: 1px; + box-shadow: 0 0 10px #f9690e; +} +.spoil { + background: #f9690e; + color: #f9690e; + text-shadow: none; +} +.spoil:hover { + color: #000; +} +input, +button { + font-family: monospace; +} +input, +input[type="submit"], +input[type="button"], +input[type="text"], +textarea, +button, +select { + background: #000; + border: 1px solid #f9690e; + color: #f9690e; + text-shadow: 1px 1px #000; +} +input[type="text"]:focus, +textarea:focus, +select:focus { + background: #3a1903; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #f9690e; + border-style: solid; + color: #000; +} +#main_nav { + background: #000; + box-shadow: 0 0 10px; +} +.outerbox, +.innerbox { + border: 1px solid #f9690e; +} +#threadlist { + border: 3px double #f9690e; +} +#threadlist a { + border-right: 1px solid #f9690e; + border-bottom: 1px solid #f9690e; +} +.mainpage .thread, +.thread .innerbox { + border: 1px solid #f9690e; +} +.thread .innerbox, +.threadpage, +#q-p { + background: #000 + url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII="); +} +.thread .innerbox { + padding: 0; +} +.name em { + color: #ff0; +} +.q { + color: #d4b300; +} +.deleted { + background: none; + border-color: #f9690e; + border-style: solid; + border-width: 1px 0; + color: inherit; +} +.yt { + background: #000; + border: 1px solid #f9690e; +} +.mainpage .postform { + border-top: 1px solid #f9690e; + padding: 1em 0 1em 40px; +} +.formpad { + padding: 0; +} +form .msg { + border: 1px dotted #f9690e; + background: #000; + color: #f9690e; +} +#q-p { + border: 1px solid #000; + padding: 0; +} +#q-p .reply { + border: 3px double #f9690e; + margin: 0; + padding-bottom: 1em; +} +#q-p .reply h4 { + padding: 0 1px; +} +#footer a { + color: #f9690e; +} +#content { + border: 3px double #f9690e; +} +#content.list #header { + background: #451d04; +} +#content.list .row:nth-child(odd) { + background: #251002; +} +#content.grid { + border: 1px solid #f9690e; +} +#content.grid .row { + border: 1px solid #f9690e; +} +#content.grid .row:hover { + background: #251002; + border-color: #f9690e; +} +@media (max-width: 720px) { + div.msg { + margin: 0.5em 0.5em 0; + } + .mainpage .postform { + padding: 0.5em; + } +} diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css index 0e2109d..8811248 100644 --- a/static/css/txt/ayashii.css +++ b/static/css/txt/ayashii.css @@ -1,51 +1,206 @@ -body{background:#004040;color:#FFF} -a,a .name,#n2:active{color:#EFE} -a:active,a:active .name,#n2:active{color:#F00} -h2:before{content:"◆ "} -h2{display:inline-block;margin:0;margin-bottom:.5em} -h2 span{font-weight:initial;font-size:24px;margin-left:4px;display:inline-block;float:right} -h3{margin-bottom:.5em;padding-bottom:.5em} -h4:before{content:"＞";color:#FFFFFE;display:inline-block;font-size:16px;width:40px} -.first h4:before{content:none} -input[type=submit],input[type=button],button{border-width:2px;border-style:outset ridge ridge outset;border-color:#FFF #000 #000 #FFF;background:#DDD;color:#000;padding:0 8px} -#main_nav,.banner{background:inherit;text-align:left;margin:0;padding-left:2.5%} -.fix #main_nav{background:inherit;text-align:center} -#titlebox{margin-bottom:1em;margin-top:5px} -.threadnav a{margin-left:4px} -.innerbox{margin:0;padding:0} -.innerbox,.mainpage .thread,.deleted,#content{margin-bottom:1em;padding-bottom:1em} -.innerbox,.mainpage .thread,.reply,.deleted,h3,#content{border-bottom:2px groove gray} -.links,#listmenu{text-align:left} -#threadbox{margin-bottom:1em} -#threadlinks{text-align:left;margin-bottom:.5em} -#threadlist{background:#003535;border:1px inset gray} -.reply{clear:both;margin-bottom:1em;overflow:hidden} -.reply:last-child{border:0;margin-bottom:0} -.name em{color:#009} -.quoted{font-size:9pt} -.del a{color:#FFF} -.first .msg{margin:1em 40px} -.msg{margin:1em 60px} -.q{color:#99b3b3} -.yt{border:1px solid #FFF} -.abbrev{margin-top:1em} -.deleted{text-decoration:line-through} -#size{color:#FFF;margin-top:-.5em} -#q-p{background:#004040;border:1px solid #DDD} -#q-p h4:before{display:none} -.postform,.formpad{padding-left:0} -form .msg{border:1px dotted #FFF} -#footer{margin-bottom:1em;margin-top:1em;text-align:right} -.threads .outerbox{margin-top:1em} -#content.list #header div{background:#001e1e} -#content.list .row:nth-child(odd){background:#003535} -#content.grid{border-width:2px 2px 0 0} -#content.grid .row{border-width:0 0 2px 2px} -#content.grid,#content.grid .row{border-style:groove;border-color:gray} -.threads #footer{text-align:center} -@media(max-width:720px){ - body.mainpage,body.threads{margin-left:8px;margin-right:8px} - h2 span{margin-left:0;float:none} - h4:before{font-size:12px;width:20px} - div.msg,.first .msg{margin:.5em 0 .5em 20px} -} \ No newline at end of file +body { + background: #004040; + color: #fff; +} +a, +a .name, +#n2:active { + color: #efe; +} +a:active, +a:active .name, +#n2:active { + color: #f00; +} +h2:before { + content: "◆ "; +} +h2 { + display: inline-block; + margin: 0; + margin-bottom: 0.5em; +} +h2 span { + font-weight: initial; + font-size: 24px; + margin-left: 4px; + display: inline-block; + float: right; +} +h3 { + margin-bottom: 0.5em; + padding-bottom: 0.5em; +} +h4:before { + content: "＞"; + color: #fffffe; + display: inline-block; + font-size: 16px; + width: 40px; +} +.first h4:before { + content: none; +} +input[type="submit"], +input[type="button"], +button { + border-width: 2px; + border-style: outset ridge ridge outset; + border-color: #fff #000 #000 #fff; + background: #ddd; + color: #000; + padding: 0 8px; +} +#main_nav, +.banner { + background: inherit; + text-align: left; + margin: 0; + padding-left: 2.5%; +} +.fix #main_nav { + background: inherit; + text-align: center; +} +#titlebox { + margin-bottom: 1em; + margin-top: 5px; +} +.threadnav a { + margin-left: 4px; +} +.innerbox { + margin: 0; + padding: 0; +} +.innerbox, +.mainpage .thread, +.deleted, +#content { + margin-bottom: 1em; + padding-bottom: 1em; +} +.innerbox, +.mainpage .thread, +.reply, +.deleted, +h3, +#content { + border-bottom: 2px groove gray; +} +.links, +#listmenu { + text-align: left; +} +#threadbox { + margin-bottom: 1em; +} +#threadlinks { + text-align: left; + margin-bottom: 0.5em; +} +#threadlist { + background: #003535; + border: 1px inset gray; +} +.reply { + clear: both; + margin-bottom: 1em; + overflow: hidden; +} +.reply:last-child { + border: 0; + margin-bottom: 0; +} +.name em { + color: #009; +} +.quoted { + font-size: 9pt; +} +.del a { + color: #fff; +} +.first .msg { + margin: 1em 40px; +} +.msg { + margin: 1em 60px; +} +.q { + color: #99b3b3; +} +.yt { + border: 1px solid #fff; +} +.abbrev { + margin-top: 1em; +} +.deleted { + text-decoration: line-through; +} +#size { + color: #fff; + margin-top: -0.5em; +} +#q-p { + background: #004040; + border: 1px solid #ddd; +} +#q-p h4:before { + display: none; +} +.postform, +.formpad { + padding-left: 0; +} +form .msg { + border: 1px dotted #fff; +} +#footer { + margin-bottom: 1em; + margin-top: 1em; + text-align: right; +} +.threads .outerbox { + margin-top: 1em; +} +#content.list #header div { + background: #001e1e; +} +#content.list .row:nth-child(odd) { + background: #003535; +} +#content.grid { + border-width: 2px 2px 0 0; +} +#content.grid .row { + border-width: 0 0 2px 2px; +} +#content.grid, +#content.grid .row { + border-style: groove; + border-color: gray; +} +.threads #footer { + text-align: center; +} +@media (max-width: 720px) { + body.mainpage, + body.threads { + margin-left: 8px; + margin-right: 8px; + } + h2 span { + margin-left: 0; + float: none; + } + h4:before { + font-size: 12px; + width: 20px; + } + div.msg, + .first .msg { + margin: 0.5em 0 0.5em 20px; + } +} diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css index bd8ea02..c6ece51 100644 --- a/static/css/txt/baisano.css +++ b/static/css/txt/baisano.css @@ -1,46 +1,160 @@ -body,textarea{color:#000} -body.mainpage,body.threads{background:#c5ad99 url(../img/muro.jpg)} -body.threadpage{background:#EFEFEF} -a,a .name,#n2{color:#00F} -a:active,a:active .name,#n2:active{color:#f00} -h2{margin-bottom:3px} -h2 a{color:#F00} -h3{color:#F00} -h3 span{color:#000} -.mainpage h4:hover{background:#FFEFEF} -h4.hidden{background:#CCC} -.mainpage h4.hidden:hover{background:#DCC} -#main_nav{background:#FFF} -.fix #main_nav{box-shadow:0 0 3px #000} -.outerbox{background:#CFC;border:1px outset #FFF} -.innerbox{border:1px inset #FFF} -#threadlist{background:#BEB;border:1px inset #FFF} -#threadlist a{border:1px outset #FFF} -.mainpage .thread,#content{background:#EFEFEF;border:1px outset #FFF} -.name,.abbrev{color:green} -.name em{color:#009} -.del a{color:#000} -.msg{margin:4px 40px 0} -.reply{margin-bottom:24px} -a.thumb{margin-top:4px} -.q{color:#666} -.yt{background:#DDD;border:1px solid #AAA} -.deleted{color:#AFAFAF;margin-bottom:24px} -#q-p{background:#EFEFEF;border:1px solid #999} -#q-p .reply{margin-bottom:8px} -#createbox{display:flex} -#createbox .extrabox{border:1px inset #FFF;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 #000;background:#EFEFEF} -#footer{color:#333} -#content.list{padding:7px} -#content.list #header div{background:#CCC;border-top:1px inset #FFF} -#content.list .row:nth-child(odd),#content.grid .row:hover{background:#FFF} -#content.list .row div:first-child{border-left:1px inset #FFF} -#content.list .row div:last-child{border-right:1px inset #FFF} -#content.list .row:last-child div{border-bottom:1px inset #FFF} -#content.grid{border:1px outset #FFF;padding:1px} -#content.grid .row{border:1px inset #FFF;margin:1px} -@media(max-width:720px){ - .extrabox{display:none} -} \ No newline at end of file +body, +textarea { + color: #000; +} +body.mainpage, +body.threads { + background: #c5ad99 url(../img/muro.jpg); +} +body.threadpage { + background: #efefef; +} +a, +a .name, +#n2 { + color: #00f; +} +a:active, +a:active .name, +#n2:active { + color: #f00; +} +h2 { + margin-bottom: 3px; +} +h2 a { + color: #f00; +} +h3 { + color: #f00; +} +h3 span { + color: #000; +} +.mainpage h4:hover { + background: #ffefef; +} +h4.hidden { + background: #ccc; +} +.mainpage h4.hidden:hover { + background: #dcc; +} +#main_nav { + background: #fff; +} +.fix #main_nav { + box-shadow: 0 0 3px #000; +} +.outerbox { + background: #cfc; + border: 1px outset #fff; +} +.innerbox { + border: 1px inset #fff; +} +#threadlist { + background: #beb; + border: 1px inset #fff; +} +#threadlist a { + border: 1px outset #fff; +} +.mainpage .thread, +#content { + background: #efefef; + border: 1px outset #fff; +} +.name, +.abbrev { + color: green; +} +.name em { + color: #009; +} +.del a { + color: #000; +} +.msg { + margin: 4px 40px 0; +} +.reply { + margin-bottom: 24px; +} +a.thumb { + margin-top: 4px; +} +.q { + color: #666; +} +.yt { + background: #ddd; + border: 1px solid #aaa; +} +.deleted { + color: #afafaf; + margin-bottom: 24px; +} +#q-p { + background: #efefef; + border: 1px solid #999; +} +#q-p .reply { + margin-bottom: 8px; +} +#createbox { + display: flex; +} +#createbox .extrabox { + border: 1px inset #fff; + 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 #000; + background: #efefef; +} +#footer { + color: #333; +} +#content.list { + padding: 7px; +} +#content.list #header div { + background: #ccc; + border-top: 1px inset #fff; +} +#content.list .row:nth-child(odd), +#content.grid .row:hover { + background: #fff; +} +#content.list .row div:first-child { + border-left: 1px inset #fff; +} +#content.list .row div:last-child { + border-right: 1px inset #fff; +} +#content.list .row:last-child div { + border-bottom: 1px inset #fff; +} +#content.grid { + border: 1px outset #fff; + padding: 1px; +} +#content.grid .row { + border: 1px inset #fff; + margin: 1px; +} +@media (max-width: 720px) { + .extrabox { + display: none; + } +} diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css index f73748d..f2258cd 100644 --- a/static/css/txt/bbs.css +++ b/static/css/txt/bbs.css @@ -1,99 +1,436 @@ -*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word} -body,textarea{font-family:arial,helvetica,sans-serif;font-size:16px} -body.mainpage,body.threads{margin:0} -body.threadpage{margin:8px} -body.fix{margin-top:2em} -h1,h5{font-size:20px;margin:0} -h2{font-size:16px;margin:0 0 7px} -h2 span{margin-right:2px} -h2 a{font-size:24px;text-decoration:none} -h3{font-size:18px;margin:8px 0} -h3 span{display:inline-block;font-weight:normal} -h4{clear:both;font-weight:normal;margin:0} -h5{margin-bottom:8px} -input[type="text"],textarea,select{background:#FFF;border:1px inset #DDD;color:#000;padding:1px} -input[type=submit],input[type=button],button{border:1px outset #DDD;background:#EEE;color:#333;padding:1px 8px} -input[type=submit]:active,input[type=button]:active,button:active{border-style:inset} -.banner{display:block;margin:0 auto} -#rules{line-height:1.25em;margin:8px 0} -.spoil{background:#000;color:#000}.spoil:hover{color:#fff} -code{font-size:14px} -pre{line-height:125%;margin:0;white-space:pre-wrap} -.cur_brd,.locked,.sel{font-weight:bold} -#main_nav{font-size:14px;padding:4px 0;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} -#main_nav a,#thread_nav a,#threadlinks a,.threadlinks a,label{display:inline-block} -.outerbox,.mainpage .thread,#footer,#content{margin:0 2.5% 1em} -.innerbox{padding:7px;margin:7px} -.threadnav{float:right;font-family:mona,monapo,ipamonapgothic,monapo,'ms pgothic',yozfontaa97} -#search input{margin-right:2px} -#search input[type="text"]{padding:4px;max-width:500px;width:100%} -.links{font-size:14px;text-align:center} -#threadlinks{margin-bottom:.5em;text-align:center} -#threadlist{font-size:14px;line-height:1;max-height:15em;overflow-y:scroll} -#threadlist a{text-decoration:none} -.mainpage .postform,.formpad{padding-left:40px} -.reply{clear:both;line-height:1.25em;margin-bottom:1em;overflow:hidden} -.num{color:inherit!important;font-weight:bold;text-decoration:none} -.name em{font-style:normal} -.del{visibility:hidden} -.reply:hover .del{visibility:visible} -.quoted{font-size:12px;line-height:1} -.msg{margin:1em 40px 0} -.msg hr{margin-left:0;max-width:500px} -a.thumb{cursor:zoom-in;font-size:14px;float:left;margin:1em 20px 0;text-align:center;text-decoration:none;color:gray!important} -a.yt{margin:2px 0;display:inline-block;font-size:12px;line-height:1.2em;padding:5px;text-decoration:none} -a.yt .pvw{width:100px;height:60px;overflow:hidden;float:left;margin-right:5px} -a.yt .pvw img{margin-top:-15px;margin-left:-10px} -a.yt b{font-size:115%} -.deleted{margin-bottom:1em} -.hidden{opacity:.5} -#q-p{margin-right:1em;padding:8px 8px 0;position:absolute} -#q-p .del,#q-p .quoted,#q-p .thumb div{display:none} -.lastposts{text-align:center;line-height:1} -.lastposts #n2{text-decoration:underline} -.threadpage .threadlinks{margin:.5em 0} -#size{color:#f00;font-family:arial,sans-serif;font-weight:bold;margin-bottom:.5em} -#createbox input,#createbox textarea{width:100%} -.pblock{text-align:right;white-space:nowrap} -form .msg{margin:0;padding:8px 2px;text-align:left} -.end,#search{margin-top:8px} -.warn{padding:1px} -.stop{padding:1em 1px} -.yellow{background:#ff0;color:#000} -.red{background:#f00;color:#fff} -#listmenu{margin-top:7px;text-align:center} -#content a{text-decoration:none} -#content a:hover{text-decoration:underline} -#content.list 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} -#content.grid .row div{display:inline} -@media(max-width:720px){ - body{font-size:15px} - br{line-height:.5em} - .banner{width:100%!important;height:auto!important;margin-top:1em} - .outerbox,.mainpage .thread,#footer,#content{margin:1em 0} - h1,h2 a,h5{font-size:18px} - h4,h2 span,#rules{font-size:12px} - #threadlist{overflow-x:auto;white-space:nowrap} - #size,.postform br{display:none} - div.reply{margin-bottom:.5em} - .num{margin:-10px;padding:10px;position:relative} - .del{visibility:visible} - div.msg{margin:.5em 0 0} - .mainpage .postform,.formpad{padding-left:0} - .postform>span{display:table;width:100%} - .postform span>*{display:table-cell;margin-bottom:2px;white-space:nowrap} - .postform input,textarea{width:100%} - .postform textarea{height:100px} - form,#thread_nav,#footer,.end,.locked{font-size:14px;text-align:center} - #footer a{display:block} - #content.list .row div{padding:0 2px} -} \ No newline at end of file +* { + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + word-wrap: break-word; +} +body, +textarea { + font-family: arial, helvetica, sans-serif; + font-size: 16px; +} +body.mainpage, +body.threads { + margin: 0; +} +body.threadpage { + margin: 8px; +} +body.fix { + margin-top: 2em; +} +h1, +h5 { + font-size: 20px; + margin: 0; +} +h2 { + font-size: 16px; + margin: 0 0 7px; +} +h2 span { + margin-right: 2px; +} +h2 a { + font-size: 24px; + text-decoration: none; +} +h3 { + font-size: 18px; + margin: 8px 0; +} +h3 span { + display: inline-block; + font-weight: normal; +} +h4 { + clear: both; + font-weight: normal; + margin: 0; +} +h5 { + margin-bottom: 8px; +} +input[type="text"], +textarea, +select { + background: #fff; + border: 1px inset #ddd; + color: #000; + padding: 1px; +} +input[type="submit"], +input[type="button"], +button { + border: 1px outset #ddd; + background: #eee; + color: #333; + padding: 1px 8px; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + border-style: inset; +} +.banner { + display: block; + margin: 0 auto; +} +#rules { + line-height: 1.25em; + margin: 8px 0; +} +.spoil { + background: #000; + color: #000; +} +.spoil:hover { + color: #fff; +} +code { + font-size: 14px; +} +pre { + line-height: 125%; + margin: 0; + white-space: pre-wrap; +} +.cur_brd, +.locked, +.sel { + font-weight: bold; +} +#main_nav { + font-size: 14px; + padding: 4px 0; + 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; +} +#main_nav a, +#thread_nav a, +#threadlinks a, +.threadlinks a, +label { + display: inline-block; +} +.outerbox, +.mainpage .thread, +#footer, +#content { + margin: 0 2.5% 1em; +} +.innerbox { + padding: 7px; + margin: 7px; +} +.threadnav { + float: right; + font-family: mona, monapo, ipamonapgothic, monapo, "ms pgothic", yozfontaa97; +} +#search input { + margin-right: 2px; +} +#search input[type="text"] { + padding: 4px; + max-width: 500px; + width: 100%; +} +.links { + font-size: 14px; + text-align: center; +} +#threadlinks { + margin-bottom: 0.5em; + text-align: center; +} +#threadlist { + font-size: 14px; + line-height: 1; + max-height: 15em; + overflow-y: scroll; +} +#threadlist a { + text-decoration: none; +} +.mainpage .postform, +.formpad { + padding-left: 40px; +} +.reply { + clear: both; + line-height: 1.25em; + margin-bottom: 1em; + overflow: hidden; +} +.num { + color: inherit !important; + font-weight: bold; + text-decoration: none; +} +.name em { + font-style: normal; +} +.del { + visibility: hidden; +} +.reply:hover .del { + visibility: visible; +} +.quoted { + font-size: 12px; + line-height: 1; +} +.msg { + margin: 1em 40px 0; +} +.msg hr { + margin-left: 0; + max-width: 500px; +} +a.thumb { + cursor: zoom-in; + font-size: 14px; + float: left; + margin: 1em 20px 0; + text-align: center; + text-decoration: none; + color: gray !important; +} +a.yt { + margin: 2px 0; + display: inline-block; + font-size: 12px; + line-height: 1.2em; + padding: 5px; + text-decoration: none; +} +a.yt .pvw { + width: 100px; + height: 60px; + overflow: hidden; + float: left; + margin-right: 5px; +} +a.yt .pvw img { + margin-top: -15px; + margin-left: -10px; +} +a.yt b { + font-size: 115%; +} +.deleted { + margin-bottom: 1em; +} +.hidden { + opacity: 0.5; +} +#q-p { + margin-right: 1em; + padding: 8px 8px 0; + position: absolute; +} +#q-p .del, +#q-p .quoted, +#q-p .thumb div { + display: none; +} +.lastposts { + text-align: center; + line-height: 1; +} +.lastposts #n2 { + text-decoration: underline; +} +.threadpage .threadlinks { + margin: 0.5em 0; +} +#size { + color: #f00; + font-family: arial, sans-serif; + font-weight: bold; + margin-bottom: 0.5em; +} +#createbox input, +#createbox textarea { + width: 100%; +} +.pblock { + text-align: right; + white-space: nowrap; +} +form .msg { + margin: 0; + padding: 8px 2px; + text-align: left; +} +.end, +#search { + margin-top: 8px; +} +.warn { + padding: 1px; +} +.stop { + padding: 1em 1px; +} +.yellow { + background: #ff0; + color: #000; +} +.red { + background: #f00; + color: #fff; +} +#listmenu { + margin-top: 7px; + text-align: center; +} +#content a { + text-decoration: none; +} +#content a:hover { + text-decoration: underline; +} +#content.list 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; +} +#content.grid .row div { + display: inline; +} +@media (max-width: 720px) { + body { + font-size: 15px; + } + br { + line-height: 0.5em; + } + .banner { + width: 100% !important; + height: auto !important; + margin-top: 1em; + } + .outerbox, + .mainpage .thread, + #footer, + #content { + margin: 1em 0; + } + h1, + h2 a, + h5 { + font-size: 18px; + } + h4, + h2 span, + #rules { + font-size: 12px; + } + #threadlist { + overflow-x: auto; + white-space: nowrap; + } + #size, + .postform br { + display: none; + } + div.reply { + margin-bottom: 0.5em; + } + .num { + margin: -10px; + padding: 10px; + position: relative; + } + .del { + visibility: visible; + } + div.msg { + margin: 0.5em 0 0; + } + .mainpage .postform, + .formpad { + padding-left: 0; + } + .postform > span { + display: table; + width: 100%; + } + .postform span > * { + display: table-cell; + margin-bottom: 2px; + white-space: nowrap; + } + .postform input, + textarea { + width: 100%; + } + .postform textarea { + height: 100px; + } + form, + #thread_nav, + #footer, + .end, + .locked { + font-size: 14px; + text-align: center; + } + #footer a { + display: block; + } + #content.list .row div { + padding: 0 2px; + } +} diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css index afbc9cb..22a228a 100644 --- a/static/css/txt/bios.css +++ b/static/css/txt/bios.css @@ -1,54 +1,260 @@ -body,textarea,.lastposts #counter{background:#00A;color:#FFF} -a,a .name,.lastposts #n2{color:#ff0;text-decoration:none} -a:focus,a:active,a:active .name,#n2:active{background:#f00;color:#FFF} -.mainpage .threadlinks a:before,#threadlinks a:before,.lastposts a:before,.lastposts label:before{content:'▶ '} -input[type="text"],textarea,select{background:#00A;border:1px solid #FFF;color:#FFF} -input[type="submit"],input[type="button"],button{background:#FFF;border:0;color:#000;padding:2px 9px} -input[type="submit"]:active,input[type="button"]:active,button:active,select:focus{background:#000;border-style:solid;color:#FFF} -::selection{background:#FFF;color:#000} -::-moz-selection{background:#FFF;color:#000} -hr{display:none} -h2,.thread .threadnav{margin:.75em} -h3{background:#FFF;color:#00A;margin:0;padding:2px 8px} -h3 span{background:#00A;color:#FFF;padding:2px} -#main_nav,#thread_nav{background:linear-gradient(270deg, #0000ff, #000000, #0000ff);background-position:0% 50%;-webkit-animation:bios 6s linear infinite;-moz-animation:bios 6s linear infinite;animation:bios 6s linear infinite;background-size:500% 500%} -@-webkit-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}} -@-moz-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}} -@keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}} -#main_nav a,#thread_nav a,.threadpage .threadlinks a{color:#FFF;text-decoration:underline} -#main_nav .cur_brd{background:#FFF;color:#00A;padding:1px;text-decoration:none} -#thread_nav{margin:-8px -8px 8px;padding:6px 16px} -.innerbox{border:1px solid #FFF;margin:3px;padding:.75em} -.innerbox.links{border-top:0;margin-top:-3px} -#cur_stl{background:#ff0;color:#00A} -.outerbox,.mainpage .thread,#threadlist,#content{border:1px solid #FFF} -#threadlist a{border-right:1px solid #FFF;border-bottom:1px solid #FFF} -.thread .innerbox{padding:0} -.threadpage .thread{border-color:#FFF;border-style:double;border-width:4px 4px 1px} -.reply,.deleted{border-top:1px solid #FFF;padding:.5em .75em 0} -.threadpage .reply, .threadpage .deleted{padding:.5em .5em 0} -.name em{background:#FFF;color:#00f} -.q,.deleted,.abbrev{color:#5cf} -.deleted{margin-bottom:.5em} -#size{margin-left:.5em} -.yt{border:1px solid #ff0} -.yt:active{background:#f00;border:1px solid #f00;color:#FFF} -.msg hr{display:block} -#q-p{background:#00A;border:1px solid #FFF} -#q-p .reply{border:0;padding:0} -.lastposts{border-color:#FFF;border-style:double;border-width:0 4px;color:#00A;padding:.5em} -.mainpage .threadlinks{margin-top:.75em} -.threadpage .threadlinks{margin-top:0} -.threadpage .postform{border-color:#FFF;border-style:double;border-width:1px 4px 4px;padding:.5em} -.formpad{padding-left:0} -.mainpage .postform{border-top:1px solid #FFF;padding:.75em} -form .msg{border:3px double #FFF} -#content.list{border:4px double #FFF} -#content.list #header div{border-bottom:1px solid #FFF} -#content.grid{border:1px solid #FFF;padding:2px} -#content.grid .row{border:1px solid #FFF;margin:2px} -@media(max-width:720px){ - body.threadpage{margin:8px 0} - h2{margin-bottom:.5em} - #thread_nav{margin:-8px 0px 8px} -} \ No newline at end of file +body, +textarea, +.lastposts #counter { + background: #00a; + color: #fff; +} +a, +a .name, +.lastposts #n2 { + color: #ff0; + text-decoration: none; +} +a:focus, +a:active, +a:active .name, +#n2:active { + background: #f00; + color: #fff; +} +.mainpage .threadlinks a:before, +#threadlinks a:before, +.lastposts a:before, +.lastposts label:before { + content: "▶ "; +} +input[type="text"], +textarea, +select { + background: #00a; + border: 1px solid #fff; + color: #fff; +} +input[type="submit"], +input[type="button"], +button { + background: #fff; + border: 0; + color: #000; + padding: 2px 9px; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active, +select:focus { + background: #000; + border-style: solid; + color: #fff; +} +::selection { + background: #fff; + color: #000; +} +::-moz-selection { + background: #fff; + color: #000; +} +hr { + display: none; +} +h2, +.thread .threadnav { + margin: 0.75em; +} +h3 { + background: #fff; + color: #00a; + margin: 0; + padding: 2px 8px; +} +h3 span { + background: #00a; + color: #fff; + padding: 2px; +} +#main_nav, +#thread_nav { + background: linear-gradient(270deg, #0000ff, #000000, #0000ff); + background-position: 0% 50%; + -webkit-animation: bios 6s linear infinite; + -moz-animation: bios 6s linear infinite; + animation: bios 6s linear infinite; + background-size: 500% 500%; +} +@-webkit-keyframes bios { + 0% { + background-position: 0% 0%; + } + 50% { + background-position: 250% 0%; + } + 100% { + background-position: 500% 0%; + } +} +@-moz-keyframes bios { + 0% { + background-position: 0% 0%; + } + 50% { + background-position: 250% 0%; + } + 100% { + background-position: 500% 0%; + } +} +@keyframes bios { + 0% { + background-position: 0% 0%; + } + 50% { + background-position: 250% 0%; + } + 100% { + background-position: 500% 0%; + } +} +#main_nav a, +#thread_nav a, +.threadpage .threadlinks a { + color: #fff; + text-decoration: underline; +} +#main_nav .cur_brd { + background: #fff; + color: #00a; + padding: 1px; + text-decoration: none; +} +#thread_nav { + margin: -8px -8px 8px; + padding: 6px 16px; +} +.innerbox { + border: 1px solid #fff; + margin: 3px; + padding: 0.75em; +} +.innerbox.links { + border-top: 0; + margin-top: -3px; +} +#cur_stl { + background: #ff0; + color: #00a; +} +.outerbox, +.mainpage .thread, +#threadlist, +#content { + border: 1px solid #fff; +} +#threadlist a { + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; +} +.thread .innerbox { + padding: 0; +} +.threadpage .thread { + border-color: #fff; + border-style: double; + border-width: 4px 4px 1px; +} +.reply, +.deleted { + border-top: 1px solid #fff; + padding: 0.5em 0.75em 0; +} +.threadpage .reply, +.threadpage .deleted { + padding: 0.5em 0.5em 0; +} +.name em { + background: #fff; + color: #00f; +} +.q, +.deleted, +.abbrev { + color: #5cf; +} +.deleted { + margin-bottom: 0.5em; +} +#size { + margin-left: 0.5em; +} +.yt { + border: 1px solid #ff0; +} +.yt:active { + background: #f00; + border: 1px solid #f00; + color: #fff; +} +.msg hr { + display: block; +} +#q-p { + background: #00a; + border: 1px solid #fff; +} +#q-p .reply { + border: 0; + padding: 0; +} +.lastposts { + border-color: #fff; + border-style: double; + border-width: 0 4px; + color: #00a; + padding: 0.5em; +} +.mainpage .threadlinks { + margin-top: 0.75em; +} +.threadpage .threadlinks { + margin-top: 0; +} +.threadpage .postform { + border-color: #fff; + border-style: double; + border-width: 1px 4px 4px; + padding: 0.5em; +} +.formpad { + padding-left: 0; +} +.mainpage .postform { + border-top: 1px solid #fff; + padding: 0.75em; +} +form .msg { + border: 3px double #fff; +} +#content.list { + border: 4px double #fff; +} +#content.list #header div { + border-bottom: 1px solid #fff; +} +#content.grid { + border: 1px solid #fff; + padding: 2px; +} +#content.grid .row { + border: 1px solid #fff; + margin: 2px; +} +@media (max-width: 720px) { + body.threadpage { + margin: 8px 0; + } + h2 { + margin-bottom: 0.5em; + } + #thread_nav { + margin: -8px 0px 8px; + } +} 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; + } +} diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css index 629275f..a1e4d56 100644 --- a/static/css/txt/ciber.css +++ b/static/css/txt/ciber.css @@ -1,55 +1,256 @@ -body{background:#000 url('../img/cyb.png');text-shadow:1px 1px #000} -body,h3{color:#BA55D3} -a,h2 a,#n2{color:#DB43B5} -a:active,#n2:active{color:#F0F} -h4{background:#2A4A75;padding:0 7px;text-shadow:0 2px #000} -.threadpage h4{padding:0 3px} -h4,h4 a,.name,.name a{color:#9370DB} -h1,h2 a,h3,h5{text-shadow:1px 1px #000,0 0 10px} -h1:after,h2 a:after,h3:after{content:"_";animation:blink 1s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}} -h2,.thread .threadnav{margin:7px} -h3{margin:8px 0} -h3 span,#size,.abbrev{color:#639} -hr{background:#2A4A75;border:0;height:1px;box-shadow:0 0 10px #2A4A75} -.spoil{background:#2A4A75;color:#2A4A75;text-shadow:none}.spoil:hover{color:#000} -input:active,input:focus,textarea:focus,button:active,button:active,select:focus{box-shadow:0 0 15px} -.outerbox input,.outerbox textarea,select{background:#002f00;border:1px solid #68F855;color:#68F855} -.outerbox input[type=submit],.outerbox input[type=button],.outerbox button{background:#0F0;border:3px outset #0F0;color:#000} -.outerbox input[type=submit]:active,.outerbox input[type=button]:active,.outerbox button:active{background:#0C0;border-style:inset} -.threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#000;border:1px solid #2A4A75;color:#2A4A75;text-shadow:1px 1px #000} -.threadpage input[type=submit]:active,.threadpage input[type=button]:active,.thread input[type=submit]:active,.thread input[type=button]:active{border-color:#d21cea;color:#d21cea} -#main_nav{background:#000;box-shadow:0 0 10px #68F855} -.outerbox{background:#111;color:#5FE44E;border:3px outset #0F0;background:#0C0} -.outerbox a,#main_nav a a,#footer a{color:#68F855} -.outerbox a:active,#main_nav a:active a:active,#footer a:active{color:#ef6177} -#threadlist{background:rgba(26,26,26,.5);border:3px solid #0C0} -#threadlist a{border-right:1px solid #0C0;border-bottom:1px solid #0C0} -.innerbox{border:3px inset #0F0} -.outerbox .innerbox{background:#000 url('../img/green.gif')} -.mainpage .thread,.thread .innerbox{border:1px solid #2A4A75} -.mainpage .thread{background:#2A4A75;box-shadow:0 0 5px 5px #2A4A75} -.thread .innerbox,.threadpage,#q-p,form .msg{background:#000 url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC')} -.thread .innerbox{padding:0} -.name em{color:#4B0082} -.q{color:#9932CC} -.deleted{background:none;border-color:#2A4A75;border-style:solid;border-width:1px 0;color:inherit} -.yt{background:#000;border:1px solid #2A4A75} -.mainpage .postform{border-top:1px solid #2A4A75;padding:1em 0 1em 40px} -.formpad{padding:0} -form .msg{border:1px dotted #2A4A75;color:#2A4A75} -#q-p{border:1px solid #000;padding:0} -#q-p .reply{border:3px double #2A4A75;margin:0;padding-bottom:1em} -#q-p .reply h4{padding:1px} -#footer{color:#0C0;text-shadow:0 0 5px #0F0} -#footer a{color:#989898} -#content{background:#000;border:3px double #d500fb;color:#39c8df}#content a{color:#d500fb} -#content.list #header{text-shadow:0 0 5px} -#content.list .row:nth-child(odd){background:#200020} -#content.grid{border:2px solid #141937} -#content.grid .row{border:2px solid #141937} -#content.grid .row:hover{background:#27151D;border-color:#9B1937} -#content .row:hover a{text-shadow:0 0 5px} -@media(max-width:720px){ - div.msg{margin:.5em .5em 0} - .mainpage .postform{padding:.5em} -} \ No newline at end of file +body { + background: #000 url("../img/cyb.png"); + text-shadow: 1px 1px #000; +} +body, +h3 { + color: #ba55d3; +} +a, +h2 a, +#n2 { + color: #db43b5; +} +a:active, +#n2:active { + color: #f0f; +} +h4 { + background: #2a4a75; + padding: 0 7px; + text-shadow: 0 2px #000; +} +.threadpage h4 { + padding: 0 3px; +} +h4, +h4 a, +.name, +.name a { + color: #9370db; +} +h1, +h2 a, +h3, +h5 { + text-shadow: 1px 1px #000, 0 0 10px; +} +h1:after, +h2 a:after, +h3:after { + content: "_"; + animation: blink 1s infinite; +} +@keyframes blink { + from, + to { + opacity: 0; + } + 50% { + opacity: 1; + } +} +h2, +.thread .threadnav { + margin: 7px; +} +h3 { + margin: 8px 0; +} +h3 span, +#size, +.abbrev { + color: #639; +} +hr { + background: #2a4a75; + border: 0; + height: 1px; + box-shadow: 0 0 10px #2a4a75; +} +.spoil { + background: #2a4a75; + color: #2a4a75; + text-shadow: none; +} +.spoil:hover { + color: #000; +} +input:active, +input:focus, +textarea:focus, +button:active, +button:active, +select:focus { + box-shadow: 0 0 15px; +} +.outerbox input, +.outerbox textarea, +select { + background: #002f00; + border: 1px solid #68f855; + color: #68f855; +} +.outerbox input[type="submit"], +.outerbox input[type="button"], +.outerbox button { + background: #0f0; + border: 3px outset #0f0; + color: #000; +} +.outerbox input[type="submit"]:active, +.outerbox input[type="button"]:active, +.outerbox button:active { + background: #0c0; + border-style: inset; +} +.threadpage input, +.threadpage textarea, +.thread input, +.thread textarea { + background: #000; + border: 1px solid #2a4a75; + color: #2a4a75; + text-shadow: 1px 1px #000; +} +.threadpage input[type="submit"]:active, +.threadpage input[type="button"]:active, +.thread input[type="submit"]:active, +.thread input[type="button"]:active { + border-color: #d21cea; + color: #d21cea; +} +#main_nav { + background: #000; + box-shadow: 0 0 10px #68f855; +} +.outerbox { + background: #111; + color: #5fe44e; + border: 3px outset #0f0; + background: #0c0; +} +.outerbox a, +#main_nav a a, +#footer a { + color: #68f855; +} +.outerbox a:active, +#main_nav a:active a:active, +#footer a:active { + color: #ef6177; +} +#threadlist { + background: rgba(26, 26, 26, 0.5); + border: 3px solid #0c0; +} +#threadlist a { + border-right: 1px solid #0c0; + border-bottom: 1px solid #0c0; +} +.innerbox { + border: 3px inset #0f0; +} +.outerbox .innerbox { + background: #000 url("../img/green.gif"); +} +.mainpage .thread, +.thread .innerbox { + border: 1px solid #2a4a75; +} +.mainpage .thread { + background: #2a4a75; + box-shadow: 0 0 5px 5px #2a4a75; +} +.thread .innerbox, +.threadpage, +#q-p, +form .msg { + background: #000 + url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC"); +} +.thread .innerbox { + padding: 0; +} +.name em { + color: #4b0082; +} +.q { + color: #9932cc; +} +.deleted { + background: none; + border-color: #2a4a75; + border-style: solid; + border-width: 1px 0; + color: inherit; +} +.yt { + background: #000; + border: 1px solid #2a4a75; +} +.mainpage .postform { + border-top: 1px solid #2a4a75; + padding: 1em 0 1em 40px; +} +.formpad { + padding: 0; +} +form .msg { + border: 1px dotted #2a4a75; + color: #2a4a75; +} +#q-p { + border: 1px solid #000; + padding: 0; +} +#q-p .reply { + border: 3px double #2a4a75; + margin: 0; + padding-bottom: 1em; +} +#q-p .reply h4 { + padding: 1px; +} +#footer { + color: #0c0; + text-shadow: 0 0 5px #0f0; +} +#footer a { + color: #989898; +} +#content { + background: #000; + border: 3px double #d500fb; + color: #39c8df; +} +#content a { + color: #d500fb; +} +#content.list #header { + text-shadow: 0 0 5px; +} +#content.list .row:nth-child(odd) { + background: #200020; +} +#content.grid { + border: 2px solid #141937; +} +#content.grid .row { + border: 2px solid #141937; +} +#content.grid .row:hover { + background: #27151d; + border-color: #9b1937; +} +#content .row:hover a { + text-shadow: 0 0 5px; +} +@media (max-width: 720px) { + div.msg { + margin: 0.5em 0.5em 0; + } + .mainpage .postform { + padding: 0.5em; + } +} diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css index 74379b5..ecbc0e3 100644 --- a/static/css/txt/cuteanarchy.css +++ b/static/css/txt/cuteanarchy.css @@ -7,36 +7,37 @@ */ body { - background:#ffd9c6; - color: #CED1CF + background: #ffd9c6; + color: #ced1cf; } body.mainpage { - background:#ffd9c6 url('/static/css/img/shobon.png') no-repeat fixed right bottom; + background: #ffd9c6 url("/static/css/img/shobon.png") no-repeat fixed right + bottom; } body.threadpage { - background: #ffe8dc; - color: #5d475a; + background: #ffe8dc; + color: #5d475a; } h4 { - color: #ad9ecc; + color: #ad9ecc; } .msg a { - color: #827699; + color: #827699; } a:hover, a:focus, #n2:hover { - text-decoration: none; - color: #edc1e8; + text-decoration: none; + color: #edc1e8; } hr { - border: 1px inset #f4daf1 + border: 1px inset #f4daf1; } input[type="text"], @@ -44,251 +45,254 @@ input[type="submit"], input[type="button"], select, textarea { - background: #e2ffeb; - border: 1px solid #b4ccbc; - color: #5d475a + background: #e2ffeb; + border: 1px solid #b4ccbc; + color: #5d475a; } input[type="submit"], input[type="button"] { - background: #e2ffeb; - padding: 1px 9px; - color: #5d475a; + background: #e2ffeb; + padding: 1px 9px; + color: #5d475a; } input[type="submit"]:active, input[type="button"]:active { - background: #f2d3df + background: #f2d3df; } .threadlinks { - text-align: center; - margin-top: 0.5em; + text-align: center; + margin-top: 0.5em; } h1 { - color: #dc9656; - font-size: 26px; - margin-top: -5px; - text-align: center + color: #dc9656; + font-size: 26px; + margin-top: -5px; + text-align: center; } h2 a { - color: #e9b2e3; + color: #e9b2e3; } h2 small { - color: #999; - font-size: inherit; - font-weight: normal + color: #999; + font-size: inherit; + font-weight: normal; } h3 { - color: #ab4642 + color: #ab4642; } h3 span { - color: #999 + color: #999; } - #main_nav { - background: #000; - color: #7cafc2; + background: #000; + color: #7cafc2; } .banner { - -webkit-filter: grayscale(60%); - filter: grayscale(60%) + -webkit-filter: grayscale(60%); + filter: grayscale(60%); } .outerbox { - margin: 1em auto; - max-width: 1000px; - background: #ffeae0; - border: 1px solid #ffa67a; - color: #777879 + margin: 1em auto; + max-width: 1000px; + background: #ffeae0; + border: 1px solid #ffa67a; + color: #777879; } #titlebox .threadnav { - margin: -6px + margin: -6px; } #threadlist { - background: #ffd9c6; - border: 1px solid #ffb793 + background: #ffd9c6; + border: 1px solid #ffb793; } #threadlist a { - border-right:1px solid #ffb793; - border-bottom:1px solid #ffb793; - color: #d1a0cc; + border-right: 1px solid #ffb793; + border-bottom: 1px solid #ffb793; + color: #d1a0cc; } .mainpage .thread, #content { - margin: 0 auto 2em; - background: #ffebe2; - border: 5px double #FFF; - color: #5d475a; - max-width: 1000px; - box-shadow: #000 5px; - -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); - -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); - box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); + margin: 0 auto 2em; + background: #ffebe2; + border: 5px double #fff; + color: #5d475a; + max-width: 1000px; + box-shadow: #000 5px; + -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); + -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); + box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); } .reply { - margin-bottom: 24px; + margin-bottom: 24px; } .threadpage .thread { - color: #5d475a + color: #5d475a; } a, a .name, #n2 { - color: #e39edc; - text-decoration: none + color: #e39edc; + text-decoration: none; } .name { - color: #7ca380; - text-shadow: 2px 0 11px #ffd7c6; - background-image: url('/static/css/img/bg1.gif'); + color: #7ca380; + text-shadow: 2px 0 11px #ffd7c6; + background-image: url("/static/css/img/bg1.gif"); } .name, .abbrev { - color: #e9b2c8 + color: #e9b2c8; } .name em { - color: #88f + color: #88f; } .del a { - color: #ab4642 + color: #ab4642; } h4 .date { - font-size: small; - font-family: 'Courier New', Courier, monospace; - vertical-align: middle; + font-size: small; + font-family: "Courier New", Courier, monospace; + vertical-align: middle; } h4 .date, .quoted { - color: #4e4e4e; + color: #4e4e4e; } .msg { - margin: 4px 40px 0 + margin: 4px 40px 0; } a.thumb { - margin-top: 4px + margin-top: 4px; } .q { - color: #666 + color: #666; } .yt { - background: #ffe2e8; - border: 1px solid gray; - color: #998d87 + background: #ffe2e8; + border: 1px solid gray; + color: #998d87; } .yt:hover { - text-decoration: none + text-decoration: none; } .deleted { - color: #999; - margin-bottom: 12px + color: #999; + margin-bottom: 12px; } #q-p { - /*border: 1px solid #999*/ - background: #ffd9c6; - border: 1px solid #efc9d8; - border-radius: 3px; - color: #66564f; + /*border: 1px solid #999*/ + background: #ffd9c6; + border: 1px solid #efc9d8; + border-radius: 3px; + color: #66564f; } #q-p .reply { - margin: 0; - padding-bottom:1em + margin: 0; + padding-bottom: 1em; } .lastposts #n2 { - text-decoration: none + text-decoration: none; } #size { - color: #e9b2c8 + color: #e9b2c8; } .end { - font-size: small; - font-family: monospace; + font-size: small; + font-family: monospace; } form .msg { - background: #383838; - border: 1px dotted #000 + background: #383838; + border: 1px dotted #000; } .postform { - margin: 0 auto; - margin-left: 3em; + margin: 0 auto; + margin-left: 3em; } .mainpage .postform, .formpad { - padding-left: 0px; + padding-left: 0px; } .formpad { - margin: 0 auto; - padding-left: 0; - margin-top: 0.25em; + margin: 0 auto; + padding-left: 0; + margin-top: 0.25em; } #footer { - color: #FFF6C6 + color: #fff6c6; } #footer::after { - content: "ヽ(*・ω・)ﾉ"; + content: "ヽ(*・ω・)ﾉ"; } .threads h1 { - text-align: left + text-align: left; } #content.list #header div { - background: #111213 + background: #111213; } #content.list .row:nth-child(odd), #content.grid .row:hover { - background: #191B1D + background: #191b1d; } #content.grid { - border: 1px solid #4B4E55; - padding: 1px + border: 1px solid #4b4e55; + padding: 1px; } #content.grid .row { - border: 1px solid #4B4E55; - margin: 1px + border: 1px solid #4b4e55; + margin: 1px; } -@media(max-width:720px) { - h1 {font-size:18px} - .postform {margin-left:0} -} \ No newline at end of file +@media (max-width: 720px) { + h1 { + font-size: 18px; + } + .postform { + margin-left: 0; + } +} diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css index 42c25af..3f76d50 100644 --- a/static/css/txt/futanari.css +++ b/static/css/txt/futanari.css @@ -1,52 +1,195 @@ -body{background:#13334c;color:#edf9fc} -body.threadpage,body.threads{margin-top:0} -a,a .name,#n2{color:#efd279} -a:active,a:active .name,#n2:active{color:#d00} -h1{background:#5b8bb4;margin:-10px -10px 10px;padding:10px} -h2 span{color:#aaa;margin-right:2px} -h2 a,h2 a:active{color:#de9d7f;text-decoration:none} -h3{color:#de9d7f;margin:0.7em 0} -h3 span{color:#909090} -hr{display:none} -input,input[type=submit],input[type=button],input[type="text"],textarea,button,select{border:1px solid #3b6b94} -input[type=submit],input[type=button],button{background:#aaf;color:#2c5700} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#88c} -#main_nav{background:#1d7548} -.fix #main_nav{box-shadow:0 0 3px #000} -#titlebox{margin-bottom:0} -.outerbox{background:#3b6b94} -.innerbox{margin:0;padding:10px} -.thread .innerbox{padding:0} -.links{background:#5b8bb4} -#threadlist{background:#154a72;border:1px inset #1b3345} -#threadlist a{border-right:1px outset #1b3345;border-bottom:1px outset #1b3345} -#thread_nav{background:#1d7548;padding:6px} -.name{color:#afd775} -.name em{color:#009} -.del a{color:#fff} -.msg{margin:4px 40px 0} -.reply{margin-bottom:24px} -.q{color:#aac} -.yt{background:#2f587a;border:1px solid #1b2933} -.msg hr{display:block} -.deleted{color:#afafaf;margin-bottom:24px} -#size{color:#de9d7f} -.abbrev{color:#bbb} -.postform,#createbox,.threads .outerbox,#content{border-right:2px solid #5b8bb4;border-bottom:2px solid #5b8bb4;background:#3b6b94} -.postform{padding:10px} -.threadpage .threadlinks{margin:0 0 3px} -form .msg{border:1px dashed #000;background:#1b3345} -#q-p{background:#1b3345;border:1px solid #3b6b94} -#q-p .reply{margin-bottom:1em} -.lastposts{background:#5b8bb4;padding:8px} -#content{padding:0 10px 10px} -#content.list #header div{background:#3b6b94} -#content.list .row:nth-child(odd){background:#1b3345} -#content.list .row:nth-child(even){background:#294b68} -#content.grid{border:0;padding:0} -#content.grid .row{border-width:0 2px 2px 0;border-style:solid;border-color:#5b8bb4} -#content.grid .row:hover{background:#154a72} -@media(max-width:720px){ - .thread .innerbox{padding:8px} - .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px} -} \ No newline at end of file +body { + background: #13334c; + color: #edf9fc; +} +body.threadpage, +body.threads { + margin-top: 0; +} +a, +a .name, +#n2 { + color: #efd279; +} +a:active, +a:active .name, +#n2:active { + color: #d00; +} +h1 { + background: #5b8bb4; + margin: -10px -10px 10px; + padding: 10px; +} +h2 span { + color: #aaa; + margin-right: 2px; +} +h2 a, +h2 a:active { + color: #de9d7f; + text-decoration: none; +} +h3 { + color: #de9d7f; + margin: 0.7em 0; +} +h3 span { + color: #909090; +} +hr { + display: none; +} +input, +input[type="submit"], +input[type="button"], +input[type="text"], +textarea, +button, +select { + border: 1px solid #3b6b94; +} +input[type="submit"], +input[type="button"], +button { + background: #aaf; + color: #2c5700; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #88c; +} +#main_nav { + background: #1d7548; +} +.fix #main_nav { + box-shadow: 0 0 3px #000; +} +#titlebox { + margin-bottom: 0; +} +.outerbox { + background: #3b6b94; +} +.innerbox { + margin: 0; + padding: 10px; +} +.thread .innerbox { + padding: 0; +} +.links { + background: #5b8bb4; +} +#threadlist { + background: #154a72; + border: 1px inset #1b3345; +} +#threadlist a { + border-right: 1px outset #1b3345; + border-bottom: 1px outset #1b3345; +} +#thread_nav { + background: #1d7548; + padding: 6px; +} +.name { + color: #afd775; +} +.name em { + color: #009; +} +.del a { + color: #fff; +} +.msg { + margin: 4px 40px 0; +} +.reply { + margin-bottom: 24px; +} +.q { + color: #aac; +} +.yt { + background: #2f587a; + border: 1px solid #1b2933; +} +.msg hr { + display: block; +} +.deleted { + color: #afafaf; + margin-bottom: 24px; +} +#size { + color: #de9d7f; +} +.abbrev { + color: #bbb; +} +.postform, +#createbox, +.threads .outerbox, +#content { + border-right: 2px solid #5b8bb4; + border-bottom: 2px solid #5b8bb4; + background: #3b6b94; +} +.postform { + padding: 10px; +} +.threadpage .threadlinks { + margin: 0 0 3px; +} +form .msg { + border: 1px dashed #000; + background: #1b3345; +} +#q-p { + background: #1b3345; + border: 1px solid #3b6b94; +} +#q-p .reply { + margin-bottom: 1em; +} +.lastposts { + background: #5b8bb4; + padding: 8px; +} +#content { + padding: 0 10px 10px; +} +#content.list #header div { + background: #3b6b94; +} +#content.list .row:nth-child(odd) { + background: #1b3345; +} +#content.list .row:nth-child(even) { + background: #294b68; +} +#content.grid { + border: 0; + padding: 0; +} +#content.grid .row { + border-width: 0 2px 2px 0; + border-style: solid; + border-color: #5b8bb4; +} +#content.grid .row:hover { + background: #154a72; +} +@media (max-width: 720px) { + .thread .innerbox { + padding: 8px; + } + .innerbox, + .postform, + .mainpage .postform { + padding: 8px; + padding-left: 8px; + } +} diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css index 2e7feab..706abc7 100644 --- a/static/css/txt/gamer.css +++ b/static/css/txt/gamer.css @@ -1,51 +1,221 @@ -body{color:#FFF} -body{background:#000 url('../img/g_bg.png') fixed} -a,.name,a .name{color:#AFA} -a:active,a:active .name{color:#FFF} -h1,h2,h3,h5,#content.list #header div{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC');color:#FFF;text-shadow:1px 1px #002} -h1,h2,h3,h5{font-size:18px;margin:-7px -7px 8px;padding:8px} -h2 a{color:#FFF;font-size:18px} -h3 span{font-weight:bold;margin-left:4px} -hr{display:none} -#main_nav{background:url('../img/g_b2.gif') bottom repeat-x} -#main_nav a a{color:#FFF;text-decoration:none}#main_nav a:active a:active{color:#E0E0FF} -#thread_nav{margin:6px 0} -.cur_brd,.fix #main_nav a a{background:url('../img/g_b3.gif') bottom repeat-x;margin-bottom:-4px;padding-bottom:4px} -#thread_nav a,.lastposts a,#n2{color:#66B}#thread_nav a:active,.lastposts a:active,#n2:active{color:#AFA} -.links,#threadlinks,.threadlinks{background:url('../img/g_bg3.png') top center;color:#FF0} -h4 a,.threadnav a,.links a,#footer a{text-decoration:none} -#threadlinks a,.threadlinks a{color:#FFF}#threadlinks a:active,.threadlinks a:active{color:#404040} -#threadlinks{margin:-7px -7px 7px;padding:7px} -.mainpage .threadlinks{margin:1em -7px -7px;padding:.5em 7px} -.threadpage .threadlinks{margin:-7px -7px .5em;padding:.5em} -#threadlist{border-top:1px solid #111;border-left:1px solid #111} -#threadlist a{border-right:1px solid #111;border-bottom:1px solid #111} -.innerbox{margin:0} -.outerbox,.thread,.threadpage .postform,#content{background:#050505 url('../img/g_p.gif');border:6px solid transparent;-moz-border-image:url('../img/g_b.gif') 6 6 round round;-webkit-border-image:url('../img/g_b.gif') 6 6 round round;-o-border-image:url('../img/g_b.gif') 6 6 round round;border-image:url('../img/g_b.gif') 6 6 round round} -.threadpage .thread,.threadpage .postform{margin-bottom:.5em;padding:7px} -.reply{border-top:1px solid #111;padding-top:.5em} -.name em{color:#FF0} -h4 .date,.del a,.abbrev{color:#AAA} -.q{color:#666} -.yt{background:#000;border:1px solid #111} -.deleted{color:#AFAFAF;margin-bottom:24px} -.msg hr{display:block} -.mainpage .postform{border-top:1px solid #111;padding:1em 0 0} -.formpad{padding-left:0} -form .msg{border:1px dotted #111} -#q-p{background:#EFEFEF;border:1px solid #999} -#q-p .reply{margin-bottom:8px} -#size{color:#FF0;margin:0} -.lastposts{color:#66B;padding-bottom:.5em} -.del a,#footer a:active{text-decoration:underline} -#content .thread{border:0} -#content a:hover{color:#FFF} -#content.list .pos,#content.list .com{color:#AAA} -#content.list .row div,#content.grid .row{border-width:0 1px 1px 0;border-style:solid;border-color:#111} -#content.grid .row{border:1px solid #111;margin:1px} -@media(max-width:720px){ - body.threadpage{margin:2px} - #threadlinks,.threadlinks{padding:4px} - .mainpage .threadlinks{margin-top:.5em} - .mainpage .postform{padding:.5em 0 0} -} \ No newline at end of file +body { + color: #fff; +} +body { + background: #000 url("../img/g_bg.png") fixed; +} +a, +.name, +a .name { + color: #afa; +} +a:active, +a:active .name { + color: #fff; +} +h1, +h2, +h3, +h5, +#content.list #header div { + background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC"); + color: #fff; + text-shadow: 1px 1px #002; +} +h1, +h2, +h3, +h5 { + font-size: 18px; + margin: -7px -7px 8px; + padding: 8px; +} +h2 a { + color: #fff; + font-size: 18px; +} +h3 span { + font-weight: bold; + margin-left: 4px; +} +hr { + display: none; +} +#main_nav { + background: url("../img/g_b2.gif") bottom repeat-x; +} +#main_nav a a { + color: #fff; + text-decoration: none; +} +#main_nav a:active a:active { + color: #e0e0ff; +} +#thread_nav { + margin: 6px 0; +} +.cur_brd, +.fix #main_nav a a { + background: url("../img/g_b3.gif") bottom repeat-x; + margin-bottom: -4px; + padding-bottom: 4px; +} +#thread_nav a, +.lastposts a, +#n2 { + color: #66b; +} +#thread_nav a:active, +.lastposts a:active, +#n2:active { + color: #afa; +} +.links, +#threadlinks, +.threadlinks { + background: url("../img/g_bg3.png") top center; + color: #ff0; +} +h4 a, +.threadnav a, +.links a, +#footer a { + text-decoration: none; +} +#threadlinks a, +.threadlinks a { + color: #fff; +} +#threadlinks a:active, +.threadlinks a:active { + color: #404040; +} +#threadlinks { + margin: -7px -7px 7px; + padding: 7px; +} +.mainpage .threadlinks { + margin: 1em -7px -7px; + padding: 0.5em 7px; +} +.threadpage .threadlinks { + margin: -7px -7px 0.5em; + padding: 0.5em; +} +#threadlist { + border-top: 1px solid #111; + border-left: 1px solid #111; +} +#threadlist a { + border-right: 1px solid #111; + border-bottom: 1px solid #111; +} +.innerbox { + margin: 0; +} +.outerbox, +.thread, +.threadpage .postform, +#content { + background: #050505 url("../img/g_p.gif"); + border: 6px solid transparent; + -moz-border-image: url("../img/g_b.gif") 6 6 round round; + -webkit-border-image: url("../img/g_b.gif") 6 6 round round; + -o-border-image: url("../img/g_b.gif") 6 6 round round; + border-image: url("../img/g_b.gif") 6 6 round round; +} +.threadpage .thread, +.threadpage .postform { + margin-bottom: 0.5em; + padding: 7px; +} +.reply { + border-top: 1px solid #111; + padding-top: 0.5em; +} +.name em { + color: #ff0; +} +h4 .date, +.del a, +.abbrev { + color: #aaa; +} +.q { + color: #666; +} +.yt { + background: #000; + border: 1px solid #111; +} +.deleted { + color: #afafaf; + margin-bottom: 24px; +} +.msg hr { + display: block; +} +.mainpage .postform { + border-top: 1px solid #111; + padding: 1em 0 0; +} +.formpad { + padding-left: 0; +} +form .msg { + border: 1px dotted #111; +} +#q-p { + background: #efefef; + border: 1px solid #999; +} +#q-p .reply { + margin-bottom: 8px; +} +#size { + color: #ff0; + margin: 0; +} +.lastposts { + color: #66b; + padding-bottom: 0.5em; +} +.del a, +#footer a:active { + text-decoration: underline; +} +#content .thread { + border: 0; +} +#content a:hover { + color: #fff; +} +#content.list .pos, +#content.list .com { + color: #aaa; +} +#content.list .row div, +#content.grid .row { + border-width: 0 1px 1px 0; + border-style: solid; + border-color: #111; +} +#content.grid .row { + border: 1px solid #111; + margin: 1px; +} +@media (max-width: 720px) { + body.threadpage { + margin: 2px; + } + #threadlinks, + .threadlinks { + padding: 4px; + } + .mainpage .threadlinks { + margin-top: 0.5em; + } + .mainpage .postform { + padding: 0.5em 0 0; + } +} diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css index 3c5183c..de4d9cf 100644 --- a/static/css/txt/headline.css +++ b/static/css/txt/headline.css @@ -1,43 +1,180 @@ -body{background:#FFF} -body,textarea{color:#000} -a,#n2,h3 span{color:#D60} -a:active .name,h2 a:active,h4 a:active,a:active,#n2:active{color:#FA4} -h2 a,.del a,.name,h4 a,h4{color:#000} -h1{border-bottom:2px solid #F70;padding:0 10px;margin:0 -10px 10px} -h2,h3{background:#EEE;border-bottom:2px solid #F70;display:inline-block;padding:2px 3px} -h3{margin:0.7em 0} -h4{background:#EEE;border-bottom:1px solid #BBB;padding:0 3px} -hr{display:none} -input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{border:1px solid #000} -input[type="submit"],input[type="button"],button{background:#DDD} -input[type="submit"]:active,input[type="button"]:active,button:active{background:#CCC;border-style:solid} -.fix #main_nav{background:#FFF;border-bottom:2px solid #BBB} -.outerbox,#titlebox .innerbox:first-child,.postform,.lastposts,#content{background:#EEE;border-bottom:2px solid #BBB} -.innerbox{margin:0;padding:10px} -.thread .innerbox{padding:0} -#threadlist{background:#fff;border:1px inset #BBB} -#threadlist a{border-right:1px outset #BBB;border-bottom:1px outset #BBB} -#thread_nav{border-bottom:2px solid #F70;padding:0 0 6px 6px} -.mainpage .first div.msg::first-letter{font-size:1.5em;text-transform:uppercase} -.name em{color:#009;font-style:normal} -.q,.abbrev{color:#7f7f7f} -.yt{background:#f2f2f2;border:1px solid #bbb} -.msg hr{display:block;max-width:500px;margin-left:0} -#size{color:#D60} -.deleted{color:#AFAFAF} -#q-p{background:#FFF;border:1px solid #BBB;border-bottom:2px solid #BBB} -.lastposts{padding:8px} -.threadpage .threadlinks{margin:0 0 3px} -.postform{padding:10px} -form .msg{border:1px dashed #000;background:#FFF;margin:0;padding:.5em 0.15em} -#content{padding:0 10px 10px} -#content.list #header div{background:#EEE} -#content.list .row:nth-child(odd){background:#FFF} -#content.list .row:nth-child(even){background:#DDD} -#content.grid{border:1px solid #BBB;padding:0} -#content.grid .row{border:1px solid #BBB} -#content.grid .row:hover{background:#DDD} -@media(max-width:720px){ - .thread .innerbox{padding:8px} - .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px} -} \ No newline at end of file +body { + background: #fff; +} +body, +textarea { + color: #000; +} +a, +#n2, +h3 span { + color: #d60; +} +a:active .name, +h2 a:active, +h4 a:active, +a:active, +#n2:active { + color: #fa4; +} +h2 a, +.del a, +.name, +h4 a, +h4 { + color: #000; +} +h1 { + border-bottom: 2px solid #f70; + padding: 0 10px; + margin: 0 -10px 10px; +} +h2, +h3 { + background: #eee; + border-bottom: 2px solid #f70; + display: inline-block; + padding: 2px 3px; +} +h3 { + margin: 0.7em 0; +} +h4 { + background: #eee; + border-bottom: 1px solid #bbb; + padding: 0 3px; +} +hr { + display: none; +} +input, +input[type="submit"], +input[type="button"], +input[type="text"], +textarea, +button, +select { + border: 1px solid #000; +} +input[type="submit"], +input[type="button"], +button { + background: #ddd; +} +input[type="submit"]:active, +input[type="button"]:active, +button:active { + background: #ccc; + border-style: solid; +} +.fix #main_nav { + background: #fff; + border-bottom: 2px solid #bbb; +} +.outerbox, +#titlebox .innerbox:first-child, +.postform, +.lastposts, +#content { + background: #eee; + border-bottom: 2px solid #bbb; +} +.innerbox { + margin: 0; + padding: 10px; +} +.thread .innerbox { + padding: 0; +} +#threadlist { + background: #fff; + border: 1px inset #bbb; +} +#threadlist a { + border-right: 1px outset #bbb; + border-bottom: 1px outset #bbb; +} +#thread_nav { + border-bottom: 2px solid #f70; + padding: 0 0 6px 6px; +} +.mainpage .first div.msg::first-letter { + font-size: 1.5em; + text-transform: uppercase; +} +.name em { + color: #009; + font-style: normal; +} +.q, +.abbrev { + color: #7f7f7f; +} +.yt { + background: #f2f2f2; + border: 1px solid #bbb; +} +.msg hr { + display: block; + max-width: 500px; + margin-left: 0; +} +#size { + color: #d60; +} +.deleted { + color: #afafaf; +} +#q-p { + background: #fff; + border: 1px solid #bbb; + border-bottom: 2px solid #bbb; +} +.lastposts { + padding: 8px; +} +.threadpage .threadlinks { + margin: 0 0 3px; +} +.postform { + padding: 10px; +} +form .msg { + border: 1px dashed #000; + background: #fff; + margin: 0; + padding: 0.5em 0.15em; +} +#content { + padding: 0 10px 10px; +} +#content.list #header div { + background: #eee; +} +#content.list .row:nth-child(odd) { + background: #fff; +} +#content.list .row:nth-child(even) { + background: #ddd; +} +#content.grid { + border: 1px solid #bbb; + padding: 0; +} +#content.grid .row { + border: 1px solid #bbb; +} +#content.grid .row:hover { + background: #ddd; +} +@media (max-width: 720px) { + .thread .innerbox { + padding: 8px; + } + .innerbox, + .postform, + .mainpage .postform { + padding: 8px; + padding-left: 8px; + } +} 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; + } +} diff --git a/static/css/txt/sjis.css b/static/css/txt/sjis.css index bd6e963..5dbcb4c 100644 --- a/static/css/txt/sjis.css +++ b/static/css/txt/sjis.css @@ -1 +1,7 @@ -body,textarea{font-family:Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97}textarea{font-size:16px} \ No newline at end of file +body, +textarea { + font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97; +} +textarea { + font-size: 16px; +} diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css index 7d80520..9a5df70 100644 --- a/static/css/txt/ventanas.css +++ b/static/css/txt/ventanas.css @@ -1,53 +1,255 @@ -body,textarea{color:#000} -body.mainpage,body.threads{background:#008081} -body.threadpage,.outerbox,.mainpage .thread,#q-p{background:#C0C0C0} -::selection{background:blue;color:white}::-moz-selection{background:blue;color:white} -a,a .name,#n2{color:#00F} -a:active,a:active .name,#n2:active{color:#f00} -input[type=submit],input[type=button],button{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:ridge;background:#C0C0C0;color:#000} -h1,h2,#threadlinks:before,h5{background:#010081;color:#FFF;font-size:21px;font-weight:bold;margin:-11px -11px 11px;padding:2px} -h2 a,h2 a:active{color:#FFF} -h3 span{color:#555;text-decoration:underline} -h4{padding-top:.5em} -hr{border:0} -hr,h4,.deleted{border-top:2px groove white} -.mainpage .first h4{border:0;padding:0} -#main_nav{background:#C0C0C0;border-bottom:2px ridge white;line-height:1;padding:2px 0} -.threadnav{line-height:1;margin:-11px} -#main_nav a,.threadnav a{background:#C0C0C0;border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:ridge;color:#000;display:inline-block;margin:0 -1px;padding:2px;text-decoration:none;outline-offset:-4px} -.threadnav a{margin:2px;padding:0} -#main_nav a:first-child a:first-child{font-weight:bold} -#main_nav .cur_brd{background:#BBB url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAHUlEQVQImQESAO3/AMG/wv////7/AP///v++vr7/gXcOcY36q6gAAAAASUVORK5CYII=');font-weight:bold} -#main_nav .cur_brd,#main_nav a:active,.threadnav a:active,input[type=submit]:active,input[type=button]:active,button:active{border-color:#000 #FFF #FFF #000;border-style:groove} -.outerbox,.mainpage .thread,#q-p{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:groove} -input[type=text],textarea,.innerbox,#content,#threadlist,select{border-width:2px;border-color:#000 #FFF #FFF #000;border-style:groove} -select{background:#FFF} -select:focus{background:#000080;color:#FFF;outline:1px dotted #ffff7f;outline-offset:-3px} -#threadlinks:before{content:"";display:block;height:15px;margin-bottom:5px} -.innerbox{padding:10px;margin:2px} -.links{border:1px solid;border-color:#888 #dadada #dadada #888;padding:2px} -#threadlist{background:#FFF} -#threadlist a{border-right:1px solid #000;border-bottom:1px solid #000;color:#000} -#threadlist a:active{background:#DDD} -#thread_nav a{color:#000;display:inline-block;margin:-3px -2px;padding:3px}#thread_nav a:hover{background:#DDD} -.{margin-bottom:.5em} -.name,.abbrev{color:#444} -.name em{color:#009} -.del a{color:#000} -.q{color:#666} -.yt{background:#FFF;border:1px inset #aaa;color:#000} -.deleted{color:gray;margin-bottom:.5em;padding-top:.5em} -#q-p{box-shadow:5px 5px #000;padding:0} -#q-p .reply{padding:.5em;margin-bottom:.5em} -#q-p .reply:first-child h4{border:0;padding:0} -.postform,.formpad{padding:0} -form .msg{background:#FFFFE0;border:1px solid #000} -#footer{color:#FFF} -#listmenu h1{background:none;color:#000;margin:0;padding:0} -#content{background:#FFF} -#content.list #header div{background:#CCC} -#content.list .row div,#content.grid .row{border-width:0 1px 1px 0;border-style:solid;border-color:#000} -#content .row:hover{background:#EEE} -@media(max-width:720px){ - #createbox form{margin:-10px} -} \ No newline at end of file +body, +textarea { + color: #000; +} +body.mainpage, +body.threads { + background: #008081; +} +body.threadpage, +.outerbox, +.mainpage .thread, +#q-p { + background: #c0c0c0; +} +::selection { + background: blue; + color: white; +} +::-moz-selection { + background: blue; + color: white; +} +a, +a .name, +#n2 { + color: #00f; +} +a:active, +a:active .name, +#n2:active { + color: #f00; +} +input[type="submit"], +input[type="button"], +button { + border-width: 2px; + border-color: #fff #000 #000 #fff; + border-style: ridge; + background: #c0c0c0; + color: #000; +} +h1, +h2, +#threadlinks:before, +h5 { + background: #010081; + color: #fff; + font-size: 21px; + font-weight: bold; + margin: -11px -11px 11px; + padding: 2px; +} +h2 a, +h2 a:active { + color: #fff; +} +h3 span { + color: #555; + text-decoration: underline; +} +h4 { + padding-top: 0.5em; +} +hr { + border: 0; +} +hr, +h4, +.deleted { + border-top: 2px groove white; +} +.mainpage .first h4 { + border: 0; + padding: 0; +} +#main_nav { + background: #c0c0c0; + border-bottom: 2px ridge white; + line-height: 1; + padding: 2px 0; +} +.threadnav { + line-height: 1; + margin: -11px; +} +#main_nav a, +.threadnav a { + background: #c0c0c0; + border-width: 2px; + border-color: #fff #000 #000 #fff; + border-style: ridge; + color: #000; + display: inline-block; + margin: 0 -1px; + padding: 2px; + text-decoration: none; + outline-offset: -4px; +} +.threadnav a { + margin: 2px; + padding: 0; +} +#main_nav a:first-child a:first-child { + font-weight: bold; +} +#main_nav .cur_brd { + background: #bbb + url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAHUlEQVQImQESAO3/AMG/wv////7/AP///v++vr7/gXcOcY36q6gAAAAASUVORK5CYII="); + font-weight: bold; +} +#main_nav .cur_brd, +#main_nav a:active, +.threadnav a:active, +input[type="submit"]:active, +input[type="button"]:active, +button:active { + border-color: #000 #fff #fff #000; + border-style: groove; +} +.outerbox, +.mainpage .thread, +#q-p { + border-width: 2px; + border-color: #fff #000 #000 #fff; + border-style: groove; +} +input[type="text"], +textarea, +.innerbox, +#content, +#threadlist, +select { + border-width: 2px; + border-color: #000 #fff #fff #000; + border-style: groove; +} +select { + background: #fff; +} +select:focus { + background: #000080; + color: #fff; + outline: 1px dotted #ffff7f; + outline-offset: -3px; +} +#threadlinks:before { + content: ""; + display: block; + height: 15px; + margin-bottom: 5px; +} +.innerbox { + padding: 10px; + margin: 2px; +} +.links { + border: 1px solid; + border-color: #888 #dadada #dadada #888; + padding: 2px; +} +#threadlist { + background: #fff; +} +#threadlist a { + border-right: 1px solid #000; + border-bottom: 1px solid #000; + color: #000; +} +#threadlist a:active { + background: #ddd; +} +#thread_nav a { + color: #000; + display: inline-block; + margin: -3px -2px; + padding: 3px; +} +#thread_nav a:hover { + background: #ddd; +} +. { + margin-bottom: 0.5em; +} +.name, +.abbrev { + color: #444; +} +.name em { + color: #009; +} +.del a { + color: #000; +} +.q { + color: #666; +} +.yt { + background: #fff; + border: 1px inset #aaa; + color: #000; +} +.deleted { + color: gray; + margin-bottom: 0.5em; + padding-top: 0.5em; +} +#q-p { + box-shadow: 5px 5px #000; + padding: 0; +} +#q-p .reply { + padding: 0.5em; + margin-bottom: 0.5em; +} +#q-p .reply:first-child h4 { + border: 0; + padding: 0; +} +.postform, +.formpad { + padding: 0; +} +form .msg { + background: #ffffe0; + border: 1px solid #000; +} +#footer { + color: #fff; +} +#listmenu h1 { + background: none; + color: #000; + margin: 0; + padding: 0; +} +#content { + background: #fff; +} +#content.list #header div { + background: #ccc; +} +#content.list .row div, +#content.grid .row { + border-width: 0 1px 1px 0; + border-style: solid; + border-color: #000; +} +#content .row:hover { + background: #eee; +} +@media (max-width: 720px) { + #createbox form { + margin: -10px; + } +} -- cgit v1.2.1-18-gbd029