aboutsummaryrefslogtreecommitdiff
path: root/static/css
diff options
context:
space:
mode:
authorLibravatar bai 2019-03-29 02:14:43 +0000
committerLibravatar bai 2019-03-29 02:14:43 +0000
commit95dfe14528663923ca2a88ec928f1d8d9df2402b (patch)
tree5bc88d1466957f1aa39043b056bde5c439648022 /static/css
downloadweabot-95dfe14528663923ca2a88ec928f1d8d9df2402b.tar.gz
weabot-95dfe14528663923ca2a88ec928f1d8d9df2402b.tar.xz
weabot-95dfe14528663923ca2a88ec928f1d8d9df2402b.zip
Init
Diffstat (limited to 'static/css')
-rw-r--r--static/css/buri.css23
-rw-r--r--static/css/cyber.css39
-rw-r--r--static/css/dickgirl.css23
-rw-r--r--static/css/easymodo.css25
-rw-r--r--static/css/futaba.css22
-rw-r--r--static/css/guro.css24
-rw-r--r--static/css/ib.css72
-rw-r--r--static/css/img/0back.pngbin0 -> 148 bytes
-rw-r--r--static/css/img/0info.pngbin0 -> 284 bytes
-rw-r--r--static/css/img/0pc.pngbin0 -> 276 bytes
-rw-r--r--static/css/img/ba.gifbin0 -> 856 bytes
-rw-r--r--static/css/img/barra_dulce.pngbin0 -> 1266 bytes
-rw-r--r--static/css/img/bg_deportes.gifbin0 -> 3584 bytes
-rw-r--r--static/css/img/bg_madera.pngbin0 -> 4216 bytes
-rw-r--r--static/css/img/bg_oculto.gifbin0 -> 871 bytes
-rw-r--r--static/css/img/bgtb.gifbin0 -> 854 bytes
-rw-r--r--static/css/img/checked.pngbin0 -> 110 bytes
-rw-r--r--static/css/img/cyb.pngbin0 -> 4844 bytes
-rw-r--r--static/css/img/cyba.pngbin0 -> 201 bytes
-rw-r--r--static/css/img/fondo2012.gifbin0 -> 72620 bytes
-rw-r--r--static/css/img/green.gifbin0 -> 37408 bytes
-rw-r--r--static/css/img/hand.pngbin0 -> 213 bytes
-rw-r--r--static/css/img/luz.gifbin0 -> 3413 bytes
-rw-r--r--static/css/img/muro.jpgbin0 -> 37725 bytes
-rw-r--r--static/css/img/nieve.pngbin0 -> 2394 bytes
-rw-r--r--static/css/img/picnicbdy.gifbin0 -> 1049 bytes
-rw-r--r--static/css/img/picnicbg.gifbin0 -> 10945 bytes
-rw-r--r--static/css/img/picnicbtm.gifbin0 -> 3923 bytes
-rw-r--r--static/css/img/picnicbtn.gifbin0 -> 436 bytes
-rw-r--r--static/css/img/picnicfg.gifbin0 -> 1044 bytes
-rw-r--r--static/css/img/picnichr.gifbin0 -> 1368 bytes
-rw-r--r--static/css/img/picnicmid.gifbin0 -> 9502 bytes
-rw-r--r--static/css/img/picnicthr1.gifbin0 -> 12688 bytes
-rw-r--r--static/css/img/picnicthr2.gifbin0 -> 2946 bytes
-rw-r--r--static/css/img/picnicthr3.gifbin0 -> 12154 bytes
-rw-r--r--static/css/img/picnictop.gifbin0 -> 6939 bytes
-rw-r--r--static/css/img/scan.pngbin0 -> 182 bytes
-rw-r--r--static/css/img/scroller1.gifbin0 -> 3456 bytes
-rw-r--r--static/css/img/tanasinn.gifbin0 -> 1176 bytes
-rw-r--r--static/css/img/vndb1.jpgbin0 -> 36419 bytes
-rw-r--r--static/css/img/vndb2.jpgbin0 -> 4366 bytes
-rw-r--r--static/css/img/vndb3.pngbin0 -> 2791 bytes
-rw-r--r--static/css/kraut.css24
-rw-r--r--static/css/mobile.css129
-rw-r--r--static/css/night.css22
-rw-r--r--static/css/photon.css22
-rw-r--r--static/css/putaba.css46
-rw-r--r--static/css/red.css21
-rw-r--r--static/css/rene.css22
-rw-r--r--static/css/spc/base.css269
-rw-r--r--static/css/spc/halloween.css47
-rw-r--r--static/css/spc/layout.css58
-rw-r--r--static/css/spc/navidad.css161
-rw-r--r--static/css/spc/skeleton.css242
-rw-r--r--static/css/spc/valentin.css170
-rw-r--r--static/css/spc/valentin2.css177
-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
-rw-r--r--static/css/vndb.css30
70 files changed, 2297 insertions, 0 deletions
diff --git a/static/css/buri.css b/static/css/buri.css
new file mode 100644
index 0000000..b8c1eb5
--- /dev/null
+++ b/static/css/buri.css
@@ -0,0 +1,23 @@
+html,body{background:#EEF2FF;color:#000;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
+a,a .name,a .name b,.nav label:hover{color:#34345C}
+a.rep{color:#000;text-decoration:underline}
+a:visited{color:#34345C}
+a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#DD0000}
+.replymode,.extramode{color:#FFF}
+.replymode{background:#0010E0}
+.extramode{background:#0040E0}
+.postblock{background:#9988EE;color:#000}
+.q{color:#789922}
+.fs{text-decoration:none}
+.subj{color:#0F0C5D;font-weight:bold}
+.name{color:#228854}
+.name b{color:#117743}
+.reply,#q-p{background:#D6DAF0;color:#000}
+.omitted,.abbrev{color:#707070}
+.highlight{background:#c1c6e2}
+.managertable td{background:#9AD2F6;color:#000}
+.managertable th{background:#0F8FE1;color:#000}
+#catalog .thread:hover{background:#D6DAF0;box-shadow:0 0 5px 5px #D6DAF0}
+#catalog .replies{color:#555555;font-weight:bold}
+.yt{background:#E3E6F5;border:1px solid #C1C6E7}
+.quoted{border-color:#EEF2FF;color:#707070} \ No newline at end of file
diff --git a/static/css/cyber.css b/static/css/cyber.css
new file mode 100644
index 0000000..e9732bc
--- /dev/null
+++ b/static/css/cyber.css
@@ -0,0 +1,39 @@
+html,body{background:#000 url('img/cyb.png');color:#61CE3C;font-family:monospace}
+a,a .name,a .name b,.nav label{color:#C80B63}
+.reflink a,.rep,.hsbn,#main_nav a{color:#FFF}
+a:hover,a:hover .name,a:hover .name b,.nav label:hover,#main_nav a:hover{color:#F00}
+.reflink a:hover{text-decoration:underline}
+hr{display:none}
+.thread hr{border:0;border-top:1px solid #61CE3C;display:block}
+input,input[type="text"],input[type="password"],textarea{background:#1A1A1A;border:0;color:#61CE3C}
+input[type="submit"]{border:1px outset #999}
+input[type="submit"]:active{border-style:inset}
+#main_nav{background:#1A1A1A;border-bottom:double 3px #989898;color:#989898;margin:-10px -10px 0;padding:10px}
+.logo{color:#C00}
+.replymode,.extramode{color:#FFF;text-shadow:1px 1px #000}
+.replymode{background:#C00;box-shadow:5px 5px #989898;margin-bottom:1em}
+.extramode{background:#001eff;}
+.postform,.oekform{background:#2b2b2b;border:1px solid #989898;box-shadow:5px 5px #989898;padding:1px}
+.postblock{background:#2e8b57;color:#FFF}
+.q{color:#93e0e3}
+.quoted{color:#707070}
+.fs,.info{color:#989898;text-decoration:none}
+.subj{color:#7b68ee;font-weight:bold}
+.name{color:#FBDE2D}
+.name b{color:#989898}
+.omitted,.abbrev{color:#428C29}
+.thread{border:solid 1px #7b68ee;background:#1A1A1A;box-shadow:5px 5px #7b68ee;margin-top:1em;margin-bottom:1em;padding:5px}
+.reply,#q-p{background:#2b2b2b;border:1px solid #2e8b57 !important;box-shadow:5px 5px #2e8b57}
+.thread table{margin:0;margin-bottom:10px;margin-right:10px}
+.thumb{border:1px solid #4D4D4D;box-shadow:3px 3px #4D4D4D;margin-bottom:5px}
+.reply.highlight{border-color:#93e0e3 !important;box-shadow:5px 5px #93e0e3}
+.pg,.userdelete,.nav{background:#2b2b2b;border:1px solid #2e8b57;box-shadow:5px 5px #2e8b57;color:#89A}
+.nav{padding:4px}
+#adminmenu table{margin-bottom:10px}
+.managertable td{background:#2B2B2B;color:#FFF}
+.managertable th{background:#1A1A1A;color:#FFF}
+#catalog .thread{border:1px solid #61CE3C;border-radius:0;box-shadow:none}
+#catalog .thread:hover{background:#383838}
+#catalog .replies{color:#428C29;font-weight:bold}
+.yt{background:#222;border:1px solid;box-shadow:2px 2px}
+.quoted{border-color:#2e8b57;color:#989898} \ No newline at end of file
diff --git a/static/css/dickgirl.css b/static/css/dickgirl.css
new file mode 100644
index 0000000..ba0bcc4
--- /dev/null
+++ b/static/css/dickgirl.css
@@ -0,0 +1,23 @@
+html,body{background:#1B3345;color:#FFF;font-family:initial}
+a,a .name,.nav label{color:#EFD279}
+a.rep{color:#FFF}
+a:hover,a:hover .name,.nav label:hover{color:#D00}
+.logo{color:#CCFFCC}
+.replymode,.extramode{color:#FFF}
+.replymode{background:#1D7548}
+.extramode{background:#0040E0}
+.postblock{background:#95CBE9;color:#2C5700}
+.q{color:#BDF46C}
+.fs{text-decoration:none}
+.subj{color:#DE9D7F;font-weight:bold}
+.name{color:#AFD775}
+.omitted{color:#909090}
+.reply,#q-p{background:#3B6B94;color:#fff}
+.abbrev{color:#BBB}
+.highlight{background:#5B8BB4}
+.managertable td{background:#3B6B94;color:#FFF}
+.managertable th{background:#AAF;color:#FFF}
+#catalog .thread:hover{background:#3B6B94;box-shadow:0 0 5px 5px #3B6B94}
+#catalog .replies{color:#AAA;font-weight:bold}
+.yt{background:#2F587A;border:1px solid #1B2933}
+.quoted{border-color:#1B3345} \ No newline at end of file
diff --git a/static/css/easymodo.css b/static/css/easymodo.css
new file mode 100644
index 0000000..eaa88a8
--- /dev/null
+++ b/static/css/easymodo.css
@@ -0,0 +1,25 @@
+html,body{background:#EEFFF2;color:#000;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
+.rep{color:#000}
+a,a .name,a .name b,.nav label{color:#34345c}
+a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#D00}
+.reflink a:hover{text-decoration:underline}
+.replymode,.extramode{color:#FFF}
+.replymode{background:#E04000}
+.extramode{background:#0040E0}
+.postform,.oekform{background:#cce1cf;border:1px solid #CCE1CF;padding:1px}
+.postblock{background:#98c1a9}
+.q{color:#789922}
+.quoted{color:#707070}
+.fs{text-decoration:none}
+.subj{color:#0f0c5d;font-weight:bold}
+.name{color:#228854}
+.name b{color:#117743}
+.omitted,.abbrev{color:#707070}
+.reply,#q-p,.pg{background:#d6f0da}
+.highlight{background:#d6bad0}
+.managertable td{background:#cce1cf}
+.managertable th{background:#b8caba}
+#catalog .thread:hover{background:#d6f0da;box-shadow:0 0 5px 5px #d6f0da}
+#catalog .replies{color:#707070;font-weight:bold}
+.yt{background:#c2d6c5;border:1px solid #7a877c;color:#000}
+.quoted{border-color:#EEFFF2} \ No newline at end of file
diff --git a/static/css/futaba.css b/static/css/futaba.css
new file mode 100644
index 0000000..f90af88
--- /dev/null
+++ b/static/css/futaba.css
@@ -0,0 +1,22 @@
+html,body{background:#FFE;color:#800000;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
+a,a .name,a .name b,.nav label{color:#0000EE}
+a.rep{color:#800000;text-decoration:underline}
+a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#D00}
+.replymode,.extramode{color:#FFF}
+.replymode{background:#E04000}
+.extramode{background:#0040E0}
+.postblock{background:#EEAA88}
+.q{color:#789922}
+.subj{color:#CC1105;font-weight:bold}
+.name{color:#228854}
+.name b{color:#117743}
+.omitted{color:#707070}
+.reply,#q-p{background:#F0E0D6}
+.abbrev{color:#707070}
+.highlight{background:#F0C0B0}
+.managertable td{background:#EEEECC;color:#800000}
+.managertable th{background:#AAAA66;color:#400000}
+#catalog .thread:hover{background:#F0E0D6;box-shadow:0 0 5px 5px #F0E0D6}
+#catalog .replies{color:#909090;font-weight:bold}
+.yt{background:#F2E5DD;border:1px solid #E7CFC1;color:#500000}
+.quoted{border-color:#FFE} \ No newline at end of file
diff --git a/static/css/guro.css b/static/css/guro.css
new file mode 100644
index 0000000..c938675
--- /dev/null
+++ b/static/css/guro.css
@@ -0,0 +1,24 @@
+html,body{background:#eddad2;color:#000;font-family:arial,helvetica,"nimbus sans l",sans-serif}
+.rep{color:#000}
+a,a .name,a .name b,.nav label{color:#af0a0f}
+a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#d00}
+.logo{color:#af0a0f}
+.replymode,.extramode{background:#57463f;color:#fff}
+.postblock,.reply{background:#d9af9e;border:1px solid #ca927b}
+input,input[type="text"],input[type="password"],textarea{background:#e6cbc0;border:1px solid #ca927b}
+input[type="submit"],input[type="button"]{border-style:outset;padding:3px 10px}
+input[type="submit"]:active,input[type="button"]:active{border-style:inset}
+.q{color:#707070}
+.subj{color:#0f0c5d;font-weight:bold}
+.name{color:#117743}
+.name b{color:#228854}
+.omitted,.abbrev{color:#444}
+#q-p{background:#d9af9e;border:0}
+.highlight{background:#5b5f69}
+.managertable td{background:#e6cbc0}
+.managertable th{background:#d9af9e}
+hr{border:none;border-top:1px solid #d9af9e;height:0}
+#catalog .thread:hover{background:#d9af9e;box-shadow:0 0 5px 5px #d9af9e}
+#catalog .replies{color:#555;font-weight:bold}
+.yt{background:#c39e8e;border:1px solid #8d6656}
+.quoted{border-color:#ca927b} \ No newline at end of file
diff --git a/static/css/ib.css b/static/css/ib.css
new file mode 100644
index 0000000..1609e4d
--- /dev/null
+++ b/static/css/ib.css
@@ -0,0 +1,72 @@
+*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}
+html,body{font-family:arial,helvetica,"nimbus sans l",sans-serif}
+html{margin:0;padding:0}
+body{margin:0;padding:10px;font-size:16px}
+blockquote{line-height:20px}
+.spoil{background:#000;color:#000}.spoil:hover{color:#fff}
+.postarea table{margin:0 auto;text-align:left}
+#main_nav{font-size:14px;line-height:1.3em;margin-bottom:.5em;text-align:center}
+#main_nav span{display:inline-block}
+#main_nav #sel,#main_nav .cur_brd,#main_nav #cur_stl{font-weight:bold}
+.logo{font-size:160%;font-weight:bold;margin:8px 0;text-align:center}
+input[type="text"],input[type="password"],textarea{background:#FFF;border:1px inset gray;padding:3px}
+.postform input{max-width:250px}
+.postform input[name="subject"]{max-width:300px}
+.postform textarea{width:400px;height:125px}
+.postblock{font-weight:bold;padding:3px}
+.oekform{display:inline-block;margin-bottom:.5em}
+.rules{width:468px;font-size:13px}
+.rules ul{margin:4px 0 0;padding:0}
+.rules li{margin-left:1em}
+.thread{margin-right:170px}
+.thread table{border-collapse:collapse;margin:4px 0}
+.reply .info{padding-right:50px}
+.hsbn{font-size:120%}
+.thumb{border:none;float:left;margin:0 20px}
+.ell{font-family:Mona,IPAMonaPGothic,Monapo,'MS PGothic',YOzFontAA97;vertical-align:top;width:20px}
+.deleted{color:#777}
+.reflink a{color:inherit;text-decoration:none}
+.reply .fs,#q-p .fs{margin-left:20px}
+.pg{border:1px solid;border-spacing:2px;display:table}
+.pg span{border:1px inset;display:table-cell}
+.pg span input{padding:.4em 1em}
+.replymode,.extramode{font-weight:bold;text-align:center;padding:2px;margin:3px 0}
+.name em{color:#009;font-style:normal}
+.quoted{border-top:1px solid;clear:both;font-size:12px;line-height:1;margin:0 -1px;padding:4px}
+.thumbpreview{display:inline-block;max-height:50px;height:auto;max-width:75px;width:auto;vertical-align:middle}
+#catalog{text-align:center}
+#cat_search{border:1px inset gray;padding:0;width:125px}
+#catalog .thread{border-radius:4px;display:inline-block;font-size:14px;margin:5px;overflow:hidden;padding:2px;position:relative;vertical-align:top;max-height:275px;width:175px}
+#catalog.enlarged .thread{margin:10px 5px;max-height:375px;width:275px}
+#catalog .thread a img{border-radius:3px;margin-bottom:2px}
+#catalog.enlarged .thread a img{min-width:150px;min-height:150px;max-width:250px;max-height:250px}
+#catalog .subj{font-size:16px}
+#catalog p{margin:0}
+.yt{font-size:12px;display:inline-block;line-height:13px;margin:2px 0;padding:5px;text-decoration:none}
+.yt b{font-size:14px}
+.yt .pvw{width:100px;height:60px;overflow:hidden;float:left;margin-right:5px}
+.yt .pvw img{margin-top:-15px;margin-left:-10px}
+.cut{clear:both}
+.nav label{text-decoration:underline}
+.userdel{float:right;text-align:center;white-space:nowrap}
+.footer{clear:both;margin-top:8px;text-align:center}
+.managertable th,.managertable td{padding:3px}
+#q-p{position:absolute;border:1px dotted gray}
+@media(max-width:900px){.thread{margin-right:0}}
+@media(max-width:720px){
+ body{font-size:15px;padding:4px}
+ .postblock{font-size:14px;white-space:nowrap}
+ .pass,.ell,.thumbmsg{display:none}
+ .thread table,#postform input[type="text"],#postform input[type="submit"],#postform textarea,#postform input[type="file"],.rules{max-width:100%;width:100%}
+ .info,.fs .tt,.omitted{font-size:14px}
+ .date{font-size:13px}
+ .reply .info{padding-right:0}
+ .fs,.rules{font-size:12px}
+ .fs span{display:none}
+ .reply .fs{margin-left:4px}
+ .thumb{margin:0 8px 0 4px;max-width:100px;max-height:100px;width:auto;height:auto}
+ blockquote{margin:8px!important}
+ .userdel{float:none}
+ .pg{margin-top:0.5em;text-align:center;width:100%}
+ .pg span,.pg input{display:block;width:100%}
+} \ No newline at end of file
diff --git a/static/css/img/0back.png b/static/css/img/0back.png
new file mode 100644
index 0000000..231a44d
--- /dev/null
+++ b/static/css/img/0back.png
Binary files differ
diff --git a/static/css/img/0info.png b/static/css/img/0info.png
new file mode 100644
index 0000000..31ce6be
--- /dev/null
+++ b/static/css/img/0info.png
Binary files differ
diff --git a/static/css/img/0pc.png b/static/css/img/0pc.png
new file mode 100644
index 0000000..f894f66
--- /dev/null
+++ b/static/css/img/0pc.png
Binary files differ
diff --git a/static/css/img/ba.gif b/static/css/img/ba.gif
new file mode 100644
index 0000000..fa1d375
--- /dev/null
+++ b/static/css/img/ba.gif
Binary files differ
diff --git a/static/css/img/barra_dulce.png b/static/css/img/barra_dulce.png
new file mode 100644
index 0000000..c872a7e
--- /dev/null
+++ b/static/css/img/barra_dulce.png
Binary files differ
diff --git a/static/css/img/bg_deportes.gif b/static/css/img/bg_deportes.gif
new file mode 100644
index 0000000..1d107e5
--- /dev/null
+++ b/static/css/img/bg_deportes.gif
Binary files differ
diff --git a/static/css/img/bg_madera.png b/static/css/img/bg_madera.png
new file mode 100644
index 0000000..1e98769
--- /dev/null
+++ b/static/css/img/bg_madera.png
Binary files differ
diff --git a/static/css/img/bg_oculto.gif b/static/css/img/bg_oculto.gif
new file mode 100644
index 0000000..65a3744
--- /dev/null
+++ b/static/css/img/bg_oculto.gif
Binary files differ
diff --git a/static/css/img/bgtb.gif b/static/css/img/bgtb.gif
new file mode 100644
index 0000000..c9f675c
--- /dev/null
+++ b/static/css/img/bgtb.gif
Binary files differ
diff --git a/static/css/img/checked.png b/static/css/img/checked.png
new file mode 100644
index 0000000..67332b0
--- /dev/null
+++ b/static/css/img/checked.png
Binary files differ
diff --git a/static/css/img/cyb.png b/static/css/img/cyb.png
new file mode 100644
index 0000000..a75a55f
--- /dev/null
+++ b/static/css/img/cyb.png
Binary files differ
diff --git a/static/css/img/cyba.png b/static/css/img/cyba.png
new file mode 100644
index 0000000..c79e9b2
--- /dev/null
+++ b/static/css/img/cyba.png
Binary files differ
diff --git a/static/css/img/fondo2012.gif b/static/css/img/fondo2012.gif
new file mode 100644
index 0000000..d31e6a3
--- /dev/null
+++ b/static/css/img/fondo2012.gif
Binary files differ
diff --git a/static/css/img/green.gif b/static/css/img/green.gif
new file mode 100644
index 0000000..9d4963c
--- /dev/null
+++ b/static/css/img/green.gif
Binary files differ
diff --git a/static/css/img/hand.png b/static/css/img/hand.png
new file mode 100644
index 0000000..291411c
--- /dev/null
+++ b/static/css/img/hand.png
Binary files differ
diff --git a/static/css/img/luz.gif b/static/css/img/luz.gif
new file mode 100644
index 0000000..f8667cf
--- /dev/null
+++ b/static/css/img/luz.gif
Binary files differ
diff --git a/static/css/img/muro.jpg b/static/css/img/muro.jpg
new file mode 100644
index 0000000..54dd86b
--- /dev/null
+++ b/static/css/img/muro.jpg
Binary files differ
diff --git a/static/css/img/nieve.png b/static/css/img/nieve.png
new file mode 100644
index 0000000..ba8fc25
--- /dev/null
+++ b/static/css/img/nieve.png
Binary files differ
diff --git a/static/css/img/picnicbdy.gif b/static/css/img/picnicbdy.gif
new file mode 100644
index 0000000..f0c30bc
--- /dev/null
+++ b/static/css/img/picnicbdy.gif
Binary files differ
diff --git a/static/css/img/picnicbg.gif b/static/css/img/picnicbg.gif
new file mode 100644
index 0000000..4c6aa64
--- /dev/null
+++ b/static/css/img/picnicbg.gif
Binary files differ
diff --git a/static/css/img/picnicbtm.gif b/static/css/img/picnicbtm.gif
new file mode 100644
index 0000000..a380890
--- /dev/null
+++ b/static/css/img/picnicbtm.gif
Binary files differ
diff --git a/static/css/img/picnicbtn.gif b/static/css/img/picnicbtn.gif
new file mode 100644
index 0000000..b7fd7fe
--- /dev/null
+++ b/static/css/img/picnicbtn.gif
Binary files differ
diff --git a/static/css/img/picnicfg.gif b/static/css/img/picnicfg.gif
new file mode 100644
index 0000000..435ab0f
--- /dev/null
+++ b/static/css/img/picnicfg.gif
Binary files differ
diff --git a/static/css/img/picnichr.gif b/static/css/img/picnichr.gif
new file mode 100644
index 0000000..b50ccb1
--- /dev/null
+++ b/static/css/img/picnichr.gif
Binary files differ
diff --git a/static/css/img/picnicmid.gif b/static/css/img/picnicmid.gif
new file mode 100644
index 0000000..de2beb4
--- /dev/null
+++ b/static/css/img/picnicmid.gif
Binary files differ
diff --git a/static/css/img/picnicthr1.gif b/static/css/img/picnicthr1.gif
new file mode 100644
index 0000000..c9a967f
--- /dev/null
+++ b/static/css/img/picnicthr1.gif
Binary files differ
diff --git a/static/css/img/picnicthr2.gif b/static/css/img/picnicthr2.gif
new file mode 100644
index 0000000..cbe13fb
--- /dev/null
+++ b/static/css/img/picnicthr2.gif
Binary files differ
diff --git a/static/css/img/picnicthr3.gif b/static/css/img/picnicthr3.gif
new file mode 100644
index 0000000..55c22c1
--- /dev/null
+++ b/static/css/img/picnicthr3.gif
Binary files differ
diff --git a/static/css/img/picnictop.gif b/static/css/img/picnictop.gif
new file mode 100644
index 0000000..91ccc5e
--- /dev/null
+++ b/static/css/img/picnictop.gif
Binary files differ
diff --git a/static/css/img/scan.png b/static/css/img/scan.png
new file mode 100644
index 0000000..6632095
--- /dev/null
+++ b/static/css/img/scan.png
Binary files differ
diff --git a/static/css/img/scroller1.gif b/static/css/img/scroller1.gif
new file mode 100644
index 0000000..633d7c1
--- /dev/null
+++ b/static/css/img/scroller1.gif
Binary files differ
diff --git a/static/css/img/tanasinn.gif b/static/css/img/tanasinn.gif
new file mode 100644
index 0000000..466614b
--- /dev/null
+++ b/static/css/img/tanasinn.gif
Binary files differ
diff --git a/static/css/img/vndb1.jpg b/static/css/img/vndb1.jpg
new file mode 100644
index 0000000..f91e414
--- /dev/null
+++ b/static/css/img/vndb1.jpg
Binary files differ
diff --git a/static/css/img/vndb2.jpg b/static/css/img/vndb2.jpg
new file mode 100644
index 0000000..e1dff0c
--- /dev/null
+++ b/static/css/img/vndb2.jpg
Binary files differ
diff --git a/static/css/img/vndb3.png b/static/css/img/vndb3.png
new file mode 100644
index 0000000..d31bc8f
--- /dev/null
+++ b/static/css/img/vndb3.png
Binary files differ
diff --git a/static/css/kraut.css b/static/css/kraut.css
new file mode 100644
index 0000000..a9e82da
--- /dev/null
+++ b/static/css/kraut.css
@@ -0,0 +1,24 @@
+html,body{background:#eee;color:#000;font-family:arial,helvetica,"nimbus sans l",sans-serif}
+.rep{background:#313370;border:1px solid #6569e5;border-radius:3px;color:#bdbee4;display:inline-block;font-size:14px;font-weight:bold;padding:1px;text-decoration:none}
+a,a .name,.nav label{color:#229}
+a:hover,a:hover .name,.nav label:hover{color:#922}
+#main_nav{background:#bbd;margin:-10px -10px 0;padding:10px}
+.replymode,.extramode{background:#313370;color:#fff}
+.postblock{background:#313370;color:#fff}
+.q{color:#077}
+.reply .fs{font-style:italic}
+.fs a{font-style:normal}
+.subj{color:#c33;font-weight:bold}
+.name{color:#33c}
+.omitted,.abbrev{color:#666}
+.reply,#q-p{background:#aac}
+.thumb{background:#ddd;border:1px solid #aaa}
+.reply .thumb{background:#99b;border:1px solid #aaf}
+#q-p{border:1px solid #003099;box-shadow:5px 5px #333}
+.highlight{background:#aac;/*border:2px dashed #448*/}
+.managertable td{background:#ddd}
+.managertable th{background:#313370;color:#fff}
+#catalog .thread:hover{background:#aac;box-shadow:0 0 5px 5px #aac}
+#catalog .replies{color:#888;font-weight:bold}
+.yt{background:#99b;border:1px solid #313370;color:#000}
+.quoted{border-color:#eee;color:#077} \ No newline at end of file
diff --git a/static/css/mobile.css b/static/css/mobile.css
new file mode 100644
index 0000000..9921d3a
--- /dev/null
+++ b/static/css/mobile.css
@@ -0,0 +1,129 @@
+*{box-sizing:border-box;word-wrap:break-word}
+body,input,textarea{color:#000;margin:0 auto;max-width:700px;padding:0}
+body,textarea{font-family:arial,sans-serif;font-size:16px}
+.txt{background:#efefef}
+.img{background:#1a1d22;color:#e0e0e0}
+br{line-height:0.5em}
+a{text-decoration:none}
+.txt a{color:#00c}
+.txt a:active{color:#f00}
+.img a{color:#b0ccde}
+.img a:hover{color:#5c6a74}
+.txt a.num{color:#222}
+.img .num{color:#a3a3a3;float:right}
+h1{font-size:18px}
+.txt h1{margin-left:2px}
+.img h1{color:#a6b8d8;margin:0 0 5px}
+h1 span{font-weight:400}
+h2{color:#a6b8d8;font-size:14px;margin:0;}
+h3,h4{clear:both;font-size:12px;font-weight:400;line-height:1;margin:10px 0}
+h3 em{font-weight:700;font-style:normal}
+h4{text-align:right}
+.txt h3,h4{color:#777}
+.txt h3.del,.txt h3.del a.num{color:#afafaf}
+.img h3{color:#a3a3a3;margin:0 0 5px}
+.img h3.del{color:#606060;margin-bottom:0}
+.prev h3{clear:none;margin:0}
+hr{margin:.25em 0}m
+.img hr{border:none;border-top:1px solid #333;height:0}
+.top{background:#444;color:#fff;font-size:32px;font-weight:700;line-height:1;min-height:30px;padding:10px 2px}
+.top a{color:#fff!important;float:right;font-size:14px;margin-top:-10px;padding-top:10px;text-align:center;height:50px;width:50px}
+.top a img{height:18px;width:18px}
+.bar{font-weight:bold;overflow-y:hidden;overflow-x:auto;white-space:nowrap;width:100%}
+.txt .bar{background:#ccc}
+.img .bar{background:#050607}
+.bar a{padding:8px;display:inline-block}
+.txt .bar a{color:#000}
+.img .bar a{color:#e0e0e0}
+.txt .bar a.sel{background:#efefef}
+.img .bar a.sel{background:#1a1d22}
+.ord{overflow-y:hidden;overflow-x:auto;white-space:nowrap;width:100%}
+.txt .ord{border-top:1px solid #f8f8f8;border-bottom:1px solid #ddd;color:#000}
+.img .ord{border-top:1px solid #444;border-bottom:1px solid #111;color:#e0e0e0}
+.ord span{display:inline-block;font-weight:bold;padding:7px 10px}
+.ord a{display:inline-block;padding:7px 10px}
+.ord a.sel:before{content:'✓ '}
+.txt .ord a{border-left:1px solid #f8f8f8;border-right:1px solid #ddd;color:#000}
+.img .ord a{border-left:1px solid #444;border-right:1px solid #111;color:#e0e0e0}
+.txt .ord a:hover{background:#dcdcdc}
+.img .ord a:hover{background:#14161a}
+.nav{text-align:center}
+.list a{display:block;padding:10px 5px}
+.txt .list a{border-top:1px solid #f8f8f8;border-bottom:1px solid #ddd;color:#000}
+.txt .list a:hover{background:#dcdcdc;color:#000}
+.img .list a{border-top:1px solid #444;border-bottom:1px solid #111;color:#e0e0e0;overflow:hidden}
+.img .list a:hover{background:#14161a}
+.list div{font-size:90%;font-weight:700;margin-top:3px;text-align:right}
+.list div span{font-weight:400}
+.list div span span{font-weight:700;color:red}
+.list .info{display:block;font-size:75%;margin-top:3px}
+.txt .list .info{color:#777}
+.img .list .info{color:#a3a3a3}
+.list .info span{float:right}
+.txt .nav{border-top:1px solid #c6c7c8}
+.img .nav{border-top:1px solid #333}
+.nav div{display:table;width:100%}
+.txt .nav div{border-bottom:1px solid #c6c7c8}
+.img .nav div{border-bottom:1px solid #333}
+.nav div a{display:table-cell;padding:6px 0;width:33%}
+.txt .nav div a,#nav2 a{border-right:1px solid #c6c7c8;color:#000}
+.img .nav div a{border-right:1px solid #333;color:#e0e0e0}
+.txt .nav div a:last-child,.img .nav div a:last-child{border-right:0}
+#nav2{overflow-y:auto;padding:3px;text-align:center;white-space:nowrap;width:100%}
+#nav2 a{border:1px solid #c6c7c8;border-radius:5px;display:inline-block;padding:4px}
+.msg{line-height:1.2em}
+.msg a{border:1px solid;border-radius:10px;display:inline-block;font-size:12px;margin:2px 0;padding:4px}
+.msg a[href^="/"]{border-radius:5px;font-size:inherit;padding:2px 4px}
+.thm{color:grey!important;font-size:12px;float:left;line-height:12px;margin-right:5px;text-align:center}
+.thm img{margin-bottom:2px}
+.mnu{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);float:left;font-weight:bold;line-height:1}
+.txt a.mnu{color:#777;position:relative;left:2px}
+.img .mnu{color:#a3a3a3;margin-right:3px}
+#mnu-list{border:1px solid #111;border-bottom:0;box-shadow:1px 1px #000;display:inline-block;position:absolute}
+.txt #mnu-list{background:#E6E6E6}
+.img #mnu-list{background:#2A2D37}
+#mnu-list a{border-bottom:1px solid #111;color:inherit;display:block;padding:5px}
+.txt #mnu-list a:hover{background:#DDD}
+.img #mnu-list a:hover{background:#1E212B}
+.search input{background:#fff;border-top:1px solid #f8f8f8;border-right:0;border-bottom:1px solid #ddd;border-left:0;padding:8px;width:100%}
+.fld,#post,textarea{background:#fff;border:none;width:100%}
+.img .fld,.img textarea{border-bottom:1px solid #1a1d22}
+.txt .fld,.txt textarea{border-bottom:1px solid #efefef}
+input[type="text"].fld{font-size:12px;padding:4px 0}
+input[type="file"].fld{color:#000;padding:2px 0;width:100%}
+input[type="text"].imp{font-size:16px;font-weight:700}
+.file{display:table;width:100%}.file .fld{display:table-cell}
+.file label{color:#000;padding-left:5px;vertical-align:middle;white-space:nowrap;width:auto}
+#post{background:#fefefe;background:-webkit-linear-gradient(#fefefe,#e7e8e9);background:-o-linear-gradient(#fefefe,#e7e8e9);background:-moz-linear-gradient(#fefefe,#e7e8e9);background:linear-gradient(#fefefe,#e7e8e9);border-top:1px solid #c6c7c8;border-bottom:1px solid #c6c7c8;box-shadow:0 1px #fff,0 -1px #fff;display:block;padding:12px 0}
+#post:active{background:#e7e8e9;background:-webkit-linear-gradient(#e7e8e9,#fefefe);background:-o-linear-gradient(#e7e8e9,#fefefe);background:-moz-linear-gradient(#e7e8e9,#fefefe);background:linear-gradient(#e7e8e9,#fefefe)}
+#post:disabled{background:#fefefe;background:-webkit-linear-gradient(#fefefe,#e7e8e9);background:-o-linear-gradient(#fefefe,#e7e8e9);background:-moz-linear-gradient(#fefefe,#e7e8e9);background:linear-gradient(#fefefe,#e7e8e9);color:gray;text-shadow:1px 1px #fff}
+.img form{margin:5px 0}.img #post{margin-top:5px}
+.txt form{margin:10px 0}.txt #post{margin-top:10px}
+.img .cat{border:1px solid #373a44;color:#e0e0e0;display:inline-block;font-size:12px;height:150px;margin:3px;overflow:hidden;position:relative;padding:2px;text-align:center;vertical-align:top;width:130px}
+.img .cat:hover{color:#fff;background:#373a44}
+.img .cat img{margin-bottom:2px}
+.img .prev{border-bottom:1px solid #333;font-size:14px;margin:8px 0;overflow:hidden;padding:0 5px 8px}
+.img .prev .pst{margin-top:5px;margin-bottom:0}
+.img .first,.img .pst{display:block;padding:5px;overflow:hidden}
+.img .pst{background:#373a44;margin-bottom:5px}
+.img .q{color:#789922}
+.img .yt{background:#292c33;border:1px solid #5e6b7d;color:#e0e0e0}
+#n{display:block;padding:6px 0;text-align:center}
+.txt #n{border-top:1px solid #c6c7c8;color:#000}
+.img #n{border-top:1px solid #333;color:#e0e0e0}
+.txt #thread{margin-top:8px}
+.txt .msg a{background:#e9e9e9;border-color:#ccc}
+.txt .msg a:active{border-color:red}
+.txt .pst{border-top:1px solid #c6c7c8;padding:0 2px}
+.txt .q{color:#666}
+.txt .yt{background:#ddd;border:1px solid gray!important}
+.rules{font-size:12px;text-align:center}
+.txt .rules{margin:10px}.img .rules{margin:5px}
+.stop{font-size:75%;line-height:3em;padding:2px}
+.warn{font-size:75%;padding:5px 2px}
+.yellow{background:#ff0;color:#000}
+.red{background:red;color:#fff}
+.yt{border-radius:0!important;line-height:1.2em!important;margin:2px 0;padding:4px!important}
+.yt .pvw{float:left;height:60px;margin-right:4px;overflow:hidden;width:100px}
+.yt .pvw img{margin-top:-15px;margin-left:-10px}
+.yt b{font-size:115%} \ No newline at end of file
diff --git a/static/css/night.css b/static/css/night.css
new file mode 100644
index 0000000..ba3ee7b
--- /dev/null
+++ b/static/css/night.css
@@ -0,0 +1,22 @@
+html,body{background:#171e24;color:#979ea3;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
+a,a .name,.nav label{color:#c0c4c8}
+a.rep{color:#979ea3;text-decoration:underline}
+a:hover,a:hover .name,.nav label:hover{color:#888c90}
+.replymode,.extramode{color:#DDD}
+.replymode{background:#B40D00}
+.extramode{background:#001f6e}
+.postblock{background:#2b3843}
+.q{color:#789922}
+.subj{background:inherit;color:#962e5f;font-weight:bold}
+.name{color:#5f962e}
+.name a{color:#2e5f96}
+.name a:hover{color:#426fa0}
+.reply{background:#2F3D48;border:1px solid #1c242b}
+.abbrev{color:#707070}
+.highlight{background:#1D1D21;border:1px solid #111}
+hr{border:none;border-top:1px solid #979ea3;height:0}
+#catalog .thread:hover{background:#2F3D48;box-shadow:0 0 5px 5px #2F3D48}
+#catalog .replies{color:#909090;font-weight:bold}
+.yt{background:#52626D;border:1px solid #131D25}
+#q-p{background:#2F3D48}
+.quoted{border-color:#171e24} \ No newline at end of file
diff --git a/static/css/photon.css b/static/css/photon.css
new file mode 100644
index 0000000..7be906a
--- /dev/null
+++ b/static/css/photon.css
@@ -0,0 +1,22 @@
+html,body{background:#EEE;color:#333;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
+.rep{color:#333}
+a,a .name,a .name b,.logo,.nav label{color:#F60}
+a:hover,a:hover .name,a:hover .name b,.nav label:hover{color:#0066FF}
+.replymode,.extramode{color:#2266AA;border:solid 1px #CCC;background:#DDD}
+.postblock{background:#DDD;color:#024;border:1px solid #CCC;}
+.q{color:#789922}
+.fs,.abbrev{color:#666;text-decoration:none}
+.subj{color:#111;font-weight:bold}
+.name{color:#F30}
+.name b{color:#004A99}
+.omitted{color:#707070}
+.reply{background:#DDD;border:1px solid #CCC}
+.highlight{background:#CCC}
+.managertable td{background:#DDD;color:#024}
+.managertable th{background:#CCC;color:#024}
+hr{border:none;border-top:1px solid #BBB;height:0}
+#catalog .thread:hover{background:#DDD;box-shadow:0 0 5px 5px #DDD}
+#catalog .replies{color:#888;font-weight:bold}
+.yt{background:#E9E9E9;border:1px solid #BBB;color:#333}
+#q-p{background:#DDD}
+.quoted{border-color:#CCC} \ No newline at end of file
diff --git a/static/css/putaba.css b/static/css/putaba.css
new file mode 100644
index 0000000..840d5fd
--- /dev/null
+++ b/static/css/putaba.css
@@ -0,0 +1,46 @@
+html,body{background:#fff url('img/fondo2012.gif');font-family:"courier new",courier,monospace;color:#000}
+a,.reflink a,.nav label{color:#fff;text-decoration:none;background:#f60}
+a.rep{text-decoration:underline}
+a:hover,.reflink a:hover,.nav label:hover{background:#f00}
+a .name,a .name b{background:#0cf;color:#903}
+a:hover .name,a:hover .name b{background:#f33;color:#fff}
+input[type="button"],input[type="submit"]{background:#eff931;background:-moz-linear-gradient(top, #eff931 0%, #c9e800 100%);border:1px solid #d3de27;color:#333;padding:3px 10px}
+input,input[type="text"],input[type="password"],textarea,.searchbar input{background:#cf0;border:1px solid #000}
+#main_nav a{color:#000;background:#0cf}
+#main_nav a:hover{color:#fff;background:#90f}
+#main_nav span a{color:#fff;background:#f03}
+#main_nav span a:hover{background:#cf0}
+.replymode,.extramode{background:url('img/bgtb.gif');color:#000}
+hr,.ell{display:none}
+.thread hr{display:block}
+.thread,.userdelete,.postform,.oekform{background:#fff;box-shadow:1px 1px 1px rgba(50, 50, 50, 0.5);margin:0 10px 10px;padding:10px;overflow:auto}
+.postarea table{margin:0 auto 10px}
+.info,.fs{text-transform:uppercase}
+.thread label{background:#ff0}
+.thread label a,.thread label a:hover{background:#00ccff;color:#990033}
+.rules{letter-spacing:-0.5px}
+.rules li{margin-left:0.5em}
+.rules a{background:#f06;color:#fff}
+.rules a:hover{color:#cf0}
+.postblock{background:#ff0}
+.q{color:#789922}
+.subj{font-weight:bold;color:#909;background:#cf0;letter-spacing:-1px}
+.name{color:black;background:white}
+.name b{color:white;background:black}
+.date{background:#ff0}
+.omitted,.hsbn,.hsbn:hover{color:#ff3fff;background:#5500aa;display:inline-block}
+.reply,#q-p{background:#e6e6e6}
+.abbrev{color:#707070}
+.highlight{background:#ccc}
+.userdelete{padding:5px}
+input[type="submit"].psei{background:#ff6600;color:white;border:none;padding:0.4em 1em}
+.nav{float:left}
+.managertable td,.pg{background:#fff}
+.managertable th{background:#ddd}
+#catalog .thread:hover{background:#e6e6e6}
+#catalog .replies{background:#00ffff;color:#909090;font-weight:bold}
+.yt{background:#f7f7f7;border:1px solid #999;color:#000}
+.yt:hover{background:#efefef}
+.footer{background:#000;color:#fff}
+.footer a,.footer a:hover{background:#000}
+.quoted{border-color:#fff} \ No newline at end of file
diff --git a/static/css/red.css b/static/css/red.css
new file mode 100644
index 0000000..ad3159a
--- /dev/null
+++ b/static/css/red.css
@@ -0,0 +1,21 @@
+html,body{font-family:Georgia,"URW Bookman L",serif;background:#FFF2F2;color:#800000}
+a,a .name,.nav label{color:#00E}
+a:hover,a:hover .name,.nav label:hover{color:#D00}
+.rep{color:#800000}
+.replymode,.extramode{color:#FFF}
+.replymode{background:#E04000}
+.extramode{background:#0040E0}
+.postblock{background:#F99}
+.q{color:#789922}
+.name{color:#036}
+.omitted,.abbrev{color:#707070}
+.reply,#q-p{background:#FBB}
+.subj{color:#CC1105;font-weight:bold}
+.highlight{background:#F0E0D6}
+.managertable td{background:#FED0D0}
+.managertable th{background:#FA4A4A;color:#400000}
+#catalog .thread:hover{background:#FBB}
+#catalog .thread:hover{background:#FBB;box-shadow:0 0 5px 5px #FBB}
+#catalog .replies{color:#909090;font-weight:bold}
+.yt{background:#FED8D8;border:1px solid #FE9B9B;color:#500000}
+.quoted{border-color:#FFF2F2} \ No newline at end of file
diff --git a/static/css/rene.css b/static/css/rene.css
new file mode 100644
index 0000000..7126099
--- /dev/null
+++ b/static/css/rene.css
@@ -0,0 +1,22 @@
+html,body{background:#1a1d22;color:#e0e0e0;font-family:arial,helvetica,"nimbus sans l",sans-serif}
+.rep{color:#e0e0e0}
+a,a .name,.nav label{color:#b0ccde}
+a:hover,a:hover .name,.nav label:hover{color:#5c6a74}
+.replymode,.extramode{color:#fff}
+.replymode{background:#2b2b2b}
+.extramode{background:#333}
+.postblock{background:#28282d;border:1px solid #333;color:#ddd}
+.q{color:#789922}
+.fs{text-decoration:none}
+.subj{color:#a6b8d8;font-weight:bold}
+.name,.omitted{color:#a3a3a3}
+.reply,#q-p{background:#373a44}
+.abbrev{color:#777}
+.highlight{background:#5b5f69}
+.managertable td{background:#64697b}
+.managertable th{background:#252830;color:#f8f8f8}
+hr{border:none;border-top:1px dotted #696969;height:0}
+#catalog .thread:hover{background:#373a44;box-shadow:0 0 5px 5px #373a44}
+#catalog .replies{color:#909090;font-weight:bold}
+.yt{background:#292c33;border:1px solid #5e6b7d;color:#e0e0e0}
+.quoted{border-color:#1a1d22;color:#aaa} \ No newline at end of file
diff --git a/static/css/spc/base.css b/static/css/spc/base.css
new file mode 100644
index 0000000..bb30a24
--- /dev/null
+++ b/static/css/spc/base.css
@@ -0,0 +1,269 @@
+/*
+* Skeleton V1.2
+* Copyright 2011, Dave Gamache
+* www.getskeleton.com
+* Free to use under the MIT license.
+* http://www.opensource.org/licenses/mit-license.php
+* 6/20/2012
+*/
+
+
+/* Table of Content
+==================================================
+ #Reset & Basics
+ #Basic Styles
+ #Site Styles
+ #Typography
+ #Links
+ #Lists
+ #Images
+ #Buttons
+ #Forms
+ #Misc */
+
+
+/* #Reset & Basics (Inspired by E. Meyers)
+================================================== */
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline; }
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block; }
+ body {
+ line-height: 1; }
+ ol, ul {
+ list-style: none; }
+ blockquote, q {
+ quotes: none; }
+ blockquote:before, blockquote:after,
+ q:before, q:after {
+ content: '';
+ content: none; }
+ table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+
+/* #Basic Styles
+================================================== */
+ body {
+ background: #fff;
+ font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: #444;
+ -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
+ -webkit-text-size-adjust: 100%;
+ }
+
+
+/* #Typography
+================================================== */
+ h1, h2, h3, h4, h5, h6 {
+ color: #181818;
+ font-family: "Georgia", "Times New Roman", serif;
+ font-weight: normal; }
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
+ h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
+ h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
+ h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
+ h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
+ h5 { font-size: 17px; line-height: 24px; }
+ h6 { font-size: 14px; line-height: 21px; }
+ .subheader { color: #777; }
+
+ p { margin: 0 0 20px 0; }
+ p img { margin: 0; }
+ p.lead { font-size: 21px; line-height: 27px; color: #777; }
+
+ em { font-style: italic; }
+ strong { font-weight: bold; color: #333; }
+ small { font-size: 60%; }
+
+/* Blockquotes */
+ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
+ blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
+ blockquote cite { display: block; font-size: 12px; color: #555; }
+ blockquote cite:before { content: "\2014 \0020"; }
+ blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
+
+ hr { border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 30px 0 30px; height: 0; }
+
+
+/* #Links
+================================================== */
+ a, a:visited { color: #333; text-decoration: underline; outline: 0; }
+ a:hover, a:focus { color: #000; }
+ p a, p a:visited { line-height: inherit; }
+
+
+/* #Lists
+================================================== */
+ ul, ol { margin-bottom: 20px; }
+ ul { list-style: none outside; }
+ ol { list-style: decimal; }
+ ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
+ ul.square { list-style: square outside; }
+ ul.circle { list-style: circle outside; }
+ ul.disc { list-style: disc outside; }
+ ul ul, ul ol,
+ ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
+ ul ul li, ul ol li,
+ ol ol li, ol ul li { margin-bottom: 6px; }
+ li { line-height: 18px; margin-bottom: 12px; }
+ ul.large li { line-height: 21px; }
+ li p { line-height: 21px; }
+
+/* #Images
+================================================== */
+
+ img.scale-with-grid {
+ max-width: 100%;
+ height: auto; }
+
+
+/* #Buttons
+================================================== */
+
+ .button,
+ button,
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"] {
+ background: #eee; /* Old browsers */
+ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
+ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
+ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
+ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
+ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
+ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
+ border: 1px solid #aaa;
+ border-top: 1px solid #ccc;
+ border-left: 1px solid #ccc;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ color: #444;
+ display: inline-block;
+ font-size: 11px;
+ font-weight: bold;
+ text-decoration: none;
+ text-shadow: 0 1px rgba(255, 255, 255, .75);
+ cursor: pointer;
+ margin-bottom: 20px;
+ line-height: normal;
+ padding: 8px 10px;
+ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
+
+ .button:hover,
+ button:hover,
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover {
+ color: #222;
+ background: #ddd; /* Old browsers */
+ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
+ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
+ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
+ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
+ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
+ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
+ border: 1px solid #888;
+ border-top: 1px solid #aaa;
+ border-left: 1px solid #aaa; }
+
+ .button:active,
+ button:active,
+ input[type="submit"]:active,
+ input[type="reset"]:active,
+ input[type="button"]:active {
+ border: 1px solid #666;
+ background: #ccc; /* Old browsers */
+ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
+ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
+ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
+ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
+ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
+ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }
+
+ .button.full-width,
+ button.full-width,
+ input[type="submit"].full-width,
+ input[type="reset"].full-width,
+ input[type="button"].full-width {
+ width: 100%;
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ text-align: center; }
+
+ /* Fix for odd Mozilla border & padding issues */
+ button::-moz-focus-inner,
+ input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+ }
+
+
+/* #Forms
+================================================== */
+
+ form {
+ margin-bottom: 20px; }
+ fieldset {
+ margin-bottom: 20px; }
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ textarea,
+ select {
+ border: 1px solid #ccc;
+ padding: 6px 4px;
+ outline: none;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: #777;
+ margin: 0;
+ width: 210px;
+ max-width: 100%;
+ display: block;
+ margin-bottom: 20px;
+ background: #fff; }
+ select {
+ padding: 0; }
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ textarea:focus {
+ border: 1px solid #aaa;
+ color: #444;
+ -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
+ -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
+ box-shadow: 0 0 3px rgba(0,0,0,.2); }
+ textarea {
+ min-height: 60px; }
+ label,
+ legend {
+ display: block;
+ font-weight: bold;
+ font-size: 13px; }
+ select {
+ width: 220px; }
+ input[type="checkbox"] {
+ display: inline; }
+ label span,
+ legend span {
+ font-weight: normal;
+ font-size: 13px;
+ color: #444; }
+
+/* #Misc
+================================================== */
+ .remove-bottom { margin-bottom: 0 !important; }
+ .half-bottom { margin-bottom: 10px !important; }
+ .add-bottom { margin-bottom: 20px !important; }
+
+
diff --git a/static/css/spc/halloween.css b/static/css/spc/halloween.css
new file mode 100644
index 0000000..6870152
--- /dev/null
+++ b/static/css/spc/halloween.css
@@ -0,0 +1,47 @@
+body,textarea,h2 small,.del a{color:#FA5923}
+body.mainpage,body.threads{background:#000 url('../img/bg_madera.png');}
+body.threadpage{background:#111}
+a,#n2{color:#F00}
+a:active,a:active .name,#n2:active{color:#f60}
+hr{border:0;border-top:1px solid #900;border-bottom: 1px solid #500000}
+input[type=submit]:active,input[type=button]:active,a:active{filter:blur(2px)}
+h1{text-shadow:0 4px 1px #300000,0 6px 1px #400000,0 8px 1px #500000,0 10px 1px #600000,0 12px 1px #700000,0 14px 1px #800000,0 16px 1px #900000,0 18px 1px #A00000,0 20px 1px #B00000,0 22px 1px #C00000,0 24px 1px #D00000,0 26px 1px #E00000,0 28px 1px #F00000,0 30px 1px #FA0000,0 32px 1px #FB0000,0 34px 1px #FC0000,0 36px 1px #FD0000,0 38px 1px #FE0000,0 40px 2px #F00}
+.threads h1{margin-bottom:35px}
+h2{margin-bottom:3px}
+h2 a{color:#32cd32}
+h3{color:#F00}
+h3 span{color:#900}
+#main_nav{background:#000}
+.outerbox{background:#000;border:1px outset #FF4500;color:#FFA500}
+.innerbox{border:1px inset #FF4500}
+#threadlist{background:#330e00;border:1px inset #FF4500}
+.mainpage .thread,#content{background:#111;border:1px outset #914400}
+.name,a .name,.abbrev{color:#f90}
+.name em{color:#111e6c}
+.msg{color:#fa6a39;margin:4px 40px 24px}
+a.thumb{margin-top:4px}
+.q{color:#875384}
+.yt{background:#240000;border:1px solid #FF4500}
+.deleted{color:#592a56;margin-bottom:24px}
+.outerbox input,.outerbox textarea{background:#222;color:#FFA500;border:1px solid #FF4500}
+.outerbox input:focus,.outerbox textarea:focus{background:#401100}
+.outerbox input[type=submit],.outerbox input[type=button]{background:#000;box-shadow:0 0 5px #FF4500}
+.threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#0C050D;border:1px solid #FA5923;color:#FA5923}
+.threadpage input:focus,.threadpage textarea:focus,.thread input:focus,.thread textarea:focus{background:#290c0a}
+.threadpage input[type=submit],.threadpage input[type=button],.thread input[type=submit],.thread input[type=button]{background:#0C050D}
+#q-p{background:#160901;border:1px solid #521;box-shadow:0 0 5px #521}
+#q-p .msg,#q-p a.thumb{margin-bottom:8px}
+#createbox{display:flex}
+#createbox .extrabox{border:1px inset grey;margin:7px 0 7px 7px;float:left;width:40px;height:auto;flex:0 1 40px;-webkit-flex:0 1 40px}
+#createbox .innerbox{flex:0 1 100%;-webkit-flex:0 1 100%}
+form .msg{border:1px dotted #FA5923;background:#000}
+#footer{text-shadow:0 0 2px}
+#content.list{padding:7px}
+#content.list #header div{background:#2d0000;border-top:1px inset #914400}
+#content.list .row:nth-child(odd),#content.grid .row:hover{background:#000}
+#content.list .row div:first-child{border-left:1px inset #914400}
+#content.list .row div:last-child{border-right:1px inset #914400}
+#content.list .row:last-child div{border-bottom:1px inset #914400}
+#content.grid{border:1px outset #914400;padding:1px}
+#content.grid .row{border:1px inset #914400;margin:1px}
+@media screen and (max-width:480px){.msg{margin:4px 20px 12px}} \ No newline at end of file
diff --git a/static/css/spc/layout.css b/static/css/spc/layout.css
new file mode 100644
index 0000000..b99f451
--- /dev/null
+++ b/static/css/spc/layout.css
@@ -0,0 +1,58 @@
+/*
+* Skeleton V1.2
+* Copyright 2011, Dave Gamache
+* www.getskeleton.com
+* Free to use under the MIT license.
+* http://www.opensource.org/licenses/mit-license.php
+* 6/20/2012
+*/
+
+/* Table of Content
+==================================================
+ #Site Styles
+ #Page Styles
+ #Media Queries
+ #Font-Face */
+
+/* #Site Styles
+================================================== */
+
+/* #Page Styles
+================================================== */
+
+/* #Media Queries
+================================================== */
+
+ /* Smaller than standard 960 (devices and browsers) */
+ @media only screen and (max-width: 959px) {}
+
+ /* Tablet Portrait size to standard 960 (devices and browsers) */
+ @media only screen and (min-width: 768px) and (max-width: 959px) {}
+
+ /* All Mobile Sizes (devices and browser) */
+ @media only screen and (max-width: 767px) {}
+
+ /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
+ @media only screen and (min-width: 480px) and (max-width: 767px) {}
+
+ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
+ @media only screen and (max-width: 479px) {}
+
+
+/* #Font-Face
+================================================== */
+/* This is the proper syntax for an @font-face file
+ Just create a "fonts" folder at the root,
+ copy your FontName into code below and remove
+ comment brackets */
+
+/* @font-face {
+ font-family: 'FontName';
+ src: url('../fonts/FontName.eot');
+ src: url('../fonts/FontName.eot?iefix') format('eot'),
+ url('../fonts/FontName.woff') format('woff'),
+ url('../fonts/FontName.ttf') format('truetype'),
+ url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
+ font-weight: normal;
+ font-style: normal; }
+*/ \ No newline at end of file
diff --git a/static/css/spc/navidad.css b/static/css/spc/navidad.css
new file mode 100644
index 0000000..4d90c6a
--- /dev/null
+++ b/static/css/spc/navidad.css
@@ -0,0 +1,161 @@
+html, body {
+ background:#004608;
+ color:#fff;
+}
+a {
+ color:#EFD279;
+}
+a.rep {
+ color:#fff;
+}
+a:hover {
+ color:#DD0000;
+}
+.reflink a:hover{
+ font-weight: bold;
+}
+.adminbar {
+ text-align:right;
+ clear:both;
+ float:right;
+}
+.logo {
+ clear:both;
+ text-align:center;
+ font-size:2em;
+ color:#CCFFCC;
+ width:100%;
+}
+.replymode {
+ background:#078B26;
+ text-align:center;
+ padding:2px;
+ color:#FFFFFF;
+ width:100%;
+}
+.catalogmode {
+ background:#0040E0;
+ text-align:center;
+ padding:2px;
+ color:#FFFFFF;
+ width:100%;
+}
+.rules {
+ /*font-size:0.7em;*/
+ width: 468px;
+ font-size: 10px;
+ font-family: sans-serif;
+}
+.rules li {
+ margin-left: 1em;
+ /*text-indent: 0em;*/
+}
+.postblock {
+ background:#B00000;
+ color:#FFF;
+ font-weight:800;
+}
+.footer {
+ text-align:center;
+ font-size:12px;
+ font-family:serif;
+}
+.passvalid {
+ background:#EEAA88;
+ text-align:center;
+ width:100%;
+ color:#ffffff;
+}
+.dellist {
+ font-weight: bold;
+ text-align:center;
+}
+.delbuttons {
+ text-align:center;
+ padding-bottom:4px;
+
+}
+.managehead {
+ background:#AAAA66;
+ color:#400000;
+ padding:0px;
+}
+.postlists {
+ background:#FFFFFF;
+ width:100%;
+ padding:0px;
+ color:#800000;
+}
+.row1 {
+ background:#EEEECC;
+ color:#800000;
+}
+.row2 {
+ background:#DDDDAA;
+ color:#800000;
+}
+.q {
+ background:inherit;
+ color:#BDF46C;
+}
+.filesize {
+ text-decoration:none;
+}
+.filetitle {
+ background:inherit;
+ font-size:1.3em;
+ color:#E91F1F;
+ font-weight:800;
+}
+.postername {
+ color:#AFD775;
+ font-weight:bold;
+}
+.postertrip {
+ color:#AFD775;
+}
+.oldpost {
+ color:#CC1105;
+ font-weight:800;
+}
+.omittedposts {
+ color:#909090;
+}
+.reply {
+ background: #078B26;
+ color: #fff;
+}
+.replyhl {
+ background: #F0C0B0;
+ color: #800000;
+}
+.replytitle {
+ font-size: 1.2em;
+ color:#CC1105;
+ font-weight:800;
+}
+.commentpostername {
+ color:#117743;
+ font-weight:800;
+}
+.thumbnailmsg {
+ font-size: small;
+ color:#800000;
+}
+
+.abbrev {
+ color:#707070;
+}
+.highlight {
+ /*background:#95CBE9;*/
+ background: #5B8BB4;
+ /*color:#2C5700;*/
+ /*border: 2px dashed #070;*/
+ border: 2px dashed #AFD775;
+}
+.banned {
+ color:#F99C64;
+}
+.administrator {
+ color:#C00 !important;
+}
diff --git a/static/css/spc/skeleton.css b/static/css/spc/skeleton.css
new file mode 100644
index 0000000..049db08
--- /dev/null
+++ b/static/css/spc/skeleton.css
@@ -0,0 +1,242 @@
+/*
+* Skeleton V1.2
+* Copyright 2011, Dave Gamache
+* www.getskeleton.com
+* Free to use under the MIT license.
+* http://www.opensource.org/licenses/mit-license.php
+* 6/20/2012
+*/
+
+
+/* Table of Contents
+==================================================
+ #Base 960 Grid
+ #Tablet (Portrait)
+ #Mobile (Portrait)
+ #Mobile (Landscape)
+ #Clearing */
+
+
+
+/* #Base 960 Grid
+================================================== */
+
+ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
+ .container .column,
+ .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
+ .row { margin-bottom: 20px; }
+
+ /* Nested Column Classes */
+ .column.alpha, .columns.alpha { margin-left: 0; }
+ .column.omega, .columns.omega { margin-right: 0; }
+
+ /* Base Grid */
+ .container .one.column,
+ .container .one.columns { width: 40px; }
+ .container .two.columns { width: 100px; }
+ .container .three.columns { width: 160px; }
+ .container .four.columns { width: 220px; }
+ .container .five.columns { width: 280px; }
+ .container .six.columns { width: 340px; }
+ .container .seven.columns { width: 400px; }
+ .container .eight.columns { width: 460px; }
+ .container .nine.columns { width: 520px; }
+ .container .ten.columns { width: 580px; }
+ .container .eleven.columns { width: 640px; }
+ .container .twelve.columns { width: 700px; }
+ .container .thirteen.columns { width: 760px; }
+ .container .fourteen.columns { width: 820px; }
+ .container .fifteen.columns { width: 880px; }
+ .container .sixteen.columns { width: 940px; }
+
+ .container .one-third.column { width: 300px; }
+ .container .two-thirds.column { width: 620px; }
+
+ /* Offsets */
+ .container .offset-by-one { padding-left: 60px; }
+ .container .offset-by-two { padding-left: 120px; }
+ .container .offset-by-three { padding-left: 180px; }
+ .container .offset-by-four { padding-left: 240px; }
+ .container .offset-by-five { padding-left: 300px; }
+ .container .offset-by-six { padding-left: 360px; }
+ .container .offset-by-seven { padding-left: 420px; }
+ .container .offset-by-eight { padding-left: 480px; }
+ .container .offset-by-nine { padding-left: 540px; }
+ .container .offset-by-ten { padding-left: 600px; }
+ .container .offset-by-eleven { padding-left: 660px; }
+ .container .offset-by-twelve { padding-left: 720px; }
+ .container .offset-by-thirteen { padding-left: 780px; }
+ .container .offset-by-fourteen { padding-left: 840px; }
+ .container .offset-by-fifteen { padding-left: 900px; }
+
+
+
+/* #Tablet (Portrait)
+================================================== */
+
+ /* Note: Design for a width of 768px */
+
+ @media only screen and (min-width: 768px) and (max-width: 959px) {
+ .container { width: 768px; }
+ .container .column,
+ .container .columns { margin-left: 10px; margin-right: 10px; }
+ .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
+ .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
+ .alpha.omega { margin-left: 0; margin-right: 0; }
+
+ .container .one.column,
+ .container .one.columns { width: 28px; }
+ .container .two.columns { width: 76px; }
+ .container .three.columns { width: 124px; }
+ .container .four.columns { width: 172px; }
+ .container .five.columns { width: 220px; }
+ .container .six.columns { width: 268px; }
+ .container .seven.columns { width: 316px; }
+ .container .eight.columns { width: 364px; }
+ .container .nine.columns { width: 412px; }
+ .container .ten.columns { width: 460px; }
+ .container .eleven.columns { width: 508px; }
+ .container .twelve.columns { width: 556px; }
+ .container .thirteen.columns { width: 604px; }
+ .container .fourteen.columns { width: 652px; }
+ .container .fifteen.columns { width: 700px; }
+ .container .sixteen.columns { width: 748px; }
+
+ .container .one-third.column { width: 236px; }
+ .container .two-thirds.column { width: 492px; }
+
+ /* Offsets */
+ .container .offset-by-one { padding-left: 48px; }
+ .container .offset-by-two { padding-left: 96px; }
+ .container .offset-by-three { padding-left: 144px; }
+ .container .offset-by-four { padding-left: 192px; }
+ .container .offset-by-five { padding-left: 240px; }
+ .container .offset-by-six { padding-left: 288px; }
+ .container .offset-by-seven { padding-left: 336px; }
+ .container .offset-by-eight { padding-left: 384px; }
+ .container .offset-by-nine { padding-left: 432px; }
+ .container .offset-by-ten { padding-left: 480px; }
+ .container .offset-by-eleven { padding-left: 528px; }
+ .container .offset-by-twelve { padding-left: 576px; }
+ .container .offset-by-thirteen { padding-left: 624px; }
+ .container .offset-by-fourteen { padding-left: 672px; }
+ .container .offset-by-fifteen { padding-left: 720px; }
+ }
+
+
+/* #Mobile (Portrait)
+================================================== */
+
+ /* Note: Design for a width of 320px */
+
+ @media only screen and (max-width: 767px) {
+ .container { width: 300px; }
+ .container .columns,
+ .container .column { margin: 0; }
+
+ .container .one.column,
+ .container .one.columns,
+ .container .two.columns,
+ .container .three.columns,
+ .container .four.columns,
+ .container .five.columns,
+ .container .six.columns,
+ .container .seven.columns,
+ .container .eight.columns,
+ .container .nine.columns,
+ .container .ten.columns,
+ .container .eleven.columns,
+ .container .twelve.columns,
+ .container .thirteen.columns,
+ .container .fourteen.columns,
+ .container .fifteen.columns,
+ .container .sixteen.columns,
+ .container .one-third.column,
+ .container .two-thirds.column { width: 300px; }
+
+ /* Offsets */
+ .container .offset-by-one,
+ .container .offset-by-two,
+ .container .offset-by-three,
+ .container .offset-by-four,
+ .container .offset-by-five,
+ .container .offset-by-six,
+ .container .offset-by-seven,
+ .container .offset-by-eight,
+ .container .offset-by-nine,
+ .container .offset-by-ten,
+ .container .offset-by-eleven,
+ .container .offset-by-twelve,
+ .container .offset-by-thirteen,
+ .container .offset-by-fourteen,
+ .container .offset-by-fifteen { padding-left: 0; }
+
+ }
+
+
+/* #Mobile (Landscape)
+================================================== */
+
+ /* Note: Design for a width of 480px */
+
+ @media only screen and (min-width: 480px) and (max-width: 767px) {
+ .container { width: 420px; }
+ .container .columns,
+ .container .column { margin: 0; }
+
+ .container .one.column,
+ .container .one.columns,
+ .container .two.columns,
+ .container .three.columns,
+ .container .four.columns,
+ .container .five.columns,
+ .container .six.columns,
+ .container .seven.columns,
+ .container .eight.columns,
+ .container .nine.columns,
+ .container .ten.columns,
+ .container .eleven.columns,
+ .container .twelve.columns,
+ .container .thirteen.columns,
+ .container .fourteen.columns,
+ .container .fifteen.columns,
+ .container .sixteen.columns,
+ .container .one-third.column,
+ .container .two-thirds.column { width: 420px; }
+ }
+
+
+/* #Clearing
+================================================== */
+
+ /* Self Clearing Goodness */
+ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
+
+ /* Use clearfix class on parent to clear nested columns,
+ or wrap each row of columns in a <div class="row"> */
+ .clearfix:before,
+ .clearfix:after,
+ .row:before,
+ .row:after {
+ content: '\0020';
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ width: 0;
+ height: 0; }
+ .row:after,
+ .clearfix:after {
+ clear: both; }
+ .row,
+ .clearfix {
+ zoom: 1; }
+
+ /* You can also use a <br class="clear" /> to clear columns */
+ .clear {
+ clear: both;
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+ } \ No newline at end of file
diff --git a/static/css/spc/valentin.css b/static/css/spc/valentin.css
new file mode 100644
index 0000000..bbbc6c1
--- /dev/null
+++ b/static/css/spc/valentin.css
@@ -0,0 +1,170 @@
+html, body {
+ /*background:#940BFE;*/
+ background: url('img/corazoncitos.gif');
+ color:#fff;
+}
+a {
+ color:#EFD279;
+}
+a.rep {
+ color:#fff;
+}
+a:hover {
+ color:#DD0000;
+}
+.reflink a:hover{
+ font-weight: bold;
+}
+.adminbar {
+ text-align:right;
+ clear:both;
+ float:right;
+}
+.logo {
+ clear:both;
+ text-align:center;
+ font-size:2em;
+ color:#CCFFCC;
+ width:100%;
+}
+.replymode {
+ background:#0BBEB8;
+ text-align:center;
+ padding:2px;
+ color:#FFFFFF;
+ width:100%;
+}
+.extramode {
+ background:#0040E0;
+ text-align:center;
+ padding:2px;
+ color:#FFFFFF;
+ width:100%;
+}
+.rules {
+ /*font-size:0.7em;*/
+ width: 468px;
+ font-size: 11px;
+ font-family: sans-serif;
+}
+.rules li {
+ margin-left: 1em;
+ /*text-indent: 0em;*/
+}
+.postblock {
+ background:#95CBE9;
+ color:#2C5700;
+ font-weight:800;
+}
+.footer {
+ text-align:center;
+ font-size:12px;
+ font-family:serif;
+}
+.passvalid {
+ background:#EEAA88;
+ text-align:center;
+ width:100%;
+ color:#ffffff;
+}
+.dellist {
+ font-weight: bold;
+ text-align:center;
+}
+.delbuttons {
+ text-align:center;
+ padding-bottom:4px;
+
+}
+.managehead {
+ background:#AAAA66;
+ color:#400000;
+ padding:0px;
+}
+.postlists {
+ background:#FFFFFF;
+ width:100%;
+ padding:0px;
+ color:#800000;
+}
+.row1 {
+ background:#EEEECC;
+ color:#800000;
+}
+.row2 {
+ background:#DDDDAA;
+ color:#800000;
+}
+.q {
+ background:inherit;
+ color:#BDF46C;
+}
+.filesize {
+ text-decoration:none;
+}
+.filetitle {
+ background:inherit;
+ font-size:1.3em;
+ color:#DE9D7F;
+ font-weight:800;
+}
+.postername {
+ color:#AFD775;
+ font-weight:bold;
+}
+.postertrip {
+ color:#AFD775;
+}
+.oldpost {
+ color:#CC1105;
+ font-weight:800;
+}
+.omittedposts {
+ color:#909090;
+}
+.reply {
+ background: #FE0BDF;
+ color: #fff;
+}
+.replyhl {
+ background: #F0C0B0;
+ color: #800000;
+}
+.replytitle {
+ font-size: 1.2em;
+ color:#CC1105;
+ font-weight:800;
+}
+.commentpostername {
+ color:#117743;
+ font-weight:800;
+}
+.thumbnailmsg {
+ font-size: small;
+ color:#800000;
+}
+
+.abbrev {
+ color:#707070;
+}
+.highlight {
+ /*background:#95CBE9;*/
+ background: #5B8BB4;
+ /*color:#2C5700;*/
+ /*border: 2px dashed #070;*/
+ border: 2px dashed #AFD775;
+}
+.banned {
+ color:#F99C64;
+}
+.administrator {
+ color:#C00 !important;
+}
+.managertable td {
+ background:#3B6B94;
+ color:#FFF;
+}
+.managertable th {
+ background:#AAF;
+ color:#FFF;
+} \ No newline at end of file
diff --git a/static/css/spc/valentin2.css b/static/css/spc/valentin2.css
new file mode 100644
index 0000000..189611c
--- /dev/null
+++ b/static/css/spc/valentin2.css
@@ -0,0 +1,177 @@
+html, body {
+ background:url('img/hearts1.gif');
+ color:#000;
+}
+a {
+ color:#2D89D0;
+}
+a.rep {
+ color:#000;
+}
+a:hover {
+ color:#DD0000;
+}
+.reflink a:hover{
+ font-weight: bold;
+}
+.adminbar {
+ text-align:right;
+ clear:both;
+ float:right;
+}
+.logo {
+ clear:both;
+ text-align:center;
+ font-size:2em;
+ color:#B35692;
+ width:100%;
+}
+.replymode {
+ background:#1D7548;
+ text-align:center;
+ font-weight: bold;
+ padding:2px;
+ color:#FFFFFF;
+ width:100%;
+}
+.extramode {
+ background:#0040E0;
+ text-align:center;
+ font-weight: bold;
+ padding:2px;
+ color:#FFFFFF;
+ width:100%;
+}
+.rules {
+ /*font-size:0.7em;*/
+ width: 468px;
+ font-size: 11px;
+ font-family: sans-serif;
+}
+.rules li {
+ margin-left: 1em;
+ /*text-indent: 0em;*/
+}
+.postblock {
+ background:#FF7BD1;
+ color:#666;
+ font-weight:800;
+}
+.footer {
+ text-align:center;
+ font-size:12px;
+ font-family:serif;
+}
+.passvalid {
+ background:#EEAA88;
+ text-align:center;
+ width:100%;
+ color:#ffffff;
+}
+.dellist {
+ font-weight: bold;
+ text-align:center;
+}
+.delbuttons {
+ text-align:center;
+ padding-bottom:4px;
+
+}
+.managehead {
+ background:#AAAA66;
+ color:#400000;
+ padding:0px;
+}
+.postlists {
+ background:#FFFFFF;
+ width:100%;
+ padding:0px;
+ color:#800000;
+}
+.row1 {
+ background:#EEEECC;
+ color:#800000;
+}
+.row2 {
+ background:#DDDDAA;
+ color:#800000;
+}
+.q {
+ background:inherit;
+ color:#3D343C;
+}
+blockquote blockquote {
+ background:inherit;
+ color:#6D940C;
+}
+.filesize {
+ text-decoration:none;
+}
+.filetitle {
+ background:inherit;
+ font-size:1.3em;
+ color:#DC3D90;
+ font-weight:800;
+}
+.postername {
+ color:#C000D6;
+ font-weight:bold;
+}
+.postertrip {
+ color:#C000D;
+}
+.oldpost {
+ color:#CC1105;
+ font-weight:800;
+}
+.omittedposts {
+ color:#909090;
+}
+.reply {
+ background: url('img/hearts2.jpg');
+ border: 1px solid #BBF;
+ color: #333;
+}
+.replyhl {
+ background: #F0C0B0;
+ color: #800000;
+}
+.replytitle {
+ font-size: 1.2em;
+ color:#DE9D7F;
+ font-weight:800;
+}
+.commentpostername {
+ color:#117743;
+ font-weight:800;
+}
+.thumbnailmsg {
+ font-size: small;
+ color:#000;
+ margin: 0;
+}
+
+.abbrev {
+ color:#707070;
+}
+.highlight {
+ /*background:#95CBE9;*/
+ background: #5B8BB4;
+ /*color:#2C5700;*/
+ /*border: 2px dashed #070;*/
+ border: 2px dashed #AFD775;
+}
+.banned {
+ color:#F99C64;
+}
+.administrator {
+ color:#C00 !important;
+}
+.managertable td {
+ background:#3B6B94;
+ color:#FFF;
+}
+.managertable th {
+ background:#AAF;
+ color:#FFF;
+}
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
diff --git a/static/css/vndb.css b/static/css/vndb.css
new file mode 100644
index 0000000..43a9c7c
--- /dev/null
+++ b/static/css/vndb.css
@@ -0,0 +1,30 @@
+html,body{background-attachment:scroll,fixed;background-color:#000;background-image:url('img/vndb1.jpg'),url('img/vndb2.jpg');background-position:left top,right top;background-repeat:no-repeat,no-repeat;color:#DDD;font-family:Arial,Helvetica,"Nimbus Sans L",sans-serif}
+.rep{color:#DDD}
+a,a .name,.nav label{color:#77BBDD}
+a:hover,a:hover .name,.nav label:hover{border-bottom:1px dotted #DDD;text-decoration:none}
+#catalog .thread > a:hover{border-bottom:none;text-decoration:underline}
+.logo{color:#135;font-style:italic}
+.replymode,.extramode{color:#FFF}
+.replymode{background:#258}
+.extramode{background:#247}
+.postblock{border:1px solid #258;background:rgba(7,28,47,0.75)}
+input,input[type="text"],input[type="password"],textarea{background:#0d2741;border:1px solid #35A;color:#DDD}
+input[type="submit"]{background:rgba(7,28,47,0.9);padding:3px 10px}
+input[type="submit"]:active{background:#0d2741}
+.fs{text-decoration:none}
+.subj{color:#7bd;font-weight:bold}
+.ell,.name,.omitted{color:#258}
+.q{border-left:1px dotted #258;color:#336da7}
+.reply,#q-p{background:rgba(7,28,47,0.8);border:1px solid #258}
+.abbrev{color:#707070}
+.highlight{background:rgb(10,35,60)}
+.managertable{border:1px solid #258}
+.managertable td{background:rgba(7,28,47,0.5)}
+.managertable th{background:rgba(7,28,47,0.9)}
+hr{border:none;border-top:1px solid #258;height:0}
+#catalog .thread:hover{background:rgba(7,28,47,0.92);box-shadow:0 0 5px 5px rgba(7,28,47,0.9)}
+#catalog .replies{color:#258;font-weight:bold}
+.yt,.yt:hover{background:#0d2741;border:1px solid #258;color:#DDD}
+.pg,.pg td{background:rgba(7,28,47,0.8);border:1px solid #258}
+.footer,.footer a{color:#247}
+.quoted{border-color:#35A;color:#247} \ No newline at end of file