1 files changed, 35 insertions, 11 deletions
diff --git a/www/index.css b/www/index.css
index e39fa2a..b91d4bc 100644
--- a/www/index.css
+++ b/www/index.css
@@ -31,10 +31,11 @@ body {
     left: -190px;
   }
 }
-#bg,#video,#solid {
+#bg,#vid,#solid {
   position: absolute;
   width: 800px;
   height: 600px;
+  filter: url(filters.svg#sunset);
 }
 #say {
   color: white;
@@ -53,20 +54,43 @@ body {
   top: 440px;
   left: 0;
 }
-noscript {
-  position: absolute;
-  top: 20%;
-  width: 600px;
+#warn {
+  background-color: rgb(128, 128, 128);
+  background-color: rgba(128, 128, 128, 0.8);
+  border-radius: 10px 10px;
+  cursor: auto;
+  display: none;
+  height: 70%;
   left: 50%;
   margin-left: -300px;
-  display: block;
-  cursor: auto;
-}
-#noscript {
-  margin: auto;
-  background-color: gray;
+  overflow: auto;
+  padding: 10px;
+  position: absolute;
+  top: 10%;
+  width: 600px;
+  z-index: 10;
 }
 #notwork {
   font: 44px/46px Playtime;
   font-weight: bold;
 }
+html.js #warn li#js { display: none; }
+html.video #warn li#video { display: none; }
+html.audio #warn li#audio { display: none; }
+html.fontface #warn li#fontface { display: none; }
+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;
+  opacity: 0.4;
+}
+.button:hover {
+  opacity: 1;
+}
+#gotit {
+  text-align: center;
+}
+html.no-js #gotit {
+  display: none;
+}