Files
roll20-character-sheets/Prophecy 2/prophecy 2.css
T
2020-04-27 08:52:03 -04:00

2842 lines
57 KiB
CSS

.charsheet
{
background-color:sienna;
color:#333;
min-width:820px;
}
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;
}
input,
textarea
{
border-radius:0px;
color:black;
}
input
{
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom-color:sienna;
background-color:transparent;
padding-bottom:0px;
}
textarea
{
border:none;
width:100%;
padding:0px;
text-align:justify;
}
.repcontrol > .btn
{
border-radius:0px;
}
.sheet-flexBlock
{
display:flex;
}
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;
background:transparent;
}
div.sheet-autoex > textarea::placeholder
{
font-family:"Contrail One";
color: #575957da;
text-transform: capitalize;
font-style: italic;
text-align: center;
font-size: 95%;
font-weight:normal;
}
div.sheet-autoex22
{
min-height:22px;
}
div.sheet-autoex28
{
min-height:28px;
}
div.sheet-autoex40
{
min-height:40px;
}
input.sheet-tabMenu[value="1"] ~ div.sheet-tab1,
input.sheet-tabMenu[value="2"] ~ div.sheet-tab2,
input.sheet-tabMenu[value="3"] ~ div.sheet-tab3,
input.sheet-tabMenu[value="4"] ~ div.sheet-tab4,
input.sheet-tabMenu[value="5"] ~ div.sheet-tab5,
input.sheet-tabMenu[value="6"] ~ div.sheet-tab6
{
display: block;
}
.sheet-tab-content
{
display:none;
}
div.sheet-menu
{
display: flex;
padding-left: 1px;
padding-bottom: 1px;
flex-wrap: wrap;
align-content: baseline;
justify-content: space-around;
margin-top: 3px;
}
div.sheet-menu > label
{
margin: 0px;
padding: 0px;
width: 126px;
margin-right:2px;
height: 26px;
margin-bottom:2px;
}
div.sheet-menu > label > input[type="radio"]
{
width: 127px;
height: 26px;
position: absolute;
cursor: pointer;
z-index: 1;
opacity: 0;
}
div.sheet-menu > label > input[type="radio"] ~ span[title]::before
{
content: attr(title);
width: 125px;
text-align: center;
display: inline-block;
height: 24px;
font-size: 18px;
font-weight: bold;
border: 1px solid BurlyWood;
position: relative;
background-color: burlywood;
line-height: 24px;
color: sienna;
font-variant: small-caps;
}
div.sheet-menu > label > input[type="radio"]:checked ~ span[title]::before
{
box-shadow: 0px 0px 3px 0px #000000 inset;
}
div.sheet-menu > label:last-child
{
margin:0px;
width:20px;
height:20px;
}
div.sheet-menu > label:last-child > input[type="checkbox"]
{
margin: 0px;
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
z-index: 1;
}
div.sheet-menu > label:last-child > input[type="checkbox"] ~ span::before
{
margin: 0px;
font-family: "Pictos";
content: "y";
position: relative;
font-size: 20px;
color: burlywood;
}
div.sheet-menu > label:last-child > input[type="checkbox"]:checked ~ span::before
{
text-shadow: 0px 0px 3px black;
}
div.sheet-menu > label:last-child > div
{
display:none;
}
div.sheet-menu > label:last-child > input[type="checkbox"]:checked ~ div
{
display: flex;
width: 275px;
border: 1px solid black;
background-color: sienna;
position: absolute;
margin-left: -286px;
padding: 10px;
border-radius: 10px;
flex-wrap:wrap;
}
div.sheet-menu > label:last-child > div > label
{
margin: 0px;
padding: 0px;
width: 100%;
display: flex;
flex-wrap: wrap;
background-color: burlywood;
padding: 5px;
border-radius: 10px;
}
div.sheet-menu > label:last-child > div > label:first-of-type > span
{
font-variant: small-caps;
font-weight: bold;
width: 50%;
display: flex;
font-size: 15px;
align-self: center;
}
div.sheet-menu > label:last-child > div > label:last-of-type > span
{
font-variant: small-caps;
font-weight: bold;
width: 100%;
display: flex;
font-size: 15px;
align-self: center;
}
div.sheet-menu > label:last-child > div > label:first-of-type > select
{
width: 50%;
display: flex;
margin: 0px;
background: transparent;
border: 1px solid sienna;
border-radius: 0px;
font-weight: bold;
}
div.sheet-menu > label:last-child > div > label:last-of-type > select
{
width: 100%;
display: flex;
margin: 0px;
background: transparent;
border: 1px solid sienna;
border-radius: 0px;
font-weight: bold;
}
div.sheet-menu > label:last-child > div > label:not(:first-of-type)
{
margin-top:5px;
}
.sheet-topBlock
{
justify-content:space-between;
width:100%;
border-bottom: 2px solid black;
padding-bottom: 5px;
min-width:800px;
}
.sheet-carBlock
{
width:335px;
flex-wrap:wrap;
justify-content: space-between;
align-content:baseline;
border-radius:5px;
background-color:BurlyWood;
padding:5px;
margin-right:5px;
margin-left:5px;
}
.sheet-carBlock > h3,
.sheet-attrBlock > h3
{
width:100%;
display:flex;
}
.sheet-carBlock > label
{
width:50%;
display:flex;
padding:0px;
margin:0px;
}
.sheet-carBlock > label > span
{
width:calc(100% - 70px);
display:flex;
font-weight:bold;
padding:0px;
margin:0px;
font-size:13px;
line-height: 26px;
font-variant:small-caps;
padding-left:2px;
}
.sheet-carBlock > label > button[type="roll"]
{
width:20px;
display:flex;
padding:0px;
margin:0px;
height: 25px;
border-radius:0px;
}
.sheet-carBlock > label > button[type="roll"]:last-child
{
border-left:0px;
}
.sheet-carBlock > label > button[type="roll"]::before
{
margin:auto;
}
.sheet-carBlock > label > button[type="roll"]:last-child::before
{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
content:"T";
}
.sheet-carBlock > label > input[type="number"]
{
display: flex;
width: 25px;
text-align: center;
border-radius: 0px;
padding: 0px;
}
.sheet-attrBlock > label > input[type="number"]
{
display:flex;
width:45px;
text-align:center;
border-radius:0px;
height:27px;
margin-right:21px;
}
.sheet-attrBlock
{
width:160px;
flex-wrap:wrap;
justify-content: space-between;
align-content:baseline;
border-radius:5px;
background-color:BurlyWood;
padding:5px;
}
.sheet-attrBlock > label
{
width:100%;
display:flex;
padding:0px;
margin:0px;
}
.sheet-attrBlock > label > h6
{
width:100%;
display:flex;
line-height:26px;
font-variant:small-caps;
font-size:13px;
}
.sheet-attrBlock > label > input[type="checkbox"]
{
width:15px;
height:15px;
position:absolute;
opacity:0;
opacity: 0;
z-index: 1;
margin-left: 142px;
margin-top: 7px;
}
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ span::before
{
content:"-";
}
.sheet-attrBlock > label > span
{
width:15px;
height:15px;
position:absolute;
margin-left: 141px;
margin-top: 4px;
opacity:0;
}
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ span
{
opacity:1;
}
.sheet-attrBlock > label:hover > span
{
opacity:1;
}
.sheet-attrBlock > label > span::before
{
font-family: Pictos;
content:"+";
}
.sheet-attrBlock > label > div
{
display:none;
flex-wrap:wrap;
}
.sheet-attrBlock > label > div > label
{
width:100%;
padding:0px;
margin:0px;
font-size:13px;
font-weight:normal;
}
.sheet-attrBlock > label:not(:last-child) > div > label:last-child
{
margin-bottom:2px;
}
.sheet-attrBlock > label > div > h5
{
width:calc(100% - 21px);
border-bottom:1px solid black;
font-variant:small-caps;
text-align:center;
}
.sheet-attrBlock > label > div > label > span
{
width:calc(100% - 66px);
height:25px;
align-items:center;
}
.sheet-attrBlock > label > div > label > input[type="number"]
{
width:45px;
border-radius:0px;
text-align:center;
}
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ div,
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ div > label,
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ div > label > h5,
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ div > label > span,
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ div > label > input[type="number"]
{
display:flex;
}
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ button[type="roll"],
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ input[type="number"],
.sheet-attrBlock > label > input[type="checkbox"]:checked ~ h6
{
display:none;
}
.sheet-idBlock
{
width:300px;
flex-wrap:wrap;
align-content: baseline;
padding:5px;
border-radius:5px;
background-color:BurlyWood;
padding:5px;
}
.sheet-idBlock > label:first-child
{
width:100%;
margin-top:0px;
}
.sheet-idBlock > label:first-child > input[type="text"]
{
width:100%;
border-radius:0px;
border-top:0px;
border-right:0px;
border-left:0px;
text-align:center;
font-size:15px;
font-variant:small-caps;
margin:0px;
background-color:transparent;
border-bottom-color:sienna;
}
.sheet-idBlock > label:last-child
{
width:100%;
flex-wrap:wrap;
margin-top:0px;
}
.sheet-idBlock > label:last-child > input[type="text"]
{
width:100%;
border-radius:0px;
margin:0px;
}
.sheet-idBlock > label:last-child > span
{
width:auto;
margin: auto;
height:30px;
align-items: end;
}
.sheet-idBlock > label
{
width:33.33%;
display:flex;
margin:0px;
padding:0px;
height: 30px;
margin-top:5px;
}
.sheet-idBlock > label:nth-child(2) > input[type="text"]:last-child,
.sheet-idBlock > label:nth-child(3) > input[type="text"]:last-child
{
margin-right:5px;
}
.sheet-idBlock > label > input[type="text"]
{
width:calc(100% - 50px);
display:flex;
border-radius:0px;
}
.sheet-idBlock > label > span
{
width:50px;
font-size: 13px;
font-weight: normal;
display: flex;
align-items:end;
}
.sheet-bodyBlock,
.sheet-bottomBlock
{
width:calc(100% - 10px);
margin-top:2px;
border-radius:5px;
background-color:BurlyWood;
padding:5px;
margin-bottom:5px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock
{
width:30%;
flex-wrap:wrap;
align-content: baseline;
min-width: 252px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label
{
display:flex;
width:100%;
margin:0px;
padding:0px;
flex-wrap:wrap;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label:first-child
{
flex-wrap:nowrap;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label:first-child > span:first-child
{
margin-right:2px;
align-items:center;
height:auto;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > input[type="text"]
{
width:100%;
border-radius:0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > span,
.sheet-tab2 > .sheet-bodyBlock > .sheet-leftBlock > div > span
{
display:flex;
width:auto;
height:30px;
font-size:15px;
font-variant:small-caps;
align-items:end;
font-weight: bold;
color:#333;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="text"]
{
display:flex;
width:calc(100% - 15px);
border-radius:0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div.repcontrol,
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div.repcontainer
{
width:100%;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"]
{
width:15px;
height:15px;
position:absolute;
opacity:0;
z-index: 1;
right:0px;
right: -1px;
margin-top: 7px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > span
{
width:15px;
height:15px;
position:absolute;
opacity:0;
right:0px;
margin-top: 5px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"]:checked + span::before
{
content:"-";
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"]:checked + span
{
opacity:1;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div:hover > input[type="checkbox"] + span
{
opacity:1;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"] + span::before
{
font-family: Pictos;
content:"+";
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"]:checked ~ div
{
display:flex;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > input[type="checkbox"]:checked ~ input[type="text"]
{
border-bottom:0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > div
{
display:none;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-leftBlock > label > div > div > div > textarea
{
display:flex;
height: calc(100px - 2px);
margin: 0px;
border: 1px solid sienna;
border-radius: 0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock
{
width:400px;
flex-wrap:wrap;
min-width: 400px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:first-child
{
display:flex;
width:100%;
font-size:13px;
font-variant:small-caps;
font-weight:normal;
justify-content:center;
flex-wrap:wrap;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div
{
margin:0px;
padding:0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > label
{
display:flex;
margin-bottom:auto;
justify-content:center;
padding:0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(2)
{
display:flex;
width:100%;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(3)
{
display:flex;
width:calc(50% - 90px);
font-size:13px;
font-variant:small-caps;
font-weight:normal;
justify-content:right;
align-items:end;
margin-top:30px;
flex-wrap:wrap;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:first-child > label > button,
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(3) > label > button,
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(6) > label > button
{
display:flex;
width:110px;
justify-content:center;
padding:0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(4)
{
display:flex;
width:60px;
margin-right:30px;
margin-top:30px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(5)
{
display:flex;
width:60px;
margin-left:30px;
margin-top:30px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div:nth-child(6)
{
display:flex;
width:calc(50% - 90px);
font-size:13px;
font-variant:small-caps;
font-weight:normal;
justify-content:left;
align-items:end;
margin-top:30px;
flex-wrap:wrap;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > span,
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > div
{
display:flex;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > span
{
justify-content:center;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > div
{
flex-wrap:wrap;
justify-content:space-around;
width: 110px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > div > input[type="checkbox"]
{
display:flex;
margin: 3px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-centerBlock > div > input[type="number"]
{
display:flex;
width: 50px;
height: 50px;
border-radius: 30px;
margin: auto;
text-align: center;
font-size: 40px;
padding: 0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock,
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock
{
width:30%;
flex-wrap:wrap;
min-width:160px;
align-content: baseline;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label:first-child
{
margin-bottom:5px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label,
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label
{
margin:0px;
padding:0px;
font-size:15px;
font-weight:bold;
font-variant:small-caps;
width:100%;
display:flex;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label > span:first-child,
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label > span:first-child
{
width:calc(100% - 62px);
justify-content:left;
padding-left:2px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label > span
{
width:5px;
display:flex;
align-items: center;
justify-content: center;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:last-child) > input[type="number"],
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label > input[type="number"]
{
width:28px;
display:flex;
text-align:center;
border-radius:0px;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label:nth-child(4) > input[type="number"]
{
width:60px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div
{
width:100%;
display:flex;
flex-wrap:wrap;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > input[type="hidden"][value$="0}"] ~ div
{
display:none;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:last-child,
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2)
{
justify-content:space-between;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2)
{
flex-wrap:nowrap;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > span
{
width:100%;
display:flex;
height: 23px;
font-size: 15px;
font-variant: small-caps;
align-items: end;
font-weight: bold;
color: #333;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:last-child > span
{
width:calc(100% - 50px);
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:last-child > input[type="number"]
{
text-align:center;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > span
{
width:calc(100% - 40px);
height:25px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label
{
width:100%;
display:flex;
margin:0px;
padding:0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > h6
{
width: calc(100% - 40px);
display: flex;
line-height: 27px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > button,
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button
{
width: 20px;
display: flex;
padding: 0px;
margin: 0px;
height: 25px;
border-radius: 0px;
line-height: 25px;
justify-content:center;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > button:last-child,
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button:last-child
{
border-left:0px;
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div > label > button:last-child::before,
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button:last-child::before
{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
content: "T";
}
.sheet-tab1 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-last-of-type(2) > button::before
{
font-size:1.2em;
}
.sheet-compBlock
{
justify-content: space-between;
flex-wrap:wrap;
}
.sheet-compBlock > div
{
width:100%;
flex-wrap:wrap;
min-width:148.75px;
justify-content:space-between;
}
.sheet-compBlock > div:last-child
{
margin-top:5px;
}
.sheet-compBlock > div > h3
{
width:calc(25% - 15px);
display:flex;
padding-top:5px;
padding-left:5px;
padding-right:5px;
color:BurlyWood;
}
.sheet-compBlock > div > div
{
width:calc(25% - 15px);
border-radius:5px;
background-color:BurlyWood;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
margin-bottom:auto;
}
.sheet-compBlock > div > div > span
{
display: flex;
width: auto;
height: 30px;
font-size: 15px;
font-weight:bold;
font-variant: small-caps;
align-items: end;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div,
.sheet-compBlock > div > div > div
{
margin:0px;
padding:0px;
width:100%;
display:flex;
flex-wrap:wrap;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > label,
.sheet-compBlock > div > div > div > label
{
margin: 0px;
padding: 0px;
width: calc(100% - 73px);
margin-left: -5px;
padding-left: 5px;
margin-right: 3px;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > label > input[type="text"],
.sheet-compBlock > div > div > div > label > input[type="text"]
{
width: 100%;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 0px;
font-size: 11px;
font-variant: small-caps;
color: #333;
}
.sheet-compBlock > div > div > div > span
{
width:calc(100% - 70px);
font-variant:small-caps;
display:flex;
font-weight: normal;
font-size: 11px;
align-items:center;
margin-left: -5px;
padding-left: 5px;
}
.sheet-compBlock > div > div > div.sheet-compType > span
{
width:0px;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="number"],
.sheet-compBlock > div > div > div > input[type="number"]
{
width:29px;
display:flex;
text-align:center;
padding-right:0px;
padding-left:0px;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > button,
.sheet-compBlock > div > div > div > button[type="roll"]
{
width:13px;
display:flex;
justify-content: center;
align-items: center;
margin: 0px;
border-radius:0px;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > button:nth-child(8),
.sheet-compBlock > div > div > div:not(.sheet-compType) > button[type="roll"]:nth-child(7),
.sheet-compBlock > div > div > div.sheet-compType > button[type="roll"]:nth-child(8)
{
border-left:0px;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > button:nth-child(4),
.sheet-compBlock > div > div > div > button:nth-child(4)
{
margin: 0px;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > button:nth-child(8)::before,
.sheet-compBlock > div > div > div > button[type="roll"]:nth-child(7)::before,
.sheet-compBlock > div > div > div.sheet-compType > button[type="roll"]:nth-child(8)::before
{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
content:"T";
}
.sheet-compBlock > div > div > div.sheet-compType > button[type="roll"]:nth-child(7)::before
{
font-family: "dicefontd20";
content: "t";
}
.sheet-compBlock > div > div > div > div.sheet-blockSpe,
.sheet-compBlock > div > div > .repcontainer > .repitem > div > div.sheet-blockSpe
{
display:none;
width:100%;
flex-wrap:wrap;
}
.sheet-compBlock > div > div > .repcontainer,
.sheet-compBlock > div > div > div > div.sheet-blockSpe > .repcontainer,
.sheet-compBlock > div > div > .repcontainer > .repitem > div > div.sheet-blockSpe > .repcontainer
{
width:100%;
}
.sheet-compBlock > div > div > .repcontrol,
.sheet-compBlock > div > div > div > div.sheet-blockSpe > .repcontrol,
.sheet-compBlock > div > div > .repcontainer > .repitem > div > div.sheet-blockSpe > .repcontrol
{
width:100%;
display:block;
}
.sheet-compBlock > div > div > div > input[type="checkbox"]
{
position:absolute;
margin-left: -15px;
opacity: 0;
width: 10px;
height: 10px;
margin-top: 7px;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"]
{
position: absolute;
margin-left: -14px;
opacity: 0;
width: 11px;
height: 11px;
margin-top: 6px;
z-index:1;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"] ~ span
{
width:0px;
font-size: 13px;
}
.sheet-compBlock > div > div > div > input[type="checkbox"] ~ span::before
{
margin-left: -15px;
content: "+";
font-family: Pictos;
width: 11px;
height: 11px;
margin-top: -4px;
margin-right: 5px;
opacity:0;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"] ~ span::before
{
margin-left: -15px;
content: "+";
font-family: Pictos;
width: 11px;
height: 11px;
margin-top: 3px;
margin-right: 5px;
opacity: 0;
position: absolute;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div:hover > input[type="checkbox"] ~ span::before,
.sheet-compBlock > div > div > div:hover > input[type="checkbox"] ~ span::before
{
opacity:1;
color:black;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"]:checked ~ span::before,
.sheet-compBlock > div > div > div > input[type="checkbox"]:checked ~ span::before
{
content:"-";
}
.sheet-compBlock > div > div > .repcontainer > .repitem > div > input[type="checkbox"]:checked ~ div.sheet-blockSpe,
.sheet-compBlock > div > div > div > input[type="checkbox"]:checked ~ div.sheet-blockSpe
{
display:flex;
}
.sheet-compBlock > div > div > .repcontainer > .repitem
{
width:100%;
}
.sheet-compBlock > div > div > .repcontainer > .repitem > .itemcontrol
{
display:none;
}
div.sheet-subBlockSpe > button[type="roll"]:nth-child(4)::before
{
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
content:"T";
}
div.sheet-subBlockSpe > input[type="text"]
{
width:calc(100% - 72px);
display:flex;
margin-right:3px;
padding-right:0px;
}
div.sheet-subBlockSpe > input[type="number"]
{
width:28px;
text-align:center;
display:flex;
padding-right:0px;
padding-left:0px;
}
div.sheet-subBlockSpe > button[type="roll"]
{
width: 13px;
display: flex;
justify-content: center;
align-items: center;
margin: 0px;
border-radius:0px;
}
div.sheet-subBlockSpe > button[type="roll"]:nth-child(4)
{
border-left:0px;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-leftBlock
{
width:30%;
min-width:300px;
align-content:baseline;
flex-wrap:wrap;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-leftBlock > div
{
width:100%;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock
{
width:36%;
min-width:300px;
align-content:baseline;
flex-wrap:wrap;
margin-right: 10px;
margin-left: 10px;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > *,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > * > *
{
display:flex;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > label
{
width:100%;
height: 30px;
font-size: 15px;
font-variant: small-caps;
align-items: end;
font-weight: bold;
color: #333;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > label > span
{
width:auto;
text-align:left;
margin-left:auto;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > label > input[type="number"]
{
margin-right:auto;
text-align:center;
padding-left: 0px;
padding-right: 0px;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div
{
width:100%;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > span:nth-child(1)
{
width:10%;
min-width:65px;
align-items:center;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > span:nth-child(2)
{
width:5%;
min-width:50px;
justify-content: center;
align-items:center;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > input
{
margin:5px;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > input:nth-child(3)
{
margin-left:auto;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > div > input.sheet-SB
{
display:none;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label > input[readonly]
{
width:60px;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:last-child)
{
margin-bottom:5px;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div
{
width:100%;
display:flex;
flex-wrap:wrap;
align-items:baseline;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div > input[type="text"]
{
width: calc(100% - 65px);
margin-right: 5px;
padding: 0px;
font-size: 15px;
font-weight: bold;
font-variant: small-caps;
padding-bottom:1px;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div > input[type="number"]:nth-child(2)
{
font-weight:bold;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div > input[type="number"]
{
width:60px;
text-align:center;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-rightBlock > div > span
{
width:calc(100% - 60px);
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="1"] + div > input.sheet-SB1,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="2"] + div > input.sheet-SB1,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="3"] + div > input.sheet-SB1,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB1,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB1,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="2"] + div > input.sheet-SB2,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="3"] + div > input.sheet-SB2,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB2,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB2,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="3"] + div > input.sheet-SB3,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB3,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB3,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB4,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB4,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB5
{
display:flex;
}
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="1"] + div > input.sheet-SB1,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="2"] + div > input.sheet-SB2,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="3"] + div > input.sheet-SB3,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="4"] + div > input.sheet-SB4,
.sheet-tab2 > .sheet-bodyBlock > .sheet-centerBlock > input[type="hidden"][value="5"] + div > input.sheet-SB5
{
margin-right:auto;
}
.sheet-subBlockArmes
{
flex-wrap:wrap;
}
.sheet-subBlockArmes > input[type="text"]
{
width:100%;
}
.sheet-subBlockArmes > div.sheet-initiative
{
width:20%;
justify-content:space-between;
flex-wrap:wrap;
display:flex;
align-content:baseline;
}
.sheet-subBlockArmes > div.sheet-initiative > h6,
.sheet-subBlockArmes > div.sheet-dommages > h6
{
width:100%;
justify-content:center;
display:flex;
}
.sheet-subBlockArmes > div.sheet-initiative > input[type="number"]
{
width: calc(50% - 1px);
text-align:center;
margin: 0px;
height: 27px;
display:flex;
}
.sheet-subBlockArmes > div.sheet-initiative > button[type="roll"]
{
width: calc(50% - 1px);
justify-content: center;
margin: 0px;
height: 26px;
padding: 0px;
border-radius: 0px;
display:flex;
align-items: center;
font-size: 13px;
border-right:0px;
}
.sheet-subBlockArmes > div.sheet-initiative > button[type="roll"]:last-child
{
border-top:0px;
}
.sheet-subBlockArmes > div.sheet-initiative > button[type="roll"]::before
{
content:"";
}
.sheet-subBlockArmes > div.sheet-dommages
{
width:80%;
justify-content:space-between;
display:flex;
flex-wrap: wrap;
}
.sheet-subBlockArmes > div.sheet-dommages > select
{
margin:0px;
width:30%;
text-align:center;
display:flex;
font-size:12px;
padding: 0px;
justify-content: center;
}
.sheet-subBlockArmes > div.sheet-dommages > span
{
width:10px;
display:flex;
align-items:center;
}
.sheet-subBlockArmes > div.sheet-dommages > input[type="number"]
{
width:calc(30% - 22px);
text-align:center;
display:flex;
}
.sheet-subBlockArmes > div.sheet-dommages > button[type="roll"]
{
width:15px;
display: flex;
margin: 0px;
border-radius: 0px;
justify-content: center;
align-items: center;
}
.sheet-subBlockArmes > div.sheet-dommages > div
{
width: calc(100% - 3px);
margin:0px;
border: 1px solid sienna;
font-size:13px;
line-height:15px;
}
.sheet-tab3 > .sheet-bodyBlock,
.sheet-tab4 > .sheet-bodyBlock
{
justify-content:space-between;
}
.sheet-tab3 > .sheet-bodyBlock
{
flex-wrap:wrap;
}
.sheet-tab3 > .sheet-bodyBlock > div
{
width:calc(30% - 5px);
flex-wrap:wrap;
border-right: 2px solid sienna;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock
{
width:calc(100% - 5px);
flex-wrap:wrap;
align-content: baseline;
padding-right: 5px;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock
{
width:100%;
flex-wrap:wrap;
align-content: baseline;
margin-top:auto;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > h4
{
align-items:end;
width:100%;
display:flex;
font-variant:small-caps;
justify-content:center;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > label
{
width:100%;
display:flex;
justify-content:space-between;
padding:0px;
margin:0px;
align-items: baseline;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > label:not(:last-child)
{
margin-bottom:10px;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock > label:last-child
{
border-top:2px solid sienna;
margin:0px;
padding:0px;
display:flex;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > label > h3,
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock > label > h3
{
width:calc(75% - 5px);
display:flex;
align-items:end;
font-variant:small-caps;
min-width:175px;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBlock > label > input[type="number"]
{
width:calc(25% + 2px);
display:flex;
text-align:center;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock > label:last-child > input[type="number"]
{
width:calc(12.5% - 5px);
display:flex;
text-align:center;
padding-right:0px;
padding-left:0px;
}
.sheet-tab3 > .sheet-bodyBlock > div > .sheet-leftBottomBlock > label:last-child > span
{
width:10px;
display:flex;
justify-content:center;
align-items: end;
font-size: 20px;
padding-bottom:3px;
}
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock
{
width:calc(70% - 5px);
flex-wrap:wrap;
align-content: baseline;
justify-content:space-between;
}
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > h3
{
width:100%;
display:flex;
font-variant:small-caps;
align-items:end;
justify-content:center;
margin-top:5px;
}
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div
{
width:calc(33.33% - 20px);
display:flex;
flex-wrap:wrap;
align-content:baseline;
border:1px solid sienna;
padding:5px;
}
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(1),
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(2),
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(3),
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(4),
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(5),
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div:nth-child(6)
{
margin-bottom:20px;
}
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label
{
display:flex;
margin:0px;
padding:0px;
width:100%;
justify-content:space-between;
}
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label > h4
{
display:flex;
width:calc(70% - 5px);
font-variant:small-caps;
align-items:end;
}
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label > span
{
display:flex;
width:calc(70% - 5px);
font-variant:small-caps;
font-size:12px;
align-items:end;
}
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label > input[type="number"]
{
display:flex;
width:calc(30% - 5px);
text-align:center;
}
.sheet-tab3 > .sheet-bodyBlock > .sheet-rightBlock > div > label:first-child > input[type="number"]
{
font-weight:bold;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock,
.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock
{
width:calc(50% - 50px);
flex-wrap:wrap;
align-content:baseline;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > label
{
padding:0px;
margin:0px;
display:flex;
}
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock
{
width:100%;
flex-wrap:wrap;
}
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > h3
{
display:flex;
width:100%;
font-variant:small-caps;
align-items:end;
justify-content:center;
}
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div:nth-child(2)
{
display:flex;
justify-content:space-between;
}
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div
{
width:100%;
}
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span
{
display:flex;
width:calc(17.6% - 4px);
justify-content: center;
font-variant: small-caps;
font-weight: bold;
align-items:end;
}
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span:nth-child(7)
{
width:calc(17.6% - 4px);
margin-right:27px;
}
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span:nth-child(5)
{
width:calc(17.6% - 25px);
}
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span:nth-child(4),
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div > span:nth-child(6)
{
width:calc(6% - 5px);
}
.sheet-tab3 > .sheet-bottomBlock > .sheet-centerBlock > div.repcontainer > div.repitem:not(:last-child)
{
margin-bottom:5px;
}
.sheet-subBlockSortilegesMaitrises
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
.sheet-subBlockSortilegesMaitrises > input[type="number"],
.sheet-subBlockSortilegesMaitrises > input[type="text"],
.sheet-subBlockSortilegesMaitrises > select
{
width:calc(17.6% - 5px);
height:24px;
margin:0px;
}
.sheet-subBlockSortilegesMaitrises > input[type="text"]:nth-child(5)
{
width:calc(17.6% - 25px);
height:24px;
margin:0px;
}
.sheet-subBlockSortilegesMaitrises > button
{
width:15px;
height:18px;
margin:0px !important;
border-radius: 0px;
margin-right:1px !important;
}
.sheet-subBlockSortilegesMaitrises > input[type="number"],
.sheet-subBlockSortilegesMaitrises > select
{
text-align:center;
}
.sheet-subBlockSortilegesMaitrises > select
{
background:transparent;
border:1px solid sienna;
border-radius:0px;
color:black;
}
.sheet-subBlockSortilegesMaitrises > textarea
{
width:calc(17.6% - 6px);
background:transparent;
border:1px solid sienna;
height:22px;
margin-bottom:0px;
}
.sheet-subBlockSortilegesMaitrises > div
{
margin-top:2px;
width:calc(100% - 30px);
margin-right:1px;
font-size:13px;
line-height:15px;
border: 1px solid sienna;
}
.sheet-subBlockSortilegesMaitrises > input:nth-child(4),
.sheet-subBlockSortilegesMaitrises > input:nth-child(6)
{
width:calc(6% - 5px);
}
.sheet-subBlockSortilegesMaitrises > button:last-child
{
width: 15px;
display: flex;
justify-content: center;
align-items: center;
margin: 0px;
border-radius: 0px;
margin-top:2px !important;
}
.sheet-subBlockSortilegesMaitrises > button:last-child::before
{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
content: "T";
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > div,
.sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > span,
.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > div
{
width:100%;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > span
{
font-size:14px;
font-weight:bold;
font-variant:small-caps;
margin-top:2px;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > label > h3,
.sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > label > h4
{
margin-right:2px;
align-items:end;
width:60px;
display:flex;
font-variant:small-caps;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > label > input[type="text"]
{
height:auto;
width:calc(100% - 62px);
display:flex;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-leftBlock > div.repcontainer > div.repitem:not(:last-child),
.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > div.repcontainer > div.repitem:not(:last-child)
{
margin-bottom:1px;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label
{
display:flex;
width:100%;
padding:0px;
margin:0px;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:first-of-type > span
{
width:135px;
align-items:end;
display:flex;
font-size:12px;
font-variant:small-caps;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:first-of-type > input[type="number"]
{
width:calc(100% - 145px);
align-items:end;
display:flex;
padding-left:0px;
padding-right:0px;
text-align:center;
padding-bottom:0px;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:first-of-type) > h3
{
width:calc(100% - 200px);
margin-right:5px;
align-items:end;
display:flex;
font-variant:small-caps;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:first-of-type) > input[type="text"]
{
width:140px;
text-align:center;
font-weight:bold;
padding-left:0px;
padding-right:0px;
margin-right:5px;
}
.sheet-tab4 > .sheet-bodyBlock > .sheet-rightBlock > label:not(:first-of-type) > input[type="number"]
{
width:50px;
text-align:center;
font-weight:bold;
padding-left:0px;
padding-right:0px;
}
.sheet-subBlockCasteLien
{
flex-wrap:wrap;
}
.sheet-subBlockCasteLien > input[type="text"]
{
width: calc(100% - 1px);
padding-right:0px;
padding-left:0px;
}
.sheet-subBlockCasteLien > div
{
background: transparent;
border: 1px solid sienna;
margin: 0px;
width: calc(100% - 3px);
border-top: 0px;
line-height:15px;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock
{
width:calc(70% - 5px);
flex-wrap:wrap;
align-content:baseline;
justify-content:space-between;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child
{
width:100%;
display:flex;
flex-wrap:wrap;
align-content:baseline;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > h3
{
width:100%;
align-items:end;
display:flex;
font-variant:small-caps;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2)
{
width:100%;
align-items:end;
display:flex;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > span
{
width:calc(28.33% - 5px);
margin-right:5px;
align-items:end;
display:flex;
flex-wrap:wrap;
justify-content:center;
font-variant:small-caps;
font-weight:bold;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > span:last-child
{
width:28.33%;
margin-right:0px;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > div
{
width:calc(15% - 3px);
margin-right:3px;
align-items:end;
display:flex;
flex-wrap:wrap;
justify-content:center;
font-variant:small-caps;
font-weight:bold;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > div > span:nth-child(2)
{
width:calc(50% - 3px);
margin-right:5px;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > div > span
{
width:calc(50% - 3px);
align-items:end;
display:flex;
justify-content:center;
font-variant:small-caps;
font-weight:bold;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(2) > div > span:first-child,
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(4),
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:first-child > div:nth-child(5)
{
width:100%;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > h3
{
display:flex;
width:100%;
align-items:center;
font-variant:small-caps;
margin-top:10px;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:not(:first-child)
{
display:flex;
width:calc(50% - 10px);
flex-wrap:wrap;
align-content:baseline;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-leftBlock > div:not(:first-child) > div
{
width:100%;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock
{
width:calc(30% - 5px);
align-items:baseline;
margin-left:10px;
flex-wrap:wrap;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div
{
display:flex;
width:100%;
flex-wrap:wrap;
align-items: baseline;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div > h3
{
display:flex;
width:100%;
align-items:center;
font-variant:small-caps;
height:22px;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div:first-child > div,
.sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div
{
width:100%;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div:not(:first-child)
{
margin-top:10px;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div:not(:first-child) > input[type="number"]
{
width:calc(50% - 5px);
margin-right:5px;
display:flex;
text-align:right;
}
.sheet-tab5 > .sheet-bodyBlock > .sheet-rightBlock > div:not(:first-child) > span
{
width:calc(50% - 5px);
margin-left:5px;
display:flex;
text-align:left;
}
.sheet-subBlockArmesEquipement
{
width:100%;
display:flex;
}
.sheet-subBlockArmesEquipement > input[type="text"]
{
margin-right:7px;
width:calc(28% - 5px);
display:flex;
padding-right:0px;
padding-left:0px;
}
.sheet-subBlockArmesEquipement > div
{
width:calc(28% - 1px);
margin:0px;
border:1px solid sienna;
background:transparent;
display:flex;
font-size:13px;
line-height:15px;
}
.sheet-subBlockArmesEquipement > input[type="number"]
{
width:calc(7.5% - 5px);
text-align:center;
display:flex;
margin-right:5px;
padding-right:0px;
padding-left:0px;
}
.sheet-subBlockArmuresEquipement
{
width:100%;
display:flex;
}
.sheet-subBlockArmuresEquipement > input[type="text"]
{
width:100%;
display:flex;
padding-right:0px;
padding-left:0px;
height:28px;
padding-top:4px;
}
.sheet-subBlockMaterielEquipement
{
width:100%;
display:flex;
}
.sheet-subBlockMaterielEquipement > input[type="text"]
{
width:100%;
height:28px;
padding-top:4px;
padding-right:0px;
padding-left:0px;
}
.sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
}
.sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > h3,
.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > h3,
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > h3
{
width: 100%;
align-items: center;
display: flex;
font-variant: small-caps;
justify-content:center;
}
.sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div
{
width:calc(33.33% - 20px);
margin:0px;
padding:0px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
}
.sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div:first-child
{
margin-bottom:10px;
}
.sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > button
{
width:70%;
padding:0px;
display:flex;
justify-content:center;
}
.sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > input[type="number"]
{
width:calc(30% - 6px);
padding:0px;
display:flex;
text-align:center;
}
.sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > div
{
display:flex;
width:100%;
justify-content:space-between;
padding-right: 5px;
padding-left: 5px;
margin-top: 3px;
}
.sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > div > input[type="checkbox"]
{
display:flex;
}
.sheet-tab6 > .sheet-bodyBlock > .sheet-centerBlock > div > input[type="text"]
{
width:100%;
display:flex;
margin-left:1px;
}
.sheet-tab6 > .sheet-bottomBlock
{
justify-content:space-between;
align-items:baseline;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock,
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock
{
width:calc(50% - 5px);
display:flex;
flex-wrap:wrap;
align-items:baseline;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label,
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label
{
align-items:baseline;
width:100%;
margin:0px;
padding:0px;
display:flex;
flex-wrap:wrap;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label:not(:last-child),
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:not(:last-child)
{
margin-bottom:5px;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > h4
{
align-items:end;
width:100%;
display:flex;
font-variant:small-caps;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > div,
.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > input[type="text"]
{
width:100%;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-leftBlock > label > div
{
margin: 0px;
background: transparent;
border: 1px solid sienna;
width: calc(100% - 3px);
font-size:13px;
line-height:15px;
}
.sheet-subBlockCompagnons
{
width:100%;
}
.sheet-subBlockCompagnons > input[type="text"]
{
width:100%;
display:flex;
height:28px;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label
{
flex-wrap:wrap;
justify-content:space-between;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label > input[type="number"]
{
text-align:center;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:first-child > h4,
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label > h5
{
align-items:end;
width:100%;
display:flex;
font-variant:small-caps;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:nth-child(2) > input[type="text"],
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label > div
{
width:100%;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:not(:first-child) > h4
{
align-items:end;
width:calc(70% - 5px);
display:flex;
font-variant:small-caps;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label:not(:first-child) > input[type="number"]
{
width:calc(30% - 5px);
display:flex;
}
.sheet-tab6 > .sheet-bottomBlock > .sheet-rightBlock > label > div.repcontainer > div.repitem:not(:last-child)
{
margin-bottom:5px;
}
.sheet-subBlockPouvoirsEclat
{
width:100%;
}
.sheet-subBlockPouvoirsEclat > input[type="text"]
{
width:100%;
border-bottom:0px;
padding-right:0px;
padding-left:0px;
font-variant:small-caps;
}
.sheet-subBlockPouvoirsEclat > div
{
margin: 0px;
background: transparent;
border: 1px solid sienna;
width: calc(100% - 3px);
font-size:13px;
line-height:15px;
}
.sheet-rolltemplate-standard .sheet-mainBlock,
.sheet-rolltemplate-magie .sheet-mainBlock,
.sheet-rolltemplate-tendance .sheet-mainBlock,
.sheet-rolltemplate-relance .sheet-mainBlock,
.sheet-rolltemplate-verdict .sheet-mainBlock,
.sheet-rolltemplate-combat .sheet-mainBlock
{
width:100%;
display:flex;
flex-wrap:wrap;
background-color:BurlyWood;
border-radius:10px;
}
.sheet-rolltemplate-standard .sheet-mainBlock > *,
.sheet-rolltemplate-standard .sheet-mainBlock > * > *,
.sheet-rolltemplate-magie .sheet-mainBlock > *,
.sheet-rolltemplate-magie .sheet-mainBlock > * > *,
.sheet-rolltemplate-tendance .sheet-mainBlock > *,
.sheet-rolltemplate-tendance .sheet-mainBlock > * > *,
.sheet-rolltemplate-relance .sheet-mainBlock > *,
.sheet-rolltemplate-verdict .sheet-mainBlock > *,
.sheet-rolltemplate-combat .sheet-mainBlock > *
{
display:flex;
}
.sheet-rolltemplate-standard .sheet-mainBlock > h3,
.sheet-rolltemplate-magie .sheet-mainBlock > h3,
.sheet-rolltemplate-magie .sheet-mainBlock > div.sheet-relance > h4,
.sheet-rolltemplate-tendance .sheet-mainBlock > h3,
.sheet-rolltemplate-relance .sheet-mainBlock > h3,
.sheet-rolltemplate-combat .sheet-mainBlock > h3,
.sheet-rolltemplate-standard .sheet-mainBlock > div > h4,
.sheet-rolltemplate-tendance .sheet-mainBlock > h4
{
width:100%;
justify-content:center;
font-variant:small-caps;
}
.sheet-rolltemplate-standard .sheet-mainBlock > h3,
.sheet-rolltemplate-magie .sheet-mainBlock > h3,
.sheet-rolltemplate-tendance .sheet-mainBlock > h3,
.sheet-rolltemplate-relance .sheet-mainBlock > h3,
.sheet-rolltemplate-verdict .sheet-mainBlock > h3,
.sheet-rolltemplate-combat .sheet-mainBlock > h3
{
border-bottom:1px solid black;
}
.sheet-rolltemplate-standard .sheet-mainBlock > div > h4,
.sheet-rolltemplate-magie .sheet-mainBlock > div > h4,
.sheet-rolltemplate-tendance .sheet-mainBlock > h4:not(:nth-child(2))
{
border-top:1px solid black;
}
.sheet-rolltemplate-magie .sheet-mainBlock > div > h4
{
width:100%;
padding-right:2px;
padding-left:2px;
}
.sheet-rolltemplate-magie .sheet-mainBlock > div.sheet-resume > span
{
height: auto !important;
word-break: break-all;
width: 100% !important;
text-align: justify;
padding-right: 2px;
}
.sheet-rolltemplate-initiative .sheet-mainBlock > span,
.sheet-rolltemplate-combat .sheet-mainBlock > span
{
height: 25px;
align-items: center;
justify-content:left;
width:50%;
padding-left:2px;
}
.sheet-rolltemplate-combat .sheet-mainBlock > span:last-child
{
width:100%;
padding:2px;
justify-content:justify;
}
.sheet-rolltemplate-combat .sheet-mainBlock > span:nth-child(3),
.sheet-rolltemplate-combat .sheet-mainBlock > span:nth-child(5)
{
height: 25px;
align-items: center;
justify-content:center;
width:calc(50% - 6px);
}
.sheet-rolltemplate-standard .sheet-mainBlock > div > span,
.sheet-rolltemplate-magie .sheet-mainBlock > span,
.sheet-rolltemplate-magie .sheet-mainBlock > div.sheet-relance > span,
.sheet-rolltemplate-relance .sheet-mainBlock > span
{
height: 25px;
align-items: center;
justify-content:center;
width:30%;
}
.sheet-rolltemplate-standard .sheet-mainBlock > div.sheet-result > span:nth-child(odd),
.sheet-rolltemplate-standard .sheet-mainBlock > div.sheet-relance > span:nth-child(even),
.sheet-rolltemplate-magie .sheet-mainBlock > span:nth-child(even),
.sheet-rolltemplate-relance .sheet-mainBlock > span:nth-child(even)
{
align-items:center;
width:calc(70% - 2px);
justify-content:left;
padding-left:2px;
height: 25px;
}
.sheet-rolltemplate-magie .sheet-mainBlock > div > span:nth-child(even)
{
align-items:center;
width:calc(70% - 6px);
justify-content:left;
padding-left:2px;
height: 25px;
}
.sheet-rolltemplate-standard .sheet-mainBlock > div,
.sheet-rolltemplate-standard .sheet-mainBlock > div > div,
.sheet-rolltemplate-magie .sheet-mainBlock > div,
.sheet-rolltemplate-magie .sheet-mainBlock > div > div,
.sheet-rolltemplate-tendance .sheet-mainBlock > div,
.sheet-rolltemplate-relance .sheet-mainBlock > div
{
width:100%;
flex-wrap:wrap;
}
.sheet-rolltemplate-magie .sheet-mainBlock > div.sheet-relance > span
{
}
.sheet-rolltemplate-standard .sheet-mainBlock > div > div,
.sheet-rolltemplate-magie .sheet-mainBlock > div > div,
.sheet-rolltemplate-relance .sheet-mainBlock > div
{
border-top:1px solid black;
justify-content:center;
align-items:center;
height:25px;
}
.sheet-rolltemplate-standard .sheet-mainBlock > h4,
.sheet-rolltemplate-tendance .sheet-mainBlock > h4
{
justify-content:center;
width:100%;
}
.sheet-rolltemplate-relance .sheet-mainBlock > span:nth-child(even)
{
align-items:center;
width:calc(70% - 2px);
justify-content:left;
padding-left:2px;
height: 25px;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-score
{
justify-content:center;
margin-bottom:2px;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div > span:nth-child(odd)
{
align-items:center;
width:calc(70% - 2px);
justify-content:left;
padding-left:2px;
height: 30px;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div > span:nth-child(even)
{
align-items:center;
width:30%;
justify-content:center;
height: 30px;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-tendance > span:nth-child(even)
{
width:calc(30% - 27px);
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-tendance > span:last-child
{
width:25px;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-resume > h4
{
width:100%;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-resume > span
{
word-break: break-all;
width: 100%;
text-align: justify;
padding-right: 2px;
height:auto;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-cpc
{
justify-content:center;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div > span
{
height: 25px;
align-items: center;
justify-content:center;
width:calc(30% - 25px);
height:30px;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div.sheet-score > span
{
justify-content:right;
align-items:center;
padding-right:5px;
padding-left:5px;
width:calc(50% - 10px);
}
.sheet-rolltemplate-verdict .sheet-mainBlock > h4
{
width:100%;
text-align:center;
font-variant:small-caps;
border-bottom:1px solid black;
}
.sheet-rolltemplate-verdict .sheet-mainBlock > span
{
width:100%;
}
.sheet-rolltemplate-verdict .sheet-mainBlock > span:nth-child(even)
{
font-variant:small-caps;
font-weight:bold;
justify-content:center;
text-align: center;
}
.sheet-rolltemplate-verdict .sheet-mainBlock > span:nth-child(odd)
{
text-align:justify;
margin-bottom:5px;
padding-right: 2px;
padding-left: 2px;
}
.sheet-rolltemplate-tendance .sheet-mainBlock > div > span:nth-child(even)
{
justify-content:left;
}
.sheet-rolltemplate-standard .sheet-Green,
.sheet-rolltemplate-magie .sheet-Green,
.sheet-rolltemplate-relance .sheet-Green
{
color:Green;
font-weight:bold;
}
.sheet-rolltemplate-standard .sheet-Red,
.sheet-rolltemplate-magie .sheet-Red,
.sheet-rolltemplate-relance .sheet-Red
{
color:Red;
font-weight:bold;
}
.sheet-rolltemplate-standard .inlinerollresult,
.sheet-rolltemplate-magie .inlinerollresult,
.sheet-rolltemplate-tendance .inlinerollresult,
.sheet-rolltemplate-relance .inlinerollresult,
.sheet-rolltemplate-combat .inlinerollresult,
.sheet-rolltemplate-combat .inlinerollresult.fullcrit,
.sheet-rolltemplate-combat .inlinerollresult.fullfail,
.sheet-rolltemplate-combat .inlinerollresult.importantroll
{
background-color: transparent;
border: none;
}
.sheet-rolltemplate-standard .inlinerollresult.fullcrit,
.sheet-rolltemplate-magie .inlinerollresult.fullcrit,
.sheet-rolltemplate-tendance .inlinerollresult.fullcrit,
.sheet-rolltemplate-relance .inlinerollresult.fullcrit
{
border: none;
color:Green;
}
.sheet-rolltemplate-standard .inlinerollresult.fullfail,
.sheet-rolltemplate-magie .inlinerollresult.fullfail,
.sheet-rolltemplate-tendance .inlinerollresult.fullfail,
.sheet-rolltemplate-relance .inlinerollresult.fullfail
{
border: none;
color:Red;
}
.sheet-rolltemplate-standard .inlinerollresult.importantroll,
.sheet-rolltemplate-magie .inlinerollresult.importantroll,
.sheet-rolltemplate-tendance .inlinerollresult.importantroll,
.sheet-rolltemplate-relance .inlinerollresult.importantroll
{
border: none;
}
.sheet-rolltemplate-standard a[href^="~"],
.sheet-rolltemplate-magie a[href^="~"],
.sheet-rolltemplate-tendance a[href^="~"],
.sheet-rolltemplate-relance a[href^="~"]
{
background-color:Chocolate;
color:black;
font-weight:bold;
font-variant:small-caps;
}