1 files changed, 33 insertions, 91 deletions

diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index aff6748..c82c01a 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -14,16 +14,12 @@ body[data-brd="world"], body[data-brd="world"] textarea,
 .threadnav {
   font-family: Mona,'MS PGothic',IPAMonaPGothic,sans-serif;
 }
-body.mainpage,
-body.threads {
+body.mainpage {
   margin: 0;
 }
 body.threadpage {
   margin: 8px;
 }
-body.fix {
-  margin-top: 2em;
-}
 h1,
 h5 {
   font-size: 20px;
@@ -111,15 +107,6 @@ pre {
   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;
@@ -133,8 +120,7 @@ label {
 }
 .outerbox,
 .mainpage .thread,
-#footer,
-#content {
+#footer {
   margin: 0 2.5% 1em;
 }
 .innerbox {
@@ -161,12 +147,22 @@ label {
   text-align: center;
 }
 #threadlist {
+  display: -webkit-flex;
+  display: -moz-flex;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  -moz-flex-flow: row wrap;
+  flex-flow: row wrap;
   font-size: 14px;
   line-height: 1;
-  max-height: 15em;
+  max-height: 16em;
   overflow-y: scroll;
 }
 #threadlist a {
+  -webkit-flex: 1 1 auto;
+  -moz-flex: 1 1 auto;
+  flex: 1 1 auto;
+  padding: 3px;
   text-decoration: none;
 }
 .mainpage .postform,
@@ -176,8 +172,6 @@ label {
 .reply {
   clear: both;
   line-height: 18px;
-  margin-bottom: 1em;
-  overflow: hidden;
 }
 .num {
   color: inherit !important;
@@ -198,7 +192,7 @@ label {
   line-height: 1;
 }
 .msg {
-  margin: 1em 40px 0;
+  margin: 1em 40px;
 }
 .msg hr {
   margin-left: 0;
@@ -206,41 +200,32 @@ label {
 }
 a.thumb {
   cursor: zoom-in;
-  font-size: 14px;
   float: left;
-  margin: 1em 20px 0;
-  text-align: center;
+  margin: 1em 20px;
   text-decoration: none;
-  color: gray !important;
 }
 a.yt {
   margin: 2px 0;
   display: inline-block;
   font-size: 12px;
   line-height: 1.2em;
-  padding: 5px;
+  padding: 4px;
   text-decoration: none;
 }
 a.yt .pvw {
-  width: 100px;
+  width: 90px;
   height: 60px;
   overflow: hidden;
   float: left;
-  margin-right: 5px;
+  margin-right: 4px;
 }
 a.yt .pvw img {
   margin-top: -15px;
-  margin-left: -10px;
+  margin-left: -15px;
 }
 a.yt b {
   font-size: 115%;
 }
-.deleted {
-  margin-bottom: 1em;
-}
-.hidden {
-  opacity: 0.5;
-}
 #q-p {
   margin-right: 1em;
   padding: 8px 8px 0;
@@ -299,59 +284,18 @@ form .msg {
   color: #fff;
 }
 #listmenu {
-  margin-top: 7px;
   text-align: center;
 }
-#content a {
-  text-decoration: none;
-}
-#content a:hover {
-  text-decoration: underline;
+#threads td, #threads th {
+  padding: 2px 4px;
+  text-align: left;
 }
-#content.list a {
+#threads 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;
+  text-decoration: none;
 }
-#content.grid .row div {
-  display: inline;
+#threads a:hover {
+  text-decoration: underline;
 }
 .minisjis {
 	font-size: 10px;
@@ -368,8 +312,7 @@ form .msg {
   }
   .outerbox,
   .mainpage .thread,
-  #footer,
-  #content {
+  #footer {
     margin: 1em 0;
   }
   h1,
@@ -381,25 +324,27 @@ form .msg {
   #rules {
     font-size: 12px;
   }
-  h4 {
+  h4, .quoted {
     font-size: 10px;
+    line-height: 12px;
   }
   #threadlist {
     overflow-x: auto;
     white-space: nowrap;
   }
   #size,
-  .postform br {
+  .postform br,
+  .hh {
     display: none;
   }
-  div.reply, .deleted {
+  .deleted {
     margin-bottom: 0.5em;
   }
   .del {
     visibility: visible;
   }
   div.msg {
-    margin: 0.5em 0 0;
+    margin: 0.5em 0;
   }
   .mainpage .postform,
   .formpad {
@@ -437,7 +382,4 @@ form .msg {
   #footer a {
     display: block;
   }
-  #content.list .row div {
-    padding: 0 2px;
-  }
 }