31 lines
530 B
CSS
31 lines
530 B
CSS
|
body {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
#image-canvas {
|
||
|
|
width: 2000px;
|
||
|
|
background-color: gray;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
padding-left: 25px;
|
||
|
|
padding-top: 6px;
|
||
|
|
}
|
||
|
|
#image-canvas img {
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
border-radius: 25px;
|
||
|
|
margin-top: -6px;
|
||
|
|
}
|
||
|
|
#image-canvas img:nth-child(80n+42) {
|
||
|
|
margin-left: -25px;
|
||
|
|
}
|
||
|
|
#selected-cap-circle {
|
||
|
|
width: 46px;
|
||
|
|
height: 46px;
|
||
|
|
border: 2px solid green;
|
||
|
|
border-radius: 25px;
|
||
|
|
position: absolute;
|
||
|
|
top: 0px;
|
||
|
|
left: 25px;
|
||
|
|
display: none;
|
||
|
|
}
|