1 files changed, 849 insertions, 136 deletions

diff --git a/stylesheets/style.css b/stylesheets/style.css
index 23d3ad7d..5eaa3c88 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -1,3 +1,87 @@
+/*Lainchan*/
+
+div.sidearrows{
+    display:none;
+}
+
+
+td{
+  
+}
+
+
+
+html, body {
+    max-width: 100%!important;
+    overflow-x: hidden!important;
+}
+
+.post-image{
+  max-width: 94%!important;
+}
+select{
+  float:right;
+}
+
+div.pages{
+
+  margin:0!important;
+  padding: 0!important;
+}
+
+div.boardlist.bottom {
+ 
+  text-align: center!important;
+  display: none!important;
+}
+
+img.banner, img.board_image {
+
+   max-width: 100%!important;
+
+}
+
+.pintro{
+  width: 98%!important;
+}
+
+.bar {
+
+  display: table!important;
+  position: fixed;
+  width: 100%;
+  left: 0px;
+  z-index: 3;
+  background-color: #333333;
+  border-color: #B7C5D9;
+}
+.bar > :not(script) {
+  display: table-cell;
+  vertical-align: middle;
+}
+.bar.top {
+  text-align: center;
+  top: 0px;
+  border-bottom: 1px solid #B7C5D9;
+}
+
+.bar.bottom {
+  bottom: 0px;
+  border-top: 1px solid #333333;
+  background-color: #333333 ;
+}
+
+
+/*homepage banner*/
+div.lain_banner{
+    margin:auto;
+    position: absolute;
+}
+
+
+/* === GENERAL TAG SETTINGS === */
+
+/* Page Layouts */
 body {
   background: #EEF2FF url('img/fade-blue.png') repeat-x 50% 0%;
   color: black;
@@ -8,6 +92,106 @@ body {
   padding-right: 4px;
 }
 
+main,
+aside,
+section {
+    display: block;
+    margin: 0 auto;
+    width: 100%;
+}
+
+main {
+    max-width: 1110px;
+}
+
+/* Tables */
+table {
+    margin: auto;
+   
+}
+table.board-list-table {
+    width: 100%;
+}
+table tbody td {
+    margin: 0;
+    padding: 4px 15px 4px 4px;
+    
+    text-align: left;
+}
+table thead th {
+    border: 1px solid #000333;
+    padding: 4px 15px 5px 5px;
+    
+    background: #98E;
+    color: #000333;
+    text-align: left;
+    white-space: nowrap;
+}
+table tbody tr:nth-of-type( even ) {
+    background-color: transparent!important;
+}
+
+tr{
+  
+}
+
+td.minimal,th.minimal {
+  width: 1%;
+  white-space: nowrap;
+}
+
+table.mod.config-editor {
+  font-size: 9pt;
+  width: 100%;
+}
+
+table.mod.config-editor td {
+  text-align: left;
+  padding: 5px;
+  border-bottom: 1px solid #98e;
+}
+
+table.mod.config-editor input[type="text"] {
+  width: 98%;
+}
+
+.longtable p {
+    margin: 0;
+}
+
+/* Uncategorized */
+#post-form-outer {
+  text-align: center;
+}
+
+#post-form-inner {
+  display: inline-block;
+}
+
+.post-table, .post-table-options, textarea {
+  width: 100%;
+}
+
+#post-form-inner .post-table tr {
+    background-color: transparent;
+}
+
+.post-table th, .post-table-options th {
+  width: 85px;
+}
+
+.post-table-options {
+  display: none;
+}
+
+.required-field-cell {
+  vertical-align: top;
+}
+
+.show-options-cell {
+  text-align: right;
+}
+
 .hidden {
   display:none;
 }
