mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
2665 lines
48 KiB
CSS
2665 lines
48 KiB
CSS
.charsheet
|
|
{
|
|
font-family:"Alverata Irregular PE", "Segoe UI", Arial;
|
|
justify-content:space-between;
|
|
color:RGB(111,091,115);
|
|
--sombre: RGB(216,212,211);
|
|
--clair: RGB(236, 233, 233);
|
|
min-width:800px;
|
|
}
|
|
|
|
.itemcontrol
|
|
{
|
|
z-index:2;
|
|
}
|
|
|
|
.btn
|
|
{
|
|
border-radius:0px;
|
|
}
|
|
|
|
div,
|
|
span,
|
|
input[type="number"],
|
|
input[type="text"],
|
|
textarea,
|
|
select,
|
|
h1,
|
|
h2,
|
|
label,
|
|
button[type="roll"],
|
|
button[type="action"],
|
|
b
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div,
|
|
span,
|
|
input[type="number"],
|
|
input[type="text"],
|
|
textarea,
|
|
select,
|
|
h1,
|
|
h2,
|
|
label
|
|
b
|
|
{
|
|
color:RGB(111,091,115);
|
|
}
|
|
|
|
|
|
label
|
|
{
|
|
padding:0px;
|
|
margin: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;
|
|
margin:0px;
|
|
}
|
|
|
|
.repcontrol
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-direction:row-reverse;
|
|
}
|
|
|
|
.repcontrol > .btn
|
|
{
|
|
padding-bottom:0px;
|
|
border-radius:0px;
|
|
border:1px solid var(--sombre);
|
|
padding-top:0px;
|
|
}
|
|
|
|
div.sheet-autoex
|
|
{
|
|
line-height: 1.4em;
|
|
min-height: 1.4em;
|
|
cursor: text;
|
|
text-align: left;
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-autoex > span
|
|
{
|
|
visibility: hidden;
|
|
display: block;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
text-align: inherit;
|
|
min-height: inherit;
|
|
height:100%;
|
|
word-wrap:anywhere;
|
|
padding-left:2px;
|
|
padding-right:2px;
|
|
}
|
|
|
|
div.sheet-autoex > textarea
|
|
{
|
|
display: block;
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: calc(100% - 4px);;
|
|
overflow: hidden;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
text-align: inherit;
|
|
min-height: inherit;
|
|
resize: none;
|
|
margin:0px;
|
|
padding-left:2px;
|
|
padding-right:2px;
|
|
}
|
|
|
|
div.sheet-autoex > textarea::placeholder
|
|
{
|
|
font-family:"Contrail One";
|
|
color: #575957da;
|
|
text-transform: capitalize;
|
|
font-style: italic;
|
|
text-align: center;
|
|
font-size: 95%;
|
|
font-weight:normal;
|
|
}
|
|
|
|
div.sheet-autoex22
|
|
{
|
|
min-height:22px;
|
|
}
|
|
|
|
div.sheet-autoex24
|
|
{
|
|
min-height:24px;
|
|
}
|
|
|
|
div.sheet-autoex26
|
|
{
|
|
min-height:26px;
|
|
}
|
|
|
|
div.sheet-autoex28
|
|
{
|
|
min-height:28px;
|
|
}
|
|
|
|
div.sheet-autoex40
|
|
{
|
|
min-height:40px;
|
|
}
|
|
|
|
div.sheet-autoex100
|
|
{
|
|
min-height:100px;
|
|
}
|
|
|
|
.sheet-fichePJ,
|
|
.sheet-ficheCreature
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
div.sheet-container
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-container > input[type="hidden"]:first-of-type[value="1"] ~ div .sheet-fichePJ,
|
|
div.sheet-container > input[type="hidden"]:first-of-type[value="2"] ~ div .sheet-ficheCreature
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-container > input[type="hidden"]:last-of-type[value="1"] ~ div.sheet-tab1,
|
|
div.sheet-container > input[type="hidden"]:last-of-type[value="2"] ~ div.sheet-tab2,
|
|
div.sheet-container > input[type="hidden"]:last-of-type[value="3"] ~ div.sheet-tab3,
|
|
div.sheet-container > input[type="hidden"]:last-of-type[value="4"] ~ div.sheet-tab4,
|
|
div.sheet-container > input[type="hidden"]:last-of-type[value="5"] ~ div.sheet-tab5
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-options
|
|
{
|
|
width:100%;
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
div.sheet-options > label
|
|
{
|
|
width:23px;
|
|
height:23px;
|
|
}
|
|
|
|
div.sheet-options > div:first-of-type
|
|
{
|
|
display:none;
|
|
position: inherit;
|
|
width: 300px;
|
|
height: max-content;
|
|
padding: 5px;
|
|
background: var(--clair);
|
|
border: 2px solid var(--sombre);
|
|
margin-top: 22px;
|
|
z-index: 99;
|
|
margin-left: auto;
|
|
margin-right: -168px;
|
|
align-content:flex-start;
|
|
align-items:flex-start;
|
|
margin-bottom:-78px;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-options > div:first-of-type > label:not(:first-of-type)
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-options > input[type="hidden"][value="1"] ~ div:first-of-type
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-options > input[type="hidden"][value="1"] ~ div:last-of-type
|
|
{
|
|
margin-left:0px;
|
|
}
|
|
|
|
div.sheet-options > label > input[type="checkbox"]
|
|
{
|
|
position: absolute;
|
|
width: 23px;
|
|
height: 23px;
|
|
opacity: 0;
|
|
z-index: 200;
|
|
}
|
|
|
|
div.sheet-options > label > input[type="checkbox"] ~ span,
|
|
div.sheet-options > div:last-of-type > label > span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-options > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
content: "y";
|
|
font-family: "Pictos";
|
|
width: 100%;
|
|
font-size:25px;
|
|
opacity:0.5;
|
|
line-height: 22px;
|
|
}
|
|
|
|
div.sheet-options > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
opacity:1;
|
|
}
|
|
|
|
div.sheet-options > div:first-of-type > label
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-options > div:first-of-type > label > span
|
|
{
|
|
width:50%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
}
|
|
|
|
div.sheet-options > div:first-of-type > label > select
|
|
{
|
|
width: 50%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: white;
|
|
font-size: 14px;
|
|
font-weight: 505;
|
|
height: 30px;
|
|
align-self:center;
|
|
}
|
|
|
|
div.sheet-options > div:last-of-type
|
|
{
|
|
width: 125px;
|
|
height:30px;
|
|
margin-left:auto;
|
|
margin-right:20px;
|
|
}
|
|
|
|
div.sheet-options > div:last-of-type > input[type="hidden"][value="2"] ~ label:nth-of-type(1),
|
|
div.sheet-options > div:last-of-type > input[type="hidden"][value="1"] ~ label:nth-of-type(2)
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-options > div:last-of-type > label
|
|
{
|
|
display:none;
|
|
width:100%;
|
|
height:30px;
|
|
}
|
|
|
|
div.sheet-options > div:last-of-type > label > input[type="radio"]
|
|
{
|
|
position:absolute;
|
|
width:125px;
|
|
height:30px;
|
|
opacity:0;
|
|
}
|
|
|
|
div.sheet-options > div:last-of-type > label > span::before
|
|
{
|
|
display:flex;
|
|
content:attr(title);
|
|
font-size:20px;
|
|
line-height: 26px;
|
|
width:100%;
|
|
justify-content:center;
|
|
background:var(--clair);
|
|
border:2px solid var(--sombre);
|
|
}
|
|
|
|
label.sheet-personnage
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc(40% - 5px - 15px);
|
|
border:3px groove var(--sombre);
|
|
padding:5px;
|
|
align-content:flex-start;
|
|
}
|
|
|
|
label.sheet-personnage > span,
|
|
div.sheet-details > label > span,
|
|
div.sheet-details > div > span
|
|
{
|
|
width:100%;
|
|
font-weight:505;
|
|
font-variant:small-caps;
|
|
font-size:16px;
|
|
}
|
|
|
|
label.sheet-personnage > input[type="text"]
|
|
{
|
|
width:100%;
|
|
padding:0px;
|
|
border:0px;
|
|
font-size:16px;
|
|
}
|
|
|
|
div.sheet-details
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc(60% - 5px - 15px);
|
|
border:3px groove var(--sombre);
|
|
padding:5px;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-details > label,
|
|
div.sheet-details > div
|
|
{
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-details > label:nth-of-type(1)
|
|
{
|
|
width:calc(100% - 100px - 10px);
|
|
}
|
|
|
|
div.sheet-details > label:nth-of-type(2),
|
|
div.sheet-details > label:nth-of-type(3)
|
|
{
|
|
width:100px;
|
|
}
|
|
|
|
div.sheet-details > label:nth-of-type(4),
|
|
div.sheet-details > label:nth-of-type(5),
|
|
div.sheet-details > div
|
|
{
|
|
width:calc((100% / 3) - 10px);
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-details > label:nth-of-type(3) > input[type="text"]
|
|
{
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-details > label > input[type="text"],
|
|
div.sheet-details > label > input[type="number"]
|
|
{
|
|
width:100%;
|
|
padding:0px;
|
|
border:0px;
|
|
font-size:16px;
|
|
border-bottom:2px solid var(--clair)
|
|
}
|
|
|
|
div.sheet-details > label > input[type="number"]
|
|
{
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-details > div > div
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-details > div > div > input[type="number"]
|
|
{
|
|
width:calc(50% - 5px);
|
|
text-align:center;
|
|
border:0px;
|
|
padding:0px;
|
|
font-size:16px;
|
|
border-bottom:2px solid var(--clair);
|
|
}
|
|
|
|
div.sheet-details > div > div > span
|
|
{
|
|
width:5px;
|
|
font-weight:bold;
|
|
font-size:14px;
|
|
}
|
|
|
|
div.sheet-menu
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-menu > label
|
|
{
|
|
width:calc((100% / 5) - 10px);
|
|
}
|
|
|
|
div.sheet-menu > label > input[type="radio"]
|
|
{
|
|
position:absolute;
|
|
width:calc((100% / 5) - 22px);
|
|
opacity:0;
|
|
height:29px;
|
|
min-width:150px;
|
|
}
|
|
|
|
div.sheet-menu > label > input[type="radio"] ~ span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-menu > label > input[type="radio"] ~ span::before
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
background:var(--clair);
|
|
border:2px solid var(--sombre);
|
|
content:attr(title);
|
|
font-size:18px;
|
|
line-height:25px;
|
|
justify-content:center;
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
div.sheet-menu > label > input[type="radio"]:checked ~ span::before
|
|
{
|
|
background:var(--sombre);
|
|
}
|
|
|
|
div.sheet-tab1,
|
|
div.sheet-tab2,
|
|
div.sheet-tab3,
|
|
div.sheet-tab4,
|
|
div.sheet-tab5
|
|
{
|
|
display:none;
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
align-items:flex-start;
|
|
}
|
|
|
|
div.sheet-caracteristiques
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc((100% / 4) - 30px);
|
|
justify-content:space-between;
|
|
align-content:flex-start;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div
|
|
{
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
justify-content:space-between;
|
|
border:3px groove var(--sombre);
|
|
padding:5px;
|
|
min-height:102px;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > button[type="roll"]
|
|
{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: transparent;
|
|
font-size: 28px;
|
|
box-shadow: none;
|
|
line-height: 25px;
|
|
width: 100%;
|
|
z-index: 999;
|
|
color: RGB(111,091,115);
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > button[type="roll"]:hover
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > button[type="roll"]:hover > h1
|
|
{
|
|
margin-left:-0.5px;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > button > h1
|
|
{
|
|
width:calc(100% - 25px);
|
|
font-weight:505;
|
|
text-transform:uppercase;
|
|
font-size:18px;
|
|
height:25px;
|
|
line-height:25px;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > input[type="number"]
|
|
{
|
|
width: calc(100% - 50px);
|
|
font-size: 50px;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 45px;
|
|
margin-bottom:20px;
|
|
z-index:100;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > div
|
|
{
|
|
position:absolute;
|
|
width:calc((100% / 4) - 25px);
|
|
align-content:flex-start;
|
|
min-width:190px;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > div:nth-of-type(1)
|
|
{
|
|
z-index:99;
|
|
margin-top:15px;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > div:nth-of-type(2)
|
|
{
|
|
margin-top:65px;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > div > label
|
|
{
|
|
width: 50px;
|
|
height: 45px;
|
|
border: 5px solid var(--clair);
|
|
border-radius: 50px;
|
|
margin-left: auto;
|
|
background:white;
|
|
flex-wrap:wrap;
|
|
align-content:flex-start;
|
|
padding-top:5px;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > div > label > span
|
|
{
|
|
width: 100%;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > div > label > input[type="number"]
|
|
{
|
|
width:100%;
|
|
font-size:20px;
|
|
text-align:center;
|
|
border:0px;
|
|
padding:0px;
|
|
background:transparent;
|
|
height:25px;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > label:last-of-type
|
|
{
|
|
width: 26px;
|
|
height: 26px;
|
|
margin-left: auto;
|
|
margin-right: 30px;
|
|
margin-top:auto;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > label:last-of-type > input[type="checkbox"]
|
|
{
|
|
width:26px;
|
|
height:26px;
|
|
position:absolute;
|
|
opacity:0;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > label:last-of-type > input[type="checkbox"] ~ span::before
|
|
{
|
|
content: "";
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 3px solid var(--clair);
|
|
font-size: 30px;
|
|
font-weight: normal;
|
|
justify-content: center;
|
|
display: flex;
|
|
}
|
|
|
|
div.sheet-caracteristiques > div > label:last-of-type > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
content:"X";
|
|
}
|
|
|
|
div.sheet-col2
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc((100% / 4) + 20px);
|
|
justify-content:space-between;
|
|
margin-left:25px;
|
|
}
|
|
|
|
div.sheet-derive,
|
|
div.sheet-competences
|
|
{
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
justify-content:space-between;
|
|
align-content:flex-start;
|
|
}
|
|
|
|
div.sheet-derive > label,
|
|
div.sheet-derive > div
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-derive > div > button[type="roll"]
|
|
{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: transparent;
|
|
font-size: 28px;
|
|
box-shadow: none;
|
|
line-height: 25px;
|
|
z-index: 999;
|
|
color: RGB(111,091,115);
|
|
}
|
|
|
|
div.sheet-derive > div > button[type="roll"]:hover
|
|
{
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-derive > div > button[type="roll"]::before
|
|
{
|
|
content:"";
|
|
}
|
|
|
|
div.sheet-derive > div > button[type="roll"]::after
|
|
{
|
|
content:"t";
|
|
font-family:"dicefontd20";
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
div.sheet-derive > label > h1
|
|
{
|
|
width: calc(100% - 60px);
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items:center;
|
|
line-height:20px;
|
|
padding-left:20px;
|
|
}
|
|
|
|
div.sheet-derive > div > button > h1
|
|
{
|
|
width:100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items:center;
|
|
line-height:20px;
|
|
padding-left:20px;
|
|
}
|
|
|
|
div.sheet-derive > label > input[type="number"],
|
|
div.sheet-derive > div > input[type="number"]
|
|
{
|
|
width: 50px;
|
|
height:50px;
|
|
border:5px solid var(--clair);
|
|
border-radius:50px;
|
|
background:white;
|
|
padding:0px;
|
|
text-align:center;
|
|
font-size:20px;
|
|
}
|
|
|
|
div.sheet-vitesse
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-vitesse > h1
|
|
{
|
|
width:100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items:center;
|
|
line-height:20px;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-vitesse > input[type="text"]
|
|
{
|
|
width:100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
border-bottom: 2px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-competences
|
|
{
|
|
background:var(--clair);
|
|
padding-bottom:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-competences > h1,
|
|
div.sheet-sante > h1
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items:center;
|
|
}
|
|
|
|
div.sheet-competences > div
|
|
{
|
|
width: 100%;
|
|
justify-content:space-between;
|
|
line-height:25px;
|
|
}
|
|
|
|
div.sheet-competences > div:not(:first-of-type)
|
|
{
|
|
margin-top:2px;
|
|
}
|
|
|
|
div.sheet-competences > div > label
|
|
{
|
|
width:13px;
|
|
height:13px;
|
|
margin-top:auto;
|
|
margin-bottom:auto;
|
|
}
|
|
|
|
div.sheet-competences > div > label > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width:13px;
|
|
height:13px;
|
|
opacity:0;
|
|
}
|
|
|
|
div.sheet-competences > div > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
content:"";
|
|
width:13px;
|
|
height:13px;
|
|
background:white;
|
|
font-family:pictos;
|
|
}
|
|
|
|
div.sheet-competences > div > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
content:"3";
|
|
}
|
|
|
|
div.sheet-competences > div > button[type="roll"]
|
|
{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: transparent;
|
|
font-size: 14px;
|
|
box-shadow: none;
|
|
line-height: 25px;
|
|
width: calc(100% - 40px - 13px - 10px);
|
|
z-index: 999;
|
|
color: RGB(111,091,115);
|
|
}
|
|
|
|
div.sheet-competences > div > button[type="roll"]:hover
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.sheet-competences > div > button[type="roll"]:hover > span
|
|
{
|
|
margin-left:-0.5px;
|
|
}
|
|
|
|
div.sheet-competences > div > button[type="roll"] > span
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items:center;
|
|
padding-left:3px;
|
|
}
|
|
|
|
div.sheet-competences > div > input[type="number"]
|
|
{
|
|
width: 40px;
|
|
text-align:center;
|
|
border:0px;
|
|
padding:0px;
|
|
background:white;
|
|
font-size:16px;
|
|
font-weight:505;
|
|
}
|
|
|
|
div.sheet-col3
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc((100% / 2) - 20px - 5px - 20px);
|
|
align-content:flex-start;
|
|
justify-content:space-between;
|
|
align-items:flex-start;
|
|
}
|
|
|
|
div.sheet-informations
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
padding:5px;
|
|
border: 3px groove var(--sombre);
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-informations > label:nth-of-type(1),
|
|
div.sheet-informations > label:nth-of-type(2),
|
|
div.sheet-informations > label:nth-of-type(3),
|
|
div.sheet-informations > label:nth-of-type(4)
|
|
{
|
|
width:calc((100% / 4) - 2px);
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-informations > label:nth-of-type(5),
|
|
div.sheet-informations > label:nth-of-type(6)
|
|
{
|
|
margin-top:5px;
|
|
width:calc((100% / 2) - 2px);
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-informations > div
|
|
{
|
|
margin-top:5px;
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-informations > div > div
|
|
{
|
|
border-bottom: 2px solid var(--clair);
|
|
border-left: 2px solid var(--clair);
|
|
border-right: 2px solid var(--clair);
|
|
}
|
|
|
|
div.sheet-informations > label > span,
|
|
div.sheet-informations > div > span
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 16px;
|
|
}
|
|
|
|
div.sheet-informations > label > input[type="text"]
|
|
{
|
|
width: 100%;
|
|
padding: 0px;
|
|
border: 0px;
|
|
font-size: 16px;
|
|
border-bottom: 2px solid var(--clair);
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-sante
|
|
{
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
background:var(--clair);
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
padding-bottom:10px;
|
|
justify-content:space-between;
|
|
align-content:flex-start;
|
|
align-self:flex-start;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-sante > h1
|
|
{
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-sante > label
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc((100% / 2) - 5px);
|
|
justify-content:space-between;
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-sante > div:first-of-type
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc((100% / 2) - 5px);
|
|
justify-content:center;
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-sante > div:first-of-type > button[type="roll"]
|
|
{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: transparent;
|
|
font-size: 14px;
|
|
box-shadow: none;
|
|
line-height: 18px;
|
|
z-index: 999;
|
|
color: RGB(111,091,115);
|
|
}
|
|
|
|
div.sheet-sante > div:first-of-type > button[type="roll"]::before
|
|
{
|
|
margin-right:1px;
|
|
}
|
|
|
|
div.sheet-sante > div:first-of-type > button[type="roll"]:hover
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.sheet-sante > div:first-of-type > button[type="roll"]:hover > span
|
|
{
|
|
margin-left:-0.5px;
|
|
}
|
|
|
|
div.sheet-sante > label > span,
|
|
div.sheet-sante > div > span,
|
|
div.sheet-sante > div:first-of-type > button > span
|
|
{
|
|
width:100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items:center;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-sante > label > input[type="number"],
|
|
div.sheet-sante > label > input[type="text"],
|
|
div.sheet-sante > div > input[type="text"]
|
|
{
|
|
width:100%;
|
|
text-align:center;
|
|
border:0px;
|
|
padding:0px;
|
|
background:white;
|
|
font-size:20px;
|
|
font-weight:505;
|
|
height:30px;
|
|
}
|
|
|
|
div.sheet-sante > div:last-of-type
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-sante > div:last-of-type > div
|
|
{
|
|
width:calc((100% / 2) - 5px);
|
|
justify-content:left;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-sante > div:last-of-type > div > span
|
|
{
|
|
width:60px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
}
|
|
|
|
div.sheet-sante > div:last-of-type > div > label
|
|
{
|
|
width:13px;
|
|
height:13px;
|
|
margin-top:auto;
|
|
margin-bottom:auto;
|
|
margin-right:5px;
|
|
}
|
|
|
|
div.sheet-sante > div:last-of-type > div > label > input[type="checkbox"]
|
|
{
|
|
position: absolute;
|
|
width: 13px;
|
|
height: 13px;
|
|
opacity: 0;
|
|
}
|
|
|
|
div.sheet-sante > div:last-of-type > div > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
content: "";
|
|
width: 13px;
|
|
height: 13px;
|
|
background: white;
|
|
font-family: pictos;
|
|
}
|
|
|
|
div.sheet-sante > div:last-of-type > div > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
content: "3";
|
|
width: 13px;
|
|
height: 13px;
|
|
background: white;
|
|
font-family: pictos;
|
|
}
|
|
|
|
div.sheet-historique,
|
|
div.sheet-capacites
|
|
{
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
width:100%;
|
|
border: 3px groove var(--sombre);
|
|
padding:5px;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-historique > h1,
|
|
div.sheet-capacites > h1,
|
|
div.sheet-langues > h1
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items: center;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-historique > span
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-top:1px solid var(--sombre);
|
|
border-right:1px solid var(--sombre);
|
|
border-left:1px solid var(--sombre);
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-historique > div
|
|
{
|
|
border-bottom:1px solid var(--sombre);
|
|
border-right:1px solid var(--sombre);
|
|
border-left:1px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-historique > input[type="text"]
|
|
{
|
|
width: 100%;
|
|
border:0px;
|
|
padding:0px;
|
|
text-align:center;
|
|
border-bottom: 2px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer,
|
|
div.sheet-capacites > .repcontainer > .repitem
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer > .repitem:not(:last-of-type)
|
|
{
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer > .repitem > label
|
|
{
|
|
width:23px;
|
|
height:23px;
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer > .repitem > label > input[type="checkbox"]
|
|
{
|
|
position: absolute;
|
|
width: 23px;
|
|
height: 23px;
|
|
opacity: 0;
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
content: "+";
|
|
width: 21px;
|
|
height: 21px;
|
|
background: var(--clair);
|
|
justify-content: center;
|
|
line-height: 21px;
|
|
display: flex;
|
|
border: 1px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
content: "-";
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer > .repitem > input[type="text"]
|
|
{
|
|
width:calc(100% - 23px);
|
|
text-align:center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
border-bottom: 2px solid var(--sombre);
|
|
padding-right:23px;
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer > .repitem > div
|
|
{
|
|
display:none;
|
|
border-bottom: 1px solid var(--sombre);
|
|
border-right: 1px solid var(--sombre);
|
|
border-left: 1px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-capacites > .repcontainer > .repitem > .itemcontrol > .btn
|
|
{
|
|
padding-top: 2px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
div.sheet-langues
|
|
{
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
width:100%;
|
|
padding:5px;
|
|
margin-top:5px;
|
|
background:var(--clair);
|
|
}
|
|
|
|
div.sheet-langues > h1
|
|
{
|
|
line-height:20px;
|
|
}
|
|
|
|
div.sheet-langues > .repcontainer,
|
|
div.sheet-langues > .repcontainer > .repitem
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-langues > .repcontainer
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-langues > .repcontainer > .repitem:not(:first-of-type)
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-langues > .repcontainer > .repitem > input[type="text"]
|
|
{
|
|
width: 100%;
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: white;
|
|
font-size: 12px;
|
|
font-weight: 505;
|
|
height: 28px;
|
|
}
|
|
|
|
div.sheet-equipement
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc(60% - 5px);
|
|
justify-content:space-evenly;
|
|
border: 3px groove var(--sombre);
|
|
padding:5px;
|
|
align-content:flex-start;
|
|
min-height:260px;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-equipement > h1
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items: center;
|
|
line-height: 20px;
|
|
}
|
|
|
|
div.sheet-equipement > input[type="hidden"][value="1"] ~ div:first-of-type,
|
|
div.sheet-equipement > input[type="hidden"][value="1"] ~ .repcontainer > .repitem > input[type="number"]
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-equipement > input[type="hidden"][value="1"] ~ .repcontainer > .repitem > input[type="text"]
|
|
{
|
|
width:calc(100% - 55px);
|
|
}
|
|
|
|
div.sheet-equipement > input[type="hidden"][value="0"] ~ .repcontainer > .repitem > input[type="text"]
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-equipement > div:first-of-type
|
|
{
|
|
width: calc(100% - 30px);
|
|
justify-content:space-between;
|
|
border:1px solid var(--sombre);
|
|
margin-top:5px;
|
|
margin-right:30px;
|
|
display:none;
|
|
}
|
|
|
|
div.sheet-equipement > div:first-of-type
|
|
{
|
|
width: calc(100% - 30px);
|
|
justify-content:space-between;
|
|
border:1px solid var(--sombre);
|
|
margin-top:5px;
|
|
margin-right:30px;
|
|
display:none;
|
|
}
|
|
|
|
div.sheet-equipement > div:first-of-type > label
|
|
{
|
|
width:50%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-equipement > div:first-of-type > label > span
|
|
{
|
|
width:100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.sheet-equipement > div:first-of-type > label > input[type="text"]
|
|
{
|
|
width:100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: white;
|
|
font-size: 14px;
|
|
font-weight: 505;
|
|
height: 15px;
|
|
}
|
|
|
|
div.sheet-equipement > .repcontainer
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc(100% - 30px);
|
|
justify-content:space-between;
|
|
margin-right:auto;
|
|
z-index:150;
|
|
}
|
|
|
|
div.sheet-equipement > .repcontainer > .repitem
|
|
{
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
justify-content:space-between;
|
|
z-index:150;
|
|
}
|
|
|
|
div.sheet-equipement > .repcontainer > .repitem > .itemcontrol > .btn
|
|
{
|
|
padding-top:2px;
|
|
padding-bottom:1px;
|
|
}
|
|
|
|
div.sheet-equipement > .repcontrol
|
|
{
|
|
width:calc(100% - 30px);
|
|
margin-right:auto;
|
|
z-index:150;
|
|
}
|
|
|
|
div.sheet-equipement > .repcontainer
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-equipement > .repcontainer > .repitem:not(:first-of-type)
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-equipement > .repcontainer > .repitem > input[type="text"]
|
|
{
|
|
width:100%;
|
|
border:0px;
|
|
padding:0px;
|
|
font-size: 16px;
|
|
border-bottom: 2px solid var(--clair);
|
|
}
|
|
|
|
div.sheet-equipement > .repcontainer > .repitem > input[type="text"]
|
|
{
|
|
width:calc(100% - 55px);
|
|
}
|
|
|
|
div.sheet-equipement > .repcontainer > .repitem > input[type="number"]
|
|
{
|
|
display:none;
|
|
width:50px;
|
|
border:0px;
|
|
padding:0px;
|
|
font-size: 14px;
|
|
border-bottom: 2px solid var(--clair);
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type
|
|
{
|
|
width: 60%;
|
|
position: absolute;
|
|
flex-wrap: wrap;
|
|
margin-right:-30px;
|
|
min-width:520px;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type > div
|
|
{
|
|
width:100%;
|
|
height:50px;
|
|
justify-content:flex-end;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type > div:nth-of-type(1)
|
|
{
|
|
z-index:100;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type > div:nth-of-type(2)
|
|
{
|
|
z-index:95;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type > div:nth-of-type(3)
|
|
{
|
|
z-index:90;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type > div:nth-of-type(4)
|
|
{
|
|
z-index:85;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type > div:nth-of-type(5)
|
|
{
|
|
z-index:80;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type > div > label
|
|
{
|
|
width: 50px;
|
|
height: 45px;
|
|
border: 5px solid var(--clair);
|
|
border-radius: 50px;
|
|
background: white;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type > div > label > span
|
|
{
|
|
width: 100%;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.sheet-equipement > div:last-of-type > div > label > input[type="number"]
|
|
{
|
|
width: 100%;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
height: 25px;
|
|
}
|
|
|
|
div.sheet-tab3Col2
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc(40% - 60px);
|
|
}
|
|
|
|
div.sheet-armure
|
|
{
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
justify-content:space-evenly;
|
|
background:var(--clair);
|
|
padding:5px;
|
|
align-content:flex-start;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-objetsMagiques
|
|
{
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
justify-content:space-evenly;
|
|
border: 3px groove var(--sombre);
|
|
padding:5px;
|
|
align-content:flex-start;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-armure > h1,
|
|
div.sheet-objetsMagiques > h1
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items: center;
|
|
line-height: 20px;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-armure > label
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-armure > span
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-armure > label:first-of-type > span
|
|
{
|
|
width: calc(100% - 50px);
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
}
|
|
|
|
div.sheet-armure > label:first-of-type > input[type="number"]
|
|
{
|
|
width: 50px;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: white;
|
|
font-size: 14px;
|
|
font-weight: 505;
|
|
height: 30px;
|
|
}
|
|
|
|
div.sheet-armure > label > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width:calc(40% - 95px);
|
|
opacity: 0;
|
|
height: 29px;
|
|
min-width: 150px;
|
|
}
|
|
|
|
div.sheet-armure > label > input[type="checkbox"] ~ span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-armure > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
display: flex;
|
|
width: 100%;
|
|
background: var(--clair);
|
|
border: 2px solid var(--sombre);
|
|
content: attr(title);
|
|
font-size: 15px;
|
|
line-height: 25px;
|
|
justify-content: center;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
div.sheet-armure > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
background: var(--sombre);
|
|
}
|
|
|
|
div.sheet-objetsMagiques > .repcontainer,
|
|
div.sheet-objetsMagiques > .repcontainer > .repitem
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-objetsMagiques > .repcontainer > .repitem:not(:first-of-type)
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-objetsMagiques > .repcontainer > .repitem > .itemcontrol
|
|
{
|
|
width:calc(100% - 2px);
|
|
}
|
|
|
|
div.sheet-objetsMagiques > .repcontainer > .repitem > div
|
|
{
|
|
border:1px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-magie
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc(60% + 25px);
|
|
justify-content:space-between;
|
|
background:var(--clair);
|
|
padding:5px;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-magieCombat
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-magie > h1
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
text-transform:uppercase;
|
|
font-size: 20px;
|
|
align-items: center;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-magie > label,
|
|
div.sheet-magie > div:not(:last-of-type)
|
|
{
|
|
flex-wrap:wrap;
|
|
width:calc((100% / 4) - 5px);
|
|
}
|
|
|
|
div.sheet-magie > label,
|
|
div.sheet-magie > div:not(:last-of-type)
|
|
{
|
|
flex-wrap:wrap;
|
|
align-content:flex-end;
|
|
}
|
|
|
|
|
|
div.sheet-magie > label:nth-of-type(1)
|
|
{
|
|
width:35%;
|
|
}
|
|
|
|
div.sheet-magie > label:nth-of-type(3)
|
|
{
|
|
width:calc(25% - 5px);
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type)
|
|
{
|
|
width:calc(15% - 5px);
|
|
}
|
|
|
|
div.sheet-magieCombat > div:not(:last-of-type),
|
|
div.sheet-magieCombat > label:nth-of-type(1)
|
|
{
|
|
width:calc((100% / 2) - 5px - (25px / 2));
|
|
}
|
|
|
|
div.sheet-magieCombat > button[type="roll"]
|
|
{
|
|
width: 25px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: transparent;
|
|
font-size: 28px;
|
|
box-shadow: none;
|
|
line-height: 25px;
|
|
z-index: 999;
|
|
color: RGB(111,091,115);
|
|
}
|
|
|
|
div.sheet-magieCombat > button[type="roll"]:hover
|
|
{
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-magieCombat > button[type="roll"]::before
|
|
{
|
|
display: flex;
|
|
align-items: flex-end;
|
|
padding-bottom:1px;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > label
|
|
{
|
|
position:absolute;
|
|
width:15px;
|
|
height:15px;
|
|
margin-bottom:55px;
|
|
margin-left:-10px;
|
|
}
|
|
|
|
div.sheet-magieCombat > div:not(:last-of-type) > label
|
|
{
|
|
margin-bottom:40px;
|
|
margin-left:30px;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > label > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width:15px;
|
|
height:15px;
|
|
opacity:0;
|
|
z-index:200;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > label > input[type="checkbox"] ~ span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type):hover > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
opacity:0.5;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
content:"y";
|
|
font-family:"Pictos";
|
|
width:100%;
|
|
height:20px;
|
|
opacity:0;
|
|
line-height:15px;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
opacity:1;
|
|
}
|
|
|
|
div.sheet-magie > label > span,
|
|
div.sheet-magie > div:not(:last-of-type) > span,
|
|
div.sheet-magie > div:not(:last-of-type) > div > span:first-of-type
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-magie > label > input[type="text"],
|
|
div.sheet-magie > label > input[type="number"],
|
|
div.sheet-magie > label > select,
|
|
div.sheet-magie > div:not(:last-of-type) > input[type="text"],
|
|
div.sheet-magie > div:not(:last-of-type) > input[type="number"],
|
|
div.sheet-magie > div:not(:last-of-type) > select,
|
|
div.sheet-magie > div:not(:last-of-type) > div > input[type="number"]:first-of-type
|
|
{
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: white;
|
|
font-size: 14px;
|
|
font-weight: 505;
|
|
height: 30px;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > div
|
|
{
|
|
display:none;
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > input[type="hidden"][value="1"] ~ label
|
|
{
|
|
margin-bottom:85px;
|
|
}
|
|
|
|
div.sheet-magieCombat > div:not(:last-of-type) > input[type="hidden"][value="1"] ~ label
|
|
{
|
|
margin-bottom:70px;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > input[type="hidden"][value="1"] ~ span,
|
|
div.sheet-magie > div:not(:last-of-type) > input[type="hidden"][value="1"] ~ input[type="number"]
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > input[type="hidden"][value="1"] ~ div
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > div > span:last-of-type
|
|
{
|
|
width:15px;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align:center;
|
|
border-top:3px groove var(--sombre);
|
|
}
|
|
|
|
div.sheet-magie > div:not(:last-of-type) > div > input[type="number"]:last-of-type
|
|
{
|
|
width: calc(100% - 15px);
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: white;
|
|
font-size: 14px;
|
|
font-weight: 505;
|
|
height: 30px;
|
|
border-top:3px groove var(--sombre);
|
|
}
|
|
|
|
div.sheet-magie > label > span,
|
|
div.sheet-magie > div:last-of-type > span
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type
|
|
{
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
padding: 5px;
|
|
border: 3px groove var(--sombre);
|
|
margin-top: 5px;
|
|
background:white;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > label
|
|
{
|
|
width: calc(100% - 100px);
|
|
height:20px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > label > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width: calc(60% - 27px - 100px);
|
|
height:20px;
|
|
opacity:0;
|
|
}
|
|
|
|
div.sheet-magieCombat > div:last-of-type > label > input[type="checkbox"]
|
|
{
|
|
width: calc(60% - 208.4px - 100px);
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > label > input[type="checkbox"] ~ span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
display:flex;
|
|
content:attr(title);
|
|
width:100%;
|
|
line-height:16px;
|
|
background:var(--clair);
|
|
border-left:2px solid var(--sombre);
|
|
border-top:2px solid var(--sombre);
|
|
border-bottom:2px solid var(--sombre);
|
|
justify-content:center;
|
|
font-size:14px;
|
|
padding-left:100px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
background:var(--sombre);
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div:nth-of-type(odd)
|
|
{
|
|
width: 100px;
|
|
background:white;
|
|
justify-content:space-between;
|
|
height:20px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div:nth-of-type(even)
|
|
{
|
|
display:none;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > input[type="hidden"][value="1"] + div
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > input[type="number"]
|
|
{
|
|
width: 45px;
|
|
background:white;
|
|
border:0px;
|
|
padding:0px;
|
|
text-align:center;
|
|
border-top:2px solid var(--sombre);
|
|
border-bottom:2px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > input[type="number"]:last-of-type
|
|
{
|
|
border-right:2px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > span
|
|
{
|
|
width: 10px;
|
|
background:white;
|
|
justify-content:center;
|
|
color:black;
|
|
font-size:14px;
|
|
border-top:2px solid var(--sombre);
|
|
border-bottom:2px solid var(--sombre);
|
|
align-items:center;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer,
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem:not(:first-of-type)
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > .itemcontrol > .btn
|
|
{
|
|
padding-top:2px;
|
|
padding-bottom:1px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > label
|
|
{
|
|
width:23px;
|
|
height:23px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > label > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width:23px;
|
|
height:23px;
|
|
opacity:0;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
content:"+";
|
|
width:21px;
|
|
height:21px;
|
|
background:var(--clair);
|
|
justify-content:center;
|
|
line-height:21px;
|
|
display:flex;
|
|
border:1px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
content:"-";
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > input[type="text"]
|
|
{
|
|
width: calc(100% - 23px - 20px);
|
|
padding: 0px;
|
|
border:0px;
|
|
font-size: 14px;
|
|
border-bottom: 2px solid var(--clair);
|
|
padding-left:5px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > button[type="roll"]
|
|
{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: transparent;
|
|
font-size: 20px;
|
|
box-shadow: none;
|
|
line-height: 20px;
|
|
width: 20px;
|
|
z-index: 999;
|
|
color: RGB(111,091,115);
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > button[type="roll"]::before
|
|
{
|
|
display:flex;
|
|
content:"w";
|
|
font-family:"Pictos";
|
|
align-items:center;
|
|
padding-bottom:2px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > div
|
|
{
|
|
display:none;
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
background:var(--clair);
|
|
justify-content:space-between;
|
|
padding:5px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ button[type="roll"]
|
|
{
|
|
border-bottom:2px solid var(--clair);
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ button[type="roll"]::before
|
|
{
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > div > label
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > div > label > span
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > div > label > input[type="text"]
|
|
{
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: white;
|
|
font-size: 14px;
|
|
font-weight: 505;
|
|
height: 30px;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > div > label:nth-of-type(4) > div
|
|
{
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-magie > div:last-of-type > div > .repcontainer > .repitem > div > label > div
|
|
{
|
|
background:white;
|
|
}
|
|
|
|
div.sheet-passe
|
|
{
|
|
width:calc(50% - 20px);
|
|
flex-wrap:wrap;
|
|
justify-content: space-between;
|
|
border: 3px groove var(--sombre);
|
|
padding: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
div.sheet-allies
|
|
{
|
|
width:calc(50% - 15px);
|
|
flex-wrap:wrap;
|
|
justify-content: space-between;
|
|
background:var(--clair);
|
|
padding: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
div.sheet-passe > h1,
|
|
div.sheet-allies > h1,
|
|
div.sheet-aptitudes > h1,
|
|
div.sheet-traitsRaciauxDons > h1
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.sheet-allies > .repcontainer,
|
|
div.sheet-allies > .repcontainer > .repitem
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-allies > .repcontainer > .repitem:not(:first-of-type)
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-aptitudes
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content: space-between;
|
|
padding: 5px;
|
|
margin-top: 5px;
|
|
border:3px groove var(--sombre);
|
|
}
|
|
|
|
div.sheet-traitsRaciauxDons
|
|
{
|
|
width:calc(50% - 20px);
|
|
flex-wrap:wrap;
|
|
justify-content: space-between;
|
|
padding: 5px;
|
|
margin-top: 5px;
|
|
border:3px groove var(--sombre);
|
|
}
|
|
|
|
div.sheet-aptitudes > div
|
|
{
|
|
width:calc(50% - 5px);
|
|
flex-wrap:wrap;
|
|
align-items:flex-start;
|
|
align-content:flex-start;
|
|
}
|
|
|
|
div.sheet-traitsRaciauxDons > div
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
align-items:flex-start;
|
|
align-content:flex-start;
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer,
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem,
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
border-top:1px solid var(--sombre);
|
|
border-right:1px solid var(--sombre);
|
|
border-left:1px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem:not(:first-of-type),
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem:not(:first-of-type)
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem > label,
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem > label
|
|
{
|
|
width:23px;
|
|
height:23px;
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem > label > input[type="checkbox"],
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem > label > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width:23px;
|
|
height:23px;
|
|
opacity:0;
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before,
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
content:"+";
|
|
width:22px;
|
|
height:22px;
|
|
background:var(--clair);
|
|
justify-content:center;
|
|
line-height:21px;
|
|
display:flex;
|
|
border-bottom:1px solid var(--sombre);
|
|
border-right:1px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before,
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
content:"-";
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem > input[type="text"],
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem > input[type="text"]
|
|
{
|
|
width: calc(100% - 23px);
|
|
padding: 0px;
|
|
border:0px;
|
|
font-size: 14px;
|
|
border-bottom: 2px solid var(--clair);
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem > div,
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem > div
|
|
{
|
|
display:none;
|
|
border-bottom:1px solid var(--sombre);
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem > input[type="hidden"][value="1"] + div,
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem > input[type="hidden"][value="1"] + div
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-aptitudes > div > .repcontainer > .repitem > .itemcontrol > .btn,
|
|
div.sheet-traitsRaciauxDons > div > .repcontainer > .repitem > .itemcontrol > .btn
|
|
{
|
|
padding-top:2px;
|
|
padding-bottom:1px;
|
|
}
|
|
|
|
div.sheet-attaques
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-attaques > h1
|
|
{
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items: center;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-attaques > span
|
|
{
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
div.sheet-attaques > span:nth-of-type(1),
|
|
div.sheet-attaques > span:nth-of-type(2)
|
|
{
|
|
width:calc((100% / 2) - 5px - 40px);
|
|
}
|
|
|
|
div.sheet-attaques > span:nth-of-type(3)
|
|
{
|
|
width:55px;
|
|
}
|
|
|
|
div.sheet-attaques > span:first-of-type
|
|
{
|
|
margin-left:28px;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer,
|
|
div.sheet-attaques > .repcontainer > .repitem
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem:not(:first-of-type)
|
|
{
|
|
margin-top:5px;
|
|
border-top:3px groove var(--sombre);
|
|
padding-top:5px;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > button[type="roll"]
|
|
{
|
|
width:25px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: transparent;
|
|
font-size: 28px;
|
|
box-shadow: none;
|
|
line-height: 25px;
|
|
z-index: 999;
|
|
color: RGB(111,091,115);
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > button[type="roll"]:hover
|
|
{
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > button[type="roll"]::before
|
|
{
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > span
|
|
{
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > input[type="text"],
|
|
div.sheet-attaques > .repcontainer > .repitem > select,
|
|
div.sheet-attaques > .repcontainer > .repitem > div > select,
|
|
div.sheet-attaques > .repcontainer > .repitem > div > input[type="number"]
|
|
{
|
|
border: 0px;
|
|
padding: 0px;
|
|
background: var(--clair);
|
|
font-size: 14px;
|
|
font-weight: 505;
|
|
height: 30px;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > input[type="text"]:nth-of-type(1),
|
|
div.sheet-attaques > .repcontainer > .repitem > select
|
|
{
|
|
width:calc((100% / 2) - 5px - 40px);
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > input[type="text"]:nth-of-type(2)
|
|
{
|
|
width:55px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > span
|
|
{
|
|
width:100%;
|
|
padding-left:10px;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > input[type="text"]:nth-of-type(3)
|
|
{
|
|
width:calc(100% - 5px - 100px);
|
|
padding-left:10px;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > label
|
|
{
|
|
width:100px;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > label > input[type="checkbox"]
|
|
{
|
|
position: absolute;
|
|
width: 100px;
|
|
opacity: 0;
|
|
height: 30px;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > label > input[type="checkbox"] ~ span
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
display: flex;
|
|
width: 100%;
|
|
background: var(--clair);
|
|
border: 2px solid var(--sombre);
|
|
content: attr(title);
|
|
font-size: 15px;
|
|
line-height: 26px;
|
|
justify-content: center;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
background:var(--sombre);
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > div
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > div > span:first-of-type
|
|
{
|
|
width:106px;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > div > span:last-of-type
|
|
{
|
|
width:10px;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > div > select
|
|
{
|
|
width:calc(100% - 161px);
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-attaques > .repcontainer > .repitem > div > input[type="number"]
|
|
{
|
|
width:48px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-base,
|
|
.sheet-rolltemplate-sort
|
|
{
|
|
--sombre: RGB(216,212,211);
|
|
--clair: RGB(236, 233, 233);
|
|
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
width: 100%;
|
|
justify-content:space-between;
|
|
background:var(--clair);
|
|
color:RGB(111,091,115);
|
|
}
|
|
|
|
.sheet-rolltemplate-base > h1,
|
|
.sheet-rolltemplate-sort > h1
|
|
{
|
|
display:flex;
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 20px;
|
|
align-items: center;
|
|
justify-content:center;
|
|
color:RGB(111,091,115);
|
|
border-bottom:3px groove var(--sombre);
|
|
word-wrap: anywhere;
|
|
line-height: inherit;
|
|
min-height: 25px;
|
|
margin-top: 5px;
|
|
padding-bottom: 5px;
|
|
text-align: center;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base > div,
|
|
.sheet-rolltemplate-sort > div
|
|
{
|
|
display:flex;
|
|
width: 100%;
|
|
justify-content:space-between;
|
|
margin-bottom:5px;
|
|
margin-top:5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base > div > span:first-of-type
|
|
{
|
|
display:flex;
|
|
width: 70%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
color:RGB(111,091,115);
|
|
padding-left:5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-sort > div > span:first-of-type
|
|
{
|
|
display:flex;
|
|
width: calc(50% - 10px);
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
color:RGB(111,091,115);
|
|
padding-left:5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base > div > span:last-of-type
|
|
{
|
|
display:flex;
|
|
width: 30%;
|
|
font-weight: 505;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content:space-evenly;
|
|
color:RGB(111,091,115);
|
|
}
|
|
|
|
.sheet-rolltemplate-base > div > span:last-of-type > span:nth-of-type(2)
|
|
{
|
|
font-size:16px;
|
|
}
|
|
|
|
.sheet-rolltemplate-sort > div > span:last-of-type
|
|
{
|
|
display:flex;
|
|
width: 50%;
|
|
font-weight: normal;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
justify-content:center;
|
|
color:RGB(111,091,115);
|
|
padding-right:5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base > span
|
|
{
|
|
display:flex;
|
|
width: 100%;
|
|
font-weight: 505;
|
|
font-size: 14px;
|
|
align-items: center;
|
|
color:RGB(111,091,115);
|
|
word-wrap:anywhere;
|
|
text-align:justify;
|
|
border-top:3px groove var(--sombre);
|
|
margin-bottom:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
padding-top:5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-sort > span
|
|
{
|
|
width: 100%;
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
color:RGB(111,091,115);
|
|
word-wrap:anywhere;
|
|
text-align:justify;
|
|
border-top:3px groove var(--sombre);
|
|
margin-bottom:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
padding-top:5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .inlinerollresult,
|
|
.sheet-rolltemplate-sort .inlinerollresult
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
padding:0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-sort .inlinerollresult.fullcrit
|
|
{
|
|
border: none;
|
|
color:green;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-sort .inlinerollresult.fullfail
|
|
{
|
|
border: none;
|
|
color:red;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-sort .inlinerollresult.importantroll
|
|
{
|
|
border: none;
|
|
color:blue;
|
|
} |