mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1891 lines
34 KiB
CSS
1891 lines
34 KiB
CSS
.charsheet
|
|
{
|
|
color:black;
|
|
font-family: Trebuchet MS;
|
|
min-width: 823px;
|
|
}
|
|
|
|
input[type="number"]
|
|
{
|
|
text-align:center;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
select
|
|
{
|
|
margin:0px;
|
|
}
|
|
|
|
textarea
|
|
{
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
label
|
|
{
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
h4
|
|
{
|
|
width:100%;
|
|
color:black;
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:30px;
|
|
}
|
|
|
|
h3
|
|
{
|
|
width:100%;
|
|
color:black;
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:30px;
|
|
}
|
|
|
|
div, span, label, h2, h3, h4
|
|
{
|
|
display:flex;
|
|
color:inherit;
|
|
font-family:inherit;
|
|
}
|
|
|
|
div.repcontainer,
|
|
div.repitem,
|
|
div.repcontrol
|
|
{
|
|
display:block;
|
|
width:100%;
|
|
}
|
|
|
|
div.repcontrol > button.btn
|
|
{
|
|
border-radius:0px;
|
|
}
|
|
|
|
label.sheet-options
|
|
{
|
|
width:25px;
|
|
height:25px;
|
|
position:absolute;
|
|
}
|
|
|
|
label.sheet-options > input[type="checkbox"]
|
|
{
|
|
position:absolute;
|
|
width:25px;
|
|
height:25px;
|
|
opacity:0;
|
|
cursor:pointer;
|
|
z-index:1;
|
|
}
|
|
|
|
label.sheet-options > span
|
|
{
|
|
width:100%;
|
|
height:25px;
|
|
}
|
|
|
|
label.sheet-options > span::before
|
|
{
|
|
width: 100%;
|
|
height: 25px;
|
|
font-family: "Pictos";
|
|
font-size: 25px;
|
|
content: 'y';
|
|
margin-top: 2px;
|
|
text-shadow: 2px 2px silver;
|
|
}
|
|
|
|
label.sheet-options > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
text-shadow: none;
|
|
}
|
|
|
|
input[type="hidden"].sheet-showOptions[value="1"] ~ div.sheet-options
|
|
{
|
|
display:flex;
|
|
position:absolute;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
div.sheet-options
|
|
{
|
|
display:none;
|
|
width:500px;
|
|
border-radius:10px;
|
|
background:transparent repeating-linear-gradient(DarkGray, Gray, DimGray) repeat scroll 0% 0%;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
margin-top: 15px;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
div.sheet-options > label:nth-child(even)
|
|
{
|
|
background-color:Silver;
|
|
}
|
|
|
|
div.sheet-options > label:nth-child(odd)
|
|
{
|
|
background-color:DarkGray;
|
|
}
|
|
|
|
div.sheet-options > label
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
font-family:inherit;
|
|
font-size:12px;
|
|
padding-right:5px;
|
|
padding-left:5px;
|
|
}
|
|
|
|
div.sheet-options > label > span
|
|
{
|
|
display:flex;
|
|
width:50%;
|
|
font-family:inherit;
|
|
font-size:12px;
|
|
align-items:center;
|
|
}
|
|
|
|
div.sheet-options > label > select
|
|
{
|
|
display:flex;
|
|
width:50%;
|
|
}
|
|
|
|
.sheet-topHeader,
|
|
.sheet-bottomHeader
|
|
{
|
|
width:calc(100% - 210px);
|
|
margin-left:auto;
|
|
border:1px solid black;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-topHeader > div,
|
|
.sheet-bottomHeader > div
|
|
{
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-topHeader > div:nth-child(odd),
|
|
.sheet-bottomHeader > div > label > span:nth-child(odd)
|
|
{
|
|
background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
|
|
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
|
|
background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
|
|
background: -o-linear-gradient(top,#4c4c4c,000000);
|
|
background-color: #4c4c4c;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-topHeader > div:nth-child(even) > label > span
|
|
{
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-topHeader > div > label
|
|
{
|
|
width:50%;
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-topHeader > div > label:first-child
|
|
{
|
|
width:calc(50% - 1px);
|
|
border-right:1px solid black;
|
|
}
|
|
|
|
.sheet-topHeader > div > label:not(:first-child) > span
|
|
{
|
|
width:106px;
|
|
}
|
|
|
|
.sheet-topHeader > div > label > span
|
|
{
|
|
width: 55px;
|
|
padding:5px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border-right:1px solid black;
|
|
height:28px;
|
|
}
|
|
|
|
.sheet-topHeader > div > label > input[type="text"]
|
|
{
|
|
width: 100%;
|
|
margin:5px;
|
|
}
|
|
|
|
.sheet-bottomHeader
|
|
{
|
|
border-top:0px;
|
|
}
|
|
|
|
.sheet-bottomHeader > div > label
|
|
{
|
|
justify-content:center;
|
|
}
|
|
|
|
.sheet-bottomHeader > div > label:nth-child(1)
|
|
{
|
|
width:calc(14% - 1px);
|
|
border-right:1px solid black;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-bottomHeader > div > label:nth-child(2)
|
|
{
|
|
width:calc(12.5% - 1px);
|
|
border-right:1px solid black;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-bottomHeader > div > label:nth-child(3)
|
|
{
|
|
width:calc(24.5% - 1px);
|
|
border-right:1px solid black;
|
|
flex-wrap:wrap;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-bottomHeader > div > label:nth-child(4)
|
|
{
|
|
width:calc(24.5% - 1px);
|
|
border-right:1px solid black;
|
|
flex-wrap:wrap;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-bottomHeader > div > label:nth-child(5)
|
|
{
|
|
width:24.5%;
|
|
flex-wrap:wrap;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-bottomHeader > div > label > input[type="number"]
|
|
{
|
|
width: 3.5em;
|
|
margin:5px;
|
|
}
|
|
|
|
.sheet-bottomHeader > div > label > span
|
|
{
|
|
width: 100%;
|
|
padding:5px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
height:28px;
|
|
}
|
|
|
|
.sheet-bottomHeader > div > label > span:last-child
|
|
{
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-body
|
|
{
|
|
width:100%;
|
|
margin-top:10px;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
input[type="hidden"].sheet-page[value="1"] ~ div.sheet-page1,
|
|
input[type="hidden"].sheet-page[value="2"] ~ div.sheet-page2,
|
|
input[type="hidden"].sheet-page[value="3"] ~ div.sheet-page3,
|
|
input[type="hidden"].sheet-page[value="4"] ~ div.sheet-page4,
|
|
input[type="hidden"].sheet-page[value="5"] ~ div.sheet-page5
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-menu
|
|
{
|
|
width:100%;
|
|
position:relative;
|
|
z-index:999;
|
|
}
|
|
|
|
.sheet-menu > label
|
|
{
|
|
width:150px;
|
|
}
|
|
|
|
.sheet-menu > label > input[type="radio"]
|
|
{
|
|
position:absolute;
|
|
width:150px;
|
|
height:20px;
|
|
opacity:0;
|
|
}
|
|
|
|
.sheet-menu > label > input[type="radio"]:checked ~ span::before
|
|
{
|
|
border-bottom: 1px solid darkgray;
|
|
background: transparent repeating-linear-gradient(DimGray, Gray, DarkGray) repeat scroll 0% 0% !important;
|
|
}
|
|
|
|
.sheet-menu > label:nth-child(1),
|
|
.sheet-menu > label:nth-child(5)
|
|
{
|
|
width:125px;
|
|
}
|
|
|
|
.sheet-menu > label:nth-child(1) > input[type="radio"],
|
|
.sheet-menu > label:nth-child(5) > input[type="radio"]
|
|
{
|
|
width:125px;
|
|
}
|
|
|
|
.sheet-menu > label:nth-child(2)
|
|
{
|
|
width:250px;
|
|
}
|
|
|
|
.sheet-menu > label:nth-child(2) > input[type="radio"]
|
|
{
|
|
width:250px;
|
|
}
|
|
|
|
.sheet-menu > label > span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-menu > label > span::before
|
|
{
|
|
width:100%;
|
|
content: attr(title);
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 20px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
color: white;
|
|
border-top-right-radius: 1em 1em;
|
|
border-top-left-radius: 1em 1em;
|
|
background: -o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
|
|
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
|
|
background: -moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
|
|
background: -o-linear-gradient(top,#4c4c4c,000000);
|
|
background-color: #4c4c4c;
|
|
}
|
|
|
|
.sheet-body > .sheet-content
|
|
{
|
|
background: transparent repeating-linear-gradient(DarkGray, Gray, DimGray) repeat scroll 0% 0%;
|
|
border: 1px solid black;
|
|
border-bottom-right-radius: 30px;
|
|
border-bottom-left-radius: 30px;
|
|
border-top-right-radius: 10px;
|
|
padding: 10px;
|
|
padding-top:11px;
|
|
overflow: auto;
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
position:relative;
|
|
z-index:0;
|
|
margin-top:-1px;
|
|
display:none;
|
|
width:100%;
|
|
align-items:baseline;
|
|
}
|
|
|
|
.sheet-ficheParcours,
|
|
.sheet-ficheIdentite
|
|
{
|
|
width:calc(50% - 20px);
|
|
flex-wrap:wrap;
|
|
border:1px solid black;
|
|
background-color:Silver;
|
|
}
|
|
|
|
.sheet-ficheParcours > div,
|
|
.sheet-ficheIdentite > div
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-ficheIdentite > div:nth-child(odd),
|
|
.sheet-ficheIdentite > label:nth-child(odd),
|
|
.sheet-ficheParcours > div:nth-child(odd),
|
|
.sheet-ficheParcours > label:nth-child(odd)
|
|
{
|
|
background-color: DarkGray;
|
|
}
|
|
|
|
.sheet-ficheIdentite > div > label
|
|
{
|
|
width:72%;
|
|
}
|
|
|
|
.sheet-ficheIdentite > label > span,
|
|
.sheet-ficheIdentite > div > label > span
|
|
{
|
|
width:148px;
|
|
font-size:15.6px;
|
|
padding-right:2px;
|
|
padding-left:2px;
|
|
align-items:center;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-ficheIdentite > label > input,
|
|
.sheet-ficheIdentite > div > label > input
|
|
{
|
|
width:calc(100% - 152px);
|
|
}
|
|
|
|
|
|
.sheet-ficheIdentite > div > label:last-child
|
|
{
|
|
width:28%;
|
|
}
|
|
|
|
.sheet-ficheIdentite > div > label:last-child > span:first-child
|
|
{
|
|
width:57px;
|
|
font-size:15.6px;
|
|
padding-right:2px;
|
|
align-items:center;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-ficheIdentite > div > label:last-child > input
|
|
{
|
|
width:calc(100% - 60px);
|
|
}
|
|
|
|
.sheet-ficheIdentite > div > label:last-child > span:last-child
|
|
{
|
|
width:28px;
|
|
font-size:12px;
|
|
padding-right:0px;
|
|
padding-left:0px;
|
|
align-items:center;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-ficheIdentite > label,
|
|
.sheet-ficheParcours > label
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-ficheParcours > div > label
|
|
{
|
|
width:70%;
|
|
}
|
|
|
|
.sheet-ficheParcours > div > label:last-child
|
|
{
|
|
width:30%;
|
|
}
|
|
|
|
.sheet-ficheParcours > div > label:last-child > span:first-child
|
|
{
|
|
width:65px;
|
|
font-size:15.6px;
|
|
padding-right:2px;
|
|
align-items:center;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-ficheParcours > div > label:last-child > input[type="number"]
|
|
{
|
|
width:calc(100% - 70px);
|
|
}
|
|
|
|
.sheet-ficheParcours > label > span,
|
|
.sheet-ficheParcours > div > label > span
|
|
{
|
|
width:130px;
|
|
font-size:15.6px;
|
|
padding-right:2px;
|
|
padding-left:2px;
|
|
align-items:center;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.sheet-ficheParcours > label > input,
|
|
.sheet-ficheParcours > div > label > input,
|
|
.sheet-ficheParcours > label > input[type="number"],
|
|
.sheet-ficheParcours > div > label > input[type="number"]
|
|
{
|
|
width:calc(100% - 134px);
|
|
}
|
|
|
|
.sheet-historique,
|
|
.sheet-langues
|
|
{
|
|
width:calc(50% - 20px);
|
|
flex-wrap:wrap;
|
|
border:1px solid black;
|
|
border-top-left-radius: 30px;
|
|
border-top-right-radius: 30px;
|
|
background-color: Silver;
|
|
margin-top:10px;
|
|
align-self:flex-start;
|
|
}
|
|
|
|
.sheet-historique > textarea
|
|
{
|
|
width:100%;
|
|
height:170px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
.sheet-langues > input[type="text"],
|
|
.sheet-langues > div > div > input[type="text"]
|
|
{
|
|
width:100%;
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-langues > input[type="text"]:first-of-type
|
|
{
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
.sheet-lectDroit
|
|
{
|
|
width:100%;
|
|
border:1px solid black;
|
|
flex-wrap:wrap;
|
|
border-top-left-radius: 30px;
|
|
border-top-right-radius: 30px;
|
|
background-color: Silver;
|
|
margin-top:10px;
|
|
align-self:flex-start;
|
|
}
|
|
|
|
.sheet-lectDroit > p
|
|
{
|
|
background-color: DarkGray;
|
|
padding:2px;
|
|
text-align:justify;
|
|
margin:0px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
.sheet-carac
|
|
{
|
|
width:90%;
|
|
border:1px solid black;
|
|
margin:auto;
|
|
}
|
|
|
|
.sheet-carac > div
|
|
{
|
|
width:14.28571428571429%;
|
|
flex-wrap:wrap;
|
|
background-color: Silver;
|
|
}
|
|
|
|
.sheet-carac > div:nth-child(odd)
|
|
{
|
|
background-color: DarkGray;
|
|
}
|
|
|
|
.sheet-carac > div > button[type="roll"]::before
|
|
{
|
|
font-family: inherit;
|
|
content: '';
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-carac > div > button[type="roll"]
|
|
{
|
|
width: 100%;
|
|
margin:0px !important;
|
|
font-size:15.6px;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-carac > div > div
|
|
{
|
|
width:100%;
|
|
justify-content:center;
|
|
}
|
|
|
|
.sheet-carac > div > div > input[type="number"]
|
|
{
|
|
margin:auto;
|
|
text-align:center;
|
|
width:45.5px;
|
|
}
|
|
|
|
.sheet-carac > div > div:last-of-type > input[type="number"]
|
|
{
|
|
background-color:blue;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-comp
|
|
{
|
|
width:100%;
|
|
margin-top:10px;
|
|
justify-content:space-between;
|
|
align-items:baseline;
|
|
}
|
|
|
|
.sheet-comp > div
|
|
{
|
|
width:calc(50% - 20px);
|
|
flex-wrap:wrap;
|
|
background-color:Silver;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-comp > div > div
|
|
{
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-comp > div > div:nth-child(odd)
|
|
{
|
|
background-color:DarkGray;
|
|
}
|
|
|
|
.sheet-comp > div > div > div,
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > button[type="roll"],
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > button[type="roll"]
|
|
{
|
|
margin:0px;
|
|
width:18px;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > span,
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > span
|
|
{
|
|
font-size:12px;
|
|
align-items:center;
|
|
width:calc(100% - 191px);
|
|
}
|
|
|
|
.sheet-comp > div > div > div > select,
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > select,
|
|
.sheet-comp > div > div > div > input[type="text"],
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > input[type="text"]
|
|
{
|
|
width:calc(100% - 192px);
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > input[type="number"],
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > input[type="number"]
|
|
{
|
|
width:45.5px;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > input[type="number"]:last-of-type,
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > input[type="number"]:last-of-type
|
|
{
|
|
background-color:blue;
|
|
color:white;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > label,
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label
|
|
{
|
|
width:40px;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > label > input[type="checkbox"],
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"]
|
|
{
|
|
height: 28px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
position: absolute;
|
|
width:36.3px;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > label > input[type="checkbox"] ~ span,
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"] ~ span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > label > input[type="checkbox"] ~ span::before,
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"] ~ span::before
|
|
{
|
|
content: attr(title);
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 26px;
|
|
position: relative;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
box-shadow: 2px 2px 3px 0px #000000;
|
|
background: Silver;
|
|
width:100%;
|
|
line-height:26px;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > label > input[type="checkbox"]:checked ~ span::before,
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
|
|
.sheet-comp > div > div > div > select:last-of-type,
|
|
.sheet-comp > div > div > div.repcontainer > div.repitem > div > select:last-of-type
|
|
{
|
|
width:60px;
|
|
padding:0px;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-inventaire
|
|
{
|
|
width:100%;
|
|
background-color:Silver;
|
|
border-top-left-radius:30px;
|
|
border-top-right-radius:30px;
|
|
border:1px solid black;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-inventaire > span:first-of-type
|
|
{
|
|
width:30%;
|
|
background-color:DarkGray;
|
|
border-top-left-radius:5px;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
|
|
.sheet-inventaire > span:last-of-type
|
|
{
|
|
width:70%;
|
|
background-color:DarkGray;
|
|
border-top-right-radius:5px;
|
|
justify-content:center;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
}
|
|
|
|
.sheet-inventaire > div.repcontainer,
|
|
.sheet-inventaire > div.repcontrol
|
|
{
|
|
background-color:DarkGray;
|
|
}
|
|
|
|
.sheet-inventaire > div.repcontainer > div.repitem
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-inventaire > div.repcontainer > div.repitem > input[type="text"]:first-of-type
|
|
{
|
|
width:30%;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-inventaire > div.repcontainer > div.repitem > input[type="text"]:last-of-type
|
|
{
|
|
width:70%;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-armement,
|
|
.sheet-protection
|
|
{
|
|
width:100%;
|
|
background-color:Silver;
|
|
border-top-left-radius:30px;
|
|
border-top-right-radius:30px;
|
|
border:1px solid black;
|
|
margin-top:11px;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-armement > div,
|
|
.sheet-protection > div
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-armement > div:nth-child(even),
|
|
.sheet-protection > div:nth-child(even)
|
|
{
|
|
background-color:DarkGrey;
|
|
}
|
|
|
|
.sheet-armement > div > div
|
|
{
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-armement > div > div,
|
|
.sheet-protection > div > div
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-armement > div > span
|
|
{
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:40px;
|
|
}
|
|
|
|
.sheet-armement > div > span:first-of-type
|
|
{
|
|
width:calc(100% - 40px - 40px - 40px - 40px - 40px - 40px - 45px - 129px - 60px - 60px - 59px - 19px);
|
|
}
|
|
|
|
.sheet-armement > div.sheet-armesOptions,
|
|
.sheet-armement > div > div > div.sheet-armesOptions
|
|
{
|
|
width:100%;
|
|
height:17px;
|
|
position:relative;
|
|
}
|
|
|
|
.sheet-armement > div.sheet-armesOptions > label,
|
|
.sheet-armement > div > div > div.sheet-armesOptions > label
|
|
{
|
|
width:100%;
|
|
height:17px;
|
|
}
|
|
|
|
.sheet-armement > div.sheet-armesOptions > label > input[type="checkbox"],
|
|
.sheet-armement > div > div > div.sheet-armesOptions > label > input[type="checkbox"]
|
|
{
|
|
width:100%;
|
|
height:17px;
|
|
position:absolute;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
|
|
.sheet-armement > div.sheet-armesOptions > label > span,
|
|
.sheet-armement > div > div > div.sheet-armesOptions > label > span
|
|
{
|
|
width:100%;
|
|
height:15px;
|
|
}
|
|
|
|
.sheet-armement > div.sheet-armesOptions > label > span::before,
|
|
.sheet-armement > div > div > div.sheet-armesOptions > label > span::before
|
|
{
|
|
content:attr(title);
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 15px;
|
|
position: relative;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
border-top: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
background: Silver;
|
|
width:100%;
|
|
line-height:15px;
|
|
}
|
|
|
|
.sheet-armement > div.sheet-armesOptions > label > input[type="checkbox"]:checked ~ span::before,
|
|
.sheet-armement > div > div > div.sheet-armesOptions > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
|
|
input[type="hidden"].sheet-armeEBonus[value="on"] ~ div.sheet-armeEBonus
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
div.sheet-armeEBonus
|
|
{
|
|
display:none;
|
|
width:100%;
|
|
height:auto;
|
|
padding:5px;
|
|
flex-wrap:wrap;
|
|
justify-content:space-around;
|
|
background-color:DarkGray;
|
|
border-bottom-left-radius:15px;
|
|
border-bottom-right-radius:15px;
|
|
border:1px solid black;
|
|
border-top:0px;
|
|
margin-left: -1px;
|
|
margin-right: -1px;
|
|
}
|
|
|
|
div.sheet-armeEBonus > label
|
|
{
|
|
width:150px;
|
|
height:17px;
|
|
background-color:Silver;
|
|
}
|
|
|
|
div.sheet-armeEBonus > label > input[type="checkbox"]
|
|
{
|
|
width:150px;
|
|
height:17px;
|
|
position:absolute;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
|
|
div.sheet-armeEBonus > label > span
|
|
{
|
|
width:100%;
|
|
height:17px;
|
|
}
|
|
|
|
div.sheet-armeEBonus > label > span::before
|
|
{
|
|
content:attr(title);
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 15px;
|
|
position: relative;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: Silver;
|
|
width:100%;
|
|
line-height:15px;
|
|
}
|
|
|
|
div.sheet-armeEBonus > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
|
|
.sheet-armement > div > input[type="text"]
|
|
{
|
|
width:calc(100% - 40px - 40px - 40px - 40px - 40px - 40px - 45px - 129px - 60px - 60px - 59px - 20px);
|
|
border-radius:0px;
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-armement > div > div > input[type="text"]
|
|
{
|
|
width:calc(100% - 40px - 40px - 40px - 40px - 40px - 40px - 45px - 129px - 60px - 60px - 59px - 20px - 1px);
|
|
border-radius:0px;
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-armement > div > input[type="number"],
|
|
.sheet-armement > div > div > input[type="number"]
|
|
{
|
|
width:40px;
|
|
border-radius:0px;
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-armement > div > input[type="number"]:nth-child(6),
|
|
.sheet-armement > div > div > input[type="number"]:nth-child(7)
|
|
{
|
|
width:45px;
|
|
}
|
|
|
|
.sheet-armement > div > span:nth-child(6)
|
|
{
|
|
width:45px;
|
|
}
|
|
|
|
.sheet-armement > div > span:nth-child(9)
|
|
{
|
|
width:128px;
|
|
}
|
|
|
|
.sheet-armement > div > select
|
|
{
|
|
width:129px;
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-armement > div > div > select
|
|
{
|
|
width:128px;
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-armement > div > span:nth-child(10),
|
|
.sheet-armement > div > span:nth-child(12),
|
|
.sheet-armement > div > input[type="number"]:nth-child(10),
|
|
.sheet-armement > div > input[type="number"]:nth-child(12),
|
|
.sheet-armement > div > div > input[type="number"]:nth-child(11),
|
|
.sheet-armement > div > div > input[type="number"]:nth-child(13)
|
|
{
|
|
width:60px;
|
|
}
|
|
|
|
.sheet-armement > div > span:nth-child(11),
|
|
.sheet-armement > div > input[type="number"]:nth-child(11),
|
|
.sheet-armement > div > div > input[type="number"]:nth-child(12)
|
|
{
|
|
width:59px;
|
|
}
|
|
|
|
.sheet-armement > div > button[type="roll"],
|
|
.sheet-armement > div > div > button[type="roll"]
|
|
{
|
|
width:14px;
|
|
margin:0px;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-protection > div:first-of-type > span
|
|
{
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-protection > div > input[type="text"],
|
|
.sheet-protection > div > select,
|
|
.sheet-protection > div > button[type="roll"],
|
|
.sheet-protection > div > div > input[type="text"],
|
|
.sheet-protection > div > div > select,
|
|
.sheet-protection > div > div > button[type="roll"]
|
|
{
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-protection > div:first-of-type > span:first-of-type
|
|
{
|
|
width:calc(100% - 109px - 150px - 300px - 22px);
|
|
}
|
|
|
|
.sheet-protection > div > input[type="text"]:first-of-type
|
|
{
|
|
width:calc(100% - 110px - 150px - 300px - 22px);
|
|
}
|
|
|
|
.sheet-protection > div > div > input[type="text"]:first-of-type
|
|
{
|
|
width:calc(100% - 109px - 150px - 300px - 22px);
|
|
}
|
|
|
|
.sheet-protection > div:first-of-type > span:nth-child(2)
|
|
{
|
|
width:111px;
|
|
}
|
|
|
|
.sheet-protection > div > span:nth-child(2)
|
|
{
|
|
width:111px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-protection > div > div > label
|
|
{
|
|
width:110px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-protection > div > div > label > span
|
|
{
|
|
width:20px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
font-size:12px;
|
|
font-weight:normal;
|
|
font-family:inherit;
|
|
}
|
|
|
|
.sheet-protection > div > div > label > input[type="number"]
|
|
{
|
|
width:calc(50% - 10px);
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-protection > div > div > label > input[type="number"]:first-of-type
|
|
{
|
|
border-left:0px;
|
|
}
|
|
|
|
.sheet-protection > div > div > label > input[type="number"]:last-of-type
|
|
{
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-protection > div:first-of-type > span:nth-child(3)
|
|
{
|
|
width:149px;
|
|
}
|
|
|
|
.sheet-protection > div > select,
|
|
.sheet-protection > div > div > select
|
|
{
|
|
width:150px;
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-protection > div:first-of-type > span:nth-child(4)
|
|
{
|
|
width:301px;
|
|
}
|
|
|
|
.sheet-protection > div > input[type="text"]:last-of-type,
|
|
.sheet-protection > div > div > input[type="text"]:last-of-type
|
|
{
|
|
width:300px;
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-protection > div > button[type="roll"],
|
|
.sheet-protection > div > div > button[type="roll"]
|
|
{
|
|
width:14px;
|
|
margin:0px;
|
|
}
|
|
|
|
.sheet-buttonSC
|
|
{
|
|
width:100%;
|
|
justify-content:center;
|
|
}
|
|
|
|
.sheet-buttonSC > label
|
|
{
|
|
width: 150px;
|
|
margin-right:5px;
|
|
margin-left:5px;
|
|
}
|
|
|
|
.sheet-buttonSC > label > input[type="checkbox"]
|
|
{
|
|
height: 22px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
position: absolute;
|
|
width:150px;
|
|
}
|
|
|
|
.sheet-buttonSC > label > span
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
|
|
.sheet-buttonSC > label > span::before
|
|
{
|
|
content: attr(title);
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 20px;
|
|
position: relative;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
box-shadow: 2px 2px 3px 0px #000000;
|
|
background: Silver;
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-buttonSC > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
|
|
.sheet-page4 > input[type="hidden"]:first-of-type[value="1"] ~ div.sheet-stage,
|
|
.sheet-page4 > input[type="hidden"]:last-of-type[value="1"] ~ div.sheet-contact
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-stage
|
|
{
|
|
display:none;
|
|
width:100%;
|
|
border:1px solid black;
|
|
border-top-left-radius:30px;
|
|
border-top-right-radius:30px;
|
|
flex-wrap:wrap;
|
|
margin-top:10px;
|
|
background-color:Silver;
|
|
align-items:baseline;
|
|
}
|
|
|
|
.sheet-stage > div
|
|
{
|
|
width:50%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div:not(:nth-child(2))
|
|
{
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div:nth-child(2) > label:first-of-type
|
|
{
|
|
width:calc(100% - 45.5px);
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div:nth-child(2) > label:first-of-type > span,
|
|
.sheet-stage > div > div > div > div:nth-child(2) > label:last-of-type > span
|
|
{
|
|
width:100%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div:nth-child(2) > label:first-of-type > input[type="text"]
|
|
{
|
|
width:100%;
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div:nth-child(2) > label:last-of-type
|
|
{
|
|
width:45.5px;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div:nth-child(2) > label:last-of-type > input[type="number"]
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label > input[type="text"],
|
|
.sheet-stage > div > div > div > div > label > input[type="number"]
|
|
{
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label > span
|
|
{
|
|
justify-content:center;
|
|
align-items:center;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
font-family:inherit;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div:not(:nth-child(2)) > label > span
|
|
{
|
|
width:calc(100% - 45px);
|
|
margin-left:22px;
|
|
height:24px;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label > label
|
|
{
|
|
width:22px;
|
|
height:22px;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label > label > input[type="checkbox"]
|
|
{
|
|
width:22px;
|
|
height:22px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
position:absolute;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label > label > span
|
|
{
|
|
width:100%;
|
|
height:22px;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label > label > span::before
|
|
{
|
|
content:'+';
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 22px;
|
|
position: relative;
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
background: Silver;
|
|
width:100%;
|
|
line-height:22px;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label > label > input[type="checkbox"]:checked ~ span::before
|
|
{
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
content:'-';
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label > input[type="hidden"][value="1"] ~ textarea
|
|
{
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-stage > div > div > div > div > label > textarea
|
|
{
|
|
width:100%;
|
|
height:90px;
|
|
border-radius:0px;
|
|
display:none;
|
|
}
|
|
|
|
.sheet-contact
|
|
{
|
|
width:100%;
|
|
flex-wrap:wrap;
|
|
margin-top:10px;
|
|
display:none;
|
|
background-color:Silver;
|
|
border-top-left-radius:30px;
|
|
border-top-right-radius:30px;
|
|
}
|
|
|
|
.sheet-contact > div
|
|
{
|
|
width:100%;
|
|
border-top-left-radius:5px;
|
|
border-top-right-radius:5px;
|
|
}
|
|
|
|
.sheet-contact > div
|
|
{
|
|
background-color:DarkGray;
|
|
}
|
|
|
|
.sheet-contact > div > span
|
|
{
|
|
justify-content:center;
|
|
align-items:center;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
font-family:inherit;
|
|
}
|
|
|
|
.sheet-contact > div > div
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-contact > div > span:nth-child(1)
|
|
{
|
|
width:calc(100% - 150px - 50px - 200px - 198px);
|
|
}
|
|
|
|
.sheet-contact > div > div > input[type="text"]:first-of-type
|
|
{
|
|
width:calc(100% - 150px - 50px - 200px - 200px);
|
|
}
|
|
|
|
.sheet-contact > div > span:nth-child(2),
|
|
.sheet-contact > div > div > select
|
|
{
|
|
width:150px;
|
|
}
|
|
|
|
.sheet-contact > div > span:nth-child(3),
|
|
.sheet-contact > div > div > input[type="number"]
|
|
{
|
|
width:50px;
|
|
}
|
|
|
|
.sheet-contact > div > span:nth-child(4),
|
|
.sheet-contact > div > span:nth-child(5),
|
|
.sheet-contact > div > div > input[type="text"]:nth-last-of-type(2),
|
|
.sheet-contact > div > div > input[type="text"]:nth-last-of-type(1)
|
|
{
|
|
width:200px;
|
|
}
|
|
|
|
.sheet-contact > div > div > input:not(:last-of-type),
|
|
.sheet-contact > div > div > select
|
|
{
|
|
border-right:0px;
|
|
}
|
|
|
|
.sheet-contact > div > div > input,
|
|
.sheet-contact > div > div > select
|
|
{
|
|
border-right:0px;
|
|
border-radius:0px;
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-mods
|
|
{
|
|
width:20%;
|
|
background-color:Silver;
|
|
border-top-right-radius:30px;
|
|
border-top-left-radius:30px;
|
|
flex-wrap:wrap;
|
|
border:1px solid black;
|
|
align-self:flex-start;
|
|
}
|
|
|
|
.sheet-mods > label:nth-child(even)
|
|
{
|
|
background-color:DarkGray;
|
|
}
|
|
|
|
.sheet-mods > label
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
.sheet-mods > label > span
|
|
{
|
|
width:calc(100% - 45.5px);
|
|
align-items:center;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
font-family:inherit;
|
|
padding-left:2px;
|
|
}
|
|
|
|
.sheet-mods > label > input[type="number"]
|
|
{
|
|
width:45.5px;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-bottom
|
|
{
|
|
width:100%;
|
|
align-items:baseline;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
.sheet-bottomLeft
|
|
{
|
|
width:70%;
|
|
flex-wrap:wrap;
|
|
}
|
|
|
|
.sheet-initAtt
|
|
{
|
|
flex-wrap:wrap;
|
|
width:100%;
|
|
border-radius:30px;
|
|
background-color:Silver;
|
|
border:1px solid black;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.sheet-initAtt > div:first-of-type
|
|
{
|
|
background-color:DarkGray;
|
|
}
|
|
|
|
.sheet-initAtt > div
|
|
{
|
|
justify-content:space-around;
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-initAtt > div:last-of-type
|
|
{
|
|
margin-top:2px;
|
|
margin-bottom:2px;
|
|
}
|
|
|
|
.sheet-initAtt > div > span
|
|
{
|
|
width:110px;
|
|
align-items:center;
|
|
justify-content:center;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
font-family:inherit;
|
|
}
|
|
|
|
.sheet-initAtt > div > label
|
|
{
|
|
width:110px;
|
|
}
|
|
|
|
.sheet-initAtt > div > label > span
|
|
{
|
|
width:100%;
|
|
height:22px;
|
|
}
|
|
|
|
.sheet-initAtt > div > label > input[type="radio"],
|
|
.sheet-initAtt > div > label > input[type="checkbox"]
|
|
{
|
|
width:110px;
|
|
height:22px;
|
|
position:absolute;
|
|
opacity:0;
|
|
z-index:1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sheet-initAtt > div > label > span::before
|
|
{
|
|
width:100%;
|
|
content: attr(title);
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 20px;
|
|
position: relative;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
box-shadow: 2px 2px 3px 0px #000000;
|
|
background: Silver;
|
|
}
|
|
|
|
.sheet-initAtt > div > label > input[type="radio"]:checked ~ span::before
|
|
{
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
|
|
.sheet-initAtt > div > button[type="action"]
|
|
{
|
|
height: 20px;
|
|
position: relative;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
box-shadow: 2px 2px 3px 0px #000;
|
|
background: Silver;
|
|
width: 92px;
|
|
}
|
|
|
|
.sheet-initAtt > div > button[type="action"]:active
|
|
{
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
|
|
.sheet-bottomRight
|
|
{
|
|
width:20%;
|
|
flex-wrap:wrap;
|
|
border-radius:30px;
|
|
background-color:Silver;
|
|
border:1px solid black;
|
|
margin-top:10px;
|
|
justify-content:center;
|
|
}
|
|
|
|
.sheet-bottomRight > label
|
|
{
|
|
width:100%;
|
|
justify-content:space-between;
|
|
}
|
|
|
|
.sheet-bottomRight > label:nth-child(even)
|
|
{
|
|
background-color:DarkGray;
|
|
}
|
|
|
|
.sheet-bottomRight > label > span
|
|
{
|
|
width:calc(100% - 45.5px);
|
|
align-items:center;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
font-family:inherit;
|
|
padding-left:2px;
|
|
}
|
|
|
|
.sheet-bottomRight > label > input[type="number"]
|
|
{
|
|
width:45.5px;
|
|
border-radius:0px;
|
|
}
|
|
|
|
.sheet-bottomRight > button[type="action"]
|
|
{
|
|
height: 20px;
|
|
position: relative;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
box-shadow: 2px 2px 3px 0px #000;
|
|
background: Silver;
|
|
width: 92px;
|
|
margin-bottom:2px;
|
|
margin-top:2px;
|
|
}
|
|
|
|
.sheet-bottomRight > button[type="action"]:active
|
|
{
|
|
box-shadow: 0px 0px 7px 0px #000000 inset;
|
|
}
|
|
|
|
.sheet-poursuite
|
|
{
|
|
width:200px;
|
|
background-color:Silver;
|
|
border-top-left-radius:30px;
|
|
border-top-right-radius:30px;
|
|
border:1px solid black;
|
|
justify-content:space-between;
|
|
flex-wrap:wrap;
|
|
align-self:flex-start;
|
|
margin-right: auto;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.sheet-poursuite > button[type="roll"]
|
|
{
|
|
width:100%;
|
|
border-top-left-radius:30px;
|
|
border-top-right-radius:30px;
|
|
font-family:inherit;
|
|
margin:0px;
|
|
border-bottom-left-radius:0px;
|
|
border-bottom-right-radius:0px;
|
|
height:24px;
|
|
}
|
|
|
|
.sheet-poursuite > button[type="roll"] > h4
|
|
{
|
|
height:24px;
|
|
}
|
|
|
|
.sheet-poursuite > button[type="roll"]::before
|
|
{
|
|
content:'';
|
|
}
|
|
|
|
.sheet-poursuite > label
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-poursuite > label:nth-child(even)
|
|
{
|
|
background-color:DarkGray;
|
|
}
|
|
|
|
.sheet-poursuite > label > span
|
|
{
|
|
width:calc(100% - 45.5px);
|
|
align-items:center;
|
|
font-size:12px;
|
|
padding-left:2px;
|
|
}
|
|
|
|
.sheet-poursuite > label > input[type="number"]
|
|
{
|
|
width:45.5px;
|
|
}
|
|
|
|
/*TEMPLATES*/
|
|
.sheet-rolltemplate-protection > div,
|
|
.sheet-rolltemplate-base > div,
|
|
.sheet-rolltemplate-armement > div
|
|
{
|
|
width:100%;
|
|
background-color:Silver;
|
|
border-radius:20px;
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
font-family: Trebuchet MS;
|
|
color:black;
|
|
border:1px solid black;
|
|
}
|
|
|
|
.sheet-rolltemplate-protection > div > h4,
|
|
.sheet-rolltemplate-base > div > h4,
|
|
.sheet-rolltemplate-base > div > div h6,
|
|
.sheet-rolltemplate-armement > div > h4
|
|
{
|
|
width:100%;
|
|
color:inherit;
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:20px;
|
|
display:flex;
|
|
font-family: inherit;
|
|
}
|
|
|
|
.sheet-rolltemplate-protection > div > div,
|
|
.sheet-rolltemplate-base > div > div,
|
|
.sheet-rolltemplate-armement > div > div
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-protection > div > div:nth-child(even),
|
|
.sheet-rolltemplate-base > div > div:nth-child(even),
|
|
.sheet-rolltemplate-armement > div > div:nth-child(even)
|
|
{
|
|
background-color:DarkGray;
|
|
}
|
|
|
|
.sheet-rolltemplate-protection > div > div:first-of-type > span,
|
|
.sheet-rolltemplate-base > div > div:first-of-type > span
|
|
{
|
|
display:flex;
|
|
width:100%;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
color:inherit;
|
|
font-family:inherit;
|
|
justify-content:center;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-protection > div > div:not(:first-of-type) > span,
|
|
.sheet-rolltemplate-base > div > div:not(:first-of-type) > span,
|
|
.sheet-rolltemplate-armement > div > div > span
|
|
{
|
|
display:flex;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
color:inherit;
|
|
font-family:inherit;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-protection > div > div:not(:first-of-type) > span:first-of-type,
|
|
.sheet-rolltemplate-base > div > div:not(:first-of-type) > span:first-of-type,
|
|
.sheet-rolltemplate-armement > div > div > span:first-of-type
|
|
{
|
|
width:80%;
|
|
justify-content:left;
|
|
padding-left:2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-armement > div > div.sheet-spe > span:first-of-type
|
|
{
|
|
width:50%;
|
|
justify-content:left;
|
|
padding-left:2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-protection > div > div:not(:first-of-type) > span:last-of-type,
|
|
.sheet-rolltemplate-base > div > div:not(:first-of-type) > span:last-of-type,
|
|
.sheet-rolltemplate-armement > div > div > span:last-of-type
|
|
{
|
|
width:20%;
|
|
justify-content:center;
|
|
padding-right:2px;
|
|
}
|
|
|
|
,
|
|
.sheet-rolltemplate-armement > div > div.sheet-spe > span:last-of-type
|
|
{
|
|
width:50%;
|
|
justify-content:center;
|
|
padding-right:2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-armement > div > div.sheet-notes
|
|
{
|
|
width:100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-armement > div > div.sheet-notes > h5
|
|
{
|
|
width:100%;
|
|
font-variant:small-caps;
|
|
color:black;
|
|
font-family:inherit;
|
|
justify-content:center;
|
|
display:flex;
|
|
}
|
|
|
|
.sheet-rolltemplate-armement > div > div.sheet-notes > span
|
|
{
|
|
width:100%;
|
|
justify-content:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-protection > div > div:last-of-type,
|
|
.sheet-rolltemplate-base > div > div:last-of-type,
|
|
.sheet-rolltemplate-armement > div > div:last-of-type
|
|
{
|
|
height:20px;
|
|
border-bottom-left-radius:20px;
|
|
border-bottom-right-radius:20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .inlinerollresult,
|
|
.sheet-rolltemplate-armement .inlinerollresult,
|
|
.sheet-rolltemplate-protection .inlinerollresult
|
|
{
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-armement .inlinerollresult.fullcrit ,
|
|
.sheet-rolltemplate-protection .inlinerollresult.fullcrit
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-armement .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-protection .inlinerollresult.fullfail
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-base .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-armement .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-protection .inlinerollresult.importantroll
|
|
{
|
|
border: none;
|
|
} |