Files
2021-01-05 16:12:38 +01:00

1839 lines
50 KiB
CSS

@import url('https://fonts.googleapis.com/css?family=Kodchasan&display=swap');
.charsheet
{
min-width:860px;
}
.itemcontrol
{
z-index:2;
}
.btn
{
border-radius:0px;
}
img,
div,
span,
input[type="number"],
input[type="text"],
textarea,
select,
h1,
h2,
label,
button[type="roll"],
button[type="action"],
b
{
display:flex;
}
input[type="number"],
input[type="text"],
textarea,
select
{
color:black;
}
label
{
padding:0px;
margin:0px;
font-weight:normal;
}
select,
input[type="text"],
input[type="number"]
{
padding:0px;
margin:0px;
border-radius:0px;
}
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;
}
textarea
{
border:none;
width:100%;
padding:0px;
text-align:justify;
border-radius:0px;
margin:0px;
}
.repcontrol
{
display:flex;
width:100%;
justify-content:space-between;
flex-direction:row-reverse;
}
.repcontrol > .btn
{
padding-bottom:0px;
border-radius:0px;
border:1px solid var(--sombre);
padding-top:0px;
}
.itemcontrol > .btn
{
padding-top:3px;
padding-bottom:2px;
}
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:0px;
}
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-autoex24
{
min-height:24px;
}
div.sheet-autoex26
{
min-height:26px;
}
div.sheet-autoex28
{
min-height:28px;
}
div.sheet-autoex40
{
min-height:40px;
}
div.sheet-autoex100
{
min-height:100px;
}
img.sheet-img
{
position:absolute;
opacity: 0.3;
margin-top: 5px;
margin-left: -5px;
height:45px;
}
div.sheet-container
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
min-width:700px;
align-items:flex-start;
align-content:flex-start;
}
label.sheet-identite
{
width:calc(100% - 35px);
justify-content:space-between;
flex-wrap:nowrap;
}
label.sheet-identite > span
{
width:max-content;
justify-content:space-between;
flex-wrap:nowrap;
margin-right:5px;
color:RGB(115, 116, 118);
}
label.sheet-identite > input[type="text"]
{
width:100%;
border:0px;
border-bottom:1px dashed black;
padding:0px;
}
div.sheet-menu
{
width:100%;
flex-wrap:wrap;
justify-content:space-evenly;
margin-top:10px;
}
div.sheet-menu > label
{
width:150px;
position:relative;
height:30px;
margin:5px;
}
div.sheet-menu > label > input[type="radio"]
{
width:100%;
position:absolute;
opacity:0;
height:30px;
}
div.sheet-menu > label > span
{
width:100%;
}
div.sheet-menu > label > span::before
{
display:flex;
content:attr(title);
width:100%;
height:30px;
line-height:30px;
background-color:lightgray;
color:black;
justify-content:center;
font-weight:bold;
font-variant:small-caps;
}
div.sheet-menu > label > input[type="radio"]:checked ~ span::before
{
background:black;
color:white;
}
div.sheet-options
{
position: absolute;
width: calc(100% - 60px);
min-width:860px;
}
div.sheet-options > label
{
font-size: 25px;
font-family: pictos;
margin: 0px;
padding: 0px;
display: flex;
width: 24px;
line-height: 20px;
height: 23px;
margin-left: auto;
}
div.sheet-options > label > input[type="checkbox"]
{
opacity: 0;
z-index: 1;
position: absolute;
width: 24px;
height: 23px;
}
div.sheet-options > label > span
{
width:100%;
font-size: 25px;
font-family: pictos;
color: lightgray;
line-height: 20px;
opacity: .5;
text-shadow: 1px 1px 5px black;
}
div.sheet-options > label > input[type="checkbox"]:checked ~ span
{
opacity:1;
text-shadow:1px 1px 1px black;
}
div.sheet-options > div
{
display:none;
}
div.sheet-options > input[type="hidden"][value="1"] ~ div
{
position: absolute;
display: flex;
width: 200px;
padding: 10px;
background: white;
height: auto;
justify-content: space-between;
align-content: flex-start;
align-items: flex-start;
border: 1px solid black;
z-index: 200;
border-radius: 30px;
margin-left: calc(100% - 235px);
margin-top: 10px;
}
div.sheet-options > div > select
{
width:100%;
text-align:center;
border:0px;
padding:0px;
background:transparent;
border-bottom:1px dashed black;
padding-top:7px;
}
input[type="hidden"].sheet-tab[value="1"] ~ div.sheet-tab1,
input[type="hidden"].sheet-tab[value="2"] ~ div.sheet-tab2,
input[type="hidden"].sheet-tab[value="3"] ~ div.sheet-tab3,
input[type="hidden"].sheet-tab[value="4"] ~ div.sheet-tab4
{
display:flex;
}
div.sheet-tab1,
div.sheet-tab3,
div.sheet-tab4
{
background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Cle%20en%20main/img/fond.png");
background-size:contain;
background-size: contain;
background-position-x: right;
background-repeat: no-repeat;
}
div.sheet-competences
{
width:350px;
flex-wrap:wrap;
border-right:2px solid RGB(117, 117, 119);
margin-top:20px;
position:relative;
}
div.sheet-competences > h1
{
width:100%;
font-size:20px;
text-transform:uppercase;
font-weight:normal;
margin-bottom:20px;
}
div.sheet-competences > div:not([class*=repcontainer]):not([class*=repcontrol])
{
width:100%;
justify-content:space-between;
flex-wrap:nowrap;
}
div.sheet-competences > div:not(:last-of-type):not([class*=repcontainer]):not([class*=repcontrol])
{
margin-bottom:5px;
}
div.sheet-competences > div.repcontainer
{
width:100%;
flex-wrap:wrap;
}
div.sheet-competences > div.repcontainer > div.repitem
{
width:100%;
justify-content:space-between;
flex-wrap:nowrap;
}
div.sheet-competences > div.repcontainer > div.repitem
{
margin-bottom:5px;
}
div.sheet-competences > div > input[type="number"],
div.sheet-competences > div.repcontainer > div.repitem > input[type="number"]
{
height:25px;
width:50px;
padding:0px;
text-align:center;
border:1px solid black;
margin-right:30px;
font-size:16px;
}
div.sheet-competences > div > input[type="text"],
div.sheet-competences > div.repcontainer > div.repitem > input[type="text"]
{
height:20px;
width:100%;
min-width:0px;
padding:0px;
border:0px;
border-bottom:1px dashed black;
font-size:13px;
margin-left:10px;
margin-right:10px;
padding-top:7px;
}
div.sheet-competences > div > button[type="roll"],
div.sheet-competences > div.repcontainer > div.repitem > button[type="roll"]
{
margin:0px;
padding:0px;
font-size:16px;
line-height:25px;
background:none;
border:0px;
text-shadow:none;
box-shadow:none;
text-transform:uppercase;
}
div.sheet-competences > div > button[type="roll"] > span,
div.sheet-competences > div.repcontainer > div.repitem > button[type="roll"] > span
{
letter-spacing:-0.5px;
}
div.sheet-competences > div > button[type="roll"]::before,
div.sheet-competences > div.repcontainer > div.repitem > button[type="roll"]::before
{
content:"f";
font-family:"dicefontd6";
font-size:30px;
margin-right:10px;
text-transform:lowercase;
line-height:22px;
}
div.sheet-competences > div > button[type="roll"]:hover::before,
div.sheet-competences > div.repcontainer > div.repitem > button[type="roll"]:hover:before
{
text-transform:uppercase;
}
div.sheet-tab-content
{
display:none;
width:calc(100% - 360px);
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:flex-start;
}
div.sheet-atouts
{
width:100%;
flex-wrap:wrap;
align-items:flex-start;
align-content:flex-start;
margin-top:20px;
position:relative;
}
div.sheet-atouts > h1
{
width:100%;
font-size:20px;
text-transform:uppercase;
font-weight:normal;
margin-bottom:20px;
}
div.sheet-atouts > .repcontainer
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-atouts > .repcontainer > .repitem
{
width:calc((100% / 2) - 10px);
flex-wrap:wrap;
justify-content:space-between;
align-content:flex-start;
}
div.sheet-atouts > .repcontainer > .repitem:nth-of-type(n+3)
{
margin-top:10px;
}
div.sheet-atouts > .editmode > .repitem
{
width:100%;
}
div.sheet-atouts > .editmode > .repitem:not(:first-of-type)
{
margin-top:10px;
}
div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2)
{
width:100%;
justify-content:space-between;
}
div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label
{
width: 24px;
height: 22px;
justify-content: center;
border:1px solid black;
}
div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label > input[type="checkbox"]
{
width: 25px;
height: 28px;
opacity: 0;
position: absolute;
}
div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label > span
{
width:100%;
}
div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label > span::before
{
display: flex;
content: "+";
width: 100%;
font-size: 25px;
line-height: 21px;
justify-content: center;
}
div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > label > input[type="checkbox"]:checked ~ span::before
{
content:"-";
}
div.sheet-atouts > .repcontainer > .repitem > div:nth-of-type(2) > input[type="text"]
{
width:100%;
text-align:center;
padding:0px;
padding-right:25px;
border:0px;
border-bottom:1px dashed black;
}
div.sheet-atouts > .repcontainer > .repitem > div.sheet-expand
{
display:none;
border-top:0px;
border-right:1px dashed black;
border-left:1px dashed black;
border-bottom:1px dashed black;
}
div.sheet-atouts > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div.sheet-expand
{
display:flex;
}
div.sheet-tab1
{
justify-content:center;
}
div.sheet-tab1 > .sheet-col,
div.sheet-tab3 > .sheet-col,
div.sheet-tab4 > .sheet-col
{
display:flex;
flex-wrap:wrap;
width:calc((100% / 2) - 5px - 1px);
align-items:flex-start;
align-content:flex-start;
margin-top:20px;
}
div.sheet-tab1 > .sheet-col > div:not(:first-of-type)
{
margin-top:10px;
}
div.sheet-tab1 > .sheet-col:first-of-type
{
border-right:1px solid black;
padding-right:5px;
}
div.sheet-tab1 > .sheet-col:last-of-type
{
padding-left:5px;
}
div.sheet-profil
{
flex-wrap:wrap;
width:100%;
margin-bottom:20px;
align-items:flex-start;
align-content:flex-start;
}
div.sheet-profil > h1
{
width:100%;
font-size:16px;
line-height:20px;
text-transform:uppercase;
font-weight:normal;
margin-bottom:5px;
}
div.sheet-profil .sheet-autoex
{
border:1px dashed black;
}
div.sheet-profil > label
{
width:100%;
flex-wrap:nowrap;
height:20px;
line-height:20px;
justify-content:space-between;
margin-top:5px;
}
div.sheet-profil > label > span
{
width:max-content;
height:20px;
font-size:14px;
line-height:20px;
font-style:italic;
margin-right:10px;
}
div.sheet-profil > label > input[type="text"]
{
width:100%;
min-width:0px;
border:0px;
border-bottom:1px dashed black;
padding-top:7px;
}
div.sheet-profil .repcontainer
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-profil .repcontainer > .repitem
{
width:100%;
}
div.sheet-profil .repcontainer > .repitem:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-profil .repcontainer > .repitem > .itemcontrol > .btn
{
padding-top:1px;
padding-bottom:2px;
}
div.sheet-general,
div.sheet-consommable,
div.sheet-richesse
{
flex-wrap:wrap;
width:100%;
margin-bottom:20px;
align-items:flex-start;
align-content:flex-start;
}
div.sheet-general .sheet-autoex,
div.sheet-richesse .sheet-autoex
{
border:1px dashed black;
}
div.sheet-general > h1,
div.sheet-richesse > h1
{
width:100%;
font-size:16px;
line-height:20px;
font-weight:normal;
margin-bottom:5px;
}
div.sheet-general .repcontainer,
div.sheet-consommable .repcontainer,
div.sheet-richesse .repcontainer
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-general .repcontainer > .repitem,
div.sheet-consommable .repcontainer > .repitem,
div.sheet-richesse .repcontainer > .repitem
{
width:100%;
justify-content:space-between;
}
div.sheet-general .repcontainer > .repitem:not(:first-of-type),
div.sheet-consommable .repcontainer > .repitem:not(:first-of-type),
div.sheet-richesse .repcontainer > .repitem:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-general .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-consommable .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-richesse .repcontainer > .repitem > .itemcontrol > .btn
{
padding-top:1px;
padding-bottom:2px;
}
div.sheet-consommable > h1
{
width:100%;
font-size:16px;
line-height:16px;
font-weight:normal;
}
div.sheet-consommable > h2
{
width:100%;
font-size:12px;
line-height:12px;
font-weight:normal;
margin-bottom:5px;
}
div.sheet-consommable .repcontainer > .repitem > input[type="text"]
{
width:calc(100% - 141px);
min-width:0px;
border:0px;
border-bottom:1px dashed black;
height:20px;
margin-top:auto;
margin-bottom:auto;
}
div.sheet-consommable .repcontainer > .repitem > div
{
width:136px;
flex-wrap:wrap;
justify-content:right;
}
div.sheet-consommable .repcontainer > .repitem > div > label
{
width:13px;
height:13px;
margin:1px;
position:relative;
border:1px solid black;
}
div.sheet-consommable .repcontainer > .repitem > div > label > input[type="checkbox"]
{
position:absolute;
width:13px;
height:13px;
opacity:0;
}
div.sheet-consommable .repcontainer > .repitem > div > label > span
{
width:100%;
}
div.sheet-consommable .repcontainer > .repitem > div > label > span::before
{
content:"";
width:100%;
height:13px;
}
div.sheet-consommable .repcontainer > .repitem > div > label > input[type="checkbox"]:checked ~ span::before
{
background:black;
}
div.sheet-capacites
{
flex-wrap:wrap;
width:100%;
margin-bottom:20px;
align-items:flex-start;
align-content:flex-start;
margin-top:20px;
}
div.sheet-capacites > h1
{
width:100%;
font-size:16px;
line-height:16px;
font-weight:normal;
justify-content:center;
text-transform:uppercase;
margin-bottom:20px;
}
div.sheet-capacites > div:first-of-type
{
width:100%;
justify-content:space-between;
}
div.sheet-capacites > div:first-of-type > span
{
font-size:12px;
line-height:15px;
text-align:center;
justify-content:center;
}
div.sheet-capacites > div:first-of-type > span:last-of-type
{
padding-right:28px;
}
div.sheet-capacites > div:first-of-type > span:nth-of-type(1),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(2)
{
width:calc(100% - (50px*2) - 100px - 130px - 40px - 40px);
}
div.sheet-capacites > div:first-of-type > span:nth-of-type(2),
div.sheet-capacites > div:first-of-type > span:nth-of-type(3),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(3),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(4)
{
width:50px;
}
div.sheet-capacites > div:first-of-type > span:nth-of-type(4),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(5)
{
width:40px;
}
div.sheet-capacites > div:first-of-type > span:nth-of-type(5),
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(6)
{
width:100px;
}
div.sheet-capacites > div:first-of-type > span:nth-of-type(6)
{
width:102px;
}
div.sheet-capacites > .repcontainer > .repitem > div:nth-of-type(7)
{
width:130px;
}
div.sheet-capacites > .repcontainer
{
flex-wrap:wrap;
}
div.sheet-capacites > .repcontainer,
div.sheet-capacites > .repcontainer > .repitem
{
width:100%;
justify-content:space-between;
}
div.sheet-capacites > .repcontainer > .repitem input[type="text"],
div.sheet-capacites > .repcontainer > .repitem input[type="number"],
div.sheet-capacites > .repcontainer > .repitem select
{
width:100%;
padding:0px;
border:0px;
border-bottom:1px dashed black;
min-width:0px;
padding-top:7px;
}
div.sheet-capacites > .repcontainer > .repitem button[type="roll"]
{
width: 28px;
margin: 0px;
padding: 0px;
font-size: 16px;
line-height: 28px;
background: none;
border: 0px;
text-shadow: none;
box-shadow: none;
text-transform: uppercase;
}
div.sheet-capacites > .repcontainer > .repitem button[type="roll"]::before
{
content: "f";
font-family: "dicefontd6";
font-size: 39px;
text-transform: lowercase;
line-height: 23px;
width: 28px;
}
div.sheet-capacites > .repcontainer > .repitem button[type="roll"]:hover::before
{
text-transform: uppercase;
}
div.sheet-capacites > .repcontainer > .repitem select
{
width:calc(100% - 28px);
text-align:center;
}
div.sheet-capacites > .repcontainer > .repitem > div:not(:nth-of-type(2)) > input[type="text"],
div.sheet-capacites > .repcontainer > .repitem > div:not(:nth-of-type(2)) > input[type="number"]
{
text-align:center;
}
div.sheet-protections,
div.sheet-armes
{
flex-wrap:wrap;
width:100%;
margin-bottom:20px;
align-items:flex-start;
align-content:flex-start;
margin-top:10px;
}
div.sheet-protections > h1,
div.sheet-armes > h1
{
width:100%;
font-size:16px;
line-height:16px;
font-weight:normal;
justify-content:center;
text-transform:uppercase;
margin-bottom:20px;
}
div.sheet-protections > div:first-of-type,
div.sheet-armes > div:first-of-type
{
width:180px;
flex-wrap:wrap;
margin-right:auto;
}
div.sheet-protections > div:first-of-type > h2,
div.sheet-armes > div:first-of-type > h2
{
width:100%;
font-size:12px;
line-height:12px;
font-weight:normal;
margin-bottom:5px;
font-style:italic;
}
div.sheet-protections > div:first-of-type > div,
div.sheet-armes > div:first-of-type > div,
div.sheet-armes > div:nth-of-type(2) > div
{
width:100%;
justify-content:left;
}
div.sheet-protections > div:first-of-type > div:not(:first-of-type),
div.sheet-armes > div:first-of-type > div:not(:first-of-type),
div.sheet-armes > div:nth-of-type(2) > div:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-protections > div:first-of-type > div > label,
div.sheet-armes > div:first-of-type > div > label
{
width:15px;
height:15px;
border:1px solid black;
border-radius:50%;
position:relative;
}
div.sheet-protections > div:first-of-type > div > label > input[type="checkbox"],
div.sheet-armes > div:first-of-type > div > label > input[type="checkbox"]
{
width:15px;
height:15px;
position:absolute;
opacity:0;
}
div.sheet-protections > div:first-of-type > div > label > span,
div.sheet-armes > div:first-of-type > div > label > span
{
width:100%;
}
div.sheet-protections > div:first-of-type > div > label > span::before,
div.sheet-armes > div:first-of-type > div > label > span::before
{
content:"";
width:100%;
height:15px;
border-radius:50%;
}
div.sheet-protections > div:first-of-type > div > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-armes > div:first-of-type > div > label > input[type="checkbox"]:checked ~ span::before
{
background:black;
}
div.sheet-protections > div:first-of-type > div > span,
div.sheet-armes > div:first-of-type > div > span,
div.sheet-armes > div:nth-of-type(2) > div > span
{
font-size:16px;
line-height:20px;
margin-left:10px;
}
div.sheet-protections > .repcontainer,
div.sheet-armes > .repcontainer
{
width:100%;
flex-wrap:wrap;
}
div.sheet-protections > .repcontainer > .repitem,
div.sheet-armes > .repcontainer > .repitem
{
width:100%;
margin-top:10px;
}
div.sheet-protections .sheet-autoex
{
border:1px dashed black;
}
div.sheet-armes > .repcontainer > .repitem
{
justify-content:space-between;
}
div.sheet-armes > div:nth-of-type(2)
{
width:180px;
flex-wrap:wrap;
margin-right:auto;
margin-top:10px;
}
div.sheet-armes > div:nth-of-type(2) > div
{
width:100%;
justify-content:left;
}
div.sheet-armes > div:nth-of-type(2) > div > input[type="number"]
{
border:1px solid black;
text-align:center;
width:50px;
font-size:14px;
}
div.sheet-armes > div:nth-of-type(2) > h2,
div.sheet-armes > h2
{
width:100%;
font-size:12px;
line-height:12px;
font-weight:normal;
margin-bottom:5px;
}
div.sheet-armes > h2
{
margin-top:20px;
}
div.sheet-armes > .repcontainer > .repitem > .itemcontrol > .btn
{
padding-top:1px;
padding-bottom:1px;
line-height:14px;
}
div.sheet-armes > .repcontainer > .repitem > input[type="text"]
{
width:calc(100% - 135px);
padding:0px;
border:0px;
border-bottom:1px dashed black;
}
div.sheet-armes > .repcontainer > .repitem > div
{
width: 135px;
flex-wrap: wrap;
justify-content: right;
align-content:flex-end;
}
div.sheet-armes > .repcontainer > .repitem > div > label
{
width: 11px;
height: 11px;
margin: 1px;
position: relative;
border: 1px solid black;
}
div.sheet-armes > .repcontainer > .repitem > div > label > input[type="checkbox"]
{
position: absolute;
width: 13px;
height: 13px;
opacity: 0;
}
div.sheet-armes > .repcontainer > .repitem > div > label > span
{
width:100%;
}
div.sheet-armes > .repcontainer > .repitem > div > label > span::before
{
content: "";
width: 100%;
height: 13px;
}
div.sheet-armes > .repcontainer > .repitem > div > label > input[type="checkbox"]:checked ~ span::before
{
background:black;
}
div.sheet-heroisme,
div.sheet-vitalite
{
flex-wrap:wrap;
width:100%;
margin-bottom:20px;
align-items:flex-start;
align-content:flex-start;
margin-top:10px;
}
div.sheet-heroisme > h1,
div.sheet-vitalite > h1,
div.sheet-vitalite > div > h2
{
width:100%;
font-size:16px;
line-height:16px;
font-weight:normal;
justify-content:center;
text-transform:uppercase;
margin-bottom:20px;
}
div.sheet-heroisme > div,
div.sheet-vitalite > div
{
width:100%;
justify-content:space-evenly;
}
div.sheet-heroisme > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-heroisme > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(8) > span::before
{
content:"✖";
}
div.sheet-heroisme > div > label,
div.sheet-vitalite > div > label
{
width:17px;
height:17px;
position:relative;
border:1px solid RGB(129, 130, 132);
border-radius:50%;
margin:2px;
}
div.sheet-heroisme > div > label > input[type="checkbox"],
div.sheet-vitalite > div > label > input[type="checkbox"]
{
width:17px;
height:17px;
position:absolute;
opacity:0;
z-index:99;
}
div.sheet-heroisme > div > label > span,
div.sheet-vitalite > div > label > span
{
width:100%;
color:RGB(129, 130, 132);
line-height:17px;
justify-content:center;
align-items:center;
font-size:12px;
}
div.sheet-heroisme > div > label > span::before,
div.sheet-vitalite > div > label > span::before
{
position:absolute;
content:"";
display:flex;
width:100%;
height:17px;
color:black;
font-size:20px;
}
div.sheet-heroisme > button[type="roll"],
div.sheet-vitalite > button[type="roll"]
{
margin: 0px;
padding: 0px;
font-size: 16px;
line-height: 25px;
background: none;
border: 0px;
text-shadow: none;
box-shadow: none;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
div.sheet-heroisme > button[type="roll"]::before,
div.sheet-vitalite > button[type="roll"]::before
{
content: "f";
font-family: "dicefontd6";
font-size: 30px;
margin-right: 10px;
text-transform: lowercase;
line-height: 22px;
}
div.sheet-heroisme > button[type="roll"]:hover::before,
div.sheet-vitalite > button[type="roll"]:hover::before
{
text-transform:uppercase;
}
div.sheet-vitalite > div
{
flex-wrap:wrap;
}
div.sheet-vitalite > div > input[type="hidden"][value="18"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="17"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="17"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="16"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="16"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="16"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="15"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="15"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="15"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="15"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="14"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="13"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="12"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="11"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="10"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="9"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="8"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="7"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="6"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="5"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="4"] ~ label:nth-last-of-type(15) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(15) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="3"] ~ label:nth-last-of-type(16) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(15) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(16) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="2"] ~ label:nth-last-of-type(17) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(1) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(2) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(3) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(4) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(5) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(6) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(7) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(8) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(9) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(10) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(11) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(12) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(13) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(14) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(15) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(16) > span::before,
div.sheet-vitalite > div > input[type="hidden"][value="1"] ~ label:nth-last-of-type(17) > span::before,
div.sheet-vitalite > div > div > label > input[type="checkbox"]:checked ~ span::before
{
content:"✖";
}
div.sheet-vitalite > div:last-of-type
{
margin-top:10px;
}
div.sheet-vitalite > div > div > label
{
width:20px;
height:20px;
position:relative;
border:1px solid RGB(129, 130, 132);
border-radius:50%;
margin:2px;
}
div.sheet-vitalite > div > div > label > input[type="checkbox"]
{
width:20px;
height:20px;
position:absolute;
opacity:0;
z-index:99;
}
div.sheet-vitalite > div > div > label > span
{
width:100%;
color:RGB(129, 130, 132);
line-height:20px;
justify-content:center;
align-items:center;
font-size:12px;
}
div.sheet-vitalite > div > div > label > span::before
{
position:absolute;
content:"";
display:flex;
width:100%;
height:20px;
color:black;
font-size:25px;
}
div.sheet-primes,
div.sheet-penalites
{
flex-wrap:wrap;
width:100%;
margin-bottom:20px;
align-items:flex-start;
align-content:flex-start;
margin-top:10px;
}
div.sheet-primes > h1,
div.sheet-penalites > h1
{
width:100%;
font-size:16px;
line-height:16px;
font-weight:normal;
text-transform:uppercase;
padding-left:20px;
margin-bottom:10px;
}
div.sheet-primes > div,
div.sheet-penalites > div
{
justify-content:space-between;
}
div.sheet-primes > div:not(:first-of-type),
div.sheet-penalites > div:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-primes > div > label,
div.sheet-penalites > div > label
{
width: 15px;
height: 15px;
border: 1px solid black;
border-radius: 50%;
position: relative;
margin-right:5px;
margin-top:2px;
}
div.sheet-primes > div > label > input[type="checkbox"],
div.sheet-penalites > div > label > input[type="checkbox"]
{
width: 15px;
height: 15px;
position: absolute;
opacity: 0;
}
div.sheet-primes > div > label > span,
div.sheet-penalites > div > label > span
{
width:100%;
}
div.sheet-primes > div > label > span::before,
div.sheet-penalites > div > label > span::before
{
content: "";
width: 100%;
height: 15px;
border-radius: 50%;
}
div.sheet-primes > div > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-penalites > div > label > input[type="checkbox"]:checked ~ span::before
{
background:black;
border-radius: 50%;
}
div.sheet-primes > div > span,
div.sheet-penalites > div > span
{
display:block;
width:calc(100% - 20px);
text-align:justify;
}
div.sheet-primes > div > span > b,
div.sheet-penalites > div > span > b
{
display:inline-block;
}
.sheet-rolltemplate-base,
.sheet-rolltemplate-capacite
{
display:flex;
width:calc(100% - 10px);
border:1px solid black;
padding-top:5px;
padding-bottom:5px;
flex-wrap:wrap;
background:white;
border-radius:15px;
}
.sheet-rolltemplate-base > h1,
.sheet-rolltemplate-capacite > h1
{
display:flex;
width: 100%;
font-size: 16px;
line-height: 16px;
font-weight: normal;
justify-content: center;
text-transform: uppercase;
word-wrap:anywhere;
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
}
.sheet-rolltemplate-base > h2,
.sheet-rolltemplate-capacite > h2
{
display:flex;
width: 100%;
font-size: 12px;
line-height: 12px;
font-weight: normal;
justify-content: center;
word-wrap:anywhere;
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
font-variant:small-caps;
}
.sheet-rolltemplate-base > h2:not(:nth-of-type(1)),
.sheet-rolltemplate-capacite > h2:not(:nth-of-type(1))
{
margin-top:5px;
padding-top:5px;
border-top:1px solid black;
}
.sheet-rolltemplate-capacite > div:nth-of-type(1)
{
display:flex;
width:100%;
justify-content:center;
padding-left:5px;
padding-right:5px;
border-top:1px solid black;
padding-top:5px;
}
.sheet-rolltemplate-capacite > div:nth-of-type(1) > span
{
font-variant:small-caps;
}
.sheet-rolltemplate-base > div:nth-of-type(1),
.sheet-rolltemplate-capacite > div:nth-of-type(2)
{
display:flex;
width:100%;
justify-content:space-between;
padding-left:5px;
padding-right:5px;
border-top:1px solid black;
padding-top:5px;
}
.sheet-rolltemplate-capacite > div:nth-of-type(3)
{
display:flex;
width:100%;
justify-content:space-between;
padding-left:5px;
padding-right:5px;
border-top:1px solid black;
padding-top:5px;
}
.sheet-rolltemplate-capacite > div:nth-of-type(3) > span:nth-of-type(2)
{
margin-left:auto;
margin-right:5px;
}
.sheet-rolltemplate-base > div:nth-of-type(1) > span,
.sheet-rolltemplate-capacite > div:nth-of-type(2) > span,
.sheet-rolltemplate-capacite > div:nth-of-type(3) > span:last-of-type
{
margin-right:20px;
}
.sheet-rolltemplate-base > div:not(:nth-of-type(1)),
.sheet-rolltemplate-capacite > div:not(:nth-of-type(1)):not(:nth-of-type(2))
{
text-align:justify;
word-wrap:anywhere;
padding-left:5px;
padding-right:5px;
}
.sheet-rolltemplate-base .inlinerollresult ,
.sheet-rolltemplate-capacite .inlinerollresult
{
text-align: center;
border:0px;
background:none;
}
.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-capacite .inlinerollresult.fullcrit
{
color:green;
border: 0px;
}
.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-capacite .inlinerollresult.fullfail
{
color:red;
border: 0px;
}
.sheet-rolltemplate-base .inlinerollresult.importantroll,
.sheet-rolltemplate-capacite .inlinerollresult.importantroll
{
border: 0px;
}