aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLibravatar Renard 2020-03-29 18:46:20 -0300
committerLibravatar Renard 2020-03-29 18:46:20 -0300
commit3600b2d2fc91b8a15237cff0f27a2ac423ea6c58 (patch)
treef70ba81f9dda50213a18d5a901de9ddd2697cb8f
parent56c690b9efdb009ab44f3112b6c301d7d393f07e (diff)
downloadweabot-3600b2d2fc91b8a15237cff0f27a2ac423ea6c58.tar.gz
weabot-3600b2d2fc91b8a15237cff0f27a2ac423ea6c58.tar.xz
weabot-3600b2d2fc91b8a15237cff0f27a2ac423ea6c58.zip
Prettier para CSS
-rw-r--r--static/css/buri.css115
-rw-r--r--static/css/cyber.css219
-rw-r--r--static/css/dickgirl.css110
-rw-r--r--static/css/easymodo.css121
-rw-r--r--static/css/fennec.css105
-rw-r--r--static/css/futaba.css108
-rw-r--r--static/css/guro.css124
-rw-r--r--static/css/ib.css427
-rw-r--r--static/css/kraut.css129
-rw-r--r--static/css/mobile.css726
-rw-r--r--static/css/night.css106
-rw-r--r--static/css/photon.css115
-rw-r--r--static/css/putaba.css245
-rw-r--r--static/css/red.css101
-rw-r--r--static/css/rene.css110
-rw-r--r--static/css/spc/base.css733
-rw-r--r--static/css/spc/halloween.css248
-rw-r--r--static/css/spc/layout.css28
-rw-r--r--static/css/spc/material.css453
-rw-r--r--static/css/spc/material_normal.css493
-rw-r--r--static/css/spc/navidad.css180
-rw-r--r--static/css/spc/skeleton.css588
-rw-r--r--static/css/spc/valentin.css192
-rw-r--r--static/css/spc/valentin2.css194
-rw-r--r--static/css/txt/4am.css218
-rw-r--r--static/css/txt/amber.css241
-rw-r--r--static/css/txt/ayashii.css257
-rw-r--r--static/css/txt/baisano.css206
-rw-r--r--static/css/txt/bbs.css535
-rw-r--r--static/css/txt/bios.css314
-rw-r--r--static/css/txt/blue moon.css336
-rw-r--r--static/css/txt/ciber.css311
-rw-r--r--static/css/txt/cuteanarchy.css222
-rw-r--r--static/css/txt/futanari.css247
-rw-r--r--static/css/txt/gamer.css272
-rw-r--r--static/css/txt/headline.css223
-rw-r--r--static/css/txt/postal.css278
-rw-r--r--static/css/txt/sjis.css8
-rw-r--r--static/css/txt/ventanas.css308
-rw-r--r--static/css/vndb.css159
40 files changed, 7803 insertions, 2302 deletions
diff --git a/static/css/buri.css b/static/css/buri.css
index 44169fe..032a07f 100644
--- a/static/css/buri.css
+++ b/static/css/buri.css
@@ -1,23 +1,92 @@
-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;outline:1px dashed #0F0C5D}
-.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
+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;
+ outline: 1px dashed #0f0c5d;
+}
+.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;
+}
diff --git a/static/css/cyber.css b/static/css/cyber.css
index d440e77..5039610 100644
--- a/static/css/cyber.css
+++ b/static/css/cyber.css
@@ -1,39 +1,180 @@
-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}
-.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
+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;
+}
+.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;
+}
diff --git a/static/css/dickgirl.css b/static/css/dickgirl.css
index d2f4260..0b991db 100644
--- a/static/css/dickgirl.css
+++ b/static/css/dickgirl.css
@@ -1,23 +1,87 @@
-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;outline:1px dashed #AFD775}
-.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
+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;
+ outline: 1px dashed #afd775;
+}
+.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;
+}
diff --git a/static/css/easymodo.css b/static/css/easymodo.css
index eaa88a8..d874fd2 100644
--- a/static/css/easymodo.css
+++ b/static/css/easymodo.css
@@ -1,25 +1,96 @@
-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
+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;
+}
diff --git a/static/css/fennec.css b/static/css/fennec.css
index 97f90e6..39bbb3a 100644
--- a/static/css/fennec.css
+++ b/static/css/fennec.css
@@ -1,21 +1,84 @@
-html,body{background:#fde89d;color:#301000}
-.rep{color:#301000}
-a,a .name,.nav label{color:#ec4b55}
-a:hover,a:hover .name,.nav label:hover{color:#b30a09}
-hr{border:0;border-bottom:1px solid #edd88d}
-.replymode,.extramode{background:#dc9856;color:#fff}
-.postblock{background:#fec;border:1px solid #edd88d}
-.q{color:#ec4953}
-.fs{text-decoration:none}
-.subj{color:#900100;font-weight:bold}
-.name{color:#b30a09}
-.reply,#q-p{background:#edd88d}
-.omitted,.abbrev{color:#a2938c}
-.highlight{background:#f4a960;outline:1px dashed #b30a09}
-.managertable td{background:#edd88d}
-.managertable th{background:#fec;border:1px solid #edd88d}
-#catalog .thread:hover{background:#edd88d;box-shadow:0 0 5px 5px #edd88d}
-#catalog .replies{color:#909090;font-weight:bold}
-.yt{background:#fec;border:1px solid #ec4b55}
-.quoted{border-color:#fde89d;color:#988880}
-.pg,.pg span{background:#fec;border:1px solid #b30a09} \ No newline at end of file
+html,
+body {
+ background: #fde89d;
+ color: #301000;
+}
+.rep {
+ color: #301000;
+}
+a,
+a .name,
+.nav label {
+ color: #ec4b55;
+}
+a:hover,
+a:hover .name,
+.nav label:hover {
+ color: #b30a09;
+}
+hr {
+ border: 0;
+ border-bottom: 1px solid #edd88d;
+}
+.replymode,
+.extramode {
+ background: #dc9856;
+ color: #fff;
+}
+.postblock {
+ background: #fec;
+ border: 1px solid #edd88d;
+}
+.q {
+ color: #ec4953;
+}
+.fs {
+ text-decoration: none;
+}
+.subj {
+ color: #900100;
+ font-weight: bold;
+}
+.name {
+ color: #b30a09;
+}
+.reply,
+#q-p {
+ background: #edd88d;
+}
+.omitted,
+.abbrev {
+ color: #a2938c;
+}
+.highlight {
+ background: #f4a960;
+ outline: 1px dashed #b30a09;
+}
+.managertable td {
+ background: #edd88d;
+}
+.managertable th {
+ background: #fec;
+ border: 1px solid #edd88d;
+}
+#catalog .thread:hover {
+ background: #edd88d;
+ box-shadow: 0 0 5px 5px #edd88d;
+}
+#catalog .replies {
+ color: #909090;
+ font-weight: bold;
+}
+.yt {
+ background: #fec;
+ border: 1px solid #ec4b55;
+}
+.quoted {
+ border-color: #fde89d;
+ color: #988880;
+}
+.pg,
+.pg span {
+ background: #fec;
+ border: 1px solid #b30a09;
+}
diff --git a/static/css/futaba.css b/static/css/futaba.css
index 7ba229b..1588cd1 100644
--- a/static/css/futaba.css
+++ b/static/css/futaba.css
@@ -1,22 +1,86 @@
-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;outline:1px dashed #EA8}
-.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
+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;
+ outline: 1px dashed #ea8;
+}
+.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;
+}
diff --git a/static/css/guro.css b/static/css/guro.css
index c938675..6c00cc7 100644
--- a/static/css/guro.css
+++ b/static/css/guro.css
@@ -1,24 +1,100 @@
-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
+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;
+}
diff --git a/static/css/ib.css b/static/css/ib.css
index 23a5cd1..16a4ba5 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -1,78 +1,349 @@
-*{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:8px;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{font-weight:bold}
-select{background:#FFF;border:1px inset #DDD;color:#000;font-size:85%;padding:1px}
-.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}
-.managertable .recentPostHeader{display: block;font-size: 0.9em;padding-bottom: 0.25em;opacity: 65%;}
-.managertable .message{display: block;font-family: Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97;font-size: 14px;}
-.managertable .actions{display: block;margin-top: 0.5em;font-size: 0.75em;}
-#q-p{position:absolute;border:1px dotted gray}
-.selector{font-size: 10pt}
-@media(max-width:900px){.thread{margin-right:0}}
-@media(max-width:720px){
- body{font-size:15px;padding:4px}
- #main_nav.mob{font-size:12px}
- .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%}
- .fs .tt,.omitted{font-size:14px}
- .info{font-size:12px}
- .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
+* {
+ 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: 8px;
+ 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: 0.5em;
+ text-align: center;
+}
+#main_nav span {
+ display: inline-block;
+}
+#main_nav #sel,
+#main_nav .cur_brd {
+ font-weight: bold;
+}
+select {
+ background: #fff;
+ border: 1px inset #ddd;
+ color: #000;
+ font-size: 85%;
+ padding: 1px;
+}
+.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: 0.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: 0.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;
+}
+.managertable .recentPostHeader {
+ display: block;
+ font-size: 0.9em;
+ padding-bottom: 0.25em;
+ opacity: 65%;
+}
+.managertable .message {
+ display: block;
+ font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97;
+ font-size: 14px;
+}
+.managertable .actions {
+ display: block;
+ margin-top: 0.5em;
+ font-size: 0.75em;
+}
+#q-p {
+ position: absolute;
+ border: 1px dotted gray;
+}
+.selector {
+ font-size: 10pt;
+}
+@media (max-width: 900px) {
+ .thread {
+ margin-right: 0;
+ }
+}
+@media (max-width: 720px) {
+ body {
+ font-size: 15px;
+ padding: 4px;
+ }
+ #main_nav.mob {
+ font-size: 12px;
+ }
+ .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%;
+ }
+ .fs .tt,
+ .omitted {
+ font-size: 14px;
+ }
+ .info {
+ font-size: 12px;
+ }
+ .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%;
+ }
+}
diff --git a/static/css/kraut.css b/static/css/kraut.css
index 277b2a9..f0e0b1c 100644
--- a/static/css/kraut.css
+++ b/static/css/kraut.css
@@ -1,24 +1,105 @@
-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;outline: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
+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;
+ outline: 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;
+}
diff --git a/static/css/mobile.css b/static/css/mobile.css
index 9921d3a..726abbf 100644
--- a/static/css/mobile.css
+++ b/static/css/mobile.css
@@ -1,129 +1,597 @@
-*{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
+* {
+ 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: 0.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%;
+}
diff --git a/static/css/night.css b/static/css/night.css
index 4249a5a..4057ed3 100644
--- a/static/css/night.css
+++ b/static/css/night.css
@@ -1,22 +1,84 @@
-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 dashed #7A848C}
-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
+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 dashed #7a848c;
+}
+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;
+}
diff --git a/static/css/photon.css b/static/css/photon.css
index 7be906a..e3dfb84 100644
--- a/static/css/photon.css
+++ b/static/css/photon.css
@@ -1,22 +1,93 @@
-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
+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;
+}
diff --git a/static/css/putaba.css b/static/css/putaba.css
index 4c67245..a3ee9e2 100644
--- a/static/css/putaba.css
+++ b/static/css/putaba.css
@@ -1,46 +1,199 @@
-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;outline:2px dashed #AAA}
-.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
+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;
+ outline: 2px dashed #aaa;
+}
+.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;
+}
diff --git a/static/css/red.css b/static/css/red.css
index e8018a6..e5698dd 100644
--- a/static/css/red.css
+++ b/static/css/red.css
@@ -1,21 +1,80 @@
-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;outline:1px dashed #EA8}
-.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
+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;
+ outline: 1px dashed #ea8;
+}
+.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;
+}
diff --git a/static/css/rene.css b/static/css/rene.css
index a376f18..a4f3b86 100644
--- a/static/css/rene.css
+++ b/static/css/rene.css
@@ -1,22 +1,88 @@
-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;outline:1px dashed #888}
-.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
+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;
+ outline: 1px dashed #888;
+}
+.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;
+}
diff --git a/static/css/spc/base.css b/static/css/spc/base.css
index bb30a24..5b908a4 100644
--- a/static/css/spc/base.css
+++ b/static/css/spc/base.css
@@ -7,7 +7,6 @@
* 6/20/2012
*/
-
/* Table of Content
==================================================
#Reset & Basics
@@ -21,249 +20,565 @@
#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; }
-
+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%;
- }
-
+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; }
+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; }
+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%; }
+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; }
+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; }
-
+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; }
+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; }
-
+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,
+button,
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+ background: #eee; /* Old browsers */
+ background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
+ 0,
+ 0,
+ 0,
+ 0.2
+ )
+ 100%); /* FF3.6+ */
+ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2))); /* Chrome,Safari4+ */
+ background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
+ 0,
+ 0,
+ 0,
+ 0.2
+ )
+ 100%); /* Chrome10+,Safari5.1+ */
+ background: #eee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
+ 0,
+ 0,
+ 0,
+ 0.2
+ )
+ 100%); /* Opera11.10+ */
+ background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(
+ 0,
+ 0,
+ 0,
+ 0.2
+ )
+ 100%); /* IE10+ */
+ background: #eee
+ linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 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, 0.75);
+ cursor: pointer;
+ margin-bottom: 20px;
+ line-height: normal;
+ padding: 8px 10px;
+ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
- .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: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, 0.3) 0%, rgba(
+ 0,
+ 0,
+ 0,
+ 0.3
+ )
+ 100%); /* FF3.6+ */
+ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3))); /* Chrome,Safari4+ */
+ background: #ddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
+ 0,
+ 0,
+ 0,
+ 0.3
+ )
+ 100%); /* Chrome10+,Safari5.1+ */
+ background: #ddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
+ 0,
+ 0,
+ 0,
+ 0.3
+ )
+ 100%); /* Opera11.10+ */
+ background: #ddd -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(
+ 0,
+ 0,
+ 0,
+ 0.3
+ )
+ 100%); /* IE10+ */
+ background: #ddd
+ linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C */
+ border: 1px solid #888;
+ border-top: 1px solid #aaa;
+ border-left: 1px solid #aaa;
+}
- .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; }
+.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, 0.35) 0%, rgba(
+ 10,
+ 10,
+ 10,
+ 0.4
+ )
+ 100%); /* FF3.6+ */
+ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4))); /* Chrome,Safari4+ */
+ background: #ccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
+ 10,
+ 10,
+ 10,
+ 0.4
+ )
+ 100%); /* Chrome10+,Safari5.1+ */
+ background: #ccc -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
+ 10,
+ 10,
+ 10,
+ 0.4
+ )
+ 100%); /* Opera11.10+ */
+ background: #ccc -ms-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(
+ 10,
+ 10,
+ 10,
+ 0.4
+ )
+ 100%); /* IE10+ */
+ background: #ccc
+ linear-gradient(
+ top,
+ rgba(255, 255, 255, 0.35) 0%,
+ rgba(10, 10, 10, 0.4) 100%
+ ); /* W3C */
+}
- /* Fix for odd Mozilla border & padding issues */
- button::-moz-focus-inner,
- input::-moz-focus-inner {
- border: 0;
- padding: 0;
- }
+.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; }
+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, 0.2);
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 3px rgba(0, 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; }
-
-
+.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
index 6870152..95cc9bb 100644
--- a/static/css/spc/halloween.css
+++ b/static/css/spc/halloween.css
@@ -1,47 +1,201 @@
-body,textarea,h2 small,.del a{color:#FA5923}
-body.mainpage,body.threads{background:#000 url('../img/bg_madera.png');}
-body.threadpage{background:#111}
-a,#n2{color:#F00}
-a:active,a:active .name,#n2:active{color:#f60}
-hr{border:0;border-top:1px solid #900;border-bottom: 1px solid #500000}
-input[type=submit]:active,input[type=button]:active,a:active{filter:blur(2px)}
-h1{text-shadow:0 4px 1px #300000,0 6px 1px #400000,0 8px 1px #500000,0 10px 1px #600000,0 12px 1px #700000,0 14px 1px #800000,0 16px 1px #900000,0 18px 1px #A00000,0 20px 1px #B00000,0 22px 1px #C00000,0 24px 1px #D00000,0 26px 1px #E00000,0 28px 1px #F00000,0 30px 1px #FA0000,0 32px 1px #FB0000,0 34px 1px #FC0000,0 36px 1px #FD0000,0 38px 1px #FE0000,0 40px 2px #F00}
-.threads h1{margin-bottom:35px}
-h2{margin-bottom:3px}
-h2 a{color:#32cd32}
-h3{color:#F00}
-h3 span{color:#900}
-#main_nav{background:#000}
-.outerbox{background:#000;border:1px outset #FF4500;color:#FFA500}
-.innerbox{border:1px inset #FF4500}
-#threadlist{background:#330e00;border:1px inset #FF4500}
-.mainpage .thread,#content{background:#111;border:1px outset #914400}
-.name,a .name,.abbrev{color:#f90}
-.name em{color:#111e6c}
-.msg{color:#fa6a39;margin:4px 40px 24px}
-a.thumb{margin-top:4px}
-.q{color:#875384}
-.yt{background:#240000;border:1px solid #FF4500}
-.deleted{color:#592a56;margin-bottom:24px}
-.outerbox input,.outerbox textarea{background:#222;color:#FFA500;border:1px solid #FF4500}
-.outerbox input:focus,.outerbox textarea:focus{background:#401100}
-.outerbox input[type=submit],.outerbox input[type=button]{background:#000;box-shadow:0 0 5px #FF4500}
-.threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#0C050D;border:1px solid #FA5923;color:#FA5923}
-.threadpage input:focus,.threadpage textarea:focus,.thread input:focus,.thread textarea:focus{background:#290c0a}
-.threadpage input[type=submit],.threadpage input[type=button],.thread input[type=submit],.thread input[type=button]{background:#0C050D}
-#q-p{background:#160901;border:1px solid #521;box-shadow:0 0 5px #521}
-#q-p .msg,#q-p a.thumb{margin-bottom:8px}
-#createbox{display:flex}
-#createbox .extrabox{border:1px inset grey;margin:7px 0 7px 7px;float:left;width:40px;height:auto;flex:0 1 40px;-webkit-flex:0 1 40px}
-#createbox .innerbox{flex:0 1 100%;-webkit-flex:0 1 100%}
-form .msg{border:1px dotted #FA5923;background:#000}
-#footer{text-shadow:0 0 2px}
-#content.list{padding:7px}
-#content.list #header div{background:#2d0000;border-top:1px inset #914400}
-#content.list .row:nth-child(odd),#content.grid .row:hover{background:#000}
-#content.list .row div:first-child{border-left:1px inset #914400}
-#content.list .row div:last-child{border-right:1px inset #914400}
-#content.list .row:last-child div{border-bottom:1px inset #914400}
-#content.grid{border:1px outset #914400;padding:1px}
-#content.grid .row{border:1px inset #914400;margin:1px}
-@media screen and (max-width:480px){.msg{margin:4px 20px 12px}} \ No newline at end of file
+body,
+textarea,
+h2 small,
+.del a {
+ color: #fa5923;
+}
+body.mainpage,
+body.threads {
+ background: #000 url("../img/bg_madera.png");
+}
+body.threadpage {
+ background: #111;
+}
+a,
+#n2 {
+ color: #f00;
+}
+a:active,
+a:active .name,
+#n2:active {
+ color: #f60;
+}
+hr {
+ border: 0;
+ border-top: 1px solid #900;
+ border-bottom: 1px solid #500000;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+a:active {
+ filter: blur(2px);
+}
+h1 {
+ text-shadow: 0 4px 1px #300000, 0 6px 1px #400000, 0 8px 1px #500000,
+ 0 10px 1px #600000, 0 12px 1px #700000, 0 14px 1px #800000,
+ 0 16px 1px #900000, 0 18px 1px #a00000, 0 20px 1px #b00000,
+ 0 22px 1px #c00000, 0 24px 1px #d00000, 0 26px 1px #e00000,
+ 0 28px 1px #f00000, 0 30px 1px #fa0000, 0 32px 1px #fb0000,
+ 0 34px 1px #fc0000, 0 36px 1px #fd0000, 0 38px 1px #fe0000, 0 40px 2px #f00;
+}
+.threads h1 {
+ margin-bottom: 35px;
+}
+h2 {
+ margin-bottom: 3px;
+}
+h2 a {
+ color: #32cd32;
+}
+h3 {
+ color: #f00;
+}
+h3 span {
+ color: #900;
+}
+#main_nav {
+ background: #000;
+}
+.outerbox {
+ background: #000;
+ border: 1px outset #ff4500;
+ color: #ffa500;
+}
+.innerbox {
+ border: 1px inset #ff4500;
+}
+#threadlist {
+ background: #330e00;
+ border: 1px inset #ff4500;
+}
+.mainpage .thread,
+#content {
+ background: #111;
+ border: 1px outset #914400;
+}
+.name,
+a .name,
+.abbrev {
+ color: #f90;
+}
+.name em {
+ color: #111e6c;
+}
+.msg {
+ color: #fa6a39;
+ margin: 4px 40px 24px;
+}
+a.thumb {
+ margin-top: 4px;
+}
+.q {
+ color: #875384;
+}
+.yt {
+ background: #240000;
+ border: 1px solid #ff4500;
+}
+.deleted {
+ color: #592a56;
+ margin-bottom: 24px;
+}
+.outerbox input,
+.outerbox textarea {
+ background: #222;
+ color: #ffa500;
+ border: 1px solid #ff4500;
+}
+.outerbox input:focus,
+.outerbox textarea:focus {
+ background: #401100;
+}
+.outerbox input[type="submit"],
+.outerbox input[type="button"] {
+ background: #000;
+ box-shadow: 0 0 5px #ff4500;
+}
+.threadpage input,
+.threadpage textarea,
+.thread input,
+.thread textarea {
+ background: #0c050d;
+ border: 1px solid #fa5923;
+ color: #fa5923;
+}
+.threadpage input:focus,
+.threadpage textarea:focus,
+.thread input:focus,
+.thread textarea:focus {
+ background: #290c0a;
+}
+.threadpage input[type="submit"],
+.threadpage input[type="button"],
+.thread input[type="submit"],
+.thread input[type="button"] {
+ background: #0c050d;
+}
+#q-p {
+ background: #160901;
+ border: 1px solid #521;
+ box-shadow: 0 0 5px #521;
+}
+#q-p .msg,
+#q-p a.thumb {
+ margin-bottom: 8px;
+}
+#createbox {
+ display: flex;
+}
+#createbox .extrabox {
+ border: 1px inset grey;
+ margin: 7px 0 7px 7px;
+ float: left;
+ width: 40px;
+ height: auto;
+ flex: 0 1 40px;
+ -webkit-flex: 0 1 40px;
+}
+#createbox .innerbox {
+ flex: 0 1 100%;
+ -webkit-flex: 0 1 100%;
+}
+form .msg {
+ border: 1px dotted #fa5923;
+ background: #000;
+}
+#footer {
+ text-shadow: 0 0 2px;
+}
+#content.list {
+ padding: 7px;
+}
+#content.list #header div {
+ background: #2d0000;
+ border-top: 1px inset #914400;
+}
+#content.list .row:nth-child(odd),
+#content.grid .row:hover {
+ background: #000;
+}
+#content.list .row div:first-child {
+ border-left: 1px inset #914400;
+}
+#content.list .row div:last-child {
+ border-right: 1px inset #914400;
+}
+#content.list .row:last-child div {
+ border-bottom: 1px inset #914400;
+}
+#content.grid {
+ border: 1px outset #914400;
+ padding: 1px;
+}
+#content.grid .row {
+ border: 1px inset #914400;
+ margin: 1px;
+}
+@media screen and (max-width: 480px) {
+ .msg {
+ margin: 4px 20px 12px;
+ }
+}
diff --git a/static/css/spc/layout.css b/static/css/spc/layout.css
index b99f451..ed0b6b5 100644
--- a/static/css/spc/layout.css
+++ b/static/css/spc/layout.css
@@ -23,21 +23,25 @@
/* #Media Queries
================================================== */
- /* Smaller than standard 960 (devices and browsers) */
- @media only screen and (max-width: 959px) {}
+/* 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) {}
+/* 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) {}
+/* 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) {}
+/* 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
================================================== */
@@ -55,4 +59,4 @@
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/material.css b/static/css/spc/material.css
index ac3051c..3e6b57b 100644
--- a/static/css/spc/material.css
+++ b/static/css/spc/material.css
@@ -1,75 +1,378 @@
-body,textarea{color:#111}
-body{background:#f5f5f5}
-a,#n2{color:#00F;text-decoration:none}
-a:active,a:active .name,#n2:active{color:#f00}
-.msg a{color:#111;text-decoration:underline}
-.msg a:hover{color:#438ac1}
-h1{font-size:30px;margin:0;background:#1a2357;margin:-7px -7px 16px;padding:16px;font-variant:small-caps;box-shadow:0 2px 10px #000}
-h2{margin-bottom:.5em}
-h2 a{color:#616161}
-h3{border-bottom:1px solid #CCC;color:#4b01d1;font-weight:bold;margin:0 0 8px;padding-bottom:8px;text-align:center}
-h3 span{display:block;font-size:smaller;font-weight:normal;opacity:.7}
-h4{font-size:12px}
-.date,h2 span,.threadnav,hr,#size,.banner,.threadpage .postform br{display:none}
-#main_nav{background:#4b01d1;font-size:1px;font-size:0;position:relative;z-index:9}
-#thread_nav{background:#303F9F;margin:-8px -8px -100px;padding:16px 0 116px;text-align:center}
-#main_nav a,#thread_nav a{background:#FFF;border-radius:2px;color:#000;display:inline-block;font-size:14px;margin:0 2px;padding:2px}
-#main_nav a:hover,.threadlinks a:hover,#thread_nav a:hover{background:#DDD}
-#titlebox a,#threadbox a{color:#FFF}
-#titlebox,#createbox,#footer,.end{background:#303F9F;color:#FFF;margin:0}
-#rules,#search{margin:1em 1em 0}
-#threadbox{background:rgb(63, 81, 181);color:#FFF;margin:0 0 -150px;padding-bottom:150px}
-#threadbox .innerbox:after{content:'';box-shadow:0 0 20px 25px #3f51b5;display:block;position:relative;z-index:9}
-#threadlinks{text-transform:uppercase}
-#threadlist{overflow-y:hidden}
-#threadlist a{background:#FFF;border-bottom:1px solid #182050;border-radius:5px;color:#303F9F;display:inline-block;padding:3px;margin:3px}
-.innerbox,.threadpage .threadlinks{margin:0}
-.thread,.outerbox,#content{background:#FFF;margin:2em 7%}
-.thread,#content,.threadpage .postform{box-shadow:0px 2px 2px 0px rgba(0,0,0,.14),0px 3px 1px -2px rgba(0,0,0,.2),0px 1px 5px 0px rgba(0,0,0,.12);}
-.thread .innerbox{background:#FFF;margin:0;padding:16px}
-.mainpage .thread{margin:2em 7%}
-.threadpage .thread{max-width:600px;margin:0 auto;padding:1em}
-.threadpage .postform{max-width:800px;margin:0 auto;padding:1em;text-align:center}
-.threadpage .postform>span,.threadpage textarea{display:block;margin:.5em 0 0}
-input[type="submit"],input[type="button"],button,.lastposts a,#n2{background:#2296f3;border:0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.12);color:#FFF;text-transform:uppercase;padding:8px}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#438ac1}
-input[type="text"],textarea,#search input[type="text"]{border:1px solid #CCC;border-radius:2px;padding:8px;}
-textarea{margin:.5em 0;width:100%}
-select{border-radius:2px;background:#2296f3 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) no-repeat 95%;border:0;padding:0;color:#FFF;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
-.num,.del{float:right}
-.name{background:#FFF;float:left;margin-right:-20px;position:relative;z-index:9}
-a .name,.name,.abbrev{color:#2296f3}
-.name:after{content:' dijo';color:#FF4081;font-style:italic;text-decoration:none}
-.name em{color:#009}
-.del{margin-right:4px}
-.del a{color:#000}
-.reply{margin-bottom:.5em}
-.msg{margin:.5em 0 0 40px}
-a.thumb{margin-top:4px}
-.q{color:#666}
-a.yt{background:#FFF;border:1px solid #CCC;box-shadow:0 4px 10px -4px #CCC;color:#444;text-decoration:none}
-a.yt,.yt .pvw{border-radius:10px}
-.deleted{color:#AFAFAF;margin-bottom:24px}
-#q-p{background:#EFEFEF;border:1px solid #999}
-#q-p .reply{margin-bottom:8px}
-.lastposts{padding:16px 0;font-size:1px;font-size:0;text-align:center}
-.lastposts a,.lastposts #n2{background:#ff4081;margin:0 5px;text-decoration:none}
-#counter{background:#2296f3;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,.12)}
-.lastposts a,#n2,#counter{color:#FFF;display:inline-block;font-size:16px;padding:5px}
-.mainpage .postform,.formpad{padding-left:0}
-.mainpage .postform{margin:1em -1em -1em;padding:1em}
-.postform{background:#EEE;color:#666}
-.threadlinks a{background:#FFF;border-radius:.2em;color:#00BCD4;display:inline-block;font-size:smaller;margin-right:.2em;padding:.2em;text-transform:uppercase}
-form .msg{border:1px dotted #000;background:#DDD}
-h5{font-variant:small-caps;text-align:center}
-#createbox{padding-top:1em}
-#createbox .innerbox{padding:0}
-#createbox table{margin:0 auto}
-#footer{padding:1em}
-#footer a{color:#FFF}
-.end{margin:-100px -8px -8px;padding:116px 0 16px;position:relative;text-align:center;z-index:-1}
-#content .thread{background:none;box-shadow:none}
-#content.list #header div{background:#FFF;border-bottom:1px solid #CCC}
-#content .row:hover{background:#EEE}
-#content.list .row div{border-bottom:1px solid #EEE}
-#content.grid .row{border:1px solid #EEE;margin:0} \ No newline at end of file
+body,
+textarea {
+ color: #111;
+}
+body {
+ background: #f5f5f5;
+}
+a,
+#n2 {
+ color: #00f;
+ text-decoration: none;
+}
+a:active,
+a:active .name,
+#n2:active {
+ color: #f00;
+}
+.msg a {
+ color: #111;
+ text-decoration: underline;
+}
+.msg a:hover {
+ color: #438ac1;
+}
+h1 {
+ font-size: 30px;
+ margin: 0;
+ background: #1a2357;
+ margin: -7px -7px 16px;
+ padding: 16px;
+ font-variant: small-caps;
+ box-shadow: 0 2px 10px #000;
+}
+h2 {
+ margin-bottom: 0.5em;
+}
+h2 a {
+ color: #616161;
+}
+h3 {
+ border-bottom: 1px solid #ccc;
+ color: #4b01d1;
+ font-weight: bold;
+ margin: 0 0 8px;
+ padding-bottom: 8px;
+ text-align: center;
+}
+h3 span {
+ display: block;
+ font-size: smaller;
+ font-weight: normal;
+ opacity: 0.7;
+}
+h4 {
+ font-size: 12px;
+}
+.date,
+h2 span,
+.threadnav,
+hr,
+#size,
+.banner,
+.threadpage .postform br {
+ display: none;
+}
+#main_nav {
+ background: #4b01d1;
+ font-size: 1px;
+ font-size: 0;
+ position: relative;
+ z-index: 9;
+}
+#thread_nav {
+ background: #303f9f;
+ margin: -8px -8px -100px;
+ padding: 16px 0 116px;
+ text-align: center;
+}
+#main_nav a,
+#thread_nav a {
+ background: #fff;
+ border-radius: 2px;
+ color: #000;
+ display: inline-block;
+ font-size: 14px;
+ margin: 0 2px;
+ padding: 2px;
+}
+#main_nav a:hover,
+.threadlinks a:hover,
+#thread_nav a:hover {
+ background: #ddd;
+}
+#titlebox a,
+#threadbox a {
+ color: #fff;
+}
+#titlebox,
+#createbox,
+#footer,
+.end {
+ background: #303f9f;
+ color: #fff;
+ margin: 0;
+}
+#rules,
+#search {
+ margin: 1em 1em 0;
+}
+#threadbox {
+ background: rgb(63, 81, 181);
+ color: #fff;
+ margin: 0 0 -150px;
+ padding-bottom: 150px;
+}
+#threadbox .innerbox:after {
+ content: "";
+ box-shadow: 0 0 20px 25px #3f51b5;
+ display: block;
+ position: relative;
+ z-index: 9;
+}
+#threadlinks {
+ text-transform: uppercase;
+}
+#threadlist {
+ overflow-y: hidden;
+}
+#threadlist a {
+ background: #fff;
+ border-bottom: 1px solid #182050;
+ border-radius: 5px;
+ color: #303f9f;
+ display: inline-block;
+ padding: 3px;
+ margin: 3px;
+}
+.innerbox,
+.threadpage .threadlinks {
+ margin: 0;
+}
+.thread,
+.outerbox,
+#content {
+ background: #fff;
+ margin: 2em 7%;
+}
+.thread,
+#content,
+.threadpage .postform {
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+ 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.thread .innerbox {
+ background: #fff;
+ margin: 0;
+ padding: 16px;
+}
+.mainpage .thread {
+ margin: 2em 7%;
+}
+.threadpage .thread {
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 1em;
+}
+.threadpage .postform {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 1em;
+ text-align: center;
+}
+.threadpage .postform > span,
+.threadpage textarea {
+ display: block;
+ margin: 0.5em 0 0;
+}
+input[type="submit"],
+input[type="button"],
+button,
+.lastposts a,
+#n2 {
+ background: #2296f3;
+ border: 0;
+ border-radius: 5px;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
+ color: #fff;
+ text-transform: uppercase;
+ padding: 8px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ background: #438ac1;
+}
+input[type="text"],
+textarea,
+#search input[type="text"] {
+ border: 1px solid #ccc;
+ border-radius: 2px;
+ padding: 8px;
+}
+textarea {
+ margin: 0.5em 0;
+ width: 100%;
+}
+select {
+ border-radius: 2px;
+ background: #2296f3
+ url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC)
+ no-repeat 95%;
+ border: 0;
+ padding: 0;
+ color: #fff;
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+}
+.num,
+.del {
+ float: right;
+}
+.name {
+ background: #fff;
+ float: left;
+ margin-right: -20px;
+ position: relative;
+ z-index: 9;
+}
+a .name,
+.name,
+.abbrev {
+ color: #2296f3;
+}
+.name:after {
+ content: " dijo";
+ color: #ff4081;
+ font-style: italic;
+ text-decoration: none;
+}
+.name em {
+ color: #009;
+}
+.del {
+ margin-right: 4px;
+}
+.del a {
+ color: #000;
+}
+.reply {
+ margin-bottom: 0.5em;
+}
+.msg {
+ margin: 0.5em 0 0 40px;
+}
+a.thumb {
+ margin-top: 4px;
+}
+.q {
+ color: #666;
+}
+a.yt {
+ background: #fff;
+ border: 1px solid #ccc;
+ box-shadow: 0 4px 10px -4px #ccc;
+ color: #444;
+ text-decoration: none;
+}
+a.yt,
+.yt .pvw {
+ border-radius: 10px;
+}
+.deleted {
+ color: #afafaf;
+ margin-bottom: 24px;
+}
+#q-p {
+ background: #efefef;
+ border: 1px solid #999;
+}
+#q-p .reply {
+ margin-bottom: 8px;
+}
+.lastposts {
+ padding: 16px 0;
+ font-size: 1px;
+ font-size: 0;
+ text-align: center;
+}
+.lastposts a,
+.lastposts #n2 {
+ background: #ff4081;
+ margin: 0 5px;
+ text-decoration: none;
+}
+#counter {
+ background: #2296f3;
+ border-radius: 100%;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
+}
+.lastposts a,
+#n2,
+#counter {
+ color: #fff;
+ display: inline-block;
+ font-size: 16px;
+ padding: 5px;
+}
+.mainpage .postform,
+.formpad {
+ padding-left: 0;
+}
+.mainpage .postform {
+ margin: 1em -1em -1em;
+ padding: 1em;
+}
+.postform {
+ background: #eee;
+ color: #666;
+}
+.threadlinks a {
+ background: #fff;
+ border-radius: 0.2em;
+ color: #00bcd4;
+ display: inline-block;
+ font-size: smaller;
+ margin-right: 0.2em;
+ padding: 0.2em;
+ text-transform: uppercase;
+}
+form .msg {
+ border: 1px dotted #000;
+ background: #ddd;
+}
+h5 {
+ font-variant: small-caps;
+ text-align: center;
+}
+#createbox {
+ padding-top: 1em;
+}
+#createbox .innerbox {
+ padding: 0;
+}
+#createbox table {
+ margin: 0 auto;
+}
+#footer {
+ padding: 1em;
+}
+#footer a {
+ color: #fff;
+}
+.end {
+ margin: -100px -8px -8px;
+ padding: 116px 0 16px;
+ position: relative;
+ text-align: center;
+ z-index: -1;
+}
+#content .thread {
+ background: none;
+ box-shadow: none;
+}
+#content.list #header div {
+ background: #fff;
+ border-bottom: 1px solid #ccc;
+}
+#content .row:hover {
+ background: #eee;
+}
+#content.list .row div {
+ border-bottom: 1px solid #eee;
+}
+#content.grid .row {
+ border: 1px solid #eee;
+ margin: 0;
+}
diff --git a/static/css/spc/material_normal.css b/static/css/spc/material_normal.css
index 9af806f..0fa7c7e 100644
--- a/static/css/spc/material_normal.css
+++ b/static/css/spc/material_normal.css
@@ -1,85 +1,408 @@
-body,textarea{color:#111}
-body{background:#f5f5f5}
-a{color:#00BCD4;text-decoration:none}
-a:hover{color:#FF6961}
-.msg a{color:#111;text-decoration:underline}
-.msg a:hover{color:#438ac1}
-h1{font-size:30px;margin:0;background:#1a2357;margin:-7px -7px 16px;padding:16px;font-variant:small-caps;box-shadow:0 2px 10px #000}
-h2{margin-bottom:.5em}
-h2 span{color:#CCC}
-h2 a{color:#616161}
-h3{border-bottom:1px solid #CCC;color:#4b01d1;font-weight:bold;margin:0 0 8px;padding-bottom:8px;text-align:center}
-h3 span{display:block;font-size:smaller;opacity:.7}
-h4{color:#AAA;font-size:12px}
-hr,#size,.banner,.threadpage .postform br{display:none}
-#main_nav{background:#4b01d1;font-size:1px;font-size:0;position:relative;z-index:9}
-#thread_nav{background:#303F9F;margin:-8px -8px -100px;padding:16px 0 116px;text-align:center}
-#main_nav a,#thread_nav a{background:#FFF;border-radius:2px;color:#000;display:inline-block;font-size:14px;margin:0 2px;padding:2px}
-#main_nav a:hover,.threadlinks a:hover,#thread_nav a:hover,#threadlist a:hover{background:#DDD}
-#titlebox a,#threadbox a{color:#FFF}
-#rules a:hover,.links a:hover,#threadlinks a:hover{border-radius:4px;margin:-2px;padding:2px;background:#1f285a;display:inline-block}
-#titlebox,#createbox,#footer,.end{background:#303F9F;color:#FFF;margin:0}
-#rules,#search{margin:1em 1em 0}
-#threadbox{background:#3f51b5;color:#FFF;margin:0 0 -150px;padding:0 1em 150px}
-.mainpage #threadbox .innerbox:after{content:'';box-shadow:0 0 20px 25px #3f51b5;display:block;position:relative;z-index:9}
-#threadlinks{text-transform:uppercase}
-#threadlist a{background:#FFF;border-bottom:1px solid #182050;border-radius:5px;color:#303F9F;display:inline-block;padding:3px;margin:3px}
-.threadnav a{color:#FFF;padding:4px;display:inline-block}
-.innerbox{margin:0}
-.thread,.outerbox,#content{background:#FFF;margin-top:2em}
-.mainpage .thread{margin-top:2em}
-.thread,#content,.threadpage .postform{box-shadow:0px 2px 2px 0px rgba(0,0,0,.14),0px 3px 1px -2px rgba(0,0,0,.2),0px 1px 5px 0px rgba(0,0,0,.12);}
-.thread .innerbox{background:#FFF;margin:0;padding:16px}
-.threadpage .thread,.threadpage .postform{margin:0 2.5%;padding:1em}
-.thread textarea,.threadpage textarea,.mainpage .threadlinks{margin-top:.5em}
-input[type="submit"],input[type="button"],button,.lastposts a,#n2{background:#2296f3;border:0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.12);color:#FFF;text-transform:uppercase;padding:6px}
-input[type="submit"]:active,input[type="button"]:active,button:active,.threadnav a:hover{background:#438ac1}
-input[type="text"],textarea,#search input[type="text"]{border:1px solid #CCC;border-radius:2px;padding:6px}
-textarea{width:100%}
-select{border-radius:2px;background:#2296f3 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC) no-repeat 95%;border:0;padding:0;color:#FFF;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
-a .name,.name,.abbrev{color:#2296f3}
-.name em{color:#009}
-.del{margin-right:4px}
-.del a{color:#000}
-a.thumb{margin-top:4px}
-.q{color:#666}
-a.yt{background:#FFF;border:1px solid #CCC;box-shadow:0 4px 10px -4px #CCC;color:#444;text-decoration:none}
-a.yt,.yt .pvw{border-radius:10px}
-.deleted{color:#AFAFAF;margin-bottom:24px}
-#q-p{background:#FFF;border:1px solid #DDD;box-shadow:0 0 5px #CCC}
-.lastposts{padding:16px 0;font-size:1px;font-size:0;text-align:center}
-.lastposts a,.lastposts #n2{background:#ff4081;margin-right:5px;text-decoration:none}
-.lastposts a:active,#n2:active{background:#b22d5a}
-.threadpage .threadlinks{margin:0;margin-bottom:8px}
-#counter,.threadnav a{background:#2296f3;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,.12)}
-.lastposts a,#n2,#counter{color:#FFF;display:inline-block;font-size:16px;padding:5px}
-.mainpage .postform,.formpad{padding-left:0}
-.mainpage .postform{margin:1em -1em -1em;padding:1em}
-.postform{background:#EEE;color:#666;text-align:center}
-.threadlinks a{background:#FFF;border-radius:.2em;color:#00BCD4;display:inline-block;font-size:smaller;padding:.2em;text-transform:uppercase}
-form .msg{border:1px dotted #AAA;background:#FFF;color:#111}
-h5{font-variant:small-caps;text-align:center}
-#createbox{margin-top:2em;padding-top:1em}
-#createbox .innerbox{padding:0}
-#createbox table{margin:0 auto}
-#createbox .threadnav{right:7px;position:relative}
-#footer{padding:1em}
-#footer a{color:#FFF}
-.end{margin:-100px -8px -8px;padding:116px 0 16px;position:relative;text-align:center;z-index:-1}
-#content .thread{background:none;box-shadow:none}
-#content.list #header div{background:#FFF;border-bottom:1px solid #CCC}
-#content .row:hover{background:#EEE}
-#content.list .row div{border-bottom:1px solid #EEE}
-#content.grid .row{border:1px solid #EEE;margin:0}
-@media(max-width:720px){
- #main_nav.mob select{font-size:12px}
- h1{font-size:18px}
- #threadbox{padding-left:0;padding-right:0}
- #rules,#search{margin-left:0;margin-right:0}
- .thread .innerbox{padding:.5em}
- .mainpage .thread{margin:2em .5em}
- .mainpage .postform{margin:.5em -.5em -.5em;padding:.5em}
- .threadpage .thread,.threadpage .postform{margin:0;padding:.5em}
- .lastposts{padding:8px 0}
- .postform>span{margin-top:.5em}
-} \ No newline at end of file
+body,
+textarea {
+ color: #111;
+}
+body {
+ background: #f5f5f5;
+}
+a {
+ color: #00bcd4;
+ text-decoration: none;
+}
+a:hover {
+ color: #ff6961;
+}
+.msg a {
+ color: #111;
+ text-decoration: underline;
+}
+.msg a:hover {
+ color: #438ac1;
+}
+h1 {
+ font-size: 30px;
+ margin: 0;
+ background: #1a2357;
+ margin: -7px -7px 16px;
+ padding: 16px;
+ font-variant: small-caps;
+ box-shadow: 0 2px 10px #000;
+}
+h2 {
+ margin-bottom: 0.5em;
+}
+h2 span {
+ color: #ccc;
+}
+h2 a {
+ color: #616161;
+}
+h3 {
+ border-bottom: 1px solid #ccc;
+ color: #4b01d1;
+ font-weight: bold;
+ margin: 0 0 8px;
+ padding-bottom: 8px;
+ text-align: center;
+}
+h3 span {
+ display: block;
+ font-size: smaller;
+ opacity: 0.7;
+}
+h4 {
+ color: #aaa;
+ font-size: 12px;
+}
+hr,
+#size,
+.banner,
+.threadpage .postform br {
+ display: none;
+}
+#main_nav {
+ background: #4b01d1;
+ font-size: 1px;
+ font-size: 0;
+ position: relative;
+ z-index: 9;
+}
+#thread_nav {
+ background: #303f9f;
+ margin: -8px -8px -100px;
+ padding: 16px 0 116px;
+ text-align: center;
+}
+#main_nav a,
+#thread_nav a {
+ background: #fff;
+ border-radius: 2px;
+ color: #000;
+ display: inline-block;
+ font-size: 14px;
+ margin: 0 2px;
+ padding: 2px;
+}
+#main_nav a:hover,
+.threadlinks a:hover,
+#thread_nav a:hover,
+#threadlist a:hover {
+ background: #ddd;
+}
+#titlebox a,
+#threadbox a {
+ color: #fff;
+}
+#rules a:hover,
+.links a:hover,
+#threadlinks a:hover {
+ border-radius: 4px;
+ margin: -2px;
+ padding: 2px;
+ background: #1f285a;
+ display: inline-block;
+}
+#titlebox,
+#createbox,
+#footer,
+.end {
+ background: #303f9f;
+ color: #fff;
+ margin: 0;
+}
+#rules,
+#search {
+ margin: 1em 1em 0;
+}
+#threadbox {
+ background: #3f51b5;
+ color: #fff;
+ margin: 0 0 -150px;
+ padding: 0 1em 150px;
+}
+.mainpage #threadbox .innerbox:after {
+ content: "";
+ box-shadow: 0 0 20px 25px #3f51b5;
+ display: block;
+ position: relative;
+ z-index: 9;
+}
+#threadlinks {
+ text-transform: uppercase;
+}
+#threadlist a {
+ background: #fff;
+ border-bottom: 1px solid #182050;
+ border-radius: 5px;
+ color: #303f9f;
+ display: inline-block;
+ padding: 3px;
+ margin: 3px;
+}
+.threadnav a {
+ color: #fff;
+ padding: 4px;
+ display: inline-block;
+}
+.innerbox {
+ margin: 0;
+}
+.thread,
+.outerbox,
+#content {
+ background: #fff;
+ margin-top: 2em;
+}
+.mainpage .thread {
+ margin-top: 2em;
+}
+.thread,
+#content,
+.threadpage .postform {
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+ 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.thread .innerbox {
+ background: #fff;
+ margin: 0;
+ padding: 16px;
+}
+.threadpage .thread,
+.threadpage .postform {
+ margin: 0 2.5%;
+ padding: 1em;
+}
+.thread textarea,
+.threadpage textarea,
+.mainpage .threadlinks {
+ margin-top: 0.5em;
+}
+input[type="submit"],
+input[type="button"],
+button,
+.lastposts a,
+#n2 {
+ background: #2296f3;
+ border: 0;
+ border-radius: 5px;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
+ color: #fff;
+ text-transform: uppercase;
+ padding: 6px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active,
+.threadnav a:hover {
+ background: #438ac1;
+}
+input[type="text"],
+textarea,
+#search input[type="text"] {
+ border: 1px solid #ccc;
+ border-radius: 2px;
+ padding: 6px;
+}
+textarea {
+ width: 100%;
+}
+select {
+ border-radius: 2px;
+ background: #2296f3
+ url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wQBBAYpAtmVHwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAfSURBVAjXY/z///9/BjTAyMDAwIAswcjIyAiXRZYAAKlrC/sti8JVAAAAAElFTkSuQmCC)
+ no-repeat 95%;
+ border: 0;
+ padding: 0;
+ color: #fff;
+ appearance: none;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+}
+a .name,
+.name,
+.abbrev {
+ color: #2296f3;
+}
+.name em {
+ color: #009;
+}
+.del {
+ margin-right: 4px;
+}
+.del a {
+ color: #000;
+}
+a.thumb {
+ margin-top: 4px;
+}
+.q {
+ color: #666;
+}
+a.yt {
+ background: #fff;
+ border: 1px solid #ccc;
+ box-shadow: 0 4px 10px -4px #ccc;
+ color: #444;
+ text-decoration: none;
+}
+a.yt,
+.yt .pvw {
+ border-radius: 10px;
+}
+.deleted {
+ color: #afafaf;
+ margin-bottom: 24px;
+}
+#q-p {
+ background: #fff;
+ border: 1px solid #ddd;
+ box-shadow: 0 0 5px #ccc;
+}
+.lastposts {
+ padding: 16px 0;
+ font-size: 1px;
+ font-size: 0;
+ text-align: center;
+}
+.lastposts a,
+.lastposts #n2 {
+ background: #ff4081;
+ margin-right: 5px;
+ text-decoration: none;
+}
+.lastposts a:active,
+#n2:active {
+ background: #b22d5a;
+}
+.threadpage .threadlinks {
+ margin: 0;
+ margin-bottom: 8px;
+}
+#counter,
+.threadnav a {
+ background: #2296f3;
+ border-radius: 100%;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
+}
+.lastposts a,
+#n2,
+#counter {
+ color: #fff;
+ display: inline-block;
+ font-size: 16px;
+ padding: 5px;
+}
+.mainpage .postform,
+.formpad {
+ padding-left: 0;
+}
+.mainpage .postform {
+ margin: 1em -1em -1em;
+ padding: 1em;
+}
+.postform {
+ background: #eee;
+ color: #666;
+ text-align: center;
+}
+.threadlinks a {
+ background: #fff;
+ border-radius: 0.2em;
+ color: #00bcd4;
+ display: inline-block;
+ font-size: smaller;
+ padding: 0.2em;
+ text-transform: uppercase;
+}
+form .msg {
+ border: 1px dotted #aaa;
+ background: #fff;
+ color: #111;
+}
+h5 {
+ font-variant: small-caps;
+ text-align: center;
+}
+#createbox {
+ margin-top: 2em;
+ padding-top: 1em;
+}
+#createbox .innerbox {
+ padding: 0;
+}
+#createbox table {
+ margin: 0 auto;
+}
+#createbox .threadnav {
+ right: 7px;
+ position: relative;
+}
+#footer {
+ padding: 1em;
+}
+#footer a {
+ color: #fff;
+}
+.end {
+ margin: -100px -8px -8px;
+ padding: 116px 0 16px;
+ position: relative;
+ text-align: center;
+ z-index: -1;
+}
+#content .thread {
+ background: none;
+ box-shadow: none;
+}
+#content.list #header div {
+ background: #fff;
+ border-bottom: 1px solid #ccc;
+}
+#content .row:hover {
+ background: #eee;
+}
+#content.list .row div {
+ border-bottom: 1px solid #eee;
+}
+#content.grid .row {
+ border: 1px solid #eee;
+ margin: 0;
+}
+@media (max-width: 720px) {
+ #main_nav.mob select {
+ font-size: 12px;
+ }
+ h1 {
+ font-size: 18px;
+ }
+ #threadbox {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ #rules,
+ #search {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ .thread .innerbox {
+ padding: 0.5em;
+ }
+ .mainpage .thread {
+ margin: 2em 0.5em;
+ }
+ .mainpage .postform {
+ margin: 0.5em -0.5em -0.5em;
+ padding: 0.5em;
+ }
+ .threadpage .thread,
+ .threadpage .postform {
+ margin: 0;
+ padding: 0.5em;
+ }
+ .lastposts {
+ padding: 8px 0;
+ }
+ .postform > span {
+ margin-top: 0.5em;
+ }
+}
diff --git a/static/css/spc/navidad.css b/static/css/spc/navidad.css
index 4d90c6a..19621bb 100644
--- a/static/css/spc/navidad.css
+++ b/static/css/spc/navidad.css
@@ -1,161 +1,161 @@
-html, body {
- background:#004608;
- color:#fff;
+html,
+body {
+ background: #004608;
+ color: #fff;
}
a {
- color:#EFD279;
+ color: #efd279;
}
a.rep {
- color:#fff;
+ color: #fff;
}
a:hover {
- color:#DD0000;
+ color: #dd0000;
}
-.reflink a:hover{
- font-weight: bold;
+.reflink a:hover {
+ font-weight: bold;
}
.adminbar {
- text-align:right;
- clear:both;
- float:right;
+ text-align: right;
+ clear: both;
+ float: right;
}
.logo {
- clear:both;
- text-align:center;
- font-size:2em;
- color:#CCFFCC;
- width:100%;
+ clear: both;
+ text-align: center;
+ font-size: 2em;
+ color: #ccffcc;
+ width: 100%;
}
.replymode {
- background:#078B26;
- text-align:center;
- padding:2px;
- color:#FFFFFF;
- width:100%;
+ background: #078b26;
+ text-align: center;
+ padding: 2px;
+ color: #ffffff;
+ width: 100%;
}
.catalogmode {
- background:#0040E0;
- text-align:center;
- padding:2px;
- color:#FFFFFF;
- width:100%;
+ 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;
+ /*font-size:0.7em;*/
+ width: 468px;
+ font-size: 10px;
+ font-family: sans-serif;
}
.rules li {
- margin-left: 1em;
- /*text-indent: 0em;*/
+ margin-left: 1em;
+ /*text-indent: 0em;*/
}
.postblock {
- background:#B00000;
- color:#FFF;
- font-weight:800;
+ background: #b00000;
+ color: #fff;
+ font-weight: 800;
}
.footer {
- text-align:center;
- font-size:12px;
- font-family:serif;
+ text-align: center;
+ font-size: 12px;
+ font-family: serif;
}
.passvalid {
- background:#EEAA88;
- text-align:center;
- width:100%;
- color:#ffffff;
+ background: #eeaa88;
+ text-align: center;
+ width: 100%;
+ color: #ffffff;
}
.dellist {
- font-weight: bold;
- text-align:center;
+ font-weight: bold;
+ text-align: center;
}
.delbuttons {
- text-align:center;
- padding-bottom:4px;
-
+ text-align: center;
+ padding-bottom: 4px;
}
.managehead {
- background:#AAAA66;
- color:#400000;
- padding:0px;
+ background: #aaaa66;
+ color: #400000;
+ padding: 0px;
}
.postlists {
- background:#FFFFFF;
- width:100%;
- padding:0px;
- color:#800000;
+ background: #ffffff;
+ width: 100%;
+ padding: 0px;
+ color: #800000;
}
.row1 {
- background:#EEEECC;
- color:#800000;
+ background: #eeeecc;
+ color: #800000;
}
.row2 {
- background:#DDDDAA;
- color:#800000;
+ background: #ddddaa;
+ color: #800000;
}
.q {
- background:inherit;
- color:#BDF46C;
+ background: inherit;
+ color: #bdf46c;
}
.filesize {
- text-decoration:none;
+ text-decoration: none;
}
.filetitle {
- background:inherit;
- font-size:1.3em;
- color:#E91F1F;
- font-weight:800;
+ background: inherit;
+ font-size: 1.3em;
+ color: #e91f1f;
+ font-weight: 800;
}
.postername {
- color:#AFD775;
- font-weight:bold;
+ color: #afd775;
+ font-weight: bold;
}
.postertrip {
- color:#AFD775;
+ color: #afd775;
}
.oldpost {
- color:#CC1105;
- font-weight:800;
+ color: #cc1105;
+ font-weight: 800;
}
.omittedposts {
- color:#909090;
+ color: #909090;
}
.reply {
- background: #078B26;
- color: #fff;
+ background: #078b26;
+ color: #fff;
}
.replyhl {
- background: #F0C0B0;
- color: #800000;
+ background: #f0c0b0;
+ color: #800000;
}
.replytitle {
- font-size: 1.2em;
- color:#CC1105;
- font-weight:800;
+ font-size: 1.2em;
+ color: #cc1105;
+ font-weight: 800;
}
.commentpostername {
- color:#117743;
- font-weight:800;
+ color: #117743;
+ font-weight: 800;
}
.thumbnailmsg {
- font-size: small;
- color:#800000;
+ font-size: small;
+ color: #800000;
}
.abbrev {
- color:#707070;
+ color: #707070;
}
.highlight {
- /*background:#95CBE9;*/
- background: #5B8BB4;
- /*color:#2C5700;*/
- /*border: 2px dashed #070;*/
- border: 2px dashed #AFD775;
+ /*background:#95CBE9;*/
+ background: #5b8bb4;
+ /*color:#2C5700;*/
+ /*border: 2px dashed #070;*/
+ border: 2px dashed #afd775;
}
.banned {
- color:#F99C64;
+ color: #f99c64;
}
.administrator {
- color:#C00 !important;
+ color: #c00 !important;
}
diff --git a/static/css/spc/skeleton.css b/static/css/spc/skeleton.css
index 049db08..efb2126 100644
--- a/static/css/spc/skeleton.css
+++ b/static/css/spc/skeleton.css
@@ -7,7 +7,6 @@
* 6/20/2012
*/
-
/* Table of Contents
==================================================
#Base 960 Grid
@@ -16,227 +15,408 @@
#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; }
-
-
+.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; }
- }
-
+/* 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; }
-
- }
-
+/* 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; }
- }
-
+/* 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; }
+/* Self Clearing Goodness */
+.container:after {
+ content: "\0020";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
- /* Use clearfix class on parent to clear nested columns,
+/* 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
+.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;
+}
diff --git a/static/css/spc/valentin.css b/static/css/spc/valentin.css
index bbbc6c1..cf70219 100644
--- a/static/css/spc/valentin.css
+++ b/static/css/spc/valentin.css
@@ -1,170 +1,170 @@
-html, body {
- /*background:#940BFE;*/
- background: url('img/corazoncitos.gif');
- color:#fff;
+html,
+body {
+ /*background:#940BFE;*/
+ background: url("img/corazoncitos.gif");
+ color: #fff;
}
a {
- color:#EFD279;
+ color: #efd279;
}
a.rep {
- color:#fff;
+ color: #fff;
}
a:hover {
- color:#DD0000;
+ color: #dd0000;
}
-.reflink a:hover{
- font-weight: bold;
+.reflink a:hover {
+ font-weight: bold;
}
.adminbar {
- text-align:right;
- clear:both;
- float:right;
+ text-align: right;
+ clear: both;
+ float: right;
}
.logo {
- clear:both;
- text-align:center;
- font-size:2em;
- color:#CCFFCC;
- width:100%;
+ clear: both;
+ text-align: center;
+ font-size: 2em;
+ color: #ccffcc;
+ width: 100%;
}
.replymode {
- background:#0BBEB8;
- text-align:center;
- padding:2px;
- color:#FFFFFF;
- width:100%;
+ background: #0bbeb8;
+ text-align: center;
+ padding: 2px;
+ color: #ffffff;
+ width: 100%;
}
.extramode {
- background:#0040E0;
- text-align:center;
- padding:2px;
- color:#FFFFFF;
- width:100%;
+ 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;
+ /*font-size:0.7em;*/
+ width: 468px;
+ font-size: 11px;
+ font-family: sans-serif;
}
.rules li {
- margin-left: 1em;
- /*text-indent: 0em;*/
+ margin-left: 1em;
+ /*text-indent: 0em;*/
}
.postblock {
- background:#95CBE9;
- color:#2C5700;
- font-weight:800;
+ background: #95cbe9;
+ color: #2c5700;
+ font-weight: 800;
}
.footer {
- text-align:center;
- font-size:12px;
- font-family:serif;
+ text-align: center;
+ font-size: 12px;
+ font-family: serif;
}
.passvalid {
- background:#EEAA88;
- text-align:center;
- width:100%;
- color:#ffffff;
+ background: #eeaa88;
+ text-align: center;
+ width: 100%;
+ color: #ffffff;
}
.dellist {
- font-weight: bold;
- text-align:center;
+ font-weight: bold;
+ text-align: center;
}
.delbuttons {
- text-align:center;
- padding-bottom:4px;
-
+ text-align: center;
+ padding-bottom: 4px;
}
.managehead {
- background:#AAAA66;
- color:#400000;
- padding:0px;
+ background: #aaaa66;
+ color: #400000;
+ padding: 0px;
}
.postlists {
- background:#FFFFFF;
- width:100%;
- padding:0px;
- color:#800000;
+ background: #ffffff;
+ width: 100%;
+ padding: 0px;
+ color: #800000;
}
.row1 {
- background:#EEEECC;
- color:#800000;
+ background: #eeeecc;
+ color: #800000;
}
.row2 {
- background:#DDDDAA;
- color:#800000;
+ background: #ddddaa;
+ color: #800000;
}
.q {
- background:inherit;
- color:#BDF46C;
+ background: inherit;
+ color: #bdf46c;
}
.filesize {
- text-decoration:none;
+ text-decoration: none;
}
.filetitle {
- background:inherit;
- font-size:1.3em;
- color:#DE9D7F;
- font-weight:800;
+ background: inherit;
+ font-size: 1.3em;
+ color: #de9d7f;
+ font-weight: 800;
}
.postername {
- color:#AFD775;
- font-weight:bold;
+ color: #afd775;
+ font-weight: bold;
}
.postertrip {
- color:#AFD775;
+ color: #afd775;
}
.oldpost {
- color:#CC1105;
- font-weight:800;
+ color: #cc1105;
+ font-weight: 800;
}
.omittedposts {
- color:#909090;
+ color: #909090;
}
.reply {
- background: #FE0BDF;
- color: #fff;
+ background: #fe0bdf;
+ color: #fff;
}
.replyhl {
- background: #F0C0B0;
- color: #800000;
+ background: #f0c0b0;
+ color: #800000;
}
.replytitle {
- font-size: 1.2em;
- color:#CC1105;
- font-weight:800;
+ font-size: 1.2em;
+ color: #cc1105;
+ font-weight: 800;
}
.commentpostername {
- color:#117743;
- font-weight:800;
+ color: #117743;
+ font-weight: 800;
}
.thumbnailmsg {
- font-size: small;
- color:#800000;
+ font-size: small;
+ color: #800000;
}
.abbrev {
- color:#707070;
+ color: #707070;
}
.highlight {
- /*background:#95CBE9;*/
- background: #5B8BB4;
- /*color:#2C5700;*/
- /*border: 2px dashed #070;*/
- border: 2px dashed #AFD775;
+ /*background:#95CBE9;*/
+ background: #5b8bb4;
+ /*color:#2C5700;*/
+ /*border: 2px dashed #070;*/
+ border: 2px dashed #afd775;
}
.banned {
- color:#F99C64;
+ color: #f99c64;
}
.administrator {
- color:#C00 !important;
+ color: #c00 !important;
}
.managertable td {
- background:#3B6B94;
- color:#FFF;
+ background: #3b6b94;
+ color: #fff;
}
.managertable th {
- background:#AAF;
- color:#FFF;
-} \ No newline at end of file
+ background: #aaf;
+ color: #fff;
+}
diff --git a/static/css/spc/valentin2.css b/static/css/spc/valentin2.css
index 189611c..83f76d3 100644
--- a/static/css/spc/valentin2.css
+++ b/static/css/spc/valentin2.css
@@ -1,177 +1,177 @@
-html, body {
- background:url('img/hearts1.gif');
- color:#000;
+html,
+body {
+ background: url("img/hearts1.gif");
+ color: #000;
}
a {
- color:#2D89D0;
+ color: #2d89d0;
}
a.rep {
- color:#000;
+ color: #000;
}
a:hover {
- color:#DD0000;
+ color: #dd0000;
}
-.reflink a:hover{
- font-weight: bold;
+.reflink a:hover {
+ font-weight: bold;
}
.adminbar {
- text-align:right;
- clear:both;
- float:right;
+ text-align: right;
+ clear: both;
+ float: right;
}
.logo {
- clear:both;
- text-align:center;
- font-size:2em;
- color:#B35692;
- width:100%;
+ clear: both;
+ text-align: center;
+ font-size: 2em;
+ color: #b35692;
+ width: 100%;
}
.replymode {
- background:#1D7548;
- text-align:center;
+ background: #1d7548;
+ text-align: center;
font-weight: bold;
- padding:2px;
- color:#FFFFFF;
- width:100%;
+ padding: 2px;
+ color: #ffffff;
+ width: 100%;
}
.extramode {
- background:#0040E0;
- text-align:center;
+ background: #0040e0;
+ text-align: center;
font-weight: bold;
- padding:2px;
- color:#FFFFFF;
- width:100%;
+ padding: 2px;
+ color: #ffffff;
+ width: 100%;
}
.rules {
- /*font-size:0.7em;*/
- width: 468px;
- font-size: 11px;
- font-family: sans-serif;
+ /*font-size:0.7em;*/
+ width: 468px;
+ font-size: 11px;
+ font-family: sans-serif;
}
.rules li {
- margin-left: 1em;
- /*text-indent: 0em;*/
+ margin-left: 1em;
+ /*text-indent: 0em;*/
}
.postblock {
- background:#FF7BD1;
- color:#666;
- font-weight:800;
+ background: #ff7bd1;
+ color: #666;
+ font-weight: 800;
}
.footer {
- text-align:center;
- font-size:12px;
- font-family:serif;
+ text-align: center;
+ font-size: 12px;
+ font-family: serif;
}
.passvalid {
- background:#EEAA88;
- text-align:center;
- width:100%;
- color:#ffffff;
+ background: #eeaa88;
+ text-align: center;
+ width: 100%;
+ color: #ffffff;
}
.dellist {
- font-weight: bold;
- text-align:center;
+ font-weight: bold;
+ text-align: center;
}
.delbuttons {
- text-align:center;
- padding-bottom:4px;
-
+ text-align: center;
+ padding-bottom: 4px;
}
.managehead {
- background:#AAAA66;
- color:#400000;
- padding:0px;
+ background: #aaaa66;
+ color: #400000;
+ padding: 0px;
}
.postlists {
- background:#FFFFFF;
- width:100%;
- padding:0px;
- color:#800000;
+ background: #ffffff;
+ width: 100%;
+ padding: 0px;
+ color: #800000;
}
.row1 {
- background:#EEEECC;
- color:#800000;
+ background: #eeeecc;
+ color: #800000;
}
.row2 {
- background:#DDDDAA;
- color:#800000;
+ background: #ddddaa;
+ color: #800000;
}
.q {
- background:inherit;
- color:#3D343C;
+ background: inherit;
+ color: #3d343c;
}
blockquote blockquote {
- background:inherit;
- color:#6D940C;
+ background: inherit;
+ color: #6d940c;
}
.filesize {
- text-decoration:none;
+ text-decoration: none;
}
.filetitle {
- background:inherit;
- font-size:1.3em;
- color:#DC3D90;
- font-weight:800;
+ background: inherit;
+ font-size: 1.3em;
+ color: #dc3d90;
+ font-weight: 800;
}
.postername {
- color:#C000D6;
- font-weight:bold;
+ color: #c000d6;
+ font-weight: bold;
}
.postertrip {
- color:#C000D;
+ color: #C000D;
}
.oldpost {
- color:#CC1105;
- font-weight:800;
+ color: #cc1105;
+ font-weight: 800;
}
.omittedposts {
- color:#909090;
+ color: #909090;
}
.reply {
- background: url('img/hearts2.jpg');
- border: 1px solid #BBF;
- color: #333;
+ background: url("img/hearts2.jpg");
+ border: 1px solid #bbf;
+ color: #333;
}
.replyhl {
- background: #F0C0B0;
- color: #800000;
+ background: #f0c0b0;
+ color: #800000;
}
.replytitle {
- font-size: 1.2em;
- color:#DE9D7F;
- font-weight:800;
+ font-size: 1.2em;
+ color: #de9d7f;
+ font-weight: 800;
}
.commentpostername {
- color:#117743;
- font-weight:800;
+ color: #117743;
+ font-weight: 800;
}
.thumbnailmsg {
- font-size: small;
- color:#000;
+ font-size: small;
+ color: #000;
margin: 0;
}
.abbrev {
- color:#707070;
+ color: #707070;
}
.highlight {
- /*background:#95CBE9;*/
- background: #5B8BB4;
- /*color:#2C5700;*/
- /*border: 2px dashed #070;*/
- border: 2px dashed #AFD775;
+ /*background:#95CBE9;*/
+ background: #5b8bb4;
+ /*color:#2C5700;*/
+ /*border: 2px dashed #070;*/
+ border: 2px dashed #afd775;
}
.banned {
- color:#F99C64;
+ color: #f99c64;
}
.administrator {
- color:#C00 !important;
+ color: #c00 !important;
}
.managertable td {
- background:#3B6B94;
- color:#FFF;
+ background: #3b6b94;
+ color: #fff;
}
.managertable th {
- background:#AAF;
- color:#FFF;
+ background: #aaf;
+ color: #fff;
}
diff --git a/static/css/txt/4am.css b/static/css/txt/4am.css
index 258e852..3a63c82 100644
--- a/static/css/txt/4am.css
+++ b/static/css/txt/4am.css
@@ -1,44 +1,174 @@
-body{background:#222 url('/mantencion_bg.gif');color:#CED1CF}
-body.threadpage{background-image:none}
-a,a .name,#n2{color:#81A2BE;text-decoration:none}
-a:hover,a:focus,#n2:active{color:#4d6172;text-decoration:underline}
-hr{border:1px inset #111}
-input[type="text"],input[type="submit"],input[type="button"],textarea,button,select{background:#383838;border:1px solid #4B4E55;color:#e8e8e8}
-input[type="submit"],input[type="button"],button{background:#333}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#232323}
-h1{color:#dc9656;font-size:26px;margin-top:-5px;text-align:center}
-h2 a{color:#C66}
-h2 span{color:#999}
-h3,#size{color:#ab4642}
-h3 span{color:#999}
-h4{color:#c1c5c2}
-#main_nav{background:#000;color:#7cafc2}
-.fix #main_nav{box-shadow:0 0 3px #000}
-.banner{-webkit-filter:grayscale(60%);filter:grayscale(60%)}
-.outerbox{background:#111213;border:1px solid #4B4E55;color:#777879}
-#titlebox .threadnav{margin:-6px}
-#threadlist{background:#0e0e0e;border:1px solid #4B4E55}
-#threadlist a{border-right:1px solid #4B4E55;border-bottom:1px solid #4B4E55}
-.mainpage .thread,#content{background:#1D1F21;border:3px double #4B4E55;color:#CED1CF;opacity:.9}
-.threadpage .thread{color:#CED1CF}
-.name,.abbrev{color:#B5BD68}
-.name em{color:#88f}
-.del a{color:#ab4642}
-h4 .date,.quoted{color:#4e4e4e}
-.msg{margin:4px 40px 0}
-.reply{margin-bottom:24px}
-a.thumb{margin-top:4px}
-.q{color:#666}
-.yt{background:#383838;border:1px solid gray;color:#e8e8e8}
-.yt:hover{text-decoration:none}
-.deleted{color:#999;margin-bottom:24px}
-#q-p{background:#222;border:1px solid #999}
-#q-p .reply{margin-bottom:8px}
-.lastposts #n2{text-decoration:none}
-form .msg{background:#383838;border:1px dotted #000}
-#footer{color:#f7ca88}
-.threads h1{text-align:left}
-#content.list #header div{background:#111213}
-#content.list .row:nth-child(odd),#content.grid .row:hover{background:#191B1D}
-#content.grid{border:1px solid #4B4E55;padding:1px}
-#content.grid .row{border:1px solid #4B4E55;margin:1px} \ No newline at end of file
+body {
+ background: #222 url("/mantencion_bg.gif");
+ color: #ced1cf;
+}
+body.threadpage {
+ background-image: none;
+}
+a,
+a .name,
+#n2 {
+ color: #81a2be;
+ text-decoration: none;
+}
+a:hover,
+a:focus,
+#n2:active {
+ color: #4d6172;
+ text-decoration: underline;
+}
+hr {
+ border: 1px inset #111;
+}
+input[type="text"],
+input[type="submit"],
+input[type="button"],
+textarea,
+button,
+select {
+ background: #383838;
+ border: 1px solid #4b4e55;
+ color: #e8e8e8;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ background: #333;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ background: #232323;
+}
+h1 {
+ color: #dc9656;
+ font-size: 26px;
+ margin-top: -5px;
+ text-align: center;
+}
+h2 a {
+ color: #c66;
+}
+h2 span {
+ color: #999;
+}
+h3,
+#size {
+ color: #ab4642;
+}
+h3 span {
+ color: #999;
+}
+h4 {
+ color: #c1c5c2;
+}
+#main_nav {
+ background: #000;
+ color: #7cafc2;
+}
+.fix #main_nav {
+ box-shadow: 0 0 3px #000;
+}
+.banner {
+ -webkit-filter: grayscale(60%);
+ filter: grayscale(60%);
+}
+.outerbox {
+ background: #111213;
+ border: 1px solid #4b4e55;
+ color: #777879;
+}
+#titlebox .threadnav {
+ margin: -6px;
+}
+#threadlist {
+ background: #0e0e0e;
+ border: 1px solid #4b4e55;
+}
+#threadlist a {
+ border-right: 1px solid #4b4e55;
+ border-bottom: 1px solid #4b4e55;
+}
+.mainpage .thread,
+#content {
+ background: #1d1f21;
+ border: 3px double #4b4e55;
+ color: #ced1cf;
+ opacity: 0.9;
+}
+.threadpage .thread {
+ color: #ced1cf;
+}
+.name,
+.abbrev {
+ color: #b5bd68;
+}
+.name em {
+ color: #88f;
+}
+.del a {
+ color: #ab4642;
+}
+h4 .date,
+.quoted {
+ color: #4e4e4e;
+}
+.msg {
+ margin: 4px 40px 0;
+}
+.reply {
+ margin-bottom: 24px;
+}
+a.thumb {
+ margin-top: 4px;
+}
+.q {
+ color: #666;
+}
+.yt {
+ background: #383838;
+ border: 1px solid gray;
+ color: #e8e8e8;
+}
+.yt:hover {
+ text-decoration: none;
+}
+.deleted {
+ color: #999;
+ margin-bottom: 24px;
+}
+#q-p {
+ background: #222;
+ border: 1px solid #999;
+}
+#q-p .reply {
+ margin-bottom: 8px;
+}
+.lastposts #n2 {
+ text-decoration: none;
+}
+form .msg {
+ background: #383838;
+ border: 1px dotted #000;
+}
+#footer {
+ color: #f7ca88;
+}
+.threads h1 {
+ text-align: left;
+}
+#content.list #header div {
+ background: #111213;
+}
+#content.list .row:nth-child(odd),
+#content.grid .row:hover {
+ background: #191b1d;
+}
+#content.grid {
+ border: 1px solid #4b4e55;
+ padding: 1px;
+}
+#content.grid .row {
+ border: 1px solid #4b4e55;
+ margin: 1px;
+}
diff --git a/static/css/txt/amber.css b/static/css/txt/amber.css
index 4752fe8..7c57816 100644
--- a/static/css/txt/amber.css
+++ b/static/css/txt/amber.css
@@ -1,44 +1,197 @@
-body{background:#000;text-shadow:1px 1px #000,0 0 10px}
-body,a,h2 a,h3,#n2{color:#f9690e}
-a:active,#n2:active{color:#FF9F3F}
-h4{background:#f9690e;color:#000;padding:0 7px;text-shadow:none}
-.threadpage h4{padding:0 3px}
-h4 a,.name,.name a{color:#000}
-h1:after,h2 a:after,h3:after{content:"_";animation:blink 1s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}}
-h2,.thread .threadnav{margin:7px}
-h3{margin:8px 0}
-h3 span,#size,.abbrev{color:#f00}
-hr{background:#f9690e;border:0;height:1px;box-shadow:0 0 10px #f9690e}
-.spoil{background:#f9690e;color:#f9690e;text-shadow:none}.spoil:hover{color:#000}
-input,button{font-family:monospace}
-input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{background:#000;border:1px solid #f9690e;color:#f9690e;text-shadow:1px 1px #000}
-input[type="text"]:focus,textarea:focus,select:focus{background:#3a1903}
-input[type=submit]:active,input[type=button]:active,button:active{background:#f9690e;border-style:solid;color:#000}
-#main_nav{background:#000;box-shadow:0 0 10px}
-.outerbox,.innerbox{border:1px solid #f9690e}
-#threadlist{border:3px double #f9690e}
-#threadlist a{border-right:1px solid #f9690e;border-bottom:1px solid #f9690e}
-.mainpage .thread,.thread .innerbox{border:1px solid #f9690e}
-.thread .innerbox,.threadpage,#q-p{background:#000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=')}
-.thread .innerbox{padding:0}
-.name em{color:#ff0}
-.q{color:#d4b300}
-.deleted{background:none;border-color:#f9690e;border-style:solid;border-width:1px 0;color:inherit}
-.yt{background:#000;border:1px solid #f9690e}
-.mainpage .postform{border-top:1px solid #f9690e;padding:1em 0 1em 40px}
-.formpad{padding:0}
-form .msg{border:1px dotted #f9690e;background:#000;color:#f9690e}
-#q-p{border:1px solid #000;padding:0}
-#q-p .reply{border:3px double #f9690e;margin:0;padding-bottom:1em}
-#q-p .reply h4{padding:0 1px}
-#footer a{color:#f9690e}
-#content{border:3px double #f9690e}
-#content.list #header{background:#451d04}
-#content.list .row:nth-child(odd){background:#251002}
-#content.grid{border:1px solid #f9690e}
-#content.grid .row{border:1px solid #f9690e}
-#content.grid .row:hover{background:#251002;border-color:#f9690e}
-@media(max-width:720px){
- div.msg{margin:.5em .5em 0}
- .mainpage .postform{padding:.5em}
-} \ No newline at end of file
+body {
+ background: #000;
+ text-shadow: 1px 1px #000, 0 0 10px;
+}
+body,
+a,
+h2 a,
+h3,
+#n2 {
+ color: #f9690e;
+}
+a:active,
+#n2:active {
+ color: #ff9f3f;
+}
+h4 {
+ background: #f9690e;
+ color: #000;
+ padding: 0 7px;
+ text-shadow: none;
+}
+.threadpage h4 {
+ padding: 0 3px;
+}
+h4 a,
+.name,
+.name a {
+ color: #000;
+}
+h1:after,
+h2 a:after,
+h3:after {
+ content: "_";
+ animation: blink 1s infinite;
+}
+@keyframes blink {
+ from,
+ to {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+}
+h2,
+.thread .threadnav {
+ margin: 7px;
+}
+h3 {
+ margin: 8px 0;
+}
+h3 span,
+#size,
+.abbrev {
+ color: #f00;
+}
+hr {
+ background: #f9690e;
+ border: 0;
+ height: 1px;
+ box-shadow: 0 0 10px #f9690e;
+}
+.spoil {
+ background: #f9690e;
+ color: #f9690e;
+ text-shadow: none;
+}
+.spoil:hover {
+ color: #000;
+}
+input,
+button {
+ font-family: monospace;
+}
+input,
+input[type="submit"],
+input[type="button"],
+input[type="text"],
+textarea,
+button,
+select {
+ background: #000;
+ border: 1px solid #f9690e;
+ color: #f9690e;
+ text-shadow: 1px 1px #000;
+}
+input[type="text"]:focus,
+textarea:focus,
+select:focus {
+ background: #3a1903;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ background: #f9690e;
+ border-style: solid;
+ color: #000;
+}
+#main_nav {
+ background: #000;
+ box-shadow: 0 0 10px;
+}
+.outerbox,
+.innerbox {
+ border: 1px solid #f9690e;
+}
+#threadlist {
+ border: 3px double #f9690e;
+}
+#threadlist a {
+ border-right: 1px solid #f9690e;
+ border-bottom: 1px solid #f9690e;
+}
+.mainpage .thread,
+.thread .innerbox {
+ border: 1px solid #f9690e;
+}
+.thread .innerbox,
+.threadpage,
+#q-p {
+ background: #000
+ url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gkRBxEEIxazLgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAGklEQVQI12NkYGD4z4AEmBjQAAsvK6oAhgoAQ6UBGwQB8rcAAAAASUVORK5CYII=");
+}
+.thread .innerbox {
+ padding: 0;
+}
+.name em {
+ color: #ff0;
+}
+.q {
+ color: #d4b300;
+}
+.deleted {
+ background: none;
+ border-color: #f9690e;
+ border-style: solid;
+ border-width: 1px 0;
+ color: inherit;
+}
+.yt {
+ background: #000;
+ border: 1px solid #f9690e;
+}
+.mainpage .postform {
+ border-top: 1px solid #f9690e;
+ padding: 1em 0 1em 40px;
+}
+.formpad {
+ padding: 0;
+}
+form .msg {
+ border: 1px dotted #f9690e;
+ background: #000;
+ color: #f9690e;
+}
+#q-p {
+ border: 1px solid #000;
+ padding: 0;
+}
+#q-p .reply {
+ border: 3px double #f9690e;
+ margin: 0;
+ padding-bottom: 1em;
+}
+#q-p .reply h4 {
+ padding: 0 1px;
+}
+#footer a {
+ color: #f9690e;
+}
+#content {
+ border: 3px double #f9690e;
+}
+#content.list #header {
+ background: #451d04;
+}
+#content.list .row:nth-child(odd) {
+ background: #251002;
+}
+#content.grid {
+ border: 1px solid #f9690e;
+}
+#content.grid .row {
+ border: 1px solid #f9690e;
+}
+#content.grid .row:hover {
+ background: #251002;
+ border-color: #f9690e;
+}
+@media (max-width: 720px) {
+ div.msg {
+ margin: 0.5em 0.5em 0;
+ }
+ .mainpage .postform {
+ padding: 0.5em;
+ }
+}
diff --git a/static/css/txt/ayashii.css b/static/css/txt/ayashii.css
index 0e2109d..8811248 100644
--- a/static/css/txt/ayashii.css
+++ b/static/css/txt/ayashii.css
@@ -1,51 +1,206 @@
-body{background:#004040;color:#FFF}
-a,a .name,#n2:active{color:#EFE}
-a:active,a:active .name,#n2:active{color:#F00}
-h2:before{content:"â—† "}
-h2{display:inline-block;margin:0;margin-bottom:.5em}
-h2 span{font-weight:initial;font-size:24px;margin-left:4px;display:inline-block;float:right}
-h3{margin-bottom:.5em;padding-bottom:.5em}
-h4:before{content:">";color:#FFFFFE;display:inline-block;font-size:16px;width:40px}
-.first h4:before{content:none}
-input[type=submit],input[type=button],button{border-width:2px;border-style:outset ridge ridge outset;border-color:#FFF #000 #000 #FFF;background:#DDD;color:#000;padding:0 8px}
-#main_nav,.banner{background:inherit;text-align:left;margin:0;padding-left:2.5%}
-.fix #main_nav{background:inherit;text-align:center}
-#titlebox{margin-bottom:1em;margin-top:5px}
-.threadnav a{margin-left:4px}
-.innerbox{margin:0;padding:0}
-.innerbox,.mainpage .thread,.deleted,#content{margin-bottom:1em;padding-bottom:1em}
-.innerbox,.mainpage .thread,.reply,.deleted,h3,#content{border-bottom:2px groove gray}
-.links,#listmenu{text-align:left}
-#threadbox{margin-bottom:1em}
-#threadlinks{text-align:left;margin-bottom:.5em}
-#threadlist{background:#003535;border:1px inset gray}
-.reply{clear:both;margin-bottom:1em;overflow:hidden}
-.reply:last-child{border:0;margin-bottom:0}
-.name em{color:#009}
-.quoted{font-size:9pt}
-.del a{color:#FFF}
-.first .msg{margin:1em 40px}
-.msg{margin:1em 60px}
-.q{color:#99b3b3}
-.yt{border:1px solid #FFF}
-.abbrev{margin-top:1em}
-.deleted{text-decoration:line-through}
-#size{color:#FFF;margin-top:-.5em}
-#q-p{background:#004040;border:1px solid #DDD}
-#q-p h4:before{display:none}
-.postform,.formpad{padding-left:0}
-form .msg{border:1px dotted #FFF}
-#footer{margin-bottom:1em;margin-top:1em;text-align:right}
-.threads .outerbox{margin-top:1em}
-#content.list #header div{background:#001e1e}
-#content.list .row:nth-child(odd){background:#003535}
-#content.grid{border-width:2px 2px 0 0}
-#content.grid .row{border-width:0 0 2px 2px}
-#content.grid,#content.grid .row{border-style:groove;border-color:gray}
-.threads #footer{text-align:center}
-@media(max-width:720px){
- body.mainpage,body.threads{margin-left:8px;margin-right:8px}
- h2 span{margin-left:0;float:none}
- h4:before{font-size:12px;width:20px}
- div.msg,.first .msg{margin:.5em 0 .5em 20px}
-} \ No newline at end of file
+body {
+ background: #004040;
+ color: #fff;
+}
+a,
+a .name,
+#n2:active {
+ color: #efe;
+}
+a:active,
+a:active .name,
+#n2:active {
+ color: #f00;
+}
+h2:before {
+ content: "â—† ";
+}
+h2 {
+ display: inline-block;
+ margin: 0;
+ margin-bottom: 0.5em;
+}
+h2 span {
+ font-weight: initial;
+ font-size: 24px;
+ margin-left: 4px;
+ display: inline-block;
+ float: right;
+}
+h3 {
+ margin-bottom: 0.5em;
+ padding-bottom: 0.5em;
+}
+h4:before {
+ content: ">";
+ color: #fffffe;
+ display: inline-block;
+ font-size: 16px;
+ width: 40px;
+}
+.first h4:before {
+ content: none;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ border-width: 2px;
+ border-style: outset ridge ridge outset;
+ border-color: #fff #000 #000 #fff;
+ background: #ddd;
+ color: #000;
+ padding: 0 8px;
+}
+#main_nav,
+.banner {
+ background: inherit;
+ text-align: left;
+ margin: 0;
+ padding-left: 2.5%;
+}
+.fix #main_nav {
+ background: inherit;
+ text-align: center;
+}
+#titlebox {
+ margin-bottom: 1em;
+ margin-top: 5px;
+}
+.threadnav a {
+ margin-left: 4px;
+}
+.innerbox {
+ margin: 0;
+ padding: 0;
+}
+.innerbox,
+.mainpage .thread,
+.deleted,
+#content {
+ margin-bottom: 1em;
+ padding-bottom: 1em;
+}
+.innerbox,
+.mainpage .thread,
+.reply,
+.deleted,
+h3,
+#content {
+ border-bottom: 2px groove gray;
+}
+.links,
+#listmenu {
+ text-align: left;
+}
+#threadbox {
+ margin-bottom: 1em;
+}
+#threadlinks {
+ text-align: left;
+ margin-bottom: 0.5em;
+}
+#threadlist {
+ background: #003535;
+ border: 1px inset gray;
+}
+.reply {
+ clear: both;
+ margin-bottom: 1em;
+ overflow: hidden;
+}
+.reply:last-child {
+ border: 0;
+ margin-bottom: 0;
+}
+.name em {
+ color: #009;
+}
+.quoted {
+ font-size: 9pt;
+}
+.del a {
+ color: #fff;
+}
+.first .msg {
+ margin: 1em 40px;
+}
+.msg {
+ margin: 1em 60px;
+}
+.q {
+ color: #99b3b3;
+}
+.yt {
+ border: 1px solid #fff;
+}
+.abbrev {
+ margin-top: 1em;
+}
+.deleted {
+ text-decoration: line-through;
+}
+#size {
+ color: #fff;
+ margin-top: -0.5em;
+}
+#q-p {
+ background: #004040;
+ border: 1px solid #ddd;
+}
+#q-p h4:before {
+ display: none;
+}
+.postform,
+.formpad {
+ padding-left: 0;
+}
+form .msg {
+ border: 1px dotted #fff;
+}
+#footer {
+ margin-bottom: 1em;
+ margin-top: 1em;
+ text-align: right;
+}
+.threads .outerbox {
+ margin-top: 1em;
+}
+#content.list #header div {
+ background: #001e1e;
+}
+#content.list .row:nth-child(odd) {
+ background: #003535;
+}
+#content.grid {
+ border-width: 2px 2px 0 0;
+}
+#content.grid .row {
+ border-width: 0 0 2px 2px;
+}
+#content.grid,
+#content.grid .row {
+ border-style: groove;
+ border-color: gray;
+}
+.threads #footer {
+ text-align: center;
+}
+@media (max-width: 720px) {
+ body.mainpage,
+ body.threads {
+ margin-left: 8px;
+ margin-right: 8px;
+ }
+ h2 span {
+ margin-left: 0;
+ float: none;
+ }
+ h4:before {
+ font-size: 12px;
+ width: 20px;
+ }
+ div.msg,
+ .first .msg {
+ margin: 0.5em 0 0.5em 20px;
+ }
+}
diff --git a/static/css/txt/baisano.css b/static/css/txt/baisano.css
index bd8ea02..c6ece51 100644
--- a/static/css/txt/baisano.css
+++ b/static/css/txt/baisano.css
@@ -1,46 +1,160 @@
-body,textarea{color:#000}
-body.mainpage,body.threads{background:#c5ad99 url(../img/muro.jpg)}
-body.threadpage{background:#EFEFEF}
-a,a .name,#n2{color:#00F}
-a:active,a:active .name,#n2:active{color:#f00}
-h2{margin-bottom:3px}
-h2 a{color:#F00}
-h3{color:#F00}
-h3 span{color:#000}
-.mainpage h4:hover{background:#FFEFEF}
-h4.hidden{background:#CCC}
-.mainpage h4.hidden:hover{background:#DCC}
-#main_nav{background:#FFF}
-.fix #main_nav{box-shadow:0 0 3px #000}
-.outerbox{background:#CFC;border:1px outset #FFF}
-.innerbox{border:1px inset #FFF}
-#threadlist{background:#BEB;border:1px inset #FFF}
-#threadlist a{border:1px outset #FFF}
-.mainpage .thread,#content{background:#EFEFEF;border:1px outset #FFF}
-.name,.abbrev{color:green}
-.name em{color:#009}
-.del a{color:#000}
-.msg{margin:4px 40px 0}
-.reply{margin-bottom:24px}
-a.thumb{margin-top:4px}
-.q{color:#666}
-.yt{background:#DDD;border:1px solid #AAA}
-.deleted{color:#AFAFAF;margin-bottom:24px}
-#q-p{background:#EFEFEF;border:1px solid #999}
-#q-p .reply{margin-bottom:8px}
-#createbox{display:flex}
-#createbox .extrabox{border:1px inset #FFF;margin:7px 0 7px 7px;float:left;width:40px;height:auto;flex:0 1 40px;-webkit-flex:0 1 40px}
-#createbox .innerbox{flex:0 1 100%;-webkit-flex:0 1 100%}
-form .msg{border:1px dotted #000;background:#EFEFEF}
-#footer{color:#333}
-#content.list{padding:7px}
-#content.list #header div{background:#CCC;border-top:1px inset #FFF}
-#content.list .row:nth-child(odd),#content.grid .row:hover{background:#FFF}
-#content.list .row div:first-child{border-left:1px inset #FFF}
-#content.list .row div:last-child{border-right:1px inset #FFF}
-#content.list .row:last-child div{border-bottom:1px inset #FFF}
-#content.grid{border:1px outset #FFF;padding:1px}
-#content.grid .row{border:1px inset #FFF;margin:1px}
-@media(max-width:720px){
- .extrabox{display:none}
-} \ No newline at end of file
+body,
+textarea {
+ color: #000;
+}
+body.mainpage,
+body.threads {
+ background: #c5ad99 url(../img/muro.jpg);
+}
+body.threadpage {
+ background: #efefef;
+}
+a,
+a .name,
+#n2 {
+ color: #00f;
+}
+a:active,
+a:active .name,
+#n2:active {
+ color: #f00;
+}
+h2 {
+ margin-bottom: 3px;
+}
+h2 a {
+ color: #f00;
+}
+h3 {
+ color: #f00;
+}
+h3 span {
+ color: #000;
+}
+.mainpage h4:hover {
+ background: #ffefef;
+}
+h4.hidden {
+ background: #ccc;
+}
+.mainpage h4.hidden:hover {
+ background: #dcc;
+}
+#main_nav {
+ background: #fff;
+}
+.fix #main_nav {
+ box-shadow: 0 0 3px #000;
+}
+.outerbox {
+ background: #cfc;
+ border: 1px outset #fff;
+}
+.innerbox {
+ border: 1px inset #fff;
+}
+#threadlist {
+ background: #beb;
+ border: 1px inset #fff;
+}
+#threadlist a {
+ border: 1px outset #fff;
+}
+.mainpage .thread,
+#content {
+ background: #efefef;
+ border: 1px outset #fff;
+}
+.name,
+.abbrev {
+ color: green;
+}
+.name em {
+ color: #009;
+}
+.del a {
+ color: #000;
+}
+.msg {
+ margin: 4px 40px 0;
+}
+.reply {
+ margin-bottom: 24px;
+}
+a.thumb {
+ margin-top: 4px;
+}
+.q {
+ color: #666;
+}
+.yt {
+ background: #ddd;
+ border: 1px solid #aaa;
+}
+.deleted {
+ color: #afafaf;
+ margin-bottom: 24px;
+}
+#q-p {
+ background: #efefef;
+ border: 1px solid #999;
+}
+#q-p .reply {
+ margin-bottom: 8px;
+}
+#createbox {
+ display: flex;
+}
+#createbox .extrabox {
+ border: 1px inset #fff;
+ margin: 7px 0 7px 7px;
+ float: left;
+ width: 40px;
+ height: auto;
+ flex: 0 1 40px;
+ -webkit-flex: 0 1 40px;
+}
+#createbox .innerbox {
+ flex: 0 1 100%;
+ -webkit-flex: 0 1 100%;
+}
+form .msg {
+ border: 1px dotted #000;
+ background: #efefef;
+}
+#footer {
+ color: #333;
+}
+#content.list {
+ padding: 7px;
+}
+#content.list #header div {
+ background: #ccc;
+ border-top: 1px inset #fff;
+}
+#content.list .row:nth-child(odd),
+#content.grid .row:hover {
+ background: #fff;
+}
+#content.list .row div:first-child {
+ border-left: 1px inset #fff;
+}
+#content.list .row div:last-child {
+ border-right: 1px inset #fff;
+}
+#content.list .row:last-child div {
+ border-bottom: 1px inset #fff;
+}
+#content.grid {
+ border: 1px outset #fff;
+ padding: 1px;
+}
+#content.grid .row {
+ border: 1px inset #fff;
+ margin: 1px;
+}
+@media (max-width: 720px) {
+ .extrabox {
+ display: none;
+ }
+}
diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index f73748d..f2258cd 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -1,99 +1,436 @@
-*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}
-body,textarea{font-family:arial,helvetica,sans-serif;font-size:16px}
-body.mainpage,body.threads{margin:0}
-body.threadpage{margin:8px}
-body.fix{margin-top:2em}
-h1,h5{font-size:20px;margin:0}
-h2{font-size:16px;margin:0 0 7px}
-h2 span{margin-right:2px}
-h2 a{font-size:24px;text-decoration:none}
-h3{font-size:18px;margin:8px 0}
-h3 span{display:inline-block;font-weight:normal}
-h4{clear:both;font-weight:normal;margin:0}
-h5{margin-bottom:8px}
-input[type="text"],textarea,select{background:#FFF;border:1px inset #DDD;color:#000;padding:1px}
-input[type=submit],input[type=button],button{border:1px outset #DDD;background:#EEE;color:#333;padding:1px 8px}
-input[type=submit]:active,input[type=button]:active,button:active{border-style:inset}
-.banner{display:block;margin:0 auto}
-#rules{line-height:1.25em;margin:8px 0}
-.spoil{background:#000;color:#000}.spoil:hover{color:#fff}
-code{font-size:14px}
-pre{line-height:125%;margin:0;white-space:pre-wrap}
-.cur_brd,.locked,.sel{font-weight:bold}
-#main_nav{font-size:14px;padding:4px 0;text-align:center;width:100%}
-.fix #main_nav{position:fixed;top:0;left:0;right:0;margin:0;padding:2px 0;z-index:9}
-#main_nav select{font-size:90%;padding:0}
-#main_nav a,#thread_nav a,#threadlinks a,.threadlinks a,label{display:inline-block}
-.outerbox,.mainpage .thread,#footer,#content{margin:0 2.5% 1em}
-.innerbox{padding:7px;margin:7px}
-.threadnav{float:right;font-family:mona,monapo,ipamonapgothic,monapo,'ms pgothic',yozfontaa97}
-#search input{margin-right:2px}
-#search input[type="text"]{padding:4px;max-width:500px;width:100%}
-.links{font-size:14px;text-align:center}
-#threadlinks{margin-bottom:.5em;text-align:center}
-#threadlist{font-size:14px;line-height:1;max-height:15em;overflow-y:scroll}
-#threadlist a{text-decoration:none}
-.mainpage .postform,.formpad{padding-left:40px}
-.reply{clear:both;line-height:1.25em;margin-bottom:1em;overflow:hidden}
-.num{color:inherit!important;font-weight:bold;text-decoration:none}
-.name em{font-style:normal}
-.del{visibility:hidden}
-.reply:hover .del{visibility:visible}
-.quoted{font-size:12px;line-height:1}
-.msg{margin:1em 40px 0}
-.msg hr{margin-left:0;max-width:500px}
-a.thumb{cursor:zoom-in;font-size:14px;float:left;margin:1em 20px 0;text-align:center;text-decoration:none;color:gray!important}
-a.yt{margin:2px 0;display:inline-block;font-size:12px;line-height:1.2em;padding:5px;text-decoration:none}
-a.yt .pvw{width:100px;height:60px;overflow:hidden;float:left;margin-right:5px}
-a.yt .pvw img{margin-top:-15px;margin-left:-10px}
-a.yt b{font-size:115%}
-.deleted{margin-bottom:1em}
-.hidden{opacity:.5}
-#q-p{margin-right:1em;padding:8px 8px 0;position:absolute}
-#q-p .del,#q-p .quoted,#q-p .thumb div{display:none}
-.lastposts{text-align:center;line-height:1}
-.lastposts #n2{text-decoration:underline}
-.threadpage .threadlinks{margin:.5em 0}
-#size{color:#f00;font-family:arial,sans-serif;font-weight:bold;margin-bottom:.5em}
-#createbox input,#createbox textarea{width:100%}
-.pblock{text-align:right;white-space:nowrap}
-form .msg{margin:0;padding:8px 2px;text-align:left}
-.end,#search{margin-top:8px}
-.warn{padding:1px}
-.stop{padding:1em 1px}
-.yellow{background:#ff0;color:#000}
-.red{background:#f00;color:#fff}
-#listmenu{margin-top:7px;text-align:center}
-#content a{text-decoration:none}
-#content a:hover{text-decoration:underline}
-#content.list a{display:block;line-height:1}
-#content.list .row{display:table-row}
-#content.list .row div{display:table-cell;padding:5px}
-#content.list .row div.thread{padding:0}#content.list .row div.thread a{padding:5px}
-#content.list .pos,#content.list .com{text-align:right}
-#content.list #header div{font-weight:bold;text-align:center;white-space:nowrap}
-#content.grid,#threadlist{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;flex-flow:row wrap}
-#content.grid .row,#threadlist a{-webkit-flex:1 1 auto;-moz-flex:1 1 auto;flex:1 1 auto;padding:4px}
-#content.grid .row div{display:inline}
-@media(max-width:720px){
- body{font-size:15px}
- br{line-height:.5em}
- .banner{width:100%!important;height:auto!important;margin-top:1em}
- .outerbox,.mainpage .thread,#footer,#content{margin:1em 0}
- h1,h2 a,h5{font-size:18px}
- h4,h2 span,#rules{font-size:12px}
- #threadlist{overflow-x:auto;white-space:nowrap}
- #size,.postform br{display:none}
- div.reply{margin-bottom:.5em}
- .num{margin:-10px;padding:10px;position:relative}
- .del{visibility:visible}
- div.msg{margin:.5em 0 0}
- .mainpage .postform,.formpad{padding-left:0}
- .postform>span{display:table;width:100%}
- .postform span>*{display:table-cell;margin-bottom:2px;white-space:nowrap}
- .postform input,textarea{width:100%}
- .postform textarea{height:100px}
- form,#thread_nav,#footer,.end,.locked{font-size:14px;text-align:center}
- #footer a{display:block}
- #content.list .row div{padding:0 2px}
-} \ No newline at end of file
+* {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ word-wrap: break-word;
+}
+body,
+textarea {
+ font-family: arial, helvetica, sans-serif;
+ font-size: 16px;
+}
+body.mainpage,
+body.threads {
+ margin: 0;
+}
+body.threadpage {
+ margin: 8px;
+}
+body.fix {
+ margin-top: 2em;
+}
+h1,
+h5 {
+ font-size: 20px;
+ margin: 0;
+}
+h2 {
+ font-size: 16px;
+ margin: 0 0 7px;
+}
+h2 span {
+ margin-right: 2px;
+}
+h2 a {
+ font-size: 24px;
+ text-decoration: none;
+}
+h3 {
+ font-size: 18px;
+ margin: 8px 0;
+}
+h3 span {
+ display: inline-block;
+ font-weight: normal;
+}
+h4 {
+ clear: both;
+ font-weight: normal;
+ margin: 0;
+}
+h5 {
+ margin-bottom: 8px;
+}
+input[type="text"],
+textarea,
+select {
+ background: #fff;
+ border: 1px inset #ddd;
+ color: #000;
+ padding: 1px;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ border: 1px outset #ddd;
+ background: #eee;
+ color: #333;
+ padding: 1px 8px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ border-style: inset;
+}
+.banner {
+ display: block;
+ margin: 0 auto;
+}
+#rules {
+ line-height: 1.25em;
+ margin: 8px 0;
+}
+.spoil {
+ background: #000;
+ color: #000;
+}
+.spoil:hover {
+ color: #fff;
+}
+code {
+ font-size: 14px;
+}
+pre {
+ line-height: 125%;
+ margin: 0;
+ white-space: pre-wrap;
+}
+.cur_brd,
+.locked,
+.sel {
+ font-weight: bold;
+}
+#main_nav {
+ font-size: 14px;
+ padding: 4px 0;
+ text-align: center;
+ width: 100%;
+}
+.fix #main_nav {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ margin: 0;
+ padding: 2px 0;
+ z-index: 9;
+}
+#main_nav select {
+ font-size: 90%;
+ padding: 0;
+}
+#main_nav a,
+#thread_nav a,
+#threadlinks a,
+.threadlinks a,
+label {
+ display: inline-block;
+}
+.outerbox,
+.mainpage .thread,
+#footer,
+#content {
+ margin: 0 2.5% 1em;
+}
+.innerbox {
+ padding: 7px;
+ margin: 7px;
+}
+.threadnav {
+ float: right;
+ font-family: mona, monapo, ipamonapgothic, monapo, "ms pgothic", yozfontaa97;
+}
+#search input {
+ margin-right: 2px;
+}
+#search input[type="text"] {
+ padding: 4px;
+ max-width: 500px;
+ width: 100%;
+}
+.links {
+ font-size: 14px;
+ text-align: center;
+}
+#threadlinks {
+ margin-bottom: 0.5em;
+ text-align: center;
+}
+#threadlist {
+ font-size: 14px;
+ line-height: 1;
+ max-height: 15em;
+ overflow-y: scroll;
+}
+#threadlist a {
+ text-decoration: none;
+}
+.mainpage .postform,
+.formpad {
+ padding-left: 40px;
+}
+.reply {
+ clear: both;
+ line-height: 1.25em;
+ margin-bottom: 1em;
+ overflow: hidden;
+}
+.num {
+ color: inherit !important;
+ font-weight: bold;
+ text-decoration: none;
+}
+.name em {
+ font-style: normal;
+}
+.del {
+ visibility: hidden;
+}
+.reply:hover .del {
+ visibility: visible;
+}
+.quoted {
+ font-size: 12px;
+ line-height: 1;
+}
+.msg {
+ margin: 1em 40px 0;
+}
+.msg hr {
+ margin-left: 0;
+ max-width: 500px;
+}
+a.thumb {
+ cursor: zoom-in;
+ font-size: 14px;
+ float: left;
+ margin: 1em 20px 0;
+ text-align: center;
+ text-decoration: none;
+ color: gray !important;
+}
+a.yt {
+ margin: 2px 0;
+ display: inline-block;
+ font-size: 12px;
+ line-height: 1.2em;
+ padding: 5px;
+ text-decoration: none;
+}
+a.yt .pvw {
+ width: 100px;
+ height: 60px;
+ overflow: hidden;
+ float: left;
+ margin-right: 5px;
+}
+a.yt .pvw img {
+ margin-top: -15px;
+ margin-left: -10px;
+}
+a.yt b {
+ font-size: 115%;
+}
+.deleted {
+ margin-bottom: 1em;
+}
+.hidden {
+ opacity: 0.5;
+}
+#q-p {
+ margin-right: 1em;
+ padding: 8px 8px 0;
+ position: absolute;
+}
+#q-p .del,
+#q-p .quoted,
+#q-p .thumb div {
+ display: none;
+}
+.lastposts {
+ text-align: center;
+ line-height: 1;
+}
+.lastposts #n2 {
+ text-decoration: underline;
+}
+.threadpage .threadlinks {
+ margin: 0.5em 0;
+}
+#size {
+ color: #f00;
+ font-family: arial, sans-serif;
+ font-weight: bold;
+ margin-bottom: 0.5em;
+}
+#createbox input,
+#createbox textarea {
+ width: 100%;
+}
+.pblock {
+ text-align: right;
+ white-space: nowrap;
+}
+form .msg {
+ margin: 0;
+ padding: 8px 2px;
+ text-align: left;
+}
+.end,
+#search {
+ margin-top: 8px;
+}
+.warn {
+ padding: 1px;
+}
+.stop {
+ padding: 1em 1px;
+}
+.yellow {
+ background: #ff0;
+ color: #000;
+}
+.red {
+ background: #f00;
+ color: #fff;
+}
+#listmenu {
+ margin-top: 7px;
+ text-align: center;
+}
+#content a {
+ text-decoration: none;
+}
+#content a:hover {
+ text-decoration: underline;
+}
+#content.list a {
+ display: block;
+ line-height: 1;
+}
+#content.list .row {
+ display: table-row;
+}
+#content.list .row div {
+ display: table-cell;
+ padding: 5px;
+}
+#content.list .row div.thread {
+ padding: 0;
+}
+#content.list .row div.thread a {
+ padding: 5px;
+}
+#content.list .pos,
+#content.list .com {
+ text-align: right;
+}
+#content.list #header div {
+ font-weight: bold;
+ text-align: center;
+ white-space: nowrap;
+}
+#content.grid,
+#threadlist {
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: flex;
+ -webkit-flex-flow: row wrap;
+ -moz-flex-flow: row wrap;
+ flex-flow: row wrap;
+}
+#content.grid .row,
+#threadlist a {
+ -webkit-flex: 1 1 auto;
+ -moz-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 4px;
+}
+#content.grid .row div {
+ display: inline;
+}
+@media (max-width: 720px) {
+ body {
+ font-size: 15px;
+ }
+ br {
+ line-height: 0.5em;
+ }
+ .banner {
+ width: 100% !important;
+ height: auto !important;
+ margin-top: 1em;
+ }
+ .outerbox,
+ .mainpage .thread,
+ #footer,
+ #content {
+ margin: 1em 0;
+ }
+ h1,
+ h2 a,
+ h5 {
+ font-size: 18px;
+ }
+ h4,
+ h2 span,
+ #rules {
+ font-size: 12px;
+ }
+ #threadlist {
+ overflow-x: auto;
+ white-space: nowrap;
+ }
+ #size,
+ .postform br {
+ display: none;
+ }
+ div.reply {
+ margin-bottom: 0.5em;
+ }
+ .num {
+ margin: -10px;
+ padding: 10px;
+ position: relative;
+ }
+ .del {
+ visibility: visible;
+ }
+ div.msg {
+ margin: 0.5em 0 0;
+ }
+ .mainpage .postform,
+ .formpad {
+ padding-left: 0;
+ }
+ .postform > span {
+ display: table;
+ width: 100%;
+ }
+ .postform span > * {
+ display: table-cell;
+ margin-bottom: 2px;
+ white-space: nowrap;
+ }
+ .postform input,
+ textarea {
+ width: 100%;
+ }
+ .postform textarea {
+ height: 100px;
+ }
+ form,
+ #thread_nav,
+ #footer,
+ .end,
+ .locked {
+ font-size: 14px;
+ text-align: center;
+ }
+ #footer a {
+ display: block;
+ }
+ #content.list .row div {
+ padding: 0 2px;
+ }
+}
diff --git a/static/css/txt/bios.css b/static/css/txt/bios.css
index afbc9cb..22a228a 100644
--- a/static/css/txt/bios.css
+++ b/static/css/txt/bios.css
@@ -1,54 +1,260 @@
-body,textarea,.lastposts #counter{background:#00A;color:#FFF}
-a,a .name,.lastposts #n2{color:#ff0;text-decoration:none}
-a:focus,a:active,a:active .name,#n2:active{background:#f00;color:#FFF}
-.mainpage .threadlinks a:before,#threadlinks a:before,.lastposts a:before,.lastposts label:before{content:'â–¶ '}
-input[type="text"],textarea,select{background:#00A;border:1px solid #FFF;color:#FFF}
-input[type="submit"],input[type="button"],button{background:#FFF;border:0;color:#000;padding:2px 9px}
-input[type="submit"]:active,input[type="button"]:active,button:active,select:focus{background:#000;border-style:solid;color:#FFF}
-::selection{background:#FFF;color:#000}
-::-moz-selection{background:#FFF;color:#000}
-hr{display:none}
-h2,.thread .threadnav{margin:.75em}
-h3{background:#FFF;color:#00A;margin:0;padding:2px 8px}
-h3 span{background:#00A;color:#FFF;padding:2px}
-#main_nav,#thread_nav{background:linear-gradient(270deg, #0000ff, #000000, #0000ff);background-position:0% 50%;-webkit-animation:bios 6s linear infinite;-moz-animation:bios 6s linear infinite;animation:bios 6s linear infinite;background-size:500% 500%}
-@-webkit-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
-@-moz-keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
-@keyframes bios{0%{background-position:0% 0%}50%{background-position:250% 0%}100%{background-position:500% 0%}}
-#main_nav a,#thread_nav a,.threadpage .threadlinks a{color:#FFF;text-decoration:underline}
-#main_nav .cur_brd{background:#FFF;color:#00A;padding:1px;text-decoration:none}
-#thread_nav{margin:-8px -8px 8px;padding:6px 16px}
-.innerbox{border:1px solid #FFF;margin:3px;padding:.75em}
-.innerbox.links{border-top:0;margin-top:-3px}
-#cur_stl{background:#ff0;color:#00A}
-.outerbox,.mainpage .thread,#threadlist,#content{border:1px solid #FFF}
-#threadlist a{border-right:1px solid #FFF;border-bottom:1px solid #FFF}
-.thread .innerbox{padding:0}
-.threadpage .thread{border-color:#FFF;border-style:double;border-width:4px 4px 1px}
-.reply,.deleted{border-top:1px solid #FFF;padding:.5em .75em 0}
-.threadpage .reply, .threadpage .deleted{padding:.5em .5em 0}
-.name em{background:#FFF;color:#00f}
-.q,.deleted,.abbrev{color:#5cf}
-.deleted{margin-bottom:.5em}
-#size{margin-left:.5em}
-.yt{border:1px solid #ff0}
-.yt:active{background:#f00;border:1px solid #f00;color:#FFF}
-.msg hr{display:block}
-#q-p{background:#00A;border:1px solid #FFF}
-#q-p .reply{border:0;padding:0}
-.lastposts{border-color:#FFF;border-style:double;border-width:0 4px;color:#00A;padding:.5em}
-.mainpage .threadlinks{margin-top:.75em}
-.threadpage .threadlinks{margin-top:0}
-.threadpage .postform{border-color:#FFF;border-style:double;border-width:1px 4px 4px;padding:.5em}
-.formpad{padding-left:0}
-.mainpage .postform{border-top:1px solid #FFF;padding:.75em}
-form .msg{border:3px double #FFF}
-#content.list{border:4px double #FFF}
-#content.list #header div{border-bottom:1px solid #FFF}
-#content.grid{border:1px solid #FFF;padding:2px}
-#content.grid .row{border:1px solid #FFF;margin:2px}
-@media(max-width:720px){
- body.threadpage{margin:8px 0}
- h2{margin-bottom:.5em}
- #thread_nav{margin:-8px 0px 8px}
-} \ No newline at end of file
+body,
+textarea,
+.lastposts #counter {
+ background: #00a;
+ color: #fff;
+}
+a,
+a .name,
+.lastposts #n2 {
+ color: #ff0;
+ text-decoration: none;
+}
+a:focus,
+a:active,
+a:active .name,
+#n2:active {
+ background: #f00;
+ color: #fff;
+}
+.mainpage .threadlinks a:before,
+#threadlinks a:before,
+.lastposts a:before,
+.lastposts label:before {
+ content: "â–¶ ";
+}
+input[type="text"],
+textarea,
+select {
+ background: #00a;
+ border: 1px solid #fff;
+ color: #fff;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ background: #fff;
+ border: 0;
+ color: #000;
+ padding: 2px 9px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active,
+select:focus {
+ background: #000;
+ border-style: solid;
+ color: #fff;
+}
+::selection {
+ background: #fff;
+ color: #000;
+}
+::-moz-selection {
+ background: #fff;
+ color: #000;
+}
+hr {
+ display: none;
+}
+h2,
+.thread .threadnav {
+ margin: 0.75em;
+}
+h3 {
+ background: #fff;
+ color: #00a;
+ margin: 0;
+ padding: 2px 8px;
+}
+h3 span {
+ background: #00a;
+ color: #fff;
+ padding: 2px;
+}
+#main_nav,
+#thread_nav {
+ background: linear-gradient(270deg, #0000ff, #000000, #0000ff);
+ background-position: 0% 50%;
+ -webkit-animation: bios 6s linear infinite;
+ -moz-animation: bios 6s linear infinite;
+ animation: bios 6s linear infinite;
+ background-size: 500% 500%;
+}
+@-webkit-keyframes bios {
+ 0% {
+ background-position: 0% 0%;
+ }
+ 50% {
+ background-position: 250% 0%;
+ }
+ 100% {
+ background-position: 500% 0%;
+ }
+}
+@-moz-keyframes bios {
+ 0% {
+ background-position: 0% 0%;
+ }
+ 50% {
+ background-position: 250% 0%;
+ }
+ 100% {
+ background-position: 500% 0%;
+ }
+}
+@keyframes bios {
+ 0% {
+ background-position: 0% 0%;
+ }
+ 50% {
+ background-position: 250% 0%;
+ }
+ 100% {
+ background-position: 500% 0%;
+ }
+}
+#main_nav a,
+#thread_nav a,
+.threadpage .threadlinks a {
+ color: #fff;
+ text-decoration: underline;
+}
+#main_nav .cur_brd {
+ background: #fff;
+ color: #00a;
+ padding: 1px;
+ text-decoration: none;
+}
+#thread_nav {
+ margin: -8px -8px 8px;
+ padding: 6px 16px;
+}
+.innerbox {
+ border: 1px solid #fff;
+ margin: 3px;
+ padding: 0.75em;
+}
+.innerbox.links {
+ border-top: 0;
+ margin-top: -3px;
+}
+#cur_stl {
+ background: #ff0;
+ color: #00a;
+}
+.outerbox,
+.mainpage .thread,
+#threadlist,
+#content {
+ border: 1px solid #fff;
+}
+#threadlist a {
+ border-right: 1px solid #fff;
+ border-bottom: 1px solid #fff;
+}
+.thread .innerbox {
+ padding: 0;
+}
+.threadpage .thread {
+ border-color: #fff;
+ border-style: double;
+ border-width: 4px 4px 1px;
+}
+.reply,
+.deleted {
+ border-top: 1px solid #fff;
+ padding: 0.5em 0.75em 0;
+}
+.threadpage .reply,
+.threadpage .deleted {
+ padding: 0.5em 0.5em 0;
+}
+.name em {
+ background: #fff;
+ color: #00f;
+}
+.q,
+.deleted,
+.abbrev {
+ color: #5cf;
+}
+.deleted {
+ margin-bottom: 0.5em;
+}
+#size {
+ margin-left: 0.5em;
+}
+.yt {
+ border: 1px solid #ff0;
+}
+.yt:active {
+ background: #f00;
+ border: 1px solid #f00;
+ color: #fff;
+}
+.msg hr {
+ display: block;
+}
+#q-p {
+ background: #00a;
+ border: 1px solid #fff;
+}
+#q-p .reply {
+ border: 0;
+ padding: 0;
+}
+.lastposts {
+ border-color: #fff;
+ border-style: double;
+ border-width: 0 4px;
+ color: #00a;
+ padding: 0.5em;
+}
+.mainpage .threadlinks {
+ margin-top: 0.75em;
+}
+.threadpage .threadlinks {
+ margin-top: 0;
+}
+.threadpage .postform {
+ border-color: #fff;
+ border-style: double;
+ border-width: 1px 4px 4px;
+ padding: 0.5em;
+}
+.formpad {
+ padding-left: 0;
+}
+.mainpage .postform {
+ border-top: 1px solid #fff;
+ padding: 0.75em;
+}
+form .msg {
+ border: 3px double #fff;
+}
+#content.list {
+ border: 4px double #fff;
+}
+#content.list #header div {
+ border-bottom: 1px solid #fff;
+}
+#content.grid {
+ border: 1px solid #fff;
+ padding: 2px;
+}
+#content.grid .row {
+ border: 1px solid #fff;
+ margin: 2px;
+}
+@media (max-width: 720px) {
+ body.threadpage {
+ margin: 8px 0;
+ }
+ h2 {
+ margin-bottom: 0.5em;
+ }
+ #thread_nav {
+ margin: -8px 0px 8px;
+ }
+}
diff --git a/static/css/txt/blue moon.css b/static/css/txt/blue moon.css
index 8222872..98bb8d3 100644
--- a/static/css/txt/blue moon.css
+++ b/static/css/txt/blue moon.css
@@ -1,65 +1,271 @@
-body.threadpage{margin-top:0}
-body{background:#6B7B8D;color:#FFF}
-a,#n2:active,h3 span{color:#AFB9C5}
-a:active,form a:active,#n2:active{color:#EEE}
-#main_nav a,.reply a,form a,#q-p a,.row a{color:#49525D}
-#main_nav a:active,.reply a:active,#q-p a:active,a:active .name,.row a:active{color:#8C9FB4}
-h2{color:#EEE;line-height:1;margin:0 0 10px}
-h2 a{color:#EEE}
-h3{color:#EEE;margin:0.7em 0}
-h4{background:#DDD;padding-bottom:.2em}
-hr{display:none}
-input[type=text],textarea,select{background:#EEE;border:1px inset #444}
-input[type=submit],input[type=button],button{background:#000;color:#FFF;border:1px outset #444}
-input[type=submit]:active,input[type=button]:active,button:active{color:#DDD}
-#main_nav{background:#FFF;color:#6B7B8D}
-.fix #main_nav{box-shadow:0 0 3px #000}
-#titlebox .innerbox:first-child{margin-bottom:5px}
-.outerbox{background:#49525D;padding:5px}
-.innerbox{margin:0;padding:10px}
-.links{padding-top:5px}
-#threadbox{margin-bottom:19px;margin-top:19px}
-#threadlist{background:#3e4247;border:1px inset #B6C2CF}
-#threadlist a{border-right:1px outset #B6C2CF;border-bottom:1px outset #B6C2CF}
-.mainpage .thread{background:#49525D}
-.threadpage .thread{background:#49525D;padding:1px 10px 0}
-#thread_nav{background:#49525D;margin-bottom:2px;padding:7px 10px}
-.postform,#createbox form,h5{background:#8C9FB4;color:#49525D;padding:10px}
-h5{margin:0;padding-bottom:0}
-.mainpage .postform{margin-top:10px}
-.reply{background:#FFF;border-top:.1em solid #DDD;border-right:10px solid #DDD;border-bottom:.1em solid #DDD;border-left:10px solid #DDD;color:#000;margin-bottom:0}
-.first{border-top:.2em solid #DDD}
-.name,a .name{color:#2B3037}
-.name em{color:#009}
-.del a{color:#000}
-.msg,a.thumb{background:#FFF;color:#000080;margin:10px}
-.msg hr{display:block}
-#size{color:#8C9FB4;margin:0;padding:.25em 0}
-.abbrev a{color:#000080}
-.abbrev,.q{color:#697685}
-.threadpage .postform{margin-top:2px;border:10px solid #49525D}
-.yt{background:#EEE;border:1px solid gray}
-.deleted{background:#DDD;color:#AFAFAF;margin-bottom:0;padding:3px 10px}
-#q-p{background:#FFF;color:#000;border:1px solid #49525D;padding:0}
-form .msg{border:1px inset #DDD;margin:0;padding:.5em 0.15em}
-.lastposts{background:#49525D;color:#AFB9C5;margin-top:2px;padding:.5em}
-.threadpage .threadlinks{margin:0}
-.warn,.stop{padding-left:10px;margin:2px 0}
-#footer a{color:#FFF}
-#content{background:#FFF;border:10px solid #49525D;color:#000080}
-#content.list #header div{background:#2c2c32;color:#EEE}
-#content.list .row:nth-child(odd),#content.grid .row:hover{background:#E7E7FF}
-#content.grid .row{border:1px solid #DDD}
-@media(max-width:720px){
- body.threadpage{margin:0 0 8px}
- .innerbox,.postform,#createbox form,h5{padding:4px;padding-left:4px}
- h2{margin-bottom:4px}
- h3{margin:.5em 0}
- h4{padding-bottom:0}
- .threadpage .thread{padding:1px 4px 4px}
- .mainpage .postform{margin-top:4px;padding-left:4px}
- div.reply{border-left-width:4px;border-right-width:4px;margin:0}
- .threadpage .postform{border-width:4px}
- div.msg,a.thumb{margin:4px}
- .thread form{margin-top:4px}
-} \ No newline at end of file
+body.threadpage {
+ margin-top: 0;
+}
+body {
+ background: #6b7b8d;
+ color: #fff;
+}
+a,
+#n2:active,
+h3 span {
+ color: #afb9c5;
+}
+a:active,
+form a:active,
+#n2:active {
+ color: #eee;
+}
+#main_nav a,
+.reply a,
+form a,
+#q-p a,
+.row a {
+ color: #49525d;
+}
+#main_nav a:active,
+.reply a:active,
+#q-p a:active,
+a:active .name,
+.row a:active {
+ color: #8c9fb4;
+}
+h2 {
+ color: #eee;
+ line-height: 1;
+ margin: 0 0 10px;
+}
+h2 a {
+ color: #eee;
+}
+h3 {
+ color: #eee;
+ margin: 0.7em 0;
+}
+h4 {
+ background: #ddd;
+ padding-bottom: 0.2em;
+}
+hr {
+ display: none;
+}
+input[type="text"],
+textarea,
+select {
+ background: #eee;
+ border: 1px inset #444;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ background: #000;
+ color: #fff;
+ border: 1px outset #444;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ color: #ddd;
+}
+#main_nav {
+ background: #fff;
+ color: #6b7b8d;
+}
+.fix #main_nav {
+ box-shadow: 0 0 3px #000;
+}
+#titlebox .innerbox:first-child {
+ margin-bottom: 5px;
+}
+.outerbox {
+ background: #49525d;
+ padding: 5px;
+}
+.innerbox {
+ margin: 0;
+ padding: 10px;
+}
+.links {
+ padding-top: 5px;
+}
+#threadbox {
+ margin-bottom: 19px;
+ margin-top: 19px;
+}
+#threadlist {
+ background: #3e4247;
+ border: 1px inset #b6c2cf;
+}
+#threadlist a {
+ border-right: 1px outset #b6c2cf;
+ border-bottom: 1px outset #b6c2cf;
+}
+.mainpage .thread {
+ background: #49525d;
+}
+.threadpage .thread {
+ background: #49525d;
+ padding: 1px 10px 0;
+}
+#thread_nav {
+ background: #49525d;
+ margin-bottom: 2px;
+ padding: 7px 10px;
+}
+.postform,
+#createbox form,
+h5 {
+ background: #8c9fb4;
+ color: #49525d;
+ padding: 10px;
+}
+h5 {
+ margin: 0;
+ padding-bottom: 0;
+}
+.mainpage .postform {
+ margin-top: 10px;
+}
+.reply {
+ background: #fff;
+ border-top: 0.1em solid #ddd;
+ border-right: 10px solid #ddd;
+ border-bottom: 0.1em solid #ddd;
+ border-left: 10px solid #ddd;
+ color: #000;
+ margin-bottom: 0;
+}
+.first {
+ border-top: 0.2em solid #ddd;
+}
+.name,
+a .name {
+ color: #2b3037;
+}
+.name em {
+ color: #009;
+}
+.del a {
+ color: #000;
+}
+.msg,
+a.thumb {
+ background: #fff;
+ color: #000080;
+ margin: 10px;
+}
+.msg hr {
+ display: block;
+}
+#size {
+ color: #8c9fb4;
+ margin: 0;
+ padding: 0.25em 0;
+}
+.abbrev a {
+ color: #000080;
+}
+.abbrev,
+.q {
+ color: #697685;
+}
+.threadpage .postform {
+ margin-top: 2px;
+ border: 10px solid #49525d;
+}
+.yt {
+ background: #eee;
+ border: 1px solid gray;
+}
+.deleted {
+ background: #ddd;
+ color: #afafaf;
+ margin-bottom: 0;
+ padding: 3px 10px;
+}
+#q-p {
+ background: #fff;
+ color: #000;
+ border: 1px solid #49525d;
+ padding: 0;
+}
+form .msg {
+ border: 1px inset #ddd;
+ margin: 0;
+ padding: 0.5em 0.15em;
+}
+.lastposts {
+ background: #49525d;
+ color: #afb9c5;
+ margin-top: 2px;
+ padding: 0.5em;
+}
+.threadpage .threadlinks {
+ margin: 0;
+}
+.warn,
+.stop {
+ padding-left: 10px;
+ margin: 2px 0;
+}
+#footer a {
+ color: #fff;
+}
+#content {
+ background: #fff;
+ border: 10px solid #49525d;
+ color: #000080;
+}
+#content.list #header div {
+ background: #2c2c32;
+ color: #eee;
+}
+#content.list .row:nth-child(odd),
+#content.grid .row:hover {
+ background: #e7e7ff;
+}
+#content.grid .row {
+ border: 1px solid #ddd;
+}
+@media (max-width: 720px) {
+ body.threadpage {
+ margin: 0 0 8px;
+ }
+ .innerbox,
+ .postform,
+ #createbox form,
+ h5 {
+ padding: 4px;
+ padding-left: 4px;
+ }
+ h2 {
+ margin-bottom: 4px;
+ }
+ h3 {
+ margin: 0.5em 0;
+ }
+ h4 {
+ padding-bottom: 0;
+ }
+ .threadpage .thread {
+ padding: 1px 4px 4px;
+ }
+ .mainpage .postform {
+ margin-top: 4px;
+ padding-left: 4px;
+ }
+ div.reply {
+ border-left-width: 4px;
+ border-right-width: 4px;
+ margin: 0;
+ }
+ .threadpage .postform {
+ border-width: 4px;
+ }
+ div.msg,
+ a.thumb {
+ margin: 4px;
+ }
+ .thread form {
+ margin-top: 4px;
+ }
+}
diff --git a/static/css/txt/ciber.css b/static/css/txt/ciber.css
index 629275f..a1e4d56 100644
--- a/static/css/txt/ciber.css
+++ b/static/css/txt/ciber.css
@@ -1,55 +1,256 @@
-body{background:#000 url('../img/cyb.png');text-shadow:1px 1px #000}
-body,h3{color:#BA55D3}
-a,h2 a,#n2{color:#DB43B5}
-a:active,#n2:active{color:#F0F}
-h4{background:#2A4A75;padding:0 7px;text-shadow:0 2px #000}
-.threadpage h4{padding:0 3px}
-h4,h4 a,.name,.name a{color:#9370DB}
-h1,h2 a,h3,h5{text-shadow:1px 1px #000,0 0 10px}
-h1:after,h2 a:after,h3:after{content:"_";animation:blink 1s infinite}@keyframes blink{from,to{opacity:0}50%{opacity:1}}
-h2,.thread .threadnav{margin:7px}
-h3{margin:8px 0}
-h3 span,#size,.abbrev{color:#639}
-hr{background:#2A4A75;border:0;height:1px;box-shadow:0 0 10px #2A4A75}
-.spoil{background:#2A4A75;color:#2A4A75;text-shadow:none}.spoil:hover{color:#000}
-input:active,input:focus,textarea:focus,button:active,button:active,select:focus{box-shadow:0 0 15px}
-.outerbox input,.outerbox textarea,select{background:#002f00;border:1px solid #68F855;color:#68F855}
-.outerbox input[type=submit],.outerbox input[type=button],.outerbox button{background:#0F0;border:3px outset #0F0;color:#000}
-.outerbox input[type=submit]:active,.outerbox input[type=button]:active,.outerbox button:active{background:#0C0;border-style:inset}
-.threadpage input,.threadpage textarea,.thread input,.thread textarea{background:#000;border:1px solid #2A4A75;color:#2A4A75;text-shadow:1px 1px #000}
-.threadpage input[type=submit]:active,.threadpage input[type=button]:active,.thread input[type=submit]:active,.thread input[type=button]:active{border-color:#d21cea;color:#d21cea}
-#main_nav{background:#000;box-shadow:0 0 10px #68F855}
-.outerbox{background:#111;color:#5FE44E;border:3px outset #0F0;background:#0C0}
-.outerbox a,#main_nav a a,#footer a{color:#68F855}
-.outerbox a:active,#main_nav a:active a:active,#footer a:active{color:#ef6177}
-#threadlist{background:rgba(26,26,26,.5);border:3px solid #0C0}
-#threadlist a{border-right:1px solid #0C0;border-bottom:1px solid #0C0}
-.innerbox{border:3px inset #0F0}
-.outerbox .innerbox{background:#000 url('../img/green.gif')}
-.mainpage .thread,.thread .innerbox{border:1px solid #2A4A75}
-.mainpage .thread{background:#2A4A75;box-shadow:0 0 5px 5px #2A4A75}
-.thread .innerbox,.threadpage,#q-p,form .msg{background:#000 url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC')}
-.thread .innerbox{padding:0}
-.name em{color:#4B0082}
-.q{color:#9932CC}
-.deleted{background:none;border-color:#2A4A75;border-style:solid;border-width:1px 0;color:inherit}
-.yt{background:#000;border:1px solid #2A4A75}
-.mainpage .postform{border-top:1px solid #2A4A75;padding:1em 0 1em 40px}
-.formpad{padding:0}
-form .msg{border:1px dotted #2A4A75;color:#2A4A75}
-#q-p{border:1px solid #000;padding:0}
-#q-p .reply{border:3px double #2A4A75;margin:0;padding-bottom:1em}
-#q-p .reply h4{padding:1px}
-#footer{color:#0C0;text-shadow:0 0 5px #0F0}
-#footer a{color:#989898}
-#content{background:#000;border:3px double #d500fb;color:#39c8df}#content a{color:#d500fb}
-#content.list #header{text-shadow:0 0 5px}
-#content.list .row:nth-child(odd){background:#200020}
-#content.grid{border:2px solid #141937}
-#content.grid .row{border:2px solid #141937}
-#content.grid .row:hover{background:#27151D;border-color:#9B1937}
-#content .row:hover a{text-shadow:0 0 5px}
-@media(max-width:720px){
- div.msg{margin:.5em .5em 0}
- .mainpage .postform{padding:.5em}
-} \ No newline at end of file
+body {
+ background: #000 url("../img/cyb.png");
+ text-shadow: 1px 1px #000;
+}
+body,
+h3 {
+ color: #ba55d3;
+}
+a,
+h2 a,
+#n2 {
+ color: #db43b5;
+}
+a:active,
+#n2:active {
+ color: #f0f;
+}
+h4 {
+ background: #2a4a75;
+ padding: 0 7px;
+ text-shadow: 0 2px #000;
+}
+.threadpage h4 {
+ padding: 0 3px;
+}
+h4,
+h4 a,
+.name,
+.name a {
+ color: #9370db;
+}
+h1,
+h2 a,
+h3,
+h5 {
+ text-shadow: 1px 1px #000, 0 0 10px;
+}
+h1:after,
+h2 a:after,
+h3:after {
+ content: "_";
+ animation: blink 1s infinite;
+}
+@keyframes blink {
+ from,
+ to {
+ opacity: 0;
+ }
+ 50% {
+ opacity: 1;
+ }
+}
+h2,
+.thread .threadnav {
+ margin: 7px;
+}
+h3 {
+ margin: 8px 0;
+}
+h3 span,
+#size,
+.abbrev {
+ color: #639;
+}
+hr {
+ background: #2a4a75;
+ border: 0;
+ height: 1px;
+ box-shadow: 0 0 10px #2a4a75;
+}
+.spoil {
+ background: #2a4a75;
+ color: #2a4a75;
+ text-shadow: none;
+}
+.spoil:hover {
+ color: #000;
+}
+input:active,
+input:focus,
+textarea:focus,
+button:active,
+button:active,
+select:focus {
+ box-shadow: 0 0 15px;
+}
+.outerbox input,
+.outerbox textarea,
+select {
+ background: #002f00;
+ border: 1px solid #68f855;
+ color: #68f855;
+}
+.outerbox input[type="submit"],
+.outerbox input[type="button"],
+.outerbox button {
+ background: #0f0;
+ border: 3px outset #0f0;
+ color: #000;
+}
+.outerbox input[type="submit"]:active,
+.outerbox input[type="button"]:active,
+.outerbox button:active {
+ background: #0c0;
+ border-style: inset;
+}
+.threadpage input,
+.threadpage textarea,
+.thread input,
+.thread textarea {
+ background: #000;
+ border: 1px solid #2a4a75;
+ color: #2a4a75;
+ text-shadow: 1px 1px #000;
+}
+.threadpage input[type="submit"]:active,
+.threadpage input[type="button"]:active,
+.thread input[type="submit"]:active,
+.thread input[type="button"]:active {
+ border-color: #d21cea;
+ color: #d21cea;
+}
+#main_nav {
+ background: #000;
+ box-shadow: 0 0 10px #68f855;
+}
+.outerbox {
+ background: #111;
+ color: #5fe44e;
+ border: 3px outset #0f0;
+ background: #0c0;
+}
+.outerbox a,
+#main_nav a a,
+#footer a {
+ color: #68f855;
+}
+.outerbox a:active,
+#main_nav a:active a:active,
+#footer a:active {
+ color: #ef6177;
+}
+#threadlist {
+ background: rgba(26, 26, 26, 0.5);
+ border: 3px solid #0c0;
+}
+#threadlist a {
+ border-right: 1px solid #0c0;
+ border-bottom: 1px solid #0c0;
+}
+.innerbox {
+ border: 3px inset #0f0;
+}
+.outerbox .innerbox {
+ background: #000 url("../img/green.gif");
+}
+.mainpage .thread,
+.thread .innerbox {
+ border: 1px solid #2a4a75;
+}
+.mainpage .thread {
+ background: #2a4a75;
+ box-shadow: 0 0 5px 5px #2a4a75;
+}
+.thread .innerbox,
+.threadpage,
+#q-p,
+form .msg {
+ background: #000
+ url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAIAAAAW4yFwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAWSURBVHjaYrDk0GLm/88FAAAA//8DAATaAYeGqOFRAAAAAElFTkSuQmCC");
+}
+.thread .innerbox {
+ padding: 0;
+}
+.name em {
+ color: #4b0082;
+}
+.q {
+ color: #9932cc;
+}
+.deleted {
+ background: none;
+ border-color: #2a4a75;
+ border-style: solid;
+ border-width: 1px 0;
+ color: inherit;
+}
+.yt {
+ background: #000;
+ border: 1px solid #2a4a75;
+}
+.mainpage .postform {
+ border-top: 1px solid #2a4a75;
+ padding: 1em 0 1em 40px;
+}
+.formpad {
+ padding: 0;
+}
+form .msg {
+ border: 1px dotted #2a4a75;
+ color: #2a4a75;
+}
+#q-p {
+ border: 1px solid #000;
+ padding: 0;
+}
+#q-p .reply {
+ border: 3px double #2a4a75;
+ margin: 0;
+ padding-bottom: 1em;
+}
+#q-p .reply h4 {
+ padding: 1px;
+}
+#footer {
+ color: #0c0;
+ text-shadow: 0 0 5px #0f0;
+}
+#footer a {
+ color: #989898;
+}
+#content {
+ background: #000;
+ border: 3px double #d500fb;
+ color: #39c8df;
+}
+#content a {
+ color: #d500fb;
+}
+#content.list #header {
+ text-shadow: 0 0 5px;
+}
+#content.list .row:nth-child(odd) {
+ background: #200020;
+}
+#content.grid {
+ border: 2px solid #141937;
+}
+#content.grid .row {
+ border: 2px solid #141937;
+}
+#content.grid .row:hover {
+ background: #27151d;
+ border-color: #9b1937;
+}
+#content .row:hover a {
+ text-shadow: 0 0 5px;
+}
+@media (max-width: 720px) {
+ div.msg {
+ margin: 0.5em 0.5em 0;
+ }
+ .mainpage .postform {
+ padding: 0.5em;
+ }
+}
diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css
index 74379b5..ecbc0e3 100644
--- a/static/css/txt/cuteanarchy.css
+++ b/static/css/txt/cuteanarchy.css
@@ -7,36 +7,37 @@
*/
body {
- background:#ffd9c6;
- color: #CED1CF
+ background: #ffd9c6;
+ color: #ced1cf;
}
body.mainpage {
- background:#ffd9c6 url('/static/css/img/shobon.png') no-repeat fixed right bottom;
+ background: #ffd9c6 url("/static/css/img/shobon.png") no-repeat fixed right
+ bottom;
}
body.threadpage {
- background: #ffe8dc;
- color: #5d475a;
+ background: #ffe8dc;
+ color: #5d475a;
}
h4 {
- color: #ad9ecc;
+ color: #ad9ecc;
}
.msg a {
- color: #827699;
+ color: #827699;
}
a:hover,
a:focus,
#n2:hover {
- text-decoration: none;
- color: #edc1e8;
+ text-decoration: none;
+ color: #edc1e8;
}
hr {
- border: 1px inset #f4daf1
+ border: 1px inset #f4daf1;
}
input[type="text"],
@@ -44,251 +45,254 @@ input[type="submit"],
input[type="button"],
select,
textarea {
- background: #e2ffeb;
- border: 1px solid #b4ccbc;
- color: #5d475a
+ background: #e2ffeb;
+ border: 1px solid #b4ccbc;
+ color: #5d475a;
}
input[type="submit"],
input[type="button"] {
- background: #e2ffeb;
- padding: 1px 9px;
- color: #5d475a;
+ background: #e2ffeb;
+ padding: 1px 9px;
+ color: #5d475a;
}
input[type="submit"]:active,
input[type="button"]:active {
- background: #f2d3df
+ background: #f2d3df;
}
.threadlinks {
- text-align: center;
- margin-top: 0.5em;
+ text-align: center;
+ margin-top: 0.5em;
}
h1 {
- color: #dc9656;
- font-size: 26px;
- margin-top: -5px;
- text-align: center
+ color: #dc9656;
+ font-size: 26px;
+ margin-top: -5px;
+ text-align: center;
}
h2 a {
- color: #e9b2e3;
+ color: #e9b2e3;
}
h2 small {
- color: #999;
- font-size: inherit;
- font-weight: normal
+ color: #999;
+ font-size: inherit;
+ font-weight: normal;
}
h3 {
- color: #ab4642
+ color: #ab4642;
}
h3 span {
- color: #999
+ color: #999;
}
-
#main_nav {
- background: #000;
- color: #7cafc2;
+ background: #000;
+ color: #7cafc2;
}
.banner {
- -webkit-filter: grayscale(60%);
- filter: grayscale(60%)
+ -webkit-filter: grayscale(60%);
+ filter: grayscale(60%);
}
.outerbox {
- margin: 1em auto;
- max-width: 1000px;
- background: #ffeae0;
- border: 1px solid #ffa67a;
- color: #777879
+ margin: 1em auto;
+ max-width: 1000px;
+ background: #ffeae0;
+ border: 1px solid #ffa67a;
+ color: #777879;
}
#titlebox .threadnav {
- margin: -6px
+ margin: -6px;
}
#threadlist {
- background: #ffd9c6;
- border: 1px solid #ffb793
+ background: #ffd9c6;
+ border: 1px solid #ffb793;
}
#threadlist a {
- border-right:1px solid #ffb793;
- border-bottom:1px solid #ffb793;
- color: #d1a0cc;
+ border-right: 1px solid #ffb793;
+ border-bottom: 1px solid #ffb793;
+ color: #d1a0cc;
}
.mainpage .thread,
#content {
- margin: 0 auto 2em;
- background: #ffebe2;
- border: 5px double #FFF;
- color: #5d475a;
- max-width: 1000px;
- box-shadow: #000 5px;
- -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
- -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
- box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
+ margin: 0 auto 2em;
+ background: #ffebe2;
+ border: 5px double #fff;
+ color: #5d475a;
+ max-width: 1000px;
+ box-shadow: #000 5px;
+ -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
+ -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
+ box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1);
}
.reply {
- margin-bottom: 24px;
+ margin-bottom: 24px;
}
.threadpage .thread {
- color: #5d475a
+ color: #5d475a;
}
a,
a .name,
#n2 {
- color: #e39edc;
- text-decoration: none
+ color: #e39edc;
+ text-decoration: none;
}
.name {
- color: #7ca380;
- text-shadow: 2px 0 11px #ffd7c6;
- background-image: url('/static/css/img/bg1.gif');
+ color: #7ca380;
+ text-shadow: 2px 0 11px #ffd7c6;
+ background-image: url("/static/css/img/bg1.gif");
}
.name,
.abbrev {
- color: #e9b2c8
+ color: #e9b2c8;
}
.name em {
- color: #88f
+ color: #88f;
}
.del a {
- color: #ab4642
+ color: #ab4642;
}
h4 .date {
- font-size: small;
- font-family: 'Courier New', Courier, monospace;
- vertical-align: middle;
+ font-size: small;
+ font-family: "Courier New", Courier, monospace;
+ vertical-align: middle;
}
h4 .date,
.quoted {
- color: #4e4e4e;
+ color: #4e4e4e;
}
.msg {
- margin: 4px 40px 0
+ margin: 4px 40px 0;
}
a.thumb {
- margin-top: 4px
+ margin-top: 4px;
}
.q {
- color: #666
+ color: #666;
}
.yt {
- background: #ffe2e8;
- border: 1px solid gray;
- color: #998d87
+ background: #ffe2e8;
+ border: 1px solid gray;
+ color: #998d87;
}
.yt:hover {
- text-decoration: none
+ text-decoration: none;
}
.deleted {
- color: #999;
- margin-bottom: 12px
+ color: #999;
+ margin-bottom: 12px;
}
#q-p {
- /*border: 1px solid #999*/
- background: #ffd9c6;
- border: 1px solid #efc9d8;
- border-radius: 3px;
- color: #66564f;
+ /*border: 1px solid #999*/
+ background: #ffd9c6;
+ border: 1px solid #efc9d8;
+ border-radius: 3px;
+ color: #66564f;
}
#q-p .reply {
- margin: 0;
- padding-bottom:1em
+ margin: 0;
+ padding-bottom: 1em;
}
.lastposts #n2 {
- text-decoration: none
+ text-decoration: none;
}
#size {
- color: #e9b2c8
+ color: #e9b2c8;
}
.end {
- font-size: small;
- font-family: monospace;
+ font-size: small;
+ font-family: monospace;
}
form .msg {
- background: #383838;
- border: 1px dotted #000
+ background: #383838;
+ border: 1px dotted #000;
}
.postform {
- margin: 0 auto;
- margin-left: 3em;
+ margin: 0 auto;
+ margin-left: 3em;
}
.mainpage .postform,
.formpad {
- padding-left: 0px;
+ padding-left: 0px;
}
.formpad {
- margin: 0 auto;
- padding-left: 0;
- margin-top: 0.25em;
+ margin: 0 auto;
+ padding-left: 0;
+ margin-top: 0.25em;
}
#footer {
- color: #FFF6C6
+ color: #fff6c6;
}
#footer::after {
- content: "ヽ(*・ω・)ノ";
+ content: "ヽ(*・ω・)ノ";
}
.threads h1 {
- text-align: left
+ text-align: left;
}
#content.list #header div {
- background: #111213
+ background: #111213;
}
#content.list .row:nth-child(odd),
#content.grid .row:hover {
- background: #191B1D
+ background: #191b1d;
}
#content.grid {
- border: 1px solid #4B4E55;
- padding: 1px
+ border: 1px solid #4b4e55;
+ padding: 1px;
}
#content.grid .row {
- border: 1px solid #4B4E55;
- margin: 1px
+ border: 1px solid #4b4e55;
+ margin: 1px;
}
-@media(max-width:720px) {
- h1 {font-size:18px}
- .postform {margin-left:0}
-} \ No newline at end of file
+@media (max-width: 720px) {
+ h1 {
+ font-size: 18px;
+ }
+ .postform {
+ margin-left: 0;
+ }
+}
diff --git a/static/css/txt/futanari.css b/static/css/txt/futanari.css
index 42c25af..3f76d50 100644
--- a/static/css/txt/futanari.css
+++ b/static/css/txt/futanari.css
@@ -1,52 +1,195 @@
-body{background:#13334c;color:#edf9fc}
-body.threadpage,body.threads{margin-top:0}
-a,a .name,#n2{color:#efd279}
-a:active,a:active .name,#n2:active{color:#d00}
-h1{background:#5b8bb4;margin:-10px -10px 10px;padding:10px}
-h2 span{color:#aaa;margin-right:2px}
-h2 a,h2 a:active{color:#de9d7f;text-decoration:none}
-h3{color:#de9d7f;margin:0.7em 0}
-h3 span{color:#909090}
-hr{display:none}
-input,input[type=submit],input[type=button],input[type="text"],textarea,button,select{border:1px solid #3b6b94}
-input[type=submit],input[type=button],button{background:#aaf;color:#2c5700}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#88c}
-#main_nav{background:#1d7548}
-.fix #main_nav{box-shadow:0 0 3px #000}
-#titlebox{margin-bottom:0}
-.outerbox{background:#3b6b94}
-.innerbox{margin:0;padding:10px}
-.thread .innerbox{padding:0}
-.links{background:#5b8bb4}
-#threadlist{background:#154a72;border:1px inset #1b3345}
-#threadlist a{border-right:1px outset #1b3345;border-bottom:1px outset #1b3345}
-#thread_nav{background:#1d7548;padding:6px}
-.name{color:#afd775}
-.name em{color:#009}
-.del a{color:#fff}
-.msg{margin:4px 40px 0}
-.reply{margin-bottom:24px}
-.q{color:#aac}
-.yt{background:#2f587a;border:1px solid #1b2933}
-.msg hr{display:block}
-.deleted{color:#afafaf;margin-bottom:24px}
-#size{color:#de9d7f}
-.abbrev{color:#bbb}
-.postform,#createbox,.threads .outerbox,#content{border-right:2px solid #5b8bb4;border-bottom:2px solid #5b8bb4;background:#3b6b94}
-.postform{padding:10px}
-.threadpage .threadlinks{margin:0 0 3px}
-form .msg{border:1px dashed #000;background:#1b3345}
-#q-p{background:#1b3345;border:1px solid #3b6b94}
-#q-p .reply{margin-bottom:1em}
-.lastposts{background:#5b8bb4;padding:8px}
-#content{padding:0 10px 10px}
-#content.list #header div{background:#3b6b94}
-#content.list .row:nth-child(odd){background:#1b3345}
-#content.list .row:nth-child(even){background:#294b68}
-#content.grid{border:0;padding:0}
-#content.grid .row{border-width:0 2px 2px 0;border-style:solid;border-color:#5b8bb4}
-#content.grid .row:hover{background:#154a72}
-@media(max-width:720px){
- .thread .innerbox{padding:8px}
- .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px}
-} \ No newline at end of file
+body {
+ background: #13334c;
+ color: #edf9fc;
+}
+body.threadpage,
+body.threads {
+ margin-top: 0;
+}
+a,
+a .name,
+#n2 {
+ color: #efd279;
+}
+a:active,
+a:active .name,
+#n2:active {
+ color: #d00;
+}
+h1 {
+ background: #5b8bb4;
+ margin: -10px -10px 10px;
+ padding: 10px;
+}
+h2 span {
+ color: #aaa;
+ margin-right: 2px;
+}
+h2 a,
+h2 a:active {
+ color: #de9d7f;
+ text-decoration: none;
+}
+h3 {
+ color: #de9d7f;
+ margin: 0.7em 0;
+}
+h3 span {
+ color: #909090;
+}
+hr {
+ display: none;
+}
+input,
+input[type="submit"],
+input[type="button"],
+input[type="text"],
+textarea,
+button,
+select {
+ border: 1px solid #3b6b94;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ background: #aaf;
+ color: #2c5700;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ background: #88c;
+}
+#main_nav {
+ background: #1d7548;
+}
+.fix #main_nav {
+ box-shadow: 0 0 3px #000;
+}
+#titlebox {
+ margin-bottom: 0;
+}
+.outerbox {
+ background: #3b6b94;
+}
+.innerbox {
+ margin: 0;
+ padding: 10px;
+}
+.thread .innerbox {
+ padding: 0;
+}
+.links {
+ background: #5b8bb4;
+}
+#threadlist {
+ background: #154a72;
+ border: 1px inset #1b3345;
+}
+#threadlist a {
+ border-right: 1px outset #1b3345;
+ border-bottom: 1px outset #1b3345;
+}
+#thread_nav {
+ background: #1d7548;
+ padding: 6px;
+}
+.name {
+ color: #afd775;
+}
+.name em {
+ color: #009;
+}
+.del a {
+ color: #fff;
+}
+.msg {
+ margin: 4px 40px 0;
+}
+.reply {
+ margin-bottom: 24px;
+}
+.q {
+ color: #aac;
+}
+.yt {
+ background: #2f587a;
+ border: 1px solid #1b2933;
+}
+.msg hr {
+ display: block;
+}
+.deleted {
+ color: #afafaf;
+ margin-bottom: 24px;
+}
+#size {
+ color: #de9d7f;
+}
+.abbrev {
+ color: #bbb;
+}
+.postform,
+#createbox,
+.threads .outerbox,
+#content {
+ border-right: 2px solid #5b8bb4;
+ border-bottom: 2px solid #5b8bb4;
+ background: #3b6b94;
+}
+.postform {
+ padding: 10px;
+}
+.threadpage .threadlinks {
+ margin: 0 0 3px;
+}
+form .msg {
+ border: 1px dashed #000;
+ background: #1b3345;
+}
+#q-p {
+ background: #1b3345;
+ border: 1px solid #3b6b94;
+}
+#q-p .reply {
+ margin-bottom: 1em;
+}
+.lastposts {
+ background: #5b8bb4;
+ padding: 8px;
+}
+#content {
+ padding: 0 10px 10px;
+}
+#content.list #header div {
+ background: #3b6b94;
+}
+#content.list .row:nth-child(odd) {
+ background: #1b3345;
+}
+#content.list .row:nth-child(even) {
+ background: #294b68;
+}
+#content.grid {
+ border: 0;
+ padding: 0;
+}
+#content.grid .row {
+ border-width: 0 2px 2px 0;
+ border-style: solid;
+ border-color: #5b8bb4;
+}
+#content.grid .row:hover {
+ background: #154a72;
+}
+@media (max-width: 720px) {
+ .thread .innerbox {
+ padding: 8px;
+ }
+ .innerbox,
+ .postform,
+ .mainpage .postform {
+ padding: 8px;
+ padding-left: 8px;
+ }
+}
diff --git a/static/css/txt/gamer.css b/static/css/txt/gamer.css
index 2e7feab..706abc7 100644
--- a/static/css/txt/gamer.css
+++ b/static/css/txt/gamer.css
@@ -1,51 +1,221 @@
-body{color:#FFF}
-body{background:#000 url('../img/g_bg.png') fixed}
-a,.name,a .name{color:#AFA}
-a:active,a:active .name{color:#FFF}
-h1,h2,h3,h5,#content.list #header div{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC');color:#FFF;text-shadow:1px 1px #002}
-h1,h2,h3,h5{font-size:18px;margin:-7px -7px 8px;padding:8px}
-h2 a{color:#FFF;font-size:18px}
-h3 span{font-weight:bold;margin-left:4px}
-hr{display:none}
-#main_nav{background:url('../img/g_b2.gif') bottom repeat-x}
-#main_nav a a{color:#FFF;text-decoration:none}#main_nav a:active a:active{color:#E0E0FF}
-#thread_nav{margin:6px 0}
-.cur_brd,.fix #main_nav a a{background:url('../img/g_b3.gif') bottom repeat-x;margin-bottom:-4px;padding-bottom:4px}
-#thread_nav a,.lastposts a,#n2{color:#66B}#thread_nav a:active,.lastposts a:active,#n2:active{color:#AFA}
-.links,#threadlinks,.threadlinks{background:url('../img/g_bg3.png') top center;color:#FF0}
-h4 a,.threadnav a,.links a,#footer a{text-decoration:none}
-#threadlinks a,.threadlinks a{color:#FFF}#threadlinks a:active,.threadlinks a:active{color:#404040}
-#threadlinks{margin:-7px -7px 7px;padding:7px}
-.mainpage .threadlinks{margin:1em -7px -7px;padding:.5em 7px}
-.threadpage .threadlinks{margin:-7px -7px .5em;padding:.5em}
-#threadlist{border-top:1px solid #111;border-left:1px solid #111}
-#threadlist a{border-right:1px solid #111;border-bottom:1px solid #111}
-.innerbox{margin:0}
-.outerbox,.thread,.threadpage .postform,#content{background:#050505 url('../img/g_p.gif');border:6px solid transparent;-moz-border-image:url('../img/g_b.gif') 6 6 round round;-webkit-border-image:url('../img/g_b.gif') 6 6 round round;-o-border-image:url('../img/g_b.gif') 6 6 round round;border-image:url('../img/g_b.gif') 6 6 round round}
-.threadpage .thread,.threadpage .postform{margin-bottom:.5em;padding:7px}
-.reply{border-top:1px solid #111;padding-top:.5em}
-.name em{color:#FF0}
-h4 .date,.del a,.abbrev{color:#AAA}
-.q{color:#666}
-.yt{background:#000;border:1px solid #111}
-.deleted{color:#AFAFAF;margin-bottom:24px}
-.msg hr{display:block}
-.mainpage .postform{border-top:1px solid #111;padding:1em 0 0}
-.formpad{padding-left:0}
-form .msg{border:1px dotted #111}
-#q-p{background:#EFEFEF;border:1px solid #999}
-#q-p .reply{margin-bottom:8px}
-#size{color:#FF0;margin:0}
-.lastposts{color:#66B;padding-bottom:.5em}
-.del a,#footer a:active{text-decoration:underline}
-#content .thread{border:0}
-#content a:hover{color:#FFF}
-#content.list .pos,#content.list .com{color:#AAA}
-#content.list .row div,#content.grid .row{border-width:0 1px 1px 0;border-style:solid;border-color:#111}
-#content.grid .row{border:1px solid #111;margin:1px}
-@media(max-width:720px){
- body.threadpage{margin:2px}
- #threadlinks,.threadlinks{padding:4px}
- .mainpage .threadlinks{margin-top:.5em}
- .mainpage .postform{padding:.5em 0 0}
-} \ No newline at end of file
+body {
+ color: #fff;
+}
+body {
+ background: #000 url("../img/g_bg.png") fixed;
+}
+a,
+.name,
+a .name {
+ color: #afa;
+}
+a:active,
+a:active .name {
+ color: #fff;
+}
+h1,
+h2,
+h3,
+h5,
+#content.list #header div {
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAdTAAAOpgAAA6lwAAF2+XqZnUAAAAcklEQVR4nGIU5PBmwAG4GDlwSQEEEBMuCfwAIIDI1AYQQGRqAwggMrUBBBCZ2gACiExtAAFEpjaAACJTG0AAseCJ02//f+CSAgggMm0DCCAytQEEEJnaAAKITG0AAUSmNoAAIlMbQACRqQ0ggMjUBhBgAI7NA51r0FSIAAAAAElFTkSuQmCC");
+ color: #fff;
+ text-shadow: 1px 1px #002;
+}
+h1,
+h2,
+h3,
+h5 {
+ font-size: 18px;
+ margin: -7px -7px 8px;
+ padding: 8px;
+}
+h2 a {
+ color: #fff;
+ font-size: 18px;
+}
+h3 span {
+ font-weight: bold;
+ margin-left: 4px;
+}
+hr {
+ display: none;
+}
+#main_nav {
+ background: url("../img/g_b2.gif") bottom repeat-x;
+}
+#main_nav a a {
+ color: #fff;
+ text-decoration: none;
+}
+#main_nav a:active a:active {
+ color: #e0e0ff;
+}
+#thread_nav {
+ margin: 6px 0;
+}
+.cur_brd,
+.fix #main_nav a a {
+ background: url("../img/g_b3.gif") bottom repeat-x;
+ margin-bottom: -4px;
+ padding-bottom: 4px;
+}
+#thread_nav a,
+.lastposts a,
+#n2 {
+ color: #66b;
+}
+#thread_nav a:active,
+.lastposts a:active,
+#n2:active {
+ color: #afa;
+}
+.links,
+#threadlinks,
+.threadlinks {
+ background: url("../img/g_bg3.png") top center;
+ color: #ff0;
+}
+h4 a,
+.threadnav a,
+.links a,
+#footer a {
+ text-decoration: none;
+}
+#threadlinks a,
+.threadlinks a {
+ color: #fff;
+}
+#threadlinks a:active,
+.threadlinks a:active {
+ color: #404040;
+}
+#threadlinks {
+ margin: -7px -7px 7px;
+ padding: 7px;
+}
+.mainpage .threadlinks {
+ margin: 1em -7px -7px;
+ padding: 0.5em 7px;
+}
+.threadpage .threadlinks {
+ margin: -7px -7px 0.5em;
+ padding: 0.5em;
+}
+#threadlist {
+ border-top: 1px solid #111;
+ border-left: 1px solid #111;
+}
+#threadlist a {
+ border-right: 1px solid #111;
+ border-bottom: 1px solid #111;
+}
+.innerbox {
+ margin: 0;
+}
+.outerbox,
+.thread,
+.threadpage .postform,
+#content {
+ background: #050505 url("../img/g_p.gif");
+ border: 6px solid transparent;
+ -moz-border-image: url("../img/g_b.gif") 6 6 round round;
+ -webkit-border-image: url("../img/g_b.gif") 6 6 round round;
+ -o-border-image: url("../img/g_b.gif") 6 6 round round;
+ border-image: url("../img/g_b.gif") 6 6 round round;
+}
+.threadpage .thread,
+.threadpage .postform {
+ margin-bottom: 0.5em;
+ padding: 7px;
+}
+.reply {
+ border-top: 1px solid #111;
+ padding-top: 0.5em;
+}
+.name em {
+ color: #ff0;
+}
+h4 .date,
+.del a,
+.abbrev {
+ color: #aaa;
+}
+.q {
+ color: #666;
+}
+.yt {
+ background: #000;
+ border: 1px solid #111;
+}
+.deleted {
+ color: #afafaf;
+ margin-bottom: 24px;
+}
+.msg hr {
+ display: block;
+}
+.mainpage .postform {
+ border-top: 1px solid #111;
+ padding: 1em 0 0;
+}
+.formpad {
+ padding-left: 0;
+}
+form .msg {
+ border: 1px dotted #111;
+}
+#q-p {
+ background: #efefef;
+ border: 1px solid #999;
+}
+#q-p .reply {
+ margin-bottom: 8px;
+}
+#size {
+ color: #ff0;
+ margin: 0;
+}
+.lastposts {
+ color: #66b;
+ padding-bottom: 0.5em;
+}
+.del a,
+#footer a:active {
+ text-decoration: underline;
+}
+#content .thread {
+ border: 0;
+}
+#content a:hover {
+ color: #fff;
+}
+#content.list .pos,
+#content.list .com {
+ color: #aaa;
+}
+#content.list .row div,
+#content.grid .row {
+ border-width: 0 1px 1px 0;
+ border-style: solid;
+ border-color: #111;
+}
+#content.grid .row {
+ border: 1px solid #111;
+ margin: 1px;
+}
+@media (max-width: 720px) {
+ body.threadpage {
+ margin: 2px;
+ }
+ #threadlinks,
+ .threadlinks {
+ padding: 4px;
+ }
+ .mainpage .threadlinks {
+ margin-top: 0.5em;
+ }
+ .mainpage .postform {
+ padding: 0.5em 0 0;
+ }
+}
diff --git a/static/css/txt/headline.css b/static/css/txt/headline.css
index 3c5183c..de4d9cf 100644
--- a/static/css/txt/headline.css
+++ b/static/css/txt/headline.css
@@ -1,43 +1,180 @@
-body{background:#FFF}
-body,textarea{color:#000}
-a,#n2,h3 span{color:#D60}
-a:active .name,h2 a:active,h4 a:active,a:active,#n2:active{color:#FA4}
-h2 a,.del a,.name,h4 a,h4{color:#000}
-h1{border-bottom:2px solid #F70;padding:0 10px;margin:0 -10px 10px}
-h2,h3{background:#EEE;border-bottom:2px solid #F70;display:inline-block;padding:2px 3px}
-h3{margin:0.7em 0}
-h4{background:#EEE;border-bottom:1px solid #BBB;padding:0 3px}
-hr{display:none}
-input,input[type="submit"],input[type="button"],input[type="text"],textarea,button,select{border:1px solid #000}
-input[type="submit"],input[type="button"],button{background:#DDD}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#CCC;border-style:solid}
-.fix #main_nav{background:#FFF;border-bottom:2px solid #BBB}
-.outerbox,#titlebox .innerbox:first-child,.postform,.lastposts,#content{background:#EEE;border-bottom:2px solid #BBB}
-.innerbox{margin:0;padding:10px}
-.thread .innerbox{padding:0}
-#threadlist{background:#fff;border:1px inset #BBB}
-#threadlist a{border-right:1px outset #BBB;border-bottom:1px outset #BBB}
-#thread_nav{border-bottom:2px solid #F70;padding:0 0 6px 6px}
-.mainpage .first div.msg::first-letter{font-size:1.5em;text-transform:uppercase}
-.name em{color:#009;font-style:normal}
-.q,.abbrev{color:#7f7f7f}
-.yt{background:#f2f2f2;border:1px solid #bbb}
-.msg hr{display:block;max-width:500px;margin-left:0}
-#size{color:#D60}
-.deleted{color:#AFAFAF}
-#q-p{background:#FFF;border:1px solid #BBB;border-bottom:2px solid #BBB}
-.lastposts{padding:8px}
-.threadpage .threadlinks{margin:0 0 3px}
-.postform{padding:10px}
-form .msg{border:1px dashed #000;background:#FFF;margin:0;padding:.5em 0.15em}
-#content{padding:0 10px 10px}
-#content.list #header div{background:#EEE}
-#content.list .row:nth-child(odd){background:#FFF}
-#content.list .row:nth-child(even){background:#DDD}
-#content.grid{border:1px solid #BBB;padding:0}
-#content.grid .row{border:1px solid #BBB}
-#content.grid .row:hover{background:#DDD}
-@media(max-width:720px){
- .thread .innerbox{padding:8px}
- .innerbox,.postform,.mainpage .postform{padding:8px;padding-left:8px}
-} \ No newline at end of file
+body {
+ background: #fff;
+}
+body,
+textarea {
+ color: #000;
+}
+a,
+#n2,
+h3 span {
+ color: #d60;
+}
+a:active .name,
+h2 a:active,
+h4 a:active,
+a:active,
+#n2:active {
+ color: #fa4;
+}
+h2 a,
+.del a,
+.name,
+h4 a,
+h4 {
+ color: #000;
+}
+h1 {
+ border-bottom: 2px solid #f70;
+ padding: 0 10px;
+ margin: 0 -10px 10px;
+}
+h2,
+h3 {
+ background: #eee;
+ border-bottom: 2px solid #f70;
+ display: inline-block;
+ padding: 2px 3px;
+}
+h3 {
+ margin: 0.7em 0;
+}
+h4 {
+ background: #eee;
+ border-bottom: 1px solid #bbb;
+ padding: 0 3px;
+}
+hr {
+ display: none;
+}
+input,
+input[type="submit"],
+input[type="button"],
+input[type="text"],
+textarea,
+button,
+select {
+ border: 1px solid #000;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ background: #ddd;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ background: #ccc;
+ border-style: solid;
+}
+.fix #main_nav {
+ background: #fff;
+ border-bottom: 2px solid #bbb;
+}
+.outerbox,
+#titlebox .innerbox:first-child,
+.postform,
+.lastposts,
+#content {
+ background: #eee;
+ border-bottom: 2px solid #bbb;
+}
+.innerbox {
+ margin: 0;
+ padding: 10px;
+}
+.thread .innerbox {
+ padding: 0;
+}
+#threadlist {
+ background: #fff;
+ border: 1px inset #bbb;
+}
+#threadlist a {
+ border-right: 1px outset #bbb;
+ border-bottom: 1px outset #bbb;
+}
+#thread_nav {
+ border-bottom: 2px solid #f70;
+ padding: 0 0 6px 6px;
+}
+.mainpage .first div.msg::first-letter {
+ font-size: 1.5em;
+ text-transform: uppercase;
+}
+.name em {
+ color: #009;
+ font-style: normal;
+}
+.q,
+.abbrev {
+ color: #7f7f7f;
+}
+.yt {
+ background: #f2f2f2;
+ border: 1px solid #bbb;
+}
+.msg hr {
+ display: block;
+ max-width: 500px;
+ margin-left: 0;
+}
+#size {
+ color: #d60;
+}
+.deleted {
+ color: #afafaf;
+}
+#q-p {
+ background: #fff;
+ border: 1px solid #bbb;
+ border-bottom: 2px solid #bbb;
+}
+.lastposts {
+ padding: 8px;
+}
+.threadpage .threadlinks {
+ margin: 0 0 3px;
+}
+.postform {
+ padding: 10px;
+}
+form .msg {
+ border: 1px dashed #000;
+ background: #fff;
+ margin: 0;
+ padding: 0.5em 0.15em;
+}
+#content {
+ padding: 0 10px 10px;
+}
+#content.list #header div {
+ background: #eee;
+}
+#content.list .row:nth-child(odd) {
+ background: #fff;
+}
+#content.list .row:nth-child(even) {
+ background: #ddd;
+}
+#content.grid {
+ border: 1px solid #bbb;
+ padding: 0;
+}
+#content.grid .row {
+ border: 1px solid #bbb;
+}
+#content.grid .row:hover {
+ background: #ddd;
+}
+@media (max-width: 720px) {
+ .thread .innerbox {
+ padding: 8px;
+ }
+ .innerbox,
+ .postform,
+ .mainpage .postform {
+ padding: 8px;
+ padding-left: 8px;
+ }
+}
diff --git a/static/css/txt/postal.css b/static/css/txt/postal.css
index 15996c7..2b88a0c 100644
--- a/static/css/txt/postal.css
+++ b/static/css/txt/postal.css
@@ -1,49 +1,229 @@
-body,textarea{color:#000}
-body{background:#E5B98D}
-a,a .name,#n2{color:#3683C2}
-a:active,a:active .name,#n2:active{color:#E9976B}
-input[type="text"],textarea,select{background:#FFF;border:1px solid #CCC}
-input[type="text"]:focus,textarea:focus,select:focus{border-color:#888}
-input[type="submit"],input[type="button"],button{background:#CBCBCB;border:0;padding:2px 10px}
-input[type="submit"]:active,input[type="button"]:active,button:active{background:#B1B1B1}
-body>hr{position:absolute;top:0;left:8px;right:8px;border:0;background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px);height:1em}
-hr,.threadpage .thread{background-image:repeating-linear-gradient(125deg,#EE4C47 0px,#EE4C47 30px,#FFF 30px,#FFF 50px,#5CACEB 50px,#5CACEB 80px,#FFF 80px,#FFF 100px)}
-h2 span{color:#686868}
-h2 a,h2 a:active,h3{color:#3E3020}
-h2 a:active{text-decoration:underline}
-h3{margin-top:0}
-h3 span{color:dimgrey}
-h4{background:#F0E7CE;color:#686868;padding-left:3px}
-#main_nav,.outerbox{background:#FFF}
-.fix #main_nav{box-shadow:0 0 3px #000}
-.outerbox{border:1px solid #FFF}
-#threadlist{background:#EFEFEF;border:1px inset #EFEFEF}
-#threadlist a{border-right:1px outset #EFEFEF;border-bottom:1px outset #EFEFEF}
-.thread .innerbox{background:#FFF;box-shadow:1px 1px 0 rgba(0,0,0,0.1),3px 3px 0 rgba(255,255,255,1),4px 4px 0 rgba(0,0,0,0.125),6px 6px 0 rgba(255,255,255,1),7px 7px 0 rgba(0,0,0,0.15),9px 9px 0 rgba(255,255,255,1),10px 10px 0 rgba(0,0,0,0.175),12px 12px 0 rgba(255,255,255,1),13px 13px 0 rgba(0,0,0,0.175);margin:8px 12px 8px 0;padding:8px}
-#thread_nav{background:#FFF;font-style:italic;padding:1.5em 8px .5em}
-.threadpage .thread{background-color:#FFF;background-position:bottom;background-repeat:repeat-x;background-size:100% 1em;overflow:hidden;padding:0 10px 1em}
-.innerbox.links{border-top:1px solid #E5B98D;margin:0 -1px}
-.name,.abbrev{color:#416D91}
-.name em{color:#009}
-.del a{color:#000}
-.q{color:#666;display:inline-block}
-.q:hover{background:#F0F0E0}
-.yt{background:#EEE;border:1px solid #CCC}
-.deleted{background:#F7F3E6;color:#AAA}
-#q-p{background:#FFF;border:1px solid #CCC}
-#createbox{background:#F0E7CE;border-color:#F0E7CE;color:#353535}
-.lastposts,.threadpage .postform{margin-top:.5em;padding:.5em}
-.lastposts,.threadpage .postform,.threads .outerbox,#content.list,#content.grid .row{background:#FFF;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3)}
-.threadpage .threadlinks{margin-top:0}
-form .msg{border:1px dotted #CCC;background:#FFF}
-#footer{color:#333}
-#content.list{padding:8px}
-#content.list #header div{background:#6AA9D7}
-#content.list .row:hover,#content.grid .row:hover{background:#B7D2E8}
-#content.list .row a:hover,#content.grid .row:hover a{color:#0801BF}
-#content.grid .row{margin:4px}
-@media(max-width:720px){
- body.threadpage{margin:0 0 8px}
- body>hr{top:-8px;left:0;right:0}
- #createbox .innerbox{padding:0}
-} \ No newline at end of file
+body,
+textarea {
+ color: #000;
+}
+body {
+ background: #e5b98d;
+}
+a,
+a .name,
+#n2 {
+ color: #3683c2;
+}
+a:active,
+a:active .name,
+#n2:active {
+ color: #e9976b;
+}
+input[type="text"],
+textarea,
+select {
+ background: #fff;
+ border: 1px solid #ccc;
+}
+input[type="text"]:focus,
+textarea:focus,
+select:focus {
+ border-color: #888;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ background: #cbcbcb;
+ border: 0;
+ padding: 2px 10px;
+}
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ background: #b1b1b1;
+}
+body > hr {
+ position: absolute;
+ top: 0;
+ left: 8px;
+ right: 8px;
+ border: 0;
+ background-image: repeating-linear-gradient(
+ 125deg,
+ #ee4c47 0px,
+ #ee4c47 30px,
+ #fff 30px,
+ #fff 50px,
+ #5caceb 50px,
+ #5caceb 80px,
+ #fff 80px,
+ #fff 100px
+ );
+ height: 1em;
+}
+hr,
+.threadpage .thread {
+ background-image: repeating-linear-gradient(
+ 125deg,
+ #ee4c47 0px,
+ #ee4c47 30px,
+ #fff 30px,
+ #fff 50px,
+ #5caceb 50px,
+ #5caceb 80px,
+ #fff 80px,
+ #fff 100px
+ );
+}
+h2 span {
+ color: #686868;
+}
+h2 a,
+h2 a:active,
+h3 {
+ color: #3e3020;
+}
+h2 a:active {
+ text-decoration: underline;
+}
+h3 {
+ margin-top: 0;
+}
+h3 span {
+ color: dimgrey;
+}
+h4 {
+ background: #f0e7ce;
+ color: #686868;
+ padding-left: 3px;
+}
+#main_nav,
+.outerbox {
+ background: #fff;
+}
+.fix #main_nav {
+ box-shadow: 0 0 3px #000;
+}
+.outerbox {
+ border: 1px solid #fff;
+}
+#threadlist {
+ background: #efefef;
+ border: 1px inset #efefef;
+}
+#threadlist a {
+ border-right: 1px outset #efefef;
+ border-bottom: 1px outset #efefef;
+}
+.thread .innerbox {
+ background: #fff;
+ box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1), 3px 3px 0 rgba(255, 255, 255, 1),
+ 4px 4px 0 rgba(0, 0, 0, 0.125), 6px 6px 0 rgba(255, 255, 255, 1),
+ 7px 7px 0 rgba(0, 0, 0, 0.15), 9px 9px 0 rgba(255, 255, 255, 1),
+ 10px 10px 0 rgba(0, 0, 0, 0.175), 12px 12px 0 rgba(255, 255, 255, 1),
+ 13px 13px 0 rgba(0, 0, 0, 0.175);
+ margin: 8px 12px 8px 0;
+ padding: 8px;
+}
+#thread_nav {
+ background: #fff;
+ font-style: italic;
+ padding: 1.5em 8px 0.5em;
+}
+.threadpage .thread {
+ background-color: #fff;
+ background-position: bottom;
+ background-repeat: repeat-x;
+ background-size: 100% 1em;
+ overflow: hidden;
+ padding: 0 10px 1em;
+}
+.innerbox.links {
+ border-top: 1px solid #e5b98d;
+ margin: 0 -1px;
+}
+.name,
+.abbrev {
+ color: #416d91;
+}
+.name em {
+ color: #009;
+}
+.del a {
+ color: #000;
+}
+.q {
+ color: #666;
+ display: inline-block;
+}
+.q:hover {
+ background: #f0f0e0;
+}
+.yt {
+ background: #eee;
+ border: 1px solid #ccc;
+}
+.deleted {
+ background: #f7f3e6;
+ color: #aaa;
+}
+#q-p {
+ background: #fff;
+ border: 1px solid #ccc;
+}
+#createbox {
+ background: #f0e7ce;
+ border-color: #f0e7ce;
+ color: #353535;
+}
+.lastposts,
+.threadpage .postform {
+ margin-top: 0.5em;
+ padding: 0.5em;
+}
+.lastposts,
+.threadpage .postform,
+.threads .outerbox,
+#content.list,
+#content.grid .row {
+ background: #fff;
+ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+}
+.threadpage .threadlinks {
+ margin-top: 0;
+}
+form .msg {
+ border: 1px dotted #ccc;
+ background: #fff;
+}
+#footer {
+ color: #333;
+}
+#content.list {
+ padding: 8px;
+}
+#content.list #header div {
+ background: #6aa9d7;
+}
+#content.list .row:hover,
+#content.grid .row:hover {
+ background: #b7d2e8;
+}
+#content.list .row a:hover,
+#content.grid .row:hover a {
+ color: #0801bf;
+}
+#content.grid .row {
+ margin: 4px;
+}
+@media (max-width: 720px) {
+ body.threadpage {
+ margin: 0 0 8px;
+ }
+ body > hr {
+ top: -8px;
+ left: 0;
+ right: 0;
+ }
+ #createbox .innerbox {
+ padding: 0;
+ }
+}
diff --git a/static/css/txt/sjis.css b/static/css/txt/sjis.css
index bd6e963..5dbcb4c 100644
--- a/static/css/txt/sjis.css
+++ b/static/css/txt/sjis.css
@@ -1 +1,7 @@
-body,textarea{font-family:Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97}textarea{font-size:16px} \ No newline at end of file
+body,
+textarea {
+ font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97;
+}
+textarea {
+ font-size: 16px;
+}
diff --git a/static/css/txt/ventanas.css b/static/css/txt/ventanas.css
index 7d80520..9a5df70 100644
--- a/static/css/txt/ventanas.css
+++ b/static/css/txt/ventanas.css
@@ -1,53 +1,255 @@
-body,textarea{color:#000}
-body.mainpage,body.threads{background:#008081}
-body.threadpage,.outerbox,.mainpage .thread,#q-p{background:#C0C0C0}
-::selection{background:blue;color:white}::-moz-selection{background:blue;color:white}
-a,a .name,#n2{color:#00F}
-a:active,a:active .name,#n2:active{color:#f00}
-input[type=submit],input[type=button],button{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:ridge;background:#C0C0C0;color:#000}
-h1,h2,#threadlinks:before,h5{background:#010081;color:#FFF;font-size:21px;font-weight:bold;margin:-11px -11px 11px;padding:2px}
-h2 a,h2 a:active{color:#FFF}
-h3 span{color:#555;text-decoration:underline}
-h4{padding-top:.5em}
-hr{border:0}
-hr,h4,.deleted{border-top:2px groove white}
-.mainpage .first h4{border:0;padding:0}
-#main_nav{background:#C0C0C0;border-bottom:2px ridge white;line-height:1;padding:2px 0}
-.threadnav{line-height:1;margin:-11px}
-#main_nav a,.threadnav a{background:#C0C0C0;border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:ridge;color:#000;display:inline-block;margin:0 -1px;padding:2px;text-decoration:none;outline-offset:-4px}
-.threadnav a{margin:2px;padding:0}
-#main_nav a:first-child a:first-child{font-weight:bold}
-#main_nav .cur_brd{background:#BBB url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAHUlEQVQImQESAO3/AMG/wv////7/AP///v++vr7/gXcOcY36q6gAAAAASUVORK5CYII=');font-weight:bold}
-#main_nav .cur_brd,#main_nav a:active,.threadnav a:active,input[type=submit]:active,input[type=button]:active,button:active{border-color:#000 #FFF #FFF #000;border-style:groove}
-.outerbox,.mainpage .thread,#q-p{border-width:2px;border-color:#FFF #000 #000 #FFF;border-style:groove}
-input[type=text],textarea,.innerbox,#content,#threadlist,select{border-width:2px;border-color:#000 #FFF #FFF #000;border-style:groove}
-select{background:#FFF}
-select:focus{background:#000080;color:#FFF;outline:1px dotted #ffff7f;outline-offset:-3px}
-#threadlinks:before{content:"";display:block;height:15px;margin-bottom:5px}
-.innerbox{padding:10px;margin:2px}
-.links{border:1px solid;border-color:#888 #dadada #dadada #888;padding:2px}
-#threadlist{background:#FFF}
-#threadlist a{border-right:1px solid #000;border-bottom:1px solid #000;color:#000}
-#threadlist a:active{background:#DDD}
-#thread_nav a{color:#000;display:inline-block;margin:-3px -2px;padding:3px}#thread_nav a:hover{background:#DDD}
-.{margin-bottom:.5em}
-.name,.abbrev{color:#444}
-.name em{color:#009}
-.del a{color:#000}
-.q{color:#666}
-.yt{background:#FFF;border:1px inset #aaa;color:#000}
-.deleted{color:gray;margin-bottom:.5em;padding-top:.5em}
-#q-p{box-shadow:5px 5px #000;padding:0}
-#q-p .reply{padding:.5em;margin-bottom:.5em}
-#q-p .reply:first-child h4{border:0;padding:0}
-.postform,.formpad{padding:0}
-form .msg{background:#FFFFE0;border:1px solid #000}
-#footer{color:#FFF}
-#listmenu h1{background:none;color:#000;margin:0;padding:0}
-#content{background:#FFF}
-#content.list #header div{background:#CCC}
-#content.list .row div,#content.grid .row{border-width:0 1px 1px 0;border-style:solid;border-color:#000}
-#content .row:hover{background:#EEE}
-@media(max-width:720px){
- #createbox form{margin:-10px}
-} \ No newline at end of file
+body,
+textarea {
+ color: #000;
+}
+body.mainpage,
+body.threads {
+ background: #008081;
+}
+body.threadpage,
+.outerbox,
+.mainpage .thread,
+#q-p {
+ background: #c0c0c0;
+}
+::selection {
+ background: blue;
+ color: white;
+}
+::-moz-selection {
+ background: blue;
+ color: white;
+}
+a,
+a .name,
+#n2 {
+ color: #00f;
+}
+a:active,
+a:active .name,
+#n2:active {
+ color: #f00;
+}
+input[type="submit"],
+input[type="button"],
+button {
+ border-width: 2px;
+ border-color: #fff #000 #000 #fff;
+ border-style: ridge;
+ background: #c0c0c0;
+ color: #000;
+}
+h1,
+h2,
+#threadlinks:before,
+h5 {
+ background: #010081;
+ color: #fff;
+ font-size: 21px;
+ font-weight: bold;
+ margin: -11px -11px 11px;
+ padding: 2px;
+}
+h2 a,
+h2 a:active {
+ color: #fff;
+}
+h3 span {
+ color: #555;
+ text-decoration: underline;
+}
+h4 {
+ padding-top: 0.5em;
+}
+hr {
+ border: 0;
+}
+hr,
+h4,
+.deleted {
+ border-top: 2px groove white;
+}
+.mainpage .first h4 {
+ border: 0;
+ padding: 0;
+}
+#main_nav {
+ background: #c0c0c0;
+ border-bottom: 2px ridge white;
+ line-height: 1;
+ padding: 2px 0;
+}
+.threadnav {
+ line-height: 1;
+ margin: -11px;
+}
+#main_nav a,
+.threadnav a {
+ background: #c0c0c0;
+ border-width: 2px;
+ border-color: #fff #000 #000 #fff;
+ border-style: ridge;
+ color: #000;
+ display: inline-block;
+ margin: 0 -1px;
+ padding: 2px;
+ text-decoration: none;
+ outline-offset: -4px;
+}
+.threadnav a {
+ margin: 2px;
+ padding: 0;
+}
+#main_nav a:first-child a:first-child {
+ font-weight: bold;
+}
+#main_nav .cur_brd {
+ background: #bbb
+ url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAHUlEQVQImQESAO3/AMG/wv////7/AP///v++vr7/gXcOcY36q6gAAAAASUVORK5CYII=");
+ font-weight: bold;
+}
+#main_nav .cur_brd,
+#main_nav a:active,
+.threadnav a:active,
+input[type="submit"]:active,
+input[type="button"]:active,
+button:active {
+ border-color: #000 #fff #fff #000;
+ border-style: groove;
+}
+.outerbox,
+.mainpage .thread,
+#q-p {
+ border-width: 2px;
+ border-color: #fff #000 #000 #fff;
+ border-style: groove;
+}
+input[type="text"],
+textarea,
+.innerbox,
+#content,
+#threadlist,
+select {
+ border-width: 2px;
+ border-color: #000 #fff #fff #000;
+ border-style: groove;
+}
+select {
+ background: #fff;
+}
+select:focus {
+ background: #000080;
+ color: #fff;
+ outline: 1px dotted #ffff7f;
+ outline-offset: -3px;
+}
+#threadlinks:before {
+ content: "";
+ display: block;
+ height: 15px;
+ margin-bottom: 5px;
+}
+.innerbox {
+ padding: 10px;
+ margin: 2px;
+}
+.links {
+ border: 1px solid;
+ border-color: #888 #dadada #dadada #888;
+ padding: 2px;
+}
+#threadlist {
+ background: #fff;
+}
+#threadlist a {
+ border-right: 1px solid #000;
+ border-bottom: 1px solid #000;
+ color: #000;
+}
+#threadlist a:active {
+ background: #ddd;
+}
+#thread_nav a {
+ color: #000;
+ display: inline-block;
+ margin: -3px -2px;
+ padding: 3px;
+}
+#thread_nav a:hover {
+ background: #ddd;
+}
+. {
+ margin-bottom: 0.5em;
+}
+.name,
+.abbrev {
+ color: #444;
+}
+.name em {
+ color: #009;
+}
+.del a {
+ color: #000;
+}
+.q {
+ color: #666;
+}
+.yt {
+ background: #fff;
+ border: 1px inset #aaa;
+ color: #000;
+}
+.deleted {
+ color: gray;
+ margin-bottom: 0.5em;
+ padding-top: 0.5em;
+}
+#q-p {
+ box-shadow: 5px 5px #000;
+ padding: 0;
+}
+#q-p .reply {
+ padding: 0.5em;
+ margin-bottom: 0.5em;
+}
+#q-p .reply:first-child h4 {
+ border: 0;
+ padding: 0;
+}
+.postform,
+.formpad {
+ padding: 0;
+}
+form .msg {
+ background: #ffffe0;
+ border: 1px solid #000;
+}
+#footer {
+ color: #fff;
+}
+#listmenu h1 {
+ background: none;
+ color: #000;
+ margin: 0;
+ padding: 0;
+}
+#content {
+ background: #fff;
+}
+#content.list #header div {
+ background: #ccc;
+}
+#content.list .row div,
+#content.grid .row {
+ border-width: 0 1px 1px 0;
+ border-style: solid;
+ border-color: #000;
+}
+#content .row:hover {
+ background: #eee;
+}
+@media (max-width: 720px) {
+ #createbox form {
+ margin: -10px;
+ }
+}
diff --git a/static/css/vndb.css b/static/css/vndb.css
index 43a9c7c..1b104a2 100644
--- a/static/css/vndb.css
+++ b/static/css/vndb.css
@@ -1,30 +1,129 @@
-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
+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;
+}