Add color vars to style.css and some winbox stuff

Signed-off-by: Alek Ratzloff <alekratz@gmail.com>

board/static/board/style.css

@@ -1,9 +1,19 @@
+:root {
+    --body: #ededed;
+    --highlight: #555;
+    --border-color: #555;
+    --quote: #595;
+    --activated: #888;
+    --post-background: #d9d9d9;
+    --reply-background: #eee;
+}
+
 body {
-    background-color: #ededed;
+    background-color: var(--body);
 }
 
 hr {
-    color: #ededed;
+    color: var(--body);
 }
 
 th {
@@ -37,8 +47,8 @@ th {
 
 .post_menu {
     position: absolute;
-    background: #ededed;
-    outline: 1px solid #555;
+    background: var(--body);
+    outline: 1px solid var(--border-color);
 }
 
 .post_menu_items {
@@ -80,7 +90,7 @@ th {
 }
 
 .post_id:hover {
-    color: #888;
+    color: var(--activated);
 }
 
 .post_subject {
@@ -92,12 +102,12 @@ th {
 }
 
 .post {
-    background-color: #d9d9d9;
+    background-color: var(--post-background);
     padding: 10px;
 }
 
 .reply {
-    background-color: #eee;
+    background-color: var(--reply-background);
     padding: 10px;
     margin: 5px 0 0 0;
 }
@@ -108,7 +118,7 @@ th {
 }
 
 .quote {
-    color: #595;
+    color: var(--quote);
 }
 
 .post_link {
@@ -122,17 +132,36 @@ th {
 /* Misc */
 
 a:link {
-    color: #555;
+    color: var(--highlight);
 }
 
 a:visited {
-    color: #555;
+    color: var(--highlight);
 }
 
 a:hover {
-    color: #888;
+    color: var(--activated);
 }
 
 a:active {
-    color: #888;
+    color: var(--activated);
+}
+
+/*******************************************************************************
+ Winbox.js styles
+********************************************************************************/
+.wb-min {
+    display: none;
+}
+
+.wb-max {
+    display: none;
+}
+
+.wb-full {
+    display: none;
+}
+
+.winbox {
+    background: var(--border-color);
 }