41 lines
813 B
CSS
41 lines
813 B
CSS
table, tr, td {
|
|
user-select: none; /* Prevents dragging issue */
|
|
border-spacing: 0px;
|
|
}
|
|
td.plate_cell {
|
|
height: 2vmin;
|
|
background: none;
|
|
}
|
|
|
|
div.plate_cell_inner {
|
|
aspect-ratio: 1 / 1;
|
|
height: 90%;
|
|
border-radius: 50%;
|
|
border: 2px solid black;
|
|
}
|
|
td.plate_cell:hover div.plate_cell_inner {
|
|
background: black !important;
|
|
}
|
|
td.plate_cell.in_transfer div.plate_cell_inner::after {
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
border-radius: 50%;
|
|
background-image: repeating-linear-gradient(
|
|
45deg,
|
|
rgba(0,0,0,0.8),
|
|
rgba(0,0,0,0.8) 2px,
|
|
transparent 2px,
|
|
transparent 4px
|
|
);
|
|
}
|
|
|
|
div.source_plate td.current_select div.plate_cell_inner {
|
|
background-image: linear-gradient(lightblue, lightblue);
|
|
}
|
|
div.dest_plate td.current_select div.plate_cell_inner {
|
|
background: lightcoral;
|
|
}
|
|
|