13 files changed, 45 insertions, 23 deletions

diff --git a/www/css/GentiumPlus.svg b/www/css/font/GentiumPlus.svg
index 78dca99..78dca99 100644
--- a/www/css/GentiumPlus.svg
+++ b/www/css/font/GentiumPlus.svg
diff --git a/www/css/GentiumPlus.ttf b/www/css/font/GentiumPlus.ttf
index c27adb5..c27adb5 100644
--- a/www/css/GentiumPlus.ttf
+++ b/www/css/font/GentiumPlus.ttf
diff --git a/www/css/GentiumPlus.woff b/www/css/font/GentiumPlus.woff
index 5cbe4c0..5cbe4c0 100644
--- a/www/css/GentiumPlus.woff
+++ b/www/css/font/GentiumPlus.woff
diff --git a/www/css/PlaytimeWithHotToddies.svg b/www/css/font/PlaytimeWithHotToddies.svg
index 820e79b..820e79b 100644
--- a/www/css/PlaytimeWithHotToddies.svg
+++ b/www/css/font/PlaytimeWithHotToddies.svg
diff --git a/www/css/PlaytimeWithHotToddies.ttf b/www/css/font/PlaytimeWithHotToddies.ttf
index 01835e8..01835e8 100644
--- a/www/css/PlaytimeWithHotToddies.ttf
+++ b/www/css/font/PlaytimeWithHotToddies.ttf
diff --git a/www/css/PlaytimeWithHotToddies.woff b/www/css/font/PlaytimeWithHotToddies.woff
index d745c54..d745c54 100644
--- a/www/css/PlaytimeWithHotToddies.woff
+++ b/www/css/font/PlaytimeWithHotToddies.woff
diff --git a/www/css/gentium.ttf b/www/css/font/gentium.ttf
index a8c1756..a8c1756 100644
--- a/www/css/gentium.ttf
+++ b/www/css/font/gentium.ttf
diff --git a/www/css/playtime-webfont.svg b/www/css/font/playtime-webfont.svg
index f63de50..f63de50 100644
--- a/www/css/playtime-webfont.svg
+++ b/www/css/font/playtime-webfont.svg
diff --git a/www/css/playtime-webfont.ttf b/www/css/font/playtime-webfont.ttf
index 33917b3..33917b3 100644
--- a/www/css/playtime-webfont.ttf
+++ b/www/css/font/playtime-webfont.ttf
diff --git a/www/css/playtime-webfont.woff b/www/css/font/playtime-webfont.woff
index 57867e2..57867e2 100644
--- a/www/css/playtime-webfont.woff
+++ b/www/css/font/playtime-webfont.woff
diff --git a/www/css/playtime.ttf b/www/css/font/playtime.ttf
index a36000a..a36000a 100644
--- a/www/css/playtime.ttf
+++ b/www/css/font/playtime.ttf
diff --git a/www/css/playtime_bold.ttf b/www/css/font/playtime_bold.ttf
index e730c2b..e730c2b 100644
--- a/www/css/playtime_bold.ttf
+++ b/www/css/font/playtime_bold.ttf
diff --git a/www/css/index.css b/www/css/index.css
index 7818403..23acff5 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -1,16 +1,16 @@
 @font-face {
   font-family: "Playtime";
   /* src: url("playtime.ttf"); */
-  src: url("PlaytimeWithHotToddies.svg");
-  src: url("PlaytimeWithHotToddies.ttf");
-  src: url("PlaytimeWithHotToddies.woff");
+  src: url("font/PlaytimeWithHotToddies.svg");
+  src: url("font/PlaytimeWithHotToddies.ttf");
+  src: url("font/PlaytimeWithHotToddies.woff");
 }
 @font-face {
   font-family: "Gentium";
   /* src: url("gentium.ttf"); */
-  src: url("GentiumPlus.svg");
-  src: url("GentiumPlus.ttf");
-  src: url("GentiumPlus.woff");
+  src: url("font/GentiumPlus.svg");
+  src: url("font/GentiumPlus.ttf");
+  src: url("font/GentiumPlus.woff");
 }
 body {
   margin: 0;
@@ -18,14 +18,22 @@ body {
   background: gray;
   font: 22px/27px Playtime, sans-serif;
 }
+* {
+  -moz-user-select: -moz-none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+#container, #bg, #vid {
+  cursor: url("../dump/ui/mousecursor.png"), default;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+}
 #container {
-  cursor: url("/dump/ui/mousecursor.png"), auto;
   width: 800px;
   height: 600px;
-  position: absolute;
-  top: 50%;
   margin-top: -300px;
-  left: 50%;
   margin-left: -400px;
 }
 @keyframes toright {
@@ -36,11 +44,6 @@ body {
     left: -190px;
   }
 }
-#bg,#vid {
-  position: absolute;
-  width: 800px;
-  height: 600px;
-}
 #who {
   color: black;
   position: absolute;
@@ -55,10 +58,6 @@ body {
   position: absolute;
   top: 493px;
   left: 28px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
 }
 #window-image {
   position: absolute;
@@ -94,9 +93,10 @@ html.no-js #warn-container {
   width: 600px;
   z-index: 10;
 }
-#notwork {
-  font: 28px/34px Playtime;
+h2 {
+  font: 20px/28px Playtime;
   font-weight: bold;
+  opacity: 0.4;
 }
 html.no-js #warn li:not(#js) { display: none; }
 html.video #warn li#video { display: none; }
@@ -106,10 +106,16 @@ html.csstransforms #warn li#csstransforms { display: none; }
 html.csstransitions #warn li#csstransitions { display: none; }
 html #warn li#html-svg-filter { display: none; }
 .button {
-  cursor: pointer;
+  display: block;
+}
+.button-enabled {
+/* cursor: pointer; */
   opacity: 0.4;
 }
-.button:hover {
+.button-disabled {
+  opacity: 0.1;
+}
+.button-enabled:hover {
   opacity: 1;
 }
 #gotit {
@@ -118,3 +124,19 @@ html #warn li#html-svg-filter { display: none; }
 html.no-js #gotit {
   display: none;
 }
+#main-menu-buttons .button {
+  margin: 4px;
+}
+input[type="checkbox"] {
+  display: none;
+}
+input[type="checkbox"] + span:before {
+  display: inline-block;
+  height: 19px;
+  width: 20px;
+  content: "";
+  background: url("../dump/ui/bt-cf-unchecked.png") no-repeat left bottom;
+}
+input[type="checkbox"]:checked + span:before {
+  background: url("../dump/ui/bt-cf-checked.png") no-repeat left bottom;
+}