Building a CSS Quest Game - HTML5 Game Development - page 13

height: 39px;
display: block;
margin: auto;
text-indent: 120%;
white-space: nowrap;
overflow: hidden;
background-repeat: no-repeat;
}
.button:hover {
background-position: 0 -39px;
}
.button:active {
background-position: 0 0;
}
#start-scene {background: url(images/menu_bg.png);}
#start-btn {
background-image: url(images/start_btn.png);
margin-top: 270px;
}
#game-scene {background: url(images/game_bg.png);}
#game-scene.out {
opacity: 0;
top: 0;
transition-delay: .5s;
}
#summary-scene {background: url(images/summary_bg.png);}
next-level-button {
background-image: url(images/next_btn.png);
margin-top: 370px;
}
#summary-scene.in {
transition-delay: .5s;
}
#gameover-scene {
background: url(images/gameover_bg.png);
}
#back-to-menu-button {
background-image: url(images/restart_btn.png);
margin-top: 270px;
}