Files
roll20-character-sheets/Vermine 2047/vermine2047.css
T
2020-05-12 14:52:55 +02:00

3208 lines
102 KiB
CSS

@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great&display=swap');
.charsheet
{
min-width:840px;
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/page.png');
background-size: cover;
}
.repcontrol
{
width:100% !important;
display:block !important;
}
.repcontainer
{
width:100% !important;
}
.itemcontrol
{
z-index:2;
}
.btn
{
border-radius:0px;
}
select
{
margin-bottom: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;
color:black;
}
label
{
margin:0px;
padding:0px;
}
div,
span,
label,
h1,
h2,
h3,
input[type="text"],
input[type="number"],
select
{
display:flex;
flex-wrap:wrap;
font-family:"Fredericka the Great";
color:black;
}
h1
{
width:100%;
justify-content:center;
text-transform:uppercase;
color:black;
font-size:35px;
letter-spacing:-2px;
line-height:35px;
z-index:100;
opacity:0.7;
}
h2
{
width:100%;
text-transform:uppercase;
color:black;
z-index:100;
}
input[readonly]
{
cursor:context-menu;
}
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;
}
div.sheet-autoex > textarea
{
display: block;
z-index: 1;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
font-family: inherit;
font-size: inherit;
line-height: inherit;
white-space: pre-wrap;
text-align: inherit;
min-height: inherit;
resize: none;
background:transparent;
}
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;
}
div.sheet-header
{
width:100%;
align-items: flex-start;
}
div.sheet-header > div
{
justify-content:space-between;
align-items: flex-start;
}
div.sheet-header > div
{
width:calc(50% - 2.5px);
}
div.sheet-header > div > label
{
text-transform: uppercase;
align-items:center;
width:100%;
justify-content:space-between;
}
div.sheet-header > div > label > span
{
color:black;
}
div.sheet-header > div:first-of-type > label > span
{
width:116px;
}
div.sheet-header > div:first-of-type > label > input[type="text"],
div.sheet-header > div:first-of-type > label > input[type="number"],
div.sheet-header > div:first-of-type > label > select
{
width:calc(100% - 120px);
}
div.sheet-header > div:first-of-type > label:nth-of-type(1) > span
{
font-size:35px;
line-height:35px;
letter-spacing:2px;
}
div.sheet-header > div:first-of-type > label:nth-of-type(1) > input[type="text"]
{
font-size:25px;
line-height:25px;
}
div.sheet-header > div:first-of-type > label:nth-of-type(2) > span
{
font-size:30px;
line-height:30px;
letter-spacing:-2px;
}
div.sheet-header > div:first-of-type > label:nth-of-type(2) > input[type="text"]
{
font-size:19px;
line-height:19px;
}
div.sheet-header > div:first-of-type > label:nth-of-type(3) > span
{
font-size:18px;
line-height:18px;
justify-content:right;
}
div.sheet-header > div:first-of-type > label:nth-of-type(3) > select
{
font-size:16px;
line-height:16px;
}
div.sheet-header > div:last-of-type > label > input[type="text"],
div.sheet-header > div:last-of-type > label > input[type="number"],
div.sheet-header > div:last-of-type > label > select
{
width:calc(100% - 160px);
}
div.sheet-header > div:last-of-type > label > input[type="text"],
div.sheet-header > div:last-of-type > label > input[type="number"]
{
padding-left:4px;
}
div.sheet-header > div:last-of-type > label > span
{
width:150px;
}
div.sheet-header > div:last-of-type > label:nth-of-type(1) > span
{
font-size:25px;
line-height:25px;
letter-spacing:2px;
justify-content:right;
}
div.sheet-header > div:last-of-type > label:nth-of-type(1) > select
{
font-size:18px;
line-height:15px;
font-weight:bold;
}
div.sheet-header > div:last-of-type > label:nth-of-type(2) > span,
div.sheet-header > div:last-of-type > label:nth-of-type(3) > span
{
font-size:14px;
line-height:14px;
justify-content:right;
}
div.sheet-header > div:last-of-type > label:nth-of-type(2) > input[type="text"],
div.sheet-header > div:last-of-type > label:nth-of-type(3) > input[type="text"]
{
font-size:14px;
line-height:14px;
}
div.sheet-header > div:last-of-type > label:nth-of-type(5) > input[type="text"]
{
font-size:16px;
line-height:16px;
}
div.sheet-header > div:last-of-type > label:nth-of-type(4) > span
{
font-size:22px;
line-height:22px;
letter-spacing:-1px;
justify-content:right;
}
div.sheet-header > div:last-of-type > label:nth-of-type(4) > input[type="number"]
{
font-size:20px;
line-height:20px;
}
div.sheet-header > div:last-of-type > label:nth-of-type(5) > span
{
font-size:18px;
line-height:18px;
justify-content:right;
}
div.sheet-header > div:last-of-type > label:nth-of-type(5) > input[type="text"]
{
font-size:16px;
line-height:16px;
}
div.sheet-header > div > label > span,
div.sheet-header > div > label > input[type="text"],
div.sheet-header > div > label > input[type="number"],
div.sheet-header > div > label > select
{
text-transform: uppercase;
background:transparent;
}
div.sheet-header > div > label > input[type="text"],
div.sheet-header > div > label > input[type="number"],
div.sheet-header > div > label > select
{
color:rgb(70, 71, 66);
border:0px;
padding:0px;
height:auto;
align-self:end;
}
div.sheet-jets
{
width:100%;
justify-content:space-between;
align-content:baseline;
border:1px dotted black;
margin-top:5px;
}
div.sheet-jets > input[type="hidden"][value="1"].sheet-optionsJets ~ div
{
display:none;
}
div.sheet-jets > label:first-of-type
{
width:36px;
height:36px;
}
div.sheet-jets > label:first-of-type > input[type="checkbox"]
{
position:absolute;
width:36px;
height:36px;
opacity:0;
z-index:99;
}
div.sheet-jets > label:first-of-type > input[type="checkbox"] ~ span::before
{
width:36px;
line-height:36px;
font-family:"Pictos";
content:"]";
transform:rotate(90deg);
font-size:40px;
transition: transform 2s;
}
div.sheet-jets > label:first-of-type > input[type="checkbox"]:checked ~ span::before
{
transform:rotate(-90deg);
}
div.sheet-jets > h2
{
justify-content:center;
width: calc(100% - 88px);
padding-left: 16px;
}
div.sheet-jets > h2 > button[type="action"]
{
font-family: Pictos;
background: transparent;
border: 0px;
padding: 0px;
height: 16px;
width: 16px;
line-height: 16px;
display: flex;
justify-content: center;
align-content: center;
font-size: 16px;
}
div.sheet-jets > button[type="roll"]
{
margin: 0px;
padding: 0px;
line-height: 32px;
width: 36px;
font-size: 48px;
display: flex;
justify-content: center;
border: 0px;
}
div.sheet-jets > button[type="roll"]::before
{
font-family:"dicefontd10";
content:"k";
}
div.sheet-jets > div
{
justify-content:space-between;
}
div.sheet-jets > div > label
{
width: 100%;
align-content: baseline;
justify-content:space-between;
}
div.sheet-jets > div > label > span
{
color:black;
text-transform:uppercase;
align-content:end;
}
div.sheet-jets > div > label > select
{
background: transparent;
border: 0px;
border-bottom: 1px dashed black;
color: black;
text-align: center;
padding-bottom:0px;
height:25px;
padding-right:0px;
padding-left:0px;
}
div.sheet-jets > div > label > div
{
height:24px;
border-bottom:1px dashed black;
cursor:text;
}
div.sheet-jets > div > label > input[type="text"],
div.sheet-jets > div > input[type="text"]
{
height: 28px;
background: transparent;
border: 0px;
border-bottom: 1px dashed black;
text-align:center;
padding-bottom:0px;
color: black;
}
div.sheet-jets > div > label > div > input[type="number"]
{
height: 28px;
background: transparent;
border: 0px;
text-align:right;
padding-bottom:0px;
padding-right:0px;
color: black;
}
div.sheet-jets > div > label > input[type="text"],
div.sheet-jets > div > label > div > input[type="number"],
div.sheet-jets > div > label > select
{
font-size:16px;
}
div.sheet-jets > div:nth-of-type(1),
div.sheet-jets > div:nth-of-type(2)
{
width: calc(35% - 10px);
align-content: baseline;
}
div.sheet-jets > div:nth-of-type(3)
{
width: 30%;
align-content: baseline;
}
div.sheet-jets >div:nth-of-type(3) > label:nth-of-type(3),
div.sheet-jets >div:nth-of-type(3) > label:nth-of-type(4)
{
width:calc(50% - 5px);
line-height:28px;
align-content:center;
}
div.sheet-jets > div:nth-of-type(2) > label:nth-of-type(1),
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(2),
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(3),
div.sheet-jets > div:nth-of-type(2) > label:nth-of-type(2)
{
width:100%;
line-height:28px;
align-content:center;
}
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(1) > span,
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(3) > span
{
width: 165px;
line-height:28px;
}
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(3) > div > span,
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(4) > div > span,
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(2) > div > span,
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(3) > div > span
{
width:100%;
}
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(3) > span,
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(4) > span
{
width:65px;
}
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(2) > span
{
width:230px;
}
div.sheet-jets > div:nth-of-type(2) > label:nth-of-type(1) > span
{
width: 125px;
line-height:28px;
}
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(1) > span,
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(2) > span
{
width: 110px;
line-height:28px;
}
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(1) > select,
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(3) > div
{
width: calc(100% - 165px);
}
div.sheet-jets > div:nth-of-type(2) > label:nth-of-type(1) > select
{
width: calc(100% - 125px);
}
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(1) > select,
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(2) > select
{
width: calc(100% - 110px);
}
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(1) > input[type="number"]
{
display:none;
}
div.sheet-jets > div:nth-of-type(2) > input[type="text"]
{
margin-top: -3px;
width: 100%;
height:28px;
}
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(3) > div,
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(4) > div
{
width:calc(100% - 65px);
}
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(2) > div
{
width:calc(100% - 230px);
}
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(3) > div > input[type="number"],
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(4) > div > input[type="number"],
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(2) > div > input[type="number"],
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(3) > div > input[type="number"]
{
width:50%;
height:25px;
}
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(3) > div > span::after,
div.sheet-jets > div:nth-of-type(3) > label:nth-of-type(4) > div > span::after,
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(2) > div > span::after,
div.sheet-jets > div:nth-of-type(1) > label:nth-of-type(3) > div > span::after
{
content: "D";
font-size: 16px;
font-weight: normal;
width: calc(50% + 13px);
line-height: 20px;
margin-top: -20px;
text-align: right;
}
div.sheet-jets > div:nth-of-type(2) > label:nth-of-type(2) > input[type="checkbox"]
{
position: absolute;
width: calc(35% - 31px);
height: 25px;
opacity: 0;
border-radius: 10px;
margin-top: 1px;
}
div.sheet-jets > div:nth-of-type(2) > label:nth-of-type(2) > span
{
display: inline-block;
width: 100%;
}
div.sheet-jets > div:nth-of-type(2) > label:nth-of-type(2) > input[type="checkbox"] ~ span::before
{
content: attr(title);
display: inline-block;
width: calc(100% - 2px);
height: 23px;
text-align: center;
font-size: 13px;
line-height: 23px;
border: 1px solid black;
font-weight: normal;
}
div.sheet-jets > div:nth-of-type(2) > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before
{
box-shadow: 1px 1px 5px inset;
}
div.sheet-menu
{
display:flex;
width:100%;
justify-content:space-evenly;
flex-wrap:wrap;
margin-bottom:5px;
margin-top:5px;
}
div.sheet-menu > label:nth-of-type(1),
div.sheet-menu > label:nth-of-type(2)
{
display:flex;
width:320px;
}
div.sheet-menu > label:nth-of-type(3)
{
display:flex;
width:100px;
}
div.sheet-menu > label:nth-of-type(4)
{
display:flex;
width:30px;
}
div.sheet-menu > label:nth-of-type(1) > input[type="radio"],
div.sheet-menu > label:nth-of-type(2) > input[type="radio"]
{
position:absolute;
width:320px;
height:27px;
opacity:0;
border-radius:10px;
}
div.sheet-menu > label:nth-of-type(3) > input[type="radio"]
{
position:absolute;
width:100px;
height:27px;
opacity:0;
border-radius:10px;
}
div.sheet-menu > label:nth-of-type(4) > input[type="radio"]
{
position:absolute;
width:30px;
height:27px;
opacity:0;
border-radius:10px;
}
div.sheet-menu > label > input[type="radio"] + span
{
display:inline-block;
width:100%;
}
div.sheet-menu > label > input[type="radio"] + span::before
{
content:attr(title);
display:inline-block;
width:calc(100% - 4px);
height:23px;
text-align:center;
background-color:transparent;
color:black;
font-size:20px;
line-height:23px;
border:1px solid black;
font-weight:normal;
}
div.sheet-menu > label:nth-of-type(4) > input[type="radio"] + span::before
{
font-family:"Pictos";
}
div.sheet-menu > label > input[type="radio"]:checked + span::before
{
box-shadow:1px 1px 5px inset;
}
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,
input[type="hidden"].sheet-tab[value="5"] ~ div.sheet-tab5,
input[type="hidden"].sheet-tab[value="6"] ~ div.sheet-tab6,
input[type="hidden"].sheet-tab[value="7"] ~ div.sheet-tab7
{
display:flex;
}
div.sheet-body
{
display:none;
width:100%;
margin-top:20px;
justify-content:space-between;
}
div.sheet-body > div:nth-of-type(1n+3)
{
margin-top:15px;
}
div.sheet-carac
{
width:100%;
justify-content:space-between;
}
div.sheet-carac > img
{
position: absolute;
opacity: 0.4;
margin-top: 29px;
margin-left: -25px;
height: 135px;
width: 100%;
min-width:920px;
}
div.sheet-carac > div
{
width:165px;
justify-content:center;
margin-top:5px;
align-content:baseline;
}
div.sheet-carac > div > div
{
width:100%;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-vigueurO ~ div > div.sheet-vPrincipal > label:first-of-type,
div.sheet-carac > div > div.sheet-vSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-santeO ~ div > div.sheet-sPrincipal > label:first-of-type,
div.sheet-carac > div > div.sheet-sSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-precisionO ~ div > div.sheet-pPrincipal > label:first-of-type,
div.sheet-carac > div > div.sheet-pSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-reflexesO ~ div > div.sheet-rPrincipal > label:first-of-type,
div.sheet-carac > div > div.sheet-rSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-perceptionO ~ div > div.sheet-pePrincipal > label:first-of-type,
div.sheet-carac > div > div.sheet-peSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-savoirO ~ div > div.sheet-saPrincipal > label:first-of-type,
div.sheet-carac > div > div.sheet-saSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-volonteO ~ div > div.sheet-voPrincipal > label:first-of-type,
div.sheet-carac > div > div.sheet-voSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-empathieO ~ div > div.sheet-ePrincipal > label:first-of-type,
div.sheet-carac > div > div.sheet-eSecondaire
{
display:none;
}
div.sheet-carac > div > div > label.sheet-cOptions
{
width: 15px;
height: 15px;
position: absolute;
}
div.sheet-carac > div > div.sheet-vPrincipal > label.sheet-cOptions
{
margin-left: 100px;
}
div.sheet-carac > div > div.sheet-sPrincipal > label.sheet-cOptions
{
margin-left: 85px;
}
div.sheet-carac > div > div.sheet-pPrincipal > label.sheet-cOptions,
div.sheet-carac > div > div.sheet-ePrincipal > label.sheet-cOptions
{
margin-left: 110px;
}
div.sheet-carac > div > div.sheet-rPrincipal > label.sheet-cOptions
{
margin-left: 105px;
}
div.sheet-carac > div > div.sheet-saPrincipal > label.sheet-cOptions
{
margin-left: 90px;
}
div.sheet-carac > div > div.sheet-pePrincipal > label.sheet-cOptions
{
margin-left: 120px;
}
div.sheet-carac > div > div.sheet-voPrincipal > label.sheet-cOptions
{
margin-left:95px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-vigueurO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-santeO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-precisionO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-reflexesO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-savoirO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-perceptionO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-volonteO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-empathieO ~ img
{
height:167.317px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-vigueurO ~ input[type="hidden"][value="1"].sheet-santeO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-precisionO ~ input[type="hidden"][value="1"].sheet-reflexesO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-savoirO ~ input[type="hidden"][value="1"].sheet-perceptionO ~ img,
div.sheet-carac > input[type="hidden"][value="1"].sheet-volonteO ~ input[type="hidden"][value="1"].sheet-empathieO ~ img
{
height:204.3px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-vigueurO ~ div > div.sheet-vPrincipal > label.sheet-cOptions
{
margin-left: 150px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-santeO ~ div > div.sheet-sPrincipal > label.sheet-cOptions
{
margin-left: 135px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-precisionO ~ div > div.sheet-pPrincipal > label.sheet-cOptions,
div.sheet-carac > input[type="hidden"][value="1"].sheet-empathieO ~ div > div.sheet-ePrincipal > label.sheet-cOptions
{
margin-left: 160px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-reflexesO ~ div > div.sheet-rPrincipal > label.sheet-cOptions
{
margin-left: 155px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-savoirO ~ div > div.sheet-saPrincipal > label.sheet-cOptions
{
margin-left: 140px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-perceptionO ~ div > div.sheet-pePrincipal > label.sheet-cOptions
{
margin-left: 170px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-volonteO ~ div > div.sheet-voPrincipal > label.sheet-cOptions
{
margin-left:145px;
}
div.sheet-carac > input[type="hidden"][value="1"].sheet-vigueurO ~ div > div.sheet-vSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-santeO ~ div > div.sheet-sSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-precisionO ~ div > div.sheet-pSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-reflexesO ~ div > div.sheet-rSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-savoirO ~ div > div.sheet-saSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-perceptionO ~ div > div.sheet-peSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-volonteO ~ div > div.sheet-voSecondaire,
div.sheet-carac > input[type="hidden"][value="1"].sheet-empathieO ~ div > div.sheet-eSecondaire
{
display:flex;
}
div.sheet-carac > div > label.sheet-cOptions
{
margin-top: calc(-34.65px / 2 - 10px);
height: 15px;
margin-left: calc(25% + 10px);
width: 15px;
}
div.sheet-carac > div > div > label.sheet-cOptions > input[type="checkbox"]
{
opacity:0;
height:15px;
width:15px;
position:absolute;
z-index:99;
text-shadow: none;
}
div.sheet-carac > div > div > label.sheet-cOptions > input[type="checkbox"] ~ span::before
{
height:15px;
width:15px;
content:"y";
font-family:Pictos;
margin-left:0px;
margin-top:0px;
line-height:15px;
text-shadow: 1px 1px 1px gray;
}
div.sheet-carac > div > div > label.sheet-cOptions > input[type="checkbox"]:checked ~ span::before
{
text-shadow:none;
}
div.sheet-carac > div > div > label.sheet-cOptions > input[type="checkbox"] ~ span
{
margin-left:0px;
margin-top:0px;
line-height:20px;
height:20px;
width:20px;
}
div.sheet-carac > div > div > label
{
width:100%;
justify-content:space-between;
flex-wrap:nowrap;
color:black;
}
div.sheet-carac > div > div > label > span
{
position: absolute;
line-height: 32px;
width: calc(200px - 40px);
margin-top: 2px;
margin-left: 40px;
font-family:arial;
font-weight:normal;
}
div.sheet-carac > div > div > label > div
{
position: relative;
width: 30px;
height: 17.32px;
background-color: #ffffff;
margin: 8.66px 0;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
transform:rotate(90deg);
}
div.sheet-carac > div > div > label > div:before,
div.sheet-carac > div > div > label > div:after
{
content: "";
position: absolute;
z-index: 1;
width: 21.21px;
height: 21.21px;
-webkit-transform: scaleY(0.5774) rotate(-45deg);
-ms-transform: scaleY(0.5774) rotate(-45deg);
transform: scaleY(0.5774) rotate(-45deg);
background-color: inherit;
left: 3.3934px;
}
div.sheet-carac > div > div > label > div:before
{
top: -12.3px;
border-top: solid 1.4142px #000000;
border-right: solid 1.4142px #000000;
left:4.4px;
}
div.sheet-carac > div > div > label > div:after
{
bottom: -12.3px;
border-bottom: solid 1.4142px #000000;
border-left: solid 1.4142px #000000;
left:4.4px;
}
div.sheet-carac > div > div > label > div > input[type="number"]
{
background: transparent;
border: 0px;
width: 35px;
height: 33px;
z-index: 99;
position: absolute;
color: black;
padding: 0px;
text-align: right;
transform: rotate(-90deg);
right: -3px;
bottom: -8px;
font-family: arial;
padding-right: 16px;
}
div.sheet-carac > div > div > label > div > span::after
{
content: "D";
font-family: Arial;
font-size: 13px;
font-weight: normal;
position: absolute;
transform: rotate(-90deg);
margin-top: -6px;
z-index: 100;
margin-left: 11px;
cursor:text;
}
div.sheet-carac > div > div.sheet-vPrincipal > label:first-of-type > div > span::after,
div.sheet-carac > div > div.sheet-sPrincipal > label:first-of-type > div > span::after,
div.sheet-carac > div > div.sheet-pPrincipal > label:first-of-type > div > span::after,
div.sheet-carac > div > div.sheet-rPrincipal > label:first-of-type > div > span::after,
div.sheet-carac > div > div.sheet-saPrincipal > label:first-of-type > div > span::after,
div.sheet-carac > div > div.sheet-pePrincipal > label:first-of-type > div > span::after,
div.sheet-carac > div > div.sheet-voPrincipal > label:first-of-type > div > span::after,
div.sheet-carac > div > div.sheet-ePrincipal > label:first-of-type > div > span::after
{
cursor:inherit;
}
div.sheet-carac > div > div > label > div > input[type="number"]::after
{
content:"";
}
div.sheet-comp
{
width:100%;
margin-top:15px;
justify-content:space-between;
padding-right:30px;
}
div.sheet-comp > span.sheet-exemple
{
width: 75px;
height: 20px;
color: black;
justify-content: space-between;
margin-right:5px;
margin-top:8px;
}
div.sheet-comp > span.sheet-ex2
{
width: 85px;
margin-right:0px;
}
div.sheet-comp > span.sheet-ex3
{
width: 85px;
margin-right:5px;
}
div.sheet-comp > span.sheet-ex4
{
width: 100px;
margin-right:0px;
}
div.sheet-comp > span.sheet-exemple > span::before
{
line-height: 10px;
text-align: center;
display: inline-block;
vertical-align: middle;
-moz-box-shadow: 0 0 2px #ccc;
-webkit-box-shadow: 0 0 2px #ccc;
box-shadow: 0 0 2px #ccc;
background: #f6f6f6;
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
background: radial-gradient(#f6f6f6, #dfdfdf);
width: 12px;
height: 12px;
font-size: 70px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-indent: -2px;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3);
font-weight: bold;
color: #404040;
margin-top: 4px;
}
div.sheet-comp > span.sheet-exemple > span:nth-of-type(1)::before,
div.sheet-comp > span.sheet-ex4 > span:nth-of-type(2)::before
{
content: "•";
}
div.sheet-comp > span.sheet-ex4 > span:nth-of-type(3)::before,
div.sheet-comp > span.sheet-ex2 > span:last-of-type::before,
div.sheet-comp > span.sheet-ex3 > span:last-of-type::before,
div.sheet-comp > span.sheet-ex4 > span:last-of-type::before
{
content: "✖";
font-family: "Fredericka the Great";
font-size: 16px;
text-indent: -1px;
margin-top:3px;
}
div.sheet-comp > span.sheet-ex3 > span:nth-of-type(2)::before
{
content: "•";
}
div.sheet-comp > h1
{
width: calc(100% - 75px - 85px - 85px - 100px - 5px - 5px);
}
div.sheet-comp > div,
div.sheet-comp > div > div
{
flex-wrap:wrap;
}
div.sheet-comp > div
{
width:220px;
justify-content:center;
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/bandeHorizontal.png');
background-size: 204px 42px;
background-repeat: no-repeat;
background-position-x: 21px;
align-content: baseline;
height: 150px;
}
div.sheet-comp > div > img
{
position: absolute;
width: 35px;
height: 125px;
margin-top: 26px;
opacity: 0.7;
}
div.sheet-comp > div > div
{
width:100%;
flex-wrap:wrap;
}
div.sheet-comp > div > h2
{
justify-content:center;
width:auto;
margin-left:15px;
}
div.sheet-comp > div > div:first-of-type > label > div > input[type="radio"]
{
opacity:0;
}
div.sheet-comp > div > div:first-of-type > label > div > input[type="radio"]:checked ~ span::before
{
font-family:"Pictos";
content:"3";
}
div.sheet-comp > div > div > span
{
width: calc(100% - 80px - 20px - 20px);
font-family: "Arial";
color: black;
justify-content: flex-end;
margin-right: 20px;
margin-left:-20px;
}
div.sheet-comp > div > div > label
{
width:12px;
height:12px;
align-self:center;
}
div.sheet-comp > div > div > label:not(:last-of-type)
{
margin-right:5px;
}
div.sheet-comp > div > div > label > input[type="radio"]
{
opacity: 0;
width: 12px;
height: 12px;
cursor: pointer;
z-index: 1;
margin-top:-1px;
position:absolute;
}
div.sheet-comp > div > div > label:first-of-type > input[type="radio"] + span::before
{
opacity:0;
content: "✖";
font-size: 12px;
width: 10px;
height: 10px;
font-family: "Arial";
font-weight: normal;
border-radius: 50%;
border: 1px solid black;
display: inline-block;
line-height: 11px;
text-indent:0.5px;
}
div.sheet-comp > div > div:hover > label:first-of-type > input[type="radio"] + span::before
{
opacity:0.25;
}
div.sheet-comp > div > div > label:not(:first-of-type) > input[type="radio"] + span::before
{
line-height: 10px;
text-align: center;
display: inline-block;
vertical-align: middle;
-moz-box-shadow: 0 0 2px #ccc;
-webkit-box-shadow: 0 0 2px #ccc;
box-shadow: 0 0 2px #ccc;
background: #f6f6f6;
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
background: radial-gradient(#f6f6f6, #dfdfdf);
content: "•";
width: 12px;
height: 12px;
font-size: 70px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-indent:-2px;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3);
}
div.sheet-comp > div > div > input[type="hidden"][value="0"] ~ label > input[type="radio"][value="1"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="0"] ~ label > input[type="radio"][value="2"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="0"] ~ label > input[type="radio"][value="3"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="0"] ~ label > input[type="radio"][value="4"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="1"] ~ label > input[type="radio"][value="2"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="1"] ~ label > input[type="radio"][value="3"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="1"] ~ label > input[type="radio"][value="4"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="2"] ~ label > input[type="radio"][value="3"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="2"] ~ label > input[type="radio"][value="4"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="3"] ~ label > input[type="radio"][value="4"] + span::before
{
content: "";
}
div.sheet-comp > div > div > input[type="hidden"][value="2"] ~ label > input[type="radio"][value="2"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="3"] ~ label > input[type="radio"][value="3"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="4"] ~ label > input[type="radio"][value="3"] + span::before,
div.sheet-comp > div > div > input[type="hidden"][value="4"] ~ label > input[type="radio"][value="4"] + span::before
{
content: "✖";
font-family: "Fredericka the Great";
font-size: 16px;
padding-top: 1px;
text-indent: -1px;
}
div.sheet-comp > div > div > div
{
width:20px;
justify-content:space-between;
height:19.0667px;
}
div.sheet-comp > div > div > div > span
{
width: 10px;
font-weight: bold;
justify-content: center;
color: rgb(93, 98, 92);
font-size: 20px;
line-height: 19px;
z-index:100;
}
div.sheet-comp > div > label
{
width: 19px;
height: 9px;
margin-top:12px;
margin-left:10px;
}
div.sheet-comp > div > label > div
{
position: relative;
width: 16.5px;
height: 10px;
background-color: #ffffff;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
transform: rotate(90deg);
}
div.sheet-comp > div > label > div:before,
div.sheet-comp > div > label > div:after
{
content: "";
position: absolute;
z-index: 1;
width: 12px;
height: 12px;
-webkit-transform: scaleY(0.5774) rotate(-45deg);
-ms-transform: scaleY(0.5774) rotate(-45deg);
transform: scaleY(0.5774) rotate(-45deg);
background-color: inherit;
left: 1.1967px;
}
div.sheet-comp > div > label > div:before
{
top: -6.6px;
border-top: solid 1px #000;
border-right: solid 1px #000;
left: 1.5px;
}
div.sheet-comp > div > label > div:after
{
bottom: -6.6px;
border-bottom: solid 1.4142px #000000;
border-left: solid 1.4142px #000000;
left: 1.5px;
}
div.sheet-comp > div > label > div > input[type="checkbox"]
{
opacity: 0;
height: 20px;
position: absolute;
left: -1px;
width: 18px;
bottom: -5px;
z-index:99;
}
div.sheet-comp > div > label > div > input[type="checkbox"]:checked ~ span::before
{
content:"✓";
font-family:"Arial";
font-size:25px;
line-height:20px;
z-index:80;
position:absolute;
margin-top:13px;
transform: rotate(-90deg);
margin-top: -7px;
margin-left: -3px;
}
div.sheet-spec
{
width:100%;
justify-content:space-between;
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/fond1.png');
background-position-y: 20px;
background-repeat: repeat-x;
background-size: 50%;
}
div.sheet-spec > .repcontainer
{
display:flex;
justify-content:space-between;
}
div.sheet-spec > .repcontainer > .repitem
{
width:calc(50% - 2.5px);
justify-content:space-between;
}
div.sheet-spec > .editmode > .repitem
{
width:100%;
justify-content:space-between;
}
div.sheet-spec > .repcontainer > .repitem > input[type="text"]
{
width:100%;
border:0px;
border-bottom:1px solid black;
padding-bottom:0px;
color:black;
background:transparent;
font-size: 16px;
padding-top: 2px;
}
div.sheet-spec > .repcontainer > .repitem > .itemcontrol > .btn
{
padding-top:0px;
padding-bottom:0px;
line-height:20px;
}
div.sheet-reserves
{
width:calc(50% - 10px);
justify-content:space-between;
}
div.sheet-reserves > div
{
width:200px;
justify-content:space-between;
align-self:baseline;
}
div.sheet-reserves > div:first-of-type > img
{
position: absolute;
height: 127px;
margin-top: 22px;
margin-left: 84px;
transform: rotate(180deg);
}
div.sheet-reserves > div:last-of-type > img
{
position: absolute;
height: 127px;
margin-top: 9px;
margin-left: -12px;
}
div.sheet-reserves > div:first-of-type > div
{
width:65px;
flex-wrap:nowrap;
margin-left:auto;
margin-right:12px;
margin-top:10px;
height:74px;
}
div.sheet-reserves > div:last-of-type > div
{
width:65px;
flex-wrap:nowrap;
margin-right:auto;
margin-left:7px;
margin-top:9px;
height:74px;
}
div.sheet-reserves > div:first-of-type > div > label
{
margin-right:-3px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1)
{
margin-top:29px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2)
{
margin-top:20px;
margin-left:2px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3)
{
margin-top:10px;
margin-left:1px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4)
{
margin-left:2px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5)
{
margin-top:39px;
margin-left:-50px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6)
{
margin-top:29px;
margin-left:2px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7)
{
margin-top:19px;
margin-left:1px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(8)
{
margin-top:48px;
margin-left:-31px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(9)
{
margin-top:38px;
margin-left:1px;
}
div.sheet-reserves > div:first-of-type > div > label:nth-of-type(10)
{
margin-top:57px;
margin-left:-15px;
}
div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2)
{
margin-top:10px;
margin-left:-1px;
margin-right:-2px;
}
div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3)
{
margin-top:20px;
}
div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4)
{
margin-top:30px;
margin-left:-2px;
}
div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5)
{
margin-top:19px;
margin-left:-71px;
}
div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6)
{
margin-top:29px;
margin-left:-1px;
}
div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7)
{
margin-top:39px;
margin-left:-2px;
}
div.sheet-reserves > div:last-of-type > div > label:nth-of-type(8)
{
margin-top:38px;
margin-left:-54px;
}
div.sheet-reserves > div:last-of-type > div > label:nth-of-type(9)
{
margin-top:48px;
margin-left:-1px;
}
div.sheet-reserves > div:last-of-type > div > label:nth-of-type(10)
{
margin-top:57px;
margin-left:-37px;
}
div.sheet-reserves > div > label
{
width:100%;
justify-content:space-between;
flex-wrap:nowrap;
color:black;
}
div.sheet-reserves > div:first-of-type > label > h2
{
line-height: 32px;
width: calc(200px - 40px);
margin-top: 2px;
}
div.sheet-reserves > div:first-of-type > label > div
{
width: 30px;
height: 17.32px;
background-color: #ffffff;
margin: 8.66px 0;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
transform:rotate(90deg);
margin-left:auto;
}
div.sheet-reserves > div:last-of-type > label > h2
{
line-height: 32px;
width: calc(200px - 40px);
margin-top: 2px;
}
div.sheet-reserves > div:last-of-type > label > div
{
width: 30px;
height: 17.32px;
background-color: #ffffff;
margin: 8.66px 0;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
transform:rotate(90deg);
margin-right:auto;
}
div.sheet-reserves > div > label > div:before,
div.sheet-reserves > div > label > div:after
{
content: "";
position: absolute;
z-index: 1;
width: 21.21px;
height: 21.21px;
-webkit-transform: scaleY(0.5774) rotate(-45deg);
-ms-transform: scaleY(0.5774) rotate(-45deg);
transform: scaleY(0.5774) rotate(-45deg);
background-color: inherit;
left: 3.3934px;
}
div.sheet-reserves > div > label > div:before
{
top: -12.3px;
border-top: solid 1.4142px #000000;
border-right: solid 1.4142px #000000;
left:4.4px;
}
div.sheet-reserves > div > label > div:after
{
bottom: -12.3px;
border-bottom: solid 1.4142px #000000;
border-left: solid 1.4142px #000000;
left:4.4px;
}
div.sheet-reserves > div > label > div > input[type="number"]
{
background: transparent;
border: 0px;
width: 35px;
height: 33px;
z-index: 99;
position: absolute;
color: black;
padding: 0px;
text-align: right;
transform: rotate(-90deg);
right: -3px;
bottom: -8px;
font-family: arial;
padding-right: 16px;
}
div.sheet-reserves > div > label > div > span::after
{
content: "D";
font-family: Arial;
font-size: 13px;
font-weight: normal;
position: absolute;
transform: rotate(-90deg);
margin-top: -13px;
z-index: 100;
line-height:32px;
margin-left: 10px;
padding-top:1px;
}
div.sheet-reserves > div > div > label
{
width: 19px;
height: 9px;
}
div.sheet-reserves > div > div > label > div
{
position: relative;
width: 16.5px;
height: 10px;
background-color: #ffffff;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
transform: rotate(90deg);
}
div.sheet-reserves > div > div > label > div:before,
div.sheet-reserves > div > div > label > div:after
{
content: "";
position: absolute;
z-index: 1;
width: 12px;
height: 12px;
-webkit-transform: scaleY(0.5774) rotate(-45deg);
-ms-transform: scaleY(0.5774) rotate(-45deg);
transform: scaleY(0.5774) rotate(-45deg);
background-color: inherit;
left: 1.1967px;
}
div.sheet-reserves > div > div > label > div:before
{
top: -6.6px;
border-top: solid 1px #000;
border-right: solid 1px #000;
left: 1.5px;
}
div.sheet-reserves > div > div > label > div:after
{
bottom: -6.6px;
border-bottom: solid 1.4142px #000000;
border-left: solid 1.4142px #000000;
left: 1.5px;
}
div.sheet-reserves > div > div > label > div > input[type="checkbox"]
{
opacity: 0;
height: 16px;
position: absolute;
left: -1px;
width: 18px;
bottom: -3px;
z-index:99;
}
div.sheet-reserves > div > div > label > div > input[value="1"]:checked + span::before
{
content: "X";
font-size: 21px;
z-index: 80;
position: absolute;
transform: rotate(90deg);
top: -5px;
right: 1px;
cursor:pointer;
}
div.sheet-blessures
{
width:calc(50% - 10px);
justify-content:space-between;
}
div.sheet-blessures > div
{
width:75%;
z-index:1;
}
div.sheet-blessures > img
{
position: absolute;
width: calc(50% - 73px);
height: 160px;
margin-top: 7px;
min-width:378px;
}
div.sheet-blessures > div > label:first-of-type
{
width:140px;
justify-content:space-between;
flex-wrap:nowrap;
color:black;
margin-right:15px;
}
div.sheet-blessures > div > label:first-of-type > span
{
position:absolute;
line-height: 32px;
width: 100px;
margin-top: 2px;
font-weight:normal;
text-transform:uppercase;
justify-content:right;
}
div.sheet-blessures > div > label:first-of-type > div
{
position: relative;
width: 30px;
height: 17.32px;
background-color: #ffffff;
margin: 8.66px 0;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
transform:rotate(90deg);
margin-left:auto;
}
div.sheet-blessures > div > label:first-of-type > div:before,
div.sheet-blessures > div > label:first-of-type > div:after
{
content: "";
position: absolute;
z-index: 1;
width: 21.21px;
height: 21.21px;
-webkit-transform: scaleY(0.5774) rotate(-45deg);
-ms-transform: scaleY(0.5774) rotate(-45deg);
transform: scaleY(0.5774) rotate(-45deg);
background-color: inherit;
left: 3.3934px;
}
div.sheet-blessures > div > label:first-of-type > div:before
{
top: -12.3px;
border-top: solid 1.4142px #000000;
border-right: solid 1.4142px #000000;
left:4.4px;
}
div.sheet-blessures > div > label:first-of-type > div:after
{
bottom: -12.3px;
border-bottom: solid 1.4142px #000000;
border-left: solid 1.4142px #000000;
left:4.4px;
}
div.sheet-blessures > div > label:first-of-type > div > input[type="number"]
{
background: transparent;
border: 0px;
width: 35px;
height: 33px;
z-index: 99;
position: absolute;
color: black;
padding: 0px;
justify-content: center;
text-align: center;
transform: rotate(-90deg);
right: -3px;
bottom: -8px;
font-family: arial;
padding-right:1px;
}
div.sheet-blessures > div > label:not(:first-of-type)
{
width:12px;
height:12px;
align-self:center;
}
div.sheet-blessures > div > label:not(:first-of-type):not(:last-of-type)
{
margin-right:5px;
}
div.sheet-blessures > div > label:not(:first-of-type) > input[type="checkbox"]
{
opacity: 0;
width: 12px;
height: 12px;
cursor: pointer;
z-index: 1;
margin-top:-1px;
position:absolute;
}
div.sheet-blessures > div > label:not(:first-of-type) > span::before
{
line-height: 10px;
text-align: center;
display: inline-block;
vertical-align: middle;
-moz-box-shadow: 0 0 2px #ccc;
-webkit-box-shadow: 0 0 2px #ccc;
box-shadow: 0 0 2px #ccc;
width: 12px;
height: 12px;
background: #f6f6f6;
background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
background: -o-radial-gradient(#f6f6f6, #dfdfdf);
background: radial-gradient(#f6f6f6, #dfdfdf);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-indent:-2px;
content:"";
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.3);
}
div.sheet-blessures > div > label:not(:first-of-type) > input[type="checkbox"]:checked + span::before
{
content: "✖";
width: 12px;
height: 12px;
font-size: 16px;
}
div.sheet-blessures > div > span
{
font-weight: bold;
line-height: 34.65px;
color: black;
margin-left: auto;
}
div.sheet-bonusMalus,
div.sheet-capacite
{
width:calc(50% - 10px);
align-content:baseline;
}
div.sheet-capacite
{
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/fond6.png');
background-position: center;
background-repeat: no-repeat;
background-size: 110% 100%;
}
div.sheet-bonusMalus
{
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/bandeVertical2.png');
background-repeat: no-repeat;
background-position: calc(100% + 31px) 25px;
background-size: calc(30% + 43px) 100%;
}
div.sheet-capacite > .repcontainer,
div.sheet-capacite > .repcontainer > .repitem
{
display:flex;
width:100%;
justify-content:space-between;
}
div.sheet-bonusMalus > .repcontainer,
div.sheet-bonusMalus > .repcontainer > .repitem
{
display:flex;
width:100%;
}
div.sheet-bonusMalus > .repcontainer > .repitem > input[type="text"]:first-of-type
{
display:flex;
width:calc(70% - 5px - 30px);
border:0px;
border-bottom:1px dashed black;
padding-bottom:0px;
background:transparent;
color: black;
font-size:16px;
padding-top:2px;
}
div.sheet-bonusMalus > .repcontainer > .repitem > input[type="text"]:nth-of-type(2)
{
display:flex;
width:calc(30% - 5px);
border:0px;
border-bottom:1px dashed black;
padding-bottom:0px;
text-align:center;
background:transparent;
color: black;
margin-left:auto;
font-size:16px;
padding-top:2px;
}
div.sheet-capacite > .repcontainer > .repitem > input[type="text"]
{
display:flex;
width:calc(100% - 20px);
border:0px;
border-bottom:1px dashed black;
padding-bottom:0px;
color:black;
background:transparent;
font-size:16px;
padding-top:2px;
}
div.sheet-bonusMalus > .repcontainer > .repitem > label,
div.sheet-capacite > .repcontainer > .repitem > label
{
width: 18px;
height: 18px;
margin-top: 5px;
}
div.sheet-bonusMalus > .repcontainer > .repitem > label > input[type="checkbox"],
div.sheet-capacite > .repcontainer > .repitem > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 17px;
height: 20px;
margin-top: -2px;
z-index: 99;
margin-left: 2px;
}
div.sheet-bonusMalus > .repcontainer > .repitem > label > span,
div.sheet-capacite > .repcontainer > .repitem > label > span
{
width:100%;
margin-top:-2px;
display:block;
transition:transform 2s;
}
div.sheet-bonusMalus > .repcontainer > .repitem > label > input[type="checkbox"] + span::before,
div.sheet-capacite > .repcontainer > .repitem > label > input[type="checkbox"] + span::before
{
content:']';
color: black;
font-size: 20px;
font-weight: bold;
font-family: pictos;
}
div.sheet-bonusMalus > .repcontainer > .repitem > label > input[type="checkbox"]:checked + span::before,
div.sheet-capacite > .repcontainer > .repitem > label > input[type="checkbox"]:checked + span::before
{
color: black;
font-size: 20px;
font-weight: bold;
font-family: pictos;
}
div.sheet-bonusMalus > .repcontainer > .repitem > label > input[type="checkbox"] + span,
div.sheet-capacite > .repcontainer > .repitem > label > input[type="checkbox"] + span
{
transform:rotate(90deg);
}
div.sheet-bonusMalus > .repcontainer > .repitem > label > input[type="checkbox"]:checked + span,
div.sheet-capacite > .repcontainer > .repitem > label > input[type="checkbox"]:checked + span
{
transform:rotate(-90deg);
}
div.sheet-bonusMalus > .repcontainer > .repitem > div,
div.sheet-capacite > .repcontainer > .repitem > div
{
display:none;
}
div.sheet-bonusMalus > .repcontainer > .repitem > input[type="hidden"][value="1"] + div,
div.sheet-capacite > .repcontainer > .repitem > input[type="hidden"][value="1"] + div
{
display:flex;
border: 1px dashed black;
border-top:0px;
}
div.sheet-materiel
{
width:100%;
justify-content:space-between;
}
div.sheet-materiel > div:not(:first-of-type)
{
margin-top:10px;
}
div.sheet-armes
{
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/bandeVertical4.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/bandeVertical4.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/fond3.png');
background-repeat: no-repeat;
background-size: 210px 100%, 95px 100%, 190px 100%;
background-position: calc(100% - 445px) 100%, calc(100% - 268px) 100%, calc(100% - -10px) 100%;
justify-content: space-between;
}
div.sheet-protections
{
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/fond5.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/fond4.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/bandeVertical5.png');
background-repeat: no-repeat;
background-size: calc(100% - 560px) 100%, 122px 100%, 188px 100%;
background-position-x: -25px, calc(100% - 350px), calc(100% + 15px);
}
div.sheet-armes,
div.sheet-protections
{
width:100%;
justify-content:space-between;
}
div.sheet-armes > span,
div.sheet-protections > span
{
font-weight:bold;
color:black;
text-transform:uppercase;
align-content:end;
}
div.sheet-armes > span:not(:first-of-type),
div.sheet-protections > span:not(:first-of-type)
{
justify-content:center;
}
div.sheet-armes > span:nth-of-type(1),
div.sheet-protections > span:nth-of-type(1)
{
width:calc(100% - 165px - 190px - 165px - 70px - 60px);
font-size:20px;
}
div.sheet-armes > span:nth-of-type(2),
div.sheet-armes > span:nth-of-type(6),
div.sheet-protections > span:nth-of-type(2),
div.sheet-protections > span:nth-of-type(6)
{
width:165px;
}
div.sheet-armes > span:nth-of-type(4),
div.sheet-protections > span:nth-of-type(4)
{
width:70px;
}
div.sheet-armes > span:nth-of-type(3),
div.sheet-protections > span:nth-of-type(3)
{
width:95px;
}
div.sheet-armes > span:nth-of-type(5),
div.sheet-protections > span:nth-of-type(5)
{
width:125px;
}
div.sheet-armes > .repcontainer,
div.sheet-armes > .repcontainer > .repitem,
div.sheet-protections > .repcontainer,
div.sheet-protections > .repcontainer > .repitem
{
width:100%;
justify-content:space-between;
}
div.sheet-armes > .repcontainer > .repitem > input[type="text"],
div.sheet-protections > .repcontainer > .repitem > input[type="text"]
{
border:0px;
border-bottom:1px dashed black;
text-align:center;
padding-bottom:0px;
color:black;
background:transparent;
}
div.sheet-armes > .repcontainer > .repitem > input[type="text"]:first-of-type,
div.sheet-protections > .repcontainer > .repitem > input[type="text"]:first-of-type
{
width:calc(100% - 165px - 190px - 165px - 70px - 60px);
text-align:left;
}
div.sheet-armes > .repcontainer > .repitem > input[type="text"]:nth-of-type(2),
div.sheet-armes > .repcontainer > .repitem > input[type="text"]:nth-of-type(4),
div.sheet-protections > .repcontainer > .repitem > input[type="text"]:nth-of-type(2),
div.sheet-protections > .repcontainer > .repitem > input[type="text"]:nth-of-type(5)
{
width:165px;
font-size:16px;
padding-top:2px;
padding-left:0px;
padding-right:0px;
}
div.sheet-armes > .repcontainer > .repitem > input[type="text"]:nth-of-type(3),
div.sheet-protections > .repcontainer > .repitem > input[type="text"]:nth-of-type(4)
{
width:70px;
font-size:16px;
padding-top:2px;
padding-left:0px;
padding-right:0px;
}
div.sheet-armes > .repcontainer > .repitem > div:nth-of-type(2),
div.sheet-protections > .repcontainer > .repitem > div:nth-of-type(2),
div.sheet-protections > .repcontainer > .repitem > input[type="text"]:nth-of-type(3)
{
width:95px;
justify-content:space-between;
font-size:16px;
padding-top:2px;
padding-left:0px;
padding-right:0px;
}
div.sheet-armes > .repcontainer > .repitem > div:last-of-type,
div.sheet-protections > .repcontainer > .repitem > div:last-of-type
{
width:125px;
justify-content:space-between;
}
div.sheet-armes > .repcontainer > .repitem > div:nth-of-type(2) > input[type="number"],
div.sheet-protections > .repcontainer > .repitem > div:nth-of-type(2) > input[type="number"]
{
width:calc(50% - 5px - 15px);
border:0px;
border-bottom:1px dashed black;
text-align:center;
padding-bottom:0px;
color:black;
background:transparent;
font-size:16px;
padding-top:2px;
padding-left:0px;
padding-right:0px;
}
div.sheet-armes > .repcontainer > .repitem > div:last-of-type > input[type="number"],
div.sheet-protections > .repcontainer > .repitem > div:last-of-type > input[type="number"]
{
width:calc(50% - 5px - 15px);
border:0px;
border-bottom:1px dashed black;
text-align:center;
padding-bottom:0px;
color:black;
background:transparent;
font-size:16px;
padding-top:2px;
padding-left:0px;
padding-right:0px;
}
div.sheet-armes > .repcontainer > .repitem > div > span,
div.sheet-protections > .repcontainer > .repitem > div > span
{
width:10px;
justify-content:center;
font-weight:bold;
color:black;
align-content:end;
font-size:16px;
}
div.sheet-armes > .repcontainer > .repitem > div:last-of-type > button[type="roll"],
div.sheet-protections > .repcontainer > .repitem > div:last-of-type > button[type="roll"]
{
width: 28px;
margin: 0px;
padding: 0px;
font-size: 12px;
justify-content: center;
display: flex;
line-height: 21px;
}
div.sheet-armes > .repcontainer > div:not(:last-of-type).repitem > div:last-of-type > button[type="roll"],
div.sheet-protections > .repcontainer > div:not(:last-of-type).repitem > div:last-of-type > button[type="roll"]
{
border-bottom:0px;
margin-bottom:1px;
}
div.sheet-armes > .repcontainer > .repitem > div:last-of-type > button[type="roll"]::before,
div.sheet-protections > .repcontainer > .repitem > div:last-of-type > button[type="roll"]::before
{
font-family: "Fredericka the Great";
content:"DM";
}
div.sheet-armes > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-protections > .repcontainer > .repitem > .itemcontrol > .btn
{
padding-top: 0px;
padding-bottom: 0px;
height: 20px;
margin-top: 1px;
}
div.sheet-equipements,
div.sheet-munitions
{
font-size:20px;
font-weight:bold;
color:black;
text-transform:uppercase;
align-self:baseline;
}
div.sheet-equipements
{
width:calc(60% - 10px);
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/bandeVertical3.png');
background-repeat: no-repeat;
background-position-x: calc(100% + 43px);
background-size: calc(20% - 10px + 77px) 100%;
}
div.sheet-munitions
{
width:calc(40% - 10px);
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/fond2.png');
background-repeat: no-repeat;
background-size: 20% 100%;
background-position: 100% 100%;
}
div.sheet-munitions > span,
div.sheet-equipements > span
{
font-weight:bold;
color:black;
text-transform:uppercase;
align-content:end;
width:100%;
font-size:20px;
}
div.sheet-equipements > .repcontainer,
div.sheet-equipements > .repcontainer > .repitem,
div.sheet-munitions > .repcontainer,
div.sheet-munitions > .repcontainer > .repitem
{
width:100%;
justify-content:space-between;
}
div.sheet-equipements > .repcontainer > .repitem > input[type="text"],
div.sheet-munitions > .repcontainer > .repitem > input[type="text"]
{
border:0px;
border-bottom:1px dashed black;
padding-bottom:0px;
color:black;
width:calc(80% - 10px);
text-align:left;
background:transparent;
font-size:16px;
padding-top:2px;
padding-left:0px;
padding-right:0px;
}
div.sheet-equipements > .repcontainer > .repitem > input[type="number"],
div.sheet-munitions > .repcontainer > .repitem > input[type="number"]
{
border:0px;
border-bottom:1px dashed black;
padding-bottom:0px;
color:black;
width:calc(20% - 10px);
text-align:center;
background:transparent;
font-size:16px;
padding-top:2px;
padding-left:0px;
padding-right:0px;
}
div.sheet-equipements > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-munitions > .repcontainer > .repitem > .itemcontrol > .btn
{
padding-top: 0px;
padding-bottom: 0px;
height: 20px;
margin-top: 1px;
}
div.sheet-equipements > .repcontainer > .repitem > .itemcontrol > .repcontrol_move,
div.sheet-munitions > .repcontainer > .repitem > .itemcontrol > .repcontrol_move
{
margin-top:-8px;
}
div.sheet-equipements > .repcontrol > .btn,
div.sheet-munitions > .repcontrol > .btn
{
display:block;
}
input[type="hidden"][value="0"].sheet-ageReserves ~ div.sheet-blessures > div > label:not(:first-of-type) > span::before,
input[type="hidden"][value="1"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(1) > label:nth-last-of-type(1) > span::before,
input[type="hidden"][value="1"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(3) > label:nth-last-of-type(1) > span::before,
input[type="hidden"][value="2"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(1) > label:nth-last-of-type(1) > span::before,
input[type="hidden"][value="3"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(1) > label:nth-last-of-type(1) > span::before,
input[type="hidden"][value="3"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(1) > label:nth-last-of-type(2) > span::before,
input[type="hidden"][value="3"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(2) > label:nth-last-of-type(1) > span::before,
input[type="hidden"][value="3"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(3) > label:nth-last-of-type(1) > span::before
{
content:"";
background:black;
}
input[type="hidden"][value="0"].sheet-ageReserves ~ div.sheet-blessures > div > label:not(:first-of-type) > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(1) > label:nth-last-of-type(1) > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(3) > label:nth-last-of-type(1) > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(1) > label:nth-last-of-type(1) > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(1) > label:nth-last-of-type(1) > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(1) > label:nth-last-of-type(2) > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(2) > label:nth-last-of-type(1) > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-ageReserves ~ div.sheet-blessures > div:nth-of-type(3) > label:nth-last-of-type(1) > input[type="checkbox"]
{
display:none;
}
input[type="hidden"][value="1"].sheet-ageCompetences ~ div.sheet-comp > div:nth-of-type(4) > div:nth-of-type(1) > div > span:last-of-type,
input[type="hidden"][value="1"].sheet-ageCompetences ~ div.sheet-comp > div:nth-of-type(4) > div:nth-of-type(3) > div > span:last-of-type,
input[type="hidden"][value="1"].sheet-ageCompetences ~ div.sheet-comp > div:nth-of-type(6) > div:nth-of-type(2) > div > span:last-of-type,
input[type="hidden"][value="3"].sheet-ageCompetences ~ div.sheet-comp > div:nth-of-type(1) > div:nth-of-type(2) > div > span:last-of-type,
input[type="hidden"][value="3"].sheet-ageCompetences ~ div.sheet-comp > div:nth-of-type(2) > div:nth-of-type(5) > div > span:last-of-type,
input[type="hidden"][value="3"].sheet-ageCompetences ~ div.sheet-comp > div:nth-of-type(6) > div:nth-of-type(5) > div > span:last-of-type
{
display:none;
}
input[type="hidden"][value="9"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="8"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="8"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="7"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="7"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="7"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7) > div,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7) > div,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(8) > div,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7) > div,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(8) > div,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(9) > div,
input[type="hidden"][value="0"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label > div,
input[type="hidden"][value="9"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="8"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="8"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="7"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="7"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="7"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7) > div,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7) > div,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(8) > div,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7) > div,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(8) > div,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(9) > div,
input[type="hidden"][value="0"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label > div
{
background:black;
}
input[type="hidden"][value="9"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="8"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="8"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="7"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="7"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="7"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(8) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(8) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(9) > div > input[type="checkbox"],
input[type="hidden"][value="0"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label > div > input[type="checkbox"],
input[type="hidden"][value="9"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="8"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="8"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="7"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="7"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="7"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="6"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="5"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="4"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div > span,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div > span,
input[type="hidden"][value="3"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7) > div > span,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div > span,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7) > div > span,
input[type="hidden"][value="2"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(8) > div > span,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(6) > div > span,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(7) > div > span,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(8) > div > span,
input[type="hidden"][value="1"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label:nth-of-type(9) > div > span,
input[type="hidden"][value="0"].sheet-sangFroid ~ div.sheet-reserves > div:first-of-type > div > label > div > span,
input[type="hidden"][value="9"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="8"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="8"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="7"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="7"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="7"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div > input[type="checkbox"],
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7) > div > input[type="checkbox"],
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(8) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(8) > div > input[type="checkbox"],
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(9) > div > input[type="checkbox"],
input[type="hidden"][value="0"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label > div > input[type="checkbox"],
input[type="hidden"][value="9"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="8"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="8"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="7"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="7"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="7"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="6"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="5"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="4"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div > span,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div > span,
input[type="hidden"][value="3"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7) > div > span,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div > span,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7) > div > span,
input[type="hidden"][value="2"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(8) > div > span,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(1) > div > span,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(2) > div > span,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(3) > div > span,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(4) > div > span,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(5) > div > span,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(6) > div > span,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(7) > div > span,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(8) > div > span,
input[type="hidden"][value="1"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label:nth-of-type(9) > div > span,
input[type="hidden"][value="0"].sheet-effort ~ div.sheet-reserves > div:last-of-type > div > label > div > span
{
display:none;
}
input[type="hidden"][value="99"].sheet-difficulte ~ div.sheet-jets > div:last-of-type > label:first-of-type > select
{
width:calc(100% - 150px);
}
input[type="hidden"][value="99"].sheet-difficulte ~ div.sheet-jets > div:last-of-type > label:first-of-type > input[type="number"]
{
display:flex;
width:40px;
height: 25px;
background: transparent;
border: 0px;
text-align:center;
padding-bottom:0px;
padding-right:0px;
color: black;
border-bottom:1px dashed black;
}
div.sheet-options
{
width:215px;
}
div.sheet-agePersonnalise
{
width:270px;
}
div.sheet-options > label,
div.sheet-agePersonnalise > label
{
width:100%;
}
div.sheet-options > label:not(:last-of-type),
div.sheet-agePersonnalise > label:not(:last-of-type)
{
margin-bottom:5px;
}
div.sheet-options > label > span,
div.sheet-agePersonnalise > label > span
{
width: 115px;
line-height: 13px;
font-size: 13px;
align-content: center;
color: black;
text-transform: uppercase;
font-weight:normal;
}
div.sheet-options > label > select
{
width:calc(100% - 115px);
background:transparent;
border:0px;
border-bottom:1px dashed black;
color:black;
}
div.sheet-agePersonnalise > label > input[type="number"]
{
width:calc(100% - 115px);
background:transparent;
border:0px;
border-bottom:1px dashed black;
color:black;
padding-bottom:0px;
text-align:center;
}
input[type="hidden"][value="2"].sheet-fType ~ div.sheet-header,
input[type="hidden"][value="2"].sheet-fType ~ div.sheet-jets,
input[type="hidden"][value="2"].sheet-fType ~ div.sheet-menu > label:nth-of-type(1),
input[type="hidden"][value="2"].sheet-fType ~ div.sheet-menu > label:nth-of-type(2),
input[type="hidden"][value="2"].sheet-fType ~ div.sheet-menu > label:nth-of-type(3),
input[type="hidden"][value="2"].sheet-fType ~ div.sheet-body > div.sheet-options > label:first-of-type
{
display:none;
}
button[type="roll"].sheet-hiddenRoll
{
display:none;
}
.sheet-rolltemplate-base,
.sheet-rolltemplate-relance,
.sheet-rolltemplate-fiabilite
{
display:flex;
width:100%;
justify-content:right;
flex-wrap:wrap;
background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/morceauPage.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/page.png');
background-size: cover;
font-family:"Fredericka the Great";
color:black;
background-position-y: -6px, 6px;
background-repeat: no-repeat;
background-position-x: calc(100% + 10px), -3px;
background-size: 219px 157px, cover;
height: 155px;
align-content: baseline;
}
.sheet-rolltemplate-base > div > a[href^="~"]:first-of-type,
.sheet-rolltemplate-relance > div > a[href^="~"]:first-of-type
{
align-self: baseline;
margin-top: auto;
width: calc(100% - 30px);
display: flex;
justify-content: center;
border: 1px solid black;
box-shadow: 1px 1px 3px;
margin-bottom:5px;
margin-left:3px;
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/bandeVertical2.png');
background-position: -17px;
color: #6d071a;
}
.sheet-rolltemplate-base > div > a[href^="~"]:last-of-type,
.sheet-rolltemplate-relance > div > a[href^="~"]:last-of-type
{
align-self: baseline;
margin-top: auto;
width: 100%;
display: flex;
justify-content: center;
border: 1px solid black;
box-shadow: 1px 1px 3px;
margin-bottom:0px;
margin-left:3px;
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vermine%202047/img/bandeVertical2.png');
background-position: -17px;
color: #6d071a;
}
.sheet-rolltemplate-base > div > a[href^="~"]:hover,
.sheet-rolltemplate-relance > div > a[href^="~"]:hover
{
align-self: baseline;
margin-top: auto;
display: flex;
justify-content: center;
border: 1px solid black;
box-shadow: 1px 1px 3px inset;
}
.sheet-rolltemplate-base > div:first-of-type,
.sheet-rolltemplate-relance > div:first-of-type,
.sheet-rolltemplate-fiabilite > div:first-of-type
{
width: 182px;
display: flex;
flex-wrap: wrap;
transform: rotate(3deg);
min-height: 90px;
align-content: baseline;
margin-left:auto;
}
.sheet-rolltemplate-base > div:first-of-type > h2,
.sheet-rolltemplate-relance > div:first-of-type > h2,
.sheet-rolltemplate-fiabilite > div:first-of-type > h2
{
font-size: 15px;
line-height: 25px;
display: flex;
width: 175px;
justify-content: center;
padding-right: 5px;
margin-top: 2px;
margin-left: calc(100% - 182px);
}
.sheet-rolltemplate-base > div:first-of-type > span:first-of-type,
.sheet-rolltemplate-relance > div:first-of-type > span:first-of-type,
.sheet-rolltemplate-fiabilite > div:first-of-type > span:first-of-type
{
width: 165px;
margin-left: auto;
display: flex;
justify-content: center;
margin-top: 10px;
font-size:12px;
}
.sheet-rolltemplate-base > div:first-of-type > span:first-of-type > span[title]
{
cursor:help;
font-weight:bold;
margin-left:3px;
}
.sheet-rolltemplate-base > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-relance > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-fiabilite > div:first-of-type > span:last-of-type
{
width: 140px;
margin-left: auto;
justify-content: center;
display: flex;
margin-top:10px;
}
.sheet-rolltemplate-base > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-relance > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-fiabilite > div:first-of-type > span:last-of-type
{
width: 140px;
margin-left: auto;
justify-content: center;
display: flex;
margin-top:10px;
}
.sheet-rolltemplate-base > div:nth-of-type(2),
.sheet-rolltemplate-relance > div:nth-of-type(2)
{
width: calc(100% - 130px);
display: flex;
flex-wrap: wrap;
height:100px;
align-content:end;
margin-top:-37px;
}
.sheet-rolltemplate-fiabilite > div:nth-of-type(2)
{
width: calc(100% - 130px);
display: flex;
flex-wrap: wrap;
height:60px;
align-content:baseline;
}
.sheet-rolltemplate-relance > div:nth-of-type(2)
{
margin-right:auto;
}
.sheet-rolltemplate-base > div:nth-of-type(2) > span,
.sheet-rolltemplate-relance > div:nth-of-type(2) > span,
.sheet-rolltemplate-fiabilite > div:nth-of-type(2) > span
{
padding-left:3px;
width:calc(100% - 30px);
font-size:12px;
}
.sheet-rolltemplate-base > div:nth-of-type(2) > span > span,
.sheet-rolltemplate-relance > div:nth-of-type(2) > span > span,
.sheet-rolltemplate-fiabilite > div:nth-of-type(2) > span > span
{
padding:0px;
font-weight:normal;
}
.sheet-rolltemplate-base > div:last-of-type,
.sheet-rolltemplate-fiabilite > div:last-of-type
{
width: 130px;
justify-content: center;
display: flex;
height: 30px;
transform:rotate(3deg);
}
.sheet-rolltemplate-base > div:last-of-type > span,
.sheet-rolltemplate-fiabilite > div:last-of-type > span
{
margin-top: auto;
margin-bottom: auto;
}
.sheet-rolltemplate-base > div:last-of-type > div > h2,
.sheet-rolltemplate-fiabilite > div:last-of-type > div > h2
{
text-transform:uppercase;
}
.sheet-rolltemplate-base > div:last-of-type > div,
.sheet-rolltemplate-fiabilite > div:last-of-type > div
{
display:flex;
width:100%;
justify-content:center;
flex-wrap:wrap;
line-height:28px;
transform: rotate(2deg);
}
.sheet-rolltemplate-base > div:last-of-type > div:nth-of-type(2),
.sheet-rolltemplate-fiabilite > div:last-of-type > div:nth-of-type(2)
{
width:calc(100% + 10px);
margin-left:-10px;
}
.sheet-rolltemplate-base > div:last-of-type > div:nth-of-type(3),
.sheet-rolltemplate-base > div:last-of-type > div:nth-of-type(4),
.sheet-rolltemplate-fiabilite > div:last-of-type > div:nth-of-type(3),
.sheet-rolltemplate-fiabilite > div:last-of-type > div:nth-of-type(4)
{
padding-left:10px;
}
.sheet-rolltemplate-base > div:last-of-type > div > span,
.sheet-rolltemplate-fiabilite > div:last-of-type > div > span
{
display:flex;
width:100%;
justify-content:center;
}
.sheet-rolltemplate-base > div:last-of-type > div > span,
.sheet-rolltemplate-fiabilite > div:last-of-type > div > span
{
display:flex;
width:100%;
justify-content:center;
}
.sheet-rolltemplate-base .sheet-green,
.sheet-rolltemplate-base .sheet-green > span
{
color:green !important;
}
.sheet-rolltemplate-base .sheet-red,
.sheet-rolltemplate-base .sheet-red > span
{
color:red !important;
}
.sheet-rolltemplate-base .inlinerollresult,
.sheet-rolltemplate-relance .inlinerollresult,
.sheet-rolltemplate-fiabilite .inlinerollresult
{
background-color: transparent;
border: none;
padding:0px;
}
.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-relance .inlinerollresult.fullcrit,
.sheet-rolltemplate-fiabilite .inlinerollresult.fullcrit
{
color: black;
border: none;
padding:0px;
}
.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-relance .inlinerollresult.fullfail ,
.sheet-rolltemplate-fiabilite .inlinerollresult.fullfail
{
color: black;
border: none;
padding:0px;
}
.sheet-rolltemplate-base .inlinerollresult.importantroll,
.sheet-rolltemplate-relance .inlinerollresult.importantroll,
.sheet-rolltemplate-fiabilite .inlinerollresult.importantroll
{
color: black;
border: none;
padding:0px;
}