Fade in/out the colored background image of learn, download, and game…

…s bar
spring · Aug 4, 2012 · 52bfbf5 · 52bfbf5
1 parent 810df62
commit 52bfbf5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/wwwroot/index.css b/wwwroot/index.css
@@ -86,6 +86,10 @@ a:hover {
 .gamesbar {
 	background-repeat: no-repeat;
 	background-position: top right;
+	-o-transition:background-image 0.5s ease-in-out;
+	-ms-transition:background-image 0.5s ease-in-out;
+	-moz-transition:background-image 0.5s ease-in-out;
+	-webkit-transition:background-image 0.5s ease-in-out;
 }
 
 .learnmorebar { background-image: url(/images/notselected_learn.jpg); }

diff --git a/wwwroot/templates/pagestart.html b/wwwroot/templates/pagestart.html
@@ -5,7 +5,7 @@
 	<link rel="alternate" type="application/atom+xml" title="The Spring Project - News" href="http://springrts.com/phpbb/feed.php?f=2" />
 	<title>Spring RTS Engine</title>
 	<link href="stylesv1.css" rel="stylesheet" type="text/css" />
-	<link href="indexv1.css" rel="stylesheet" type="text/css" />
+	<link href="indexv2.css" rel="stylesheet" type="text/css" />
 	<script type="text/javascript" language="javascript" src="external/lytebox/lytebox.js"></script>
 	<link rel="stylesheet" href="external/lytebox/lytebox.css" type="text/css" media="screen" />
 	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />