add user-options dialog functionality; port webm-settings to it; make a basic general settings applet; make it work on mobiles

1 files changed, 73 insertions, 0 deletions

diff --git a/stylesheets/style.css b/stylesheets/style.css
index 3688b939..66f6cb91 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -636,3 +636,76 @@ form.ban-appeal textarea {
 .new-threads {
   text-align: center;
 }
+
+/* options.js */
+#options_handler {
+  position: fixed;
+  top: 0px; left: 0px; right: 0px; bottom: 0px;
+  width: 100%; height: 100%;
+  text-align: center;
+  z-index: 9900;
+}
+#options_background {
+  background: black;
+  opacity: 0.5;
+  position: absolute;
+  top: 0px; left: 0px; right: 0px; bottom: 0px;
+  width: 100%; height: 100%;
+  z-index: -1;
+}
+#options_div {
+  background-color: #d6daf0;
+  border: 1px solid black;
+  display: inline-block;
+  position: relative; 
+  margin-top: 20px;
+  width: 600px;
+  height: 300px;
+}
+#options_close {
+  top: 0px; right: 0px;
+  position: absolute;
+  margin-right: 3px;
+  font-size: 20px; z-index: 100;
+}
+#options_tablist {
+  padding: 0px 5px;
+  left: 0px;
+  width: 70px;
+  top: 0px;
+  bottom: 0px;
+  height: 100%;
+  border-right: 1px solid black;
+}
+.options_tab_icon {
+  padding: 5px;
+  color: black;
+}
+.options_tab_icon.active {
+  color: red;
+}
+.options_tab_icon i {
+  font-size: 20px;
+}
+.options_tab_icon div {
+  font-size: 11px;
+}
+.options_tab {
+  padding: 10px;
+  position: absolute;
+  top: 0px; bottom: 0px;
+  left: 81px; right: 0px;
+  text-align: left;
+  font-size: 12px;
+}
+.options_tab h2 {
+  text-align: center;
+  margin-bottom: 5px;
+}
+
+.mobile-style #options_div {
+  display: block;
+  width: 100%;
+  height: 100%;
+  margin-top: 0px;
+}