32 lines
No EOL
823 B
CSS
32 lines
No EOL
823 B
CSS
div.game-container > a.game {
|
|
display: inline-block;
|
|
width: calc(460px * 0.8);
|
|
height: calc(215px * 0.8);
|
|
background-size: calc(460px * 0.8) calc(215px * 0.8);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
transition: background-size 200ms;
|
|
}
|
|
div.game-container > a.game:hover {
|
|
background-size: calc(460px * 0.7) calc(215px * 0.7);
|
|
}
|
|
|
|
div.game-container > a.game.dd2 {
|
|
background-image: url(../media/games/dd2.jpg);
|
|
}
|
|
|
|
div.game-container > a.game.enshrouded {
|
|
background-image: url(../media/games/enshrouded.jpg);
|
|
}
|
|
|
|
div.game-container > a.game.fallout4 {
|
|
background-image: url(../media/games/fallout4.jpg);
|
|
}
|
|
|
|
div.game-container > a.game.noita {
|
|
background-image: url(../media/games/noita.jpg);
|
|
}
|
|
|
|
div.game-container > a.game.sotf {
|
|
background-image: url(../media/games/sotf.jpg);
|
|
} |