mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
384 lines
33 KiB
CSS
384 lines
33 KiB
CSS
.charsheet {
|
|
background: conic-gradient(from 0deg at center, #ef4444, #3b82f6, #10b981, #8b5cf6, #ef4444);
|
|
}
|
|
.charsheet main,
|
|
.charsheet div {
|
|
display: flex;
|
|
font-family: "Courier New";
|
|
font-size: 12px;
|
|
padding: 3px;
|
|
}
|
|
.charsheet div.col {
|
|
flex-direction: column;
|
|
width: calc(100% - 6px);
|
|
}
|
|
.charsheet div.col-2 {
|
|
flex-direction: column;
|
|
width: calc(50% - 6px);
|
|
}
|
|
.charsheet label {
|
|
font-weight: normal;
|
|
}
|
|
.charsheet main {
|
|
display: grid;
|
|
grid-template-columns: 19% 19% 9% 9% 19% 19%;
|
|
grid-template-rows: 48% 48%;
|
|
grid-template-areas: "identity identity identity power power power" "skills skills monitor monitor misc misc ";
|
|
gap: 10px;
|
|
row-gap: 10px;
|
|
margin-top: -20px;
|
|
margin-left: -8px;
|
|
width: 100%;
|
|
min-width: 825px;
|
|
min-height: 430px;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-origin: border-box;
|
|
}
|
|
.charsheet #identity {
|
|
grid-area: identity;
|
|
}
|
|
.charsheet #power {
|
|
grid-area: power;
|
|
}
|
|
.charsheet #skills {
|
|
grid-area: skills;
|
|
display: grid;
|
|
grid-template-columns: 31% 31% 31%;
|
|
grid-template-rows: 42% 42% 10%;
|
|
grid-template-areas: "screwed muscle swiftness" "power neuron boldness" "bonus bonus bonus";
|
|
}
|
|
.charsheet #skills > label {
|
|
grid-area: bonus;
|
|
}
|
|
.charsheet #monitor {
|
|
grid-area: monitor;
|
|
flex-direction: column;
|
|
}
|
|
.charsheet #monitor > label:nth-of-type(1), .charsheet #monitor > label:nth-of-type(3) {
|
|
margin-bottom: 2px;
|
|
}
|
|
.charsheet #misc {
|
|
grid-area: misc;
|
|
}
|
|
|
|
input, textarea {
|
|
font-family: "Patrick Hand";
|
|
font-style: italic;
|
|
font-size: 1em;
|
|
border: 0;
|
|
}
|
|
|
|
textarea {
|
|
line-height: 22px;
|
|
padding-block: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
background: repeating-linear-gradient(to bottom, transparent 0 20px, lightgray 20px 21px, transparent 21px 22px) 50% 0/calc(100% - 44px) 100% no-repeat;
|
|
width: 95%;
|
|
}
|
|
|
|
input[type=text] {
|
|
border-bottom: solid lightgray 1px;
|
|
}
|
|
|
|
.charsheet button.roll[type=roll],
|
|
.charsheet button.roll[type=action] {
|
|
display: flex;
|
|
width: 20px;
|
|
height: 20px;
|
|
font-size: 20px;
|
|
line-height: 20px;
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
margin-top: 3px;
|
|
box-shadow: none;
|
|
padding: 2px 3px 0 3px;
|
|
}
|
|
.charsheet button.roll[type=roll]::before,
|
|
.charsheet button.roll[type=action]::before {
|
|
font-family: "dicefontd8";
|
|
content: "f";
|
|
}
|
|
.charsheet button.roll[type=roll].small,
|
|
.charsheet button.roll[type=action].small {
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
font-size: 16px;
|
|
margin-top: 0;
|
|
}
|
|
.charsheet button.roll[type=roll]:hover, .charsheet button.roll[type=roll]:hover::before,
|
|
.charsheet button.roll[type=action]:hover,
|
|
.charsheet button.roll[type=action]:hover::before {
|
|
font-weight: bold;
|
|
}
|
|
.charsheet button.roll[type=roll].white::before,
|
|
.charsheet button.roll[type=action].white::before {
|
|
color: white;
|
|
}
|
|
|
|
.charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="10"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="9"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="10"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="9"] ~ label[data-value="9"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="9"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="9"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="9"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="9"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="9"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="9"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="9"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="9"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="8"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="8"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="8"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="8"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="8"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="8"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="8"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="8"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="7"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="7"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="7"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="7"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="7"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="7"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="7"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="6"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="6"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="6"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="6"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="6"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="6"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="5"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="5"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="5"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="5"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="5"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="4"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="4"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="4"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="4"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="3"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="3"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="3"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="2"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="2"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[type=hidden][name=attr_san][value="1"] ~ label[data-value="1"] > span::before {
|
|
background: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/icon-SAN-chk.svg");
|
|
}
|
|
|
|
.charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="10"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="9"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="10"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="9"] ~ label[data-value="9"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="9"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="9"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="9"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="9"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="9"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="9"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="9"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="9"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="8"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="8"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="8"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="8"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="8"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="8"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="8"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="8"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="7"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="7"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="7"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="7"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="7"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="7"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="7"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="6"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="6"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="6"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="6"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="6"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="6"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="5"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="5"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="5"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="5"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="5"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="4"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="4"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="4"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="4"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="3"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="3"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="3"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="2"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="2"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[type=hidden][name=attr_equ][value="1"] ~ label[data-value="1"] > span::before {
|
|
background: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/icon-EQU-chk.svg");
|
|
}
|
|
|
|
.charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="10"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="9"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="10"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="9"] ~ label[data-value="9"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="9"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="9"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="9"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="9"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="9"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="9"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="9"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="9"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="8"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="8"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="8"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="8"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="8"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="8"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="8"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="8"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="7"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="7"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="7"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="7"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="7"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="7"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="7"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="6"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="6"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="6"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="6"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="6"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="6"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="5"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="5"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="5"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="5"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="5"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="4"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="4"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="4"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="4"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="3"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="3"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="3"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="2"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="2"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.sante > input[name=attr_san_max][value="1"] ~ label[data-value="1"] > span::before {
|
|
background: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/icon-SAN.svg");
|
|
}
|
|
|
|
.charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="10"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="9"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="10"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="9"] ~ label[data-value="9"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="9"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="9"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="9"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="9"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="9"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="9"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="9"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="9"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="8"] ~ label[data-value="8"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="8"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="8"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="8"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="8"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="8"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="8"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="8"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="7"] ~ label[data-value="7"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="7"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="7"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="7"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="7"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="7"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="7"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="6"] ~ label[data-value="6"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="6"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="6"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="6"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="6"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="6"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="5"] ~ label[data-value="5"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="5"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="5"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="5"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="5"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="4"] ~ label[data-value="4"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="4"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="4"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="4"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="3"] ~ label[data-value="3"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="3"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="3"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="2"] ~ label[data-value="2"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="2"] ~ label[data-value="1"] > span::before, .charsheet .fillLeft.equilibre > input[name=attr_equ_max][value="1"] ~ label[data-value="1"] > span::before {
|
|
background: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/icon-EQU.svg");
|
|
}
|
|
|
|
.charsheet .fillLeft {
|
|
background: none;
|
|
margin-bottom: 0;
|
|
width: 100%;
|
|
justify-content: space-around;
|
|
flex-wrap: wrap;
|
|
}
|
|
.charsheet .fillLeft > label {
|
|
padding: 0;
|
|
margin: 0;
|
|
flex-basis: 15%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.charsheet .fillLeft > label > input[type=radio] {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
opacity: 0;
|
|
cursor: default;
|
|
}
|
|
.charsheet .fillLeft > label > input[type=radio] ~ span {
|
|
width: 100%;
|
|
}
|
|
.charsheet .fillLeft > label > input[type=radio] ~ span::before {
|
|
display: flex;
|
|
content: "";
|
|
cursor: pointer;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: none;
|
|
font-size: 15px;
|
|
line-height: 11px;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .fillLeft:not(.showFirst) > label:first-of-type > input[type=radio] ~ span::before {
|
|
content: "X";
|
|
padding-left: 0;
|
|
background-image: none;
|
|
background-color: red;
|
|
width: 13px;
|
|
height: 13px;
|
|
border: solid red 1px;
|
|
border-radius: 10px;
|
|
color: white;
|
|
opacity: 0;
|
|
font-family: "Arial";
|
|
}
|
|
.charsheet .fillLeft:not(.showFirst):hover > label:first-of-type > input[type=radio] ~ span::before {
|
|
opacity: 1;
|
|
}
|
|
|
|
.charsheet .fillLeft.sante > label > input[type=radio] ~ span::before {
|
|
background-image: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/icon-SAN-dsbl.svg");
|
|
}
|
|
|
|
.charsheet .fillLeft.equilibre > label > input[type=radio] ~ span::before {
|
|
background-image: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/icon-EQU-dsbl.svg");
|
|
}
|
|
|
|
.charsheet .carac label {
|
|
background-repeat: no-repeat;
|
|
background-size: 100% calc(100% - 20px);
|
|
background-position-y: 20px;
|
|
}
|
|
.charsheet .carac label > span {
|
|
color: #cd241d;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .carac label > input[type=number] {
|
|
margin-top: 40px;
|
|
width: 35px;
|
|
margin-left: 20px;
|
|
}
|
|
.charsheet #pouvoir {
|
|
grid-area: power;
|
|
}
|
|
.charsheet #pouvoir > label {
|
|
background-image: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/frame-POU.svg");
|
|
}
|
|
.charsheet #muscle {
|
|
grid-area: muscle;
|
|
}
|
|
.charsheet #muscle > label {
|
|
background-image: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/frame-MUS.svg");
|
|
}
|
|
.charsheet #debrouille {
|
|
grid-area: swiftness;
|
|
}
|
|
.charsheet #debrouille > label {
|
|
background-image: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/frame-DEB.svg");
|
|
}
|
|
.charsheet #neurone {
|
|
grid-area: neuron;
|
|
}
|
|
.charsheet #neurone > label {
|
|
background-image: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/frame-NEU.svg");
|
|
}
|
|
.charsheet #aplomb {
|
|
grid-area: boldness;
|
|
}
|
|
.charsheet #aplomb > label {
|
|
background-image: url("https://raw.githubusercontent.com/Calmacil/ta-gueule-c-est-quantique/refs/heads/main/assets/frame-APL.svg");
|
|
}
|
|
|
|
.charsheet .stamp {
|
|
background: white;
|
|
background: radial-gradient(transparent 0px, transparent 4px, #453e8b 4px, #453e8b);
|
|
background-size: 20px 20px;
|
|
background-position: -10px -10px;
|
|
padding: 5px;
|
|
transform: rotate(-2deg);
|
|
}
|
|
.charsheet .screwed {
|
|
height: calc(100% - 8px);
|
|
width: calc(100% - 8px);
|
|
background: white;
|
|
color: #453e8b;
|
|
font-weight: bold;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.charsheet .screwBox {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
.charsheet .screwBox > span, .charsheet .screwBox > label {
|
|
flex-basis: 30%;
|
|
margin-bottom: 2px;
|
|
padding: 0;
|
|
}
|
|
.charsheet .screwBox > label > input[type=radio] {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: default;
|
|
}
|
|
.charsheet .screwBox > label > input[type=radio] ~ span {
|
|
width: 100%;
|
|
}
|
|
.charsheet .screwBox > label > input[type=radio] ~ span::before {
|
|
display: flex;
|
|
content: attr(title);
|
|
cursor: pointer;
|
|
border: none;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
justify-content: center;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet .screwBox > label > input[type=radio]:checked ~ span::before {
|
|
border: solid 2px #444;
|
|
border-radius: 10px;
|
|
}
|
|
.charsheet .screwed > button[type=action].roll {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.charsheet #famille,
|
|
.charsheet #ambition {
|
|
height: 75px;
|
|
width: 95%;
|
|
}
|
|
.charsheet #excentricite,
|
|
.charsheet #crise {
|
|
height: 90px;
|
|
}
|
|
.charsheet #equipement {
|
|
height: 120px;
|
|
}
|
|
.charsheet #avantage {
|
|
line-height: 22px;
|
|
padding-block: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
background: repeating-linear-gradient(to bottom, transparent 0 20px, lightgray 20px 21px, transparent 21px 22px) 50% 0/calc(100% - 44px) 100% no-repeat;
|
|
height: 45px;
|
|
}
|
|
.charsheet #identity {
|
|
rotate: -3deg;
|
|
}
|
|
.charsheet #power {
|
|
rotate: 2deg;
|
|
}
|
|
.charsheet .postit {
|
|
background-color: #ee9;
|
|
box-shadow: black 5px 5px 8px;
|
|
box-sizing: border-box;
|
|
}
|
|
.charsheet .postit input[type=text] {
|
|
background: none;
|
|
}
|
|
.charsheet .panel {
|
|
border: solid black 1px;
|
|
border-radius: 20px;
|
|
background-color: white;
|
|
}
|
|
.charsheet input[name=attr_character_name] {
|
|
width: 340px;
|
|
}
|
|
.charsheet input[name=attr_occupation] {
|
|
width: 280px;
|
|
}
|
|
.charsheet input[name=attr_powa] {
|
|
width: 390px;
|
|
}
|
|
.charsheet h3 {
|
|
text-align: center;
|
|
}
|
|
.charsheet h3.blue,
|
|
.charsheet label.blue {
|
|
color: #453e8b;
|
|
}
|
|
.charsheet h3.red,
|
|
.charsheet label.red {
|
|
color: #cd241d;
|
|
}
|
|
|
|
.sheet-rolltemplate-tgcq {
|
|
width: 100%;
|
|
background: conic-gradient(from 0deg at center, #f7bbbb, #c2d5f5, #b1f1dc, #d6c8fb, #f7bbbb) white;
|
|
border: solid gray 1px;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-tgcq > h1 {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
background: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.sheet-rolltemplate-tgcq > .sheet-rollBody, .sheet-rolltemplate-tgcq > .sheet-chaos {
|
|
padding: 5px;
|
|
}
|
|
.sheet-rolltemplate-tgcq .inlinerollresult,
|
|
.sheet-rolltemplate-tgcq .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-tgcq .inlinerollresult.fullfail {
|
|
border: none;
|
|
background: none;
|
|
}
|
|
|
|
/*# sourceMappingURL=tgcq.css.map */
|