Prettier para CSS

1 files changed, 160 insertions, 46 deletions

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