Css Sprites!

Adds 2 CSS Sprites (one for the main menu button, and one for the next level button)
Dave-and-Mike · Nov 28, 2012 · 93f8bbe · 93f8bbe
1 parent 8ed72eb
commit 93f8bbe
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 4 deletions.
diff --git a/css/main.css b/css/main.css
@@ -138,29 +138,31 @@ canvas
 
 #game_scorecard .nextLevel
 {
- background-image:url(../img/next-off.png);
+ background-image:url(../img/next-button.png);
  width:180px;
  height:92px;
  top:-313px;
  margin-left:277px;
+ background-position: 0px 0px;
 }
 
 #game_scorecard .nextLevel:hover
 {
- background-image:url(../img/next-on.png);
+ background-position: -190px 0px;
 }
 
 #game_scorecard .mainMenu
 {
- background-image:url(../img/menu-off.png);
+ background-image:url(../img/menu-button.png);
  width:180px;
  height:92px;
  margin-left:28px;
+ background-position: 0px 0px;
 }
 
 #game_scorecard .mainMenu:hover
 {
- background-image:url(../img/menu-on.png);
+ background-position: -190px 0px;
 }
 
 #game_scorecard .resetLevel

diff --git a/img/menu-button.png b/img/menu-button.png
diff --git a/img/menu-off.png b/img/menu-off.png
diff --git a/img/menu-on.png b/img/menu-on.png
diff --git a/img/next-button.png b/img/next-button.png