Prettier para CSS

1 files changed, 180 insertions, 43 deletions

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