1 files changed, 172 insertions, 16 deletions

diff --git a/stylesheets/style.css b/stylesheets/style.css
index e0ce08c5..9925ccaa 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -13,7 +13,7 @@ a,a:visited {
   color: #34345C;
 }
 
-a:hover,p.intro a.post_no:hover {
+a:hover,.intro a.post_no:hover {
   color: #ff0000;
 }
 
@@ -23,27 +23,27 @@ a.post_no {
   padding: 0;
 }
 
-p.intro a.post_no {
+.intro a.post_no {
   color: inherit;
 }
 
-p.intro a.post_no,p.intro a.email,p.intro a.post_anchor {
+.intro a.post_no,p.intro a.email,p.intro a.post_anchor {
   margin: 0;
 }
 
-p.intro a.email span.name {
+.intro a.email span.name {
   color: #34345C;
 }
 
-p.intro a.email:hover span.name {
+.intro a.email:hover span.name {
   color: #ff0000;
 }
 
-p.intro label {
+.intro label {
   display: inline;
 }
 
-p.intro time,p.intro a.ip-link,p.intro a.capcode {
+.intro time,p.intro a.ip-link,p.intro a.capcode {
   direction: ltr;
   unicode-bidi: embed;
 }
@@ -93,13 +93,17 @@ input[type="text"],input[type="password"],textarea {
   text-shadow: none;
   text-transform: none;
   word-spacing: normal;
-  max-width: 75%;
+  max-width: 100%;
 }
 
 #quick-reply input[type="text"], input[type="password"], #quick-reply textarea {
   max-width: 100%;
 }
 
+textarea {
+  width: 100%;
+}
+
 form table tr td {
   text-align: left;
   margin: 0;
@@ -215,7 +219,7 @@ div.post.op hr {
   border-color: #D9BFB7;
 }
 
-p.intro {
+.intro {
   margin: 0.5em 0;
   padding: 0;
   padding-bottom: 0.2em;
@@ -226,22 +230,22 @@ input.delete {
   margin: 1px 6px 0 0;
 }
 
-p.intro span.subject {
+.intro span.subject {
   color: #0F0C5D;
   font-weight: bold;
 }
 
-p.intro span.name {
+.intro span.name {
   color: #117743;
   font-weight: bold;
 }
 
-p.intro span.capcode,p.intro a.capcode,p.intro a.nametag {
+.intro span.capcode,p.intro a.capcode,p.intro a.nametag {
   color: #F00000;
   margin-left: 0;
 }
 
-p.intro a {
+.intro a {
   margin-left: 8px;
 }
 
@@ -600,7 +604,7 @@ table.mod.config-editor input[type="text"] {
   background-color: rgba(100%,100%,100%,0.2);
 }
 
-p.intro.thread-hidden {
+.intro.thread-hidden {
   margin: 0;
   padding: 0;
 }
@@ -821,7 +825,7 @@ div.thread:hover {
 
 #options_div {
   width: 600px;
-  height: 300px;
+  height: 320px;
 }
 
 #alert_div {
@@ -888,6 +892,7 @@ div.thread:hover {
   right: 0px;
   text-align: left;
   font-size: 12px;
+  overflow-y: auto;
 }
 
 .options_tab h2 {
@@ -926,7 +931,7 @@ span.pln {
 
 
 @media screen and (min-width: 768px) {
-  p.intro {
+  .intro {
     clear: none;
   }
 
@@ -959,3 +964,154 @@ span.pln {
 	cursor: pointer;
 }
 
+#youtube-size input {
+	width: 50px;
+}
+
+/* File selector */
+.dropzone {
+  color: #000;
+  cursor: default;
+  margin: auto;
+  padding: 0px 4px;
+  text-align: center;
+  min-height: 50px;
+  max-height: 140px;
+  transition: 0.2s;
+  background-color: rgba(200, 200, 200, 0.5);
+  overflow-y: auto;
+}
+.dropzone-wrap {
+  width: 100%;
+}
+.dropzone .file-hint {
+  color: rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+  position: relative;
+  margin-bottom: 5px;
+  padding: 10px 0px;
+  top: 5px;
+  transition: 0.2s;
+  border: 2px dashed rgba(125, 125, 125, 0.4);
+}
+.file-hint:hover, .dropzone.dragover .file-hint {
+  color: rgba(0, 0, 0, 1);
+  border-color: rgba(125, 125, 125, 0.8);
+}
+.dropzone.dragover {
+  background-color: rgba(200, 200, 200, 1);
+}
+.dropzone .file-thumbs {
+  text-align: left;
+  width: 100%;
+}
+.dropzone .tmb-container {
+  padding: 3px;
+  overflow-x: hidden;
+  white-space: nowrap;
+}
+.dropzone .file-tmb {
+  height: 40px;
+  width: 70px;
+  cursor: pointer;
+  display: inline-block;
+  text-align: center;
+  background-color: rgba(187, 187, 187, 0.5);
+  background-size: cover;
+  background-position: center;
+}
+.dropzone .file-tmb span {
+  font-weight: 600;
+  position: relative;
+  top: 13px;
+}
+.dropzone .tmb-filename {
+  display: inline-block;
+  vertical-align: bottom;
+  bottom: 12px;
+  position: relative;
+  margin-left: 5px;
+}
+.dropzone .remove-btn {
+  cursor: pointer;
+  color: rgba(125, 125, 125, 0.5);
+  display: inline-block;
+  vertical-align: bottom;
+  bottom: 10px;
+  position: relative;
+  margin-right: 5px;
+  font-size: 20px
+}
+.dropzone .remove-btn:hover {
+  color: rgba(125, 125, 125, 1);
+}
+
+#thread_stats {
+  display: inline;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+/* Fileboard */
+table.fileboard th, table.fileboard td {
+  padding: 2px;
+  text-align: center;
+}
+table.fileboard .intro a {
+  margin-left: 0px;
+}
+
+/* Gallery view */
+#gallery_images {
+  position: absolute;
+  right: 0px;
+  bottom: 0px;
+  top: 0px;
+  width: 12%;
+  background-color: rgba(0, 0, 0, 0.4);
+  overflow: auto;
+}
+#gallery_toolbar {
+  position: absolute;
+  right: 12%;
+  left: 0px;
+  bottom: 0px;
+  height: 32px;
+  background-color: rgba(0, 0, 0, 0.4);
+  text-align: right;
+}
+#gallery_images img {
+  width: 100%;
+}
+#gallery_toolbar a {
+  font-size: 28px;
+  padding-right: 5px;
+}
+#gallery_main {
+  position: absolute;
+  left: 0px;
+  right: 12%;
+  bottom: 32px;
+  top: 0px;
+  padding: 10px;
+}
+
+#gallery_images img {
+  opacity: 0.6;
+  -webkit-transition: all 0.5s;
+          transition: all 0.5s;
+}
+#gallery_images img:hover, #gallery_images img.active {
+  opacity: 1;
+}
+#gallery_images img.active {
+  -webkit-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
+     -moz-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
+          box-shadow: 0px 0px 29px 2px rgba(255,255,255,1);
+  z-index: 1;
+}
+#gallery_main img, #gallery_main video {
+  max-width: 100%;
+  max-height: 100%;
+  position: absolute;
+}