mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1308 lines
25 KiB
CSS
1308 lines
25 KiB
CSS
.charsheet {
|
|
background-color:#FEFEFE;
|
|
}
|
|
|
|
div,
|
|
span,
|
|
label,
|
|
h3,
|
|
h4,
|
|
input[type="text"],
|
|
input[type="number"],
|
|
button[type="roll"],
|
|
textarea
|
|
{
|
|
display:flex;
|
|
margin:0px;
|
|
padding: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]
|
|
{
|
|
-moz-appearance:textfield;
|
|
text-align: center;
|
|
}
|
|
|
|
textarea
|
|
{
|
|
border:none;
|
|
width:100%;
|
|
text-align:justify;
|
|
}
|
|
|
|
div.repcontrol
|
|
{
|
|
display:block;
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-autoex
|
|
{
|
|
line-height: 1.4em;
|
|
min-height: 1.4em;
|
|
cursor: text;
|
|
text-align: left;
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-autoex > span
|
|
{
|
|
visibility: hidden;
|
|
display: block;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
text-align: inherit;
|
|
min-height: inherit;
|
|
height:100%;
|
|
word-wrap:anywhere;
|
|
padding-left:2px;
|
|
}
|
|
|
|
div.sheet-autoex > textarea
|
|
{
|
|
display: block;
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
white-space: pre-wrap;
|
|
text-align: inherit;
|
|
min-height: inherit;
|
|
resize: none;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
div.sheet-autoexAdapt
|
|
{
|
|
min-height:calc(28px + 28px);
|
|
}
|
|
|
|
div.sheet-header
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-tab
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
margin-top:-20px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
div.sheet-tab > label
|
|
{
|
|
display:flex;
|
|
width:calc((100%/4) - 20px);
|
|
}
|
|
|
|
div.sheet-tab > label > input[type="radio"]
|
|
{
|
|
position:absolute;
|
|
width:calc((100%/4) - 40px);
|
|
opacity:0;
|
|
height:27px;
|
|
}
|
|
|
|
div.sheet-tab > label > input[type="radio"] ~ span
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-tab > label > input[type="radio"] ~ span::before
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
content:attr(title);
|
|
line-height:25px;
|
|
justify-content:center;
|
|
background-color:lightgray;
|
|
border:1px solid black;
|
|
}
|
|
|
|
div.sheet-tab > label > input[type="radio"]:checked ~ span::before
|
|
{
|
|
box-shadow: 0px 0px 5px 0px #000000 inset;
|
|
}
|
|
|
|
input[type="hidden"][value="1"].sheet-tab ~ div.sheet-tab1,
|
|
input[type="hidden"][value="2"].sheet-tab ~ div.sheet-tab2,
|
|
input[type="hidden"][value="3"].sheet-tab ~ div.sheet-tab3,
|
|
input[type="hidden"][value="4"].sheet-tab ~ div.sheet-tab4
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
input.sheet-hider[value="0"] + div
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
label.sheet-settings-checkbox
|
|
{
|
|
font-size: 25px;
|
|
font-family: pictos;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
color: RGB(93,111,179);
|
|
display: flex;
|
|
width: 24px;
|
|
line-height: 20px;
|
|
height: 23px;
|
|
}
|
|
|
|
label.sheet-settings-checkbox input
|
|
{
|
|
opacity: 0;
|
|
z-index: 1;
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 23px;
|
|
}
|
|
|
|
label.sheet-settings-checkbox input + span
|
|
{
|
|
font-size: 25px;
|
|
font-family: pictos;
|
|
color: black;
|
|
line-height: 20px;
|
|
opacity: .5;
|
|
}
|
|
|
|
label.sheet-settings-checkbox input:checked ~ span
|
|
{
|
|
opacity: 1;
|
|
}
|
|
|
|
div.sheet-settings
|
|
{
|
|
position:absolute;
|
|
background-color:silver;
|
|
left:45px;
|
|
width:auto;
|
|
border:1px solid black;
|
|
z-index:100;
|
|
padding:5px;
|
|
border-radius:5px;
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
margin-top:15px;
|
|
}
|
|
|
|
div.sheet-settings > div
|
|
{
|
|
min-width: calc(50% - 4px);
|
|
flex-grow:1;
|
|
align-items:center;
|
|
padding:2px;
|
|
font-size:10px;
|
|
min-height:24px;
|
|
line-height:20px;
|
|
}
|
|
|
|
div.sheet-settings label
|
|
{
|
|
color:black;
|
|
}
|
|
|
|
div.sheet-settings select
|
|
{
|
|
width: 80px;
|
|
margin: 0 7px 0 0;
|
|
padding: 0;
|
|
height: 20px;
|
|
}
|
|
|
|
div.sheet-grD
|
|
{
|
|
width:calc(50% - 10px);
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-perso
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
align-content:baseline;
|
|
}
|
|
|
|
div.sheet-perso > div
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-perso > label
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-perso > label:not(:first-of-type),
|
|
div.sheet-perso > div
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
|
|
div.sheet-perso > div > label
|
|
{
|
|
width:calc(50% - 10px);
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-perso > label > h4,
|
|
div.sheet-perso > div > label > h4
|
|
{
|
|
width:auto;
|
|
font-variant:small-caps;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
div.sheet-perso > label > input[type="text"],
|
|
div.sheet-perso > label > input[type="number"]
|
|
{
|
|
width:100%;
|
|
border:0px;
|
|
border-bottom:1px dashed black;
|
|
margin-left:5px;
|
|
}
|
|
|
|
div.sheet-perso > div > label:first-of-type > input[type="text"],
|
|
div.sheet-perso > div > label:first-of-type > input[type="number"]
|
|
{
|
|
width:calc(100% - 47px);
|
|
border:0px;
|
|
border-bottom:1px dashed black;
|
|
margin-left:5px;
|
|
}
|
|
|
|
div.sheet-perso > div > label:last-of-type > input[type="text"],
|
|
div.sheet-perso > div > label:last-of-type > input[type="number"]
|
|
{
|
|
width:calc(100% - 67px);
|
|
border:0px;
|
|
border-bottom:1px dashed black;
|
|
margin-left:5px;
|
|
}
|
|
|
|
div.sheet-xp
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
align-content:baseline;
|
|
}
|
|
|
|
div.sheet-xp > label
|
|
{
|
|
width:calc(50% - 10px);
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-xp > label > h4
|
|
{
|
|
width:100%;
|
|
font-variant:small-caps;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-xp > label > input[type="text"],
|
|
div.sheet-xp > label > input[type="number"]
|
|
{
|
|
width:100%;
|
|
border:0px;
|
|
border-bottom:1px dashed black;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-body
|
|
{
|
|
display:none;
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-body > div.sheet-grG,
|
|
div.sheet-body > div.sheet-grD
|
|
{
|
|
width:calc(50% - 15px);
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
align-content:baseline;
|
|
}
|
|
|
|
div.sheet-body > div.sheet-grG > div:not(:first-of-type),
|
|
div.sheet-body > div.sheet-grD > div:not(:first-of-type)
|
|
{
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-carac,
|
|
div.sheet-loca,
|
|
div.sheet-autoexSimple,
|
|
div.sheet-autoexSimpleOR,
|
|
div.sheet-dgtSubis,
|
|
div.sheet-armes,
|
|
div.sheet-equipement,
|
|
div.sheet-protections
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
background-color:silver;
|
|
border:1px solid black;
|
|
}
|
|
|
|
div.sheet-carac > h3,
|
|
div.sheet-comp > h3,
|
|
div.sheet-compCombat > h3,
|
|
div.sheet-loca > h3,
|
|
div.sheet-autoexSimple > h3,
|
|
div.sheet-autoexSimpleOR > h3,
|
|
div.sheet-dgtSubis > h3,
|
|
div.sheet-armes > h3,
|
|
div.sheet-equipement > h3,
|
|
div.sheet-protections > h3,
|
|
div.sheet-comp > div > div.sheet-notes > h3
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:center;
|
|
font-variant:small-caps;
|
|
color:black;
|
|
font-size:16px;
|
|
border-bottom:1px solid black;
|
|
line-height:17px;
|
|
}
|
|
|
|
div.sheet-carac > div
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-carac > div:first-of-type
|
|
{
|
|
justify-content:right;
|
|
}
|
|
|
|
|
|
div.sheet-carac > div:first-of-type > span
|
|
{
|
|
width:calc((100%/4) - 12.5px);
|
|
color:black;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
line-height:20px;
|
|
}
|
|
|
|
div.sheet-carac > div:first-of-type > span:first-of-type
|
|
{
|
|
margin-left:50px;
|
|
}
|
|
|
|
div.sheet-carac > div:first-of-type > span:not(:last-of-type)
|
|
{
|
|
width:calc((100%/4) - 12.5px - 1px);
|
|
border-right:1px solid black;
|
|
}
|
|
|
|
div.sheet-carac > div:not(:first-of-type) > span
|
|
{
|
|
width:48px;
|
|
color:black;
|
|
font-weight:bold;
|
|
padding-left:2px;
|
|
line-height:28px;
|
|
}
|
|
|
|
div.sheet-carac > div:not(:first-of-type) > button[type="roll"]
|
|
{
|
|
width:48px;
|
|
color:black;
|
|
font-weight:bold;
|
|
padding-left:2px;
|
|
line-height:28px;
|
|
border-radius:0px;
|
|
border:0px;
|
|
margin:0px;
|
|
padding-right:0px;
|
|
padding-top:0px;
|
|
padding-bottom:0px;
|
|
font-size:13px;
|
|
justify-content:left;
|
|
background-image:-webkit-linear-gradient(top,#dcdcdc,#e6e6e6);
|
|
}
|
|
|
|
div.sheet-carac > div:not(:first-of-type) > button[type="roll"]:hover
|
|
{
|
|
background-position:0 -28px;
|
|
}
|
|
|
|
div.sheet-carac > div:not(:first-of-type) > button[type="roll"]::before
|
|
{
|
|
content:"";
|
|
}
|
|
|
|
div.sheet-carac > div:not(:first-of-type):not(:last-of-type) > span,
|
|
div.sheet-carac > div:not(:first-of-type):not(:last-of-type) > button[type="roll"]
|
|
{
|
|
border-bottom:1px solid white;
|
|
}
|
|
|
|
div.sheet-carac > div:not(:first-of-type):not(:last-of-type) > input[type="number"]
|
|
{
|
|
border-bottom:1px solid silver;
|
|
}
|
|
|
|
div.sheet-carac > div:not(:first-of-type) > input[type="number"]
|
|
{
|
|
width:calc((100%/4) - 12.5px);
|
|
color:black;
|
|
text-align:center;
|
|
border:0px;
|
|
}
|
|
|
|
div.sheet-carac > div:not(:first-of-type) > input[type="number"]:not(:last-of-type)
|
|
{
|
|
border-right:1px solid black;
|
|
}
|
|
|
|
div.sheet-comp
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
border-top:1px solid black;
|
|
border-right:1px solid black;
|
|
margin-top:10px;
|
|
}
|
|
|
|
div.sheet-comp > h3
|
|
{
|
|
background-color:silver;
|
|
border-left:1px solid black;
|
|
}
|
|
|
|
div.sheet-comp > div
|
|
{
|
|
width:50%;
|
|
flex-wrap:wrap;
|
|
align-self:baseline;
|
|
}
|
|
|
|
div.sheet-comp > div > div:first-of-type
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
align-self:baseline;
|
|
background-color:silver;
|
|
}
|
|
|
|
div.sheet-comp > div:first-of-type > div:first-of-type
|
|
{
|
|
border-left:1px solid black;
|
|
border-right:1px solid black;
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type)
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
align-self:baseline;
|
|
background-color:silver;
|
|
border-bottom:1px solid black;
|
|
}
|
|
|
|
div.sheet-comp > div:first-of-type > div:not(:first-of-type)
|
|
{
|
|
border-left:1px solid black;
|
|
border-right:1px solid black;
|
|
}
|
|
|
|
div.sheet-comp > div > div:first-of-type > span
|
|
{
|
|
color:black;
|
|
font-weight:bold;
|
|
justify-content:center;
|
|
}
|
|
|
|
div.sheet-comp > div > div:first-of-type
|
|
{
|
|
justify-content:right;
|
|
padding-left:49px;
|
|
padding-right:1px;
|
|
}
|
|
|
|
div.sheet-comp > div > div:first-of-type > span:nth-of-type(1)
|
|
{
|
|
width:169px;
|
|
border-right:1px solid black;
|
|
border-left:1px solid black;
|
|
}
|
|
|
|
div.sheet-comp > div > div:first-of-type > span:not(:nth-of-type(1))
|
|
{
|
|
width:calc((100%/4) - 42.5px - 1px);
|
|
}
|
|
|
|
div.sheet-comp > div > div:first-of-type > span:not(:nth-of-type(1)):not(:last-of-type)
|
|
{
|
|
border-right:1px solid black;
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type) > label
|
|
{
|
|
width:49px;
|
|
flex-wrap:wrap;
|
|
margin-top:auto;
|
|
margin-bottom:auto;
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type) > label > span
|
|
{
|
|
color:black;
|
|
font-weight:bold;
|
|
justify-content:center;
|
|
font-size:14px;
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type) > label > input[type="number"]
|
|
{
|
|
color:black;
|
|
justify-content:center;
|
|
width:100%;
|
|
background-color:transparent;
|
|
font-weight:bold;
|
|
font-size:14px;
|
|
cursor:normal;
|
|
border:0px;
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type) > div
|
|
{
|
|
width:calc(100% - 50px);
|
|
align-self:baseline;
|
|
border-left:1px solid black;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type) > div > div
|
|
{
|
|
width:100%;
|
|
align-self:baseline;
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type) > div > div > button[type="roll"]
|
|
{
|
|
width:169px;
|
|
border:0px;
|
|
border-radius:0px;
|
|
font-size:13px;
|
|
justify-content:center;
|
|
margin:0px;
|
|
padding:0px;
|
|
border-right:1px solid black;
|
|
border-bottom:1px solid silver;
|
|
line-height:28px;
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type) > div > div > button[type="roll"]::before
|
|
{
|
|
content:"";
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type) > div > div > input[type="number"]
|
|
{
|
|
border:0px;
|
|
width:calc((100%/4) - 42.5px);
|
|
border-bottom:1px solid silver;
|
|
}
|
|
|
|
div.sheet-comp > div > div:not(:first-of-type) > div > div > input[type="number"]:not(:last-of-type)
|
|
{
|
|
border-right:1px solid black;
|
|
}
|
|
|
|
div.sheet-comp > div > div.sheet-notes > div
|
|
{
|
|
border:0px;
|
|
width:100%;
|
|
min-height:97px;
|
|
}
|
|
|
|
div.sheet-loca > button[type="roll"]
|
|
{
|
|
width:50%;
|
|
font-size:13px;
|
|
margin:0px;
|
|
padding:0px;
|
|
border:0px;
|
|
justify-content:center;
|
|
line-height:28px;
|
|
}
|
|
|
|
div.sheet-loca > button[type="roll"]:nth-of-type(odd)
|
|
{
|
|
border-right:1px solid black;
|
|
width:calc(50% - 1px);
|
|
}
|
|
|
|
div.sheet-loca > button[type="roll"]::before
|
|
{
|
|
content:"";
|
|
}
|
|
|
|
div.sheet-dgtSubis
|
|
{
|
|
justify-content:space-between;
|
|
}
|
|
|
|
div.sheet-dgtSubis > label
|
|
{
|
|
width:50%;
|
|
}
|
|
|
|
div.sheet-dgtSubis > label > span
|
|
{
|
|
width:75%;
|
|
font-size:13px;
|
|
font-weight:bold;
|
|
color:black;
|
|
line-height:28px;
|
|
}
|
|
|
|
div.sheet-dgtSubis > label:not(:last-of-type) > span
|
|
{
|
|
border-bottom:1px solid white;
|
|
}
|
|
|
|
|
|
div.sheet-dgtSubis > label > input[type="number"]
|
|
{
|
|
width:25%;
|
|
border:0px;
|
|
}
|
|
|
|
div.sheet-dgtSubis > label:nth-of-type(odd) > input[type="number"]
|
|
{
|
|
border-right:1px solid silver;
|
|
}
|
|
|
|
div.sheet-dgtSubis > label:not(:last-of-type) > input[type="number"]
|
|
{
|
|
border-bottom:1px solid silver;
|
|
}
|
|
|
|
div.sheet-dgtSubis > label:nth-last-of-type(2) > input[type="number"]
|
|
{
|
|
border-bottom:1px solid white;
|
|
}
|
|
|
|
div.sheet-autoexSimple > div,
|
|
div.sheet-autoexSimple > div > div,
|
|
div.sheet-autoexSimpleOR > div,
|
|
div.sheet-autoexSimpleOR > div > div,
|
|
div.sheet-equipement > div,
|
|
div.sheet-equipement > div > div
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-autoexSimple > div,
|
|
div.sheet-autoexSimpleOR > div,
|
|
div.sheet-armes > div,
|
|
div.sheet-autoexSimple > div > div,
|
|
div.sheet-autoexSimpleOR > div > div,
|
|
div.sheet-armes > div > div,
|
|
div.sheet-equipement > div,
|
|
div.sheet-equipement > div > div,
|
|
div.sheet-protections > div,
|
|
div.sheet-protections > div > div
|
|
{
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-autoexSimple > div > div,
|
|
div.sheet-autoexSimpleOR > div > div:not(:first-of-type),
|
|
div.sheet-armes > div > div,
|
|
div.sheet-equipement > div > div,
|
|
div.sheet-protections > div > div:not(:first-of-type)
|
|
{
|
|
border-top:5px double black;
|
|
}
|
|
|
|
div.sheet-autoexSimple > div > div > .itemcontrol,
|
|
div.sheet-autoexSimpleOR > div > div > .itemcontrol,
|
|
div.sheet-armes > div > div > .itemcontrol,
|
|
div.sheet-equipement > div > div > .itemcontrol,
|
|
div.sheet-protections > div > div > .itemcontrol
|
|
{
|
|
z-index:15;
|
|
}
|
|
|
|
div.sheet-autoexSimple > div > div > .itemcontrol > .btn,
|
|
div.sheet-autoexSimpleOR > div > div > .itemcontrol > .btn,
|
|
div.sheet-armes > div > div > .itemcontrol > .btn,
|
|
div.sheet-equipement > div > div > .itemcontrol > .btn
|
|
div.sheet-protections > div > div > .itemcontrol > .btn
|
|
{
|
|
border-radius:0px;
|
|
}
|
|
|
|
div.sheet-height188
|
|
{
|
|
min-height:188px;
|
|
}
|
|
|
|
div.sheet-armes > button[type="roll"],
|
|
div.sheet-armes > div > div > button[type="roll"]
|
|
{
|
|
display:flex;
|
|
width:23px;
|
|
border-radius:0px;
|
|
margin:0px;
|
|
padding:0px;
|
|
height:28px;
|
|
border:0px;
|
|
margin-right:1px;
|
|
}
|
|
|
|
div.sheet-armes > button[type="roll"]::before,
|
|
div.sheet-armes > div > div > button[type="roll"]::before
|
|
{
|
|
display:flex;
|
|
line-height:28px;
|
|
width:100%;
|
|
justify-content:center;
|
|
font-family:"dicefontd10";
|
|
font-size:23px;
|
|
}
|
|
|
|
div.sheet-armes > label:first-of-type,
|
|
div.sheet-armes > div > div > label:first-of-type
|
|
{
|
|
width:calc(50% - 24px);
|
|
}
|
|
|
|
div.sheet-armes > label,
|
|
div.sheet-armes > div > div > label,
|
|
div.sheet-protections > div > div > label
|
|
{
|
|
width:50%;
|
|
justify-content:space-between;
|
|
font-size:13px;
|
|
font-weight:normal;
|
|
color:black;
|
|
}
|
|
|
|
div.sheet-armes > label > span,
|
|
div.sheet-armes > div > div > label > span,
|
|
div.sheet-protections > div > div > label > span
|
|
{
|
|
width:60%;
|
|
line-height:28px;
|
|
font-size:13px;
|
|
font-weight:bold;
|
|
color:black;
|
|
border-bottom:1px solid white;
|
|
}
|
|
|
|
div.sheet-armes > label:nth-of-type(2) > span,
|
|
div.sheet-armes > div > div > label:nth-of-type(2) > span,
|
|
div.sheet-armes > label:nth-of-type(4) > span,
|
|
div.sheet-armes > div > div > label:nth-of-type(4) > span,
|
|
div.sheet-protections > div > div > label:nth-of-type(2) > span,
|
|
div.sheet-protections > div > div > label:nth-of-type(4) > span
|
|
{
|
|
width:40%;
|
|
}
|
|
|
|
div.sheet-armes > label > input[type="text"],
|
|
div.sheet-armes > div > div > label > input[type="text"],
|
|
div.sheet-armes > label > input[type="number"],
|
|
div.sheet-armes > div > div > label > input[type="number"],
|
|
div.sheet-protections > div > div > label > input[type="text"],
|
|
div.sheet-protections > div > div > label > input[type="number"]
|
|
{
|
|
width:40%;
|
|
border:0px;
|
|
border-bottom:1px solid silver;
|
|
}
|
|
|
|
div.sheet-armes > label:nth-of-type(2) > input[type="text"],
|
|
div.sheet-armes > div > div > label:nth-of-type(2) > input[type="text"],
|
|
div.sheet-armes > label:nth-of-type(4) > input[type="number"],
|
|
div.sheet-armes > div > div > label:nth-of-type(4) > input[type="number"],
|
|
div.sheet-protections > div > div > label:nth-of-type(2) > input[type="text"],
|
|
div.sheet-protections > div > div > label:nth-of-type(4) > input[type="number"]
|
|
{
|
|
width:60%;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-armes > label:nth-of-type(1) > input[type="text"],
|
|
div.sheet-armes > label:nth-of-type(3) > input[type="number"],
|
|
div.sheet-armes > label:nth-of-type(5) > input[type="text"],
|
|
div.sheet-armes > div > div > label:nth-of-type(1) > input[type="text"],
|
|
div.sheet-armes > div > div > label:nth-of-type(3) > input[type="number"],
|
|
div.sheet-armes > div > div > label:nth-of-type(5) > input[type="text"],
|
|
div.sheet-protections > div > div > label:nth-of-type(1) > input[type="text"],
|
|
div.sheet-protections > div > div > label:nth-of-type(3) > input[type="number"]
|
|
{
|
|
border-right:1px solid silver;
|
|
}
|
|
|
|
div.sheet-armes > label:first-of-type > input[type="text"],
|
|
div.sheet-armes > div > div > label:first-of-type > input[type="text"],
|
|
div.sheet-protections > div > div > label:first-of-type > input[type="text"]
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
div.sheet-armes > label:nth-of-type(4) > input[type="number"],
|
|
div.sheet-armes > label:nth-of-type(5) > input[type="text"],
|
|
div.sheet-armes > div > div > label:nth-of-type(4) > input[type="number"],
|
|
div.sheet-armes > div > div > label:nth-of-type(5) > input[type="text"],
|
|
div.sheet-protections > div > div > label:nth-of-type(3) > input[type="number"],
|
|
div.sheet-protections > div > div > label:nth-of-type(4) > input[type="number"]
|
|
{
|
|
border-bottom:1px solid white;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-armes > label:last-of-type,
|
|
div.sheet-armes > div > div > label:last-of-type,
|
|
div.sheet-protections > div > div > label:last-of-type
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-armes > label:last-of-type > span,
|
|
div.sheet-armes > div > div > label:last-of-type > span,
|
|
div.sheet-protections > div > div > label:last-of-type > span
|
|
{
|
|
width:100%;
|
|
justify-content:center;
|
|
border:0px;
|
|
}
|
|
|
|
div.sheet-armes > label.sheet-dgtSpeciaux,
|
|
div.sheet-armes > div > div > label.sheet-dgtSpeciaux
|
|
{
|
|
width:50%;
|
|
flex-wrap:wrap;
|
|
margin-left:auto;
|
|
height:29px;
|
|
}
|
|
|
|
div.sheet-armes > label.sheet-dgtSpeciaux > input[type="checkbox"],
|
|
div.sheet-armes > div > div > label.sheet-dgtSpeciaux > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width:calc(25% - 23px);
|
|
opacity:0;
|
|
height:29px;
|
|
}
|
|
|
|
div.sheet-armes > label.sheet-dgtSpeciaux > input[type="checkbox"] ~ span,
|
|
div.sheet-armes > div > div > label.sheet-dgtSpeciaux > input[type="checkbox"] ~ span
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
background:lightgray;
|
|
border:0px;
|
|
}
|
|
|
|
div.sheet-armes > label.sheet-dgtSpeciaux > input[type="checkbox"] ~ span::before,
|
|
div.sheet-armes > div > div > label.sheet-dgtSpeciaux > input[type="checkbox"] ~ span::before
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
line-height:27px;
|
|
content:attr(title);
|
|
font-size:10px;
|
|
justify-content:center;
|
|
border:1px solid black;
|
|
border-right:0px;
|
|
}
|
|
|
|
div.sheet-armes > label.sheet-dgtSpeciaux > input[type="checkbox"]:checked ~ span::before,
|
|
div.sheet-armes > div > div > label.sheet-dgtSpeciaux > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
box-shadow:0px 0px 5px 0px #000000 inset;
|
|
}
|
|
|
|
div.sheet-autoexSimple > div.repcontrol,
|
|
div.sheet-autoexSimpleOR > div.repcontrol,
|
|
div.sheet-armes > div.repcontrol,
|
|
div.sheet-protections > div.repcontrol,
|
|
div.sheet-equipement > div.repcontrol
|
|
{
|
|
width:100%;
|
|
display:block;
|
|
}
|
|
|
|
div.sheet-autoexSimple > div.repcontrol > .repcontrol_edit,
|
|
div.sheet-autoexSimple > div.repcontrol > .repcontrol_add,
|
|
div.sheet-autoexSimpleOR > div.repcontrol > .repcontrol_edit,
|
|
div.sheet-autoexSimpleOR > div.repcontrol > .repcontrol_add,
|
|
div.sheet-armes > div.repcontrol > .repcontrol_edit,
|
|
div.sheet-armes > div.repcontrol > .repcontrol_add,
|
|
div.sheet-equipement > div.repcontrol > .repcontrol_edit,
|
|
div.sheet-equipement > div.repcontrol > .repcontrol_add,
|
|
div.sheet-protections > div.repcontrol > .repcontrol_edit,
|
|
div.sheet-protections > div.repcontrol > .repcontrol_add
|
|
{
|
|
border-radius:0px;
|
|
}
|
|
|
|
div.sheet-equipement > input[type="text"],
|
|
div.sheet-equipement > div > div > input[type="text"]
|
|
{
|
|
width:100%;
|
|
border:0px;
|
|
border-radius:0px;
|
|
border-bottom:1px solid silver;
|
|
text-align:center;
|
|
}
|
|
|
|
div.sheet-compCombat
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
background-color:silver;
|
|
border:1px solid black;
|
|
}
|
|
|
|
div.sheet-compCombat > div
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
div.sheet-compCombat > div > div,
|
|
div.sheet-compCombat > div > label
|
|
{
|
|
display:flex;
|
|
width:50%;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
div.sheet-compCombat > div > div:first-of-type
|
|
{
|
|
border-right:1px solid black;
|
|
}
|
|
|
|
div.sheet-compCombat > div > div:last-of-type
|
|
{
|
|
width:calc(50% - 1px);
|
|
}
|
|
|
|
div.sheet-compCombat > div > div > span
|
|
{
|
|
color:black;
|
|
border-right:1px solid black;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-compCombat > div > div > span:first-of-type
|
|
{
|
|
width:160px;
|
|
}
|
|
|
|
div.sheet-compCombat > div > div > span:last-of-type
|
|
{
|
|
width:calc(100% - 162px);
|
|
}
|
|
|
|
div.sheet-compCombat > div > div > span:last-of-type
|
|
{
|
|
border-right:0px;
|
|
}
|
|
|
|
div.sheet-compCombat > div > label > button[type="roll"]
|
|
{
|
|
width: 160px;
|
|
border: 0px;
|
|
border-radius: 0px;
|
|
font-size: 13px;
|
|
justify-content: center;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border-right: 1px solid black;
|
|
border-bottom: 1px solid silver;
|
|
line-height: 28px;
|
|
}
|
|
|
|
div.sheet-compCombat > div > label:nth-of-type(even) > button[type="roll"]
|
|
{
|
|
border-left:1px solid black;
|
|
}
|
|
|
|
div.sheet-compCombat > div > label > button[type="roll"]::before
|
|
{
|
|
content:"";
|
|
}
|
|
|
|
div.sheet-compCombat > div > label > input[type="number"]
|
|
{
|
|
border: 0px;
|
|
width: calc(100% - 162px);
|
|
}
|
|
|
|
div.sheet-compCombat > div > label > input[type="number"]:nth-of-type(1),
|
|
div.sheet-compCombat > div > label > input[type="number"]:nth-of-type(1)
|
|
{
|
|
border-bottom:1px solid silver;
|
|
}
|
|
|
|
.sheet-rolltemplate-aven > div,
|
|
.sheet-rolltemplate-test > div,
|
|
.sheet-rolltemplate-armes > div,
|
|
.sheet-rolltemplate-etourdissement > div,
|
|
.sheet-rolltemplate-recuperation > div
|
|
{
|
|
background-color: silver;
|
|
border:1px solid black;
|
|
padding: 2px;
|
|
font-family: "Courier New", Courier, monospace;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-aven > div > span,
|
|
.sheet-rolltemplate-test > div > span,
|
|
.sheet-rolltemplate-armes > div > span:nth-of-type(1),
|
|
.sheet-rolltemplate-etourdissement > div > span,
|
|
.sheet-rolltemplate-recuperation > div > span
|
|
{
|
|
color: #000000;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
width:100%;
|
|
display:flex;
|
|
justify-content:center;
|
|
line-height:25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-recuperation > div > div
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-rolltemplate-recuperation > div > div > span:first-of-type
|
|
{
|
|
font-weight:bold;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
width:40%;
|
|
display:flex;
|
|
line-height:25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-recuperation > div > div > span:last-of-type
|
|
{
|
|
color: #BD2826;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
width:60%;
|
|
display:flex;
|
|
justify-content:center;
|
|
line-height:25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > span:nth-of-type(2)
|
|
{
|
|
line-height:10px;
|
|
color: #000000;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
width:100%;
|
|
display:flex;
|
|
justify-content:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > div > span:nth-of-type(3)
|
|
{
|
|
color: #000000;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
width:100%;
|
|
display:flex;
|
|
justify-content:center;
|
|
line-height:21px;
|
|
}
|
|
|
|
.sheet-rolltemplate-aven > div > div,
|
|
.sheet-rolltemplate-test > div > div,
|
|
.sheet-rolltemplate-armes > div > div,
|
|
.sheet-rolltemplate-etourdissement > div > div
|
|
{
|
|
color: #BD2826;
|
|
font-size: 14px;
|
|
line-height:25px;
|
|
display:flex;
|
|
justify-content:center;
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > div:first-of-type
|
|
{
|
|
border-bottom:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > div:last-of-type
|
|
{
|
|
border-top:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > div > label
|
|
{
|
|
width:100%;
|
|
display:flex;
|
|
justify-content:space-between;
|
|
color:black;
|
|
margin:0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > div > label > span:first-of-type
|
|
{
|
|
font-weight:bold;
|
|
width:50%;
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > div > label > span:last-of-type
|
|
{
|
|
justify-content:center;
|
|
width:50%;
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > div:not(:first-of-type) > span
|
|
{
|
|
width:100%;
|
|
display:flex;
|
|
text-align:justify;
|
|
word-wrap:anywhere;
|
|
color:black;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > div:nth-of-type(2) > span
|
|
{
|
|
line-height:14px;
|
|
font-weight:normal;
|
|
margin-top:5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-armes > div > div:nth-of-type(3) > span
|
|
{
|
|
justify-content:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .inlinerollresult,
|
|
.sheet-rolltemplate-armes .inlinerollresult,
|
|
.sheet-rolltemplate-etourdissement .inlinerollresult,
|
|
.sheet-rolltemplate-recuperation .inlinerollresult
|
|
{
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: none;
|
|
background-color: Transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-armes .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-etourdissement .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-recuperation .inlinerollresult.fullcrit
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-armes .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-etourdissement .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-recuperation .inlinerollresult.fullfail
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-armes .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-etourdissement .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-recuperation .inlinerollresult.importantroll
|
|
{
|
|
border: none;
|
|
}
|