'
+settingsMenu.innerHTML = prefix
+ + '
'
+ '
'
+ '
'
+ '
'
- + '
';
+ + suffix;
function refreshSettings() {
var settingsItems = settingsMenu.getElementsByTagName("input");
@@ -74,7 +84,7 @@ for (var i = 0; i < settingsItems.length; i++) {
setupControl(settingsItems[i]);
}
-if (settingsMenu.addEventListener) {
+if (settingsMenu.addEventListener && !window.Options) {
settingsMenu.addEventListener("mouseover", function(e) {
refreshSettings();
settingsMenu.getElementsByTagName("a")[0].style.fontWeight = "bold";
diff --git a/stylesheets/caffe.css b/stylesheets/caffe.css
index 76b18f43..7e2c5879 100644
--- a/stylesheets/caffe.css
+++ b/stylesheets/caffe.css
@@ -380,3 +380,17 @@ div.boardlist {
color: rgba(0, 0, 0, 1);
font-size: 9pt;
}
+
+/* options.js */
+#options_div {
+ background: #a47a6b url('img/caffe_reply.png') repeat center;
+ border: solid 1px #a47a6b;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+}
+.options_tab_icon {
+ color: inherit;
+}
+#options_tablist {
+ border-color: #a47a6b;
+}
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
index b4af44d8..91a9435f 100644
--- a/stylesheets/dark.css
+++ b/stylesheets/dark.css
@@ -178,3 +178,14 @@ table.modlog tr th {
div.report {
color: #666666;
}
+
+/* options.js */
+#options_div {
+ background: #333333;
+}
+.options_tab_icon {
+ color: #AAAAAA;
+}
+.options_tab_icon.active {
+ color: #FFFFFF;
+}
diff --git a/stylesheets/dark_roach.css b/stylesheets/dark_roach.css
index a9ce5931..1831fd91 100644
--- a/stylesheets/dark_roach.css
+++ b/stylesheets/dark_roach.css
@@ -404,6 +404,8 @@ table.mod.config-editor {
font-size: 9pt;
width: 100%;
}
+
+
table.mod.config-editor td {
text-align: left;
padding: 5px;
@@ -433,15 +435,6 @@ table.mod.config-editor input[type="text"] {
.desktop-style .sub {
background: inherit;
}
-.desktop-style .sub .sub {
- display: inline-block;
- text-indent: -9000px;
- width: 7px;
- background: url('img/arrow.png') right center no-b .sub:hover, .desktop-style .sub .sub.hover {
- display: inline;
- text-indent: 0px;
- background: inherit;
-}
#attention_bar {
height: 1.5em;
@@ -476,3 +469,14 @@ input[type="submit"]:hover
{
color: #9999CC;
}
+
+/* options.js */
+#options_div {
+ background: #333333;
+}
+.options_tab_icon {
+ color: #AAAAAA;
+}
+.options_tab_icon.active {
+ color: #FFFFFF;
+}
diff --git a/stylesheets/futaba+vichan.css b/stylesheets/futaba+vichan.css
index cbd219fd..607cf49c 100644
--- a/stylesheets/futaba+vichan.css
+++ b/stylesheets/futaba+vichan.css
@@ -99,3 +99,20 @@ div.boardlist.bottom {
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
background-color: rgba(90%, 90%, 90%, 0.55);
}
+
+/* options.js */
+#options_div {
+ background: rgb(240, 224, 214);
+}
+.options_tab_icon {
+ border: 1px solid transparent;
+ border-width: 0px 1px 1px 0px;
+}
+.options_tab_icon:hover {
+ border-color: #d9bfb7;
+ border-width: 0px 1px 1px 0px;
+}
+.options_tab_icon.active {
+ border-color: #d9bfb7;
+ border-width: 1px 0px 0px 1px;
+}
diff --git a/stylesheets/futaba-light.css b/stylesheets/futaba-light.css
index 88982ea0..ecc5da83 100644
--- a/stylesheets/futaba-light.css
+++ b/stylesheets/futaba-light.css
@@ -96,3 +96,9 @@ table.modlog tr th {
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
background-color: rgba(90%, 90%, 90%, 0.55);
}
+
+/* options.js */
+#options_div {
+ background: rgb(240, 224, 214);
+}
+
diff --git a/stylesheets/futaba.css b/stylesheets/futaba.css
index 05823948..c9cefb85 100644
--- a/stylesheets/futaba.css
+++ b/stylesheets/futaba.css
@@ -84,3 +84,20 @@ table.modlog tr th {
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
background-color: rgba(90%, 90%, 90%, 0.55);
}
+
+/* options.js */
+#options_div {
+ background: rgb(240, 224, 214);
+}
+.options_tab_icon {
+ border: 1px solid transparent;
+ border-width: 0px 1px 1px 0px;
+}
+.options_tab_icon:hover {
+ border-color: #d9bfb7;
+ border-width: 0px 1px 1px 0px;
+}
+.options_tab_icon.active {
+ border-color: #d9bfb7;
+ border-width: 1px 0px 0px 1px;
+}
diff --git a/stylesheets/roach.css b/stylesheets/roach.css
index d261406f..945559be 100644
--- a/stylesheets/roach.css
+++ b/stylesheets/roach.css
@@ -253,4 +253,10 @@ border-top: 1px solid #835B36 !important;
}
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
background: none repeat scroll 0 0 #FFFFFF;
-}
\ No newline at end of file
+}
+
+/* options.js */
+#options_div {
+ background: white;
+}
+
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 4e1c5f86..ffd26e7d 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -539,6 +539,17 @@ pre {
margin-left: -20px;
}
+.theme-catalog div.grid-size-vsmall img {
+ max-width: 100%;
+ max-height: 100px;
+}
+
+.theme-catalog div.grid-size-vsmall {
+ width: 100px;
+ max-width: 100px;
+ max-height: 150px;
+}
+
.theme-catalog div.grid-size-small {
width: 200px;
max-width: 200px;
@@ -628,12 +639,6 @@ pre {
vertical-align: middle;
}
-/* Containerchan */
- div.post video.post-image {
- padding: 0;
- margin: 5px 25px 5px 5px;
- }
-
/* live-index.js */
.new-posts {
opacity: 0.6;
@@ -642,3 +647,76 @@ pre {
.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;
+}
diff --git a/stylesheets/yotsuba.css b/stylesheets/yotsuba.css
index a669d9d4..0b603399 100644
--- a/stylesheets/yotsuba.css
+++ b/stylesheets/yotsuba.css
@@ -57,3 +57,8 @@ div.boardlist a {
table.modlog tr th {
background: #EA8;
}
+
+/* options.js */
+#options_div {
+ background: #f0e0d6;
+}
diff --git a/templates/header.html b/templates/header.html
index 7e0b90b3..2ab33bcb 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -8,6 +8,7 @@
{% if config.default_stylesheet.1 != '' and not mod %}
{% endif %}
{% if config.font_awesome %}
{% endif %}
{% if config.country_flags_condensed %}
{% endif %}
+ {% if config.katex %}
{% endif %}