mirror of
https://github.com/danbulant/arcade-machine
synced 2026-06-13 19:42:27 +00:00
c27f0d8f26
Added templates for GAME1, GAME2 hitting arrow at the end of selection now returns it back to first position
96 lines
No EOL
1.8 KiB
CSS
96 lines
No EOL
1.8 KiB
CSS
.container{
|
|
display: grid;
|
|
height: 85vw;
|
|
grid-template-columns: repeat(3,1fr);
|
|
grid-template-rows: repeat(2,1fr);
|
|
grid-gap: 15px;
|
|
margin-top: 10px;
|
|
|
|
}
|
|
body{
|
|
min-height: 100vh;
|
|
max-width: 90vw;
|
|
margin: 0 auto;
|
|
background-color: rgb(56, 55, 55, 1);
|
|
}
|
|
* {
|
|
box-sizing: border-box; /* ulehci zivot */
|
|
}
|
|
.move{
|
|
display: flex;
|
|
color:rgb(15, 12, 12, 0.88);
|
|
border: 3px solid black;
|
|
font-family:Verdana, Geneva, Tahoma, sans-serif;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
border-radius: 15px;
|
|
|
|
|
|
}
|
|
|
|
.sex{
|
|
z-index: 1;
|
|
opacity: 0.91;
|
|
}
|
|
|
|
.sex:focus{
|
|
border:10px solid red;
|
|
}
|
|
#sdvx3-button{
|
|
position: relative;
|
|
border-radius: 15px;
|
|
}
|
|
#sdvx3-button img {
|
|
content: "";
|
|
object-fit: cover;
|
|
opacity: 0.8;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0;
|
|
border-radius: 10px;
|
|
}
|
|
#sdvx4-button{
|
|
position: relative;
|
|
border-radius: 15px;
|
|
}
|
|
#sdvx4-button img{
|
|
content: "";
|
|
|
|
object-fit: cover;
|
|
opacity: 0.8;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0;
|
|
border-radius: 15px;
|
|
|
|
}
|
|
#sdvx5-button{
|
|
position: relative;
|
|
border-radius: 15px;
|
|
}
|
|
#sdvx5-button img{
|
|
content: "";
|
|
|
|
object-fit: cover;
|
|
opacity: 0.8;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0;
|
|
border-radius: 15px;
|
|
} |