@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; }