style options dialog

5 files changed, 57 insertions, 10 deletions

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_roach.css b/stylesheets/dark_roach.css
index d3154e28..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;
@@ -479,7 +472,7 @@ input[type="submit"]:hover
 
 /* options.js */
 #options_div {
-        background: #000000;
+        background: #333333;
 }
 .options_tab_icon {
         color: #AAAAAA;
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;
+}