@@ -60,7 +244,7 @@ h2 {
 }
 
 header {
-  margin: 1em 0;
+  margin: 2em 0;
 }
 
 h1 {
@@ -79,10 +263,6 @@ header div.subtitle {
   font-size: 8pt;
 }
 
-form {
-  margin-bottom: 4em;
-}
-
 form table {
   margin: auto;
 }
@@ -97,15 +277,16 @@ input[type="text"],input[type="password"],textarea {
   text-shadow: none;
   text-transform: none;
   word-spacing: normal;
-  max-width: 100%;
-}
+  font-size: inherit;
+  font-family: sans-serif;
 
-#quick-reply input[type="text"], input[type="password"], #quick-reply textarea {
-  max-width: 100%;
+  padding:0px!important;
 }
 
-textarea {
-  width: 100%;
+
+
+#upload input[type="file"] {
+  max-width: 230px;
 }
 
 form table tr td {
@@ -130,17 +311,19 @@ form table tr th {
 form table tr td div.center {
   text-align: center;
   float: left;
-  padding-left: 3px;
+  padding: 3px;
+  padding-top: 0px;
+  border: 1px dashed black;
+  margin: 2px
 }
 
-form table tr td div input {
+/*form table tr td div input {
   display: block;
   margin: 2px auto 0 auto;
 }
-
 form table tr td div label {
   font-size: 10px;
-}
+}*/
 
 .unimportant,.unimportant * {
   font-size: 10px;
@@ -199,6 +382,9 @@ img.banner,img.board_image {
 }
 
 .full-image {
+  float: left;
+  padding: 5px;
+  margin: 0 20px 0 0;
   max-width: 98%;
 }
 
@@ -213,7 +399,7 @@ div.post img.icon {
   padding: 0;
 }
 
-div.post i.fa {
+div.post i.fa, div.thread i.fa {
   margin: 0 4px;
   font-size: 16px;
 }
@@ -254,24 +440,37 @@ input.delete {
 }
 
 .intro a {
-  margin-left: 8px;
+  margin-left: 5px;
 }
 
-div.delete {
-  float: right;
+.sage {
+  color: red;
+  font-weight: bold;
 }
 
-div.post.reply p {
-  margin: 0.3em 0 0 0;
+.required-star {
+  color: maroon;
 }
 
-div.post.reply div.body {
-  margin-left: 1.8em;
+div.post p {
+    display: block;
+    margin: 0;
+    
+    line-height: 1.16em;
+    font-size: 13px;
+    min-height: 1.16em;
+}
+
+div.post div.body {
   margin-top: 0.8em;
   padding-right: 3em;
   padding-bottom: 0.3em;
 }
 
+div.post.reply div.body {
+  margin-left: 1.8em;
+}
+
 div.post.reply.highlighted {
   background: #D6BAD0;
 }
@@ -280,10 +479,6 @@ div.post.reply div.body a {
   color: #D00;
 }
 
-div.post {
-  padding-left: 20px;
-}
-
 div.post div.body {
   word-wrap: break-word;
   white-space: pre-wrap;
@@ -292,7 +487,7 @@ div.post div.body {
 div.post.reply {
   background: #D6DAF0;
   margin: 0.2em 4px;
-  padding: 0.2em 0.3em 0.5em 0.6em;
+  padding: 0.5em 0.3em 0.5em 0.6em;
   border-width: 1px;
   border-style: none solid solid none;
   border-color: #B7C5D9;
@@ -300,11 +495,36 @@ div.post.reply {
   max-width: 94%!important;
 }
 
+div.post.reply.has-file.body-not-empty {
+  min-width: 33%;
+}
+
+div.post_modified {
+  margin-left: 1.8em;
+}
+div.post_modified div.content-status {
+  margin-top: 0.5em;
+  padding-bottom: 0em;
+  font-size: 72%;
+}
+div.post_modified div.content-status:first-child {
+  margin-top: 1.3em;
+}
+
+div.post_modified div.content-status:first-child {
+  margin-top: 1.3em;
+}
+
+a.dashed-underline {
+  text-decoration: none;
+  border-bottom: 1px dashed;
+}
+
 span.trip {
   color: #228854;
 }
 
-span.quote {
+.quote {
   color: #789922;
 }
 
@@ -339,6 +559,7 @@ div#wrap {
   margin: 0 auto;
 }
 
+div.module,
 div.ban {
   background: white;
   border: 1px solid #98E;
@@ -346,7 +567,8 @@ div.ban {
   margin: 30px auto;
 }
 
-div.ban p,div.ban h2 {
+div.ban p,
+div.ban h2 {
   padding: 3px 7px;
 }
 
@@ -420,13 +642,13 @@ fieldset label {
 }
 
 div.pages {
-	color: #89A;
-	background: #D6DAF0;
-	display: inline-block;
-	padding: 8px;
-	margin: 8px 0 4px 0;
-	border-right: 1px solid #B7C5D9;
-	border-bottom: 1px solid #B7C5D9;
+    /*! color: #89A; */
+    /*! background: #D6DAF0; */
+    display: inline-block;
+    padding: 8px;
+    /*! margin: 8px 0 4px 0; */
+    /*! border-right: 1px solid #B7C5D9; */
+    /*! border-bottom: 1px solid #B7C5D9; */
 }
 
 div.pages.top {
@@ -476,32 +698,6 @@ div.report {
   color: #333;
 }
 
-table.modlog {
-  margin: auto;
-  width: 100%;
-}
-
-table.modlog tr td {
-  text-align: left;
-  margin: 0;
-  padding: 4px 15px 0 0;
-}
-
-table.modlog tr th {
-  text-align: left;
-  padding: 4px 15px 5px 5px;
-  white-space: nowrap;
-}
-
-table.modlog tr th {
-  background: #98E;
-}
-
-td.minimal,th.minimal {
-  width: 1%;
-  white-space: nowrap;
-}
-
 div.top_notice {
   text-align: center;
   margin: 5px auto;
@@ -525,22 +721,7 @@ div.blotter {
   text-align: center;
 }
 
-table.mod.config-editor {
-  font-size: 9pt;
-  width: 100%;
-}
-
-table.mod.config-editor td {
-  text-align: left;
-  padding: 5px;
-  border-bottom: 1px solid #98e;
-}
-
-table.mod.config-editor input[type="text"] {
-  width: 98%;
-}
-
-.desktop-style div.boardlist:nth-child(1) {
+.desktop-style div.boardlist:not(.bottom) {
   position: fixed;
   top: 0;
   left: 0;
@@ -613,11 +794,11 @@ form.ban-appeal textarea {
 }
 
 .MathJax_Display {
-  display: inline!important;
+  display:inline!important;
 }
-
 pre {
-  margin: 0;
+  margin:0
+  display: inline!important;
 }
 
 .theme-catalog div.thread img {
@@ -643,8 +824,9 @@ pre {
   position: relative;
   font-size: 11px;
   max-height: 300px;
-  background: rgba(182,182,182,0.12);
-  border: 2px solid rgba(111,111,111,0.34);
+  background: rgba(182, 182, 182, 0.12);
+  border: 2px solid rgba(111, 111, 111, 0.34);
+  max-height:300px;
 }
 
 .theme-catalog div.thread strong {
@@ -681,6 +863,16 @@ pre {
   max-height: 192px;
 }
 
+.theme-catalog div.grid-size-medium img {
+  max-height: 33%;
+  max-width: 95%
+}
+
+.theme-catalog div.grid-size-medium {
+  min-width:200px; max-width: 200px;
+  max-height: 274px;
+}
+
 .theme-catalog div.grid-size-large img {
   max-height: 40%;
   max-width: 95%
@@ -710,6 +902,9 @@ pre {
   .theme-catalog div.threads {
     overflow: hidden;
   }
+  div.post .body {
+    clear: both;
+  }
 }
 
 .compact-boardlist {
@@ -781,7 +976,7 @@ pre {
   margin-top: 1em;
 }
 
-.new-threads {
+.new-threads, .board-settings {
   text-align: center;
 }
 
@@ -819,10 +1014,12 @@ pre {
 }
 
 #options_div {
-  width: 620px;
+  width: 600px;
+  height: 360px;
+/*  width: 620px;
   height: 400px;
   resize: both;
-  overflow: auto;
+  overflow: auto;*/
 }
 
 
@@ -912,6 +1109,7 @@ pre {
 
 .poster_id {
   cursor: pointer;
+  white-space:nowrap;
   display: inline-block;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -940,7 +1138,6 @@ span.pln {
   color:grey;
 }
 
-
 @media screen and (min-width: 768px) {
   .intro {
     clear: none;
@@ -951,39 +1148,131 @@ span.pln {
   }
 }
 
+/* === SITE-WIDE ASSETS === */
+#logo {
+    display: block;
+    width: 100%;
+    padding: 0;
+    margin: 0 0 0 0;
+    text-align: center;
+}
+#logo-link {
+    display: inline;
+}
+#logo-img {
+    display: inline-block;
+    height: 128px;
+    width: auto;
+}
+
+/* === GENERAL CLASSES === */
+.loading {
+    background: none;
+    background-color: none;
+    background-image: url('/static/infinity.gif');
+    background-position: center center;
+    background-repeat: no-repeat;
+    min-height: 76px;
+    min-width:  128px;
+}
+.loading-small {
+    background: none;
+    background-color: none;
+    background-image: url('/static/infinity-small.gif');
+    background-position: center center;
+    background-repeat: no-repeat;
+    min-height: 24px;
+    min-width:  48px;
+}
+
+/* Text and accessibility */
+.ltr {
+    direction: ltr;
+}
+.rtl {
+    direction: rtl;
+    font-family: Tahoma;
+}
+
+/* Responsive helpers */
+.col {
+    box-sizing: border-box;
+    float: left;
+}
+
+.col-12 { width: 100%; }
+.col-11 { width: 91.66666667%; }
+.col-10 { width: 83.33333333%; }
+.col-9 { width: 75%; }
+.col-8 { width: 66.66666667%; }
+.col-7 { width: 58.33333333%; }
+.col-6 { width: 50%; }
+.col-5 { width: 41.66666667%; }
+.col-4 { width: 33.33333333%; }
+.col-3 { width: 25%; }
+.col-2 { width: 16.66666667%; }
+.col-1 { width: 8.33333333%; }
+
+.left-push {
+    float: left;
+}
+.right-push {
+    float: right;
+}
+
+/* Layout design */
+.box {
+    background: #D6DAF0;
+    border: 1px solid #000333;
+    color: #000333;
+    margin: 0 0 12px 0;
+}
+.box-title {
+    background: #98E;
+    color: #000333;
+    font-size: 120%;
+    font-weight: bold;
+    padding: 4px 8px;
+}
+.box-content {
+    padding: 0 8px;
+    margin: 4px 0;
+}
+
+
 .clearfix {
-	display: block;
-	clear: both;
-	visibility: hidden;
-	overflow: hidden;
-	
-	font-size: 0px;
-	line-height: 0px;
-	
-	box-sizing: border-box;
-	border: none;
-	height: 0;
-	margin: 0;
-	padding: 0;
-	width: 100%;
-	zoom: 1;
+    display: block;
+    clear: both;
+    visibility: hidden;
+    overflow: hidden;
+    
+    font-size: 0px;
+    line-height: 0px;
+    
+    box-sizing: border-box;
+    border: none;
+    height: 0;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    zoom: 1;
 }
 
 /* === SPECIFIC PAGES & FEATURES === */
 
 /* Board List */
 div.boardlist {
-	margin-top: 3px;
-	
-	color: #89A;
-	font-size: 9pt;
+    margin-top: 3px;
+    
+    color: #89A;
+    font-size: 9pt;
 }
 div.boardlist.bottom {
-	margin-top: 12px;
-	clear: both;
+    margin-top: 12px;
+    clear: both;
 }
 div.boardlist a {
-	text-decoration: none;
+    text-decoration: none;
 }
 
 /* Threads */
@@ -1021,34 +1310,161 @@ div.boardlist a {
 #report-fields {
 }
 
-
-
 /* threadwatcher */
+#watchlist {
+    display: none;
+    max-height: 250px;
+    overflow: auto;
+    border: 1px solid;
+    border-style: none solid solid none;
+    width: 50%;
+    margin: 0 auto;
+    margin-bottom: 10px;
+}
 
 #watchlist {
-	display: none;
-	max-height: 250px;
-	overflow: auto;
-	border: 1px solid;
-	border-style: none solid solid none;
-	width: 50%;
-	margin: 0 auto;
-	margin-bottom: 10px;
+    font-size: 8pt;
+    width: 15%;
+    position: fixed;
+    right: 0pt;
+    bottom: 0pt;
+    margin: 0pt;
+    padding: 0pt;
 }
 
 .watchlist-inner, .watchlist-controls {
-	margin: 0 auto;
-	margin-top: 10px;
-	margin-bottom: 10px;
-	text-align: center;
+    margin: 0pt;
+    text-align: center;
 }
 
 #watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts {
-	cursor: pointer;
+    cursor: pointer;
+}
+.own_post {
+    font-style: italic;
+    font-weight: normal;
+    opacity: .666;
+}
+li.mix {
+    display: inline-block;
+} 
+
+/* Mona Font */
+.aa {
+    font-family: Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
+    display: block!important;
+    font-size: 12pt;
+    line-height: 1.1;
+}
+.dx,
+.dy,
+.dz {
+    width: 30px;
+    text-align: right;
+    display: inline-block;
+}
+
+/* Dice */
+.dice-option table {
+    border: 1px dotted black;
+    margin: 0;
+    border-collapse: collapse;
+}
+.dice-option table td {
+    text-align: center;
+    border-left: 1px dotted black;
+    padding-left: 2px;
+    padding-right: 2px;
+    padding-bottom: 2px;
+}
+
+/* Quick reply (why was most of this ever in the script?) */
+#quick-reply {
+    position: fixed;
+    right: 5%;
+    top: 5%;
+    float: right;
+    display: block;
+    padding: 0 0 0 0;
+    width: 300px;
+    z-index: 100;
+}
+#quick-reply #post-form-inner {
+    min-width: 300px;
+}
+#quick-reply .post-table tr td:nth-child(2) {
+    width: 33%;
+    text-align: right;
+    padding-right: 4px;
+}
+#quick-reply tr td:nth-child(2) input[type="submit"] {
+    width: 99%;
+}
+#quick-reply th, #quick-reply td {
+    margin: 0;
+    padding: 0;
+}
+#quick-reply th {
+    text-align: center;
+    padding: 2px 0;
+    border: 1px solid #222;
+}
+#quick-reply th .handle {
+    float: left;
+    width: 100%;
+    display: inline-block;
+}
+#quick-reply th .close-btn {
+    float: right;
+    padding: 0 5px;
+}
+#quick-reply input[type="text"], #quick-reply select {
+    width: 100%;
+    padding: 2px;
+    font-size: 10pt;
+    box-sizing: border-box;
+    -webkit-box-sizing:border-box;
+    -moz-box-sizing: border-box;
+}
+#quick-reply textarea {
+    min-width: 100%;
+    box-sizing: border-box;
+    -webkit-box-sizing:border-box;
+    -moz-box-sizing: border-box;
+    font-size: 10pt;
+    resize: both;
+}
+#quick-reply input, #quick-reply select, #quick-reply textarea {
+    margin: 0 0 1px 0;
+}
+#quick-reply input[type="file"] {
+    padding: 5px 2px;
+}
+#quick-reply .nonsense {
+    display: none;
+}
+#quick-reply td.recaptcha {
+    text-align: center;
+    padding: 0 0 1px 0;
+}
+#quick-reply td.recaptcha span {
+    display: inline-block;
+    width: 100%;
+    background: white;
+    border: 1px solid #ccc;
+    cursor: pointer;
+}
+#quick-reply td.recaptcha-response {
+    padding: 0 0 1px 0;
+}
+@media screen and (max-width: 600px) {
+    #quick-reply {
+        display: none !important;
+    }
 }
 
 #youtube-size input {
-	width: 50px;
+    width: 50px;
 }
 
 /* File selector */
