forked from monnerat/web_2025
51 lines
715 B
CSS
51 lines
715 B
CSS
|
/*.grid {
|
||
|
|
display:grid;
|
||
|
|
grid-template-columns : 100px 100px 100px;
|
||
|
|
grid-template-rows: auto;
|
||
|
|
grid-gap: 10px;
|
||
|
|
}*/
|
||
|
|
.board > div {
|
||
|
|
display : flex;
|
||
|
|
}
|
||
|
|
.board span {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align:baseline;
|
||
|
|
width: 100px;
|
||
|
|
height: 100px;
|
||
|
|
/*padding : 1em;*/
|
||
|
|
margin : 0.1em;
|
||
|
|
cursor: pointer;
|
||
|
|
border: 1px solid #444;
|
||
|
|
border-radius: 50px;
|
||
|
|
background: radial-gradient(rgb(150,250,150), #00ee00);
|
||
|
|
}
|
||
|
|
|
||
|
|
.board span.off {
|
||
|
|
background: #009900;
|
||
|
|
}
|
||
|
|
.board span.off:hover {
|
||
|
|
background: #3AB903;
|
||
|
|
}
|
||
|
|
|
||
|
|
.board span:hover {
|
||
|
|
background: #3AB903;
|
||
|
|
background: radial-gradient(rgb(66, 255, 66), #065006);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
.wrapper {
|
||
|
|
display : flex;
|
||
|
|
justify-content: space-around;
|
||
|
|
}
|
||
|
|
.wrapper .grid {
|
||
|
|
flex-basis : auto;
|
||
|
|
}
|
||
|
|
*/
|