added the starishpink background

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

diff --git a/res/style.css b/res/style.css
index fa49b94ae8d6c8eb2c82df5487e4aaccfb386703..37422944e133bd2477ac87f9e5f3e09feb1156f0 100644 (file)
--- a/res/style.css
+++ b/res/style.css
@@ -7,7 +7,8 @@ body {
     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-color:#278fba;
+    background:url(http://static.jkinsey.net/img/pinkishstardust.png) #323;
 }
 
 menu {
@@ -37,7 +38,7 @@ menu.top {
     height:100px;
 }
 
-menu, menu > *, menu img {
+menu, menu > *, menu img, article {
     transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);
 }
 
@@ -142,7 +143,7 @@ menu nav ul li a:link, menu nav ul li a:visited {
     color:inherit;
 }
 
-menu nav ul li a:hover {
+menu nav ul li a:hover, menu nav ul li a.selected {
     text-decoration:underline;
 }
 
@@ -156,15 +157,18 @@ article {
     left:calc(50% - 400px);
     width:800px;
     height:auto;
-    opacity:1;
 }
 
-article.hidden {
-    display:none;
+article.selected {
+    opacity:1;
+    visibility:visible;
+    top:150px;
 }
 
-article.clear {
+article.hidden {
     opacity:0;
+    visibility:hidden;
+    top:200px;
 }
 
 article > div {