@@ -1129,19 +1545,225 @@ div.boardlist a {
   color: rgba(125, 125, 125, 1);
 }
 
-#thread_stats {
-  display: inline;
-  margin-left: 10px;
-  margin-right: 10px;
+table.board-list-table {
+    display: table;
+    margin: -2px;
+    margin-bottom: 10px;
+    overflow: hidden;
+    table-layout: fixed;
 }
 
-/* Fileboard */
-table.fileboard th, table.fileboard td {
-  padding: 2px;
-  text-align: center;
+table.board-list-table .board-cell {
+    position: static;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
-table.fileboard .intro a {
-  margin-left: 0px;
+table.board-list-table .board-cell::after {
+    content: ' ';
+    clear: both;
+}
+
+table.board-list-table .board-meta {
+    padding-right: 4px;
+    width: 70px;
+}
+table.board-list-table .board-uri {
+    max-width: 196px;
+}
+table.board-list-table .board-title {
+    width: auto;
+}
+table.board-list-table .board-pph {
+    width: 55px;
+    padding: 4px;
+}
+table.board-list-table .board-max {
+    width: 90px;
+    padding: 4px;
+}
+table.board-list-table .board-unique {
+    width: 100px;
+    padding: 4px;
+}
+table.board-list-table .board-tags {
+    position: relative;
+    height: 15px;
+    width: auto;
+    padding: 0 15px 0 4px;
+}
+table.board-list-table .board-tags .tag-link {
+    display: inline;
+}
+table.board-list-table .board-tags .board-cell:hover {
+    position: absolute;
+    background: #EEF2FF;
+    line-height: 23px;
+    top: 0;
+    bottom: 0;
+    width: 310px;
+}
+table.board-list-table tr:nth-of-type( even ) .board-tags .board-cell {
+    background: #D6DAF0;
+}
+table.board-list-table .board-uri a {
+    display: inline-block;
+    float: left;
+}
+table.board-list-table .board-uri .board-nsfw {
+    color: rgb(230,0,0);
+    margin: 0 0 0 0.6em;
+    float: right;
+}
+table.board-list-table .board-uri .board-sfw {
+    color: #34345C;
+    margin: 0 0 0 0.6em;
+    float: right;
+}
+
+table.board-list-table div.board-cell {
+    max-width: 100%;
+    overflow: hidden;
+}
+
+tbody.board-list-loading {
+    display: none;
+}
+tbody.board-list-loading .loading {
+    height: 80px;
+}
+
+tbody.board-list-omitted td {
+    background: #98E;
+    border-top: 1px solid #000333;
+    padding: 8px;
+    font-size: 125%;
+    text-align: center;
+}
+tbody.board-list-omitted #board-list-more {
+    cursor: default;
+}
+tbody.board-list-omitted #board-list-more.board-list-hasmore {
+    cursor: pointer;
+}
+tbody.board-list-omitted .board-page-loadmore {
+    display: none;
+}
+tbody.board-list-omitted .board-list-hasmore .board-page-loadmore {
+    display: inline;
+}
+
+aside.search-container {
+    margin-bottom: 12px;
+}
+aside.search-container .box {
+    margin-right: 12px;
+}
+
+.board-search {
+    margin: 8px 0;
+}
+.search-item {
+    margin: 8px 0;
+}
+.search-sfw {
+    display: block;
+    cursor: pointer;
+    font-size: 110%;
+    line-height: 120%;
+}
+#search-sfw-input {
+    margin: 0;
+    padding: 0;
+    transform: scale(1.20);
+}
+#search-lang-input,
+#search-title-input,
+#search-tag-input {
+    box-sizing: border-box;
+    font-size: 110%;
+    line-height: 120%;
+    vertical-align: top;
+    padding: 2px 0 2px 4px;
+    max-width: 100%;
+    min-width: 100%;
+    width: 100%:
+}
+#search-loading {
+    display: inline-block;
+    vertical-align: bottom;
+}
+
+ul.tag-list {
+    display: block;
+    list-style: none;
+    margin: 8px 8px -9px 8px;
+    padding: 8px 0 0 0;
+    border-top: 1px solid #000333;
+}
+ul.tag-list::after {
+    content: ' ';
+    display: block;
+    clear: both;
+}
+li.tag-item {
+    display: inline-block;
+    float: left;
+    font-size: 100%;
+    list-style: none;
+    margin: 0;
+    padding: 0 4px 0 0;
+}
+li.tag-item:last-child {
+    padding-bottom: 17px;
+}
+a.tag-link {
+    overflow: hidden;
+    white-space: nowrap;
+}
+li.tag-item a.tag-link {
+}
+td.board-tags a.tag-link {
+    display: inline-block;
+    margin: 0 0.4em 0 0;
+}
+
+@media screen and (max-width: 1100px) {
+    aside.search-container {
+        width: 100%;
+        margin-bottom: 12px;
+    }
+    aside.search-container .box {
+        margin-right: 0;
+    }
+    
+    section.board-list {
+        margin-top: 12px;
+        width: 100%;
+    }
+    
+    table.board-list-table .board-meta,
+    table.board-list-table .board-pph,
+    table.board-list-table .board-tags {
+        padding: 0;
+        margin: 0;
+        font-size: 0;
+        width: 0;
+    }
+}
+
+#post-moderation-fields {
+    display: none;
+}
+
+.announcement {
+    font-size: 75%;
+    padding-bottom: 1%;
+    margin-left: 5%; 
+    margin-right: 5%;
 }
 
 /* Gallery view */
