Prettier para CSS

1 files changed, 206 insertions, 51 deletions

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;
+  }
+}