Files
Zakarik 1cbc2e0f12 [Oreste] Add New Sheet (#6614)
* Upload IMG Oreste

* update img

* update img

* update img

* update img

* update img

* update img

* New Sheet Oreste

* update
2020-05-25 11:34:06 -04:00

4396 lines
97 KiB
CSS

@import url('https://fonts.googleapis.com/css?family=Inconsolata|Wallpoet&display=swap');
select
{
margin-bottom:0px;
border-radius:0px;
color:black;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
input[type=number],
input[type=text]
{
-moz-appearance:textfield;
border-radius:0px;
color:black;
}
input[disabled]
{
background-color:transparent;
cursor:not-allowed;
}
textarea
{
border:none;
width:100%;
padding:0px;
text-align:justify;
border-radius:0px;
color:black;
margin:0px;
}
div,
input[type="number"],
input[type="text"],
select,
label,
span,
h1,
h2
{
display:flex;
color:black;
font-family:Inconsolata;
}
label
{
margin:0px;
padding:0px;
}
div.sheet-autoex
{
line-height: 1.4em;
min-height: 1.4em;
cursor: text;
text-align: left;
position:relative;
width:100%;
}
div.sheet-autoex > span
{
visibility: hidden;
display: block;
font-family: inherit;
font-size: inherit;
line-height: inherit;
white-space: pre-wrap;
text-align: inherit;
min-height: inherit;
height:100%;
word-wrap:anywhere;
}
div.sheet-autoex > textarea
{
display: block;
z-index: 1;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
font-family: inherit;
font-size: inherit;
line-height: inherit;
white-space: pre-wrap;
text-align: inherit;
min-height: inherit;
resize: none;
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;
}
div.sheet-autoex100
{
min-height:100px;
}
img.sheet-imgAdepte,
img.sheet-imgGhost,
img.sheet-imgJuggernaute,
img.sheet-imgVorpale
{
display:none;
}
div.sheet-menu
{
margin-bottom:20px;
max-width: 1060px;
flex-wrap: wrap;
}
div.sheet-menu > label,
div.sheet-menuTop > label
{
margin-top:2px;
margin-bottom:2px;
}
div.sheet-menu > label:nth-of-type(1)
{
width:100px;
}
div.sheet-menu > label:nth-of-type(2)
{
width:205px;
}
div.sheet-menu > label.sheet-classeAdepte,
div.sheet-menu > label.sheet-classeGhost,
div.sheet-menu > label.sheet-classeJuggernaut,
div.sheet-menu > label.sheet-classeVorpale
{
width:175px;
}
div.sheet-menu > label:nth-of-type(11)
{
width:130px;
}
div.sheet-menu > label:nth-of-type(12),
div.sheet-menu > label:nth-of-type(13)
{
width:80px;
}
div.sheet-menuTop > label
{
width:80px;
}
div.sheet-menu > label:not(:last-of-type),
div.sheet-menuTop > label:not(:last-of-type)
{
margin-right:5px;
}
div.sheet-menu > label > input[type="radio"]
{
height: 32px;
position: absolute;
cursor: pointer;
opacity: 0;
}
div.sheet-menu > label:nth-of-type(1) > input[type="radio"]
{
width:100px;
}
div.sheet-menu > label:nth-of-type(2) > input[type="radio"]
{
width:205px;
}
div.sheet-menu > label.sheet-classeAdepte > input[type="radio"],
div.sheet-menu > label.sheet-classeGhost > input[type="radio"],
div.sheet-menu > label.sheet-classeJuggernaut > input[type="radio"],
div.sheet-menu > label.sheet-classeVorpale > input[type="radio"]
{
width:175px;
}
div.sheet-menu > label:nth-of-type(11) > input[type="radio"]
{
width:130px;
}
div.sheet-menu > label:nth-of-type(12) > input[type="radio"],
div.sheet-menu > label:nth-of-type(13) > input[type="radio"]
{
width:80px;
}
div.sheet-menuTop > label > input[type="radio"]
{
height: 32px;
position: absolute;
cursor: pointer;
opacity: 0;
width:80px;
}
div.sheet-menu > label > input ~ span,
div.sheet-menu > label > input ~ span::before,
div.sheet-menuTop > label > input + span,
div.sheet-menuTop > label > input + span::before
{
width: 100%;
}
div.sheet-menu > label > input ~ span::before
{
content: attr(title);
text-align: center;
display: inline-block;
line-height: 30px;
font-size: 18px;
font-weight:bold;
background-color:black;
border:1px solid black;
color:white;
text-transform:uppercase;
font-family: Wallpoet;
}
div.sheet-menuTop > label:not(:nth-of-type(3)) > input + span::before
{
content: attr(title);
text-align: center;
display: inline-block;
line-height: 30px;
font-size: 18px;
font-weight:bold;
border:1px solid black;
color:white;
text-transform:uppercase;
font-family: Wallpoet;
}
div.sheet-menuTop > label:nth-of-type(1) > input + span::before
{
background-color:blue;
}
div.sheet-menuTop > label:nth-of-type(2) > input + span::before
{
background-color:crimson;
}
div.sheet-menu > label > input:checked ~ span::before,
div.sheet-menuTop > label:not(:nth-of-type(3)) > input:checked + span::before
{
box-shadow: 0px 0px 7px 0px lightgray inset;
}
div.sheet-menuTop > div
{
display:none;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}
div.sheet-menuTop > div > label
{
width:100%;
font-size: 13px;
font-family: Inconsolata;
font-weight:normal;
height:25px;
}
div.sheet-menuTop > div > label > span
{
margin-right: 5px;
min-width: max-content;
font-weight: normal;
height: 25px;
align-items: flex-end;
font-size: 13px;
}
div.sheet-menuTop > div > label > select
{
width: 100%;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 22px;
padding-top: 5px;
min-width: 0px;
margin-top:auto;
}
div.sheet-menuTop > input[type="hidden"][value="1"] ~ div
{
display:flex;
width:160px;
height:30px;
background:white;
position:absolute;
border:1px solid black;
border-radius:30px;
margin-left:200px;
}
div.sheet-menuTop > label:nth-of-type(3)
{
width: 27px;
height: 27px;
}
div.sheet-menuTop > label:nth-of-type(3) > span::before
{
content: "y";
font-family: "Pictos";
font-size: 30px;
margin-top: 3px;
text-shadow: 2px 2px 0px gray;
}
div.sheet-menuTop > label:nth-of-type(3) > input[type="checkbox"]
{
opacity: 0;
position: absolute;
width: 27px;
height: 27px;
}
div.sheet-menuTop > label:nth-of-type(3) > input[type="checkbox"]:checked ~ span::before
{
text-shadow:none;
}
div.sheet-menu > label.sheet-classeAdepte,
div.sheet-menu > label.sheet-classeGhost,
div.sheet-menu > label.sheet-classeJuggernaut,
div.sheet-menu > label.sheet-classeVorpale
{
display:none;
}
input[type="hidden"][value="adepte"].sheet-classeCombat ~ div.sheet-menu > label.sheet-classeAdepte,
input[type="hidden"][value="ghost"].sheet-classeCombat ~ div.sheet-menu > label.sheet-classeGhost,
input[type="hidden"][value="juggernaut"].sheet-classeCombat ~ div.sheet-menu > label.sheet-classeJuggernaut,
input[type="hidden"][value="vorpale"].sheet-classeCombat ~ div.sheet-menu > label.sheet-classeVorpale,
input[type="hidden"][value="1"].sheet-classeCombatSupAdepte ~ div.sheet-menu > label.sheet-classeAdepte,
input[type="hidden"][value="1"].sheet-classeCombatSupGhost ~ div.sheet-menu > label.sheet-classeGhost,
input[type="hidden"][value="1"].sheet-classeCombatSupJuggernaut ~ div.sheet-menu > label.sheet-classeJuggernaut,
input[type="hidden"][value="1"].sheet-classeCombatSupVorpale ~ div.sheet-menu > label.sheet-classeVorpale
{
display:flex;
}
input[type="hidden"][value="1"].sheet-menu ~ div.sheet-tab1,
input[type="hidden"][value="2"].sheet-menu ~ div.sheet-tab2,
input[type="hidden"][value="3"].sheet-menu ~ div.sheet-tab3,
input[type="hidden"][value="4"].sheet-menu ~ div.sheet-tab4,
input[type="hidden"][value="5"].sheet-menu ~ div.sheet-tab5,
input[type="hidden"][value="6"].sheet-menu ~ div.sheet-tab6,
input[type="hidden"][value="7"].sheet-menu ~ div.sheet-tab7,
input[type="hidden"][value="8"].sheet-menu ~ div.sheet-tab8,
input[type="hidden"][value="9"].sheet-menu ~ div.sheet-tab9,
input[type="hidden"][value="10"].sheet-menu ~ div.sheet-tab10,
input[type="hidden"][value="11"].sheet-menu ~ div.sheet-tab11,
input[type="hidden"][value="12"].sheet-menu ~ div.sheet-tab12,
input[type="hidden"][value="13"].sheet-menu ~ div.sheet-tab13
{
display:flex;
clear:both;
}
input[type="hidden"][value="1"].sheet-ficheType ~ div.sheet-menu > label.sheet-pnj,
input[type="hidden"][value="2"].sheet-ficheType ~ div.sheet-menu > label.sheet-pj
{
display:none;
}
input[type="hidden"][value="adepte"].sheet-classeCombat ~ img.sheet-imgAdepte,
input[type="hidden"][value="ghost"].sheet-classeCombat ~ img.sheet-imgGhost,
input[type="hidden"][value="juggernaut"].sheet-classeCombat ~ img.sheet-imgJuggernaute,
input[type="hidden"][value="vorpale"].sheet-classeCombat ~ img.sheet-imgVorpale,
input[type="hidden"][value="1"].sheet-classeCombatSupAdepte ~ img.sheet-imgAdepte,
input[type="hidden"][value="1"].sheet-classeCombatSupGhost ~ img.sheet-imgGhost,
input[type="hidden"][value="1"].sheet-classeCombatSupJuggernaut ~ img.sheet-imgJuggernaute,
input[type="hidden"][value="1"].sheet-classeCombatSupVorpale ~ img.sheet-imgVorpale
{
display: flex;
height: 108px;
float: right;
margin-top: -60px;
margin-right:50px;
}
input[type="hidden"][value="2"].sheet-ficheType ~ img.sheet-imgAdepte,
input[type="hidden"][value="2"].sheet-ficheType ~ img.sheet-imgGhost,
input[type="hidden"][value="2"].sheet-ficheType ~ img.sheet-imgJuggernaute,
input[type="hidden"][value="2"].sheet-ficheType ~ img.sheet-imgVorpale
{
display:none;
}
div.sheet-tab1,
div.sheet-tab3,
div.sheet-tab4,
div.sheet-tab5,
div.sheet-tab6,
div.sheet-tab7,
div.sheet-tab8,
div.sheet-tab9,
div.sheet-tab10
{
display:none;
justify-content:space-between;
flex-wrap:wrap;
min-width:993px;
}
div.sheet-tab3,
div.sheet-tab4,
div.sheet-tab5,
div.sheet-tab6,
div.sheet-tab7,
div.sheet-tab8,
div.sheet-tab9,
div.sheet-tab10
{
flex-direction:column;
}
div.sheet-tab12
{
display:none;
justify-content:space-between;
flex-wrap:wrap;
min-width:1030px;
}
div.sheet-tab2
{
display:none;
justify-content:space-between;
flex-wrap:wrap;
min-width:1075px;
}
div.sheet-tab11
{
display:none;
justify-content:space-between;
flex-wrap:wrap;
min-width:1045px;
}
div.sheet-tab13
{
display:none;
justify-content:space-between;
flex-wrap:wrap;
min-width:1020px;
}
div.sheet-tab1 > div.sheet-middle
{
width:100%;
justify-content:space-between;
}
div.sheet-tab12 > div.sheet-top
{
width:100%;
justify-content:space-between;
}
div.sheet-tab12 > div.sheet-top > div.sheet-left
{
width:calc(22% - 5px);
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-tab12 > div.sheet-top > div.sheet-middle
{
width:calc(51% - 5px);
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-tab12 > div.sheet-top > div.sheet-right
{
width:calc(27% - 5px);
flex-wrap:wrap;
align-content:baseline;
justify-content:space-between;
}
div.sheet-tab13 > div.sheet-bottomMiddle
{
width: calc(100% - 340px - 330px);;
flex-wrap: wrap;
align-content: flex-end;
align-self: flex-end;
justify-content:space-evenly;
}
div.sheet-attributs > input[type="number"]:nth-of-type(1)
{
padding: 0px;
height: 75px;
width: 75px;
position: absolute;
margin-left: 263px;
border-radius: 40px;
border: 0px;
text-align: center;
font-size: 30px;
z-index: 100;
background: transparent;
}
div.sheet-attributs > input[type="number"]:nth-of-type(2)
{
padding: 0px;
height: 75px;
width: 75px;
position: absolute;
margin-left: 99px;
margin-top:267px;
border-radius: 40px;
border: 0px;
text-align: center;
font-size: 30px;
z-index: 100;
background: transparent;
}
div.sheet-attributs > input[type="number"]:nth-of-type(3)
{
padding: 0px;
height: 75px;
width: 75px;
position: absolute;
margin-left: 413px;
margin-top:274px;
border-radius: 40px;
border: 0px;
text-align: center;
font-size: 30px;
z-index: 100;
background: transparent;
}
div.sheet-EI
{
width:193px;
flex-wrap:wrap;
align-content:baseline;
margin-top:25px;
margin-right:auto;
}
div.sheet-EC
{
width:167px;
flex-wrap:wrap;
align-content:baseline;
margin-top:25px;
margin-left:auto;
}
div.sheet-IC
{
width:100%;
flex-wrap:wrap;
align-content:baseline;
min-width:865px;
}
div.sheet-EI > label
{
width:100%;
justify-content:space-between;
}
div.sheet-EC > label
{
width:100%;
justify-content:space-between;
flex-direction:row-reverse;
}
div.sheet-IC > label
{
width:calc(100% / 5);
flex-wrap:wrap;
align-content:baseline;
justify-content:space-between;
flex-direction:row-reverse;
}
div.sheet-EI > label:not(:first-of-type),
div.sheet-EC > label:not(:first-of-type),
div.sheet-IC > label:nth-of-type(6),
div.sheet-IC > label:nth-of-type(7),
div.sheet-IC > label:nth-of-type(8),
div.sheet-IC > label:nth-of-type(9),
div.sheet-IC > label:nth-of-type(10)
{
margin-top:5px;
}
div.sheet-EI > label:nth-of-type(7),
div.sheet-EC > label:nth-of-type(7)
{
margin-top:50px;
}
div.sheet-EI > label > span
{
width:calc(100% - 30px);
font-size:13px;
font-weight:normal;
align-items:center;
justify-content:end;
}
div.sheet-EC > label > span,
div.sheet-IC > label > span
{
width:calc(100% - 30px);
font-size:13px;
font-weight:normal;
align-items:center;
}
div.sheet-EI > label > input[type="number"],
div.sheet-EC > label > input[type="number"],
div.sheet-IC > label > input[type="number"]
{
width:25px;
height:25px;
padding:0px;
text-align:center;
}
div.sheet-identite
{
display:flex;
min-width:255px;
flex-wrap:wrap;
width:calc(40% - 5px);
margin-top:20px;
}
div.sheet-identitePNJ
{
display:flex;
min-width:200px;
flex-wrap:wrap;
width:100%;
align-content:baseline;
}
div.sheet-identite > h1
{
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
border-bottom: 35px solid;
height: 0px;
min-width: 245px;
width:100%;
color: white;
justify-content: end;
text-transform: uppercase;
padding-right: 10px;
font-family:Wallpoet;
font-size:24px;
}
div.sheet-identitePNJ > h1
{
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
border-bottom: 35px solid;
height: 0px;
min-width: 195px;
width:100%;
color: white;
justify-content: end;
text-transform: uppercase;
font-family:Wallpoet;
font-size:15px;
}
div.sheet-identite > h1::before,
div.sheet-identitePNJ > h1::before
{
content: "";
border-left: 40px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-identitePNJ > h1::after
{
content: "";
border-right: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-identite > div
{
border:2px solid;
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
width:100%;
flex-wrap:wrap;
padding-right:20px;
padding-left:20px;
padding-top:10px;
border-top:0px;
}
div.sheet-identitePNJ > div
{
border:2px solid;
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
width:100%;
flex-wrap:wrap;
padding-right:20px;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
border-top:0px;
}
div.sheet-identite > div > label,
div.sheet-identitePNJ > div > label
{
width:100%;
}
div.sheet-identite > div > label > span,
div.sheet-identitePNJ > div > label > span
{
margin-right:5px;
min-width:max-content;
font-weight:normal;
height:25px;
align-items:flex-end;
font-size:13px;
}
div.sheet-identite > div > label > input[type="text"],
div.sheet-identite > div > label > input[type="number"],
div.sheet-identitePNJ > div > label > input[type="text"],
div.sheet-identitePNJ > div > label > input[type="number"]
{
width:100%;
border-top:0px;
border-right:0px;
border-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-bottom:1px dotted black;
height:20px;
padding-top:5px;
margin-top:auto;
min-width:0px;
}
div.sheet-identite > div > label > select
{
width:100%;
border-top:0px;
border-right:0px;
border-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-bottom:1px dotted black;
height:22px;
padding-top:5px;
margin-top:auto;
min-width:0px;
}
div.sheet-identite > div > div.repcontainer
{
width:100%;
flex-wrap:wrap;
}
div.sheet-identite > div > div.repcontainer > div.repitem
{
width:100%;
}
div.sheet-identite > div > div.repcontainer > div.repitem > label
{
width:100%;
}
div.sheet-identite > div > div.repcontainer > div.repitem > label > span
{
margin-right: 5px;
min-width: max-content;
font-weight: normal;
height: 25px;
align-items: flex-end;
font-size: 13px;
}
div.sheet-identite > div > div.repcontainer > div.repitem > label > select
{
width: 100%;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 22px;
padding-top: 5px;
margin-top: auto;
min-width: 0px;
}
div.sheet-identite > div > div.repcontainer > div.repitem > .itemcontrol > .btn
{
padding-top: 2px;
padding-bottom: 0px;
height: 21px;
border-radius: 0px;
}
div.sheet-identite > div > div.repcontrol
{
display:block;
width:100%;
}
div.sheet-identite > div > div.repcontrol > .btn
{
border-radius:0px;
padding-bottom:0px;
padding-top:0px;
border-bottom:0px;
}
div.sheet-identite > div > label > input[type="number"],
div.sheet-identitePNJ > div > label > input[type="number"]
{
text-align:center;
}
div.sheet-inventaire
{
width:calc(60% - 5px);
flex-wrap:wrap;
align-content:baseline;
margin-top:20px;
}
div.sheet-inventairePNJ
{
width:100%;
flex-wrap:wrap;
align-content:baseline;
margin-top:20px;
}
div.sheet-pouvoirsPNJ
{
width:calc(100% - 245px - 245px - 5px);
flex-wrap:wrap;
align-content:baseline;
margin-top:20px;
}
div.sheet-inventaire > h1,
div.sheet-pouvoirsPNJ > h1,
div.sheet-inventairePNJ > h1
{
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
border-bottom: 35px solid;
height: 0px;
min-width: 245px;
width:100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family:Wallpoet;
font-size:24px;
}
div.sheet-inventaire > h1::before,
div.sheet-pouvoirsPNJ > h1::before,
div.sheet-inventairePNJ > h1::before
{
content: "";
border-left: 40px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-inventaire > h1::after,
div.sheet-pouvoirsPNJ > h1::after,
div.sheet-inventairePNJ > h1::after
{
content: "";
border-right: 40px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-inventaire > .repcontainer,
div.sheet-pouvoirsPNJ > .repcontainer,
div.sheet-inventairePNJ > .repcontainer
{
width:100%;
flex-wrap:wrap;
border-right:2px solid;
border-left:2px solid;
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
}
div.sheet-inventaire > .repcontainer > .repitem,
div.sheet-pouvoirsPNJ > .repcontainer > .repitem,
div.sheet-inventairePNJ > .repcontainer > .repitem
{
width:100%;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem
{
flex-wrap:wrap;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem:not(:first-of-type)
{
margin-top:5px;
}
div.sheet-inventaire > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > .itemcontrol > .btn,
div.sheet-inventairePNJ > .repcontainer > .repitem > .itemcontrol > .btn
{
padding-top:2px;
padding-bottom:0px;
height:18px;
border-radius:0px;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > .itemcontrol
{
z-index:100;
}
div.sheet-inventaire > .repcontainer > .repitem > input[type="text"],
div.sheet-inventairePNJ > .repcontainer > .repitem > input[type="text"]
{
width:100%;
border:0px;
border-bottom:1px dotted black;
padding-bottom:0px;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > input[type="text"]
{
width:calc(100% - 18px);
border:0px;
border-bottom:1px dotted black;
padding-bottom:0px;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > label
{
width: 18px;
height: 18px;
margin-top: 5px;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 17px;
height: 20px;
margin-top: -2px;
z-index: 99;
margin-left: 2px;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > label > span
{
width:100%;
margin-top:-2px;
display:block;
transition:transform 2s;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > label > input[type="checkbox"] + span::before
{
content:']';
color: black;
font-size: 20px;
font-weight: bold;
font-family: pictos;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > label > input[type="checkbox"]:checked + span::before
{
color: black;
font-size: 20px;
font-weight: bold;
font-family: pictos;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > label > input[type="checkbox"] + span
{
transform:rotate(90deg);
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > label > input[type="checkbox"]:checked + span
{
transform:rotate(-90deg);
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > div.sheet-autoex
{
display:none;
}
div.sheet-pouvoirsPNJ > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div.sheet-autoex
{
display:flex;
border-bottom:1px solid black;
}
div.sheet-inventaire > .repcontrol,
div.sheet-pouvoirsPNJ > .repcontrol,
div.sheet-inventairePNJ > .repcontrol
{
width:100%;
display:block;
border-right:2px solid;
border-left:2px solid;
border-bottom:2px solid;
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
}
div.sheet-inventaire > .repcontrol > .btn,
div.sheet-pouvoirsPNJ > .repcontrol > .btn,
div.sheet-inventairePNJ > .repcontrol > .btn
{
border-radius:0px;
border-top:0px;
border-bottom:0px;
}
div.sheet-inventaire > .repcontrol > .repcontrol_edit,
div.sheet-pouvoirsPNJ > .repcontrol > .repcontrol_edit,
div.sheet-inventairePNJ > .repcontrol > .repcontrol_edit
{
border-right:0px;
}
div.sheet-inventaire > .repcontrol > .repcontrol_add,
div.sheet-pouvoirsPNJ > .repcontrol > .repcontrol_add,
div.sheet-inventairePNJ > .repcontrol > .repcontrol_add
{
border-left:0px;
}
div.sheet-tab2 > div.sheet-middle
{
display:flex;
width: calc(100% - 250px - 270px);
margin-top: auto;
height:384.35px;
background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/deckCombat.png");
background-repeat:no-repeat;
background-position:center;
background-size:contain;
}
div.sheet-tab2 > div.sheet-middle > img
{
display:flex;
width:488px;
height:384.35px;
position:absolute;
}
div.sheet-tab2 > div.sheet-top
{
width:100%;
justify-content:center;
margin-bottom:10px;
}
div.sheet-tab2 > div.sheet-right
{
width:250px;
flex-wrap:wrap;
align-content:baseline;
margin-right:20px;
}
div.sheet-tab2 > div.sheet-bottom
{
width:100%;
align-items:flex-end;
justify-content:space-between;
height:226px;
margin-top:20px;
margin-right:20px;
}
div.sheet-tab11 > div.sheet-top
{
width:calc(100% - 245px - 245px);
justify-content:center;
}
div.sheet-tab11 > div.sheet-left,
div.sheet-tab11 > div.sheet-right
{
width:245px;
align-content:flex-end;
justify-content:space-between;
flex-wrap:wrap;
}
div.sheet-tab11 > div.sheet-bottom
{
width:calc(100% - 245px - 245px);
align-content:baseline;
justify-content:space-between;
margin:auto;
margin-top:-155px;
}
div.sheet-tab11 > div.sheet-middle
{
width: calc(100% - 245px - 245px);
height: auto;
margin-top: 100px;
background-image: url('https://imgsrv.roll20.net/?src=https%3A//www.zupimages.net/up/20/20/jp4y.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-bottom:155px;
}
div.sheet-tab13 > div.sheet-middle
{
width:calc(100% - 245px - 245px);
background-image:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/deckCombatB.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
div.sheet-tab11 > div.sheet-right > div.sheet-top
{
height:201px;
align-content:center;
flex-wrap:wrap;
width:100%;
}
div.sheet-armure
{
width:250px;
flex-wrap:wrap;
align-content:baseline;
padding-bottom:10px;
}
div.sheet-armure > div:not(:nth-of-type(2)),
div.sheet-armureBase,
div.sheet-armureBase > div:last-of-type
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
div.sheet-armureBase > div:first-of-type
{
width:100%;
justify-content:space-between;
}
div.sheet-armureBase > div:first-of-type > h1
{
background:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg);
color:white;
width: 55%;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 24px;
min-width:130px;
}
div.sheet-armureBase > div:first-of-type > label
{
width: calc(50% + 3px);
align-items:center;
justify-content:space-between;
font-weight:normal;
margin-right: -14px;
}
div.sheet-armureBase > div:first-of-type > label > span
{
text-transform: uppercase;
margin-left: auto;
justify-content:flex-end;
line-height: 34px;
width: 100%;
border-bottom: 1px solid;
border-top:1px solid;
margin-right: -18px;
padding-right: 24px;
border-image:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
}
div.sheet-armureBase > div:first-of-type > label > input[type="number"]
{
padding: 0px;
text-align: center;
border-radius: 35px;
height: 36px;
width: 36px;
border-color: black;
border: 0px;
border-right:3px solid black;
font-size:30px;
}
div.sheet-armureBase > div:not(:first-of-type)
{
border:2px solid;
border-image:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
padding-right:20px;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
border-top:0px;
width:calc(100% - 44px);
}
div.sheet-armureBase > div:not(:first-of-type) > label
{
width:100%;
font-weight:normal;
font-size:13px;
}
div.sheet-armureBase > div:not(:first-of-type) > label > span
{
margin-right:5px;
min-width:max-content;
height:25px;
align-items:flex-end;
}
div.sheet-armureBase > div:not(:first-of-type) > label > input[type="text"],
div.sheet-armureBase > div:not(:first-of-type) > label > input[type="number"]
{
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 20px;
padding-top: 5px;
margin-top: auto;
}
div.sheet-armureBase > div:not(:first-of-type) > label > input[type="number"]
{
text-align:center;
width:43px;
}
div.sheet-armureBase > div:not(:first-of-type) > label > input[type="text"]
{
width: 100%;
}
div.sheet-armureSeparation
{
height:10px;
width:0px;
border-right:1px solid;
border-left:1px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
margin:auto;
}
div.sheet-armureModule
{
width:100%;
}
div.sheet-armureModule > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 35px solid;
height: 0px;
min-width: 245px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 16px;
}
div.sheet-armureModule > h1::before
{
content: "";
border-left: 25px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-armureModule > h1::after
{
content: "";
border-right: 25px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-armureModule > div.repcontainer
{
width:100%;
padding-right:20px;
padding-left:20px;
flex-wrap:wrap;
border-right:2px solid;
border-left:2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
}
div.sheet-armureModule > div.repcontrol
{
border-right:2px solid;
border-left:2px solid;
border-bottom:2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
}
div.sheet-armureModule > div.repcontainer > div.repitem
{
width:100%;
flex-wrap:wrap;
}
div.sheet-armureModule > div.repcontainer > div.repitem:first-of-type
{
margin-top:10px;
}
div.sheet-armureModule > div.repcontainer > div.repitem > label
{
width: 18px;
height: 18px;
margin-top: 5px;
margin-left:-18px;
}
div.sheet-armureModule > div.repcontainer > div.repitem > label > input[type="checkbox"]
{
position: absolute;
opacity: 0;
width: 17px;
height: 20px;
margin-top: -2px;
z-index: 99;
margin-left: 2px;
}
div.sheet-armureModule > div.repcontainer > div.repitem > label > input[type="checkbox"] + span
{
transform: rotate(90deg);
}
div.sheet-armureModule > div.repcontainer > div.repitem > label > input[type="checkbox"] + span::before
{
content: ']';
color: black;
font-size: 20px;
font-weight: bold;
font-family: pictos;
}
div.sheet-armureModule > div.repcontainer > div.repitem > label > input[type="checkbox"]:checked + span
{
transform:rotate(-90deg);
}
div.sheet-armureModule > div.repcontainer > div.repitem > label > span
{
width: 100%;
margin-top: -2px;
display: block;
transition: transform 2s;
}
div.sheet-armureModule > div.repcontainer > div.repitem > input[type="hidden"][value="1"] + div.sheet-autoex
{
display:flex;
}
div.sheet-armureModule > div.repcontainer > div.repitem > input[type="text"]
{
width:100%;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 2px;
border-bottom: 1px dotted black;
height: 20px;
padding-top: 5px;
margin-top: auto;
}
div.sheet-armureModule > div.repcontainer > div.repitem > div.sheet-autoex
{
display:none;
}
div.sheet-armureModule > div.repcontainer > div.repitem > div.sheet-autoex > textarea
{
border:1px dotted black;
border-top:0px;
width:calc(100% - 2px);
}
div.sheet-armureModule > div.repcontrol
{
display:block;
width:100%;
}
div.sheet-armureModule > div.repcontrol > .btn
{
border-radius:0px;
border-bottom:0px;
}
div.sheet-armureModule > div.repcontrol > .btn:first-of-type
{
border-right:0px;
}
div.sheet-armureModule > div.repcontrol > .btn:last-of-type
{
border-left:0px;
}
div.sheet-armureModule > div.repcontainer > .repitem > .itemcontrol > .btn
{
padding-top:0px;
padding-bottom:0px;
border-radius:0px;
height:21px;
}
div.sheet-resilience,
div.sheet-sensCombat
{
width:250px;
justify-content:space-between;
align-items:baseline;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-top:2px solid;
border-bottom:2px solid;
border-right:2px solid;
border-left:2px solid;
height:32px;
margin-right:10px;
margin-left:10px;
}
div.sheet-sensCombat
{
flex-direction:row-reverse;
}
div.sheet-resilience > h1,
div.sheet-sensCombat > h1
{
background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg');
color: white;
width: 70%;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 15px;
min-width: 130px;
align-self:flex-start;
line-height:32px;
}
div.sheet-resilience > div,
div.sheet-sensCombat > div
{
width:30%;
justify-content:space-between;
height:32px;
}
div.sheet-resilience > div > input[type="number"],
div.sheet-sensCombat > div > input[type="number"]
{
width:calc(50% - 7px);
text-align:center;
height:32px;
border:0px;
padding:0px;
font-size:30px;
}
div.sheet-resilience > div > span,
div.sheet-sensCombat > div > span
{
width:14px;
justify-content:center;
line-height:32px;
border:0px;
padding:0px;
font-size:32px;
}
div.sheet-competencesCombat
{
width:100%;
flex-wrap:wrap;
align-content:baseline;
margin-top:-46px;
}
div.sheet-competencesCombatPNJ
{
width:100%;
min-width:200px;
flex-wrap:wrap;
align-content:baseline;
margin-bottom:10px;
}
div.sheet-competencesCombat > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 40px solid;
height: 0px;
min-width: 245px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 16px;
text-align:center;
line-height:20px;
}
div.sheet-competencesCombatPNJ > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 40px solid;
height: 0px;
min-width: 200px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 16px;
text-align:center;
line-height:20px;
}
div.sheet-competencesCombat > h1::before,
div.sheet-competencesCombatPNJ > h1::before
{
content: "";
border-left: 25px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-competencesCombat > h1::after,
div.sheet-competencesCombatPNJ > h1::after
{
content: "";
border-right: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-competencesCombat > div,
div.sheet-competencesCombatPNJ > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0px;
width: calc(100% - 44px);
flex-wrap:wrap;
}
div.sheet-competencesCombat > div > label,
div.sheet-competencesCombatPNJ > div > label
{
width: 100%;
font-weight: normal;
font-size: 13px;
}
div.sheet-competencesCombat > div > label > span,
div.sheet-competencesCombatPNJ > div > label > span
{
margin-right: 5px;
min-width: max-content;
height: 25px;
align-items: flex-end;
}
div.sheet-competencesCombat > div > label > input[type="number"],
div.sheet-competencesCombatPNJ > div > label > input[type="number"]
{
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 20px;
padding-top: 5px;
margin-top: auto;
text-align:right;
flex-grow:1;
padding-right:20%;
}
div.sheet-competencesCombat > div > label:last-of-type > input[type="number"],
div.sheet-competencesCombatPNJ > div > label:last-of-type > input[type="number"]
{
text-align:center;
padding-right:0%;
}
div.sheet-bouclierDeflecteur
{
width:100%;
flex-wrap:wrap;
align-content:baseline;
margin-top:50px;
}
div.sheet-bouclierDeflecteur,
div.sheet-bouclierDeflecteur > div
{
width:100%;
flex-wrap:wrap;
align-content:baseline;
}
div.sheet-bouclierDeflecteur > div:first-of-type > div
{
width:85px;
}
div.sheet-bouclierDeflecteur > div:first-of-type > h1
{
width:160px;
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg");
color: white;
justify-content: left;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 18px;
min-width: 160px;
align-self: flex-start;
line-height: 22px;
padding-left:5px;
}
div.sheet-bouclierDeflecteur > div:first-of-type > div > div
{
height: 0px;
border-bottom: 22px solid transparent;
margin-left: -40px;
width: 100px;
}
div.sheet-bouclierDeflecteur > div:first-of-type > div > div::before
{
content:"";
border-right: 40px solid white;
border-bottom: 8px solid transparent;
}
div.sheet-bouclierDeflecteur > div:first-of-type > div > label
{
width: 100%;
align-items:flex-end;
justify-content:space-between;
font-weight:normal;
align-self:flex-end;
height:36px;
}
div.sheet-bouclierDeflecteur > div:first-of-type > div > label > span
{
text-transform: uppercase;
margin-left: auto;
line-height: 34px;
width: 100%;
justify-content: right;
border-bottom: 1px solid;
border-top:1px solid;
margin-right: -18px;
padding-right: 24px;
border-image:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
padding-left:5px;
}
div.sheet-bouclierDeflecteur > div:first-of-type > div > label > input[type="number"]
{
padding: 0px;
text-align: center;
border-radius: 35px;
height: 36px;
width: 36px;
border-color: black;
border: 0px;
border-right:3px solid black;
font-size:30px;
}
div.sheet-bouclierDeflecteur > div:not(:first-of-type)
{
border:2px solid;
border-image:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
padding-right:20px;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
border-top:0px;
width:calc(100% - 44px);
}
div.sheet-bouclierDeflecteur > div:not(:first-of-type) > label
{
width:100%;
font-weight:normal;
font-size:13px;
}
div.sheet-bouclierDeflecteur > div:not(:first-of-type) > label > span
{
margin-right:5px;
min-width:max-content;
height:25px;
align-items:flex-end;
}
div.sheet-bouclierDeflecteur > div:not(:first-of-type) > label > input[type="text"],
div.sheet-bouclierDeflecteur > div:not(:first-of-type) > label > input[type="number"]
{
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 20px;
padding-top: 5px;
margin-top: auto;
flex-grow:1;
}
div.sheet-bouclierDeflecteur > div:not(:first-of-type) > label > input[type="number"]
{
text-align:center;
width:43px;
}
div.sheet-bouclierDeflecteur > div:not(:first-of-type) > label > input[type="text"]
{
width: 100%;
}
div.sheet-armePrincipale,
div.sheet-armeSecondaire
{
width:auto;
align-items:flex-end;
}
div.sheet-armePrincipaleBase,
div.sheet-armeSecondaireBase
{
width:245px;
flex-wrap:wrap;
align-content:baseline;
margin-top:-36px;
}
div.sheet-armePrincipaleBase > h1,
div.sheet-armeSecondaireBase > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 29px solid;
height: 0px;
min-width: 245px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 17px;
text-align:center;
line-height:29px;
}
div.sheet-armePrincipaleBase > h1::before,
div.sheet-armeSecondaireBase > h1::before
{
content: "";
border-left: 25px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-armePrincipaleBase > h1::after,
div.sheet-armeSecondaireBase > h1::after
{
content: "";
border-right: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-armePrincipaleBase > div,
div.sheet-armeSecondaireBase > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0px;
width: calc(100% - 44px);
flex-wrap:wrap;
}
div.sheet-armePrincipaleBase > div > label,
div.sheet-armeSecondaireBase > div > label
{
width: 100%;
font-weight: normal;
font-size: 13px;
}
div.sheet-armePrincipaleBase > div > label > span,
div.sheet-armeSecondaireBase > div > label > span
{
margin-right: 5px;
min-width: max-content;
height: 25px;
align-items: flex-end;
}
div.sheet-armePrincipaleBase > div > label > select,
div.sheet-armeSecondaireBase > div > label > select
{
width:100%;
border-top:0px;
border-right:0px;
border-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-bottom:1px dotted black;
height:22px;
padding-top:5px;
margin-top:auto;
min-width:0px;
}
div.sheet-armePrincipaleBase > div > label > input[type="text"],
div.sheet-armeSecondaireBase > div > label > input[type="text"]
{
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 20px;
padding-top: 5px;
margin-top: auto;
flex-shrink:1;
min-width:0px;
}
div.sheet-armeSeparation
{
border-top:2px solid;
border-bottom:2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
width:20px;
height:20px;
margin-top:auto;
margin-bottom:auto;
}
div.sheet-armePrincipaleDetails,
div.sheet-armeSecondaireDetails
{
width:220px;
justify-content:baseline;
border:2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
justify-content:space-between;
padding-top:20px;
padding-right:10px;
padding-left:10px;
align-self: flex-end;
}
div.sheet-armePrincipaleDetails > label,
div.sheet-armeSecondaireDetails > label
{
max-width: min-content;
flex-wrap: wrap;
height: 100px;
align-content:baseline;
}
div.sheet-armePrincipaleDetails > label > span,
div.sheet-armeSecondaireDetails > label > span
{
width: 100%;
justify-content: center;
text-transform: uppercase;
font-weight: normal;
height:25px;
}
div.sheet-armePrincipaleDetails > label > input[type="number"],
div.sheet-armePrincipaleDetails > label > input[type="text"],
div.sheet-armeSecondaireDetails > label > input[type="number"],
div.sheet-armeSecondaireDetails > label > input[type="text"]
{
padding: 0px;
text-align: center;
border-color: black;
margin: auto;
}
div.sheet-armePrincipaleDetails > label:nth-of-type(1) > input[type="number"],
div.sheet-armePrincipaleDetails > label:nth-of-type(1) > input[type="text"],
div.sheet-armeSecondaireDetails > label:nth-of-type(1) > input[type="number"],
div.sheet-armeSecondaireDetails > label:nth-of-type(1) > input[type="text"]
{
border-radius: 35px;
height: 70px;
width: 70px;
font-size: 40px;
}
div.sheet-armePrincipaleDetails > label:nth-of-type(2) > input[type="number"],
div.sheet-armePrincipaleDetails > label:nth-of-type(2) > input[type="text"],
div.sheet-armeSecondaireDetails > label:nth-of-type(2) > input[type="number"],
div.sheet-armeSecondaireDetails > label:nth-of-type(2) > input[type="text"]
{
border-radius: 30px;
height: 60px;
width: 60px;
font-size: 20px;
}
div.sheet-armePrincipaleDetails > label:nth-of-type(3) > input[type="number"],
div.sheet-armePrincipaleDetails > label:nth-of-type(3) > input[type="text"],
div.sheet-armeSecondaireDetails > label:nth-of-type(3) > input[type="number"],
div.sheet-armeSecondaireDetails > label:nth-of-type(3) > input[type="text"]
{
border-radius: 25px;
height: 50px;
width: 50px;
font-size: 25px;
}
div.sheet-vehicule,
div.sheet-vnj
{
width:340px;
flex-wrap:wrap;
align-content:baseline;
z-index:99;
}
div.sheet-vnj
{
margin-top:15px;
}
div.sheet-vehicule > h1,
div.sheet-vnj > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 29px solid;
height: 0px;
min-width: 245px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 24px;
text-align:center;
line-height:29px;
}
div.sheet-vehicule > h1::before,
div.sheet-vnj > h1::before
{
content: "";
border-left: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-vehicule > h1::after,
div.sheet-vnj > h1::after
{
content: "";
border-right: 25px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-vehicule > div,
div.sheet-vnj > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0px;
width: calc(100% - 44px);
flex-wrap:wrap;
}
div.sheet-vehicule > div > label,
div.sheet-vnj > div > label
{
width: 100%;
font-weight: normal;
font-size: 13px;
}
div.sheet-vehicule > div > label:not(:last-of-type) > span,
div.sheet-vnj > div > label:not(:last-of-type) > span
{
margin-right: 5px;
min-width: max-content;
height: 25px;
align-items: flex-end;
}
div.sheet-vehicule > div > label:not(:last-of-type) > input[type="text"],
div.sheet-vnj > div > label:not(:last-of-type) > input[type="text"]
{
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 20px;
padding-top: 5px;
margin-top: auto;
flex-shrink:1;
flex-grow:1;
min-width:0px;
}
div.sheet-vehicule > div > label:last-of-type,
div.sheet-vnj > div > label:last-of-type
{
font-weight:normal;
flex-wrap:wrap;
width:100%;
}
div.sheet-vehicule > div > label:last-of-type > span,
div.sheet-vnj > div > label:last-of-type > span
{
min-width: max-content;
height: 25px;
align-items: flex-end;
justify-content:center;
width:100%;
}
div.sheet-vehicule > div > label:last-of-type > div.sheet-autoex,
div.sheet-vnj > div > label:last-of-type > div.sheet-autoex
{
border:1px dotted black;
}
div.sheet-vehiculeArme1,
div.sheet-vehiculeArme2,
div.sheet-armePNJ
{
width:245px;
flex-wrap:wrap;
align-content:baseline;
margin-top:20px;
}
div.sheet-vnjArme1,
div.sheet-vnjArme2
{
width:245px;
flex-wrap:wrap;
align-content:baseline;
}
div.sheet-vehiculeArme1 > h1,
div.sheet-vehiculeArme2 > h1,
div.sheet-vnjArme1 > h1,
div.sheet-vnjArme2 > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 29px solid;
height: 0px;
min-width: 245px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 24px;
text-align:center;
line-height:29px;
}
div.sheet-armePNJ > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 29px solid;
height: 0px;
min-width: 245px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 16px;
text-align:center;
line-height:29px;
}
div.sheet-vehiculeArme1 > h1::before,
div.sheet-vehiculeArme2 > h1::before,
div.sheet-vnjArme1 > h1::before,
div.sheet-vnjArme2 > h1::before,
div.sheet-armePNJ > h1::before
{
content: "";
border-left: 25px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-vehiculeArme1 > h1::after,
div.sheet-vehiculeArme2 > h1::after,
div.sheet-vnjArme1 > h1::after,
div.sheet-vnjArme2 > h1::after,
div.sheet-armePNJ > h1::after
{
content: "";
border-right: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-vehiculeArme1 > div,
div.sheet-vehiculeArme2 > div,
div.sheet-vnjArme1 > div,
div.sheet-vnjArme2 > div,
div.sheet-armePNJ > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0px;
width: calc(100% - 44px);
flex-wrap:wrap;
}
div.sheet-vehiculeArme1 > div > label,
div.sheet-vehiculeArme2 > div > label,
div.sheet-vnjArme1 > div > label,
div.sheet-vnjArme2 > div > label,
div.sheet-armePNJ > div > label
{
width: 100%;
font-weight: normal;
font-size: 13px;
}
div.sheet-armePNJ > div > label:nth-of-type(8)
{
margin-top:10px;
}
div.sheet-armePNJ > div > button[type="roll"]
{
margin: 0px;
padding: 0px;
width: 100%;
border-radius: 0px;
}
div.sheet-armePNJ > div > button[type="roll"]::before
{
font-family: "dicefontd10";
content: "k";
font-size: 30px;
}
div.sheet-vehiculeArme1 > div > label > span,
div.sheet-vehiculeArme2 > div > label > span,
div.sheet-vnjArme1 > div > label > span,
div.sheet-vnjArme2 > div > label > span,
div.sheet-armePNJ > div > label > span
{
margin-right: 5px;
min-width: max-content;
height: 25px;
align-items: flex-end;
}
div.sheet-vehiculeArme1 > div > label > input[type="text"],
div.sheet-vehiculeArme2 > div > label > input[type="text"],
div.sheet-vehiculeArme1 > div > label > input[type="number"],
div.sheet-vehiculeArme2 > div > label > input[type="number"],
div.sheet-vnjArme1 > div > label > input[type="text"],
div.sheet-vnjArme2 > div > label > input[type="text"],
div.sheet-vnjArme1 > div > label > input[type="number"],
div.sheet-vnjArme2 > div > label > input[type="number"],
div.sheet-armePNJ > div > label > input[type="text"],
div.sheet-armePNJ > div > label > input[type="number"]
{
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 20px;
padding-top: 5px;
margin-top: auto;
flex-shrink:1;
min-width:0px;
flex-grow:1;
}
div.sheet-armePNJ > div > label > select
{
width:100%;
border-top:0px;
border-right:0px;
border-left:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border-bottom:1px dotted black;
height:22px;
padding-top:5px;
margin-top:auto;
min-width:0px;
}
div.sheet-vehiculeArme1 > div > label > input[type="number"],
div.sheet-vehiculeArme2 > div > label > input[type="number"],
div.sheet-vnjArme1 > div > label > input[type="number"],
div.sheet-vnjArme2 > div > label > input[type="number"],
div.sheet-armePNJ > div > label > input[type="number"]
{
text-align:center;
}
div.sheet-vehiculeArme1 > div > label:nth-of-type(8),
div.sheet-vehiculeArme2 > div > label:nth-of-type(8),
div.sheet-vnjArme1 > div > label:nth-of-type(8),
div.sheet-vnjArme2 > div > label:nth-of-type(8)
{
margin-top:10px;
}
div.sheet-vehiculeArme1 > div > div,
div.sheet-vehiculeArme2 > div > div,
div.sheet-vnjArme1 > div > div,
div.sheet-vnjArme2 > div > div,
div.sheet-armePNJ > div > div
{
width:calc(100% + 20px);
justify-content:baseline;
justify-content:space-between;
padding-top:20px;
margin-right:-10px;
margin-left:-10px;
}
div.sheet-vehiculeArme1 > div > div > label,
div.sheet-vehiculeArme2 > div > div > label,
div.sheet-vnjArme1 > div > div > label,
div.sheet-vnjArme2 > div > div > label,
div.sheet-armePNJ > div > div > label
{
max-width:min-content;
flex-wrap: wrap;
height: 100px;
align-content:baseline;
}
div.sheet-vehiculeArme1 > div > div > label > span,
div.sheet-vehiculeArme2 > div > div > label > span,
div.sheet-vnjArme1 > div > div > label > span,
div.sheet-vnjArme2 > div > div > label > span,
div.sheet-armePNJ > div > div > label > span
{
width: 100%;
justify-content: center;
text-transform: uppercase;
font-weight: normal;
height:25px;
}
div.sheet-vehiculeArme1 > div > div > label > input[type="number"],
div.sheet-vehiculeArme1 > div > div > label > input[type="text"],
div.sheet-vehiculeArme2 > div > div > label > input[type="number"],
div.sheet-vehiculeArme2 > div > div > label > input[type="text"],
div.sheet-vnjArme1 > div > div > label > input[type="number"],
div.sheet-vnjArme1 > div > div > label > input[type="text"],
div.sheet-vnjArme2 > div > div > label > input[type="number"],
div.sheet-vnjArme2 > div > div > label > input[type="text"],
div.sheet-armePNJ > div > div > label > input[type="number"],
div.sheet-armePNJ > div > div > label > input[type="text"]
{
padding: 0px;
text-align: center;
border-color: black;
margin: auto;
}
div.sheet-vehiculeArme1 > div > div > label:nth-of-type(1) > input[type="number"],
div.sheet-vehiculeArme1 > div > div > label:nth-of-type(1) > input[type="text"],
div.sheet-vehiculeArme2 > div > div > label:nth-of-type(1) > input[type="number"],
div.sheet-vehiculeArme2 > div > div > label:nth-of-type(1) > input[type="text"],
div.sheet-vnjArme1 > div > div > label:nth-of-type(1) > input[type="number"],
div.sheet-vnjArme1 > div > div > label:nth-of-type(1) > input[type="text"],
div.sheet-vnjArme2 > div > div > label:nth-of-type(1) > input[type="number"],
div.sheet-vnjArme2 > div > div > label:nth-of-type(1) > input[type="text"],
div.sheet-armePNJ > div > div > label:nth-of-type(1) > input[type="number"],
div.sheet-armePNJ > div > div > label:nth-of-type(1) > input[type="text"]
{
border-radius: 35px;
height: 70px;
width: 70px;
font-size: 30px;
}
div.sheet-vehiculeArme1 > div > div > label:nth-of-type(2) > input[type="number"],
div.sheet-vehiculeArme1 > div > div > label:nth-of-type(2) > input[type="text"],
div.sheet-vehiculeArme2 > div > div > label:nth-of-type(2) > input[type="number"],
div.sheet-vehiculeArme2 > div > div > label:nth-of-type(2) > input[type="text"],
div.sheet-vnjArme1 > div > div > label:nth-of-type(2) > input[type="number"],
div.sheet-vnjArme1 > div > div > label:nth-of-type(2) > input[type="text"],
div.sheet-vnjArme2 > div > div > label:nth-of-type(2) > input[type="number"],
div.sheet-vnjArme2 > div > div > label:nth-of-type(2) > input[type="text"],
div.sheet-armePNJ > div > div > label:nth-of-type(2) > input[type="number"],
div.sheet-armePNJ > div > div > label:nth-of-type(2) > input[type="text"]
{
border-radius: 30px;
height: 60px;
width: 60px;
font-size: 30px;
}
div.sheet-vehiculeArme1 > div > div > label:nth-of-type(3) > input[type="number"],
div.sheet-vehiculeArme1 > div > div > label:nth-of-type(3) > input[type="text"],
div.sheet-vehiculeArme2 > div > div > label:nth-of-type(3) > input[type="number"],
div.sheet-vehiculeArme2 > div > div > label:nth-of-type(3) > input[type="text"],
div.sheet-vnjArme1 > div > div > label:nth-of-type(3) > input[type="number"],
div.sheet-vnjArme1 > div > div > label:nth-of-type(3) > input[type="text"],
div.sheet-vnjArme2 > div > div > label:nth-of-type(3) > input[type="number"],
div.sheet-vnjArme2 > div > div > label:nth-of-type(3) > input[type="text"],
div.sheet-armePNJ > div > div > label:nth-of-type(3) > input[type="number"],
div.sheet-armePNJ > div > div > label:nth-of-type(3) > input[type="text"]
{
border-radius: 25px;
height: 50px;
width: 50px;
font-size: 25px;
}
div.sheet-vehiculeArme1 > div > button[type="roll"],
div.sheet-vehiculeArme2 > div > button[type="roll"],
div.sheet-vnjArme1 > div > button[type="roll"],
div.sheet-vnjArme2 > div > button[type="roll"]
{
margin: 0px;
padding: 0px;
width: 100%;
border-radius: 0px;
}
div.sheet-vehiculeArme1 > div > button[type="roll"]::before,
div.sheet-vehiculeArme2 > div > button[type="roll"]::before,
div.sheet-vnjArme1 > div > button[type="roll"]::before,
div.sheet-vnjArme2 > div > button[type="roll"]::before
{
font-family: "dicefontd10";
content: "k";
font-size: 30px;
}
div.sheet-vehiculeCombat
{
width:250px;
flex-wrap:wrap;
align-content:baseline;
margin-left:auto;
margin-right:auto;
margin-top:-100px;
}
div.sheet-vnjCombat
{
width:calc(50% - 5px);
flex-wrap:wrap;
align-content:baseline;
align-self:flex-end;
min-width:250px;
}
div.sheet-vnjPerformance
{
width:250px;
flex-wrap:wrap;
align-content:baseline;
margin-top:15px;
}
div.sheet-vehiculeCombat > h1,
div.sheet-vnjCombat > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 29px solid;
height: 0px;
min-width: 245px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 24px;
text-align:center;
line-height:29px;
}
div.sheet-vnjPerformance > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 29px solid;
height: 0px;
min-width: 245px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 21px;
text-align:center;
line-height:29px;
}
div.sheet-vehiculeCombat > h1::before,
div.sheet-vnjCombat > h1::before,
div.sheet-vnjPerformance > h1::before
{
content: "";
border-left: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-vehiculeCombat > h1::after,
div.sheet-vnjCombat > h1::after,
div.sheet-vnjPerformance > h1::after
{
content: "";
border-right: 25px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-vehiculeCombat > div,
div.sheet-vnjCombat > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0px;
width: calc(100% - 44px);
flex-wrap:wrap;
}
div.sheet-vnjPerformance > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-right: 20px;
padding-left: 46px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0px;
width: calc(100% - 44px);
flex-wrap:wrap;
}
div.sheet-vehiculeCombat > div > label,
div.sheet-vnjCombat > div > label,
div.sheet-vnjPerformance > div > label
{
width: 100%;
font-weight: normal;
font-size: 13px;
}
div.sheet-vnjPerformance > div > label:nth-of-type(2) > img,
div.sheet-vnjPerformance > div > label:nth-of-type(5) > img
{
height: 25px;
position: absolute;
margin-left: -46px;
}
div.sheet-vnjPerformance > div > label:nth-of-type(1) > img,
div.sheet-vnjPerformance > div > label:nth-of-type(4) > img
{
height: 24px;
position: absolute;
margin-left: -35px;
}
div.sheet-vnjPerformance > div > label:nth-of-type(4) > img
{
margin-top:1px;
}
div.sheet-vnjPerformance > div > label:nth-of-type(3) > img
{
height: 25px;
position: absolute;
margin-left: -38px;
}
div.sheet-vehiculeCombat > div > label > span,
div.sheet-vnjCombat > div > label > span,
div.sheet-vnjPerformance > div > label > span
{
margin-right: 5px;
min-width: max-content;
height: 25px;
align-items: flex-end;
}
div.sheet-vehiculeCombat > div > label > input[type="number"],
div.sheet-vnjCombat > div > label > input[type="number"]
{
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 20px;
padding-top: 5px;
margin-top: auto;
text-align:center;
flex-grow:1;
}
div.sheet-vnjPerformance > div > label > input[type="number"]
{
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 20px;
padding-top: 5px;
margin-top: auto;
text-align:right;
flex-grow:1;
padding-right:20%;
}
div.sheet-vehiculeStats
{
width: 100%;
flex-wrap: wrap;
height: 100%;
padding-top: 5px;
justify-content:space-between;
margin-right:5px;
margin-left:5px;
}
div.sheet-vehiculeStats > label
{
width: min-content;
flex-wrap: wrap;
height: 150px;
align-content: space-between;
justify-content:center;
}
div.sheet-vehiculeStats > label > span
{
width: max-content;
justify-content: center;
font-weight: normal;
align-items:flex-end;
}
div.sheet-vehiculeStats > label > div
{
padding: 0px;
margin: auto;
text-align: center;
width: 64px;
height: 64px;
border-radius: 50px;
font-size: 50px;
border: 3px double black;
}
div.sheet-vehiculeStats > label > div > input[type="number"]
{
padding: 0px;
margin: auto;
width: 25px;
height: 64px;
border-radius: 50px;
font-size: 40px;
border: 0px;
background: transparent;
}
div.sheet-vehiculeStats > label > div > input[type="number"]:first-of-type
{
text-align: right;
background:transparent;
}
div.sheet-vehiculeStats > label > div > input[type="number"]:last-of-type
{
text-align: left;
background:transparent;
}
div.sheet-vehiculeStats > label > div > span
{
width: 15px;
font-size: 32px;
height: 64px;
align-items: center;
background:transparent;
}
div.sheet-vehiculeStats > label > input[type="number"]
{
padding: 0px;
margin: auto;
text-align: center;
width: 70px;
height: 70px;
border-radius: 50px;
font-size: 50px;
border: 3px double black;
}
div.sheet-vehiculeStats > label > img
{
height:40px;
margin:auto;
}
div.sheet-infoClasseTop
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
align-content:baseline;
}
div.sheet-infoClasseBlock
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
align-content:baseline;
}
div.sheet-infoClasseLine
{
width:100%;
justify-content:space-between;
margin-top:6px;
}
div.sheet-infoClasseBlock > div
{
width:calc(25% - 3px);
flex-wrap:wrap;
justify-content:space-between;
align-content:baseline;
height:100%;
}
div.sheet-infoClasseTop > h1,
div.sheet-infoClasseBlock > div > h1
{
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
border-bottom: 29px solid;
height: 0px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 16px;
text-align:center;
line-height:29px;
}
div.sheet-infoClasseTop > h1::before,
div.sheet-infoClasseBlock > div > h1::before
{
content: "";
border-left: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-infoClasseTop > h1::after,
div.sheet-infoClasseBlock > div > h1::after
{
content: "";
border-right: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-infoClasseTop > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0px;
width:100%;
justify-content:center;
height:calc(100% - 20px - 29px - 2px);
}
div.sheet-infoClasseBlock > div > div:first-of-type
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 0px;
padding-left:10px;
border-top: 0px;
border-bottom:0px;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
height:calc(100% - 10px - 29px - 2px - 68px);
align-content:baseline;
}
div.sheet-infoClasseBlock > div > div:last-of-type
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-right: 10px;
padding-top:0px;
padding-bottom: 0px;
padding-left:10px;
border-top: 0px;
width:100%;
flex-wrap:wrap;
justify-content:space-between;
height:68px;
margin-bottom:2px;
align-content:baseline;
}
div.sheet-infoClasseBlock > div > div > div:first-of-type
{
align-content:baseline;
flex-wrap:wrap;
}
div.sheet-infoClasseTop > div > div.sheet-right
{
width:80px;
flex-wrap:wrap;
}
div.sheet-infoClasseTop > div > div.sheet-left
{
width:30%;
flex-wrap:wrap;
align-content:baseline;
}
div.sheet-infoClasseTop > div > img
{
display:flex;
align-self:center;
margin-right:5px;
width: calc((100% / 4) - 60px);
}
div.sheet-infoClasseTop > div > div.sheet-left > span,
div.sheet-infoClasseTop > div > div.sheet-right > span
{
display:block;
width:100%;
text-align:justify;
word-wrap:anywhere;
font-family:arial;
}
div.sheet-infoClasseTop > div > div.sheet-left > span > b,
div.sheet-infoClasseTop > div > div.sheet-right > span > b
{
min-width:max-content;
float:left;
padding-right:5px;
}
div.sheet-infoClasseBlock > div > div > div > span
{
display:block;
width:100%;
text-align:justify;
word-wrap:anywhere;
font-family:arial;
}
div.sheet-infoClasseBlock > div > div > div > span > b
{
min-width:max-content;
float:left;
padding-right:5px;
}
div.sheet-infoClasseTop > div > div.sheet-right > div:first-of-type
{
width: 100%;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/SdC.png");
background-size: 70px;
background-repeat: no-repeat;
background-position: center;
height:70px;
}
div.sheet-infoClasseTop > div > div.sheet-right > div:first-of-type > span
{
justify-content: center;
align-items: center;
margin: auto;
font-size: 35px;
font-weight: bold;
}
div.sheet-infoClasseTop > div > div.sheet-right > div:last-of-type
{
width: 100%;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/actions.png");
background-size: 40px;
background-repeat: no-repeat;
background-position-y: center;
background-position-x: calc(50% - 8px);
height:70px;
align-self:flex-end;
}
div.sheet-infoClasseTop > div > div.sheet-right > div:last-of-type > span
{
justify-content: flex-end;
align-items: center;
margin: auto;
font-size: 32px;
font-weight: bold;
width: 62px;
height: 62px;
border: 1px solid black;
border-radius: 62px;
padding-right: 3px;
}
div.sheet-infoClasseTop2 > div > div.sheet-left > div:last-of-type
{
width: 100%;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/sens_combat.png");
background-size: 40px;
background-repeat: no-repeat;
background-position-y: center;
background-position-x: calc(50% + 8px);
height:70px;
margin-top:10px;
align-self:flex-end;
}
div.sheet-infoClasseTop2 > div > div.sheet-left > div:last-of-type > span
{
justify-content: left;
align-items: center;
margin: auto;
font-size: 32px;
font-weight: bold;
width: 62px;
height: 62px;
border: 1px solid black;
border-radius: 62px;
padding-left: 3px;
}
div.sheet-infoClasseBlock div.sheet-blockActionsL
{
width: 50%;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/actions.png");
background-size: 40px;
background-repeat: no-repeat;
background-position-y: center;
background-position-x: calc(50% - 8px);
height:64px;
margin-top:auto;
align-self:flex-end;
margin-bottom:2px;
}
div.sheet-infoClasseBlock div.sheet-blockActionsL > span
{
justify-content: flex-end;
align-items: center;
margin: auto;
font-size: 32px;
font-weight: bold;
width: 62px;
height: 62px;
border: 1px solid black;
border-radius: 62px;
padding-right: 3px;
font-family:Inconsolata;
display:flex;
}
div.sheet-infoClasseBlock div.sheet-blockCout
{
width: 50%;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/SdC.png");
background-size: 66px;
background-repeat: no-repeat;
background-position: center;
height:66px;
margin-top:auto;
margin-bottom:2px;
align-self:flex-end;
}
div.sheet-infoClasseBlock div.sheet-blockCout > span
{
justify-content: center;
align-items: center;
margin: auto;
font-size: 35px;
font-weight: bold;
font-family:Inconsolata;
display:flex;
height:100%;
}
div.sheet-infoClasseBlock div.sheet-blockActionsR
{
width: 50%;
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/sens_combat.png");
background-size: 40px;
background-repeat: no-repeat;
background-position-y: center;
background-position-x: calc(50% + 8px);
height:64px;
margin-top:auto;
align-self:flex-end;
margin-bottom:2px;
}
div.sheet-infoClasseBlock div.sheet-blockActionsR > span
{
justify-content: left;
align-items: center;
margin: auto;
font-size: 32px;
font-weight: bold;
width: 62px;
height: 62px;
border: 1px solid black;
border-radius: 62px;
padding-left: 3px;
display:flex;
font-family:Inconsolata;
}
div.sheet-tab3 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:nth-of-type(1) > span,
div.sheet-tab4 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:nth-of-type(1) > span,
div.sheet-tab5 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:nth-of-type(1) > span,
div.sheet-tab6 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:nth-of-type(1) > span,
div.sheet-tab7 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:nth-of-type(1) > span,
div.sheet-tab8 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:nth-of-type(1) > span,
div.sheet-tab9 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:nth-of-type(1) > span,
div.sheet-tab10 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:nth-of-type(1) > span
{
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 15px solid black;
position: absolute;
margin-left: -3px;
transform: rotate(180deg);
margin-top: -4px;
}
div.sheet-tab3 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:not(:nth-of-type(1)) > span,
div.sheet-tab4 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:not(:nth-of-type(1)) > span,
div.sheet-tab5 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:not(:nth-of-type(1)) > span,
div.sheet-tab6 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:not(:nth-of-type(1)) > span,
div.sheet-tab7 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:not(:nth-of-type(1)) > span,
div.sheet-tab8 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:not(:nth-of-type(1)) > span,
div.sheet-tab9 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:not(:nth-of-type(1)) > span,
div.sheet-tab10 > div.sheet-infoClasseLine > div.sheet-infoClasseBlock:first-of-type > div:not(:nth-of-type(1)) > span
{
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 15px solid black;
position: absolute;
margin-left: -5px;
transform: rotate(90deg);
margin-top: -4px;
}
div.sheet-tab3 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:first-of-type,
div.sheet-tab4 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:first-of-type,
div.sheet-tab5 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:first-of-type,
div.sheet-tab6 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:first-of-type,
div.sheet-tab7 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:first-of-type,
div.sheet-tab8 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:first-of-type,
div.sheet-tab9 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:first-of-type,
div.sheet-tab10 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:first-of-type
{
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 15px solid black;
position: absolute;
margin-left: -10px;
transform: rotate(220deg);
margin-top: -4px;
}
div.sheet-tab3 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:last-of-type,
div.sheet-tab4 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:last-of-type,
div.sheet-tab5 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:last-of-type,
div.sheet-tab6 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:last-of-type,
div.sheet-tab7 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:last-of-type,
div.sheet-tab8 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:last-of-type,
div.sheet-tab9 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:last-of-type,
div.sheet-tab10 > div.sheet-infoClasseLine:nth-of-type(3) > div.sheet-infoClasseBlock > div:nth-of-type(2) > span:last-of-type
{
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 30px solid black;
position: absolute;
margin-left: -5px;
transform: rotate(90deg);
margin-top:267px;
}
div.sheet-tab11 > div:nth-of-type(4) > div > div:nth-of-type(2) > span
{
margin-top: 230px;
}
div.sheet-tab12 > div:nth-of-type(4) > div > div:nth-of-type(2) > span,
div.sheet-tab13 > div:nth-of-type(4) > div > div:nth-of-type(2) > span
{
margin-top: 249px;
}
div.sheet-competencesPNJ
{
width:100%;
min-width:260px;
flex-wrap:wrap;
align-content:baseline;
}
div.sheet-competencesPNJ > h1
{
border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg") 20% stretch;
border-bottom: 29px solid;
height: 0px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 16px;
text-align: center;
line-height: 29px;
}
div.sheet-competencesPNJ > h1::before
{
content: "";
border-left: 25px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-competencesPNJ > h1::after
{
content: "";
border-right: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-competencesPNJ > div.repcontainer
{
width: 100%;
flex-wrap: wrap;
border-right: 2px solid;
border-left: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
padding-top:10px;
padding-right:20px;
padding-left:10px;
}
div.sheet-competencesPNJ > div.repcontainer > div.repitem
{
width:100%;
justify-content:space-between;
margin-top:2px;
}
div.sheet-competencesPNJ > div.repcontainer > div.repitem > input[type="number"]
{
width: 25px;
height: 25px;
padding: 0px;
text-align: center;
}
div.sheet-competencesPNJ > div.repcontainer > div.repitem > select
{
width: calc(100% - 35px);
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
border-bottom: 1px dotted black;
height: 24px;
padding-top: 5px;
margin-top: auto;
min-width: 0px;
}
div.sheet-competencesPNJ > div.repcontainer > div.repitem > button[type="roll"]
{
margin:0px;
padding:0px;
width:23px;
height:23px;
border-radius:0px;
margin-right:-20px;
border-right:0px;
}
div.sheet-competencesPNJ > div.repcontainer > div.repitem > button[type="roll"]::before
{
font-family: "dicefontd10";
content: "k";
font-size: 25px;
}
div.sheet-competencesPNJ > div.repcontainer > div.repitem > .itemcontrol > .btn
{
padding-top: 2px;
padding-bottom: 0px;
height: 21px;
border-radius: 0px;
margin-right:-20px;
}
div.sheet-competencesPNJ > div.repcontrol
{
width: 100%;
display: block;
border-right: 2px solid;
border-left: 2px solid;
border-bottom: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
}
div.sheet-competencesPNJ > div.repcontrol > .btn
{
border-radius: 0px;
border-bottom: 0px;
}
div.sheet-statsPNJ
{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
min-width:245px;
}
div.sheet-statsPNJ > label
{
flex-wrap:wrap;
height:max-content;
min-height:180px;
align-content:space-between;
}
div.sheet-statsPNJ > label:nth-of-type(even)
{
width:130px;
}
div.sheet-statsPNJ > label:nth-of-type(odd)
{
width:115px;
}
div.sheet-statsPNJ > label > div
{
width:100%;
flex-wrap:nowrap;
border:2px solid black;
width:60px;
height:60px;
border-radius:60px;
align-items:center;
flex-wrap:nowrap;
margin:auto;
}
div.sheet-statsPNJ > label > img
{
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:auto;
}
div.sheet-statsPNJ > label:nth-of-type(1) > div > input[type="number"],
div.sheet-statsPNJ > label:nth-of-type(2) > div > input[type="number"]
{
width:calc(50% - 7px);
text-align:center;
border:0px;
padding:0px;
font-size:30px;
height:80%;
background:transparent;
}
div.sheet-statsPNJ > label:nth-of-type(1) > div > input[type="number"]:first-of-type,
div.sheet-statsPNJ > label:nth-of-type(2) > div > input[type="number"]:first-of-type
{
border-top-left-radius:70px;
border-bottom-left-radius:70px;
}
div.sheet-statsPNJ > label:nth-of-type(1) > div > input[type="number"]:last-of-type,
div.sheet-statsPNJ > label:nth-of-type(2) > div > input[type="number"]:last-of-type
{
border-top-right-radius:70px;
border-bottom-right-radius:70px;
}
div.sheet-statsPNJ > label:nth-of-type(3) > div > input[type="number"],
div.sheet-statsPNJ > label:nth-of-type(4) > div > input[type="number"]
{
width:100%;
text-align:center;
border:0px;
padding:0px;
font-size:30px;
height:80%;
border-top-right-radius:70px;
border-bottom-right-radius:70px;
border-top-left-radius:70px;
border-bottom-left-radius:70px;
background:transparent;
}
div.sheet-statsPNJ > label > div > span
{
width: 14px;
justify-content: center;
line-height: 32px;
border: 0px;
padding: 0px;
font-size: 32px;
font-weight:normal;
}
div.sheet-statsPNJ > label > span
{
width:100%;
font-weight:normal;
text-transform:uppercase;
font-size:16px;
font-family:Wallpoet;
justify-content:center;
text-align:center;
}
div.sheet-caracteristiquesPNJ
{
width:100%;
flex-wrap:wrap;
margin-top:10px;
margin-bottom:10px;
}
div.sheet-caracteristiquesPNJ > h1
{
border-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg) 20% stretch;
border-bottom: 35px solid;
height: 0px;
min-width: 195px;
width:100%;
color: white;
justify-content: end;
text-transform: uppercase;
font-family:Wallpoet;
font-size:15px;
}
div.sheet-caracteristiquesPNJ > h1::before
{
content: "";
border-left: 12px solid white;
border-bottom: 15px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-caracteristiquesPNJ > h1::after
{
content: "";
border-right: 25px solid white;
border-bottom: 25px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-caracteristiquesPNJ > div
{
border: 2px solid;
border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg") 20% stretch;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0px;
width: 100%;
flex-wrap: wrap;
}
div.sheet-caracteristiquesPNJ > div > button[type="roll"]
{
width: 98px;
align-items: center;
margin: 0px;
padding: 0px;
border-radius: 0px;
display: flex;
font-size: 13px;
padding-left: 2px;
font-family:Inconsolata;
height:20px;
margin-top:2px;
}
div.sheet-caracteristiquesPNJ > div > button[type="roll"]::before
{
content:"";
}
div.sheet-caracteristiquesPNJ > div > div
{
width:calc(100% - 100px - 5px);
justify-content:space-between;
margin-top:2px;
}
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="1"] ~ label:nth-of-type(2) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="2"] ~ label:nth-of-type(2) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="2"] ~ label:nth-of-type(3) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="3"] ~ label:nth-of-type(2) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="3"] ~ label:nth-of-type(3) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="3"] ~ label:nth-of-type(4) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(2) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(3) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(4) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(5) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(2) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(3) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(4) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(5) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(6) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(2) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(3) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(4) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(5) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(6) > span::before,
div.sheet-caracteristiquesPNJ > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(7) > span::before
{
content:"X";
font-size:34px;
width:22px;
text-align:center;
}
div.sheet-caracteristiquesPNJ > div > div > label:first-of-type
{
opacity:0;
width:22px;
}
div.sheet-caracteristiquesPNJ > div > div:hover > label:first-of-type
{
opacity:1;
}
div.sheet-caracteristiquesPNJ > div > div > label:first-of-type > input[type="radio"]
{
position: absolute;
opacity: 0;
width: 22px;
height: 22px;
}
div.sheet-caracteristiquesPNJ > div > div > label:first-of-type > span
{
width:20px;
height:20px;
border:1px solid lightgray;
}
div.sheet-caracteristiquesPNJ > div > div > label:first-of-type > span::before
{
content:"X";
font-size:34px;
width:22px;
text-align:center;
color:lightgray;
font-weight:normal;
}
div.sheet-caracteristiquesPNJ > div > div > label:not(:first-of-type)
{
width:22px;
}
div.sheet-caracteristiquesPNJ > div > div > label:not(:first-of-type) > input[type="radio"]
{
position: absolute;
opacity: 0;
width: 22px;
height: 22px;
}
div.sheet-caracteristiquesPNJ > div > div > label:not(:first-of-type) > span
{
width:20px;
height:20px;
border:1px solid grey;
}
div.sheet-jetCaracteristique,
div.sheet-jetCompetence
{
width: 210px;
flex-wrap: wrap;
align-content: baseline;
margin-top: -120px;
margin-bottom: 10px;
}
div.sheet-parametresCompetences
{
width: 100%;
flex-wrap: wrap;
align-content: baseline;
margin-top:auto;
}
div.sheet-jetCaracteristique > h1,
div.sheet-jetCompetence > h1,
div.sheet-parametresCompetences > h1
{
border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg") 20% stretch;
border-bottom: 40px solid;
height: 0px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 15px;
line-height: 20px;
text-align: center;
}
div.sheet-jetCaracteristique > h1::after
{
content: "";
border-right: 25px solid white;
border-bottom: 20px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-jetCaracteristique > h1::before
{
content: "";
border-left: 25px solid white;
border-bottom: 20px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-jetCompetence > h1::after,
div.sheet-parametresCompetences > h1::after
{
content: "";
border-right: 20px solid white;
border-bottom: 17px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-jetCompetence > h1::before,
div.sheet-parametresCompetences > h1::before
{
content: "";
border-left: 20px solid white;
border-bottom: 17px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-jetCaracteristique > div,
div.sheet-jetCompetence > div,
div.sheet-parametresCompetences > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
width: 100%;
flex-wrap: wrap;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 0px;
justify-content:space-between;
}
div.sheet-jetCaracteristique > div > label,
div.sheet-jetCompetence > div > label,
div.sheet-parametresCompetences > div > label
{
flex-wrap:wrap;
font-weight:normal;
}
div.sheet-jetCaracteristique > div > label > input[type="number"],
div.sheet-jetCaracteristique > div > label > select,
div.sheet-jetCaracteristique > div > label > span,
div.sheet-jetCompetence > div > label > input[type="number"],
div.sheet-jetCompetence > div > label > select,
div.sheet-jetCompetence > div > label > span,
div.sheet-parametresCompetences > div > label > input[type="number"],
div.sheet-parametresCompetences > div > label > select,
div.sheet-parametresCompetences > div > label > span
{
width:100%;
justify-content:center;
}
div.sheet-jetCaracteristique > div > label > input[type="number"],
div.sheet-jetCompetence > div > label > input[type="number"],
div.sheet-parametresCompetences > div > label > input[type="number"]
{
width: 100%;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 22px;
padding-top: 5px;
margin-top: auto;
min-width: 0px;
text-align:center;
}
div.sheet-jetCaracteristique > div > label > select,
div.sheet-jetCaracteristique > div > select,
div.sheet-jetCompetence > div > label > select,
div.sheet-jetCompetence > div > select,
div.sheet-parametresCompetences > div > label > select,
div.sheet-parametresCompetences > div > select
{
width: 100%;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 22px;
padding-top: 5px;
margin-top: auto;
min-width: 0px;
}
div.sheet-jetCaracteristique > div > select,
div.sheet-jetCompetence > div > select,
div.sheet-parametresCompetences > div > select
{
padding-left:10px;
}
div.sheet-jetCaracteristique > div > label:nth-of-type(1),
div.sheet-jetCompetence > div > label:nth-of-type(1),
div.sheet-parametresCompetences > div > label:nth-of-type(1)
{
width:calc(25% - 2.5px);
}
div.sheet-jetCaracteristique > div > label:nth-of-type(2),
div.sheet-jetCompetence > div > label:nth-of-type(2),
div.sheet-parametresCompetences > div > label:nth-of-type(2)
{
width:calc(75% - 2.5px);
}
div.sheet-jetCaracteristique > div > select,
div.sheet-jetCompetence > div > select,
div.sheet-parametresCompetences > div > select
{
width:100%;
text-align:center;
}
div.sheet-jetCaracteristique > div > button[type="roll"],
div.sheet-jetCompetence > div > button[type="roll"],
div.sheet-parametresCompetences > div > button[type="roll"]
{
margin: 0px;
padding: 0px;
width: 100%;
border-radius: 0px;
border-top: 0px;
}
div.sheet-jetCaracteristique > div > button[type="roll"]::before,
div.sheet-jetCompetence > div > button[type="roll"]::before,
div.sheet-parametresCompetences > div > button[type="roll"]::before
{
font-family: "dicefontd10";
content: "k";
font-size: 30px;
}
div.sheet-jetInitiative
{
width: 210px;
flex-wrap: wrap;
align-content: baseline;
background: white;
z-index: 99;
margin-top: auto;
margin-left: 32px;
margin-right: auto;
margin-bottom: -91px;
}
div.sheet-jetInitiativePNJ
{
width: 100%;
flex-wrap: wrap;
align-content: baseline;
background: white;
z-index: 99;
margin-top: auto;
}
div.sheet-jetInitiativeVehicule
{
width: 245px;
flex-wrap: wrap;
align-content: baseline;
background: white;
z-index: 99;
height: 105px;
margin-top: 10px;
}
div.sheet-jetInitiativeVNJ
{
width: calc(50% - 5px);
flex-wrap: wrap;
align-content: baseline;
background: white;
z-index: 99;
margin-top: 10px;
min-width:250px;
}
div.sheet-jetInitiative > h1,
div.sheet-jetInitiativePNJ > h1,
div.sheet-jetInitiativeVehicule > h1,
div.sheet-jetInitiativeVNJ > h1
{
border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg") 20% stretch;
border-bottom: 25px solid;
height: 0px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 15px;
line-height: 25px;
text-align: center;
}
div.sheet-jetInitiative > h1::after,
div.sheet-jetInitiativePNJ > h1::after,
div.sheet-jetInitiativeVehicule > h1::after,
div.sheet-jetInitiativeVNJ > h1::after
{
content: "";
border-right: 20px solid white;
border-bottom: 17px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-jetInitiative > h1::before,
div.sheet-jetInitiativePNJ > h1::before,
div.sheet-jetInitiativeVehicule > h1::before,
div.sheet-jetInitiativeVNJ > h1::before
{
content: "";
border-left: 20px solid white;
border-bottom: 17px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-jetInitiative > div,
div.sheet-jetInitiativePNJ > div,
div.sheet-jetInitiativeVehicule > div,
div.sheet-jetInitiativeVNJ > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
width: 100%;
flex-wrap: wrap;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 0px;
justify-content:space-between;
}
div.sheet-jetInitiative > div > label,
div.sheet-jetInitiativePNJ > div > label,
div.sheet-jetInitiativeVehicule > div > label,
div.sheet-jetInitiativeVNJ > div > label
{
font-weight:normal;
align-items:flex-end;
}
div.sheet-jetInitiative > div > label > span,
div.sheet-jetInitiativePNJ > div > label > span,
div.sheet-jetInitiativeVehicule > div > label > span,
div.sheet-jetInitiativeVNJ > div > label > span
{
align-items:flex-end;
margin-right:2px;
min-width:max-content;
font-size:13px;
}
div.sheet-jetInitiative > div > button[type="roll"],
div.sheet-jetInitiativePNJ > div > button[type="roll"],
div.sheet-jetInitiativeVehicule > div > button[type="roll"],
div.sheet-jetInitiativeVNJ > div > button[type="roll"]
{
margin: 0px;
padding: 0px;
width: 100%;
border-radius: 0px;
}
div.sheet-jetInitiative > div > button[type="roll"]::before,
div.sheet-jetInitiativePNJ > div > button[type="roll"]::before,
div.sheet-jetInitiativeVehicule > div > button[type="roll"]::before,
div.sheet-jetInitiativeVNJ > div > button[type="roll"]::before
{
font-family: "dicefontd10";
content: "k";
font-size: 30px;
}
div.sheet-jetInitiative > div > label > input[type="number"],
div.sheet-jetInitiativePNJ > div > label > input[type="number"],
div.sheet-jetInitiativeVehicule > div > label > input[type="number"],
div.sheet-jetInitiativeVNJ > div > label > input[type="number"]
{
width: 100%;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 22px;
padding-top: 5px;
margin-top: auto;
min-width: 0px;
text-align:center;
}
div.sheet-jetCombat
{
width: 210px;
flex-wrap: wrap;
align-content: baseline;
background: white;
z-index: 99;
height: 105px;
margin-top: auto;
margin-left: auto;
margin-right: 32px;
margin-bottom: -110px;
}
div.sheet-jetCombat > h1
{
border-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg") 20% stretch;
border-bottom: 25px solid;
height: 0px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 15px;
line-height: 25px;
text-align: center;
}
div.sheet-jetCombat > h1::after
{
content: "";
border-right: 20px solid white;
border-bottom: 17px solid transparent;
display: flex;
width: 0px;
margin-left: auto;
}
div.sheet-jetCombat > h1::before
{
content: "";
border-left: 20px solid white;
border-bottom: 17px solid transparent;
display: flex;
width: 0px;
margin-right: auto;
}
div.sheet-jetCombat > div
{
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
width: 100%;
flex-wrap: wrap;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 0px;
justify-content:space-between;
}
div.sheet-jetCombat > div > label
{
font-weight:normal;
}
div.sheet-jetCombat > div > label > input[type="number"],
div.sheet-jetCombat > div > label > select
{
width:100%;
justify-content:center;
}
div.sheet-jetCombat > div > label > span
{
width:100%;
justify-content:center;
min-width:max-content;
align-items:flex-end;
font-size:13px;
}
div.sheet-jetCombat > div > label > input[type="number"]
{
width: 100%;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 22px;
padding-top: 5px;
margin-top: auto;
min-width: 0px;
text-align:center;
}
div.sheet-jetCombat > div > label > select,
div.sheet-jetCombat > div > select
{
width: 100%;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: 1px dotted black;
height: 22px;
padding-top: 5px;
margin-top: auto;
min-width: 0px;
}
div.sheet-jetCombat > div > select
{
padding-left:10px;
}
div.sheet-jetCombat > div > label:nth-of-type(2)
{
width:calc(75% - 2.5px);
}
div.sheet-jetCombat > div > select
{
width:100%;
text-align:center;
}
div.sheet-jetCombat > div > button[type="roll"]
{
margin: 0px;
padding: 0px;
width: 100%;
border-radius: 0px;
}
div.sheet-jetCombat > div > button[type="roll"]::before
{
font-family: "dicefontd10";
content: "k";
font-size: 30px;
}
.sheet-rolltemplate-base,
.sheet-rolltemplate-fight
{
display:flex;
width:100%;
flex-wrap:wrap;
background-color:transparent;
}
.sheet-rolltemplate-base > h1,
.sheet-rolltemplate-fight > h1
{
height: 35px;
width: 100%;
color: white;
justify-content: center;
text-transform: uppercase;
font-family: Wallpoet;
font-size: 15px;
line-height: 25px;
text-align: center;
display:flex;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/backgroundRoll.png);
background-position: center;
background-size: 115% 150%;
background-repeat: no-repeat;
}
.sheet-rolltemplate-fight > span
{
width: 100%;
display: flex;
margin-top: -17px;
justify-content: center;
color: white;
font-size: 12px;
font-variant: small-caps;
font-family: wallpoet;
letter-spacing: 2px;
}
.sheet-rolltemplate-base > div,
.sheet-rolltemplate-fight > div
{
display:flex;
border: 2px solid;
border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Oreste/img/background.jpg') 20% stretch;
width: 100%;
flex-wrap: wrap;
border-top: 0px;
background-color:white;
}
.sheet-rolltemplate-base > div > div,
.sheet-rolltemplate-fight > div > div
{
display:flex;
width:100%;
justify-content:space-between;
flex-wrap:wrap;
}
.sheet-rolltemplate-base > div > div:nth-of-type(1),
.sheet-rolltemplate-fight > div > div:nth-of-type(1)
{
margin-bottom:5px;
}
.sheet-rolltemplate-base > div > div:nth-of-type(1) > span,
.sheet-rolltemplate-fight > div > div:nth-of-type(1) > span
{
display:flex;
color:black;
font-family:Inconsolata;
font-size:13px;
}
.sheet-rolltemplate-base > div > div:nth-of-type(1) > span:first-of-type
{
justify-content:left;
width:calc(80% - 2px);
text-transform:uppercase;
height:0px;
border-bottom:20px solid #76a1ef;
color:black;
padding-left:2px;
}
.sheet-rolltemplate-fight > div > div:nth-of-type(1) > span:first-of-type
{
justify-content:left;
width:100%;
text-transform:uppercase;
background:#76a1ef;
color:black;
padding-left:2px;
line-height:20px;
}
.sheet-rolltemplate-base > div > div:nth-of-type(1) > span:last-of-type
{
justify-content:left;
width:20%;
text-transform:uppercase;
height:0px;
border-bottom:20px solid cornflowerblue;
color:black;
}
.sheet-rolltemplate-fight > div > div:nth-of-type(1) > span:last-of-type
{
justify-content:left;
width:100%;
text-transform:uppercase;
background:cornflowerblue;
color:black;
padding-left:2px;
line-height:20px;
}
.sheet-rolltemplate-base > div > div:nth-of-type(1) > span:last-of-type > span,
.sheet-rolltemplate-fight > div > div:nth-of-type(1) > span:last-of-type > span
{
color:black;
font-size:13px;
}
.sheet-rolltemplate-base > div > div:nth-of-type(1) > span:last-of-type::before
{
content: "";
border-left: 20px solid transparent;
border-bottom: 20px solid cornflowerblue;
display: flex;
width: 0px;
margin-right: auto;
margin-left: -20px;
}
.sheet-rolltemplate-base > div > div:nth-of-type(2) > span:first-of-type,
.sheet-rolltemplate-fight > div > div:nth-of-type(2) > span:first-of-type
{
display:flex;
width:calc(75% - 10px);
font-family:Inconsolata;
color:black;
padding-left:10px;
font-size:16px;
}
.sheet-rolltemplate-base > div > div:nth-of-type(2) > span:last-of-type,
.sheet-rolltemplate-fight > div > div:nth-of-type(2) > span:last-of-type
{
display:flex;
width:calc(25% - 10px);
font-family:Inconsolata;
color:black;
justify-content:center;
padding-right:10px;
font-size:16px;
}
.sheet-rolltemplate-base > div > div:nth-of-type(3),
.sheet-rolltemplate-fight > div > div:nth-of-type(3)
{
border-top:2px solid black;
margin-top:5px;
padding-top:5px;
}
.sheet-rolltemplate-base > div > div:nth-of-type(3) > span,
.sheet-rolltemplate-fight > div > div:nth-of-type(3) > span
{
display:flex;
width:100%;
justify-content:center;
font-weight:bold;
padding-top:2px;
font-size:14px;
}
.sheet-rolltemplate-base .sheet-success
{
color:green;
}
.sheet-rolltemplate-base .sheet-fail
{
color:red;
}
.sheet-rolltemplate-base .inlinerollresult,
.sheet-rolltemplate-fight .inlinerollresult
{
background-color: transparent;
border: none;
color:black;
font-weight:normal;
font-size:16px;
}
.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-fight .inlinerollresult.fullcrit
{
border: none;
color:green;
}
.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-fight .inlinerollresult.fullfail
{
border: none;
color:red;
}
.sheet-rolltemplate-base .inlinerollresult.importantroll,
.sheet-rolltemplate-fight .inlinerollresult.importantroll
{
border: none;
color:darkblue;
}