Tobias
7d5455fdfd
- mostly working, but there's now way yet to enter/edit damage levels in the add/edit modal - changed some of the icons
59 lines
1.2 KiB
CSS
59 lines
1.2 KiB
CSS
#dummy-row {
|
|
display: none;
|
|
}
|
|
#dummy-row:only-child {
|
|
display: table-row;
|
|
}
|
|
|
|
input:invalid {
|
|
border: 2px solid red;
|
|
}
|
|
|
|
/* Dropdown Content (Hidden by Default) */
|
|
.damage-monitor {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 20;
|
|
|
|
top: 40px;
|
|
right: -8px;
|
|
width: 60px;
|
|
}
|
|
|
|
.damage-monitor th {
|
|
width: 30px;
|
|
height: 30px;
|
|
background-color: white;
|
|
border: solid darkgray 1px;
|
|
padding: 3px;
|
|
}
|
|
|
|
.damage-monitor td {
|
|
width: 30px;
|
|
height: 24px;
|
|
border: solid darkgray 1px;
|
|
font-size: smaller;
|
|
user-select: none;
|
|
|
|
}
|
|
.damage-monitor td::selection { background: none; }
|
|
.damage-monitor td::-moz-selection { background: none; }
|
|
|
|
td.damage-stun { background-color: cornflowerblue; }
|
|
/*td.damage-stun:hover { background-color: steelblue; }*/
|
|
td.damage-stun.selected { background-color: dodgerblue; }
|
|
td.damage-physical { background-color: indianred; }
|
|
/*td.damage-physical:hover { background-color: coral; }*/
|
|
td.damage-physical.selected { background-color: tomato; }
|
|
|
|
/* bgcolors: default, active, hover
|
|
phys: darkred, red, tomato, coral, lightcoral, indianred, orangered
|
|
stun: cornflowerblue, lightskyblue, mediumlateblue, steelblue, royalblue
|
|
*/
|
|
|
|
/* Change color of dropdown links on hover */
|
|
.damage-monitor td:hover {
|
|
background-color: gray;
|
|
}
|
|
|