para/puzzle
1
1
Fork 0
Code Issues 8 Pull requests Releases Wiki Activity

better game overview, start/finish time

Browse source
This commit is contained in:
Zutatensuppe 2020-12-06 21:55:23 +01:00
parent af5364155f
commit 69ab049f50
7 changed files with 142 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

61
game/style.css
View file

@ -44,7 +44,21 @@ a:hover { color: var(--link-hover-color); }
display: none;
}
.layer {
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: var(--bg-color);
}
.overlay.transparent {
background: transparent;
}
.settings {
position: absolute;
left: 50%;
top: 50%;
@ -56,16 +70,6 @@ a:hover { color: var(--link-hover-color); }
z-index: 1;
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: var(--bg-color);
}
.preview {
position: absolute;
top: 20px;
@ -143,3 +147,38 @@ input:focus {
box-shadow: 0 0 1px rgba(150,150,150,.4) inset;
cursor: not-allowed;
}
.game-teaser-wrap {
display: inline-block;
width: 20%;
padding: 5px;
box-sizing: border-box;
}
.game-teaser {
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: relative;
padding-top: 56.25%;
width: 100%;
background-color: #222222;
}
.game-info {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.game-info-text {
position: absolute;
top: 0;
background: var(--bg-color);
padding: 5px;
}