Prettier para CSS

1 files changed, 436 insertions, 99 deletions

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