aboutsummaryrefslogtreecommitdiff
path: root/static/css/txt
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 /static/css/txt
parent56c690b9efdb009ab44f3112b6c301d7d393f07e (diff)
downloadweabot-3600b2d2fc91b8a15237cff0f27a2ac423ea6c58.tar.gz
weabot-3600b2d2fc91b8a15237cff0f27a2ac423ea6c58.tar.xz
weabot-3600b2d2fc91b8a15237cff0f27a2ac423ea6c58.zip
Prettier para CSS
Diffstat (limited to 'static/css/txt')
-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
15 files changed, 3160 insertions, 816 deletions
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;
+ }
+}