Files
roll20-character-sheets-tester/Harry Potter JDR/harryPotterJDR.css
T
2020-09-19 22:50:07 +02:00

3179 lines
75 KiB
CSS

.charsheet
{
font-family:"Segoe UI", Arial;
--fond: RGB(221, 217, 195);
min-width:830px;
padding-left:20px !important;
padding-right:20px !important;
}
div,
span,
label,
h3,
h4,
input[type="text"],
input[type="number"],
button[type="roll"],
button[type="action"],
textarea
{
display:flex;
border-radius:0px;
color:black;
font-family:"Cambria";
align-content:baseline;
}
label
{
margin:0px;
padding:0px;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
input[type=number]
{
-moz-appearance:textfield;
text-align: center;
}
input[type=number],
input[type="text"]
{
background:transparent;
}
textarea
{
border:none;
width:100%;
text-align:justify;
margin:0px;
padding:0px;
}
select
{
border:none;
margin:0px;
}
div.repcontrol
{
display:block;
width:100%;
}
div.repcontrol > .btn
{
border-radius:0px;
}
div.itemcontrol
{
z-index:99;
}
div.itemcontrol > .btn
{
border-radius:0px;
}
div.sheet-autoex
{
line-height: 1.4em;
min-height: 1.4em;
cursor: text;
text-align: left;
position:relative;
width:100%;
}
div.sheet-autoex > span
{
visibility: hidden;
display: block;
font-family: inherit;
font-size: inherit;
line-height: inherit;
white-space: pre-wrap;
text-align: inherit;
min-height: inherit;
height:100%;
word-wrap:anywhere;
}
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;
}
div.sheet-autoex > textarea::placeholder
{
font-family:"Contrail One";
color: #575957da;
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;
}
label.sheet-options
{
width: 27px;
height: 30px;
margin-top: 11px;
text-shadow: 0px 0px 5px black;
float:right;
}
label.sheet-options > input[type="checkbox"]
{
position: absolute;
width: 27px;
height: 30px;
opacity: 0;
z-index: 99;
}
label.sheet-options > input[type="checkbox"] ~ span::before
{
display: flex;
width: 20px;
line-height: 28px;
font-family: pictos;
content: "y";
font-size: 30px;
color: var(--fond);
}
label.sheet-options > input[type="checkbox"]:checked ~ span::before
{
text-shadow:none;
}
input[type="hidden"].sheet-options[value="1"] + div.sheet-options
{
display:flex;
}
div.sheet-blockOptions
{
position: absolute;
min-width: 875px;
width: calc(100% - 15px);
margin-top: 30px;
}
div.sheet-options
{
display: none;
background: var(--fond);
width: 260px;
justify-content: space-between;
border-radius: 5px;
z-index: 100;
position: absolute;
border: 1px solid black;
padding: 5px;
right: 60px;
flex-wrap:wrap;
}
div.sheet-options > label
{
width:100%;
justify-content:space-between;
}
div.sheet-options > label
{
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
}
div.sheet-options > label:last-of-type
{
border-bottom: 1px solid black;
}
div.sheet-options > label > span
{
width: calc(50% - 2px);
align-items: center;
font-size: 13px;
background: white;
padding-left: 2px;
border-right: 1px solid black;
}
div.sheet-options > label > select
{
width: 50%;
padding: 0px;
text-align: center;
height: 100%;
border-radius: 0px;
}
label.sheet-ficheType
{
width:102px;
height:21px;
margin-left:auto;
}
label.sheet-ficheType > input[type="hidden"][value="0"] ~ input[type="radio"][title~="PNJ"],
label.sheet-ficheType > input[type="hidden"][value="0"] ~ span[title~="PNJ"],
label.sheet-ficheType > input[type="hidden"][value="1"] ~ input[type="radio"][title~="PJ"],
label.sheet-ficheType > input[type="hidden"][value="1"] ~ span[title~="PJ"]
{
display:none;
}
label.sheet-ficheType > input[type="radio"]
{
width:102px;
height:21px;
opacity:0;
position:absolute;
}
label.sheet-ficheType > span::before
{
display:flex;
content:attr(title);
width:100px;
height:19px;
border:1px solid black;
background:var(--fond);
font-variant:small-caps;
justify-content:center;
font-size:14px;
border-radius:5px;
}
div.sheet-header
{
width:100%;
justify-content:space-between;
margin-top:10px;
}
div.sheet-header > div
{
width:calc(33% - 2.5px);
justify-content:space-between;
}
div.sheet-header > div > label
{
width:calc(33% - 2.5px);
justify-content:space-between;
}
div.sheet-header > label
{
width:calc(22% - 2.5px);
justify-content:space-between;
}
div.sheet-header > label > span
{
width:35px;
font-variant:small-caps;
font-size:14px;
}
div.sheet-header > label > input[type="text"],
div.sheet-header > label > select
{
width:calc(100% - 35px);
border:0px;
border-bottom:1px dashed black;
padding:0px;
height:19px;
border-radius:0px;
}
div.sheet-header > div > label > span
{
width:45px;
font-variant:small-caps;
font-size:14px;
}
div.sheet-header > div > label:first-of-type > span
{
width:35px;
font-variant:small-caps;
font-size:14px;
}
div.sheet-header > div > label > input[type="text"]
{
width:calc(100% - 45px);
border:0px;
border-bottom:1px dashed black;
text-align:center;
padding:0px;
}
div.sheet-header > div > label:first-of-type > input[type="text"]
{
width:calc(100% - 35px);
border:0px;
border-bottom:1px dashed black;
text-align:center;
padding:0px;
}
div.sheet-menu
{
width:100%;
justify-content:space-between;
margin-top:10px;
flex-wrap:wrap;
}
div.sheet-menu > label
{
width:calc((100%/5) - 5px);
justify-content:space-between;
}
div.sheet-menu > label > input[type="radio"]
{
position:absolute;
width:calc((100%/4) - 69px);
justify-content:space-between;
opacity:0;
height:27px;
}
div.sheet-menu > label > span
{
width:100%;
}
div.sheet-menu > label > span::before
{
display:flex;
width:100%;
content:attr(title);
justify-content:center;
border:1px solid black;
background:var(--fond);
line-height:25px;
}
div.sheet-menu > label > input[type="radio"]:checked ~ span::before
{
box-shadow: 0px 0px 7px 0px #000000 inset;
}
input[type="hidden"][value="1"].sheet-menu ~ div.sheet-tab1,
input[type="hidden"][value="2"].sheet-menu ~ div.sheet-tab2,
input[type="hidden"][value="3"].sheet-menu ~ div.sheet-tab3,
input[type="hidden"][value="4"].sheet-menu ~ div.sheet-tab4,
input[type="hidden"][value="5"].sheet-menu ~ div.sheet-tab5
{
display:flex;
}
div.sheet-tab1,
div.sheet-tab2,
div.sheet-tab3,
div.sheet-tab4,
div.sheet-tab5
{
display:none;
margin-top:10px;
justify-content:space-between;
flex-wrap:wrap;
width:100%;
align-items:flex-start;
}
div.sheet-tab1 > div.sheet-colLeft
{
width:calc(25% - 5px);
flex-wrap:wrap;
}
div.sheet-tab1 > div.sheet-colRight
{
width:calc(30% - 5px - 5px);
flex-wrap:wrap;
min-width:237px;
}
div.sheet-bottom
{
width:100%;
justify-content:space-between;
flex-wrap:wrap;
margin-top:10px;
}
div.sheet-bottom > div:nth-of-type(2n+3),
div.sheet-bottom > div:nth-of-type(2n+4)
{
margin-top:10px;
}
div.sheet-carac
{
width:100%;
justify-content:space-between;
background:var(--fond);
padding-bottom:10px;
border-radius:5px;
padding-top:10px;
padding-bottom:10px;
flex-wrap:wrap;
border:1px solid black;
}
div.sheet-caracFamilier
{
width:calc(25% - 5px);
justify-content:space-between;
background:var(--fond);
padding-bottom:10px;
border-radius:5px;
flex-wrap:wrap;
border:1px solid black;
}
div.sheet-caracFamilier > h3
{
width: 100%;
justify-content: center;
font-size: 15px;
font-variant: small-caps;
line-height: 25px;
border-bottom:2px solid black;
margin-bottom:5px;
}
div.sheet-carac > div,
div.sheet-caracFamilier > div
{
width:calc(100% - 20px);
justify-content:space-between;
margin-left:10px;
margin-right:10px;
}
div.sheet-carac > div:not(:first-of-type),
div.sheet-caracFamilier > div:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-carac > div > button[type="roll"]::before,
div.sheet-caracFamilier > div > button[type="roll"]::before
{
content:"";
}
div.sheet-carac > div > button[type="roll"]:first-of-type,
div.sheet-caracFamilier > div > button[type="roll"]:first-of-type
{
width:calc(60% - 5px);
font-variant:small-caps;
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
margin-left:-4px;
padding-left:4px;
}
div.sheet-carac > div > button[type="roll"]:last-of-type,
div.sheet-caracFamilier > div > button[type="roll"]:last-of-type
{
width:35px;
font-variant:small-caps;
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
justify-content:center;
}
div.sheet-carac > div > input[type="number"],
div.sheet-caracFamilier > div > input[type="number"]
{
width:calc(40% - 40px);
border:0px;
border-bottom:1px dashed black;
padding:0px;
}
div.sheet-jetsAutres,
div.sheet-jetsPerception
{
width:100%;
flex-wrap:wrap;
border:1px solid black;
padding:5px;
margin-top:10px;
border-radius:5px;
background:var(--fond);
}
div.sheet-jetsPerception
{
width:100%;
flex-wrap:wrap;
border:1px solid black;
padding-top:5px;
padding-bottom:5px;
margin-top:10px;
border-radius:5px;
background:var(--fond);
}
div.sheet-jetsPerception > h3
{
width: 100%;
justify-content: center;
font-size: 15px;
font-variant: small-caps;
line-height: 25px;
border-bottom: 2px solid black;
}
div.sheet-jetsAutres > button[type="roll"]
{
width:100%;
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
justify-content:center;
}
div.sheet-jetsPerception > button[type="roll"]
{
width:100%;
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
justify-content:center;
margin-left:5px;
margin-right:5px;
}
div.sheet-jetsPerception > button[type="roll"]:not(:last-of-type)
{
border-bottom:0px;
}
div.sheet-jetsAutres > button[type="roll"]::before,
div.sheet-jetsPerception > button[type="roll"]::before
{
content:"";
}
div.sheet-details
{
width:100%;
justify-content:space-between;
background-color:var(--fond);
padding:10px;
border-radius:5px;
flex-wrap:wrap;
border:1px solid black;
}
div.sheet-details > div,
div.sheet-details > label
{
width:100%;
justify-content:space-between;
}
div.sheet-details > div,
div.sheet-details > label:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-details > label:first-of-type
{
flex-wrap:wrap;
}
div.sheet-details > label:first-of-type > span
{
width:100%;
font-variant:small-caps;
font-size:14px;
font-weight:bold;
justify-content:center;
}
div.sheet-details > label:first-of-type > input[type="text"]
{
width:100%;
text-align:center;
padding:0px;
border:0px;
border-bottom:1px dashed black;
}
div.sheet-details > label:not(:first-of-type) > span
{
width:calc(60% - 5px);
font-variant:small-caps;
font-size:14px;
font-weight:bold;
}
div.sheet-details > label:not(:first-of-type) > input[type="number"],
div.sheet-details > label:not(:first-of-type) > input[type="text"]
{
width:calc(40% - 5px);
text-align:center;
padding:0px;
border:0px;
border-bottom:1px dashed black;
}
div.sheet-details > label:not(:first-of-type) > div
{
width:calc(40% - 5px);
justify-content:space-between;
}
div.sheet-details > label:not(:first-of-type) > div > input[type="number"]
{
width:calc(50% - 2.5px);
text-align:center;
padding:0px;
border:0px;
border-bottom:1px dashed black;
}
div.sheet-details > label:not(:first-of-type) > div > span
{
width:5px;
text-align:center;
padding:0px;
font-weight:bold;
font-size:14px;
}
div.sheet-details > div > button[type="roll"]
{
width:calc(60% - 5px);
font-variant:small-caps;
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
padding-left:4px;
margin-left:-4px;
}
div.sheet-details > div > input[type="text"]
{
width:calc(40% - 5px);
text-align:center;
padding:0px;
border:0px;
border-bottom:1px dashed black;
}
div.sheet-details > div:first-of-type > button[type="roll"]
{
border-bottom:0px;
}
div.sheet-details > div > button[type="roll"]::before
{
content:"";
}
div.sheet-details > div > input[type="text"][disabled],
div.sheet-details > div > input[type="text"][readonly],
div.sheet-details > label > input[type="number"][disabled],
div.sheet-details > label > input[type="number"][readonly]
{
background:transparent;
text-align:center;
}
div.sheet-avantageDesavantage,
div.sheet-coupPouceDestin,
div.sheet-crochePattesDestin
{
width:calc(50% - 23px);
background:var(--fond);
border-radius:5px;
align-self:baseline;
flex-wrap:wrap;
border:1px solid black;
padding-top:5px;
padding-bottom:5px;
}
div.sheet-axiome
{
width:calc(45% - 5px - 20px);
background:var(--fond);
padding-top:5px;
padding-bottom:5px;
border-radius:5px;
align-self:baseline;
flex-wrap:wrap;
border:1px solid black;
}
div.sheet-axiome > .repcontrol > .btn
{
padding-top:0px;
padding-bottom:0px;
}
div.sheet-avantageDesavantage > .repcontrol > .btn:last-of-type,
div.sheet-coupPouceDestin > .repcontrol > .btn:last-of-type,
div.sheet-crochePattesDestin > .repcontrol > .btn:last-of-type,
div.sheet-axiome > .repcontrol > .btn:last-of-type
{
margin-top:-2px;
border-left:0px;
}
div.sheet-avantageDesavantage > .repcontrol > .btn:first-of-type,
div.sheet-coupPouceDestin > .repcontrol > .btn:first-of-type,
div.sheet-crochePattesDestin > .repcontrol > .btn:first-of-type,
div.sheet-axiome > .repcontrol > .btn:first-of-type
{
border-right:0px;
}
div.sheet-avantageDesavantage > h3,
div.sheet-coupPouceDestin > h3,
div.sheet-crochePattesDestin > h3,
div.sheet-axiome > h3
{
width:100%;
justify-content:center;
font-size:15px;
font-variant:small-caps;
line-height:15px;
border-bottom:2px solid black;
}
div.sheet-avantageDesavantage > div,
div.sheet-avantageDesavantage > div > div,
div.sheet-coupPouceDestin > div,
div.sheet-coupPouceDestin > div > div,
div.sheet-crochePattesDestin > div,
div.sheet-crochePattesDestin > div > div,
div.sheet-axiome > div,
div.sheet-axiome > div > div
{
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-avantageDesavantage > div > div > input[type="text"],
div.sheet-coupPouceDestin > div > div > input[type="text"],
div.sheet-crochePattesDestin > div > div > input[type="text"],
div.sheet-axiome > div > div > input[type="text"]
{
width:100%;
text-align:center;
border:0px;
padding:0px;
background:white;
}
div.sheet-avantageDesavantage > div > div > div.sheet-autoex,
div.sheet-coupPouceDestin > div > div > div.sheet-autoex,
div.sheet-crochePattesDestin > div > div > div.sheet-autoex,
div.sheet-axiome > div > div > div.sheet-autoex
{
border-top:1px solid black;
border-bottom:1px solid black;
}
div.sheet-avantageDesavantage > div.repcontrol > .btn,
div.sheet-coupPouceDestin > div.repcontrol > .btn,
div.sheet-crochePattesDestin > div.repcontrol > .btn,
div.sheet-axiome > div.repcontrol > .btn
{
border-top:0px;
padding-top:0px;
padding-bottom:0px;
border-radius:0px;
}
div.sheet-avantageDesavantage > div > .repitem:not(:first-of-type),
div.sheet-coupPouceDestin > div > .repitem:not(:first-of-type),
div.sheet-crochePattesDestin > div > .repitem:not(:first-of-type),
div.sheet-axiome > div > .repitem:not(:first-of-type)
{
border-top:5px double black;
margin-top:-1px;
padding-top:5px;
flex-wrap:wrap;
}
div.sheet-avantageDesavantage > div > .repitem,
div.sheet-coupPouceDestin > div > .repitem,
div.sheet-crochePattesDestin > div > .repitem,
div.sheet-axiome > div > .repitem
{
background:white;
}
div.sheet-avantageDesavantage > div > .repitem:not(:first-of-type) > .itemcontrol,
div.sheet-coupPouceDestin > div > .repitem:not(:first-of-type) > .itemcontrol,
div.sheet-crochePattesDestin > div > .repitem:not(:first-of-type) > .itemcontrol,
div.sheet-axiome > div > .repitem:not(:first-of-type) > .itemcontrol
{
margin-top:-5px;
}
div.sheet-fichePNJ,
div.sheet-fichePJ
{
flex-wrap:wrap;
justify-content:space-between;
width:100%;
}
div.sheet-tab2 > input[type="hidden"][value="1"]:first-of-type ~ div.sheet-fichePJ,
div.sheet-tab2 > input[type="hidden"][value="0"]:first-of-type ~ div.sheet-fichePNJ,
div.sheet-tab3 > input[type="hidden"][value="1"]:first-of-type ~ div.sheet-fichePJ,
div.sheet-tab3 > input[type="hidden"][value="0"]:first-of-type ~ div.sheet-fichePNJ
{
display:none;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-tab2 > div.sheet-fichePNJ > div.sheet-periode3,
div.sheet-tab2 > div.sheet-fichePNJ > div.sheet-periode2,
div.sheet-tab2 > div.sheet-fichePNJ > div.sheet-periode1,
div.sheet-tab2 > div.sheet-fichePNJ > div.sheet-periode0,
div.sheet-tab3 > div.sheet-fichePNJ > div.sheet-periode3,
div.sheet-tab3 > div.sheet-fichePNJ > div.sheet-periode2,
div.sheet-tab3 > div.sheet-fichePNJ > div.sheet-periode1,
div.sheet-tab3 > div.sheet-fichePNJ > div.sheet-periode0
{
display:none;
}
div.sheet-tab2 > div.sheet-fichePNJ > input[type="hidden"][value="3"] ~ div.sheet-periode3,
div.sheet-tab2 > div.sheet-fichePNJ > input[type="hidden"][value="2"] ~ div.sheet-periode2,
div.sheet-tab2 > div.sheet-fichePNJ > input[type="hidden"][value="1"] ~ div.sheet-periode1,
div.sheet-tab2 > div.sheet-fichePNJ > input[type="hidden"][value="0"] ~ div.sheet-periode0,
div.sheet-tab3 > div.sheet-fichePNJ > input[type="hidden"][value="3"] ~ div.sheet-periode3,
div.sheet-tab3 > div.sheet-fichePNJ > input[type="hidden"][value="2"] ~ div.sheet-periode2,
div.sheet-tab3 > div.sheet-fichePNJ > input[type="hidden"][value="1"] ~ div.sheet-periode1,
div.sheet-tab3 > div.sheet-fichePNJ > input[type="hidden"][value="0"] ~ div.sheet-periode0
{
display:flex;
width:100%;
justify-content:space-between;
align-content:baseline;
flex-wrap:wrap;
}
div.sheet-menuPeriode
{
width:100%;
justify-content:space-between;
margin-bottom:15px;
}
div.sheet-menuPeriode > label
{
width:calc((100% / 4) - 70px);
height:23px;
}
div.sheet-menuPeriode > label > input[type="radio"],
div.sheet-menuPeriode > label > input[type="checkbox"]
{
width:calc((100% / 4) - 85px);
height:27px;
opacity:0;
position:absolute;
}
div.sheet-menuPeriode > label > span
{
width:100%;
}
div.sheet-menuPeriode > label > span::before
{
display:flex;
content:attr(title);
width:100%;
height:25px;
background:var(--fond);
font-size:14px;
border:1px solid black;
border-radius:5px;
justify-content:center;
line-height:25px;
}
div.sheet-menuPeriode > label > input[type="radio"]:checked ~ span::before,
div.sheet-menuPeriode > label > input[type="checkbox"]:checked ~ span::before
{
box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.sheet-compCol
{
width:calc(50% - 15px);
flex-wrap:wrap;
}
div.sheet-compCol > div:not(:first-of-type)
{
margin-top:10px;
}
div.sheet-competencesGenerales,
div.sheet-competencesScolaires,
div.sheet-competencesScolairesSortilege,
div.sheet-competencesMoldus,
div.sheet-competencesSorciers
{
width:100%;
justify-content:space-between;
flex-wrap:wrap;
border-radius:5px;
background:var(--fond);
border:1px solid black;
padding-bottom:5px;
}
div.sheet-competencesScolairesSortilege
{
width:calc(50% - 15px);
justify-content:space-between;
flex-wrap:wrap;
border-radius:5px;
background:var(--fond);
border:1px solid black;
padding-bottom:5px;
margin:auto;
margin-bottom:10px;
min-width:450px;
}
div.sheet-competencesScolaires > button[type="action"],
div.sheet-competencesScolairesSortilege > button[type="action"]
{
font-weight: bold;
background: black;
color: var(--fond);
border: 0px;
box-shadow: 3px 3px 3px gray;
width: 64px;
align-items:center;
}
div.sheet-competencesGenerales > h3,
div.sheet-competencesMoldus > h3,
div.sheet-competencesSorciers > h3
{
width:calc(100% - 52px);
justify-content:center;
font-size:15px;
font-variant:small-caps;
line-height:25px;
padding-left:26px;
}
div.sheet-competencesScolaires > h3,
div.sheet-competencesScolairesSortilege > h3
{
width: calc(100% - 30px - 80px - 54px);
justify-content: center;
font-size: 15px;
font-variant: small-caps;
line-height: 25px;
padding-right: 58px;
}
div.sheet-competencesGenerales > input[type="hidden"][value="1"]:last-of-type ~ div,
div.sheet-competencesScolaires > input[type="hidden"][value="1"]:last-of-type ~ div,
div.sheet-competencesScolairesSortilege > input[type="hidden"][value="1"]:last-of-type ~ div,
div.sheet-competencesScolaires > input[type="hidden"][value="1"]:first-of-type ~ button[type="action"],
div.sheet-competencesScolairesSortilege > input[type="hidden"][value="1"]:first-of-type ~ button[type="action"],
div.sheet-competencesMoldus > input[type="hidden"][value="1"]:last-of-type ~ div,
div.sheet-competencesSorciers > input[type="hidden"][value="1"]:last-of-type ~ div
{
display:none;
}
div.sheet-competencesScolaires > input[type="hidden"][value="1"]:first-of-type ~ h3,
div.sheet-competencesScolairesSortilege > input[type="hidden"][value="1"]:first-of-type ~ h3
{
width:calc(100% - 52px);
padding-left:24px;
padding-right:0px;
}
div.sheet-competencesGenerales > label,
div.sheet-competencesScolaires > label,
div.sheet-competencesScolairesSortilege > label,
div.sheet-competencesMoldus > label,
div.sheet-competencesSorciers > label
{
width:25px;
height:25px;
margin-right:1px;
}
div.sheet-competencesGenerales > label > input[type="checkbox"],
div.sheet-competencesScolaires > label > input[type="checkbox"],
div.sheet-competencesScolairesSortilege > label > input[type="checkbox"],
div.sheet-competencesMoldus > label > input[type="checkbox"],
div.sheet-competencesSorciers > label > input[type="checkbox"]
{
position:absolute;
width:25px;
height:25px;
opacity:0;
z-index:99;
}
div.sheet-competencesGenerales > label > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolaires > label > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolairesSortilege > label > input[type="checkbox"] ~ span::before,
div.sheet-competencesMoldus > label > input[type="checkbox"] ~ span::before,
div.sheet-competencesSorciers > label > input[type="checkbox"] ~ span::before
{
content:"-";
width:100%;
height:25px;
font-family:pictos;
font-family: pictos;
font-size: 27px;
line-height: 22px;
}
div.sheet-competencesGenerales > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesScolaires > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesScolairesSortilege > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesMoldus > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesSorciers > label > input[type="checkbox"]:checked ~ span::before
{
content:"+";
}
div.sheet-competencesGenerales > div,
div.sheet-competencesGenerales > .repcontainer,
div.sheet-competencesGenerales > .repcontainer > .repitem,
div.sheet-competencesScolaires > div,
div.sheet-competencesScolaires > .repcontainer,
div.sheet-competencesScolaires > .repcontainer > .repitem,
div.sheet-competencesMoldus > div,
div.sheet-competencesMoldus > .repcontainer,
div.sheet-competencesMoldus > .repcontainer > .repitem,
div.sheet-competencesScolairesSortilege > div,
div.sheet-competencesSorciers > div,
div.sheet-competencesSorciers > .repcontainer,
div.sheet-competencesSorciers > .repcontainer > .repitem
{
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-competencesGenerales > .repcontainer > .repitem:last-of-type,
div.sheet-competencesScolaires > .repcontainer > .repitem:last-of-type,
div.sheet-competencesMoldus > .repcontainer > .repitem:last-of-type,
div.sheet-competencesSorciers > .repcontainer > .repitem:last-of-type
{
border-bottom:1px solid black;
}
div.sheet-competencesGenerales > .repcontainer > .repitem > .itemcontrol,
div.sheet-competencesScolaires > .repcontainer > .repitem > .itemcontrol,
div.sheet-competencesMoldus > .repcontainer > .repitem > .itemcontrol,
div.sheet-competencesSorciers > .repcontainer > .repitem > .itemcontrol
{
border:0px;
}
div.sheet-competencesGenerales > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-competencesScolaires > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-competencesMoldus > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-competencesSorciers > .repcontainer > .repitem > .itemcontrol > .btn
{
border-radius:0px;
padding-top:0px;
padding-bottom:0px;
height:18px;
}
div.sheet-competencesGenerales > .repcontainer > .repitem > .itemcontrol > a,
div.sheet-competencesScolaires > .repcontainer > .repitem > .itemcontrol > a,
div.sheet-competencesMoldus > .repcontainer > .repitem > .itemcontrol > a,
div.sheet-competencesSorciers > .repcontainer > .repitem > .itemcontrol > a
{
margin-top:-2px;
}
div.sheet-competencesGenerales > .repcontrol,
div.sheet-competencesScolaires > .repcontrol,
div.sheet-competencesMoldus > .repcontrol,
div.sheet-competencesSorciers > .repcontrol
{
border-top:0px;
}
div.sheet-competencesGenerales > .repcontrol > .btn,
div.sheet-competencesScolaires > .repcontrol > .btn,
div.sheet-competencesMoldus > .repcontrol > .btn,
div.sheet-competencesSorciers > .repcontrol > .btn
{
padding-top:0px;
padding-bottom:0px;
border-radius:0px;
border-top:0px;
}
div.sheet-competencesGenerales > .repcontrol > .btn:first-of-type,
div.sheet-competencesScolaires > .repcontrol > .btn:first-of-type,
div.sheet-competencesMoldus > .repcontrol > .btn:first-of-type,
div.sheet-competencesSorciers > .repcontrol > .btn:first-of-type
{
border-right:0px;
}
div.sheet-competencesGenerales > .repcontrol > .btn:last-of-type,
div.sheet-competencesScolaires > .repcontrol > .btn:last-of-type,
div.sheet-competencesMoldus > .repcontrol > .btn:last-of-type,
div.sheet-competencesSorciers > .repcontrol > .btn:last-of-type
{
border-left:0px;
margin-top:-2px;
}
div.sheet-competencesGenerales > div:nth-of-type(1),
div.sheet-competencesScolairesSortilege > div:nth-of-type(1),
div.sheet-competencesScolaires > div:nth-of-type(1),
div.sheet-competencesMoldus > div:nth-of-type(1),
div.sheet-competencesSorciers > div:nth-of-type(1)
{
border-top:1px solid black;
border-bottom:1px solid black;
}
div.sheet-competencesGenerales > div,
div.sheet-competencesGenerales > .repcontainer > .repitem:not(:first-of-type),
div.sheet-competencesScolairesSortilege > div,
div.sheet-competencesScolaires > div,
div.sheet-competencesScolaires > .repcontainer > .repitem:not(:first-of-type),
div.sheet-competencesMoldus > div,
div.sheet-competencesMoldus > .repcontainer > .repitem:not(:first-of-type),
div.sheet-competencesSorciers > div,
div.sheet-competencesSorciers > .repcontainer > .repitem:not(:first-of-type)
{
border-top:1px solid black;
}
div.sheet-competencesGenerales > div > label:nth-of-type(1),
div.sheet-competencesGenerales > .repcontainer > .repitem > label:nth-of-type(1),
div.sheet-competencesScolairesSortilege > div > label:nth-of-type(1),
div.sheet-competencesScolaires > div > label:nth-of-type(1),
div.sheet-competencesScolaires > .repcontainer > .repitem > label:nth-of-type(1),
div.sheet-competencesMoldus > div > label:nth-of-type(1),
div.sheet-competencesMoldus > .repcontainer > .repitem > label:nth-of-type(1),
div.sheet-competencesSorciers > div > label:nth-of-type(1),
div.sheet-competencesSorciers > .repcontainer > .repitem > label:nth-of-type(1)
{
width:20px;
height:20px;
position:absolute;
margin-left:-25px;
}
div.sheet-competencesGenerales > div > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-competencesGenerales > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-competencesScolairesSortilege > div > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-competencesScolaires > div > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-competencesScolaires > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-competencesMoldus > div > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-competencesMoldus > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-competencesSorciers > div > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-competencesSorciers > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]
{
width:20px;
height:20px;
position:absolute;
opacity:0;
z-index:99;
}
div.sheet-competencesGenerales > div > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesGenerales > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolairesSortilege > div > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolaires > div > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolaires > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesMoldus > div > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesMoldus > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesSorciers > div > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesSorciers > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before
{
font-family:pictos;
content:"y";
font-size:20px;
width:100%;
height:19px;
opacity:0;
}
div.sheet-competencesGenerales > div:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesGenerales > .repcontainer > .repitem:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolairesSortilege > div:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolaires > div:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolaires > .repcontainer > .repitem:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesMoldus > div:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesMoldus > .repcontainer > .repitem:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesSorciers > div:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-competencesSorciers > .repcontainer > .repitem:hover > label:nth-of-type(1) > input[type="checkbox"] ~ span::before
{
opacity:0.5;
}
div.sheet-competencesGenerales > div > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesGenerales > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesScolairesSortilege > div > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesScolaires > div > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesScolaires > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesMoldus > div > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesMoldus > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesSorciers > div > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesSorciers > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before
{
opacity:1;
}
div.sheet-competencesGenerales > div > label:nth-of-type(2),
div.sheet-competencesScolairesSortilege > div > label:nth-of-type(2),
div.sheet-competencesScolaires > div > label:nth-of-type(2),
div.sheet-competencesMoldus > div > label:nth-of-type(2),
div.sheet-competencesSorciers > div > label:nth-of-type(2)
{
width: 16px;
height: 16px;
border: 1px solid black;
background: white;
margin-top: 1px;
margin-left:-19px;
margin-right:1px;
z-index:99;
}
div.sheet-competencesGenerales > .repcontainer > .repitem > label:nth-of-type(2),
div.sheet-competencesScolaires > .repcontainer > .repitem > label:nth-of-type(2),
div.sheet-competencesMoldus > .repcontainer > .repitem > label:nth-of-type(2),
div.sheet-competencesSorciers > .repcontainer > .repitem > label:nth-of-type(2)
{
width: 16px;
height: 16px;
border: 1px solid black;
background: white;
margin-top: 1px;
margin-left:-19px;
margin-right:1px;
z-index:99;
}
div.sheet-competencesGenerales > div > label:nth-of-type(2) > input[type="checkbox"],
div.sheet-competencesGenerales > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"],
div.sheet-competencesScolairesSortilege > div > label:nth-of-type(2) > input[type="checkbox"],
div.sheet-competencesScolaires > div > label:nth-of-type(2) > input[type="checkbox"],
div.sheet-competencesScolaires > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"],
div.sheet-competencesMoldus > div > label:nth-of-type(2) > input[type="checkbox"],
div.sheet-competencesMoldus > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"],
div.sheet-competencesSorciers > div > label:nth-of-type(2) > input[type="checkbox"],
div.sheet-competencesSorciers > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"]
{
width:16px;
height:16px;
position:absolute;
opacity:0;
z-index:99;
}
div.sheet-competencesGenerales > div > label:nth-of-type(2) > input[type="checkbox"] ~ span::before,
div.sheet-competencesGenerales > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolairesSortilege > div > label:nth-of-type(2) > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolaires > div > label:nth-of-type(2) > input[type="checkbox"] ~ span::before,
div.sheet-competencesScolaires > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"] ~ span::before,
div.sheet-competencesMoldus > div > label:nth-of-type(2) > input[type="checkbox"] ~ span::before,
div.sheet-competencesMoldus > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"] ~ span::before,
div.sheet-competencesSorciers > div > label:nth-of-type(2) > input[type="checkbox"] ~ span::before,
div.sheet-competencesSorciers > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"] ~ span::before
{
font-family:pictos;
content:"";
font-size:20px;
width:100%;
height:20px;
}
div.sheet-competencesGenerales > div > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesGenerales > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesScolairesSortilege > div > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesScolaires > div > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesScolaires > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesMoldus > div > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesMoldus > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesSorciers > div > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before,
div.sheet-competencesSorciers > .repcontainer > .repitem > label:nth-of-type(2) > input[type="checkbox"]:checked ~ span::before
{
content:"3";
}
div.sheet-competencesGenerales > div > span,
div.sheet-competencesScolairesSortilege > div > span,
div.sheet-competencesScolaires > div > span,
div.sheet-competencesMoldus > div > span,
div.sheet-competencesSorciers > div > span
{
font-size:14px;
font-weight:bold;
justify-content:center;
}
div.sheet-competencesGenerales > div > span:nth-of-type(1),
div.sheet-competencesScolairesSortilege > div > span:nth-of-type(1),
div.sheet-competencesScolaires > div > span:nth-of-type(1),
div.sheet-competencesMoldus > div > span:nth-of-type(1),
div.sheet-competencesSorciers > div > span:nth-of-type(1)
{
width:calc(100% - 150px - 20px);
}
div.sheet-competencesGenerales > div > span:not(:nth-of-type(1)),
div.sheet-competencesScolairesSortilege > div > span:not(:nth-of-type(1)),
div.sheet-competencesScolaires > div > span:not(:nth-of-type(1)),
div.sheet-competencesMoldus > div > span:not(:nth-of-type(1)),
div.sheet-competencesSorciers > div > span:not(:nth-of-type(1))
{
width:149px;
border-left:1px solid black;
margin-right:20px;
}
div.sheet-competencesGenerales > div > input[type="text"],
div.sheet-competencesGenerales > div > input[type="number"],
div.sheet-competencesGenerales > .repcontainer > .repitem > input[type="text"],
div.sheet-competencesGenerales > .repcontainer > .repitem > input[type="number"],
div.sheet-competencesScolairesSortilege > div > input[type="text"],
div.sheet-competencesScolairesSortilege > div > input[type="number"],
div.sheet-competencesScolaires > div > input[type="text"],
div.sheet-competencesScolaires > div > input[type="number"],
div.sheet-competencesScolaires > .repcontainer > .repitem > input[type="text"],
div.sheet-competencesScolaires > .repcontainer > .repitem > input[type="number"],
div.sheet-competencesMoldus > div > input[type="text"],
div.sheet-competencesMoldus > div > input[type="number"],
div.sheet-competencesMoldus > .repcontainer > .repitem > input[type="text"],
div.sheet-competencesMoldus > .repcontainer > .repitem > input[type="number"],
div.sheet-competencesSorciers > div > input[type="text"],
div.sheet-competencesSorciers > div > input[type="number"],
div.sheet-competencesSorciers > .repcontainer > .repitem > input[type="text"],
div.sheet-competencesSorciers > .repcontainer > .repitem > input[type="number"]
{
background:white;
}
div.sheet-competencesGenerales > div > input[type="text"],
div.sheet-competencesGenerales > .repcontainer > .repitem > input[type="text"],
div.sheet-competencesScolairesSortilege > div > input[type="text"],
div.sheet-competencesScolaires > div > input[type="text"],
div.sheet-competencesScolaires > .repcontainer > .repitem > input[type="text"],
div.sheet-competencesMoldus > div > input[type="text"],
div.sheet-competencesMoldus > .repcontainer > .repitem > input[type="text"],
div.sheet-competencesSorciers > div > input[type="text"],
div.sheet-competencesSorciers > .repcontainer > .repitem > input[type="text"]
{
width:calc(100% - 150px - 20px);
padding:0px;
border:0px;
padding-left:2px;
font-weight:bold;
}
div.sheet-competencesGenerales > div > input[type="number"],
div.sheet-competencesGenerales > .repcontainer > .repitem > input[type="number"],
div.sheet-competencesScolairesSortilege > div > input[type="number"],
div.sheet-competencesScolaires > div > input[type="number"],
div.sheet-competencesScolaires > .repcontainer > .repitem > input[type="number"],
div.sheet-competencesMoldus > div > input[type="number"],
div.sheet-competencesMoldus > .repcontainer > .repitem > input[type="number"],
div.sheet-competencesSorciers > div > input[type="number"],
div.sheet-competencesSorciers > .repcontainer > .repitem > input[type="number"]
{
width:150px;
text-align:center;
padding:0px;
border:0px;
border-left:1px solid black;
}
div.sheet-competencesGenerales > div > button[type="roll"],
div.sheet-competencesGenerales > .repcontainer > .repitem > button[type="roll"],
div.sheet-competencesScolairesSortilege > div > button[type="roll"],
div.sheet-competencesScolaires > div > button[type="roll"],
div.sheet-competencesScolaires > .repcontainer > .repitem > button[type="roll"],
div.sheet-competencesMoldus > div > button[type="roll"],
div.sheet-competencesMoldus > .repcontainer > .repitem > button[type="roll"],
div.sheet-competencesSorciers > div > button[type="roll"],
div.sheet-competencesSorciers > .repcontainer > .repitem > button[type="roll"]
{
width:18px;
height:18px;
margin:0px;
padding:0px;
}
div.sheet-competencesGenerales > div > button[type="roll"]::before,
div.sheet-competencesGenerales > .repcontainer > .repitem > button[type="roll"]::before,
div.sheet-competencesScolairesSortilege > div > button[type="roll"]::before,
div.sheet-competencesScolaires > div > button[type="roll"]::before,
div.sheet-competencesScolaires > .repcontainer > .repitem > button[type="roll"]::before,
div.sheet-competencesMoldus > div > button[type="roll"]::before,
div.sheet-competencesMoldus > .repcontainer > .repitem > button[type="roll"]::before,
div.sheet-competencesSorciers > div > button[type="roll"]::before,
div.sheet-competencesSorciers > .repcontainer > .repitem > button[type="roll"]::before
{
display:flex;
font-family:dicefontd10;
content:"t";
width:100%;
line-height:15px;
margin:0px;
padding:0px;
justify-content:center;
}
div.sheet-competencesGenerales > div > input[type="hidden"][value="1"] ~ div,
div.sheet-competencesGenerales > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div,
div.sheet-competencesScolairesSortilege > div > input[type="hidden"][value="1"] ~ div,
div.sheet-competencesScolaires > div > input[type="hidden"][value="1"] ~ div,
div.sheet-competencesScolaires > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div,
div.sheet-competencesMoldus > div > input[type="hidden"][value="1"] ~ div,
div.sheet-competencesMoldus > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div,
div.sheet-competencesSorciers > div > input[type="hidden"][value="1"] ~ div,
div.sheet-competencesSorciers > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div
{
display:flex;
}
div.sheet-competencesGenerales > div:not(:nth-last-of-type(2)) > div,
div.sheet-competencesGenerales > .repcontainer > .repitem > div,
div.sheet-competencesScolairesSortilege > div > div,
div.sheet-competencesScolaires > div:not(:nth-last-of-type(2)) > div,
div.sheet-competencesScolaires > .repcontainer > .repitem > div,
div.sheet-competencesMoldus > div:not(:nth-last-of-type(2)) > div,
div.sheet-competencesMoldus > .repcontainer > .repitem > div,
div.sheet-competencesSorciers > div:not(:nth-last-of-type(2)) > div,
div.sheet-competencesSorciers > .repcontainer > .repitem > div
{
display:none;
width:100%;
border-top:1px solid black;
border-bottom:5px double black;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-competencesGenerales > div:not(:nth-last-of-type(2)) > div > label,
div.sheet-competencesGenerales > .repcontainer > .repitem > div > label,
div.sheet-competencesScolairesSortilege > div > div > label,
div.sheet-competencesScolaires > div:not(:nth-last-of-type(2)) > div > label,
div.sheet-competencesScolaires > .repcontainer > .repitem > div > label,
div.sheet-competencesMoldus > div:not(:nth-last-of-type(2)) > div > label,
div.sheet-competencesMoldus > .repcontainer > .repitem > div > label,
div.sheet-competencesSorciers > div:not(:nth-last-of-type(2)) > div > label,
div.sheet-competencesSorciers > .repcontainer > .repitem > div > label
{
width:100%;
justify-content:space-between;
}
div.sheet-competencesGenerales > div:not(:nth-last-of-type(2)) > div > label:not(:first-of-type),
div.sheet-competencesGenerales > .repcontainer > .repitem > div > label:not(:first-of-type),
div.sheet-competencesScolairesSortilege > div > div > label:not(:first-of-type),
div.sheet-competencesScolaires > div:not(:nth-last-of-type(2)) > div > label:not(:first-of-type),
div.sheet-competencesScolaires > .repcontainer > .repitem > div > label:not(:first-of-type),
div.sheet-competencesMoldus > div:not(:nth-last-of-type(2)) > div > label:not(:first-of-type),
div.sheet-competencesMoldus > .repcontainer > .repitem > div > label:not(:first-of-type),
div.sheet-competencesSorciers > div:not(:nth-last-of-type(2)) > div > label:not(:first-of-type),
div.sheet-competencesSorciers > .repcontainer > .repitem > div > label:not(:first-of-type)
{
border-top:1px solid black;
}
div.sheet-competencesGenerales > div:not(:nth-last-of-type(2)) > div > label > span,
div.sheet-competencesGenerales > .repcontainer > .repitem > div > label > span,
div.sheet-competencesScolairesSortilege > div > div > label > span,
div.sheet-competencesScolaires > div:not(:nth-last-of-type(2)) > div > label > span,
div.sheet-competencesScolaires > .repcontainer > .repitem > div > label > span,
div.sheet-competencesMoldus > div:not(:nth-last-of-type(2)) > div > label > span,
div.sheet-competencesMoldus > .repcontainer > .repitem > div > label > span,
div.sheet-competencesSorciers > div:not(:nth-last-of-type(2)) > div > label > span,
div.sheet-competencesSorciers > .repcontainer > .repitem > div > label > span
{
width:calc(100% - 150px - 20px - 2px);
background:white;
font-weight:bold;
font-size:13px;
padding-left:2px;
background:var(--fond);
}
div.sheet-competencesGenerales > div:not(:nth-last-of-type(2)) > div > label > input[type="number"],
div.sheet-competencesGenerales > .repcontainer > .repitem > div > label > input[type="number"],
div.sheet-competencesScolairesSortilege > div > div > label > input[type="number"],
div.sheet-competencesScolaires > div:not(:nth-last-of-type(2)) > div > label > input[type="number"],
div.sheet-competencesScolaires > .repcontainer > .repitem > div > label > input[type="number"],
div.sheet-competencesMoldus > div:not(:nth-last-of-type(2)) > div > label > input[type="number"],
div.sheet-competencesMoldus > .repcontainer > .repitem > div > label > input[type="number"],
div.sheet-competencesSorciers > div:not(:nth-last-of-type(2)) > div > label > input[type="number"],
div.sheet-competencesSorciers > .repcontainer > .repitem > div > label > input[type="number"]
{
width:170px;
background:white;
font-size:13px;
text-align:center;
border:0px;
border-radius:0px;
padding:0px;
border-left:1px solid black;
padding-right:20px;
}
div.sheet-competencesGenerales > div:not(:nth-last-of-type(2)) > div > label > input[type="number"][readonly],
div.sheet-competencesGenerales > .repcontainer > .repitem > div > label > input[type="number"][readonly],
div.sheet-competencesScolairesSortilege > div > div > label > input[type="number"][readonly],
div.sheet-competencesScolaires > div:not(:nth-last-of-type(2)) > div > label > input[type="number"][readonly],
div.sheet-competencesScolaires > .repcontainer > .repitem > div > label > input[type="number"][readonly],
div.sheet-competencesMoldus > div:not(:nth-last-of-type(2)) > div > label > input[type="number"][readonly],
div.sheet-competencesMoldus > .repcontainer > .repitem > div > label > input[type="number"][readonly],
div.sheet-competencesSorciers > div:not(:nth-last-of-type(2)) > div > label > input[type="number"][readonly],
div.sheet-competencesSorciers > .repcontainer > .repitem > div > label > input[type="number"][readonly]
{
cursor:context-menu;
}
input[type="hidden"].sheet-sangHidden[value="1"] ~ div.sheet-competencesMoldus,
input[type="hidden"].sheet-sangHidden[value="3"] ~ div.sheet-competencesSorciers
{
display:none;
}
input[type="hidden"].sheet-educationMixte[value="1"] ~ div.sheet-competencesMoldus,
input[type="hidden"].sheet-educationMixte[value="1"] ~ div.sheet-competencesSorciers
{
display:flex;
}
div.sheet-sortileges,
div.sheet-potions
{
width:100%;
flex-wrap:wrap;
background:var(--fond);
border:1px solid black;
justify-content:space-between;
border-radius:5px;
padding-bottom:5px;
}
div.sheet-sortileges > h3,
div.sheet-potions > h3
{
width: calc(100% - 52px);
justify-content: center;
font-size: 15px;
font-variant: small-caps;
line-height: 25px;
padding-left: 26px;
}
div.sheet-sortileges > label,
div.sheet-potions > label
{
width: 25px;
height: 25px;
margin-right: 1px;
}
div.sheet-sortileges > label > input[type="checkbox"],
div.sheet-potions > label > input[type="checkbox"]
{
position: absolute;
width: 25px;
height: 25px;
opacity: 0;
z-index: 99;
}
div.sheet-sortileges > label > input[type="checkbox"] ~ span::before,
div.sheet-potions > label > input[type="checkbox"] ~ span::before
{
content: "-";
width: 100%;
height: 25px;
font-family: pictos;
font-size: 27px;
line-height: 22px;
}
div.sheet-sortileges > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-potions > label > input[type="checkbox"]:checked ~ span::before
{
content: "+";
}
div.sheet-sortileges > input[type="hidden"][value="1"] ~ div,
div.sheet-potions > input[type="hidden"][value="1"] ~ div
{
display:none;
}
div.sheet-sortileges > div,
div.sheet-potions > div
{
width:100%;
justify-content:space-between;
}
div.sheet-sortileges > div:nth-of-type(1),
div.sheet-potions > div:nth-of-type(1)
{
border-bottom:2px solid black;
border-top:1px solid black;
}
div.sheet-sortileges > div > span,
div.sheet-potions > div > span
{
font-size: 14px;
font-weight: bold;
justify-content: center;
}
div.sheet-sortileges > div > span:nth-of-type(1)
{
width: calc(100% - 470px - 200px - 1px - 22px);
border-right:1px solid black;
}
div.sheet-sortileges > div > span:nth-of-type(2)
{
width:50px;
}
div.sheet-sortileges > div > span:nth-of-type(3)
{
width:58px;
border-right:1px solid black;
border-left:1px solid black;
}
div.sheet-sortileges > div > span:nth-of-type(4)
{
width:120px;
}
div.sheet-sortileges > div > span:nth-of-type(5)
{
width:118px;
border-right:1px solid black;
border-left:1px solid black;
}
div.sheet-sortileges > div > span:nth-of-type(6)
{
width:199px;
border-right:1px solid black;
}
div.sheet-sortileges > div > span:nth-of-type(7)
{
width:120px;
margin-right:22px;
}
div.sheet-sortileges > .repcontainer > .repitem:not(:first-of-type),
div.sheet-potions > .repcontainer > .repitem:not(:first-of-type)
{
border-top:1px solid black;
}
div.sheet-sortileges > .repcontainer > .repitem > input[type="text"],
div.sheet-sortileges > .repcontainer > .repitem > input[type="number"],
div.sheet-potions > .repcontainer > .repitem > input[type="text"],
div.sheet-potions > .repcontainer > .repitem > input[type="number"]
{
border:0px;
padding:0px;
background:white;
}
div.sheet-sortileges > .repcontainer > .repitem > input[type="text"]:nth-of-type(1)
{
width:calc(100% - 470px - 200px - 22px);
border-right:1px solid black;
padding-left:2px;
}
div.sheet-sortileges > .repcontainer > .repitem > input[type="number"]
{
width:50px;
text-align:center;
}
div.sheet-sortileges > .repcontainer > .repitem > input[type="text"]:nth-of-type(3)
{
width:60px;
border-right:1px solid black;
border-left:1px solid black;
text-align:center;
}
div.sheet-sortileges > .repcontainer > .repitem > input[type="text"]:nth-of-type(4)
{
width:120px;
text-align:center;
}
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(2)
{
width:118px;
border-right:1px solid black;
border-left:1px solid black;
}
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(2) > textarea,
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(2) > span,
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(3) > textarea,
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(3) > span,
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(4) > textarea,
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(4) > span
{
padding-left:2px;
padding-right:2px;
}
div.sheet-sortileges > .repcontainer > .repitem > div > textarea
{
width: calc(100% - 4px);
}
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(2) > textarea,
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(4) > textarea,
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(2) > span
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(4) > span
{
text-align: center;
}
div.sheet-sortileges > .repcontainer > .repitem > div > span
{
width: 100%;
}
div.sheet-sortileges > .repcontainer > .repitem > div > textarea,
div.sheet-potions > .repcontainer > .repitem > div > textarea
{
background:transparent;
}
div.sheet-sortileges > .repcontainer > .repitem > div,
div.sheet-potions > .repcontainer > .repitem > div
{
background:white;
}
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(3)
{
width:199px;
border-right:1px solid black;
}
div.sheet-sortileges > .repcontainer > .repitem > div:nth-of-type(4)
{
width:120px;
}
div.sheet-sortileges > .repcontainer > .repitem > button[type="roll"],
div.sheet-potions > .repcontainer > .repitem > button[type="roll"]
{
width:20px;
height:20px;
padding:0px;
margin:0px;
}
div.sheet-sortileges > .repcontainer > .repitem > button[type="roll"]::before,
div.sheet-potions > .repcontainer > .repitem > button[type="roll"]::before
{
content: "w";
font-family: pictos;
width: 20px;
line-height: 21px;
font-size: 20px;
display: flex;
justify-content: center;
padding-left: 1px;
}
div.sheet-sortileges > .repcontainer,
div.sheet-sortileges > .repcontainer > .repitem,
div.sheet-potions > .repcontainer,
div.sheet-potions > .repcontainer > .repitem
{
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-sortileges > .repcontainer > .repitem:last-of-type,
div.sheet-potions > .repcontainer > .repitem:last-of-type
{
border-bottom:1px solid black;
}
div.sheet-sortileges > .repcontainer > .repitem > .itemcontrol,
div.sheet-potions > .repcontainer > .repitem > .itemcontrol
{
border:0px;
}
div.sheet-sortileges > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-potions > .repcontainer > .repitem > .itemcontrol > .btn
{
border-radius:0px;
padding-top:0px;
padding-bottom:0px;
height:18px;
}
div.sheet-sortileges > .repcontainer > .repitem > .itemcontrol > a,
div.sheet-potions > .repcontainer > .repitem > .itemcontrol > a
{
margin-top:-2px;
}
div.sheet-sortileges > .repcontrol,
div.sheet-potions > .repcontrol
{
border-top:0px;
}
div.sheet-sortileges > .repcontrol > .btn,
div.sheet-potions > .repcontrol > .btn
{
padding-top:0px;
padding-bottom:0px;
border-radius:0px;
border-top:0px;
}
div.sheet-sortileges > .repcontrol > .btn:first-of-type,
div.sheet-potions > .repcontrol > .btn:first-of-type
{
border-right:0px;
}
div.sheet-sortileges > .repcontrol > .btn:last-of-type,
div.sheet-potions > .repcontrol > .btn:last-of-type
{
border-left:0px;
margin-top:-3px;
}
div.sheet-potions
{
margin-top:10px;
}
div.sheet-potions > div > span:nth-of-type(1)
{
width: calc(100% - 570px - 22px);
border-right: 1px solid black;
}
div.sheet-potions > div > span:nth-of-type(2)
{
width: 50px;
}
div.sheet-potions > div > span:nth-of-type(3)
{
width: 98px;
border-right:1px solid black;
border-left:1px solid black;
}
div.sheet-potions > div > span:nth-of-type(4)
{
width: 100px;
}
div.sheet-potions > div > span:nth-of-type(5)
{
width: 198px;
border-right:1px solid black;
border-left:1px solid black;
}
div.sheet-potions > div > span:nth-of-type(6)
{
width: 120px;
margin-right:22px;
}
div.sheet-potions > .repcontainer > .repitem > input[type="text"]:nth-of-type(1)
{
width:calc(100% - 570px - 22px);
border-right:1px solid black;
padding-left:2px;
}
div.sheet-potions > .repcontainer > .repitem > input[type="number"]
{
width:50px;
text-align:center;
}
div.sheet-potions > .repcontainer > .repitem > input[type="text"]:nth-of-type(3)
{
width:100px;
text-align:center;
border-right:1px solid black;
border-left:1px solid black;
}
div.sheet-potions > .repcontainer > .repitem > div:nth-of-type(2)
{
width:100px;
}
div.sheet-potions > .repcontainer > .repitem > div:nth-of-type(3)
{
width:198px;
border-right:1px solid black;
border-left:1px solid black;
}
div.sheet-potions > .repcontainer > .repitem > div:nth-of-type(4)
{
width:120px;
}
div.sheet-potions > .repcontainer > .repitem > div > textarea
{
padding-left:2px;
padding-right:2px;
width:calc(100% - 4px);
}
div.sheet-potions > .repcontainer > .repitem > div > span
{
padding-left:2px;
padding-right:2px;
width:100%;
}
div.sheet-potions > .repcontainer > .repitem > div:nth-of-type(2) > textarea,
div.sheet-potions > .repcontainer > .repitem > div:nth-of-type(3) > textarea
{
text-align:center;
}
div.sheet-potions > .repcontainer > .repitem > div:nth-of-type(2) > span,
div.sheet-potions > .repcontainer > .repitem > div:nth-of-type(3) > span
{
text-align:center;
}
div.sheet-potions > .repcontainer > .repitem > div:last-of-type > textarea
{
width: calc(100% - 4px);
text-align: center;
}
div.sheet-potions > .repcontainer > .repitem > div:last-of-type > span
{
width: 100%;
text-align: center;
}
div.sheet-inventaire
{
width: 100%;
flex-wrap: wrap;
background: var(--fond);
border: 1px solid black;
justify-content: space-between;
border-radius: 5px;
padding-bottom: 5px;
}
div.sheet-inventaire
{
width: 100%;
flex-wrap: wrap;
background: var(--fond);
border: 1px solid black;
justify-content: space-between;
border-radius: 5px;
padding-bottom: 5px;
margin-top:10px;
}
div.sheet-inventaire > h3,
div.sheet-baguette > h3,
div.sheet-balai > h3
{
width: calc(100% - 52px);
justify-content: center;
font-size: 15px;
font-variant: small-caps;
line-height: 25px;
padding-left: 26px;
}
div.sheet-inventaire > label,
div.sheet-baguette > label,
div.sheet-balai > label
{
width: 25px;
margin-right: 1px;
}
div.sheet-inventaire > label > input[type="checkbox"],
div.sheet-baguette > label > input[type="checkbox"],
div.sheet-balai > label > input[type="checkbox"]
{
position: absolute;
width: 25px;
height: 25px;
opacity: 0;
z-index: 99;
}
div.sheet-inventaire > label > input[type="checkbox"] ~ span::before,
div.sheet-baguette > label > input[type="checkbox"] ~ span::before,
div.sheet-balai > label > input[type="checkbox"] ~ span::before
{
content: "-";
width: 100%;
height: 25px;
font-family: pictos;
font-size: 27px;
line-height: 22px;
}
div.sheet-inventaire > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-baguette > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-balai > label > input[type="checkbox"]:checked ~ span::before
{
content: "+";
}
div.sheet-inventaire > input[type="hidden"][value="1"] ~ div,
div.sheet-baguette > input[type="hidden"][value="1"] ~ label:not(:first-of-type),
div.sheet-balai > input[type="hidden"][value="1"] ~ div
{
display:none;
}
div.sheet-baguette > input[type="hidden"][value="1"] ~ h3,
div.sheet-baguette > input[type="hidden"][value="1"] ~ label:first-of-type
{
border-bottom:1px;
}
div.sheet-inventaire > div
{
width: 100%;
justify-content: space-between;
}
div.sheet-inventaire > div:nth-of-type(1)
{
border-bottom: 2px solid black;
border-top: 1px solid black;
}
div.sheet-inventaire > div:nth-of-type(1) > span
{
font-size: 14px;
font-weight: bold;
justify-content: center;
}
div.sheet-inventaire > div:nth-of-type(1) > span:nth-of-type(1)
{
width: 199px;
border-right: 1px solid black;
}
div.sheet-inventaire > div:nth-of-type(1) > span:nth-of-type(2)
{
width: calc(100% - 200px);
}
div.sheet-inventaire > .repcontainer
{
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
div.sheet-inventaire > .repcontainer > .repitem
{
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
div.sheet-inventaire > .repcontainer > .repitem:last-of-type
{
border-bottom: 1px solid black;
}
div.sheet-inventaire > .repcontainer > .repitem:not(:first-of-type)
{
border-top: 1px solid black;
}
div.sheet-inventaire > .repcontainer > .repitem > input[type="text"]
{
width: 200px;
padding:0px;
border:0px;
border-right: 1px solid black;
padding-left: 2px;
background:white;
}
div.sheet-inventaire > .repcontainer > .repitem > div
{
width: calc(100% - 200px);
}
div.sheet-inventaire > .repcontainer > .itemcontrol
{
border:0px;
}
div.sheet-inventaire > .repcontainer > .itemcontrol > .btn
{
border-radius: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 18px;
}
div.sheet-inventaire > .repcontainer > .itemcontrol > a
{
margin-top:-2px;
}
div.sheet-inventaire > .repcontrol
{
border-top:0px;
}
div.sheet-inventaire > .repcontrol > .btn
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
border-top: 0px;
}
div.sheet-inventaire > .repcontrol > .btn:first-of-type
{
border-right: 0px;
}
div.sheet-inventaire > .repcontrol > .btn:last-of-type
{
border-left: 0px;
}
div.sheet-baguette,
div.sheet-balai
{
width: 100%;
flex-wrap: wrap;
background: var(--fond);
border: 1px solid black;
border-radius: 5px;
}
div.sheet-baguette > label:first-of-type
{
border-bottom: 1px solid black;
}
div.sheet-baguette > h3
{
border-bottom:1px solid black;
}
div.sheet-baguette > label:not(:first-of-type)
{
width:100%;
border-top:1px solid black;
justify-content:space-between;
}
div.sheet-baguette > label:last-of-type > span
{
border-bottom-left-radius:5px;
}
div.sheet-baguette > label:last-of-type > div,
div.sheet-baguette > label:last-of-type > div > textarea
{
border-bottom-right-radius:5px;
}
div.sheet-baguette > label:not(:first-of-type) > span
{
font-size: 14px;
font-weight: bold;
justify-content: left;
width:197px;
border-right:1px solid black;
padding-left:2px;
align-items:center;
}
div.sheet-baguette > label:not(:first-of-type) > div
{
width:calc(100% - 200px);
font-size:13px;
}
div.sheet-balai
{
margin-top:10px;
}
div.sheet-balai > div
{
width:100%;
justify-content:center;
border-top:1px solid black;
flex-wrap:wrap;
}
div.sheet-balai > div > label > span
{
width:100%;
justify-content:center;
border-bottom:2px solid black;
font-size: 14px;
font-weight: bold;
align-items: center;
}
div.sheet-balai > div > label > div
{
width:100%;
font-size:13px;
}
div.sheet-balai > div > label:first-of-type
{
width:199px;
flex-wrap:wrap;
border-right:1px solid black;
}
div.sheet-balai > div > label:nth-of-type(2)
{
width:calc(100% - 200px);
flex-wrap:wrap;
}
div.sheet-balai > div > label:last-of-type
{
width:100%;
border-top:2px solid black;
}
div.sheet-balai > div > label:last-of-type > span
{
width:198px;
border-right:1px solid black;
font-size: 14px;
font-weight: bold;
justify-content: left;
padding-left: 2px;
align-items: center;
border-bottom:0px;
}
div.sheet-balai > div > label:last-of-type > div
{
width:calc(100% - 200px);
border-bottom-right-radius:5px;
font-size:13px;
}
div.sheet-balai > div > label:last-of-type > div > textarea
{
border-bottom-right-radius:5px;
}
div.sheet-infoFamilier
{
width:calc(35% - 5px);
justify-content:space-between;
background:var(--fond);
padding-bottom:10px;
border-radius:5px;
flex-wrap:wrap;
border:1px solid black;
}
div.sheet-infoFamilier > h3,
div.sheet-caracSecFamilier > h3
{
width: 100%;
justify-content: center;
font-size: 15px;
font-variant: small-caps;
line-height: 25px;
border-bottom: 2px solid black;
}
div.sheet-infoFamilier > label,
div.sheet-caracSecFamilier > label
{
width:100%;
margin-left:10px;
margin-right:10px;
margin-top:5px;
}
div.sheet-infoFamilier > label:not(:last-of-type) > span,
div.sheet-caracSecFamilier > label > span
{
width: calc(35% - 2.5px);
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
}
div.sheet-infoFamilier > label:not(:last-of-type) > input[type="text"],
div.sheet-caracSecFamilier > label > input[type="number"]
{
width: calc(65% - 2.5px);
border: 0px;
border-bottom: 1px dashed black;
padding: 0px;
}
div.sheet-caracSecFamilier > label:not(:last-of-type) > div
{
width: calc(65% - 2.5px);
border: 0px;
border-bottom: 1px dashed black;
padding: 0px;
justify-content:space-between;
}
div.sheet-caracSecFamilier > label:not(:last-of-type) > div > input[type="number"]
{
width: calc(50% - 2.5px);
text-align:center;
border:0px;
padding:0px;
}
div.sheet-caracSecFamilier > label:not(:last-of-type) > div > span
{
width: 5px;
justify-content:center;
font-weight: bold;
font-size: 14px;
}
div.sheet-infoFamilier > label:last-of-type
{
flex-wrap:wrap;
}
div.sheet-infoFamilier > label:last-of-type > span
{
width: 100%;
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
justify-content:center;
}
div.sheet-infoFamilier > label:last-of-type > div
{
width: 100%;
font-size:13px;
}
div.sheet-caracSecFamilier
{
width:calc(35% - 5px);
justify-content:space-between;
background:var(--fond);
padding-bottom:5px;
border-radius:5px;
flex-wrap:wrap;
border:1px solid black;
}
div.sheet-caracSecFamilier > span
{
width: 100%;
font-variant: small-caps;
justify-content:center;
font-size: 14px;
font-weight: bold;
border-top:2px solid black;
margin-top:10px;
border-bottom:1px solid black;
}
div.sheet-caracSecFamilier > .repcontainer
{
justify-content:space-between;
width: 100%;
flex-wrap:wrap;
}
div.sheet-caracSecFamilier > .repcontainer > .repitem
{
justify-content:space-between;
width: 100%;
border-bottom:1px solid black;
}
div.sheet-caracSecFamilier > .repcontainer > .repitem > input[type="text"]
{
width: calc(100% - 50px - 20px);
padding: 0px;
border: 0px;
padding-left: 2px;
font-weight: bold;
border-right:1px solid black;
background:white;
}
div.sheet-caracSecFamilier > .repcontainer > .repitem > input[type="number"]
{
width: 50px;
padding: 0px;
border: 0px;
font-weight: bold;
text-align:center;
background:white;
}
div.sheet-caracSecFamilier > .repcontainer > .repitem > button[type="roll"]
{
width: 18px;
height: 18px;
margin: 0px;
padding: 0px;
}
div.sheet-caracSecFamilier > .repcontainer > .repitem > button[type="roll"]::before
{
display: flex;
font-family: dicefontd10;
content: "t";
width: 100%;
line-height: 15px;
margin: 0px;
padding: 0px;
justify-content: center;
}
div.sheet-caracSecFamilier > .repcontrol > .btn
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
border-top: 0px;
}
div.sheet-caracSecFamilier > .repcontrol > .btn:first-of-type
{
border-right:0px;
}
div.sheet-caracSecFamilier > .repcontrol > .btn:last-of-type
{
border-left:0px;
margin-top:-3px;
}
div.sheet-caracSecFamilier > .repcontainer > .repitem > .itemcontrol > .btn
{
border-radius: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 18px;
}
div.sheet-caracSecFamilier > .repcontainer > .repitem > .itemcontrol > a
{
margin-top:-2px;
}
div.sheet-competencesFamilier,
div.sheet-capacitesFamilier
{
width: calc(50% - 15px);
justify-content: space-between;
flex-wrap: wrap;
border-radius: 5px;
background: var(--fond);
border: 1px solid black;
padding-bottom: 5px;
margin-top:10px;
}
div.sheet-competencesFamilier > h3,
div.sheet-capacitesFamilier > h3
{
width: 100%;
justify-content: center;
font-size: 15px;
font-variant: small-caps;
line-height: 25px;
border-bottom: 1px solid black;
}
div.sheet-competencesFamilier > div:first-of-type
{
border-bottom:1px solid black;
}
div.sheet-competencesFamilier > div:first-of-type > span
{
font-size: 14px;
font-weight: bold;
justify-content: center;
}
div.sheet-competencesFamilier > div:first-of-type > span:first-of-type
{
width: calc(100% - 150px - 20px);
}
div.sheet-competencesFamilier > div:first-of-type > span:last-of-type
{
width: 149px;
border-left: 1px solid black;
margin-right: 20px;
}
div.sheet-competencesFamilier > div:not(:last-of-type):not(:first-of-type)
{
border-top:1px solid black;
}
div.sheet-competencesFamilier > div:not(:last-of-type)
{
width:100%;
justify-content:space-between;
}
div.sheet-competencesFamilier > div:not(:last-of-type) > input[type="text"],
div.sheet-competencesFamilier > .repcontainer > .repitem > input[type="text"]
{
width: calc(100% - 150px - 20px);
padding: 0px;
border: 0px;
padding-left: 2px;
font-weight: bold;
background:white;
cursor:initial;
}
div.sheet-competencesFamilier > div:not(:last-of-type) > input[type="number"],
div.sheet-competencesFamilier > .repcontainer > .repitem > input[type="number"]
{
width: 150px;
text-align: center;
padding: 0px;
border: 0px;
border-left: 1px solid black;
background:white;
}
div.sheet-competencesFamilier > div:not(:last-of-type) > button[type="roll"],
div.sheet-competencesFamilier > .repcontainer > .repitem > button[type="roll"]
{
width: 18px;
height: 18px;
margin: 0px;
padding: 0px;
}
div.sheet-competencesFamilier > div:not(:last-of-type) > button[type="roll"]::before,
div.sheet-competencesFamilier > .repcontainer > .repitem > button[type="roll"]::before
{
display: flex;
font-family: dicefontd10;
content: "t";
width: 100%;
line-height: 15px;
margin: 0px;
padding: 0px;
justify-content: center;
}
div.sheet-competencesFamilier > .repcontainer,
div.sheet-capacitesFamilier > .repcontainer,
div.sheet-capacitesFamilier > .repcontainer > .repitem
{
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-competencesFamilier > .repcontainer > .repitem
{
width:100%;
justify-content:space-between;
}
div.sheet-competencesFamilier > .repcontainer > .repitem
{
border-bottom:1px solid black;
}
div.sheet-competencesFamilier > .repcontrol > .btn,
div.sheet-capacitesFamilier > .repcontrol > .btn
{
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
border-top: 0px;
}
div.sheet-competencesFamilier > .repcontrol > .btn:first-of-type,
div.sheet-capacitesFamilier > .repcontrol > .btn:first-of-type
{
border-right:0px;
}
div.sheet-competencesFamilier > .repcontrol > .btn:last-of-type,
div.sheet-capacitesFamilier > .repcontrol > .btn:last-of-type
{
border-left:0px;
margin-top:-3px;
}
div.sheet-competencesFamilier > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-capacitesFamilier > .repcontainer > .repitem > .itemcontrol > .btn
{
border-radius: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 18px;
}
div.sheet-competencesFamilier > .repcontainer > .repitem > .itemcontrol > a,
div.sheet-capacitesFamilier > .repcontainer > .repitem > .itemcontrol > a
{
margin-top:-2px;
}
div.sheet-capacitesFamilier > .repcontainer > .repitem
{
border-bottom:1px solid black;
}
div.sheet-capacitesFamilier > .repcontainer > .repitem > input[type="text"]
{
width:calc(100% - 18px);
text-align:center;
padding:0px;
border:0px;
padding-left:18px;
background:white;
height:20px;
}
div.sheet-capacitesFamilier > .repcontainer > .repitem > label
{
height:18px;
width:18px;
}
div.sheet-capacitesFamilier > .repcontainer > .repitem > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
z-index: 99;
}
div.sheet-capacitesFamilier > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before
{
display: flex;
content: ']';
color: black;
font-size: 20px;
font-weight: bold;
font-family: pictos;
transform: rotate(90deg);
height: 18px;
width: 18px;
transition: all 2s;
}
div.sheet-capacitesFamilier > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before
{
transform: rotate(270deg);
}
div.sheet-capacitesFamilier > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div
{
display:flex;
}
div.sheet-capacitesFamilier > .repcontainer > .repitem > div
{
display:none;
width:100%;
background:white;
border-top:1px solid black;
}
div.sheet-capacitesFamilier > .repcontainer > .repitem > .itemcontrol
{
border-top:0px;
z-index:100;
}
div.sheet-top
{
width:calc(100% - 27px);
}
div.sheet-top > img
{
height: 82px;
margin:auto;
}
div.sheet-modificateur
{
width: 100%;
background: var(--fond);
border: 1px solid black;
border-radius: 5px;
flex-wrap: wrap;
padding: 5px;
min-width: 295px;
margin-right: 5px;
margin-top: 10px;
}
div.sheet-modificateur > label
{
justify-content:space-between;
border-top:1px solid black;
border-bottom:1px solid black;
background:white;
}
div.sheet-modificateur > label:first-of-type
{
width:calc(32% - 3px);
border-left:1px solid black;
}
div.sheet-modificateur > label:last-of-type
{
width:calc(32% - 3px);
border-right:1px solid black;
}
div.sheet-modificateur > label:nth-of-type(2)
{
width:36%;
border-right:2px solid black;
border-left:2px solid black;
}
div.sheet-modificateur > label > span
{
width:calc(100% - 72px);
border-right:1px solid black;
font-size:13px;
padding-left:2px;
}
div.sheet-modificateur > label > input[type="number"],
div.sheet-modificateur > label > select
{
width:70px;
padding:0px;
text-align:center;
border:0px;
height:19px;
}
div.sheet-modificateur > label > select
{
padding-left:15px;
}
div.sheet-notes
{
width:calc(50% - 23px);
flex-wrap:wrap;
background:var(--fond);
border-radius:5px;
border:1px solid black;
margin-top:10px;
padding-top:5px;
padding-bottom:5px;
}
div.sheet-notes > h3
{
width: 100%;
justify-content: center;
font-size: 15px;
font-variant: small-caps;
line-height: 15px;
border-bottom: 2px solid black;
}
div.sheet-notes > .repcontainer,
div.sheet-notes > .repcontainer > .repitem
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
background:white;
}
div.sheet-notes > .repcontainer > .repitem > div
{
width:100%;
font-size:14px;
border-bottom:1px solid black;
background:white;
}
div.sheet-notes > .repcontainer > .repitem:not(:first-of-type)
{
border-top:5px double black;
}
div.sheet-notes > div.repcontrol > .btn
{
border-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-radius: 0px;
}
div.sheet-notes > div.repcontrol > .btn:first-of-type
{
border-right: 0px;
}
div.sheet-notes > div.repcontrol > .btn:last-of-type
{
border-left: 0px;
margin-top:-2px;
}
div.sheet-notes > .repcontainer > .repitem > .itemcontrol
{
z-index:99;
}
div.sheet-notes > .repcontainer > .repitem > .itemcontrol > .btn
{
border-radius: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 18px;
}
div.sheet-notes > .repcontainer > .repitem > .itemcontrol > a
{
margin-top:-3px;
}
.sheet-rolltemplate-base,
.sheet-rolltemplate-info
{
display: flex;
width:100%;
border-radius:5px;
border:1px solid black;
flex-wrap:wrap;
background:RGB(221, 217, 195);
}
.sheet-rolltemplate-base > h3,
.sheet-rolltemplate-info > h3
{
display:flex;
width: 100%;
justify-content: center;
font-size: 14px;
font-variant: small-caps;
line-height: 25px;
border-bottom:1px solid black;
font-family:"Cambria";
text-align:center;
}
.sheet-rolltemplate-base > div,
.sheet-rolltemplate-info > div
{
display:flex;
width: 100%;
justify-content: space-between;
font-family:"Cambria";
}
.sheet-rolltemplate-base > div:not(:last-of-type),
.sheet-rolltemplate-info > div
{
border-bottom:1px solid black;
}
.sheet-rolltemplate-base > div > span,
.sheet-rolltemplate-info > div.sheet-demi > span
{
width: 50%;
display:flex;
font-family:"Cambria";
}
.sheet-rolltemplate-base > div > span:first-of-type,
.sheet-rolltemplate-info > div.sheet-demi > span:first-of-type
{
padding-left:2px;
border-right:1px solid black;
font-size:14px;
}
.sheet-rolltemplate-info > div.sheet-demi > span:last-of-type
{
font-size:14px;
justify-content:center;
}
.sheet-rolltemplate-info > div.sheet-full
{
display:flex;
width:100%;
flex-wrap:wrap;
}
.sheet-rolltemplate-info > div.sheet-full > h4,
.sheet-rolltemplate-info > h4
{
font-size:14px;
justify-content:center;
display:flex;
width:100%;
}
.sheet-rolltemplate-info > h4
{
font-family:"Cambria";
}
.sheet-rolltemplate-info > div.sheet-full > span
{
font-size:14px;
justify-content:center;
display:flex;
width:100%;
text-align:center;
word-wrap:anywhere;
}
.sheet-rolltemplate-info > div.sheet-centrer
{
display:flex;
width:100%;
}
.sheet-rolltemplate-info > div.sheet-centrer > span
{
display:flex;
width:100%;
justify-content:center;
font-weight:bold;
word-wrap:anywhere;
text-align:center;
}
.sheet-rolltemplate-info > span
{
padding-left:2px;
padding-right:2px;
width:100%;
display:flex;
text-align:justify;
word-wrap:anywhere;
}
.sheet-rolltemplate-base > div:first-of-type > span:first-of-type
{
font-weight:bold;
}
.sheet-rolltemplate-base > div > span:last-of-type
{
justify-content:center;
}
.sheet-rolltemplate-base > div:nth-of-type(2) > span:last-of-type > span
{
font-weight:normal;
}
.sheet-rolltemplate-base > div:nth-of-type(3) > span
{
width:100%;
font-size:15px;
font-weight:bold;
justify-content:center;
border:0px;
}
.sheet-rolltemplate-base .sheet-green,
.sheet-rolltemplate-info .sheet-green
{
color:green;
}
.sheet-rolltemplate-base .sheet-red,
.sheet-rolltemplate-info .sheet-red
{
color:red;
}
.sheet-rolltemplate-base .inlinerollresult,
.sheet-rolltemplate-info .inlinerollresult
{
display: flex;
border: 0px;
padding:0px;
background:none;
font-family:"Cambria";
}
.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-info .inlinerollresult.fullcrit
{
border: 0px;
padding:0px;
color:green;
background:none;
}
.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-info .inlinerollresult.fullfail
{
border: 0px;
padding:0px;
color:red;
}
.sheet-rolltemplate-test .inlinerollresult.importantroll,
.sheet-rolltemplate-info .inlinerollresult.importantroll
{
border: 0px;
padding:0px;
background:none;
}