64 lines
822 B
CSS
64 lines
822 B
CSS
|
html {
|
||
|
|
font-family: roboto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.unlockpad {
|
||
|
|
padding: 2.5vh 3vw;
|
||
|
|
}
|
||
|
|
table {
|
||
|
|
margin: 1vh, 1vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
.full {
|
||
|
|
text-align: center;
|
||
|
|
margin: auto;
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr;
|
||
|
|
}
|
||
|
|
|
||
|
|
td {
|
||
|
|
padding: 5px 25px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
tr td img {
|
||
|
|
margin-top: 20px;
|
||
|
|
width: 5%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.lock:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.triangle {
|
||
|
|
margin: auto;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-left: 25px solid transparent;
|
||
|
|
border-right: 25px solid transparent;
|
||
|
|
|
||
|
|
}
|
||
|
|
.triangle:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.up { border-bottom: 50px solid #555; }
|
||
|
|
.down { border-top: 50px solid #555; }
|
||
|
|
|
||
|
|
.digit {
|
||
|
|
text-align: center;
|
||
|
|
font-size: 5vw;
|
||
|
|
/*border: 1px solid black;*/
|
||
|
|
}
|
||
|
|
|
||
|
|
#solution, #nosolution {
|
||
|
|
margin: auto;
|
||
|
|
position: relative;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 5vw;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
#nosolution img {
|
||
|
|
margin-top: 5vw;
|
||
|
|
width: 20%;
|
||
|
|
}
|