Added background color changing

[jkinsey.net.git] / res / style.css

diff --git a/res/style.css b/res/style.css
index 37422944e133bd2477ac87f9e5f3e09feb1156f0..5ba1ddff62a5542696d20223346bd8ff2261c99b 100644 (file)
--- a/res/style.css
+++ b/res/style.css
@@ -1,4 +1,9 @@
 @import url('https://fonts.googleapis.com/css?family=Cutive+Mono|Source+Code+Pro:300');
+/* pink:473a47
+ * blue:004350
+ * green:0c5b57
+ * yellow:4b4432
+ */
 
 body {
     width:100%;
@@ -6,9 +11,29 @@ body {
     overflow-x:hidden;
     font-family:'Cutive Mono', monospace;
     color:#FFF1FF;
-    #background-image:linear-gradient(to right,#00c4f4 0%,#278fba 20%,#278fba 80%,#00c4f4 100%);
-    #background-color:#278fba;
-    background:url(http://static.jkinsey.net/img/pinkishstardust.png) #323;
+    transition:background-color .6s cubic-bezier(0.23, 1, 0.32, 1);
+}
+
+body.pink {
+    background-color:#161216;
+}
+
+body.blue {
+    background-color:#001216;
+}
+
+body.green {
+    background-color:#031514;
+}
+
+body.yellow {
+    background-color:#191710;
+}
+
+main {
+    width:100%;
+    height:100%;
+    background:url(stars.png);
 }
 
 menu {