aboutsummaryrefslogtreecommitdiff
path: root/static/css/txt
diff options
context:
space:
mode:
Diffstat (limited to 'static/css/txt')
-rw-r--r--static/css/txt/4am.css42
-rw-r--r--static/css/txt/amber.css44
-rw-r--r--static/css/txt/ayashii.css52
-rw-r--r--static/css/txt/baisano.css43
-rw-r--r--static/css/txt/bbs.css95
-rw-r--r--static/css/txt/bios.css51
-rw-r--r--static/css/txt/blue moon.css61
-rw-r--r--static/css/txt/ciber.css55
-rw-r--r--static/css/txt/futanari.css49
-rw-r--r--static/css/txt/headline.css41
-rw-r--r--static/css/txt/postal.css47
-rw-r--r--static/css/txt/sjis.css1
-rw-r--r--static/css/txt/ventanas.css48
13 files changed, 629 insertions, 0 deletions
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
new file mode 100644
index 0000000..c3f06b4
--- /dev/null
+++ b/static/css/txt/4am.css
@@ -0,0 +1,42 @@
+body{background:#222 url('/bg2.gif');color:#CED1CF}
+body.threadpage{background-image:none}
+a,a .name,#n2{color:#81A2BE;text-decoration:none}
+a:hover,a:focus,#n2:active{text-decoration:underline}
+hr{border:1px inset #111}
+input[type="text"],input[type="submit"],input[type="button"],textarea,button{background:#383838;border:1px solid #4B4E55;color:#e8e8e8}
+input[type="submit"],input[type="button"],button{background:#333;padding:2px 10px}
+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{color:#ab4642}
+h3 span{color:#999}
+h4{color:#c1c5c2}
+#main_nav{background:#000;color:#7cafc2;z-index:9}
+.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}
+.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 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:12px}
+#q-p{background:#222;border:1px solid #999}
+#q-p .msg,#q-p a.thumb{margin-bottom:8px}
+.lastposts #n2{text-decoration:none}
+.size{color:#ab4642}
+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
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
new file mode 100644
index 0000000..3de2dd5
--- /dev/null
+++ b/static/css/txt/amber.css
@@ -0,0 +1,44 @@
+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[type=submit],input[type=button],button{padding:2px 10px}
+input,button{font-family:monospace}
+input,input[type="text"],textarea,button{background:#000;border:1px solid #f9690e;color:#f9690e;text-shadow:1px 1px #000}
+input[type="text"]:focus,textarea:focus{background:#3a1903}
+input[type=submit]:active,input[type=button]:active,button:active{background:#f9690e;color#000}
+#main_nav{background:#000;box-shadow: 0 0 10px}
+.outerbox,.innerbox{border:1px solid #f9690e}
+#threadlist{border:3px double #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}
+#q-p .reply h4{padding: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}
+ .mainpage .postform{padding:.5em}
+} \ No newline at end of file
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
new file mode 100644
index 0000000..b7e5fc0
--- /dev/null
+++ b/static/css/txt/ayashii.css
@@ -0,0 +1,52 @@
+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:1px outset #FFF;background:#DDD;color:#000;padding:2px 10px}
+input[type=submit]:active,input[type=button]:active,button:active{border-style:inset}
+#main_nav,.banner{background:inherit;text-align:left;padding-left:2.5%}
+#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}
+.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}
+#q-p{background:#004040;border:1px solid #DDD}
+#q-p h4:before{display:none}
+#q-p .reply:last-child{border:0;margin-bottom:0}
+.postform,.formpad{padding-left:0}
+.size{color:#FFF;margin-top:-6px}
+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:8px}
+ h2 span{margin-left:0;float:none}
+ .reply{margin-bottom:.5em}
+ h4:before{font-size:12px;width:20px}
+ div.msg{margin:.5em 0 .5em 20px}
+} \ No newline at end of file
diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css
new file mode 100644
index 0000000..82043dd
--- /dev/null
+++ b/static/css/txt/baisano.css
@@ -0,0 +1,43 @@
+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}
+.outerbox{background:#CFC;border:1px outset #FFF}
+.innerbox{border:1px inset #FFF}
+#threadlist{background:#BEB;border:1px inset #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 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 .msg,#q-p a.thumb{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
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
new file mode 100644
index 0000000..0ae6041
--- /dev/null
+++ b/static/css/txt/bbs.css
@@ -0,0 +1,95 @@
+*{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}
+h1,h5{font-size:18px;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:19px;font-weight:normal;margin:8px 0}
+h4{clear:both;font-weight:normal;margin:0}
+h5{margin-bottom:8px}
+input[type="text"],textarea{background:#FFF;border:1px inset #DDD;color:#000}
+.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:8px 0;white-space:pre-wrap}
+#main_nav .cur_brd,#cur_stl,.locked{font-weight:bold}
+#main_nav{font-size:14px;padding:4px 0;text-align:center;width:100%}
+#main_nav a,#thread_nav a,#threadlinks a,.threadlinks a,label{display:inline-block}
+.outerbox,.mainpage .thread,#footer,#content{margin-bottom:1em;margin-left:2.5%;margin-right:2.5%}
+.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:7px;text-align:center}
+#threadlinks a{margin:0 4px}
+#threadlist{font-size:14px;line-height:1;max-height:11em;padding:7px;overflow-y:scroll}
+#threadlist a{text-decoration:none}
+#thread_nav{padding-left:6px}
+.mainpage .postform,.formpad{padding-left:40px}
+.reply{clear:both;line-height:1.25em;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}
+.msg hr{margin-left:0;max-width:500px}
+a.thumb{cursor:zoom-in;font-size:14px;float:left;margin:1em 20px;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}
+#q-p{margin-right:1em;padding:8px 8px 0;position:absolute}
+#q-p .del,#q-p .quoted,#q-p .thumb div{display:none}
+.size{color:#f00;font-family:arial,sans-serif;font-weight:bold;margin-bottom:8px}
+.lastposts{text-align:center;line-height:1}
+.lastposts #n2{text-decoration:underline}
+.threadpage .threadlinks{margin:8px 0}
+#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{display:flex;flex-flow:row wrap;justify-content:space-around}
+#content.grid .row{flex:1 1 auto;padding:5px}
+#content.grid .row div{display:inline}
+@media(min-height:999px){#threadlist{max-height:16em}}
+@media(max-width:720px){
+ body{font-size:15px}
+ .banner{width:100%!important;height:auto!important;margin-top:1em}
+ .outerbox,.mainpage .thread,#footer,#content{margin:1em 0}
+ br{line-height:.5em}
+ h2 a{font-size:19px}
+ h4,h2 span,#rules{font-size:12px}
+ .pblock,#footer,.end{font-size:14px}
+ #threadlist{overflow-x:auto;white-space:nowrap}
+ .size,.postform br{display:none}
+ .num{margin:-10px;padding:10px;position:relative}
+ .del{visibility:visible}
+ div.msg{margin:.5em 0}
+ .mainpage .postform,.formpad,#thread_nav{padding-left:0}
+ .postform>span{display:table;width:100%}
+ .postform span>*{display:table-cell;font-size:14px;margin-bottom:2px;white-space:nowrap}
+ .postform input,textarea{width:100%}
+ .postform textarea{height:100px}
+ form,#thread_nav,#footer,.end,.locked{text-align:center}
+ #footer a{display:block}
+ #content.list .row div{padding:0 2px}
+} \ No newline at end of file
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
new file mode 100644
index 0000000..41e7f38
--- /dev/null
+++ b/static/css/txt/bios.css
@@ -0,0 +1,51 @@
+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{background:#00a;border:1px solid #fff;color:#fff}
+input[type="submit"],input[type="button"],button{background:#fff;border:0;color:#000;padding:3px 11px}
+input[type="submit"]:active,input[type="button"]:active,button:active{background:#000;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}
+.thread .innerbox{padding:0}
+.threadpage .thread{border-color:#fff;border-style:double;border-width:4px 4px 1px}
+.reply{border-top:1px solid #FFF;padding:.5em .75em 0}
+.threadpage .reply{padding:.5em .5em 0}
+.name em{background:#fff;color:#00f}
+.q,.deleted,.abbrev{color:#5cf;margin-bottom:24px}
+.size{margin-left:.5em}
+.yt{border:1px solid #ff0}
+.yt:active{background:#f00;border:1px solid #f00;color:#fff}
+#q-p{background:#00a;border:1px solid #fff}
+#q-p .msg,#q-p a.thumb{margin-bottom:8px}
+.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
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
new file mode 100644
index 0000000..271fe9a
--- /dev/null
+++ b/static/css/txt/blue moon.css
@@ -0,0 +1,61 @@
+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:5px}
+hr{display:none}
+input[type=text],textarea{background:#EEE;border:1px inset #444}
+input[type=submit],input[type=button],button{background:#000;color:#FFF;border:1px outset #444;padding:2px 10px}
+input[type=submit]:active,input[type=button]:active,button:active{border-style:inset}
+#main_nav{background:#FFF;color:#6B7B8D}
+#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}
+.mainpage .thread{background:#49525D}
+.threadpage .thread{background:#49525D;padding:1px 10px}
+#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:3px solid #DDD;border-right:10px solid #DDD;border-bottom:3px solid #DDD;border-left:10px solid #DDD;color:#000}
+.first{border-top:6px 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}
+.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}
+.size{color:#8C9FB4;margin:5px 0}
+.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:6px;padding-left:6px}
+ h2{margin-bottom:6px}
+ .threadpage .thread{padding:1px 6px 6px}
+ .mainpage .postform{margin-top:6px;padding-left:6px}
+ .reply{border-left-width:6px;border-right-width:6px}
+ .threadpage .postform{border-width:6px}
+ .msg,a.thumb{margin:6px}
+ .thread form{margin-top:6px}
+} \ No newline at end of file
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
new file mode 100644
index 0000000..45fce17
--- /dev/null
+++ b/static/css/txt/ciber.css
@@ -0,0 +1,55 @@
+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[type=submit],input[type=button],button{padding:2px 10px}
+input:active,input:focus,textarea:active,textarea:focus,button:active,button:active{box-shadow:0 0 15px}
+.outerbox input,.outerbox textarea{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,#footer a{color:#68F855}
+.outerbox a:active,#main_nav a:active,#footer a:active{color:#ef6177}
+#threadlist{background:rgba(26,26,26,.5);border:3px 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}
+#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}
+ .mainpage .postform{padding:.5em}
+} \ No newline at end of file
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
new file mode 100644
index 0000000..2606f03
--- /dev/null
+++ b/static/css/txt/futanari.css
@@ -0,0 +1,49 @@
+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="text"],textarea,button{border:1px solid #3b6b94}
+input[type=submit],input[type=button],button{background:#aaf;color:#2c5700;padding:2px 10px}
+input[type="submit"]:active,input[type="button"]:active,button:active{background:#88c}
+#main_nav{background:#1d7548}
+#titlebox{margin-bottom:0}
+.outerbox{background:#3b6b94}
+.innerbox{margin:0;padding:10px}
+.links{background:#5b8bb4}
+#threadlist{background:#154a72;border:1px inset #1b3345}
+.mainpage .thread{padding:5px}
+#thread_nav{background:#1d7548;padding:6px}
+.name{color:#afd775}
+.name em{color:#009}
+.del a{color:#fff}
+.msg{margin:4px 40px 24px}
+.q{color:#aac}
+.yt{background:#2f587a;border:1px solid #1b2933}
+.msg hr{display:block}
+.deleted{color:#afafaf;margin-bottom:24px}
+.abbrev{color:#bbb}
+.size{color:#de9d7f}
+.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 .msg,#q-p a.thumb{margin-bottom:8px}
+.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){
+ .mainpage .thread{padding:0}
+ .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px}
+} \ No newline at end of file
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
new file mode 100644
index 0000000..8fb085b
--- /dev/null
+++ b/static/css/txt/headline.css
@@ -0,0 +1,41 @@
+body,#main_nav{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="text"],textarea,button{border:1px solid #000}
+input[type="submit"],input[type="button"],button{background:#DDD;padding:2px 10px}
+input[type="submit"]:active,input[type="button"]:active,button:active{background:#CCC}
+.outerbox,#titlebox .innerbox:first-child,.postform,.lastposts,#content{background:#EEE;border-bottom:2px solid #BBB}
+.innerbox{margin:0;padding:10px}
+#threadlist{background:#fff;border:1px inset #bbb}
+.mainpage .thread{padding:5px}
+#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}
+.deleted{color:#AFAFAF}
+#q-p{background:#FFF;border:1px solid #BBB;border-bottom:2px solid #BBB}
+.lastposts{padding:8px}
+.size{color:#D60}
+.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){
+ .mainpage .thread{padding:0}
+ .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px}
+} \ No newline at end of file
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
new file mode 100644
index 0000000..d91b523
--- /dev/null
+++ b/static/css/txt/postal.css
@@ -0,0 +1,47 @@
+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{border:1px solid #CCC}
+input[type="submit"],input[type="button"],button{background:#CBCBCB;border:0;padding:3px 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}
+.outerbox{border:1px solid #FFF}
+#threadlist{background:#EFEFEF;border:1px inset #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 1.5em}
+.innerbox.links {border-top:2px solid #E5B98D;margin:-1px;padding:12px}
+.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}
+.size{margin-bottom: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
diff --git a/static/css/txt/sjis.css b/static/css/txt/sjis.css
new file mode 100644
index 0000000..018c6db
--- /dev/null
+++ b/static/css/txt/sjis.css
@@ -0,0 +1 @@
+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
new file mode 100644
index 0000000..cddee34
--- /dev/null
+++ b/static/css/txt/ventanas.css
@@ -0,0 +1,48 @@
+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;padding:2px 10px}
+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}
+hr{border:0}
+hr,.reply,.deleted{border-bottom:2px groove white}
+#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{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}
+.outerbox,.mainpage .thread,#q-p{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:groove}
+input[type=text],textarea,.innerbox,#content,#threadlist{border-width:2px;border-color:#000 #FFF #FFF #000;border-style:groove}
+#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{color:#000}
+#thread_nav a{color:#000;display:inline-block;margin:-3px -2px;padding:3px}#thread_nav a:hover{background:#DDD}
+.reply,.deleted{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;padding-bottom:.5em}
+#q-p{box-shadow:5px 5px #000;padding:0}
+#q-p .reply{padding:.5em;margin-bottom:0}
+#q-p a.thumb,#q-p .msg{margin-bottom:.5em}
+.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