2022-07-24 11:20:22 +02:00
|
|
|
#grid {
|
|
|
|
border-collapse: collapse;
|
2022-07-28 17:39:51 +02:00
|
|
|
border: 1px solid #ddd;
|
|
|
|
}
|
|
|
|
|
|
|
|
#grid.active {
|
|
|
|
border: none;
|
2022-07-23 18:39:27 +02:00
|
|
|
background: #ddd;
|
2022-07-23 22:39:59 +02:00
|
|
|
}
|
|
|
|
|
2022-07-24 11:20:22 +02:00
|
|
|
#grid td {
|
2022-07-23 18:39:27 +02:00
|
|
|
width: 2em;
|
|
|
|
height: 2em;
|
2022-07-25 15:40:03 +02:00
|
|
|
display: inline-block;
|
2022-07-24 11:20:22 +02:00
|
|
|
padding: 1px;
|
2022-07-28 17:39:51 +02:00
|
|
|
text-align: center;
|
|
|
|
line-height: 2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#grid.active td {
|
|
|
|
cursor: pointer;
|
2022-07-23 18:39:27 +02:00
|
|
|
}
|
2022-07-23 22:39:59 +02:00
|
|
|
|
2022-07-28 17:39:51 +02:00
|
|
|
#grid.active td:hover {
|
2022-07-24 11:20:22 +02:00
|
|
|
padding: 0;
|
|
|
|
border: 1px dashed #aaa;
|
2022-07-23 22:39:59 +02:00
|
|
|
}
|
2022-07-25 15:40:03 +02:00
|
|
|
|
|
|
|
#grid td[class*="color"] {
|
|
|
|
padding: 0;
|
|
|
|
}
|
2022-07-28 17:39:51 +02:00
|
|
|
|
|
|
|
#grid td.off {
|
|
|
|
filter: invert(1);
|
|
|
|
}
|
|
|
|
|
|
|
|
#save {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
#save.active {
|
|
|
|
display: initial;
|
|
|
|
}
|