Prettier para CSS

1 files changed, 349 insertions, 78 deletions

diff --git a/static/css/ib.css b/static/css/ib.css
index 23a5cd1..16a4ba5 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -1,78 +1,349 @@
-*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word}
-html,body{font-family:arial,helvetica,"nimbus sans l",sans-serif}
-html{margin:0;padding:0}
-body{margin:0;padding:8px;font-size:16px}
-blockquote{line-height:20px}
-.spoil{background:#000;color:#000}.spoil:hover{color:#fff}
-.postarea table{margin:0 auto;text-align:left}
-#main_nav{font-size:14px;line-height:1.3em;margin-bottom:.5em;text-align:center}
-#main_nav span{display:inline-block}
-#main_nav #sel,#main_nav .cur_brd{font-weight:bold}
-select{background:#FFF;border:1px inset #DDD;color:#000;font-size:85%;padding:1px}
-.logo{font-size:160%;font-weight:bold;margin:8px 0;text-align:center}
-input[type="text"],input[type="password"],textarea{background:#FFF;border:1px inset gray;padding:3px}
-.postform input{max-width:250px}
-.postform input[name="subject"]{max-width:300px}
-.postform textarea{width:400px;height:125px}
-.postblock{font-weight:bold;padding:3px}
-.oekform{display:inline-block;margin-bottom:.5em}
-.rules{width:468px;font-size:13px}
-.rules ul{margin:4px 0 0;padding:0}
-.rules li{margin-left:1em}
-.thread{margin-right:170px}
-.thread table{border-collapse:collapse;margin:4px 0}
-.reply .info{padding-right:50px}
-.hsbn{font-size:120%}
-.thumb{border:none;float:left;margin:0 20px}
-.ell{font-family:Mona,IPAMonaPGothic,Monapo,'MS PGothic',YOzFontAA97;vertical-align:top;width:20px}
-.deleted{color:#777}
-.reflink a{color:inherit;text-decoration:none}
-.reply .fs,#q-p .fs{margin-left:20px}
-.pg{border:1px solid;border-spacing:2px;display:table}
-.pg span{border:1px inset;display:table-cell}
-.pg span input{padding:.4em 1em}
-.replymode,.extramode{font-weight:bold;text-align:center;padding:2px;margin:3px 0}
-.name em{color:#009;font-style:normal}
-.quoted{border-top:1px solid;clear:both;font-size:12px;line-height:1;margin:0 -1px;padding:4px}
-.thumbpreview{display:inline-block;max-height:50px;height:auto;max-width:75px;width:auto;vertical-align:middle}
-#catalog{text-align:center}
-#cat_search{border:1px inset gray;padding:0;width:125px}
-#catalog .thread{border-radius:4px;display:inline-block;font-size:14px;margin:5px;overflow:hidden;padding:2px;position:relative;vertical-align:top;max-height:275px;width:175px}
-#catalog.enlarged .thread{margin:10px 5px;max-height:375px;width:275px}
-#catalog .thread a img{border-radius:3px;margin-bottom:2px}
-#catalog.enlarged .thread a img{min-width:150px;min-height:150px;max-width:250px;max-height:250px}
-#catalog .subj{font-size:16px}
-#catalog p{margin:0}
-.yt{font-size:12px;display:inline-block;line-height:13px;margin:2px 0;padding:5px;text-decoration:none}
-.yt b{font-size:14px}
-.yt .pvw{width:100px;height:60px;overflow:hidden;float:left;margin-right:5px}
-.yt .pvw img{margin-top:-15px;margin-left:-10px}
-.cut{clear:both}
-.nav label{text-decoration:underline}
-.userdel{float:right;text-align:center;white-space:nowrap}
-.footer{clear:both;margin-top:8px;text-align:center}
-.managertable th,.managertable td{padding:3px}
-.managertable .recentPostHeader{display: block;font-size: 0.9em;padding-bottom: 0.25em;opacity: 65%;}
-.managertable .message{display: block;font-family: Mona,Monapo,IPAMonaPGothic,'MS PGothic',YOzFontAA97;font-size: 14px;}
-.managertable .actions{display: block;margin-top: 0.5em;font-size: 0.75em;}
-#q-p{position:absolute;border:1px dotted gray}
-.selector{font-size: 10pt}
-@media(max-width:900px){.thread{margin-right:0}}
-@media(max-width:720px){
- body{font-size:15px;padding:4px}
- #main_nav.mob{font-size:12px}
- .postblock{font-size:14px;white-space:nowrap}
- .pass,.ell,.thumbmsg{display:none}
- .thread table,#postform input[type="text"],#postform input[type="submit"],#postform textarea,#postform input[type="file"],.rules{max-width:100%;width:100%}
- .fs .tt,.omitted{font-size:14px}
- .info{font-size:12px}
- .reply .info{padding-right:0}
- .fs,.rules{font-size:12px}
- .fs span{display:none}
- .reply .fs{margin-left:4px}
- .thumb{margin:0 8px 0 4px;max-width:100px;max-height:100px;width:auto;height:auto}
- blockquote{margin:8px!important}
- .userdel{float:none}
- .pg{margin-top:0.5em;text-align:center;width:100%}
- .pg span,.pg input{display:block;width:100%}
-}
\ No newline at end of file
+* {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  word-wrap: break-word;
+}
+html,
+body {
+  font-family: arial, helvetica, "nimbus sans l", sans-serif;
+}
+html {
+  margin: 0;
+  padding: 0;
+}
+body {
+  margin: 0;
+  padding: 8px;
+  font-size: 16px;
+}
+blockquote {
+  line-height: 20px;
+}
+.spoil {
+  background: #000;
+  color: #000;
+}
+.spoil:hover {
+  color: #fff;
+}
+.postarea table {
+  margin: 0 auto;
+  text-align: left;
+}
+#main_nav {
+  font-size: 14px;
+  line-height: 1.3em;
+  margin-bottom: 0.5em;
+  text-align: center;
+}
+#main_nav span {
+  display: inline-block;
+}
+#main_nav #sel,
+#main_nav .cur_brd {
+  font-weight: bold;
+}
+select {
+  background: #fff;
+  border: 1px inset #ddd;
+  color: #000;
+  font-size: 85%;
+  padding: 1px;
+}
+.logo {
+  font-size: 160%;
+  font-weight: bold;
+  margin: 8px 0;
+  text-align: center;
+}
+input[type="text"],
+input[type="password"],
+textarea {
+  background: #fff;
+  border: 1px inset gray;
+  padding: 3px;
+}
+.postform input {
+  max-width: 250px;
+}
+.postform input[name="subject"] {
+  max-width: 300px;
+}
+.postform textarea {
+  width: 400px;
+  height: 125px;
+}
+.postblock {
+  font-weight: bold;
+  padding: 3px;
+}
+.oekform {
+  display: inline-block;
+  margin-bottom: 0.5em;
+}
+.rules {
+  width: 468px;
+  font-size: 13px;
+}
+.rules ul {
+  margin: 4px 0 0;
+  padding: 0;
+}
+.rules li {
+  margin-left: 1em;
+}
+.thread {
+  margin-right: 170px;
+}
+.thread table {
+  border-collapse: collapse;
+  margin: 4px 0;
+}
+.reply .info {
+  padding-right: 50px;
+}
+.hsbn {
+  font-size: 120%;
+}
+.thumb {
+  border: none;
+  float: left;
+  margin: 0 20px;
+}
+.ell {
+  font-family: Mona, IPAMonaPGothic, Monapo, "MS PGothic", YOzFontAA97;
+  vertical-align: top;
+  width: 20px;
+}
+.deleted {
+  color: #777;
+}
+.reflink a {
+  color: inherit;
+  text-decoration: none;
+}
+.reply .fs,
+#q-p .fs {
+  margin-left: 20px;
+}
+.pg {
+  border: 1px solid;
+  border-spacing: 2px;
+  display: table;
+}
+.pg span {
+  border: 1px inset;
+  display: table-cell;
+}
+.pg span input {
+  padding: 0.4em 1em;
+}
+.replymode,
+.extramode {
+  font-weight: bold;
+  text-align: center;
+  padding: 2px;
+  margin: 3px 0;
+}
+.name em {
+  color: #009;
+  font-style: normal;
+}
+.quoted {
+  border-top: 1px solid;
+  clear: both;
+  font-size: 12px;
+  line-height: 1;
+  margin: 0 -1px;
+  padding: 4px;
+}
+.thumbpreview {
+  display: inline-block;
+  max-height: 50px;
+  height: auto;
+  max-width: 75px;
+  width: auto;
+  vertical-align: middle;
+}
+#catalog {
+  text-align: center;
+}
+#cat_search {
+  border: 1px inset gray;
+  padding: 0;
+  width: 125px;
+}
+#catalog .thread {
+  border-radius: 4px;
+  display: inline-block;
+  font-size: 14px;
+  margin: 5px;
+  overflow: hidden;
+  padding: 2px;
+  position: relative;
+  vertical-align: top;
+  max-height: 275px;
+  width: 175px;
+}
+#catalog.enlarged .thread {
+  margin: 10px 5px;
+  max-height: 375px;
+  width: 275px;
+}
+#catalog .thread a img {
+  border-radius: 3px;
+  margin-bottom: 2px;
+}
+#catalog.enlarged .thread a img {
+  min-width: 150px;
+  min-height: 150px;
+  max-width: 250px;
+  max-height: 250px;
+}
+#catalog .subj {
+  font-size: 16px;
+}
+#catalog p {
+  margin: 0;
+}
+.yt {
+  font-size: 12px;
+  display: inline-block;
+  line-height: 13px;
+  margin: 2px 0;
+  padding: 5px;
+  text-decoration: none;
+}
+.yt b {
+  font-size: 14px;
+}
+.yt .pvw {
+  width: 100px;
+  height: 60px;
+  overflow: hidden;
+  float: left;
+  margin-right: 5px;
+}
+.yt .pvw img {
+  margin-top: -15px;
+  margin-left: -10px;
+}
+.cut {
+  clear: both;
+}
+.nav label {
+  text-decoration: underline;
+}
+.userdel {
+  float: right;
+  text-align: center;
+  white-space: nowrap;
+}
+.footer {
+  clear: both;
+  margin-top: 8px;
+  text-align: center;
+}
+.managertable th,
+.managertable td {
+  padding: 3px;
+}
+.managertable .recentPostHeader {
+  display: block;
+  font-size: 0.9em;
+  padding-bottom: 0.25em;
+  opacity: 65%;
+}
+.managertable .message {
+  display: block;
+  font-family: Mona, Monapo, IPAMonaPGothic, "MS PGothic", YOzFontAA97;
+  font-size: 14px;
+}
+.managertable .actions {
+  display: block;
+  margin-top: 0.5em;
+  font-size: 0.75em;
+}
+#q-p {
+  position: absolute;
+  border: 1px dotted gray;
+}
+.selector {
+  font-size: 10pt;
+}
+@media (max-width: 900px) {
+  .thread {
+    margin-right: 0;
+  }
+}
+@media (max-width: 720px) {
+  body {
+    font-size: 15px;
+    padding: 4px;
+  }
+  #main_nav.mob {
+    font-size: 12px;
+  }
+  .postblock {
+    font-size: 14px;
+    white-space: nowrap;
+  }
+  .pass,
+  .ell,
+  .thumbmsg {
+    display: none;
+  }
+  .thread table,
+  #postform input[type="text"],
+  #postform input[type="submit"],
+  #postform textarea,
+  #postform input[type="file"],
+  .rules {
+    max-width: 100%;
+    width: 100%;
+  }
+  .fs .tt,
+  .omitted {
+    font-size: 14px;
+  }
+  .info {
+    font-size: 12px;
+  }
+  .reply .info {
+    padding-right: 0;
+  }
+  .fs,
+  .rules {
+    font-size: 12px;
+  }
+  .fs span {
+    display: none;
+  }
+  .reply .fs {
+    margin-left: 4px;
+  }
+  .thumb {
+    margin: 0 8px 0 4px;
+    max-width: 100px;
+    max-height: 100px;
+    width: auto;
+    height: auto;
+  }
+  blockquote {
+    margin: 8px !important;
+  }
+  .userdel {
+    float: none;
+  }
+  .pg {
+    margin-top: 0.5em;
+    text-align: center;
+    width: 100%;
+  }
+  .pg span,
+  .pg input {
+    display: block;
+    width: 100%;
+  }
+}