@@ -1198,6 +1820,97 @@ table.fileboard .intro a {
   max-height: 100%;
   position: absolute;
 }
+
+/* Fileboard */
+table.fileboard th, table.fileboard td {
+  padding: 2px;
+  text-align: center;
+}
+table.fileboard .intro a {
+  margin-left: 0px;
+}
+
+/* Rules Popup  */
+#rules-popup {
+    width: 80%;
+    height: 80%;
+    position: fixed;
+    z-index: 9999;
+    left: 50%;
+    margin-left: -40%;
+    top: 50%;
+    margin-top: -40vh;
+    background: #000000;
+    text-align: center;
+    font-family: sans-serif;
+    font-size: 14px;
+    color: #FFFFFF;
+}
+#rules-popup .rules-popup-top {
+    font-size: 40px;
+    line-height: 60px;
+    position: absolute;
+    top: 0px;
+    height: 60px;
+    width: 100%;
+}
+#rules-popup .rules-popup-content-wrapper {
+    text-align: left;
+    position: absolute;
+    bottom: 80px;
+    top: 60px; 
+    width: 100%;
+    overflow: auto;
+}
+#rules-popup #rules-popup-content {
+    padding: 10px;
+    font-size: 12px;
+}
+#rules-popup .rules-popup-bottom {
+    bottom: 0px;
+    height: 80px;
+    width: 100%; 
+    position: absolute;
+}
+#rules-popup .rules-popup-bottom-instructions {
+    line-height: 40px;
+}
+#rules-popup .rules-popup-captcha-wrapper {
+    height: 40px;
+}
+#rules-popup .rules-popup-captcha {
+    display: inline-block;
+    border: 1px solid white;
+    font-family: serif;
+    padding: 3px;
+}
+#rules-popup .rules-popup-form {
+    display: inline-block;
+}
+#rules-popup .rules-popup-form-input {
+    width: 100px;
+}
+
+/* dropdown for boardlist. */
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+/* Alter details as needed, I'm not a designer. */
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #666666;
+    min-width: 130px;
+    padding: 2px 6px;
+    color: #DCA1F5;
+}
+
+.dropdown:hover .dropdown-content {
+    display: block;
+ }
+
 .own_post {
 	font-style: italic;
 	font-weight: normal;