Files
2020-12-13 19:26:43 +01:00

2198 lines
60 KiB
CSS

.sheet-container,
.sheet-tab1,
.sheet-tab2
{
justify-content:space-between;
flex-wrap:wrap;
min-width:800px;
align-items:flex-start;
width:100%;
}
.sheet-fichePNJ
{
min-width:800px;
}
.sheet-tab1,
.sheet-tab2
{
display:none;
}
div,
span,
input[type="number"],
input[type="text"],
textarea,
select,
h1,
label,
button[type="roll"],
button[type="action"],
img
{
display:flex;
color:black;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
input[type=number],
input[type=text]
{
-moz-appearance:textfield;
border-radius:0px;
}
label
{
margin:0px;
padding:0px;
}
select
{
margin:0px;
}
textarea
{
border:none;
width:100%;
padding:0px;
text-align:justify;
border-radius:0px;
margin:0px;
}
div.sheet-autoex
{
line-height: 1.4em;
min-height: 1.4em;
cursor: text;
text-align: left;
position:relative;
width:100%;
}
div.sheet-autoex > span
{
visibility: hidden;
display: block;
font-family: inherit;
font-size: inherit;
line-height: inherit;
white-space: pre-wrap;
text-align: inherit;
min-height: inherit;
height:100%;
word-wrap:anywhere;
padding-left:2px;
padding-right:2px;
}
div.sheet-autoex > textarea
{
display: block;
z-index: 1;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: calc(100% - 4px);;
overflow: hidden;
font-family: inherit;
font-size: inherit;
line-height: inherit;
white-space: pre-wrap;
text-align: inherit;
min-height: inherit;
resize: none;
margin:0px;
padding-left:2px;
padding-right:2px;
}
div.sheet-autoex > textarea::placeholder
{
font-family:"Contrail One";
color: #575957da;
text-transform: capitalize;
font-style: italic;
text-align: center;
font-size: 95%;
font-weight:normal;
}
div.sheet-autoex22
{
min-height:22px;
}
div.sheet-autoex28
{
min-height:28px;
}
div.sheet-autoex40
{
min-height:40px;
}
div.sheet-autoex100
{
min-height:100px;
}
input[type="hidden"].sheet-typeFiche[value="1"] ~ div.sheet-fichePNJ,
input[type="hidden"].sheet-typeFiche[value="2"] ~ div.sheet-fichePJ
{
display:none;
}
div.sheet-fichePJ,
div.sheet-fichePNJ
{
flex-wrap:wrap;
}
div.sheet-top
{
width:100%;
justify-content:space-between;
margin-bottom:10px;
}
div.sheet-version
{
width:30px;
border:1px solid black;
border-radius:5px;
margin-right:auto;
}
div.sheet-typeFiche
{
width:100px;
border:1px solid black;
border-radius:5px;
margin-left:auto;
}
div.sheet-typeFiche > input[type="hidden"][value="2"] ~ input[type="radio"]:checked,
div.sheet-typeFiche > input[type="hidden"][value="1"] ~ input[type="radio"]:checked,
div.sheet-typeFiche > input[type="hidden"][value="2"] ~ span:first-of-type,
div.sheet-typeFiche > input[type="hidden"][value="1"] ~ span:last-of-type,
div.sheet-version > input[type="hidden"][value="1"] ~ input[type="radio"]:checked,
div.sheet-version > input[type="hidden"][value="0"] ~ input[type="radio"]:checked,
div.sheet-version > input[type="hidden"][value="1"] ~ span:first-of-type,
div.sheet-version > input[type="hidden"][value="0"] ~ span:last-of-type
{
display:none;
}
div.sheet-version > input[type="radio"]
{
position:absolute;
width:30px;
height:20px;
z-index:99;
opacity:0;
}
div.sheet-typeFiche > input[type="radio"]
{
position:absolute;
width:100px;
height:20px;
z-index:99;
opacity:0;
}
div.sheet-version > input[type="radio"] ~ span,
div.sheet-typeFiche > input[type="radio"] ~ span
{
width:100%;
}
div.sheet-version > input[type="radio"] ~ span::before,
div.sheet-typeFiche > input[type="radio"] ~ span::before
{
display:flex;
content:attr(title);
width:100%;
line-height:20px;
font-weight:bold;
justify-content:center;
}
img.sheet-logo
{
margin: auto;
max-height: 75px;
margin-bottom: 20px;
min-width:720px;
}
img.sheet-ideogramme,
img.sheet-ideogramme2
{
display: none;
height: 90px;
position: absolute;
margin-left: 3px;
}
input[type="hidden"].sheet-versionFiche[value="0"] ~ img.sheet-ideogramme,
input[type="hidden"].sheet-versionFiche[value="1"] ~ img.sheet-ideogramme2
{
display: flex;
}
input[type="hidden"].sheet-versionFicheColor[value="0"] ~ div.sheet-heroisme > div:nth-of-type(1),
input[type="hidden"].sheet-versionFicheColor[value="0"] ~ div.sheet-XP > div,
input[type="hidden"].sheet-versionFicheColor[value="0"] ~ div.sheet-credits > div
{
background-color:RGB(174, 204, 83);
}
input[type="hidden"].sheet-versionFicheColor[value="1"] ~ div.sheet-heroisme > div:nth-of-type(1),
input[type="hidden"].sheet-versionFicheColor[value="1"] ~ div.sheet-XP > div,
input[type="hidden"].sheet-versionFicheColor[value="1"] ~ div.sheet-credits > div
{
background-color:RGB(80, 183, 71);
}
div.sheet-header
{
width:100%;
justify-content:space-between;
min-width:720px;
}
div.sheet-header > label
{
width:calc((100% / 3) - 20px);
flex-wrap:wrap;
}
div.sheet-header > label > span
{
width:100%;
font-size:12px;
font-weight:normal;
padding-left:2px;
font-variant:small-caps;
}
div.sheet-header > label > input[type="text"],
div.sheet-header > label > select
{
width:100%;
border-top:0px;
border-right:0px;
padding:0px;
border-radius:0px;
border-color:black;
padding-left:2px;
height:23px;
}
div.sheet-header > label > input[type="hidden"][value="0"] ~ select:nth-of-type(2),
div.sheet-header > label > input[type="hidden"][value="1"] ~ select:nth-of-type(1)
{
display:none;
}
div.sheet-caracteristiques
{
width:100%;
justify-content:space-between;
margin-top:10px;
min-width: 720px;
border-bottom: 2px solid black;
padding-bottom: 10px;
margin-bottom: 10px;
}
div.sheet-caracteristiques > div
{
width:100px;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-caracteristiques > div > button[type="roll"]
{
width:100%;
justify-content: center;
font-variant: small-caps;
font-size: 18px;
margin:0px;
padding:0px;
font-weight:bold;
border-radius:0px;
}
div.sheet-caracteristiques > div > button[type="roll"]::before
{
content:"";
}
div.sheet-caracteristiques > div > div:last-of-type
{
position: relative;
width: 50px;
height: 28.87px;
background-color: #ffffff;
margin: 14.43px 0;
border-left: solid 1px #333333;
border-right: solid 1px #333333;
margin-left:auto;
margin-right:auto;
}
div.sheet-caracteristiques > div > div:last-of-type::before,
div.sheet-caracteristiques > div > div:last-of-type::after
{
content: "";
position: absolute;
z-index: 1;
width: 35.36px;
height: 35.36px;
-webkit-transform: scaleY(0.5774) rotate(-45deg);
-ms-transform: scaleY(0.5774) rotate(-45deg);
transform: scaleY(0.5774) rotate(-45deg);
background-color: inherit;
left: 6.3223px;
}
div.sheet-caracteristiques > div > div:last-of-type::before
{
top: -17.6777px;
border-top: solid 1.4142px #333333;
border-right: solid 1.4142px #333333;
}
div.sheet-caracteristiques > div > div:last-of-type::after
{
bottom: -17.6777px;
border-bottom: solid 1.4142px #333333;
border-left: solid 1.4142px #333333;
}
div.sheet-caracteristiques > div > div:last-of-type > input[type="number"]
{
background: transparent;
border: 0px;
width: 50px;
height: 28px;
z-index: 99;
color: black;
padding: 0px;
font-family: arial;
text-align: center;
font-size: 28px;
}
div.sheet-pareFeu
{
width:120px;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-PV,
div.sheet-connexion,
div.sheet-initiative,
div.sheet-defense,
div.sheet-heroisme,
div.sheet-pareFeu > div:nth-of-type(1),
div.sheet-PVPNJ,
div.sheet-puissance
{
width:100px;
flex-wrap:wrap;
justify-content:center;
margin-right:10px;
margin-left:10px;
}
div.sheet-pareFeu > div:nth-of-type(3)
{
width:100%;
flex-wrap:wrap;
justify-content:center;
}
div.sheet-PV > input[type="hidden"][value="1"]:first-of-type ~ label:nth-of-type(2),
div.sheet-PV > input[type="hidden"][value="1"]:first-of-type ~ div:nth-of-type(1),
div.sheet-PV > input[type="hidden"][value="0"]:first-of-type ~ div:nth-of-type(3),
div.sheet-PV > input[type="hidden"][value="0"]:last-of-type ~ div:nth-of-type(2),
div.sheet-PV > input[type="hidden"][value="1"]:last-of-type ~ div:nth-of-type(1) > label,
div.sheet-connexion > input[type="hidden"][value="1"] ~ label:nth-of-type(2),
div.sheet-connexion > input[type="hidden"][value="0"] ~ div:nth-of-type(1),
div.sheet-initiative > input[type="hidden"][value="1"] ~ label:nth-of-type(2),
div.sheet-initiative > input[type="hidden"][value="1"] ~ button[type="roll"],
div.sheet-initiative > input[type="hidden"][value="0"] ~ div:nth-of-type(1),
div.sheet-defense > input[type="hidden"][value="1"] ~ label:nth-of-type(2),
div.sheet-defense > input[type="hidden"][value="0"] ~ div:nth-of-type(1),
div.sheet-pareFeu > div:nth-of-type(1) > input[type="hidden"][value="1"] ~ label:nth-of-type(2),
div.sheet-pareFeu > div:nth-of-type(1) > input[type="hidden"][value="1"] ~ button[type="roll"],
div.sheet-pareFeu > div:nth-of-type(1) > input[type="hidden"][value="0"] ~ div:nth-of-type(1),
div.sheet-heroisme > input[type="hidden"][value="1"]:first-of-type ~ label:nth-of-type(2),
div.sheet-heroisme > input[type="hidden"][value="0"]:first-of-type ~ div:nth-of-type(2),
div.sheet-PVPNJ > input[type="hidden"][value="1"] ~ label:nth-of-type(2),
div.sheet-PVPNJ > input[type="hidden"][value="0"] ~ div:nth-of-type(1),
div.sheet-puissance > input[type="hidden"][value="1"] ~ label:nth-of-type(2),
div.sheet-puissance > input[type="hidden"][value="1"] ~ button[type="roll"],
div.sheet-puissance > input[type="hidden"][value="0"] ~ div:nth-of-type(1)
{
display:none;
}
div.sheet-PV > input[type="hidden"][value="1"]:last-of-type ~ div:nth-of-type(1)
{
height:auto;
}
div.sheet-PV > span,
div.sheet-connexion > span,
div.sheet-initiative > span,
div.sheet-defense > span,
div.sheet-heroisme > span,
div.sheet-pareFeu > div:nth-of-type(1) > span,
div.sheet-PVPNJ > span,
div.sheet-puissance > span
{
width:max-content;
font-variant: small-caps;
font-size: 18px;
font-weight:bold;
}
div.sheet-PV > label:nth-of-type(1),
div.sheet-connexion > label:nth-of-type(1),
div.sheet-initiative > label:nth-of-type(1),
div.sheet-defense > label:nth-of-type(1),
div.sheet-pareFeu > div > label:nth-of-type(1),
div.sheet-heroisme > label:nth-of-type(1),
div.sheet-PVPNJ > label:nth-of-type(1),
div.sheet-puissance > label:nth-of-type(1)
{
width: 13px;
height: 13px;
margin-left: 2px;
margin-right: -15px;
}
div.sheet-PV > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-connexion > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-initiative > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-defense > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-pareFeu > div > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-heroisme > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-PVPNJ > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-puissance > label:nth-of-type(1) > input[type="checkbox"]
{
width: 13px;
height: 13px;
position: absolute;
opacity: 0;
z-index: 99;
}
div.sheet-PV > label:nth-of-type(1) > input[type="checkbox"] ~ span,
div.sheet-connexion > label:nth-of-type(1) > input[type="checkbox"] ~ span,
div.sheet-initiative > label:nth-of-type(1) > input[type="checkbox"] ~ span,
div.sheet-defense > label:nth-of-type(1) > input[type="checkbox"] ~ span,
div.sheet-pareFeu > div > label:nth-of-type(1) > input[type="checkbox"] ~ span,
div.sheet-heroisme > label:nth-of-type(1) > input[type="checkbox"] ~ span,
div.sheet-PVPNJ > label:nth-of-type(1) > input[type="checkbox"] ~ span,
div.sheet-puissance > label:nth-of-type(1) > input[type="checkbox"] ~ span
{
width:100%;
}
div.sheet-PV > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-connexion > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-initiative > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-defense > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-pareFeu > div > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-heroisme > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-PVPNJ > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-puissance > label:nth-of-type(1) > input[type="checkbox"] ~ span::before
{
display: flex;
width: 100%;
font-size: 14px;
content: "y";
font-family: pictos;
line-height: 12px;
opacity: 0;
}
div.sheet-PV:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-connexion:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-initiative:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-defense:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-pareFeu:hover > div > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-heroisme:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-PVPNJ:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-puissance:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before
{
opacity: 0.5;
}
div.sheet-PV > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-connexion > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-initiative > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-defense > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-pareFeu > div > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-heroisme > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-PVPNJ > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-puissance > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before
{
opacity: 1;
}
div.sheet-PV > label:nth-of-type(2),
div.sheet-connexion > label:nth-of-type(2),
div.sheet-heroisme > label:nth-of-type(2),
div.sheet-PVPNJ > label:nth-of-type(2)
{
width:100%;
border-radius:5px;
border:1px solid black;
justify-content:space-between;
height:30px;
}
div.sheet-initiative > label:nth-of-type(2),
div.sheet-puissance > label:nth-of-type(2)
{
width:100%;
border-top-left-radius:5px;
border-top-right-radius:5px;
border:1px solid black;
justify-content:space-between;
height:30px;
}
div.sheet-defense > label:nth-of-type(2)
{
width:100%;
border-radius:5px;
border:1px solid black;
justify-content:space-between;
height:30px;
}
div.sheet-pareFeu > div:nth-of-type(1) > label:nth-of-type(2)
{
width:100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border:1px solid black;
justify-content:space-between;
height:30px;
}
div.sheet-PV > label:nth-of-type(2) > input[type="number"],
div.sheet-connexion > label:nth-of-type(2) > input[type="number"],
div.sheet-heroisme > label:nth-of-type(2) > input[type="number"],
div.sheet-PVPNJ > label:nth-of-type(2) > input[type="number"]
{
width: calc(50% - 4px);
border: 0px;
padding: 0px;
text-align: center;
background: transparent;
font-size:20px;
}
div.sheet-initiative > label:nth-of-type(2) > input[type="text"],
div.sheet-defense > label:nth-of-type(2) > input[type="number"],
div.sheet-pareFeu > div:nth-of-type(1) > label:nth-of-type(2) > input[type="text"],
div.sheet-puissance > label:nth-of-type(2) > input[type="number"]
{
width: 100%;
border: 0px;
padding: 0px;
text-align: center;
background: transparent;
font-size:20px;
}
div.sheet-initiative > button[type="roll"],
div.sheet-pareFeu > div > button[type="roll"],
div.sheet-puissance > button[type="roll"]
{
width: 100%;
padding: 0px;
margin:0px;
border-radius:0px;
height:20px;
border-top:0px;
border-color:black;
}
div.sheet-initiative > button[type="roll"]::before,
div.sheet-pareFeu > div > button[type="roll"]::before,
div.sheet-puissance > button[type="roll"]::before
{
font-family:dicefontd6;
content:"r";
font-size:20px;
width:100%;
}
div.sheet-PV > label:nth-of-type(2) > span,
div.sheet-connexion > label:nth-of-type(2) > span,
div.sheet-heroisme > label:nth-of-type(2) > span,
div.sheet-PVPNJ > label:nth-of-type(2) > span
{
width: 8px;
justify-content: center;
font-weight: normal;
font-size: 25px;
align-items:center;
}
div.sheet-heroisme > label:nth-of-type(3)
{
width: 20px;
height: 20px;
position: absolute;
margin-left: 100px;
z-index: 100;
margin-top: 26px;
}
div.sheet-heroisme > label:nth-of-type(3) > input[type="checkbox"]
{
position: absolute;
width: 20px;
height: 20px;
opacity: 0;
}
div.sheet-heroisme > label:nth-of-type(3) > input[type="checkbox"] ~ span
{
width:100%;
}
div.sheet-heroisme > label:nth-of-type(3) > input[type="checkbox"] ~ span::before
{
content: "?";
display: flex;
width: 100%;
line-height: 20px;
border-radius: 5px;
background: black;
color: white;
justify-content: center;
font-size: 14px;
font-variant: small-caps;
box-shadow: 3px 2px 3px gray;
font-weight: bold;
}
div.sheet-heroisme > label:nth-of-type(3) > input[type="checkbox"]:checked ~ span::before
{
box-shadow:none;
}
div.sheet-heroisme > input[type="hidden"][value="0"]:last-of-type ~ div:first-of-type
{
display:none;
}
div.sheet-heroisme > div:nth-of-type(1)
{
position: absolute;
width: 380px;
border: 1px solid black;
flex-wrap: wrap;
min-height: 20px;
padding: 5px;
border-radius: 5px;
margin-left: -270px;
z-index: 99;
margin-top: 26px;
}
div.sheet-heroisme > div:nth-of-type(1) > input[type="hidden"][value="0"] ~ span:nth-of-type(7),
div.sheet-heroisme > div:nth-of-type(1) > input[type="hidden"][value="0"] ~ span:nth-of-type(9),
div.sheet-heroisme > div:nth-of-type(1) > input[type="hidden"][value="1"] ~ span:nth-of-type(5),
div.sheet-heroisme > div:nth-of-type(1) > input[type="hidden"][value="1"] ~ span:nth-of-type(6),
div.sheet-heroisme > div:nth-of-type(1) > input[type="hidden"][value="1"] ~ span:nth-of-type(8)
{
display:none;
}
div.sheet-heroisme > div:nth-of-type(1) > span
{
width:100%;
text-align:justify;
font-size:14px;
}
div.sheet-heroisme > div:nth-of-type(1) > span
{
border-bottom:1px solid black;
}
div.sheet-heroisme > div:nth-of-type(1) > span:nth-of-type(8),
div.sheet-heroisme > div:nth-of-type(1) > span:nth-of-type(9)
{
border-bottom:0px;
}
div.sheet-PV > div:nth-of-type(1)
{
width: calc(100% + 20px);
height: 65px;
align-items: center;
margin-right: -20px;
padding-right: 20px;
flex-wrap:wrap;
margin-top:5px;
}
div.sheet-PV > div:nth-of-type(1) > span
{
width: 100%;
justify-content: center;
font-weight:bold;
font-variant:small-caps;
height:18px;
}
div.sheet-PV > div:nth-of-type(1) > label:not(:last-of-type)
{
width: 13px;
height: 13px;
}
div.sheet-PV > div:nth-of-type(1) > label:not(:last-of-type) > input[type="radio"]
{
width: 13px;
height: 13px;
position: absolute;
opacity: 0;
}
div.sheet-PV > div:nth-of-type(1) > label:not(:last-of-type) > input[type="radio"] ~ span
{
width: 100%;
}
div.sheet-PV > div:nth-of-type(1) > label:not(:last-of-type) > input[type="radio"] ~ span::before
{
display: flex;
content: "";
width: 13px;
height: 11px;
border: 1px solid black;
border-radius: 10px;
justify-content: center;
}
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(6),
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(7),
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(8),
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(9),
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(10)
{
margin-bottom:-5px;
margin-left:10px;
margin-right:-5px;
}
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(1),
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(2),
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(3),
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(4),
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(5)
{
margin-top:0px;
margin-left:5px;
}
div.sheet-PV > div:nth-of-type(1) > label:last-of-type
{
position:absolute;
width:16px;
height:16px;
margin-left:95px;
margin-top:-17px;
}
div.sheet-PV > div:nth-of-type(1) > label:last-of-type > input[type="radio"]
{
width: 16px;
height: 16px;
position: absolute;
opacity: 0;
z-index:99;
}
div.sheet-PV > div:nth-of-type(1) > label:last-of-type > input[type="radio"] ~ span
{
width: 100%;
}
div.sheet-PV > div:nth-of-type(1) > label:last-of-type > input[type="radio"] ~ span::before
{
display: flex;
content: "";
width: 16px;
height: 14px;
border: 1px solid black;
border-radius: 10px;
justify-content: center;
content:"X";
opacity:0;
line-height:15px;
}
div.sheet-PV > div:nth-of-type(1):hover > label:last-of-type > input[type="radio"] ~ span::before
{
opacity:0.5;
}
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2),
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(3),
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(4),
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(5),
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(6),
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(7),
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(8),
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(9),
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(10),
div.sheet-PV > input[type="hidden"][value="0"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(11),
div.sheet-PV > input[type="hidden"][value="1"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2),
div.sheet-PV > input[type="hidden"][value="1"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(3),
div.sheet-PV > input[type="hidden"][value="1"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(4),
div.sheet-PV > input[type="hidden"][value="1"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(5),
div.sheet-PV > input[type="hidden"][value="1"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(6),
div.sheet-PV > input[type="hidden"][value="1"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(7),
div.sheet-PV > input[type="hidden"][value="1"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(8),
div.sheet-PV > input[type="hidden"][value="1"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(9),
div.sheet-PV > input[type="hidden"][value="1"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(10),
div.sheet-PV > input[type="hidden"][value="2"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2),
div.sheet-PV > input[type="hidden"][value="2"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(3),
div.sheet-PV > input[type="hidden"][value="2"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(4),
div.sheet-PV > input[type="hidden"][value="2"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(5),
div.sheet-PV > input[type="hidden"][value="2"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(6),
div.sheet-PV > input[type="hidden"][value="2"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(7),
div.sheet-PV > input[type="hidden"][value="2"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(8),
div.sheet-PV > input[type="hidden"][value="2"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(9),
div.sheet-PV > input[type="hidden"][value="3"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2),
div.sheet-PV > input[type="hidden"][value="3"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(3),
div.sheet-PV > input[type="hidden"][value="3"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(4),
div.sheet-PV > input[type="hidden"][value="3"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(5),
div.sheet-PV > input[type="hidden"][value="3"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(6),
div.sheet-PV > input[type="hidden"][value="3"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(7),
div.sheet-PV > input[type="hidden"][value="3"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(8),
div.sheet-PV > input[type="hidden"][value="4"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2),
div.sheet-PV > input[type="hidden"][value="4"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(3),
div.sheet-PV > input[type="hidden"][value="4"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(4),
div.sheet-PV > input[type="hidden"][value="4"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(5),
div.sheet-PV > input[type="hidden"][value="4"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(6),
div.sheet-PV > input[type="hidden"][value="4"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(7),
div.sheet-PV > input[type="hidden"][value="5"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2),
div.sheet-PV > input[type="hidden"][value="5"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(3),
div.sheet-PV > input[type="hidden"][value="5"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(4),
div.sheet-PV > input[type="hidden"][value="5"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(5),
div.sheet-PV > input[type="hidden"][value="5"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(6),
div.sheet-PV > input[type="hidden"][value="6"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2),
div.sheet-PV > input[type="hidden"][value="6"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(3),
div.sheet-PV > input[type="hidden"][value="6"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(4),
div.sheet-PV > input[type="hidden"][value="6"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(5),
div.sheet-PV > input[type="hidden"][value="7"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2),
div.sheet-PV > input[type="hidden"][value="7"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(3),
div.sheet-PV > input[type="hidden"][value="7"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(4),
div.sheet-PV > input[type="hidden"][value="8"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2),
div.sheet-PV > input[type="hidden"][value="8"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(3),
div.sheet-PV > input[type="hidden"][value="9"]:nth-of-type(2) ~ div:nth-of-type(1) > label:nth-last-of-type(2)
{
display:none;
}
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="1"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="2"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="2"] ~ label:nth-of-type(2) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="3"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="3"] ~ label:nth-of-type(2) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="3"] ~ label:nth-of-type(3) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="4"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="4"] ~ label:nth-of-type(2) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="4"] ~ label:nth-of-type(3) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="4"] ~ label:nth-of-type(4) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="5"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="5"] ~ label:nth-of-type(2) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="5"] ~ label:nth-of-type(3) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="5"] ~ label:nth-of-type(4) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="5"] ~ label:nth-of-type(5) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="6"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="6"] ~ label:nth-of-type(2) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="6"] ~ label:nth-of-type(3) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="6"] ~ label:nth-of-type(4) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="6"] ~ label:nth-of-type(5) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="6"] ~ label:nth-of-type(6) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="7"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="7"] ~ label:nth-of-type(2) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="7"] ~ label:nth-of-type(3) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="7"] ~ label:nth-of-type(4) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="7"] ~ label:nth-of-type(5) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="7"] ~ label:nth-of-type(6) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="7"] ~ label:nth-of-type(7) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="8"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="8"] ~ label:nth-of-type(2) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="8"] ~ label:nth-of-type(3) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="8"] ~ label:nth-of-type(4) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="8"] ~ label:nth-of-type(5) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="8"] ~ label:nth-of-type(6) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="8"] ~ label:nth-of-type(7) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="8"] ~ label:nth-of-type(8) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="9"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="9"] ~ label:nth-of-type(2) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="9"] ~ label:nth-of-type(3) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="9"] ~ label:nth-of-type(4) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="9"] ~ label:nth-of-type(5) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="9"] ~ label:nth-of-type(6) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="9"] ~ label:nth-of-type(7) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="9"] ~ label:nth-of-type(8) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="9"] ~ label:nth-of-type(9) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(1) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(2) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(3) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(4) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(5) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(6) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(7) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(8) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(9) > span::before,
div.sheet-PV > div:nth-of-type(1) > input[type="hidden"][value="10"] ~ label:nth-of-type(10) > span::before
{
background:black;
}
div.sheet-PV > div:nth-of-type(1) > span > label
{
width: 13px;
height: 13px;
position:absolute;
margin-left:85px;
}
div.sheet-PV > div:nth-of-type(1) > span > label > input[type="checkbox"]
{
width: 13px;
height: 13px;
position: absolute;
opacity: 0;
z-index: 99;
}
div.sheet-PV > div:nth-of-type(1) > span > label > input[type="checkbox"] ~ span::before
{
display: flex;
width: 100%;
font-size: 14px;
content: "y";
font-family: pictos;
line-height: 12px;
opacity: 0;
font-variant:normal;
}
div.sheet-PV > div:nth-of-type(1) > span:hover > label > input[type="checkbox"] ~ span::before
{
opacity:0.5;
}
div.sheet-PV > div:nth-of-type(1) > span > label > input[type="checkbox"]:checked ~ span::before
{
opacity:1;
}
div.sheet-PV > div:nth-of-type(2),
div.sheet-PV > div:nth-of-type(3),
div.sheet-connexion > div:nth-of-type(1),
div.sheet-initiative > div:nth-of-type(1),
div.sheet-pareFeu > div:nth-of-type(1) > div:nth-of-type(1),
div.sheet-defense > div:nth-of-type(1),
div.sheet-heroisme > div:nth-of-type(2),
div.sheet-PVPNJ > div:nth-of-type(1),
div.sheet-puissance > div:nth-of-type(1)
{
width:100%;
flex-wrap:wrap;
}
div.sheet-PV > div:nth-of-type(2) > label,
div.sheet-PV > div:nth-of-type(3) > label,
div.sheet-connexion > div:nth-of-type(1) > label,
div.sheet-initiative > div:nth-of-type(1) > label,
div.sheet-defense > div:nth-of-type(1) > label,
div.sheet-pareFeu > div:first-of-type > div:nth-of-type(1) > label,
div.sheet-heroisme > div:nth-of-type(2) > label,
div.sheet-PVPNJ > div:nth-of-type(1) > label,
div.sheet-puissance > div:nth-of-type(1) > label
{
width:100%;
border:1px solid black;
border-radius:5px;
flex-wrap:wrap;
}
div.sheet-PV > div:nth-of-type(2) > div,
div.sheet-PV > div:nth-of-type(3) > div,
div.sheet-connexion > div:nth-of-type(1) > div,
div.sheet-initiative > div:nth-of-type(1) > div,
div.sheet-defense > div:nth-of-type(1) > div,
div.sheet-pareFeu > div:nth-of-type(1) > div:nth-of-type(1) > div,
div.sheet-heroisme > div:nth-of-type(2) > div,
div.sheet-pareFeu > div:nth-of-type(2),
div.sheet-PVPNJ > div:nth-of-type(1) > div,
div.sheet-puissance > div:nth-of-type(1) > div
{
height:10px;
border-right:2px solid black;
margin:auto;
}
div.sheet-PV > div:nth-of-type(2) > label > input[type="number"],
div.sheet-PV > div:nth-of-type(3) > label > input[type="number"],
div.sheet-connexion > div:nth-of-type(1) > label > input[type="number"],
div.sheet-initiative > div:nth-of-type(1) > label > input[type="number"],
div.sheet-initiative > div:nth-of-type(1) > label > input[type="text"],
div.sheet-defense > div:nth-of-type(1) > label > input[type="number"],
div.sheet-pareFeu > div:nth-of-type(1) > div:nth-of-type(1) > label > input[type="number"],
div.sheet-pareFeu > div:nth-of-type(1) > div:nth-of-type(1) > label > input[type="text"],
div.sheet-heroisme > div:nth-of-type(2) > label > input[type="number"],
div.sheet-PVPNJ > div:nth-of-type(1) > label > input[type="number"],
div.sheet-puissance > div:nth-of-type(1) > label > input[type="number"]
{
width:100%;
border:0px;
text-align:center;
background:transparent;
padding:0px;
font-size:16px;
height:25px;
}
div.sheet-PV > div:nth-of-type(3) > label:nth-of-type(1) > input[type="number"],
div.sheet-connexion > div:nth-of-type(1) > label:nth-of-type(1) > input[type="number"],
div.sheet-initiative > div:nth-of-type(1) > label:nth-of-type(1) > input[type="text"],
div.sheet-defense > div:nth-of-type(1) > label:nth-of-type(1) > input[type="number"],
div.sheet-pareFeu > div:nth-of-type(1) > div:nth-of-type(1) > label:nth-of-type(1) > input[type="text"],
div.sheet-heroisme > div:nth-of-type(2) > label:nth-of-type(1) > input[type="number"],
div.sheet-PVPNJ > div:nth-of-type(1) > label:nth-of-type(1) > input[type="number"],
div.sheet-puissance > div:nth-of-type(1) > label:nth-of-type(1) > input[type="number"]
{
font-size:20px;
font-weight:bold;
}
div.sheet-PV > div:nth-of-type(2) > label > span,
div.sheet-PV > div:nth-of-type(3) > label > span,
div.sheet-connexion > div:nth-of-type(1) > label > span,
div.sheet-initiative > div:nth-of-type(1) > label > span,
div.sheet-pareFeu > div:nth-of-type(1) > div:nth-of-type(1) > label > span,
div.sheet-defense > div:nth-of-type(1) > label > span,
div.sheet-heroisme > div:nth-of-type(2) > label > span,
div.sheet-pareFeu > div:nth-of-type(3) > span,
div.sheet-PVPNJ > div:nth-of-type(1) > label > span,
div.sheet-puissance > div:nth-of-type(1) > label > span
{
width:100%;
justify-content:center;
font-variant:small-caps;
font-weight:bold;
font-size:11px;
height:18px;
}
div.sheet-PV > div:nth-of-type(3) > label:nth-of-type(1) > span,
div.sheet-connexion > div:nth-of-type(1) > label:nth-of-type(1) > span,
div.sheet-initiative > div:nth-of-type(1) > label:nth-of-type(1) > span,
div.sheet-defense > div:nth-of-type(1) > label:nth-of-type(1) > span,
div.sheet-pareFeu > div:nth-of-type(1) > div:nth-of-type(1) > label:nth-of-type(1) > span,
div.sheet-heroisme > div:nth-of-type(2) > label:nth-of-type(1) > span,
div.sheet-PV > div:nth-of-type(1) > label:nth-of-type(1) > span,
div.sheet-PVPNJ > div:nth-of-type(1) > label:nth-of-type(1) > span,
div.sheet-puissance > div:nth-of-type(1) > label:nth-of-type(1) > span
{
font-size:15px;
}
div.sheet-pareFeu > div:nth-of-type(3)
{
border:1px solid black;
border-radius:5px;
}
div.sheet-pareFeu > div:nth-of-type(3) > span
{
border-bottom:1px solid black;
}
div.sheet-pareFeu > div:nth-of-type(3) > div
{
width:100%;
margin-bottom:2px;
}
div.sheet-menu,
div.sheet-menuPNJ
{
width:100%;
justify-content:space-between;
min-width:720px;
margin-top:10px;
}
div.sheet-menu > label,
div.sheet-menu > div,
div.sheet-menuPNJ > label,
div.sheet-menuPNJ > div
{
width:calc((100% / 3) - 40px);
justify-content:space-between;
}
div.sheet-menuPNJ > div
{
margin-left:auto;
}
div.sheet-menu > label > input[type="radio"],
div.sheet-menu > div > input[type="checkbox"],
div.sheet-menuPNJ > label > input[type="radio"],
div.sheet-menuPNJ > div > input[type="checkbox"]
{
position:absolute;
width:calc((100% / 3) - 60px);
opacity:0;
height:20px;
}
div.sheet-menu > label > input[type="radio"] ~ span,
div.sheet-menu > div > input[type="checkbox"] ~ span,
div.sheet-menuPNJ > label > input[type="radio"] ~ span,
div.sheet-menuPNJ > div > input[type="checkbox"] ~ span
{
width:100%;
}
div.sheet-menu > label > input[type="radio"] ~ span::before,
div.sheet-menu > div > input[type="checkbox"] ~ span::before,
div.sheet-menuPNJ > label > input[type="radio"] ~ span::before,
div.sheet-menuPNJ > div > input[type="checkbox"] ~ span::before
{
content:attr(title);
display:flex;
width:100%;
line-height:20px;
border-radius:5px;
background:black;
color:white;
justify-content:center;
font-size:14px;
font-variant:small-caps;
box-shadow: 3px 2px 3px gray;
font-weight:bold;
}
div.sheet-menu > label > input[type="radio"]:checked ~ span::before,
div.sheet-menu > div > input[type="checkbox"]:checked ~ span::before,
div.sheet-menuPNJ > label > input[type="radio"]:checked ~ span::before,
div.sheet-menuPNJ > div > input[type="checkbox"]:checked ~ span::before
{
box-shadow:none;
}
div.sheet-menu > div > div,
div.sheet-menuPNJ > div > div
{
display:none;
width: calc((100% / 3) - 15px);
background: white;
border: 1px solid black;
border-radius: 5px;
position: absolute;
justify-content: space-between;
padding: 5px;
margin-top: 20px;
margin-left: -57px;
z-index: 200;
min-width: 245px;
}
div.sheet-menu > div > div > label,
div.sheet-menuPNJ > div > div > label
{
width:calc((100% / 2) - 5px);
justify-content:space-between;
}
div.sheet-menu > div > div > label > span,
div.sheet-menuPNJ > div > div > label > span
{
width:max-content;
font-size:11px;
font-weight:bold;
font-variant:small-caps;
margin-right:5px;
white-space:nowrap;
align-items:flex-end;
}
div.sheet-menu > div > div > label > select,
div.sheet-menu > div > div > label > input[type="number"],
div.sheet-menuPNJ > div > div > label > select,
div.sheet-menuPNJ > div > div > label > input[type="number"]
{
width:100%;
font-size:11px;
margin:0px;
padding:0px;
border:0px;
border-radius:0px;
border-bottom:1px solid black;
height:19px;
text-align:center;
min-width:0px;
}
div.sheet-menu > div > input[type="checkbox"]:checked ~ div,
div.sheet-menuPNJ > div > input[type="checkbox"]:checked ~ div
{
display:flex;
}
input[type="hidden"].sheet-menu[value="1"] ~ div.sheet-tab1,
input[type="hidden"].sheet-menu[value="2"] ~ div.sheet-tab2
{
display:flex;
}
div.sheet-armement,
div.sheet-armementPNJ,
div.sheet-protection,
div.sheet-equipementAutre,
div.sheet-cybernetique,
div.sheet-vehicule
{
width:100%;
justify-content:space-between;
flex-wrap:wrap;
margin-top:10px;
border-radius:5px;
border:1px solid black;
}
div.sheet-armement > span,
div.sheet-armementPNJ > span,
div.sheet-protection > span,
div.sheet-equipementAutre > span,
div.sheet-cybernetique > span,
div.sheet-vehicule > span
{
justify-content:center;
font-size:13px;
font-weight:bold;
font-variant:small-caps;
height:18px;
}
div.sheet-equipementAutre > span,
div.sheet-cybernetique > span,
div.sheet-vehicule > span
{
width:100%;
justify-content:left;
padding-left:2px;
}
div.sheet-armement > span:nth-of-type(1)
{
width:calc(100% - 20px - 45px - 45px - (135px*2) - 25px - 150px);
padding-left:20px;
justify-content:left;
}
div.sheet-armementPNJ > span:nth-of-type(1)
{
width: calc(100% - 20px - 45px - 45px - 250px - 225px - 25px);
padding-left: 20px;
justify-content: left;
}
div.sheet-protection > span:nth-of-type(1)
{
width:calc(100% - 45px - 200px - 270px - 20px);
justify-content:left;
padding-left:2px;
}
div.sheet-armement > span:nth-of-type(2)
{
width:150px;
}
div.sheet-armement > span:nth-of-type(3),
div.sheet-armementPNJ > span:nth-of-type(2),
div.sheet-armement > span:nth-of-type(4),
div.sheet-armementPNJ > span:nth-of-type(3),
div.sheet-protection > span:nth-of-type(2)
{
width:45px;
}
div.sheet-armement > span:nth-of-type(5),
div.sheet-armement > span:nth-of-type(6)
{
width:135px;
}
div.sheet-armementPNJ > span:nth-of-type(4)
{
width:250px;
}
div.sheet-armementPNJ > span:nth-of-type(5)
{
width:225px;
}
div.sheet-protection > span:nth-of-type(3)
{
width:200px;
}
div.sheet-protection > span:nth-of-type(4)
{
width:270px;
}
div.sheet-armement > .repcontainer,
div.sheet-armementPNJ > .repcontainer,
div.sheet-protection > .repcontainer,
div.sheet-equipementAutre > .repcontainer,
div.sheet-cybernetique > .repcontainer,
div.sheet-vehicule > .repcontainer
{
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-armement > .repcontainer > .repitem,
div.sheet-armementPNJ > .repcontainer > .repitem,
div.sheet-protection > .repcontainer > .repitem,
div.sheet-equipementAutre > .repcontainer > .repitem,
div.sheet-cybernetique > .repcontainer > .repitem,
div.sheet-vehicule > .repcontainer > .repitem
{
width:100%;
justify-content:space-between;
}
div.sheet-cybernetique > .repcontainer > .repitem,
div.sheet-vehicule > .repcontainer > .repitem
{
flex-wrap:wrap;
}
div.sheet-armement > .repcontainer > .repitem:not(:first-of-type),
div.sheet-armementPNJ > .repcontainer > .repitem:not(:first-of-type),
div.sheet-protection > .repcontainer > .repitem:not(:first-of-type),
div.sheet-equipementAutre > .repcontainer > .repitem:not(:first-of-type),
div.sheet-cybernetique > .repcontainer > .repitem:not(:first-of-type),
div.sheet-vehicule > .repcontainer > .repitem:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-equipementAutre > .repcontainer > .repitem > .itemcontrol,
div.sheet-cybernetique > .repcontainer > .repitem > .itemcontrol,
div.sheet-vehicule > .repcontainer > .repitem > .itemcontrol
{
z-index:99;
}
div.sheet-armement > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-armementPNJ > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-protection > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-equipementAutre > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-cybernetique > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-vehicule > .repcontainer > .repitem > .itemcontrol > .btn
{
padding-top:0px;
padding-bottom:0px;
border-radius:0px;
}
div.sheet-armement > .repcontainer > .repitem > button[type="roll"],
div.sheet-armementPNJ > .repcontainer > .repitem > button[type="roll"]
{
width:18px;
height:18px;
border-radius:0px;
margin:0px;
padding:0px;
}
div.sheet-armement > .repcontainer > .repitem > button[type="roll"]::before,
div.sheet-armementPNJ > .repcontainer > .repitem > button[type="roll"]::before
{
width: 100%;
content: "r";
font-family: dicefontd6;
font-size: 20px;
display: flex;
justify-content: center;
line-height: 15px;
}
div.sheet-armement > .repcontainer > .repitem > select,
div.sheet-armement > .repcontainer > .repitem > input[type="text"],
div.sheet-armementPNJ > .repcontainer > .repitem > input[type="text"],
div.sheet-armement > .repcontainer > .repitem > input[type="number"],
div.sheet-armementPNJ > .repcontainer > .repitem > input[type="number"],
div.sheet-protection > .repcontainer > .repitem > input[type="text"],
div.sheet-protection > .repcontainer > .repitem > input[type="number"]
{
border-radius:0px;
border-top:0px;
border-right:0px;
border-left:0px;
padding:0px;
border-color:black;
}
div.sheet-armement > .repcontainer > .repitem > select
{
width:150px;
padding-left:2px;
height:20px;
}
div.sheet-armementPNJ > .repcontainer > .repitem > input[type="text"]:nth-of-type(1)
{
width:calc(100% - 20px - 45px - 45px - 250px - 225px - 25px);
margin-left:-6px;
padding-left:2px;
height:20px;
}
div.sheet-protection > .repcontainer > .repitem > input[type="text"]:nth-of-type(1)
{
width:calc(100% - 45px - 200px - 270px - 20px);
padding-left:2px;
}
div.sheet-armement > .repcontainer > .repitem > input[type="number"],
div.sheet-armementPNJ > .repcontainer > .repitem > input[type="number"],
div.sheet-protection > .repcontainer > .repitem > input[type="number"]
{
width:45px;
text-align:center;
}
div.sheet-armement > .repcontainer > .repitem > input[type="text"]:not(:nth-of-type(1))
{
width:200px;
}
div.sheet-armement > .repcontainer > .repitem > input[type="text"]:nth-of-type(1)
{
width:calc(100% - 20px - 45px - 45px - (135px*2) - 25px - 150px);
padding-left:2px;
margin-left:-5px;
}
div.sheet-armement > .repcontainer > .repitem > input[type="text"]:nth-of-type(4),
div.sheet-armement > .repcontainer > .repitem > input[type="text"]:nth-of-type(5)
{
width:135px;
}
div.sheet-armementPNJ > .repcontainer > .repitem > input[type="text"]:nth-of-type(4)
{
width:250px;
}
div.sheet-armementPNJ > .repcontainer > .repitem > input[type="text"]:nth-of-type(5)
{
width:225px;
}
div.sheet-protection > .repcontainer > .repitem > input[type="text"]:nth-of-type(3)
{
width:200px;
}
div.sheet-protection > .repcontainer > .repitem > input[type="text"]:nth-of-type(4)
{
width:270px;
}
div.sheet-cybernetique > .repcontainer > .repitem > input[type="text"],
div.sheet-vehicule > .repcontainer > .repitem > input[type="text"]
{
width:30%;
border:0px;
border-radius:0px;
padding:0px;
padding-left:2px;
border-bottom:1px solid black;
}
div.sheet-equipementAutre > .repcontainer > .repitem > div,
div.sheet-cybernetique > .repcontainer > .repitem > div,
div.sheet-vehicule > .repcontainer > .repitem > div
{
width:100%;
border-bottom:1px solid black;
}
div.sheet-armement > .repcontrol,
div.sheet-armementPNJ > .repcontrol,
div.sheet-protection > .repcontrol,
div.sheet-equipementAutre > .repcontrol,
div.sheet-cybernetique > .repcontrol,
div.sheet-vehicule > .repcontrol
{
display:block;
width:100%;
}
div.sheet-armement > .repcontrol > .btn,
div.sheet-armementPNJ > .repcontrol > .btn,
div.sheet-protection > .repcontrol > .btn,
div.sheet-equipementAutre > .repcontrol > .btn,
div.sheet-cybernetique > .repcontrol > .btn,
div.sheet-vehicule > .repcontrol > .btn
{
padding-top:0px;
padding-bottom:0px;
border-radius:0px;
}
div.sheet-armement > .repcontrol > .btn:last-of-type,
div.sheet-armementPNJ > .repcontrol > .btn:last-of-type,
div.sheet-protection > .repcontrol > .btn:last-of-type,
div.sheet-equipementAutre > .repcontrol > .btn:last-of-type,
div.sheet-cybernetique > .repcontrol > .btn:last-of-type,
div.sheet-vehicule > .repcontrol > .btn:last-of-type
{
border-bottom-left-radius:5px;
}
div.sheet-armement > .repcontrol > .btn:first-of-type,
div.sheet-armementPNJ > .repcontrol > .btn:first-of-type,
div.sheet-protection > .repcontrol > .btn:first-of-type,
div.sheet-equipementAutre > .repcontrol > .btn:first-of-type,
div.sheet-cybernetique > .repcontrol > .btn:first-of-type,
div.sheet-vehicule > .repcontrol > .btn:first-of-type
{
border-bottom-right-radius:5px;
}
div.sheet-bottom
{
width:calc(100% - 120px - 5px);
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-credits
{
width:115px;
height:115px;
border:1px solid black;
border-radius:5px;
margin-top:10px;
}
div.sheet-XP
{
width:115px;
height:115px;
border:1px solid black;
border-radius:5px;
margin-top:10px;
flex-wrap:wrap;
margin-left:auto;
}
div.sheet-credits > span
{
position:absolute;
width:115px;
height:115px;
font-size:80px;
justify-content:center;
color:lightgray;
}
div.sheet-credits > input[type="number"]
{
width:115px;
height:115px;
font-size:80px;
padding:0px;
text-align:center;
border:0px;
border-radius:5px;
background:transparent;
z-index:99
}
div.sheet-XP > input[type="number"]
{
width: 115px;
height: 85px;
font-size: 65px;
padding: 0px;
text-align: center;
border: 0px;
border-radius: 5px;
background: transparent;
z-index: 99;
padding-top: 10px;
}
div.sheet-XP > span
{
width: 115px;
height: 31px;
font-size: 27px;
justify-content: center;
font-weight: bold;
}
div.sheet-credits > label,
div.sheet-XP > label
{
width: 20px;
height: 20px;
position: absolute;
margin-left: 96px;
z-index: 100;
}
div.sheet-credits > label > input[type="checkbox"],
div.sheet-XP > label > input[type="checkbox"]
{
position: absolute;
width: 20px;
height: 20px;
opacity: 0;
}
div.sheet-credits > label > input[type="checkbox"] ~ span,
div.sheet-XP > label > input[type="checkbox"] ~ span
{
width:100%;
}
div.sheet-credits > label > input[type="checkbox"] ~ span::before,
div.sheet-XP > label > input[type="checkbox"] ~ span::before
{
content: "?";
display: flex;
width: 100%;
line-height: 20px;
border-radius: 5px;
background: black;
color: white;
justify-content: center;
font-size: 14px;
font-variant: small-caps;
box-shadow: 3px 2px 3px gray;
font-weight: bold;
}
div.sheet-credits > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-XP > label > input[type="checkbox"]:checked ~ span::before
{
box-shadow:none;
}
div.sheet-credits > input[type="hidden"][value="0"] ~ div,
div.sheet-XP > input[type="hidden"][value="0"] ~ div
{
display:none;
}
div.sheet-credits > div,
div.sheet-XP > div
{
position: absolute;
width: 500px;
border: 1px solid black;
flex-wrap: wrap;
min-height: 20px;
padding: 5px;
border-radius: 5px;
margin-left: -396px;
z-index: 99;
margin-top:-1px;
}
div.sheet-credits > div > span:nth-of-type(odd),
div.sheet-XP > div > span:nth-of-type(odd)
{
width:100px;
font-size:14px;
justify-content:center;
}
div.sheet-credits > div > span:nth-of-type(even),
div.sheet-XP > div > span:nth-of-type(even)
{
width:calc(100% - 100px);
font-size:14px;
text-align:justify;
}
div.sheet-credits > div > span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)),
div.sheet-XP > div > span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2))
{
border-bottom:1px solid black;
}
div.sheet-competences,
div.sheet-capacites
{
width:calc(50% - 10px);
justify-content:space-between;
flex-wrap:wrap;
border:1px solid black;
border-radius:5px;
margin-top:10px;
}
div.sheet-competences > span,
div.sheet-capacites > span
{
width:100%;
padding-left:2px;
font-size: 13px;
font-weight: bold;
font-variant: small-caps;
height: 18px;
}
div.sheet-capacites > input[type="hidden"][value="/C"] ~ div:nth-of-type(1),
div.sheet-capacites > input[type="hidden"][value="Corporatiste"] ~ div:nth-of-type(1),
div.sheet-capacites > input[type="hidden"][value="Ganger"] ~ div:nth-of-type(1),
div.sheet-capacites > input[type="hidden"][value="Independant"] ~ div:nth-of-type(1),
div.sheet-capacites > input[type="hidden"][value="Codeur"] ~ div:nth-of-type(2),
div.sheet-capacites > input[type="hidden"][value="Intermediaire"] ~ div:nth-of-type(2),
div.sheet-capacites > input[type="hidden"][value="Sabreur"] ~ div:nth-of-type(2),
div.sheet-capacites > input[type="hidden"][value="Cable"] ~ div:nth-of-type(2),
div.sheet-capacites > input[type="hidden"][value="Codeur"] ~ div:nth-of-type(3),
div.sheet-capacites > input[type="hidden"][value="Intermediaire"] ~ div:nth-of-type(3),
div.sheet-capacites > input[type="hidden"][value="Sabreur"] ~ div:nth-of-type(3),
div.sheet-capacites > input[type="hidden"][value="Cable"] ~ div:nth-of-type(3)
{
display:flex;
}
div.sheet-competences > .repcontainer,
div.sheet-competences > .repcontainer > .repitem,
div.sheet-capacites > div,
div.sheet-capacites > .repcontainer,
div.sheet-capacites > .repcontainer > .repitem
{
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
div.sheet-capacites > div:nth-of-type(1),
div.sheet-capacites > div:nth-of-type(2),
div.sheet-capacites > div:nth-of-type(3)
{
display:none;
margin-bottom:5px;
}
div.sheet-competences > .repcontainer > .repitem:not(:first-of-type),
div.sheet-capacites > .repcontainer > .repitem:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-competences > .repcontainer > .repitem > input[type="text"]
{
width: calc(100% - 100px - 5px);
border:0px;
padding:0px;
border-radius:0px;
padding-left:2px;
border-bottom:1px solid black;
}
div.sheet-capacites > .repcontainer > .repitem > input[type="text"],
div.sheet-capacites > div > input[type="text"]
{
width: calc(100% - 18px);
border:0px;
padding:0px;
border-radius:0px;
padding-left:2px;
border-bottom:1px solid black;
background:transparent;
cursor:auto;
}
div.sheet-competences > .repcontainer > .repitem > label
{
width:100px;
height:20px;
}
div.sheet-capacites > .repcontainer > .repitem > label,
div.sheet-capacites > div > label
{
width: 18px;
height: 18px;
}
div.sheet-competences > .repcontainer > .repitem > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 100px;
height: 18px;
z-index: 99;
}
div.sheet-capacites > .repcontainer > .repitem > label > input[type="checkbox"],
div.sheet-capacites > div > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
z-index: 99;
}
div.sheet-competences > .repcontainer > .repitem > label > input[type="checkbox"] ~ span
{
width:100%;
}
div.sheet-competences > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before
{
display: flex;
content: attr(title);
width: 100%;
height: 18px;
color: white;
background: black;
border: 1px solid black;
justify-content: center;
font-size: 13px;
font-variant: small-caps;
line-height: 20px;
border-radius:5px;
box-shadow: 3px 0px 4px gray;
}
div.sheet-competences > .repcontainer > .repitem > label > input[type="checkbox"] ~ span:nth-of-type(2),
div.sheet-competences > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span:nth-of-type(1)
{
display: none;
}
div.sheet-competences > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before
{
box-shadow:none;
}
div.sheet-competences > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span:nth-of-type(2)
{
display:flex;
}
div.sheet-capacites > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before,
div.sheet-capacites > div > label > input[type="checkbox"] ~ span::before
{
display:flex;
content: ']';
color: black;
font-size: 20px;
font-weight: bold;
font-family: pictos;
transform:rotate(90deg);
height:18px;
width:18px;
transition:all 2s;
}
div.sheet-capacites > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-capacites > div > label > input[type="checkbox"]:checked ~ span::before
{
transform:rotate(270deg);
}
div.sheet-capacites > .repcontainer > .repitem > input[type="hidden"][value="0"]:first-of-type ~ input[type="text"],
div.sheet-capacites > div > input[type="hidden"][value="0"]:first-of-type ~ input[type="text"]
{
border-bottom:0px;
}
div.sheet-capacites > .repcontainer > .repitem > input[type="hidden"][value="1"]:first-of-type ~ div,
div.sheet-capacites > div > input[type="hidden"][value="1"]:first-of-type ~ div
{
display:none;
}
div.sheet-capacites > .repcontainer > .repitem > input[type="hidden"][value="0"]:first-of-type ~ div,
div.sheet-capacites > div > input[type="hidden"][value="0"]:first-of-type ~ div
{
display:flex;
border-top:1px solid black;
border-bottom:1px solid black;
}
div.sheet-capacites > div:nth-of-type(1) > div,
div.sheet-capacites > div:nth-of-type(2) > div,
div.sheet-capacites > div:nth-of-type(3) > div
{
display:none;
}
div.sheet-capacites > div:nth-of-type(1) > div > textarea,
div.sheet-capacites > div:nth-of-type(2) > div > textarea,
div.sheet-capacites > div:nth-of-type(3) > div > textarea
{
background:transparent;
cursor:auto;
}
div.sheet-competences > .repcontrol,
div.sheet-capacites > .repcontrol
{
display:block;
width:100%;
}
div.sheet-competences > .repcontainer > .repitem > .itemcontrol
{
border:0px;
z-index:100;
margin-top:-1px;
}
div.sheet-capacites > .repcontainer > .repitem > .itemcontrol
{
border:0px;
z-index:100;
margin-top:-2px;
}
div.sheet-competences > .repcontrol > .btn,
div.sheet-capacites > .repcontrol > .btn,
div.sheet-competences > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-capacites > .repcontainer > .repitem > .itemcontrol .btn
{
padding-top:0px;
padding-bottom:0px;
border-radius:0px;
}
div.sheet-competences > .repcontainer > .repitem > .itemcontrol > .btn:first-of-type,
div.sheet-capacites > .repcontainer > .repitem > .itemcontrol .btn:first-of-type
{
border-left:0px;
}
div.sheet-competences > .repcontainer > .repitem > .itemcontrol > .btn:last-of-type,
div.sheet-capacites > .repcontainer > .repitem > .itemcontrol .btn:last-of-type
{
border-right:0px;
}
div.sheet-competences > .repcontrol > .btn:last-of-type,
div.sheet-capacites > .repcontrol > .btn:last-of-type
{
border-bottom-left-radius:5px;
}
div.sheet-competences > .repcontrol > .btn:first-of-type,
div.sheet-capacites > .repcontrol > .btn:first-of-type
{
border-bottom-right-radius:5px;
}
div.sheet-parametresJets
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
align-content:baseline;
}
div.sheet-parametresJets > div
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
align-content:baseline;
}
div.sheet-parametresJets > div > label
{
width:calc((100% / 2) - 5px);
justify-content:space-between;
}
div.sheet-parametresJets > div > label:nth-of-type(3)
{
margin-top:10px;
}
div.sheet-parametresJets > div > label > span
{
width:calc(65% - 5px);
font-weight: normal;
font-variant: small-caps;
font-size: 14px;
align-items:center;
}
div.sheet-parametresJets > div > label > select,
div.sheet-parametresJets > div > label > input[type="number"]
{
width:calc(35% - 5px);
padding:0px;
border-top:0px;
border-right:0px;
border-color:black;
text-align:center;
border-radius:0px;
}
div.sheet-parametresJets > div > label:nth-of-type(2) > select
{
min-width:85px;
margin-left:auto;
}
.sheet-rolltemplate-base
{
display:flex;
width:calc(100% - 12px);
justify-content:space-between;
flex-wrap:wrap;
border:1px solid black;
border-radius:5px;
padding:5px;
background:white;
}
.sheet-rolltemplate-base a[href^="~"]
{
background: black;
color: white;
font-weight: bold;
border-radius: 5px;
width: 100%;
justify-content: center;
display: flex;
padding: 0px;
}
.sheet-rolltemplate-base > span
{
display:flex;
width:100%;
justify-content:center;
text-align:center;
font-size:18px;
font-weight:bold;
font-variant:small-caps;
color:black;
margin-bottom:10px;
}
.sheet-rolltemplate-base > div
{
display:flex;
width:100%;
justify-content:space-between;
}
.sheet-rolltemplate-base > div > span
{
display:flex;
font-weight:bold;
font-size:13px;
font-variant:small-caps;
color:black;
}
.sheet-rolltemplate-base > div > span:first-of-type
{
width:70%;
}
.sheet-rolltemplate-base > div > span:last-of-type
{
width:30%;
justify-content:center;
}
.sheet-rolltemplate-base > div:nth-of-type(3)
{
border-top:1px solid black;
}
.sheet-rolltemplate-base .inlinerollresult
{
border: none;
background:transparent;
color:black;
margin:0px;
padding:0px;
}
.sheet-rolltemplate-base .inlinerollresult.fullcrit
{
border: none;
background:transparent;
color:green;
}
.sheet-rolltemplate-base .inlinerollresult.fullfail
{
border: none;
background:transparent;
color:red;
}
.sheet-rolltemplate-base .inlinerollresult.importantroll
{
border: none;
background:transparent;
color:blue;
}