/* /////////////////// PARAMETRAGE DE BASE /////////////////// */ .charsheet { background-color:White; font-family:"Segoe UI", Arial; color:black; min-width:852px; color:black; } .repcontrol { width:100% !important; display:block !important; border-radius:0px; } .repcontrol_edit { border-radius:0px; } .repcontrol_add { border-radius:0px; } .repcontainer { width:100% !important; display:block !important; } .itemcontrol { z-index:2; } 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; } label { margin:0px; padding:0px; } h2 { display:flex; width:100%; font-size: 19pt; color:black; justify-content: center; text-shadow: 2px 2px 2px #555555; font-weight: normal; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom: 5px solid black; z-index:1; } h3 { display:flex; width:100%; font-size: 10pt; color:black; justify-content: center; text-shadow: 2px 2px 2px #555555; font-weight: normal; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom: 5px solid black; z-index:1; } h4 { display:flex; width:100%; font-size: 10pt; color:black; justify-content: center; text-shadow: 2px 2px 2px #555555; font-weight: normal; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom: 5px solid black; z-index:1; } /* /////////////////// ZONES AUTOEXPENSIBLES /////////////////// */ div.sheet-autoex { line-height: 1.4em; min-height: 1.4em; cursor: text; text-align: left; position:relative; width:100%; } div.sheet-autoex > span { visibility: hidden; display: block; font-family: inherit; font-size: inherit; line-height: inherit; white-space: pre-wrap; text-align: inherit; min-height: inherit; height:100%; word-wrap:anywhere; padding-left:2px; } div.sheet-autoex > textarea { display: block; z-index: 1; position: absolute; top: 0; left: 0; height: calc(100% - 1px); width: calc(100% - 2px); overflow: hidden; font-family: inherit; font-size: inherit; line-height: inherit; white-space: pre-wrap; text-align: inherit; min-height: inherit; resize: none; } div.sheet-autoex > textarea::placeholder { font-family:"Contrail One"; color: #575957da; 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; } /* /////////////////// COULEURS PHYSIQUES ET MENTALES /////////////////// */ .sheet-physical { text-shadow: 1px 1px 1px #00CC00; } .sheet-mental { text-shadow: 1px 1px 1px #0000CC; } /* /////////////////// LOGO /////////////////// */ img.sheet-logo { display:flex; width:150px; height:82px; float:left; } /* /////////////////// OPTIONS TITRE /////////////////// */ div.sheet-extend, label.sheet-extend { display:none; } h2 + label.sheet-opt-titre { width: 18px; height: 18px; margin-left: calc(100% - 18px); margin-top: -40px; z-index:2; } h3 + label.sheet-opt-titre { width: 18px !important; height: 18px !important; z-index:2; position:absolute; } label.sheet-opt-titre > input[type="checkbox"] { position:absolute; width:18px; height:18px; opacity:0; } label.sheet-opt-titre > input[type="checkbox"] + span { width:100%; height:18px; display:block; margin-top:-2px; margin-left:-1px; } label.sheet-opt-titre > input[type="checkbox"] + span::before { width:100%; height:18px; font-family:"pictos"; content:"y"; opacity:0; text-shadow: 2px 2px 2px #FF0000; color: black; font-size: 18px; } div:hover > label.sheet-opt-titre > input[type="checkbox"] + span::before { opacity:1; } label.sheet-opt-titre > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div > input[type="hidden"][value="1"] + div.sheet-extend { display:flex; width:100%; flex-wrap:wrap; } label.sheet-btn-mastery { display:flex; width:65px; } label.sheet-btn-mastery > span { display:block; width:100%; } label.sheet-btn-mastery > span::before { display:block; content:attr(title); width:calc(100% - 4px); line-height:18px; font-size: 11px; text-align: center; background-color:black; border:2px solid black; text-shadow: 2px 2px 2px #555555; color:white; } label.sheet-btn-mastery > input[type="checkbox"], label.sheet-btn-mastery > input[type="radio"] { position:absolute; opacity:0; width:65px; height:22px; } label.sheet-btn-mastery > input[type="checkbox"]:checked + span::before, label.sheet-btn-mastery > input[type="radio"]:checked + span::before { background-color:red; } label.sheet-btn-rollas { display:flex; width:120px; } label.sheet-btn-rollas > span { display:block; width: 120px !important; padding-top: 0px !important; padding-left: 0px !important; height: 18px !important; } label.sheet-btn-rollas > span::before { display:block; content:attr(title); width:calc(100% - 4px); line-height:14px; font-size: 11px; text-align: center; background-color:black; border:2px solid black; text-shadow: 2px 2px 2px #555555; color:white; } label.sheet-btn-rollas > input[type="checkbox"], label.sheet-btn-rollas > input[type="radio"] { position:absolute; opacity:0; width:120px; height:18px; } label.sheet-btn-rollas > input[type="checkbox"]:checked + span::before, label.sheet-btn-rollas > input[type="radio"]:checked + span::before { background-color:red; } label.sheet-btn-ki { display:flex; width:30px; } label.sheet-btn-ki > span { display:block; width:100%; } label.sheet-btn-ki > span::before { display:block; content:attr(title); width:calc(100% - 4px); line-height:18px; font-size: 11px; text-align: center; background-color:black; border:2px solid black; text-shadow: 2px 2px 2px #555555; color:white; } label.sheet-btn-ki > input[type="checkbox"] { position:absolute; opacity:0; width:30px; height:22px; } label.sheet-btn-ki > input[type="checkbox"]:checked + span::before { background-color:red; } label.sheet-btn-seals { display:flex; width:50px; } label.sheet-btn-seals > span { display:block; width:100%; } label.sheet-btn-seals > span::before { display:block; content:attr(title); width:calc(100% - 4px); line-height:18px; font-size: 11px; text-align: center; background-color:black; border:2px solid black; text-shadow: 2px 2px 2px #555555; color:white; } label.sheet-btn-seals > input[type="checkbox"] { position:absolute; opacity:0; width:50px; height:22px; } label.sheet-btn-seals > input[type="checkbox"]:checked + span::before { background-color:red; } label.sheet-btn-2h { display:flex; width:80px; } label.sheet-btn-2h > span { display:block; width:100%; } label.sheet-btn-2h > span::before { display:block; content:attr(title); width:calc(100% - 4px); line-height:18px; font-size: 11px; text-align: center; background-color:black; border:2px solid black; text-shadow: 2px 2px 2px #555555; color:white; } label.sheet-btn-2h > input[type="checkbox"] { position:absolute; opacity:0; width:80px; height:22px; } label.sheet-btn-2h > input[type="checkbox"]:checked + span::before { background-color:red; } /* /////////////////// ZONE D'INFO D'EN-TÊTE /////////////////// */ div.sheet-char-info { display:flex; width:calc(100% - 155px); justify-content:space-between; margin-left:5px; flex-wrap:wrap; } div.sheet-char-info > label { display:flex; justify-content:space-between; width:calc(33.33% - 10px); margin-right:2.5px; margin-left:2.5px; min-width:130px; } div.sheet-char-info > label > span { display:flex; align-items:flex-end; font-size:13px; font-weight:normal; white-space:nowrap; width:40px; } div.sheet-char-info > label > input[type="text"], div.sheet-char-info > label > input[type="number"] { display:flex; border:0px; border-bottom:1px solid black; padding-bottom:0px; padding-right:0px; padding-left:0px; width:calc(100% - 40px); } div.sheet-char-info > label > input[type="number"] { text-align:center; } div.sheet-char-info > label:nth-child(5), div.sheet-char-info > label:nth-child(6), div.sheet-char-info > label:nth-child(7), div.sheet-char-info > label:nth-child(8), div.sheet-char-info > label:nth-child(9), div.sheet-char-info > label:nth-child(10), div.sheet-char-info > label:nth-child(11), div.sheet-char-info > label:nth-child(12), div.sheet-char-info > label:nth-child(13), div.sheet-char-info > label:nth-child(14) { width:calc(16.665% - 10px); min-width:100px; } div.sheet-char-info > label:nth-child(4) > span, div.sheet-char-info > label:nth-child(5) > span, div.sheet-char-info > label:nth-child(6) > span { width:45px; } div.sheet-char-info > label:nth-child(4) > input[type="text"], div.sheet-char-info > label:nth-child(5) > input[type="text"], div.sheet-char-info > label:nth-child(6) > input[type="text"] { width:calc(100% - 45px); } div.sheet-char-info > label:nth-child(7) > span, div.sheet-char-info > label:nth-child(8) > span { width:40px; } div.sheet-char-info > label:nth-child(7) > input[type="number"], div.sheet-char-info > label:nth-child(8) > input[type="text"] { width:calc(100% - 40px); text-align:center; } div.sheet-char-info > label:nth-child(9) > span { width:50px; } div.sheet-char-info > label:nth-child(9) > input[type="number"] { width:calc(100% - 50px); } div.sheet-char-info > label:nth-child(10) > span { width:32px; } div.sheet-char-info > label:nth-child(10) > input[type="number"] { width:calc(100% - 32px); } div.sheet-char-info > label:nth-child(11) > span, div.sheet-char-info > label:nth-child(13) > span { width:20px; } div.sheet-char-info > label:nth-child(11) > input[type="number"], div.sheet-char-info > label:nth-child(13) > input[type="number"] { width:calc(100% - 20px); } div.sheet-char-info > label:nth-child(12) > span { width:65px; } div.sheet-char-info > label:nth-child(12) > input[type="number"] { width:calc(100% - 65px); } div.sheet-char-info > label:nth-child(14) > span { width:55px; } div.sheet-char-info > label:nth-child(14) > input[type="number"] { width:calc(100% - 55px); } /* /////////////////// MENU /////////////////// */ div.sheet-menu { display:flex; width:100%; justify-content:space-evenly; flex-wrap:wrap; padding-bottom:5px; border-bottom:2px solid black; margin-bottom:5px; } div.sheet-menu > input[type="hidden"][value="0"]:nth-of-type(1) ~ label.sheet-magic, div.sheet-menu > input[type="hidden"][value="0"]:nth-of-type(2) ~ label.sheet-psychic, div.sheet-menu > input[type="hidden"][value="0"]:nth-of-type(3) ~ label.sheet-ki { display:none; } div.sheet-menu > label { display:flex; width:130px; } div.sheet-menu > label > input[type="radio"] { position:absolute; width:130px; height:27px; opacity:0; border-radius:10px; } div.sheet-menu > label > input[type="radio"] + span { display:inline-block; width:100%; } div.sheet-menu > label > input[type="radio"] + span::before { content:attr(title); display:inline-block; width:calc(100% - 4px); height:23px; text-align:center; background-color:black; color:white; text-shadow: 2px 2px 2px #555555; font-size:15px; line-height:23px; border:2px solid black; border-radius:10px; } div.sheet-menu > label > input[type="radio"]:checked + span::before { background:#CC0000; } div.sheet-menu > label:last-of-type { width:30px; } div.sheet-menu > label:last-of-type > input[type="radio"] { position:absolute; width:30px; height:27px; opacity:0; border-radius:10px; } div.sheet-menu > label:last-of-type > input[type="radio"] + span { display:inline-block; width:100%; } div.sheet-menu > label:last-of-type > input[type="radio"] + span::before { content:attr(title); display:inline-block; width:calc(100% - 4px); height:23px; text-align:center; background-color:black; color:white; text-shadow: 2px 2px 2px #555555; font-size:20px; line-height:23px; border:2px solid black; border-radius:10px; font-family:"pictos"; } div.sheet-menu > label:last-of-type > input[type="radio"]:checked + span::before { background:#CC0000; } input[type="hidden"].sheet-tabExtend[value="1"] ~ div.sheet-tab1, input[type="hidden"].sheet-tabExtend[value="2"] ~ div.sheet-tab2, input[type="hidden"].sheet-tabExtend[value="3"] ~ div.sheet-tab3, input[type="hidden"].sheet-tabExtend[value="4"] ~ div.sheet-tab4, input[type="hidden"].sheet-tabExtend[value="5"] ~ div.sheet-tab5, input[type="hidden"].sheet-tabExtend[value="6"] ~ div.sheet-tab6, input[type="hidden"].sheet-tabExtend[value="7"] ~ div.sheet-tab7 { display:flex; } /* /////////////////// LES CORPS DE LA ZONE /////////////////// */ div.sheet-body { width:100%; display:none; justify-content:space-between; flex-wrap:wrap; align-items:baseline; } div.sheet-tab1 > div:nth-of-type(1) { display:flex; width:calc(50% - 2.5%); flex-wrap:wrap; justify-content:space-between; align-items:baseline; } div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(1) { display:flex; width:calc(55% - 2.5%); flex-wrap:wrap; justify-content:center; align-items:baseline; } div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(2) { display:flex; width:calc(45% - 2.5%); flex-wrap:wrap; justify-content:center; align-items:baseline; } div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(3) { display:flex; width:38%; flex-wrap:wrap; justify-content:center; align-items:baseline; } div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(4) { display:flex; width:28%; flex-wrap:wrap; justify-content:center; align-items:baseline; } div.sheet-tab1 > div:nth-of-type(1):not(:last-of-type), div.sheet-tab1 > div:nth-of-type(1) > div:not(:last-of-type), div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(1) > div:not(:last-of-type), div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(2) > div:not(:last-of-type), div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(4) > div:not(:last-of-type) { margin-bottom:10px; } div.sheet-tab2 > div:nth-of-type(1), div.sheet-tab2 > div:nth-of-type(2), div.sheet-tab2 > div:nth-of-type(3) { margin-bottom:10px; } div.sheet-tab2 > div:nth-of-type(4), div.sheet-tab2 > div:nth-of-type(5), div.sheet-tab3 > div:nth-of-type(5), div.sheet-tab3 > div:nth-of-type(6) { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; width:calc(50% - 1.25%); align-content: baseline; } div.sheet-tab2 > div:nth-of-type(4) > div, div.sheet-tab2 > div:nth-of-type(5) > div { align-content: baseline; } div.sheet-tab2 > div:nth-of-type(4) > div:not(:last-of-type), div.sheet-tab2 > div:nth-of-type(5) > div:not(:last-of-type) { margin-bottom:10px; } div.sheet-tab4 > div:nth-of-type(1) { display:flex; width:calc(35% - 1.25%); align-content: baseline; justify-content:space-between; flex-wrap:wrap; } div.sheet-tab4 > div:nth-of-type(2) { display:flex; width:calc(65% - 1.25%); align-content: baseline; justify-content:space-between; display:flex; flex-wrap:wrap; } div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(1) { width:calc(40% - 1.417%); align-content: baseline; margin-bottom:10px; } div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(2) { width:calc(60% - 2.5%); align-content: baseline; margin-bottom:10px; } div.sheet-tab4 > div:nth-of-type(1) > div:not(:last-of-type), div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(2) > div:not(:last-of-type), div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(3), div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(4), div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(5), div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(6) { margin-bottom:10px; } div.sheet-tab5 > div:nth-of-type(1), div.sheet-tab5 > div:nth-of-type(2) { margin-bottom:10px; } div.sheet-tab7 > div:nth-of-type(1), div.sheet-tab7 > div:nth-of-type(2), div.sheet-tab7 > div:nth-of-type(3) { margin-bottom:10px; } /* /////////////////// LES CARACTERISTIQUES /////////////////// */ div.sheet-charac { display:flex; width:100%; flex-wrap:wrap; min-width:208px; } div.sheet-charac > div { display:flex; width:100%; justify-content:space-between; } div.sheet-charac > div:not(:first-of-type) { width:100%; min-height:20px; } div.sheet-charac > div:first-of-type { border-bottom: 5px solid transparent; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; z-index:1; height:19px; } div.sheet-charac > div:first-of-type > span:last-of-type { margin-right:26px; } div.sheet-charac > div > span { width:33.33%; text-align:center; } div.sheet-charac > div > span:nth-child(2) { border-right:1px solid black; } div.sheet-charac > div > div { width:calc(100% - 26px); margin-top:-2px; flex-wrap:wrap; } div.sheet-charac > div > div.sheet-compact > label { width:33.33%; height:18px; } div.sheet-charac > div > div.sheet-compact > label:first-of-type { width:calc(66.66% - 1px); border-right:1px solid black; } div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] { width:100%; padding:0px; display:flex; margin:0px; border-radius:0px; border:0px; } div.sheet-charac > div > div.sheet-compact > label > button[type="roll"]::before { content:""; } div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] > span { width:50%; text-align:center; justify-content:center; } div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] > span:last-of-type { font-size:13px; } div.sheet-charac > div > div.sheet-compact > label:not(:first-of-type) > button[type="roll"] > span { width:100%; } div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] > span { font-size:11px; } div.sheet-charac > div > label { width:18px; height:18px; margin-top:-2px; } div.sheet-charac > div:hover > label > span::before { opacity:1; } div.sheet-charac > div > label > input[type="checkbox"] { position:absolute; opacity:0; width:18px; height:18px; } div.sheet-charac > div > label > span { width:100%; margin-top:-2px; display:block; } div.sheet-charac > div > label > span::before { font-family:"pictos"; content:"y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-charac > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } input[type="hidden"].sheet-characExtend[value="1"] ~ div.sheet-compact { display:none; } input[type="hidden"].sheet-characExtend[value="0"] ~ div.sheet-compact, input[type="hidden"].sheet-characExtend[value="1"] ~ div.sheet-extend { display:flex; } div.sheet-charac > div > div.sheet-extend { margin-bottom:5px; } div.sheet-charac > div > div.sheet-extend > h3 { border-bottom: 5px solid transparent; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; width:100%; text-align:center; } div.sheet-charac > div > div.sheet-extend > label { display:flex; justify-content:space-between; width:100%; } div.sheet-charac > div > div.sheet-extend > label > span { font-size:13px; font-weight:normal; vertical-align:bottom; align-items:flex-end; color:black; } div.sheet-charac > div > div.sheet-extend > label > span, div.sheet-charac > div > div.sheet-extend > label > input[type="number"] { width:calc(50% - 5px); display:inline-block; } div.sheet-charac > div > div.sheet-extend > label > input[type="number"] { text-align:center; border:0px; border-bottom:1px solid black; padding-bottom:0px; padding-right:0px; padding-left:0px; background:transparent; } div.sheet-charac > div > div.sheet-extend > label:nth-of-type(4) { border-top: 5px solid transparent; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; } div.sheet-charac > div > div.sheet-extend > label:nth-of-type(4) > span, div.sheet-charac > div > div.sheet-extend > label:nth-of-type(5) > span, div.sheet-charac > div > div.sheet-extend > label:nth-of-type(7) > span { font-weight:bold; text-shadow: 1px 1px 1px #555555; } div.sheet-charac > div > div.sheet-extend > label:nth-of-type(6) { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; } /* /////////////////// LES RESISTANCES /////////////////// */ div.sheet-resist { display:flex; width:100%; flex-wrap:wrap; min-width:172px; } div.sheet-resist > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-resist > div:nth-of-type(2) { margin-top:-2px; } div.sheet-resist > div:first-of-type { border-bottom: 5px solid transparent; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; z-index:1; height:19px; } div.sheet-resist > div > span { display:flex; width:33.33%; justify-content:center; } div.sheet-resist > div > div { display:flex; width:100%; height:18px; margin-bottom:2px; } div.sheet-resist > div > div > button[type="roll"] { width:66.66%; padding:0px; display:flex; margin:0px; border-radius:0px; border:0px; } div.sheet-resist > div > div > button[type="roll"]::before { content:""; } div.sheet-resist > div > div > input[type="number"] { width:33.33%; } div.sheet-resist > div > div > button[type="roll"] > span:first-of-type { width:50%; font-size:11px; } div.sheet-resist > div > div > button[type="roll"] > span:last-of-type { width:50%; font-size:13px; } div.sheet-resist > div > div > input[type="number"] { text-align:center; border:0px; border-bottom:1px solid black; padding-bottom:0px; padding-right:0px; padding-left:0px; } /* /////////////////// LES COMPETENCES /////////////////// */ div.sheet-secondary > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend, div.sheet-secondary > div > div > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend { display:flex; } div.sheet-secondary > div > div > div > div > input[type="hidden"][value="1"] ~ div > button, div.sheet-secondary > div > div > div > div > input[type="hidden"][value="0"] ~ div > input[type="text"] { display:none; } div.sheet-secondary > div > div > div > div > input[type="hidden"][value="0"] ~ div > button { display:flex; } div.sheet-secondary > div > div > div > div > input[type="hidden"][value="1"] ~ div > input[type="text"] { display:inline-block; width: calc(100% - 245px - 19px - 18px); padding:0px; padding-left:5px; border:0px; border-bottom:1px solid black; height:18px; } div.sheet-secondary { display:flex; width:50%; flex-wrap:wrap; min-width:422px; } div.sheet-secondary > div > input[type="hidden"].sheet-athletics[value="0"] ~ div.sheet-athletics, div.sheet-secondary > div > input[type="hidden"].sheet-social[value="0"] ~ div.sheet-social, div.sheet-secondary > div > input[type="hidden"].sheet-perceptive[value="0"] ~ div.sheet-perceptive, div.sheet-secondary > div > input[type="hidden"].sheet-intellectual[value="0"] ~ div.sheet-intellectual, div.sheet-secondary > div > input[type="hidden"].sheet-vigor[value="0"] ~ div.sheet-vigor, div.sheet-secondary > div > input[type="hidden"].sheet-subterfuge[value="0"] ~ div.sheet-subterfuge, div.sheet-secondary > div > input[type="hidden"].sheet-creative[value="0"] ~ div.sheet-creative, div.sheet-secondary > div > input[type="hidden"].sheet-custom[value="0"] ~ div.sheet-custom { display:flex; } div.sheet-secondary > div > input[type="hidden"].sheet-athletics[value="1"] ~ div.sheet-athletics, div.sheet-secondary > div > input[type="hidden"].sheet-social[value="1"] ~ div.sheet-social, div.sheet-secondary > div > input[type="hidden"].sheet-perceptive[value="1"] ~ div.sheet-perceptive, div.sheet-secondary > div > input[type="hidden"].sheet-intellectual[value="1"] ~ div.sheet-intellectual, div.sheet-secondary > div > input[type="hidden"].sheet-vigor[value="1"] ~ div.sheet-vigor, div.sheet-secondary > div > input[type="hidden"].sheet-subterfuge[value="1"] ~ div.sheet-subterfuge, div.sheet-secondary > div > input[type="hidden"].sheet-creative[value="1"] ~ div.sheet-creative, div.sheet-secondary > div > input[type="hidden"].sheet-custom[value="1"] ~ div.sheet-custom { display:none; } div.sheet-secondary > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-secondary > div > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-secondary > div:not(:first-of-type) > div:first-of-type { border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; z-index:1; height:19px; } div.sheet-secondary > div:first-of-type > div:first-of-type { border-bottom: 5px solid transparent; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; z-index:1; height:19px; } div.sheet-secondary > div > div > span:not(:last-of-type) { display:flex; width:45px; justify-content: center; } div.sheet-secondary > div > div > span:last-of-type { display:flex; width:55px; justify-content: center; } div.sheet-secondary > div:not(:last-of-type) > div > span:last-of-type. div.sheet-secondary > div:last-of-type > div > span:last-of-type { display:flex; width:55px; justify-content: center; } div.sheet-secondary > div:not(:last-of-type) > div > span:first-of-type, div.sheet-secondary > div:last-of-type > div > span:first-of-type { display:flex; width:calc(100% - 290px - 19px - 21px); justify-content: center; } div.sheet-secondary > div > div > label { display:flex; width:19px; height:19px; } div.sheet-secondary > div > div > label > input[type="checkbox"] { position:absolute; width:19px; height:19px; opacity:0; } div.sheet-secondary > div > div > label > input[type="checkbox"] + span { width:100%; height:19px; display:block; margin-top:-1px; } div.sheet-secondary > div > div > label > input[type="checkbox"] + span::before { font-family:"pictos"; content:"-"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; } div.sheet-secondary > div > div > label > input[type="checkbox"]:checked + span::before { content:"+"; } div.sheet-secondary > div:last-of-type > div > div > div > div.itemcontrol > button { padding-top:0px; padding-bottom:0px; border-radius:0px; height:16px; padding-right:6px; padding-left:6px; } div.sheet-secondary > div:last-of-type > div > div > div > div.itemcontrol > a { padding-top:0px; padding-bottom:0px; border-radius:0px; height:16px; padding-right:6px; padding-left:6px; margin-top:-5px; } div.sheet-secondary > div:not(:last-of-type) > div > div:first-of-type, div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; height:18px; margin-bottom:2px; } div.sheet-secondary > div:last-of-type > div > div > div.repitem:not(:last-of-type) { margin-bottom:5px; } div.sheet-secondary > div > div:nth-of-type(2) { margin-top:-2px; } div.sheet-secondary > div > div > div:first-of-type > button[type="roll"], div.sheet-secondary > div:last-of-type > div > div > div > div > button[type="roll"] { width:calc(100% - 245px - 19px - 18px); display:flex; justify-content:space-between; border:0px; padding:0px; margin:0px; border-radius:0px; height:18px; } div.sheet-secondary > div > div > div:first-of-type > button[type="roll"]::before, div.sheet-secondary > div:last-of-type > div > div > div > div > button[type="roll"]::before { content:""; } div.sheet-secondary > div > div > div:first-of-type > button[type="roll"] > span { display:flex; width:calc(100% - 45px - 2px); font-size:11px; line-height: 18px; padding-left: 5px; } div.sheet-secondary > div:last-of-type > div > div > div > div > button[type="roll"] > input[type="text"] { width:calc(100% - 45px - 2px); font-size:11px; padding:0px; border:0px; padding-left:5px; cursor:pointer; background:transparent; } div.sheet-secondary > div > div > div:first-of-type > button[type="roll"] > span:last-of-type, div.sheet-secondary > div:last-of-type > div > div > div > div > button[type="roll"] > span:last-of-type { width:45px; justify-content:center; cursor:pointer; text-shadow:none; font-weight:normal; font-size:13px; color:black; } div.sheet-secondary > div > div > div:first-of-type > input[type="number"], div.sheet-secondary > div:last-of-type > div > div > div > div > input[type="number"] { width:45px; text-align:center; border:0px; border-bottom:1px solid black; padding:0px; height:18px; } div.sheet-secondary > div:last-of-type > div > div > div > div > select { width:55px; text-align:center; border:0px; border-bottom:1px solid black; padding:0px; height:18px; font-size:13px; } div.sheet-secondary > div > div > div:first-of-type > span { width:55px; justify-content:center; display: flex; align-items: center; height:18px; } div.sheet-secondary > div > div > div:first-of-type > label, div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label { width:18px; height:18px; } div.sheet-secondary > div > div:hover > div:first-of-type > label > span::before, div.sheet-secondary > div:last-of-type > div > div > div:hover > div:nth-of-type(2) > label > span::before { opacity:1; } div.sheet-secondary > div > div > div:first-of-type > label > input[type="checkbox"], div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label > input[type="checkbox"] { position:absolute; opacity:0; width:18px; height:18px; } div.sheet-secondary > div > div > div:first-of-type > label > span, div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label > span { width:100%; margin-top:-2px; display:block; } div.sheet-secondary > div > div > div:first-of-type > label > span::before, div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label > span::before { font-family:"pictos"; content:"y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-secondary > div > div > div:first-of-type > label > input[type="checkbox"]:checked + span::before, div.sheet-secondary > div:last-of-type > div > div > div > div:nth-of-type(2) > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div.sheet-secondary > div > div > div.sheet-extend, div.sheet-secondary > div:last-of-type > div > div > div > div.sheet-extend { justify-content:space-evenly; width:100%; flex-wrap:wrap; } div.sheet-secondary > div > div > div.sheet-extend > label:not(:last-of-type), div.sheet-secondary > div:last-of-type > div > div > div > div.sheet-extend > label:not(:last-of-type) { display:flex; width:95px; flex-wrap:wrap; justify-content:space-between; } div.sheet-secondary > div > div > div.sheet-extend > label:not(:last-of-type) > span, div.sheet-secondary > div:last-of-type > div > div > div > div.sheet-extend > label:not(:last-of-type) > span { display:flex; width:45px; font-size: 11px; justify-content:end; align-items:flex-end; color:black; } div.sheet-secondary > div > div > div.sheet-extend > label:not(:last-of-type) > input[type="number"], div.sheet-secondary > div:last-of-type > div > div > div > div.sheet-extend > label:not(:last-of-type) > input[type="number"] { width:45px; border:0px; border-bottom:1px solid black; padding:0px; text-align:center; } div.sheet-secondary > span { display:inline-block; width:100%; text-align:center; font-weight:bold; color:red; font-size:11px; } button.sheet-armorPenalty { text-shadow:1px 1px 1px red; font-weight:bold; } /* //////////////////////////////////////// ALL ACTION MODIFIER //////////////////////////////////////// */ div.sheet-aam { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom: 5px solid black; display: flex; width: 100%; padding-top: 5px; padding-bottom: 5px; justify-content: space-between; flex-wrap:wrap; } div.sheet-aam > label { width: 100%; display: flex; font-size: 12px; } div.sheet-aam > label:not(:last-of-type) { margin-bottom:5px; } div.sheet-aam > label > span { display: flex; align-items: flex-end; font-weight: bold; width: calc(100% - 55px); color:black; } div.sheet-aam > label > input[type="number"] { padding: 0px; text-align: center; border: 0px; border-bottom: 1px solid black; width: 50px; background:transparent; } /* /////////////////// MOUVEMENTS /////////////////// */ div.sheet-movement { display:flex; width:100%; flex-wrap:wrap; } div.sheet-movement > div { width:100%; flex-wrap:wrap; } div.sheet-movement > div > label, div.sheet-movement > label { display:flex; width:100%; justify-content:space-between; height:18px; padding-right:15px; padding-left:5px; } div.sheet-movement > label:nth-of-type(6), div.sheet-movement > label:nth-of-type(7), div.sheet-movement > label:nth-of-type(8) { padding-right:0px; } div.sheet-movement > label:nth-of-type(5) { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom: 5px solid black; margin-top: 5px; padding-bottom: 5px; } div.sheet-movement > label:nth-of-type(4) > span, div.sheet-movement > label:nth-of-type(5) > span, div.sheet-movement > label:nth-of-type(6) > span { font-weight:bold; } div.sheet-movement > div > label > span, div.sheet-movement > label > span, div.sheet-movement > label > div > span { display:flex; font-size:11px; font-weight:normal; align-items:flex-end; height:17px; padding-top:4px; color:black; } div.sheet-movement > label > div > span:first-of-type, div.sheet-movement > label > span:first-of-type { width:60px; } div.sheet-movement > label > div { display:flex; width:calc(100% - 15px - 60px); padding:0px; border:0px; border-bottom:1px solid black; } div.sheet-movement > label > div > input[type="number"] { display:flex; width:calc(100% - 15px); text-align:center; border:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; font-size:11px; } div.sheet-movement > div > label > input[type="number"], div.sheet-movement > label > input[type="number"] { width:calc(100% - 15px - 60px); text-align:center; border:0px; border-bottom:1px solid black; padding-bottom:0px; padding-right:0px; padding-left:0px; font-size:11px; } /* /////////////////// PV, REGENERATION ET FATIGUE /////////////////// */ div.sheet-regen { width:28%; display:flex; justify-content:space-between; flex-wrap:wrap; } div.sheet-fatigue, div.sheet-lp { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; } div.sheet-lp > label, div.sheet-lp > div > label, div.sheet-regen > label, div.sheet-fatigue > label, div.sheet-fatigue > div > label { display:flex; width:100%; height:18px; justify-content:space-between; } div.sheet-lp > label:not(:first-of-type) > span, div.sheet-lp > div > label > span, div.sheet-fatigue > label:not(:first-of-type) > span, div.sheet-fatigue > div > label > span { display:flex; width:60px; padding-left:5px; font-size:11px; font-weight:normal; align-items:flex-end; padding-top:4px; height:17px; color:black; } div.sheet-regen > label > span { display:flex; width:80px; padding-left:5px; font-size:11px; font-weight:normal; align-items:flex-end; padding-top:4px; height:17px; color:black; } div.sheet-lp > label > input[type="number"], div.sheet-lp > div > label > input[type="number"], div.sheet-fatigue > label > input[type="number"], div.sheet-fatigue > div > label > input[type="number"] { display:flex; width:calc(100% - 60px - 5px); border:0px; border-bottom:1px solid black; text-align:center; padding-bottom:0px; padding-left:0px; padding-right:0px; font-size:11px; background:transparent; } div.sheet-regen > label > input[type="number"] { display:flex; width:calc(100% - 80px - 5px); border:0px; border-bottom:1px solid black; text-align:center; padding-bottom:0px; padding-left:0px; padding-right:0px; font-size:11px; background:transparent; } div.sheet-lp > label:nth-of-type(3), div.sheet-regen > label:nth-of-type(4), div.sheet-fatigue > label:nth-of-type(3) { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom: 5px solid black; margin-top: 5px; padding-bottom: 5px; } div.sheet-lp > label:nth-of-type(4) > span, div.sheet-fatigue > label:nth-of-type(4) > span, div.sheet-regen > label:nth-of-type(5) > span, div.sheet-regen > label:nth-of-type(6) > span, div.sheet-regen > label:nth-of-type(7) > span { font-weight:bold; } div.sheet-regen > textarea { border: 1px solid black; font-size: 11px; height: 46px; margin-top:5px; } /* /////////////////////////////////////////// ATTAQUE PARADE ESQUIVE (ATTACK BLOCK DODGE) /////////////////////////////////////////// */ div.sheet-abd { display:flex; flex-wrap:wrap; width:30%; } div.sheet-abd > label.sheet-extend { display:none; margin:auto; } div.sheet-abd > div > label { width:100%; display:flex; flex-wrap:wrap; } div.sheet-abd > div > label { height:18px; justify-content:space-between } div.sheet-abd > div > label > span { display:flex; width:60px; font-size:11px; height:17px; padding-top:4px; align-items:flex-end; color:black; padding-left:5px; font-weight:normal; } div.sheet-abd > div:last-of-type > label:last-of-type { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom:5px solid black; margin-top:5px; padding-bottom:5px; } div.sheet-abd > div:last-of-type > label:last-of-type > span { font-weight:bold; } div.sheet-abd > div > label > input[type="number"] { width:calc(100% - 60px - 5px); text-align:center; border:0px; border-bottom:1px solid black; padding-bottom:0px; padding-right:0px; padding-left:0px; font-size:11px; height:18px; } div.sheet-abd > input[type="hidden"][value="1"] ~ div.sheet-extend, div.sheet-abd > input[type="hidden"][value="1"] ~ label.sheet-extend { display:flex; } div.sheet-abd > label.sheet-extend { margin-top:5px; } div.sheet-abd > button[type="roll"] { margin: 0px; width: 100%; border-radius: 0px; border:0px; } div.sheet-abd > button[type="roll"]:before { font-family: "dicefontd10"; font-size: 25px; padding-top: 0px; padding-bottom: 0px; } /* /////////////////// INITIATIVE /////////////////// */ div.sheet-initiative { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-initiative > div > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-initiative > div > div > button[type="roll"] { display:flex; width:calc(100% - 22px); justify-content:space-between; height:18px; margin:0px; padding:0px; border-radius:0px; margin-top:-2px; border:0px; } div.sheet-initiative > div > div:first-of-type > button[type="roll"] { margin-top:-2px; } div.sheet-initiative > div > div > button[type="roll"]::before { content:""; } div.sheet-initiative > div > div > button[type="roll"] > input[type="text"] { display:flex; width:calc(100% - 60px); background:transparent; height:18px; border:0px; cursor:pointer; padding:0px; padding-left:5px; font-size:11px; } div.sheet-initiative > div > div > button[type="roll"] > span { display:flex; width:60px; height:18px; justify-content:center; font-size:11px; color:black; } div.sheet-initiative > div > div > label { display:flex; width:18px; height:18px; } div.sheet-initiative > div > div > label > input[type="checkbox"] { position: absolute; width: 18px; height: 18px; opacity: 0; } div.sheet-initiative > div > div > label > span { width: 100%; height: 18px; display: block; margin-top:-3px; } div.sheet-initiative > div > div > label > span::before { width: 100%; height: 18px; font-family: "pictos"; content: "y"; opacity: 0; text-shadow: 2px 2px 2px #FF0000; color:black; font-size: 18px; } div.sheet-initiative > div > div:hover > label > span::before { opacity:1; } div.sheet-initiative > div > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity: 1; } div.sheet-initiative > div > div > input[type="hidden"][value="1"] ~ button[type="roll"] { display:none; } div.sheet-initiative > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend { display:flex; } div.sheet-initiative > div > div > div.sheet-extend { width:calc(100% - 22px); flex-wrap:wrap; justify-content:space-between; } div.sheet-initiative > div > div > div.sheet-extend > input[type="text"] { width:100%; font-size:11px; border:0px; border-bottom:1px solid black; padding-bottom:0px; padding-right:0px; padding-left:5px; padding-top:0px; height:18px; } div.sheet-initiative > div > div > div.sheet-extend > label { display:flex; width:calc(20% - 3px); flex-wrap:wrap; } div.sheet-initiative > div > div > div.sheet-extend > label > span { display:flex; width:100%; flex-wrap:wrap; color:black; font-weight:normal; font-size:11px; justify-content:center; height:17px; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom: 5px solid black; z-index:3; } div.sheet-initiative > div > div > div.sheet-extend > label > input[type="number"] { width:100%; padding-right:0px; padding-left:0px; padding-bottom:0px; font-size:11px; text-align:center; border:0px; border-bottom:1px solid black; color:black; margin-top: -2px; z-index: 2; background:transparent; } div.sheet-initiative > div > div:not(:last-of-type) > div.sheet-extend { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom: 5px solid black; padding-bottom:5px; } /* ///////////////////////// AVANTAGES ET DESAVANTAGES ///////////////////////// */ div.sheet-avantageDesavantage { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; } div.sheet-avantageDesavantage > div:first-of-type { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom: 5px solid black; } div.sheet-avantageDesavantage > div:first-of-type > span:first-of-type { display:flex; flex-wrap:wrap; width:calc(100% - 60px - 18px - 10px); color:black; } div.sheet-avantageDesavantage > div:first-of-type > span:last-of-type { display:flex; flex-wrap:wrap; width:60px; margin-right:23px; justify-content:center; color:black; } div.sheet-avantageDesavantage > div { width:100%; } div.sheet-avantageDesavantage > div > div { display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; } div.sheet-avantageDesavantage > div > div:not(:last-of-type) { margin-bottom:5px; } div.sheet-avantageDesavantage > div > div > input[type="text"] { display:flex; width:calc(100% - 60px - 18px - 10px); font-size:11px; height:18px; border:0px; border-bottom:1px solid black; color:black; padding-right:0px; padding-left:5px; padding-bottom:0px; } div.sheet-avantageDesavantage > div > div > input[type="number"] { display:flex; width:60px; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; color:black; padding-right:0px; padding-left:0px; padding-bottom:0px; text-align:center; } div.sheet-avantageDesavantage > div > div > label { display:flex; width:18px; height:18px; } div.sheet-avantageDesavantage > div > div > label > input[type="checkbox"] { position: absolute; width: 18px; height: 18px; opacity: 0; } div.sheet-avantageDesavantage > div > div > label > span { width: 100%; height: 18px; display: block; margin-top:-3px; } div.sheet-avantageDesavantage > div > div > label > span::before { width: 100%; height: 18px; font-family: "pictos"; content: "y"; opacity: 0; text-shadow: 2px 2px 2px #FF0000; color:black; font-size: 18px; } div.sheet-avantageDesavantage > div > div:hover > label > span::before { opacity:1; } div.sheet-avantageDesavantage > div > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity: 1; } div.sheet-avantageDesavantage > div > div > input[type="hidden"][value="0"] ~ div.sheet-extend { display:none; } div.sheet-avantageDesavantage > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend { display:flex; font-size:11px; } div.sheet-avantageDesavantage > div > div > div.sheet-extend > textarea { border:1px solid black; } /* ////////////////// TAB MAGIE ///////////////// */ /* ///////////////// PROJECTION MAGIQUE ///////////////// */ div.sheet-magicProjection { width:calc(30% - 2.5%); display:flex; flex-wrap:wrap; justify-content:space-between; } div.sheet-magicProjection > div > label:not(:last-of-type), div.sheet-magicProjection > label { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-magicProjection > div > label > span, div.sheet-magicProjection > label:not(:first-of-type) > span { width:100px; display:flex; padding-top:4px; padding-left:5px; font-size:11px; align-items:flex-end; font-weight:normal; color:black; height:17px; } div.sheet-magicProjection > label:last-of-type { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom:5px solid black; margin-top:5px; padding-bottom:5px; } div.sheet-magicProjection > label:last-of-type > span { font-weight:bold; } div.sheet-magicProjection > div > label > input[type="number"], div.sheet-magicProjection > label > input[type="number"] { width:calc(100% - 105px); display:flex; font-size:11px; border:0px; border-bottom:1px solid black; padding-bottom:0px; padding-right:0px; padding-left:0px; background:transparent; text-align:center; height:18px; } div.sheet-magicProjection > div > label:last-of-type { width: 50%; flex-wrap: wrap; border: 1px solid black; margin: auto; margin-top: 5px; } div.sheet-magicProjection > div > label:last-of-type > input[type="number"] { margin:0px; padding:0px; width:100%; } div.sheet-magicProjection > div > label:last-of-type > span { padding-top: 0px; padding-left: 0px; justify-content: center; width: 100%; font-weight: bold; } div.sheet-magicProjection > div > div { display: flex; width:calc(50% - 0.5px); justify-content:center; flex-wrap:wrap; } div.sheet-magicProjection > div > div > label { display: flex; width: 65px; margin-top:5px; } div.sheet-magicProjection > div > div > label > input[type="checkbox"] { position: absolute; opacity: 0; width: 65px; height: 22px; } div.sheet-magicProjection > div > div > label > input[type="checkbox"]:checked ~ span::before { background-color:red; } div.sheet-magicProjection > div > div > label > span { display:block; width:100%; } div.sheet-magicProjection > div > div > label > span::before { display: block; content: attr(title); width:100%; line-height: 18px; font-size: 11px; text-align: center; background-color:black; text-shadow: 2px 2px 2px #555555; color: white; border:2px solid black; } div.sheet-magicProjection > button[type="roll"] { width: calc(50% - 0.5px); padding: 0px; display: flex; margin: 0px; border-radius: 0px; border: 0px; height:18px; } div.sheet-magicProjection > button[type="roll"]:first-of-type { border-right:1px solid black; } div.sheet-magicProjection > button[type="roll"]::before { content:""; } div.sheet-magicProjection > button[type="roll"] > span { font-size:11px; width:60px; align-items:center; } div.sheet-magicProjection > button[type="roll"] > span:last-of-type { font-size:11px; width:calc(100% - 60px); cursor:pointer; text-align:center; border:0px; background:transparent; } /* ///////////////// ACCUMULATION MAGIQUE ///////////////// */ div.sheet-magicAccumulation { display:flex; flex-wrap:wrap; width:calc(50% - 2.5%); justify-content:space-between; align-items:baseline; } div.sheet-magicAccumulation > div { display:flex; flex-wrap:wrap; width:calc(50% - 2.5%); align-items:baseline; } div.sheet-magicAccumulation > div > label, div.sheet-magicAccumulation > div > div > label { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-magicAccumulation > div > label:not(:first-of-type) > span, div.sheet-magicAccumulation > div > div > label > span { display:flex; width:100px; padding-top:4px; padding-left:5px; align-items:flex-end; font-size:11px; height:17px; color:black; font-weight:normal; } div.sheet-magicAccumulation > div > label:last-of-type { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; margin-top:5px; } div.sheet-magicAccumulation > div > label:last-of-type > span { font-weight:bold; } div.sheet-magicAccumulation > div > label > input[type="number"], div.sheet-magicAccumulation > div > div > label > input[type="number"] { display:flex; width:calc(100% - 105px); padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; text-align:center; background:transparent; } /* ///////////////// ZEON ///////////////// */ div.sheet-zeon { display:flex; width:calc(20% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-zeon > div > label, div.sheet-zeon > label { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-zeon > div > label > span, div.sheet-zeon > label:not(:first-of-type) > span { width:60px; display:flex; padding-top:4px; padding-left:5px; font-size:11px; align-items:flex-end; font-weight:normal; color:black; height:17px; } div.sheet-zeon > label:last-of-type > span { font-weight:bold; } div.sheet-zeon > div > label > input[type="number"], div.sheet-zeon > label > input[type="number"] { width:calc(100% - 65px); display:flex; font-size:11px; border:0px; border-bottom:1px solid black; padding-bottom:0px; padding-right:0px; padding-left:0px; background:transparent; text-align:center; height:18px; } div.sheet-zeon > label:nth-last-of-type(2) { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom: 5px solid black; border-top:5px solid black; margin-top:5px; padding-bottom:5px; } /* ///////////////// DETAILS MAGIQUES ///////////////// */ div.sheet-magicDetails { display:flex; width:calc(50% - 2.5%); flex-wrap:wrap; justify-content:space-between; } /* ///////////////// NIVEAUX DE MAGIES ///////////////// */ div.sheet-magicLevels { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; margin-bottom:10px; } div.sheet-magicLevels > label, div.sheet-magicLevels > div > label { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-magicLevels > label:not(:first-of-type) > span, div.sheet-magicLevels > div > label > span { display:flex; width:60px; height:17px; font-size:11px; color:black; font-weight:normal; padding-top:4px; padding-left:5px; align-items:flex-end; } div.sheet-magicLevels > label > input[type="number"], div.sheet-magicLevels > div > label > input[type="number"] { display:flex; width:calc(100% - 65px); font-size:11px; color:black; height:18px; text-align:center; padding-bottom:0px; padding-right:0px; padding-left:0px; background:transparent; border:0px; border-bottom:1px solid black; } div.sheet-magicLevels > label:last-of-type > span { font-weight:bold; } div.sheet-magicLevels > label:nth-last-of-type(2) { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom: 5px solid black; border-top:5px solid black; margin-top:5px; padding-bottom:5px; } /* ///////////////// THEOREMES MAGIQUES ET CARACTERISTIQUES MAGIQUES ///////////////// */ div.sheet-magicTheorem { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; margin-bottom:10px; } div.sheet-magicAbility { display:flex; width:calc(50% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-magicTheorem > select, div.sheet-magicAbility > select { display:flex; width:100%; text-align:center; border:0px; border-bottom:1px solid black; padding:0px; font-size:11px; height:18px; } /* ///////////////// MAGIE INNEE ///////////////// */ div.sheet-magicInnate { display:flex; width:calc(50% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-magicInnate > input[type="number"] { display:flex; width:100%; text-align:center; border:0px; border-bottom:1px solid black; padding-bottom:0px; padding-left:0px; padding-right:0px; font-size:11px; height:18px; } /* ///////////////// VOIES DE MAGIES ///////////////// */ div.sheet-magieSpellPath { display:flex; width:calc(50% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-magieSpellPath > div:first-of-type { display:flex; width:100%; justify-content:space-between; border-bottom: 5px solid transparent; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; z-index: 1; height: 19px; } div.sheet-magieSpellPath > div:first-of-type > span:first-of-type { display:flex; width:calc(70% - 2.5px); justify-content:center; } div.sheet-magieSpellPath > div:first-of-type > span:last-of-type { display:flex; width:calc(30% - 2.5px); justify-content:center; } div.sheet-magieSpellPath > div.repcontainer { margin-top:-2px; } div.sheet-magieSpellPath > div > div.repitem { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; } div.sheet-magieSpellPath > div > div.repitem > div.itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom:5px; } div.sheet-magieSpellPath > div > div.repitem > div.itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-magieSpellPath > div > div.repitem:not(:last-of-type) { margin-bottom:5px; } div.sheet-magieSpellPath > div > div > input[type="text"] { display:flex; width:calc(70% - 2.5px); padding-bottom:0px; padding-right:0px; padding-left:5px; font-size:11px; color:black; height:18px; border:0px; border-bottom:1px solid black; } div.sheet-magieSpellPath > div > div > input[type="number"] { display:flex; width:calc(30% - 2.5px); text-align:center; padding-bottom:0px; padding-right:0px; padding-left:0px; font-size:11px; color:black; height:18px; border:0px; border-bottom:1px solid black; } /* ///////////////// SORTS D'ACCES LIBRES ET SORTS ACHETES ///////////////// */ div.sheet-magicFABS, div.sheet-magicFABS > div > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-magicFABS > div > div:first-of-type { margin-top:-2px; } div.sheet-magicFABS > div > div > button[type="roll"] { display:flex; justify-content:space-between; width:calc(100% - 25px); padding: 0px; margin: 0px; border-radius: 0px; border:0px; } div.sheet-magicFABS > div > div > button[type="roll"]::before { content:""; } div.sheet-magicFABS > div > div > button[type="roll"] > input[type="text"] { display:flex; width:calc(50% - 2.5px); background:transparent; cursor:inherit; border:0px; padding:0px; font-size:11px; height:18px; } div.sheet-magicFABS > div > div > button[type="roll"] > input[type="text"]:first-of-type { padding-left:5px; } div.sheet-magicFABS > div > div > button[type="roll"] > input[type="text"]:last-of-type { text-align:center; } div.sheet-magicFABS > div > div > label { width:18px; height:18px; } div.sheet-magicFABS > div > div:hover > label > span::before { opacity:1; } div.sheet-magicFABS > div > div > label > input[type="checkbox"] { position:absolute; opacity:0; width:18px; height:18px; } div.sheet-magicFABS > div > div > label > span { width:100%; margin-top:-2px; display:block; } div.sheet-magicFABS > div > div > label > span::before { font-family:"pictos"; content:"y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-magicFABS > div > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div.sheet-magicFABS > div > div > input[type="hidden"][value="0"] ~ div.sheet-compact, div.sheet-magicFABS > div > div > input[type="hidden"][value="1"]:nth-of-type(1) ~ button[type="roll"] { display:none; } div.sheet-magicFABS > div > div > input[type="hidden"][value="1"]:nth-of-type(1) ~ div.sheet-compact { display:flex; flex-wrap:wrap; width:calc(100% - 25px); justify-content:space-between; } div.sheet-magicFABS > div > div > div.sheet-compact > label { display:flex; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-magicFABS > div > div > div.sheet-compact > label > span { display:flex; width:60px; font-size:11px; height:17px; color:black; font-weight:normal; width:60px; padding-top:4px; padding-left:5px; align-items:flex-end; } div.sheet-magicFABS > div > div > div.sheet-compact > label > input[type="text"] { display:flex; padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; background:transparent; } div.sheet-magicFABS > div > div > div.sheet-compact > label > input[type="number"] { display:flex; padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; background:transparent; } div.sheet-magicFABS > div > div > div.sheet-compact > label > select { display: flex; text-align: center; border: 0px; border-bottom: 1px solid black; padding: 0px; font-size: 11px; height: 18px; } div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(odd) { width:calc(100% - 130px); } div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(even) { width:120px; } div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(odd) > input[type="text"] { width:calc(100% - 65px); } div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(even) > select, div.sheet-magicFABS > div > div > div.sheet-compact > label:nth-of-type(even) > input[type="number"] { width:calc(100% - 65px); text-align:center; } div.sheet-magicFABS > div > div > div.sheet-compact > button[type="roll"] { display:flex; width:25%; padding:0px; margin:0px; height:18px; font-size:11px; border-radius:0px; border:0px; justify-content:center; margin:auto; } div.sheet-magicFABS > div > div > div.sheet-compact > button[type="roll"]::before { content:""; } div.sheet-magicFABS > div > div > div.sheet-compact > span { width:100%; text-align:center; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-autoex { margin-bottom:5px; font-size:11px; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-autoex > textarea { border:1px solid black; } div.sheet-expandNewMagie, div.sheet-expandOldMagie { display:none; } div.sheet-magicFABS > div > div > input[type="hidden"][value="1"]:nth-of-type(2) ~ button[type="roll"].sheet-expandNewMagie, div.sheet-magicFABS > div > div > input[type="hidden"][value="0"]:nth-of-type(2) ~ button[type="roll"].sheet-expandOldMagie { display:none; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie, div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; width:100%; flex-wrap:wrap; } div.sheet-magicFABS > div > div > div.sheet-compact > input[type="hidden"][value="0"] ~ div.sheet-expandNewMagie, div.sheet-magicFABS > div > div > div.sheet-compact > input[type="hidden"][value="1"] ~ div.sheet-expandOldMagie { display:flex; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:first-of-type { display:flex; justify-content:space-between; width:100%; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:first-of-type > span:first-of-type { display:flex; width:calc(30% - 2.5%); justify-content:center; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:first-of-type > span:not(:first-of-type) { display:flex; width:calc(23% - 2.5%); justify-content:center; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type):not(:last-of-type) { margin-bottom:5px; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > button[type="roll"] { display:flex; width:calc(30% - 2.5%); padding:0px; margin:0px; border:0px; border-radius:0px; height:18px; font-size:11px; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > button[type="roll"]::before { content:""; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > input[type="number"] { width:calc(23% - 2.5%); text-align:center; border:0px; font-size:11px; padding-bottom:0px; padding-right:0px; padding-left:0px; border:0px; border-bottom:1px solid black; height:18px; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div > textarea { border:1px solid black; font-size:11px; line-height:13px; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > input[type="hidden"][value="1"] ~ div.sheet-rollas { display:flex; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div.sheet-rollas { display:none; width:100%; align-items:end; justify-content:space-between; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div.sheet-rollas > span { display:flex; width:60px; font-size:11px; height:18px; align-items:flex-end; padding-left:5px; font-weight:bold; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div.sheet-rollas > input[type="text"] { width:calc(50% - 60px); text-align:center; border:0px; font-size:11px; padding-bottom:0px; padding-right:0px; padding-left:0px; border:0px; border-bottom:1px solid black; height:18px; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandNewMagie > div:not(:first-of-type) > div > span { line-height:13px; font-size:11px; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie { justify-content:space-between; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > div { display:flex; width:100%; flex-wrap:wrap; height:18px; justify-content:space-between; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > span, div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > div > span { display:flex; width:calc(20% - 2.5%); flex-wrap:wrap; height:17px; font-size:11px; padding-left:5px; padding-top:4px; align-items:flex-end; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > input[type="number"] { display:flex; width:calc(30% - 2.5%); flex-wrap:wrap; height:18px; font-size:11px; padding-left:0px; padding-bottom:0px; padding-right:0px; border:0px; border-bottom:1px solid black; align-items:flex-end; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > div > input[type="text"], div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > div > input[type="number"] { display:flex; width:calc(20% - 2.5%); flex-wrap:wrap; height:18px; font-size:11px; padding-left:0px; padding-bottom:0px; padding-right:0px; border:0px; border-bottom:1px solid black; align-items:flex-end; text-align:center; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > input[type="number"] { text-align:center; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > button[type="roll"] { display:flex; height:18px; width:100%; justify-content:center; padding:0px; margin:0px; border:0px; border-radius:0px; font-size:11px; } div.sheet-magicFABS > div > div > div.sheet-compact > div.sheet-expandOldMagie > button[type="roll"]::before { content:""; } div.sheet-magicFABS > div > div.repitem > div.itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 18px; padding-right: 6px; padding-left: 6px; } div.sheet-magicFABS > div > div.repitem > div.itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 18px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } /* ///////////////// CAPACITES D'INVOCATIONS ///////////////// */ div.sheet-summoningAbilities { display:flex; flex-wrap:wrap; width:100%; } div.sheet-summoningAbilities > div:first-of-type { display:flex; flex-wrap:wrap; width:100%; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; justify-content:space-between; } div.sheet-summoningAbilities > div:first-of-type > span:first-of-type { display:flex; flex-wrap:wrap; width:calc(25% - 2.5% - 14px); justify-content:center; } div.sheet-summoningAbilities > div:first-of-type > span:not(:first-of-type) { display:flex; flex-wrap:wrap; width:calc(18.75% - 2.5% - 14px); justify-content:center; } div.sheet-summoningAbilities > div:first-of-type > span:last-of-type { display:flex; width:65px; } div.sheet-summoningAbilities > div:not(:first-of-type) { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; align-items:flex-end; } div.sheet-summoningAbilities > div:not(:first-of-type):not(:last-of-type) { margin-bottom:5px; } div.sheet-summoningAbilities > div:not(:first-of-type) > button[type="roll"] { display:flex; flex-wrap:wrap; width:calc(25% - 2.5% - 14px); margin:0px; padding:0px; height:18px; border:0px; border-radius:0px; } div.sheet-summoningAbilities > div:not(:first-of-type) > button[type="roll"]::before { content:""; } div.sheet-summoningAbilities > div:not(:first-of-type) > button[type="roll"] > span { display:flex; font-size:11px; width:100%; padding-left:5px; height:18px; } div.sheet-summoningAbilities > div:not(:first-of-type) > input[type="number"] { display:flex; font-size:11px; width:calc(18.75% - 2.5% - 14px); height:18px; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; background:transparent; } /* ///////////////// SORTS ACTIFS ET CREATURES LIEES ///////////////// */ div.sheet-asc { display:flex; flex-wrap:wrap; width:100%; } div.sheet-asc > div:first-of-type { display:flex; flex-wrap:wrap; width:100%; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; justify-content:space-between; } div.sheet-asc > div:first-of-type > span:first-of-type { display:flex; flex-wrap:wrap; width:calc(60% - 5px - 15px); justify-content:center } div.sheet-asc > div:first-of-type > span:not(:first-of-type) { display:flex; flex-wrap:wrap; width:calc(20% - 5px - 4px); justify-content:center } div.sheet-asc > div:first-of-type > span:not(:first-of-type):last-of-type { margin-right:24px; } div.sheet-asc > div:not(:first-of-type) > div { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; } div.sheet-asc > div > div > div:nth-of-type(2) { display:flex; flex-wrap:wrap; width:calc(100% - 25px); justify-content:space-between; } div.sheet-asc > div > div > div > input[type="text"] { display:flex; flex-wrap:wrap; width:calc(60% - 5px); padding-left:5px; padding-right:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; } div.sheet-asc > div > div > div > input[type="number"] { display:flex; flex-wrap:wrap; width:calc(20% - 5px); padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; justify-content:center; height:18px; text-align:center; } div.sheet-asc > div > div > label { display:flex; width: 18px; height: 18px; } div.sheet-asc > div > div > label > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-asc > div > div > label > span { width: 100%; margin-top: -2px; display: block; } div.sheet-asc > div > div > label > span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size: 18px; opacity: 0; } div.sheet-asc > div > div:hover > label > span::before { opacity:1; } div.sheet-asc > div > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div.sheet-asc > div > div > div.sheet-extend > div > textarea { border:1px solid black; font-size:11px; } div.sheet-asc > div > div:first-of-type { margin-top:-2px; } div.sheet-asc > div > div > div.itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-asc > div > div > div.itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } div.sheet-asc > div:last-of-type { display:flex; width:100%; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; justify-content:space-between; } div.sheet-asc > div:last-of-type > label:first-of-type { display:flex; width:95px; justify-content:space-between; height:18px; } div.sheet-asc > div:last-of-type > label:last-of-type { display:flex; width:135px; justify-content:space-between; height:18px; } div.sheet-asc > div:last-of-type > label:first-of-type > span { display:flex; width:55px; padding-left:5px; padding-top:4px; font-size:11px; align-items:flex-end; height:17px; color:black; } div.sheet-asc > div:last-of-type > label:last-of-type > span { display:flex; width:95px; padding-left:5px; padding-top:4px; font-size:11px; align-items:flex-end; height:17px; color:black; } div.sheet-asc > div:last-of-type > label > input[type="number"] { display:flex; width:35px; padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; align-items:flex-end; height:18px; color:black; border:0px; border-bottom:1px solid black; text-align:center; background:transparent; } /* ///////////////// INVOCATIONS ///////////////// */ div.sheet-summoning { display:flex; width:100%; flex-wrap:wrap; } div.sheet-summoning > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; justify-content:space-between; } div.sheet-summoning > div:first-of-type > span:first-of-type { display:flex; width:calc(100% - 65px - 65px - 24px); justify-content:center; } div.sheet-summoning > div:first-of-type > span:not(:first-of-type) { display:flex; width:60px; justify-content:center; } div.sheet-summoning > div:first-of-type > span:not(:first-of-type):last-of-type { margin-right:24px; } div.sheet-summoning > div > div { display:flex; width:100%; justify-content:space-between; } div.sheet-summoning > div > div:first-of-type { margin-top:-2px; } div.sheet-summoning > div > div > button[type="roll"] { display:flex; width:calc(100% - 24px); justify-content:space-between; padding:0px; margin:0px; border:0px; height:18px; font-size:11px; } div.sheet-summoning > div > div > button[type="roll"]::before { content:""; } div.sheet-summoning > div > div > button[type="roll"] > input[type="text"] { display:flex; width:calc(100% - 65px - 65px - 5px); padding:0px; padding-left:5px; font-size:11px; height:17px; border:0px; background:transparent; cursor:inherit; } div.sheet-summoning > div > div > button[type="roll"] > input[type="number"] { display:flex; width:60px; padding:0px; font-size:11px; height:18px; border:0px; text-align:center; background:transparent; cursor:inherit; } div.sheet-summoning > div > div > div.sheet-compact { display:none; } div.sheet-summoning > div > div > label { display:flex; width: 18px; height: 18px; } div.sheet-summoning > div > div > label > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-summoning > div > div > label > input[type="checkbox"]:checked ~ span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div.sheet-summoning > div > div > label > span { width: 100%; margin-top: -2px; display: block; } div.sheet-summoning > div > div > label > span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size: 18px; opacity: 0; } div.sheet-summoning > div > div:hover > label > span::before { opacity: 1; } div.sheet-summoning > div > div > input[type="hidden"][value="1"] ~ button[type="roll"] { display:none; } div.sheet-summoning > div > div > input[type="hidden"][value="1"] ~ div.sheet-compact { display:flex; width:calc(100% - 24px); flex-wrap:wrap; justify-content:space-between; } div.sheet-summoning > div > div > div.sheet-compact > input[type="text"] { display:flex; width:calc(100% - 65px - 65px); padding-left:4px; padding-right:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; align-items:flex-end; } div.sheet-summoning > div > div > div.sheet-compact > input[type="number"] { display:flex; width:60px; padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; align-items:flex-end; text-align:center; } div.sheet-summoning > div > div > div.sheet-compact > div > textarea { border:1px solid black; font-size:11px; } div.sheet-summoning > div > div > div.itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-summoning > div > div > div.itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } /* ///////////////// METAMAGIES ///////////////// */ div.sheet-magicMetamagic { display:flex; width:100%; flex-wrap:wrap; } div.sheet-magicMetamagic > div > textarea { border:1px solid black; font-size:11px; } div.sheet-magicMetamagic > label { display:flex; width:65px; justify-content:space-between; margin-left:auto; } div.sheet-magicMetamagic > label > span { display:flex; width:25px; font-size:11px; height:17px; padding-top:4px; align-items:flex-end; color:black; } div.sheet-magicMetamagic > label > input[type="number"] { display:flex; width:35px; font-size:11px; height:18px; padding-bottom:0px; padding-right:0px; padding-left:0px; align-items:flex-end; border:0px; border-bottom:1px solid black; text-align:center; } /* ////////////////// TAB PSYCHIC ///////////////// */ /* ////////////////// POINTS DE POUVOIRS PSY ///////////////// */ div.sheet-psychicPoints { display:flex; width:calc(25% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicPoints > label:not(:first-of-type), div.sheet-psychicPoints > div > label { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-psychicPoints > label:not(:first-of-type) > span, div.sheet-psychicPoints > div > label > span { display:flex; width:60px; padding-top:4px; padding-left:5px; font-size:11px; height:17px; align-items:flex-end; color:black; font-weight:normal; } div.sheet-psychicPoints > label:not(:first-of-type) > input[type="number"], div.sheet-psychicPoints > div > label > input[type="number"] { display:flex; width:calc(100% - 65px); padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; height:18px; align-items:flex-end; border:0px; border-bottom:1px solid black; text-align:center; background:transparent; } div.sheet-psychicPoints > label:nth-of-type(2) { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; padding-bottom:5px; } div.sheet-psychicPoints > label:nth-of-type(3) > span, div.sheet-psychicPoints > label:nth-of-type(4) > span { font-weight:bold; } /* ////////////////// TALENT PSY ///////////////// */ div.sheet-psychicPotential { display:flex; width:calc(25% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicPotential > label:not(:first-of-type), div.sheet-psychicPotential > div > label:not(:last-of-type) { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-psychicPotential > div > label:last-of-type { margin:auto; margin-top:5px; } div.sheet-psychicPotential > label:not(:first-of-type) > span, div.sheet-psychicPotential > div > label:not(:last-of-type) > span { display:flex; width:60px; padding-top:4px; padding-left:5px; font-size:11px; height:17px; align-items:flex-end; color:black; font-weight:normal; } div.sheet-psychicPotential > label:not(:first-of-type) > input[type="number"], div.sheet-psychicPotential > div > label:not(:last-of-type) > input[type="number"] { display:flex; width:calc(100% - 65px); padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; height:18px; align-items:flex-end; border:0px; border-bottom:1px solid black; text-align:center; background:transparent; } div.sheet-psychicPotential > div > label:not(:last-of-type) > select { display:flex; width:calc(100% - 65px); padding-left:16px; padding-right:0px; padding-top:2px; padding-bottom:0px; font-size:11px; height:18px; align-items:flex-end; border:0px; border-bottom:1px solid black; text-align:center; background:transparent; } div.sheet-psychicPotential > label:nth-of-type(3) { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; border-bottom:5px solid black; padding-bottom:5px; margin-top:5px; } div.sheet-psychicPotential > label:nth-of-type(3) > span { font-weight:bold; } div.sheet-psychicPotential > button[type="roll"] { display:flex; margin:0px; width:100%; height:20.5px; border-radius:0px; border:0px; } div.sheet-psychicPotential > button[type="roll"]::before { font-family: "dicefontd10"; font-size:25px; padding-top:0px; padding-bottom:0px; margin:auto; } /* ////////////////// PROJECTION PSY ///////////////// */ div.sheet-psychicProjection { display:flex; width:calc(25% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicProjection > label:not(:first-of-type), div.sheet-psychicProjection > div > label:not(:last-of-type) { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-psychicProjection > div > label:last-of-type { margin:auto; margin-top:5px; } div.sheet-psychicProjection > label:not(:first-of-type) > span, div.sheet-psychicProjection > div > label:not(:last-of-type) > span { display:flex; width:60px; padding-top:4px; padding-left:5px; font-size:11px; height:17px; align-items:flex-end; color:black; font-weight:normal; } div.sheet-psychicProjection > label:not(:first-of-type) > input[type="number"], div.sheet-psychicProjection > div > label:not(:last-of-type) > input[type="number"] { display:flex; width:calc(100% - 65px); padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; height:18px; align-items:flex-end; border:0px; border-bottom:1px solid black; text-align:center; background:transparent; } div.sheet-psychicProjection > div > label:not(:last-of-type) > select { display:flex; width:calc(100% - 65px); padding-left:16px; padding-right:0px; padding-top:2px; padding-bottom:0px; font-size:11px; height:18px; align-items:flex-end; border:0px; border-bottom:1px solid black; text-align:center; background:transparent; } div.sheet-psychicProjection > label:nth-of-type(3) { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; border-bottom:5px solid black; padding-bottom:5px; margin-top:5px; } div.sheet-psychicProjection > label:nth-of-type(3) > span { font-weight:bold; } div.sheet-psychicProjection > button[type="roll"] { display:flex; margin:0px; width:100%; height:20.5px; border-radius:0px; border:0px; } div.sheet-psychicProjection > button[type="roll"]::before { font-family: "dicefontd10"; font-size:25px; padding-top:0px; padding-bottom:0px; margin:auto; } /* ////////////////// DISCIPLINES PSY ///////////////// */ div.sheet-psychicDisciplines { display:flex; width:calc(25% - 2.5%); flex-wrap:wrap; } div.sheet-psychicDisciplines > div > div { display:flex; width:100%; flex-wrap:wrap; } div.sheet-psychicDisciplines > div > div:first-of-type { margin-top:-2px; } div.sheet-psychicDisciplines > div > div > input[type="text"] { display:flex; width:100%; flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; color:black; font-size:11px; height:18px; } div.sheet-psychicDisciplines > div > div > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-psychicDisciplines > div > div > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } /* ////////////////// PATRON MENTAL PSY ///////////////// */ div.sheet-psychicMentalPatterns { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicMentalPatterns > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; justify-content:space-between; } div.sheet-psychicMentalPatterns > div:first-of-type > span { display:flex; flex-wrap:wrap; justify-content:center; } div.sheet-psychicMentalPatterns > div:first-of-type > span:first-of-type { width:calc(100% - 70px - 70px - 65px - 5px - 5px); } div.sheet-psychicMentalPatterns > div:first-of-type > span:not(:first-of-type):not(:last-of-type) { width:70px; } div.sheet-psychicMentalPatterns > div:first-of-type > span:last-of-type { width:65px; } div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; } div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div:not(:last-of-type) { margin-bottom:5px; } div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div > input[type="text"] { display:flex; width:calc(100% - 70px - 70px - 65px - 5px - 5px); padding-right:0px; padding-left:4px; padding-bottom:0px; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; } div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div > input[type="number"] { display:flex; width:70px; padding-right:0px; padding-left:0px; padding-bottom:0px; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; text-align:center; } div.sheet-psychicMentalPatterns > div:nth-last-of-type(3) { display:flex; width:100%; flex-wrap:wrap; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; justify-content:space-between; } div.sheet-psychicMentalPatterns > div:nth-last-of-type(3) > span { display:flex; width:100%; flex-wrap:wrap; justify-content:center; } div.sheet-psychicMentalPatterns > div:nth-last-of-type(2) > div:first-of-type { margin-top:-2px; } div.sheet-psychicMentalPatterns > div:nth-last-of-type(2) > div > input[type="text"] { display:flex; flex-wrap:wrap; width:100%; color:black; padding-bottom:0px; padding-left:4px; padding-right:0px; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; } div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 20px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } div.sheet-psychicMentalPatterns > div:nth-of-type(2) > div > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 20px; padding-right: 6px; padding-left: 6px; } div.sheet-psychicMentalPatterns > div:nth-last-of-type(2) > div > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } div.sheet-psychicMentalPatterns > div:nth-last-of-type(2) > div > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } /* ////////////////// PATRON MENTAL PSY ///////////////// */ div.sheet-psychicMaintainedPowers { display:flex; width:calc(50% - 2.5%); flex-wrap:wrap; } div.sheet-psychicMaintainedPowers > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicMaintainedPowers > div:first-of-type > label:first-of-type { display:flex; width:120px; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-psychicMaintainedPowers > div:first-of-type > label:last-of-type { display:flex; width:115px; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-psychicMaintainedPowers > div:first-of-type > label:first-of-type > span { display:flex; width:75px; flex-wrap:wrap; font-size:11px; font-weight:bold; padding-top:3px; padding-left:5px; height:17px; align-items:flex-end; color:black } div.sheet-psychicMaintainedPowers > div:first-of-type > label:last-of-type > span:first-of-type { display:flex; width:55px; flex-wrap:wrap; font-size:11px; font-weight:bold; padding-top:3px; padding-left:5px; height:17px; align-items:flex-end; color:black; } div.sheet-psychicMaintainedPowers > div:first-of-type > label:last-of-type > span:last-of-type { display:flex; width:15px; flex-wrap:wrap; font-size:11px; font-weight:bold; padding-top:3px; height:17px; align-items:flex-end; color:black; } div.sheet-psychicMaintainedPowers > div:first-of-type > label > input[type="number"] { display:flex; width:40px; flex-wrap:wrap; font-size:11px; font-weight:normal; padding-left:0px; padding-bottom:0px; padding-right:0px; height:18px; align-items:flex-end; border:0px; border-bottom:1px solid black; text-align:center; } div.sheet-psychicMaintainedPowers > div:nth-of-type(2) { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; margin-top:5px; } div.sheet-psychicMaintainedPowers > div:nth-of-type(2) > span:first-of-type { display:flex; width:calc(100% - 45px); flex-wrap:wrap; justify-content:center; } div.sheet-psychicMaintainedPowers > div:nth-of-type(2) > span:last-of-type { display:flex; width:40px; flex-wrap:wrap; justify-content:center; } div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div:first-of-type { margin-top:-2px; } div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div:not(:last-of-type) { margin-bottom:5px; } div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > input[type="text"] { display:flex; width:calc(100% - 45px); flex-wrap:wrap; font-size:11px; font-weight:normal; padding-left:5px; padding-bottom:0px; padding-right:0px; height:18px; align-items:flex-end; border:0px; border-bottom:1px solid black; } div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > input[type="number"] { display:flex; width:40px; flex-wrap:wrap; font-size:11px; font-weight:normal; padding-left:0px; padding-bottom:0px; padding-right:0px; height:18px; align-items:flex-end; border:0px; border-bottom:1px solid black; text-align:center; } div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > div > textarea { border:1px solid black; font-size:11px; } div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } div.sheet-psychicMaintainedPowers > div:nth-of-type(3) > div > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } /* ////////////////// POUVOIRS CONNUS PSY ///////////////// */ div.sheet-psychicKnownPowers { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicKnownPowers > div:last-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:right; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; } div.sheet-psychicKnownPowers > div > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicKnownPowers > div > div > button[type="roll"] { display:flex; width:calc(100% - 24px); flex-wrap:wrap; border:0px; border-radius:0px; padding:0px; margin:0px; justify-content:space-between; } div.sheet-psychicKnownPowers > div > div > button[type="roll"]::before { content:""; } div.sheet-psychicKnownPowers > div > div > button[type="roll"] > input[type="text"] { display:flex; width:calc(100% - 65px); flex-wrap:wrap; border:0px; padding:0px; padding-left:5px; background:transparent; cursor:inherit; font-size:11px; } div.sheet-psychicKnownPowers > div > div > button[type="roll"] > input[type="number"] { display:flex; width:60px; flex-wrap:wrap; border:0px; padding:0px; background:transparent; text-align:center; cursor:inherit; font-size:11px; } div.sheet-psychicKnownPowers > div > div > label:first-of-type { display:none; width:calc(100% - 25px - 65px); flex-wrap:wrap; } div.sheet-psychicKnownPowers > div > div > label:first-of-type > input[type="text"] { display:flex; width:100%; height:18px; padding-left:5px; padding-bottom:0px; padding-right:0px; border:0px; border-bottom:1px solid black; font-size:11px; } div.sheet-psychicKnownPowers > div > div > label:first-of-type > span, div.sheet-psychicKnownPowers > div > div > label:nth-of-type(2) > span { display:flex; width:100%; height:17px; padding-left:0px; padding-top:0px; padding-right:0px; font-size:11px; align-items:baseline; justify-content:center; color:black; } div.sheet-psychicKnownPowers > div > div > label:nth-of-type(2) { display:none; width:60px; flex-wrap:wrap; } div.sheet-psychicKnownPowers > div > div > label:nth-of-type(2) > input[type="number"] { display:flex; width:100%; height:18px; padding-left:0px; padding-bottom:0px; padding-right:0px; border:0px; border-bottom:1px solid black; font-size:11px; text-align:center; } div.sheet-psychicKnownPowers > div > div > label:last-of-type { width: 18px; height: 18px; } div.sheet-psychicKnownPowers > div > div > label:last-of-type > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-psychicKnownPowers > div > div > label:last-of-type > input[type="checkbox"] + span { width: 100%; margin-top: -2px; display: block; } div.sheet-psychicKnownPowers > div > div > label:last-of-type > input[type="checkbox"] + span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-psychicKnownPowers > div > div > label:last-of-type > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity: 1; } div.sheet-psychicKnownPowers > div > div:hover > label:last-of-type > input[type="checkbox"] + span::before { opacity: 1; } div.sheet-psychicKnownPowers > div > div > div { display:none; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicKnownPowers > div > div > input[type="hidden"][value="1"] ~ button[type="roll"] { display:none; } div.sheet-psychicKnownPowers > div > div > input[type="hidden"][value="1"] ~ label:not(:last-of-type), div.sheet-psychicKnownPowers > div > div > input[type="hidden"][value="1"] ~ div.sheet-compact { display:flex; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > span { display:flex; width:100%; justify-content:center; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; margin-top:5px; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:first-of-type > textarea { border:1px solid black; font-size:11px; line-height:13px; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:first-of-type > span { line-height:13px; font-size:11px; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:nth-of-type(2) { display:flex; width:100%; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; margin-top:5px; justify-content:space-between; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:nth-of-type(2) > span { justify-content:center; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:nth-of-type(2) > span:first-of-type { display:flex; width:70px; flex-wrap:wrap; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > div:nth-of-type(2) > span:last-of-type { display:flex; width:calc(100% - 71px); flex-wrap:wrap; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label:not(:last-of-type) { margin-bottom:7px; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label > span { display:flex; width:70px; flex-wrap:wrap; font-size:11px; height:auto; align-items:center; justify-content:center; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; border-top-left-radius: 30px; border-bottom-left-radius: 30px; margin-bottom: -2px; color:black; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label > div { display:flex; width:calc(100% - 71px); flex-wrap:wrap; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label > div > textarea { font-size:11px; border:1px solid black; line-height:13px; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > label > div > span { line-height:13px; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > button[type="roll"] { display:flex; width:calc(50% - 0.5px); flex-wrap:wrap; height:18px; padding:0px; margin:0px; border:0px; border-radius:0px; margin-top:2px; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > button[type="roll"]::before { content:""; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > button[type="roll"]:first-of-type { border-right:1px solid black; } div.sheet-psychicKnownPowers > div > div > div.sheet-compact > button[type="roll"] > span { display:flex; width:100%; flex-wrap:wrap; height:18px; font-size:11px; justify-content:center; } div.sheet-psychicKnownPowers > div > div > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-psychicKnownPowers > div > div > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } div.sheet-psychicKnownPowers > div > label { display:flex; width:107px; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-psychicKnownPowers > div > label > span:first-of-type { display:flex; width:52px; flex-wrap:wrap; font-size:11px; padding-top:3px; align-items:flex-end; height:17px; color:black; } div.sheet-psychicKnownPowers > div > label > input[type="number"] { display:flex; width:40px; flex-wrap:wrap; font-size:11px; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; align-items:flex-end; text-align:center; height:18px; } div.sheet-psychicKnownPowers > div > label > span:last-of-type { display:flex; width:15px; flex-wrap:wrap; font-size:11px; padding-top:3px; align-items:flex-end; justify-content:left; height:17px; color:black; } /* ////////////////// TAB KI ///////////////// */ /* ////////////////// POUVOIRS DU KI ET DU NEMESIS ///////////////// */ div.sheet-kiNemesisAbilities { display:flex; flex-wrap:wrap; width:100%; } div.sheet-kiNemesisAbilities > div, div.sheet-kiNemesisAbilities > div div { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; } div.sheet-kiNemesisAbilities > div div > span { display:flex; flex-wrap:wrap; width:calc(100% - 35px); height:22px; font-size:11px; padding-left:5px; align-items:center; font-weight:bold; color:black; } div.sheet-kiNemesisAbilities > div input[type="hidden"][value="0"] ~ div { display:none; } div.sheet-kiNemesisAbilities > div input[type="hidden"]:not([value="0"]) ~ div { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; margin-top:2px; margin-left:20px; } div.sheet-kiNemesisAbilities > div div.sheet-wRoll > span { width:calc(100% - 35px - 45px - 45px); } div.sheet-kiNemesisAbilities > div div.sheet-wRoll > input[type="number"] { display:none; width:40px; font-size:11px; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; height:22px; text-align:center; } div.sheet-kiNemesisAbilities > div div.sheet-wRoll > button[type="roll"] { display:none; width:40px; padding:0px; margin:0px; border:0px; border-radius:0px; justify-content:center; height:22px; font-size:30px; } div.sheet-kiNemesisAbilities > div input[type="hidden"]:not([value="0"]) ~ button[type="roll"], div.sheet-kiNemesisAbilities > div input[type="hidden"]:not([value="0"]) ~ input[type="number"] { display:flex; } div.sheet-kiNemesisAbilities > div div.sheet-wRoll > button[type="roll"]::before { font-family:"dicefontd10"; color:black; } /* ////////////////// RESERVES DE KI ///////////////// */ div.sheet-kiPool { display:flex; flex-wrap:wrap; width:calc(100% - 2.5%); } div.sheet-kiPool > div:not(:first-of-type) > label { width: 18px; height: 18px; margin-top: -2px; } div.sheet-kiPool > div:not(:first-of-type) > label > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-kiPool > div:not(:first-of-type) > label > span { width: 100%; margin-top: -2px; display: block; } div.sheet-kiPool > div:not(:first-of-type) > label > span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size: 18px; opacity: 0; } div.sheet-kiPool > div:not(:first-of-type):hover > label > span::before { opacity: 1; } div.sheet-kiPool > div:not(:first-of-type) > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity: 1; } div.sheet-kiPool > div:first-of-type { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; } div.sheet-kiPool > div:first-of-type > span { display:flex; flex-wrap:wrap; width:calc(33.33% - 5px - 20px - 8.33px); justify-content:center; } div.sheet-kiPool > div:first-of-type > span:first-of-type { margin-left:65px; } div.sheet-kiPool > div:first-of-type > span:last-of-type { margin-right:25px; } div.sheet-kiPool > div > .sheet-extend { display:none; } div.sheet-kiPool > div:not(:first-of-type) > div:first-of-type, div.sheet-kiPool > div:last-of-type > div { display:flex; flex-wrap:wrap; width:calc(100% - 25px); justify-content:space-between; } div.sheet-kiPool > div:not(:first-of-type) > input[type="hidden"][value="1"] ~ .sheet-extend { display:flex; flex-wrap:wrap; width:calc(100% - 25px); justify-content:space-between; } div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type), div.sheet-kiPool > div:not(:first-of-type) > .sheet-extend > div, div.sheet-kiPool > div:last-of-type { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; } div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div:first-of-type > span { display:flex; flex-wrap:wrap; width:60px; height:18px; font-weight:bold; align-items:center; justify-content:center; padding-top:2px; } div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div.sheet-extend > div > span { display:flex; flex-wrap:wrap; width:60px; height:18px; font-weight:normal; align-items:center; font-size:11px; padding-left:5px; } div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div:first-of-type > input[type="number"], div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div.sheet-extend > div > input[type="number"], div.sheet-kiPool > div:last-of-type > div > input[type="number"] { display:flex; flex-wrap:wrap; width:calc(33.33% - 5px - 20px); height:18px; font-weight:bold; align-items:center; justify-content:center; padding-right:0px; padding-left:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; background:transparent; text-align:center; font-weight:normal; } div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div.sheet-extend > div > input[type="number"]:first-of-type, div.sheet-kiPool > div:last-of-type > div > input[type="number"]:first-of-type { margin-right:5px; } div.sheet-kiPool > div:not(:first-of-type):not(:last-of-type) > div.sheet-extend > div > input[type="number"]:last-of-type { margin-right:calc(33.33% - 20px); } div.sheet-kiPool > div:last-of-type > div > span { display:flex; flex-wrap:wrap; width:calc(33.33% + 40px); height:18px; font-weight:bold; align-items:center; padding-left:5px; padding-top:2px; font-size:11px; } div.sheet-kiPool > div:last-of-type { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; margin-top:5px; } /* ////////////////// DEVELOPPEMEMENT INTERIEUR ///////////////// */ div.sheet-kiMartialKnowledge { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; } div.sheet-kiMartialKnowledge > div { display:flex; width:100%; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; margin-top:5px; } div.sheet-kiMartialKnowledge > div > label, div.sheet-kiMartialKnowledge > label { display:flex; flex-wrap:wrap; width:calc(50% - 5px); justify-content:space-between; height:18px; } div.sheet-kiMartialKnowledge > div > label > span, div.sheet-kiMartialKnowledge > label > span { display:flex; flex-wrap:wrap; width:40px; padding-left:5px; padding-top:3px; align-items:flex-end; font-size: 11px; height:17px; color:black; font-weight:normal; } div.sheet-kiMartialKnowledge > div > label > span { font-weight:bold; } div.sheet-kiMartialKnowledge > div > label > input[type="number"], div.sheet-kiMartialKnowledge > label > input[type="number"] { display:flex; flex-wrap:wrap; width:calc(100% - 45px); padding-right:0px; padding-left:0px; padding-bottom:0px; align-items:flex-end; text-align:center; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; } /* ////////////////// SCEAU DE KI ///////////////// */ div.sheet-kiSeals, div.sheet-kiSeals > div { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; } div.sheet-kiSeals > div:first-of-type { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; margin-bottom:5px; } div.sheet-kiSeals > div:first-of-type > span { display:flex; width:50px; flex-wrap:wrap; justify-content:center; } div.sheet-kiSeals > div:nth-of-type(2) { margin-bottom:5px; } /* ////////////////// ARS MAGNUS ///////////////// */ div.sheet-kiArsMagus { display:flex; width:calc(70% - 1.417%); flex-wrap:wrap; justify-content:space-between; align-items:baseline; } div.sheet-kiArsMagus > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; z-index:1; } div.sheet-kiArsMagus > div:first-of-type > span:first-of-type { display:flex; width:calc(100% - 65px - 65px - 25px); flex-wrap:wrap; justify-content:center; } div.sheet-kiArsMagus > div:first-of-type > span:not(:first-of-type) { display:flex; width:60px; flex-wrap:wrap; justify-content:center; } div.sheet-kiArsMagus > div:first-of-type > span:last-of-type { margin-right:24px; } div.sheet-kiArsMagus > div > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-kiArsMagus > div > div:first-of-type { margin-top:-2px; } div.sheet-kiArsMagus > div > div > input[type="text"] { display:flex; width:calc(100% - 65px - 65px - 25px); height:18px; font-size:11px; padding-left:5px; padding-bottom:0px; padding-right:0px; border:0px; border-bottom:1px solid black; } div.sheet-kiArsMagus > div > div > input[type="number"] { display:flex; width:60px; height:18px; font-size:11px; padding-left:0px; padding-bottom:0px; padding-right:0px; text-align:center; border:0px; border-bottom:1px solid black; } div.sheet-kiArsMagus > div > div > input[type="number"]:last-of-type { margin-right:25px; } div.sheet-kiArsMagus > div > div > label { width: 18px; height: 18px; } div.sheet-kiArsMagus > div > div > label > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-kiArsMagus > div > div > label > span { width: 100%; margin-top: -2px; display: block; } div.sheet-kiArsMagus > div > div > label > span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-kiArsMagus > div > div:hover > label > span::before { opacity:1; } div.sheet-kiArsMagus > div > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity: 1; } div.sheet-kiArsMagus > div > div > div.sheet-extend { display:none; width:100%; flex-wrap:wrap; } div.sheet-kiArsMagus > div > div > div.sheet-extend > textarea { border:1px solid black; font-size:11px; line-height:13px; } div.sheet-kiArsMagus > div > div > div.sheet-extend > span { font-size:11px; line-height:13px; } div.sheet-kiArsMagus > div > div > input[type="hidden"][value="1"] + div.sheet-extend { display:flex; } div.sheet-kiArsMagus > div > div > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-kiArsMagus > div > div > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } div.sheet-kiArsMagus > div:nth-last-of-type(2), div.sheet-kiArsMagus > div:last-of-type { display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; } div.sheet-kiArsMagus > div:nth-last-of-type(2) { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; } div.sheet-kiArsMagus > div:nth-last-of-type(2) > span:first-of-type { display:flex; width:calc(100% - 64px - 65px); flex-wrap:wrap; justify-content:center; } div.sheet-kiArsMagus > div:nth-last-of-type(2) > span:not(:first-of-type) { display:flex; width:60px; flex-wrap:wrap; justify-content:center; } div.sheet-kiArsMagus > div:last-of-type > span { display:flex; width:calc(100% - 65px - 65px); height:18px; font-size:11px; flex-wrap:wrap; font-weight:bold; padding-left:2px; } div.sheet-kiArsMagus > div:last-of-type > input[type="number"] { display:flex; width:60px; flex-wrap:wrap; height:18px; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; text-align:center; } /* ////////////////// KI LIMITE ///////////////// */ div.sheet-kiLimit { display:flex; width:calc(30% - 2.5%); flex-wrap:wrap; justify-content:space-between; align-items:baseline; align-content:baseline; } div.sheet-kiLimit > select { display:flex; width:100%; height:18px; font-size:11px; padding:0px; border:0px; border-bottom:1px solid black; } /* ////////////////// ARTS MARTIAUX ///////////////// */ div.sheet-kiMartialArts { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-kiMartialArts > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; z-index:1; } div.sheet-kiMartialArts > div:first-of-type > span { display:flex; flex-wrap:wrap; justify-content:center; } div.sheet-kiMartialArts > div:first-of-type > span:first-of-type { width:calc(100% - 105px - 65px - 25px); } div.sheet-kiMartialArts > div:first-of-type > span:nth-of-type(2) { width:100px; } div.sheet-kiMartialArts > div:first-of-type > span:nth-of-type(3) { width:60px; } div.sheet-kiMartialArts > div:first-of-type > span:last-of-type { margin-right:24px; } div.sheet-kiMartialArts > div:nth-of-type(2) > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-kiMartialArts > div:nth-of-type(2) > div:first-of-type { margin-top:-2px; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > input[type="text"] { display:flex; width:calc(100% - 65px - 105px - 25px); flex-wrap:wrap; justify-content:space-between; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; padding-right:0px; padding-left:5px; padding-bottom:0px; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > select { display:flex; width:99px; flex-wrap:wrap; justify-content:center; padding:0px; border:0px; border-bottom:1px solid black; height:18px; font-size:11px; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > input[type="number"] { display:flex; width:60px; flex-wrap:wrap; justify-content:center; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; height:18px; font-size:11px; text-align:center; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > label { width: 18px; height: 18px; margin-top: -2px; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > label > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > label > span { width: 100%; margin-top: -2px; display: block; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > label > span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-kiMartialArts > div:nth-of-type(2) > div:hover > label > span::before { opacity: 1; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity: 1; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > div.sheet-extend { display:none; width:100%; flex-wrap:wrap; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > div.sheet-extend > textarea { border:1px solid black; } div.sheet-kiMartialArts > div:nth-of-type(2) > div > input[type="hidden"][value="1"] + div.sheet-extend { display:flex; } div.sheet-kiMartialArts > div > div > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-kiMartialArts > div > div > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } div.sheet-kiMartialArts > div:nth-last-of-type(2) { display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; z-index:1; } div.sheet-kiMartialArts > div:nth-last-of-type(2) > span:nth-of-type(1), div.sheet-kiMartialArts > div:nth-last-of-type(2) > span:nth-of-type(3), div.sheet-kiMartialArts > div:nth-last-of-type(2) > span:nth-of-type(4) { display:flex; width:60px; flex-wrap:wrap; justify-content:center; } div.sheet-kiMartialArts > div:nth-last-of-type(2) > span:nth-of-type(2) { display:flex; width:calc(100% - 65px - 65px - 65px); flex-wrap:wrap; justify-content:center; } div.sheet-kiMartialArts > div:last-of-type { display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; margin-top:-2px; } div.sheet-kiMartialArts > div:last-of-type > input[type="number"] { display:flex; width:60px; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; } div.sheet-kiMartialArts > div:last-of-type > span { display:flex; width:20px; height:18px; font-weight:bold; justify-content:center; } div.sheet-kiMartialArts > div:last-of-type > select { display:flex; width:calc(100% - 65px - 65px - 65px - 24px - 65px); padding:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; } div.sheet-kiMartialArts > div:last-of-type > div { width:100%; margin-top:5px; } div.sheet-kiMartialArts > div:last-of-type > div > textarea { border:1px solid black; } /* ////////////////// CREATURES CONNUES ///////////////// */ div.sheet-kiCreaturesKnown { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-kiCreaturesKnown > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; } div.sheet-kiCreaturesKnown > div:first-of-type > span:nth-of-type(1) { display:flex; width:103px; flex-wrap:wrap; justify-content:center; } div.sheet-kiCreaturesKnown > div:first-of-type > span:nth-of-type(2) { display:flex; width:60px; flex-wrap:wrap; justify-content:center; } div.sheet-kiCreaturesKnown > div:first-of-type > span:nth-of-type(3) { display:flex; width:calc(100% - 105px - 65px - 25px); flex-wrap:wrap; justify-content:center; margin-right:25px; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button { display:flex; width:calc(100% - 25px); flex-wrap:wrap; justify-content:space-between; margin:0px; padding:0px; border:0px; height:18px; border-radius:0px; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button::before { content:""; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button > span:first-of-type { display:flex; width:100px; flex-wrap:wrap; border:0px; font-size:11px; padding:0px; padding-left:5px; height:18px; background:transparent; cursor:inherit; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button > span:nth-of-type(2) { display:flex; width:60px; flex-wrap:wrap; border:0px; font-size:11px; padding:0px; height:18px; justify-content:center; background:transparent; cursor:inherit; margin-left:-1px; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > button > span:last-of-type { display:flex; width:calc(100% - 65px - 105px); flex-wrap:wrap; border:0px; font-size:11px; padding:0px; height:18px; background:transparent; cursor:inherit; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > div.sheet-extend { display:none; width:calc(100% - 25px); justify-content:space-between; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > div.sheet-extend > input[type="text"]:first-of-type { display:flex; width:103px; padding-right:0px; padding-left:5px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > div.sheet-extend > input[type="number"] { display:flex; width:60px; padding-right:0px; padding-left:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; text-align:center; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > div.sheet-extend > input[type="text"]:last-of-type { display:flex; width:calc(100% - 105px - 65px); padding-right:0px; padding-left:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label { width: 18px; height: 18px; margin-top: -2px; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label > span { width: 100%; margin-top: -2px; display: block; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label > span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div:hover > label > span::before { opacity:1; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity: 1; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > input[type="hidden"]:nth-of-type(2)[value="1"] ~ button[type="roll"] { display:none; } div.sheet-kiCreaturesKnown > div:not(:first-of-type) > div > input[type="hidden"]:nth-of-type(2)[value="1"] ~ div.sheet-extend { display:flex; } /* ////////////////// TECHNIQUES DE KI ///////////////// */ div.sheet-kiTechniques { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-kiTechniques > div > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-kiTechniques > div > div:not(:first-of-type) { margin-top:5px; } div.sheet-kiTechniques > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend, div.sheet-kiTechniques > div > div > input[type="hidden"][value="0"] ~ button[type="roll"] { display:flex; width:calc(100% - 25px); flex-wrap:wrap; justify-content:space-between; } div.sheet-kiTechniques > div > div > input[type="hidden"][value="0"] ~ div.sheet-extend, div.sheet-kiTechniques > div > div > input[type="hidden"][value="1"] ~ button[type="roll"] { display:none; } div.sheet-kiTechniques > div > div > button[type="roll"] { margin:0px; padding:0px; border:0px; border-radius:0px; } div.sheet-kiTechniques > div > div > button[type="roll"]::before { content:""; } div.sheet-kiTechniques > div > div > div > label:nth-of-type(1), div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) { display:flex; width:calc(100% - 70px - 70px); flex-wrap:wrap; justify-content:space-between; } div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) { margin-left:-10px; } div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > label { border-right:1px solid black; } div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > label:first-of-type > span { padding-left:5px; } div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > label > span { font-weight:bold; } div.sheet-kiTechniques > div > div > div > label:nth-of-type(2), div.sheet-kiTechniques > div > div > div > label:nth-of-type(3), div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(1), div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(2) { display:flex; width:60px; flex-wrap:wrap; justify-content:space-between; align-content:end; } div.sheet-kiTechniques > div > div > div > div > label { display:flex; width:200px; flex-wrap:wrap; justify-content:space-between; } div.sheet-kiTechniques > div > div > button[type="roll"] > div > label { display:flex; width:calc(50% - 1px); flex-wrap:wrap; font-size:11px; color:black; cursor:pointer; } div.sheet-kiTechniques > div > div > button[type="roll"] > div > label:last-of-type { justify-content:flex-end; } div.sheet-kiTechniques > div > div > div > label:nth-of-type(1) > span, div.sheet-kiTechniques > div > div > div > label:nth-of-type(2) > span, div.sheet-kiTechniques > div > div > div > label:nth-of-type(3) > span, div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > span, div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(1) > span, div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(2) > span { display:flex; width:100%; flex-wrap:wrap; justify-content:center; font-size:11px; padding-top:0px; padding-right:0px; padding-left:0px; align-items:baseline; height:17px; color:black; font-weight:normal; } div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(1) > span, div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(1) > span, div.sheet-kiTechniques > div > div > button[type="roll"] > label:nth-of-type(2) > span { cursor:pointer; } div.sheet-kiTechniques > div > div > div > div > label > span { display:flex; width:calc(50% - 2.5px); flex-wrap:wrap; justify-content:left; font-size:11px; padding-bottom:0px; padding-right:0px; padding-left:0px; align-items:flex-end; height:17px; color:black; font-weight:normal; } div.sheet-kiTechniques > div > div > button[type="roll"] > div > label > span { display:flex; flex-wrap:wrap; justify-content:left; font-size:11px; padding-bottom:0px; padding-right:0px; padding-left:0px; align-items:flex-end; height:17px; color:black; font-weight:normal; margin-right:5px; } div.sheet-kiTechniques > div > div > div > div, div.sheet-kiTechniques > div > div > button[type="roll"] > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(2) { border-top:1px solid black; } div.sheet-kiTechniques > div > div > div > div:first-of-type { border-top:1px dashed black; border-bottom:1px dashed black; padding-top:5px; padding-bottom:5px; margin-top:5px; margin-bottom:5px; } div.sheet-kiTechniques > div > div > div > div:not(:last-of-type) > span, div.sheet-kiTechniques > div > div > button[type="roll"] > div:not(:last-of-type) > span { display:flex; flex-wrap:wrap; justify-content:center; font-size:11px; padding-right:0px; padding-left:0px; height:18px; align-items:center; color:black; font-weight:normal; } div.sheet-kiTechniques > div > div > div > div:nth-of-type(2) > span:first-of-type, div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(2) > span:first-of-type, div.sheet-kiTechniques > div > div > button[type="roll"] > div:first-of-type > span:first-of-type { font-weight:bold; } div.sheet-kiTechniques > div > div > button[type="roll"] > div:first-of-type > span:first-of-type { justify-content:left; padding-left:4px; } div.sheet-kiTechniques > div > div > div > div:not(:last-of-type) > span:first-of-type, div.sheet-kiTechniques > div > div > button[type="roll"] > div:not(:last-of-type):not(:first-of-type) > span:first-of-type { display:flex; width:60px; flex-wrap:wrap; justify-content:left; } div.sheet-kiTechniques > div > div > div > div:nth-of-type(2) > span:not(:first-of-type), div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(2) > span:not(:first-of-type) { display:flex; width:calc(16.66% - 5px - 10px); flex-wrap:wrap; } div.sheet-kiTechniques > div > div > div > div:last-of-type, div.sheet-kiTechniques > div > div > button[type="roll"] > div:last-of-type { margin-top:5px; } div.sheet-kiTechniques > div > div > div > div:last-of-type > textarea { border:1px solid black; font-size:11px; line-height:13px; } div.sheet-kiTechniques > div > div > button[type="roll"] > div:last-of-type > textarea { border-top:1px solid black; font-size:11px; line-height:13px; background:transparent; cursor:pointer; } div.sheet-kiTechniques > div > div > div > div:last-of-type > span, div.sheet-kiTechniques > div > div > button[type="roll"] > div:last-of-type > span { font-size:11px; line-height:13px; } div.sheet-kiTechniques > div > div > div > div > input[type="number"], div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(3) > span:not(:first-of-type), div.sheet-kiTechniques > div > div > button[type="roll"] > div:nth-of-type(4) > span:not(:first-of-type) { display:flex; width:calc(16.66% - 5px - 10px); flex-wrap:wrap; justify-content:center; font-size:11px; padding-bottom:0px; padding-right:0px; padding-left:0px; border:0px; border-bottom:1px solid black; height:18px; text-align:center; color:black; background:transparent; text-align:center; } div.sheet-kiTechniques > div > div > div > label > input[type="text"], div.sheet-kiTechniques > div > div > div > label > input[type="number"], div.sheet-kiTechniques > div > div > button[type="roll"] > label > span:first-of-type, div.sheet-kiTechniques > div > div > button[type="roll"] > div:first-of-type > span { display:flex; width:100%; flex-wrap:wrap; justify-content:center; font-size:11px; padding-bottom:0px; padding-right:0px; border:0px; border-bottom:1px solid black; height:18px; color:black; background:transparent; text-align:center; } div.sheet-kiTechniques > div > div > div > div > label > select { display:flex; width:calc(50% - 2.5px); flex-wrap:wrap; justify-content:center; font-size:11px; padding:0px; border:0px; border-bottom:1px solid black; height:18px; text-align:center; color:black; } div.sheet-kiTechniques > div > div > button[type="roll"] > div > label > select { display: flex; width: 95px; flex-wrap: wrap; font-size: 11px; padding: 0px; border: 0px; height: 18px; color:black; cursor: pointer; background:transparent; -moz-appearance: textfield; -webkit-appearance: none; padding-left: 5px; } div.sheet-kiTechniques > div > div > div > label > input[type="text"], div.sheet-kiTechniques > div > div > button[type="roll"] > label > span:first-of-type { padding-left:5px; } div.sheet-kiTechniques > div > div > div > label > input[type="number"], div.sheet-kiTechniques > div > div > button[type="roll"] > label > span:first-of-type { padding-left:0px; } div.sheet-kiTechniques > div > div > label { width: 18px; height: 18px; margin-top: -2px; } div.sheet-kiTechniques > div > div > label > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-kiTechniques > div > div > label > input[type="checkbox"] + span { width: 100%; margin-top: -2px; display: block; } div.sheet-kiTechniques > div > div > label > input[type="checkbox"] + span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-kiTechniques > div > div:hover > label > input[type="checkbox"] + span::before { opacity:1; } div.sheet-kiTechniques > div > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } /* ////////////////// TAB EQUIPEMENT ///////////////// */ /* ////////////////// PORT D'ARMURE ///////////////// */ div.sheet-armoryWear { display:flex; width:calc(25% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryWear > label { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryWear > label > span { display:flex; width:60px; font-size:11px; height:17px; padding-top:3px; font-weight:normal; color:black; } div.sheet-armoryWear > label > input[type="number"] { display:flex; width:calc(100% - 60px - 5px); font-size:11px; height:18px; padding-bottom:0px; padding-right:0px; padding-left:0px; font-weight:normal; text-align:center; border:0px; border-bottom:1px solid black; color:black; } div.sheet-armoryWear > label:last-of-type { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; margin-top:5px; } div.sheet-armoryWear > label:last-of-type > span { font-weight:bold; } /* ////////////////// ARMURES ///////////////// */ div.sheet-armoryArmor { display:flex; width:calc(75% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryArmor > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; } div.sheet-armoryArmor > div:not(:first-of-type) { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryArmor > div:nth-of-type(5) > div, div.sheet-armoryArmor > div:nth-of-type(11) > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryArmor > div:first-of-type > span { display:flex; flex-wrap:wrap; justify-content:center; } div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(1) { width:calc(100% - 70px - 140px - 140px - 140px); } div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(2) { width:65px; } div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(3), div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(4), div.sheet-armoryArmor > div:first-of-type > span:nth-of-type(5) { width:135px; } div.sheet-armoryArmor > div:nth-of-type(2) > input[type="text"], div.sheet-armoryArmor > div:nth-of-type(3) > input[type="text"], div.sheet-armoryArmor > div:nth-of-type(4) > input[type="text"], div.sheet-armoryArmor > div:nth-of-type(5) > div > input[type="text"] { display:flex; width:calc(100% - 70px - 140px - 140px - 140px); font-size:11px; height:18px; padding-right:0px; padding-left:5px; padding-bottom:0px; border:0px; border-bottom:1px solid black; } div.sheet-armoryArmor > div:nth-of-type(2) > input[type="number"], div.sheet-armoryArmor > div:nth-of-type(3) > input[type="number"], div.sheet-armoryArmor > div:nth-of-type(4) > input[type="number"], div.sheet-armoryArmor > div:nth-of-type(5) > div > input[type="number"] { display:flex; width:65px; font-size:11px; height:18px; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; text-align:center; } div.sheet-armoryArmor > div:nth-of-type(2) > div, div.sheet-armoryArmor > div:nth-of-type(3) > div, div.sheet-armoryArmor > div:nth-of-type(4) > div, div.sheet-armoryArmor > div:nth-of-type(5) > div > div { display:flex; width:135px; justify-content:space-between; height:18px; } div.sheet-armoryArmor > div:nth-of-type(2) > div > input[type="number"], div.sheet-armoryArmor > div:nth-of-type(3) > div > input[type="number"], div.sheet-armoryArmor > div:nth-of-type(4) > div > input[type="number"], div.sheet-armoryArmor > div:nth-of-type(5) > div > div > input[type="number"] { display:flex; width:65px; font-size:11px; height:18px; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; text-align:center; background:transparent; } div.sheet-armoryArmor > div:nth-of-type(7) { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; margin-top:5px; } div.sheet-armoryArmor > div:last-of-type { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; } div.sheet-armoryArmor > div:nth-of-type(7) > span { display:flex; flex-wrap:wrap; justify-content:center; } div.sheet-armoryArmor > div:nth-of-type(7) > span:first-of-type, div.sheet-armoryArmor > div:last-of-type > span:first-of-type { width:calc(100% - 70px - 70px - 70px - 70px - 70px - 70px - 70px); } div.sheet-armoryArmor > div:last-of-type > span:first-of-type { display:flex; font-size:11px; font-weight:bold; align-items:center; } div.sheet-armoryArmor > div:nth-of-type(7) > span:not(:first-of-type) { width:65px; } div.sheet-armoryArmor > div:nth-of-type(8) > input[type="text"], div.sheet-armoryArmor > div:nth-of-type(9) > input[type="text"], div.sheet-armoryArmor > div:nth-of-type(10) > input[type="text"], div.sheet-armoryArmor > div:nth-of-type(11) > div > input[type="text"] { display:flex; width:calc(100% - 70px - 70px - 70px - 70px - 70px - 70px - 70px); font-size:11px; height:18px; padding-right:0px; padding-left:5px; padding-bottom:0px; border:0px; border-bottom:1px solid black; } div.sheet-armoryArmor > div:nth-of-type(8) > input[type="number"], div.sheet-armoryArmor > div:nth-of-type(9) > input[type="number"], div.sheet-armoryArmor > div:nth-of-type(10) > input[type="number"], div.sheet-armoryArmor > div:nth-of-type(11) > div > input[type="number"], div.sheet-armoryArmor > div:last-of-type > input[type="number"] { display:flex; width:65px; font-size:11px; height:18px; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; text-align:center; background:transparent; } div.sheet-armoryArmor > div:last-of-type > input[type="number"] { font-weight:bold; } div.sheet-armoryArmor > div:nth-of-type(6) { display:none !important; } div.sheet-armoryArmor > div > div.repitem > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-armoryArmor > div > div.repitem > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } /* ////////////////// MODULES D'ARMES ///////////////// */ div.sheet-armoryProficiencies { display:flex; width:calc(40% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryProficiencies > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; } div.sheet-armoryProficiencies > div:first-of-type > span:first-of-type { display:flex; width:calc(100% - 55px - 105px); flex-wrap:wrap; justify-content:center; } div.sheet-armoryProficiencies > div:first-of-type > span:nth-of-type(2) { display:flex; width:100px; flex-wrap:wrap; justify-content:center; } div.sheet-armoryProficiencies > div:first-of-type > span:nth-of-type(3) { display:flex; width:50px; flex-wrap:wrap; justify-content:center; } div.sheet-armoryProficiencies > div:nth-last-of-type(2) > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryProficiencies > div:nth-last-of-type(2) > div > input[type="text"] { display:flex; width:calc(100% - 55px - 105px); flex-wrap:wrap; padding-left:5px; padding-right:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; } div.sheet-armoryProficiencies > div:nth-last-of-type(2) > div > select { display:flex; width:100px; flex-wrap:wrap; padding:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; text-align:center; } div.sheet-armoryProficiencies > div:nth-last-of-type(2) > div > input[type="number"] { display:flex; width:50px; flex-wrap:wrap; padding-left:0px; padding-right:0px; padding-bottom:0px; font-size:11px; border:0px; border-bottom:1px solid black; height:18px; text-align:center; } div.sheet-armoryProficiencies > div > div.repitem > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-armoryProficiencies > div > div.repitem > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 6px; } div.sheet-armoryProficiencies > div > div:first-of-type.repitem { margin-top:-2px; } /* ////////////////// ARMES ///////////////// */ div.sheet-armoryWeapon { display:flex; width:calc(60% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryWeapon > div > div { display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; } div.sheet-armoryWeapon > div > div > label { width: 18px; height: 18px; } div.sheet-armoryWeapon > div > div > label > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-armoryWeapon > div > div > label > input[type="checkbox"] + span { width: 100%; margin-top: -2px; display: block; } div.sheet-armoryWeapon > div > div > label > input[type="checkbox"] + span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-armoryWeapon > div > div:hover > label > input[type="checkbox"] + span::before { opacity:1; } div.sheet-armoryWeapon > div > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div.sheet-armoryWeapon > div > div > input[type="hidden"][value="1"] ~ button[type="roll"] { display:none; } div.sheet-armoryWeapon > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend { display:flex; } div.sheet-armoryWeapon > div > div > input[type="hidden"][value="1"] ~ div.sheet-extend { display:flex; } div.sheet-armoryWeapon > div.repcontainer > div:not(:last-of-type) > input[type="hidden"][value="1"] ~ div.sheet-extend:last-of-type { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; padding-bottom:5px; } div.sheet-armoryWeapon > div > div > button[type="roll"] { width:calc(100% - 25px); display:flex; border:0px; padding:0px; margin:0px; border-radius:0px; } div.sheet-armoryWeapon > div > div > button[type="roll"]::before { content:""; } div.sheet-armoryWeapon > div > div > button[type="roll"] > input[type="text"] { width:100%; display:flex; border:0px; padding:0px; padding-left:5px; font-size:11px; font-weight:normal; cursor:pointer; background:transparent; } div.sheet-armoryWeapon > div > div > div:nth-of-type(2).sheet-extend { width:calc(100% - 25px); flex-wrap:wrap; justify-content:space-between; padding-bottom:5px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > input[type="text"] { width:100%; height:18px; padding-right:0px; padding-bottom:0px; padding-left:5px; border:0px; border-bottom:1px solid black; font-size:11px; font-weight:normal; } div.sheet-armoryWeapon > div > div > div.sheet-extend > input[type="text"] { width:100%; height:18px; padding-right:0px; padding-bottom:0px; padding-left:5px; border:0px; border-bottom:1px solid black; font-size:11px; font-weight:normal; } div.sheet-armoryWeapon > div > div > div:nth-of-type(3).sheet-extend { width:100%; justify-content:space-between; flex-wrap:wrap; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type { width:100%; display:flex; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:not(:first-of-type) { width:100%; display:flex; justify-content:space-between; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type > button[type="roll"] { width:calc(28% - 2.5px); display:flex; justify-content:center; border:0px; margin:0px; padding:0px; border-radius:0px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type > button[type="roll"]::before { content:""; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type > button[type="roll"] > span { width:100%; display:flex; justify-content:center; font-size:13px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:first-of-type > span { width:calc(15% - 2.5px); display:flex; justify-content:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(2) > div { width:calc(28% - 2.5px); display:flex; justify-content:space-between; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(2) > div > input[type="number"] { width:calc(50% - 2.5px); display:flex; justify-content:space-between; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; text-align:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(2) > select { width:calc(15% - 2.5px); display:flex; justify-content:space-between; padding:0px; border:0px; border-bottom:1px solid black; margin:0px; font-size:11px; height:18px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3) { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; margin-top:5px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3) > span:nth-of-type(1), div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3) > span:nth-of-type(2) { width:calc(15% - 2.5px); display:flex; justify-content:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3) > span:nth-of-type(3) { width:calc(40% - 2.5px - 10px + 85px); display:flex; justify-content:center; margin-right:10px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(3) > span:nth-of-type(4) { width:calc(20% - 2.5px - 40px); display:flex; justify-content:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) { align-items:flex-end; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > select { width:calc(15% - 2.5px); display:flex; justify-content:space-between; padding:0px; border:0px; border-bottom:1px solid black; margin:0px; font-size:11px; height:18px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > div { width:calc(40% - 2.5px + 85px); display:flex; justify-content:space-between; align-items:flex-end; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > div > span { width:10px; display:flex; justify-content:center; font-weight:bold; font-size:11px; color:black; align-items:center; height:22px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > div > input[type="number"] { width:calc(28% - 10px - 20px); display:flex; justify-content:space-between; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; text-align:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > div > select { width:calc(71% - 10px - 60px); display:flex; justify-content:space-between; padding:0px; border:0px; border-bottom:1px solid black; margin:0px; font-size:11px; height:18px; margin-right:2.5px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(4) > input[type="number"] { width:calc(20% - 2.5px - 40px); display:flex; justify-content:space-between; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; text-align:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; margin-top:5px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > span:nth-of-type(1) { width:calc(30% - 10px); display:flex; justify-content:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > span:nth-of-type(2) { width:calc(25% - 2.5px); display:flex; justify-content:center; margin-right:12.5px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > span:nth-of-type(3) { width:calc(20% - 2.5px - 20px); display:flex; justify-content:center; margin-right:12.5px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > button[type="roll"] { width:calc(25% - 2.5px); display:flex; justify-content:center; border:0px; margin:0px; padding:0px; border-radius:0px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > button[type="roll"]::before { content:""; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(5) > button[type="roll"] > span { width:100%; display:flex; justify-content:center; font-size:13px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > div { width:calc(30% - 10px); display:flex; justify-content:space-between; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > div > input[type="number"] { width:calc(50% - 2.5px); display:flex; justify-content:space-between; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; text-align:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > span { width:10px; display:flex; justify-content:center; font-weight:bold; font-size:11px; color:black; align-items:center; height:18px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > input[type="number"] { width:calc(25% - 2.5px); display:flex; justify-content:space-between; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; text-align:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(6) > select { width:calc(20% - 2.5px - 20px); display:flex; padding:0px; border:0px; border-bottom:1px solid black; margin:0px; font-size:11px; height:18px; padding-left:15px; text-align:center; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(7) { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; margin-top:5px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(7) > span:nth-of-type(1) { width:calc(15% - 2.5px); display:flex; justify-content:center; margin-right:auto; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(7) > span:nth-of-type(2) { width:calc(30% - 2.5px); display:flex; justify-content:center; margin-left:auto; margin-right:auto; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(7) > span:nth-of-type(3) { width:calc(30% - 2.5px); display:flex; justify-content:center; margin-left:auto; margin-right:70px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8) { align-items:flex-end; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8) > input[type="number"] { width:calc(15% - 2.5px); display:flex; justify-content:space-between; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; text-align:center; margin-right:auto; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8) > div:nth-of-type(1) { width:calc(30% - 2.5px); display:flex; justify-content:space-between; margin-left:auto; margin-right:auto; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8) > div:nth-of-type(2) { width:calc(30% - 2.5px); display:flex; justify-content:space-between; margin-left:auto; margin-right:5px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:nth-of-type(8) > div > input[type="number"] { width:calc(50% - 2.5px); display:flex; justify-content:space-between; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; text-align:center; margin-left:auto; margin-right:5px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div:last-of-type { margin-top:5px; margin-bottom:2px; } div.sheet-armoryWeapon > div > div > div.sheet-extend > div > textarea { border:1px solid black; } div.sheet-armoryWeapon > div > div.repitem > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-armoryWeapon > div > div.repitem > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 6px; } div.sheet-armoryWeapon > div > div:first-of-type.repitem { margin-top:-2px; } /* ////////////////// OBJETS PRECIEUX ///////////////// */ div.sheet-armoryValuables { display:flex; width:calc(30% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryValuables > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryValuables > div > div.repitem { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryValuables > div:first-of-type { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; } div.sheet-armoryValuables > div > div.sheet-extend, div.sheet-armoryValuables > div > div > div.sheet-extend { display:none; width:calc(100% - 25px); flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryValuables > div:first-of-type > span:first-of-type { display:flex; width:calc(40% - 2.5px); flex-wrap:wrap; justify-content:center; } div.sheet-armoryValuables > div:first-of-type > span:last-of-type { display:flex; width:calc(60% - 2.5px - 25px); flex-wrap:wrap; justify-content:center; margin-right:25px; } div.sheet-armoryValuables > div:not(:first-of-type) > label:first-of-type, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:first-of-type { display:flex; width:calc(100% - 25px); flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryValuables > div:not(:first-of-type) > label:first-of-type > input[type="number"], div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:first-of-type > input[type="number"] { display:flex; width:calc(40% - 2.5px); flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-armoryValuables > div:not(:first-of-type) > label:first-of-type > span { display:flex; width:calc(60% - 2.5px); flex-wrap:wrap; font-size:11px; height:18px; padding-top:3px; font-weight:normal; } div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:first-of-type > input[type="text"] { display:flex; width:calc(60% - 2.5px); flex-wrap:wrap; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-armoryValuables > div > label:last-of-type, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type { width: 18px; height: 18px; } div.sheet-armoryValuables > div > label:last-of-type > input[type="checkbox"], div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-armoryValuables > div > label:last-of-type > input[type="checkbox"] + span, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type > input[type="checkbox"] + span { width: 100%; margin-top: -2px; display: block; } div.sheet-armoryValuables > div > label:last-of-type > input[type="checkbox"] + span::before, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type > input[type="checkbox"] + span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-armoryValuables > div:hover > label:last-of-type > input[type="checkbox"] + span::before, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem:hover > label:last-of-type > input[type="checkbox"] + span::before { opacity:1; } div.sheet-armoryValuables > div > label:last-of-type > input[type="checkbox"]:checked + span::before, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > label:last-of-type > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div.sheet-armoryValuables > div > input[type="hidden"][value="1"] ~ div.sheet-extend, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > input[type="hidden"][value="1"] ~ div.sheet-extend { display:flex; } div.sheet-armoryValuables > div > input[type="hidden"][value="1"] + label, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > input[type="hidden"][value="1"] + label { display:none; } div.sheet-armoryValuables > div > div.sheet-extend > h3, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > div.sheet-extend > h3 { text-shadow:1px 1px 1px #555555; } div.sheet-armoryValuables > div > div.sheet-extend > label, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > div.sheet-extend > label { display:flex; flex-wrap:wrap; width:calc(50% - 2.5px); } div.sheet-armoryValuables > div > div.sheet-extend > label > span, div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > div.sheet-extend > label > span { display:flex; justify-content:center; flex-wrap:wrap; width:100%; font-weight:normal; font-size:13px; } div.sheet-armoryValuables > div > div.sheet-extend > label > input[type="number"], div.sheet-armoryValuables > div:not(:first-of-type) > div.repitem > div.sheet-extend > label > input[type="number"] { display:flex; width:100%; flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-armoryValuables > div > div.repitem > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-armoryValuables > div > div.repitem > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 6px; } /* ////////////////// INVENTAIRE ///////////////// */ div.sheet-armoryInventory { display:flex; width:calc(70% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryInventory > div:first-of-type { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; } div.sheet-armoryInventory > div:first-of-type, div.sheet-armoryInventory > div:not(:first-of-type) > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-armoryInventory > div:not(:first-of-type) > div.repitem:first-of-type { margin-top:-2px; } div.sheet-armoryInventory > div:first-of-type > span:nth-of-type(1), div.sheet-armoryInventory > div:first-of-type > span:nth-of-type(3) { display:flex; width:90px; flex-wrap:wrap; justify-content:center; } div.sheet-armoryInventory > div:first-of-type > span:nth-of-type(2) { display:flex; width:calc(100% - 95px - 95px - 25px); flex-wrap:wrap; justify-content:center; } div.sheet-armoryInventory > div:first-of-type > span:last-of-type { margin-right:24px; } div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="number"]:nth-of-type(1), div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="number"]:nth-of-type(3) { display:flex; width:90px; flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="text"]:nth-of-type(2) { display:flex; width:calc(100% - 95px - 95px - 25px); flex-wrap:wrap; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type { width: 18px; height: 18px; } div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type > input[type="checkbox"] { position: absolute; opacity: 0; width: 18px; height: 18px; } div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type > input[type="checkbox"] + span { width: 100%; margin-top: -2px; display: block; } div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type > input[type="checkbox"] + span::before { font-family: "pictos"; content: "y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-armoryInventory > div:not(:first-of-type) > div:hover > label:last-of-type > input[type="checkbox"] + span::before { opacity:1; } div.sheet-armoryInventory > div:not(:first-of-type) > div > label:last-of-type > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="hidden"][value="1"] ~ div.sheet-extend { display:flex; width:100%; } div.sheet-armoryInventory > div:not(:first-of-type) > div > input[type="hidden"][value="0"] ~ div.sheet-extend { display:none; } div.sheet-armoryInventory > div:not(:first-of-type) > div > div.sheet-extend > textarea { border:1px solid black; } div.sheet-armoryInventory > div > div.repitem > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-armoryInventory > div > div.repitem > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 6px; } /* ////////////////// TAB OPTIONS ///////////////// */ /* ////////////////// GESTION DES JETS OUVERTS ///////////////// */ div.sheet-optionsOpenRollRange { display:flex; width:calc(30% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-optionsOpenRollRange > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-optionsOpenRollRange > div > label { display:flex; width:calc(50% - 2.5px); flex-wrap:wrap; justify-content:space-between; } div.sheet-optionsOpenRollRange > div > label > span { display:flex; width:50px; padding-left:5px; font-size:11px; font-weight:normal; color:black; padding-top:3px; } div.sheet-optionsOpenRollRange > div > label > input[type="number"] { display:flex; width:calc(100% - 55px); flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-optionsOpenRollRange > div > label > select { display:flex; width:calc(100% - 55px); flex-wrap:wrap; padding:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-optionsOpenRollRange > div > button[type="roll"] { display:flex; width:calc(50% - 2.5px); flex-wrap:wrap; padding:0px; border:0px; height:18px; justify-content:center; border-radius:0px; margin:0px; } div.sheet-optionsOpenRollRange > div > button[type="roll"]::before { font-family:"dicefontd10"; margin:auto; padding-top:0px; padding-bottom:0px; font-size:22px; } div.sheet-optionsOpenRollRange > div:last-of-type { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-top:5px solid black; margin-top:5px; } div.sheet-optionsOpenRollRange > div:last-of-type > label > span, div.sheet-optionsOpenRollRange > div:last-of-type > label > input[type="number"] { font-weight:bold; } /* ////////////////// OPTIONS DE PERSONNAGES ///////////////// */ div.sheet-optionsCharacters { display:flex; width:calc(40% - 2.5%); flex-wrap:wrap; justify-content:space-evenly; } div.sheet-optionsCharacters > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-optionsCharacters > div > label { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-optionsCharacters > div > label > span { display:flex; width:80px; padding-left:5px; font-size:11px; font-weight:normal; color:black; padding-top:3px; } div.sheet-optionsCharacters > div > label > select { display:flex; width:calc(100% - 85px); flex-wrap:wrap; padding:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-optionsCharacters > h3 { text-shadow: 1px 1px 1px #555; } /* ////////////////// BONUS INNES ///////////////// */ div.sheet-optionsInnateBonuses { display:flex; width:calc(60% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-optionsInnateBonuses > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; } div.sheet-optionsInnateBonuses > div:first-of-type > span:first-of-type { display:flex; width:calc(100% - 65px - 25px); flex-wrap:wrap; justify-content:center; } div.sheet-optionsInnateBonuses > div:first-of-type > span:last-of-type { display:flex; width:60px; flex-wrap:wrap; justify-content:center; margin-right:24px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } iv.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > h3 { text-shadow: 1px 1px 1px #555555; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1) { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3), div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5), div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7), div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9), div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11), div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13) { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; margin-top:5px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:last-of-type { border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom:5px solid black; padding-bottom:5px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1) > span, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3) > span, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5) > span, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7) > span, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9) > span, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11) > span, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13) > span { display:flex; width:calc(100% - 50px); flex-wrap:wrap; justify-content:center; margin-left:25px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label { width:18px; height:18px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div > label { display: flex; width: 19px; height: 19px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label > input[type="checkbox"] { position:absolute; opacity:0; width:18px; height:18px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1) > label > input[type="checkbox"], div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3) > label > input[type="checkbox"], div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5) > label > input[type="checkbox"], div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7) > label > input[type="checkbox"], div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9) > label > input[type="checkbox"], div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11) > label > input[type="checkbox"], div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13) > label > input[type="checkbox"] { position: absolute; width: 19px; height: 19px; opacity: 0; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label > span { width:100%; margin-top:-2px; display:block; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div > label > span { width: 100%; height: 19px; display: block; margin-top: -1px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label > span::before { font-family:"pictos"; content:"y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1) > label > span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3) > label > span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5) > label > span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7) > label > span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9) > label > span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11) > label > span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13) > label > span::before { font-family: "pictos"; content: "-"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div:hover > label > span::before { opacity:1; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(1) > label > input[type="checkbox"]:checked + span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(3) > label > input[type="checkbox"]:checked + span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(5) > label > input[type="checkbox"]:checked + span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(7) > label > input[type="checkbox"]:checked + span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(9) > label > input[type="checkbox"]:checked + span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(11) > label > input[type="checkbox"]:checked + span::before, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div:nth-of-type(13) > label > input[type="checkbox"]:checked + span::before { content: "+"; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > input[type="hidden"][value="0"] ~ div.sheet-extend, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > input[type="hidden"][value="1"] + div.sheet-extend { display:none; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > input[type="hidden"][value="1"] ~ div.sheet-extend, div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > input[type="hidden"][value="0"] + div.sheet-extend { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > input[type="text"] { display:flex; width:calc(100% - 65px - 25px); flex-wrap:wrap; padding-right:0px; padding-left:5px; padding-bottom:0px; height:18px; border:0px; border-bottom:1px solid black; font-size:11px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > input[type="number"] { display:flex; width:60px; flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; height:18px; border:0px; border-bottom:1px solid black; font-size:11px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div.repitem:first-of-type { margin-top:-2px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label { display:flex; width:calc(50% - 2.5px); justify-content:space-between; height:18px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label:not(:last-of-type) { margin-bottom:5px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label > span { display:flex; width:100px; flex-wrap:wrap; padding-top:2px; padding-left:5px; height:18px; font-size:11px; font-weight:normal; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label > input[type="number"], div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label > select { display:flex; width:calc(100% - 105px); flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; height:18px; border:0px; border-bottom:1px solid black; font-size:11px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > label > select { padding-top:0px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label { display:flex; width:calc(50% - 2.5px); justify-content:space-between; height:18px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > div { display:flex; width:140px; height:18px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > div > span:first-of-type { display:flex; padding-top:3px; padding-left:5px; height:18px; font-size:11px; font-weight:normal; padding-right:2px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > div > span:nth-of-type(2) { display:flex; width:4px; padding-top:3px; padding-left:0px; height:18px; font-size:11px; font-weight:normal; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > div > span { display:flex; padding-top:3px; padding-left:2px; height:18px; font-size:11px; font-weight:normal; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div > div.sheet-extend > div > div.sheet-extend > label > input[type="number"] { display:flex; width:calc(100% - 140px); flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; height:18px; border:0px; border-bottom:1px solid black; font-size:11px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div.repitem > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-optionsInnateBonuses > div:nth-of-type(2) > div.repitem > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 6px; } /* ////////////////// TAB HISTORIQUE ///////////////// */ /* /////////////////// LANGUES /////////////////// */ div.sheet-langue { display:flex; width:calc(30% - 2.5px); flex-wrap:wrap; } div.sheet-langue > div > div { display:flex; width:100%; flex-wrap:wrap; } div.sheet-langue > div > div:first-of-type { margin-top:-2px; } div.sheet-langue > div > div > input[type="text"] { display:flex; width:100%; flex-wrap:wrap; padding-bottom:0px; padding-left:5px; padding-right:0px; font-size:11px; height:18px; border:0px; border-bottom:1px solid black; } div.sheet-langue > div > div.repitem > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-langue > div > div.repitem > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } /* /////////////////// REPUTATIONS /////////////////// */ div.sheet-reput { display:flex; width:calc(30% - 2.5%); flex-wrap:wrap; justify-content:space-between; } div.sheet-reput > div:first-of-type { display:flex; width:100%; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom: 5px solid black; } div.sheet-reput > div:first-of-type > input[type="text"] { display:flex; width:100%; text-align:center; border:0px; padding:0px; align-items:center; background:transparent; font-size:13pt; text-shadow: 2px 2px 2px #555; } div.sheet-reput > div:nth-of-type(2) { display:flex; width:100%; justify-content:space-between; border-image: url('http://imgsrv.roll20.net/?src=imgsrv.roll20.net/%3Fsrc%3Dnsa39.casimages.com/img/2018/10/10/mini_181010104102736035.png') 10 stretch; border-bottom: 5px solid black; } div.sheet-reput > div:nth-of-type(2) > label { display:flex; width:calc(50% - 5px); justify-content:space-between; height:18px; } div.sheet-reput > div:nth-of-type(2) > label > span:first-of-type { display:flex; width:calc(100% - 30px - 10px); font-size:11px; align-items:flex-end; font-weight:bold; padding-top:4px; padding-left:5px; color:black; height:17px; } div.sheet-reput > div:nth-of-type(2) > label > span:nth-of-type(2) { display:flex; width:10px; font-size:11px; justify-content:center; align-items:flex-end; font-weight:bold; padding-top:4px; } div.sheet-reput > div:nth-of-type(2) > label > input[type="number"], div.sheet-reput > div:nth-of-type(2) > label > input[type="text"] { display:flex; width:30px; text-align:center; font-size:11px; padding-bottom:0px; padding-left:0px; padding-right:0px; border:0px; border-bottom:1px solid black; background:transparent; color:black; } div.sheet-reput > label { display:flex; width:calc(50% - 5px); justify-content:space-between; height:18px; } div.sheet-reput > label > span:first-of-type { display:flex; width:calc(100% - 30px); justify-content:space-between; font-size:11px; padding-left:5px; align-items:flex-end; padding-top:4px; color:black; font-weight:normal; height:17px; } div.sheet-reput > label > input[type="number"] { display:flex; width:30px; text-align:center; font-size:11px; padding-bottom:0px; padding-left:0px; padding-right:0px; border:0px; border-bottom:1px solid black; } /* /////////////////// GNOSE ET NATURA /////////////////// */ div.sheet-natura { display:flex; width:calc(30% - 2.5%); flex-wrap:wrap; } div.sheet-natura > label { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; height:18px; } div.sheet-natura > label > span { display:flex; width:calc(100% - 60px - 10px); font-size:11px; font-weight:normal; padding-left:5px; padding-top:4px; align-items:flex-end; height:17px; color:black; } div.sheet-natura > label > input[type="number"] { display:flex; width:60px; font-size:11px; padding-left:0px; padding-right:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; align-items:flex-end; text-align:center; height:18px; } div.sheet-natura > label:nth-of-type(3) { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom: 5px solid black; margin-top: 5px; padding-bottom: 5px; } div.sheet-natura > label:nth-of-type(3) > span, div.sheet-natura > label:last-of-type > span { font-weight:bold; } div.sheet-natura > textarea { margin-top:5px; font-size:11px; height:40px; border:1px solid black; } /* /////////////////// GNOSE ET NATURA /////////////////// */ div.sheet-elan { display:flex; width:calc(33% - 2.5%); flex-wrap:wrap; } div.sheet-elan > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-elan > div:first-of-type > label:first-of-type { display:flex; width:calc(100% - 65px); flex-wrap:wrap; justify-content:space-between; } div.sheet-elan > div:first-of-type > label > input[type="text"], div.sheet-elan > div:first-of-type > label > input[type="number"] { display:flex; width:100%; flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; } div.sheet-elan > div:first-of-type > label > span { display:flex; width:100%; flex-wrap:wrap; text-align:center; justify-content:center; padding-bottom:3px; font-size:11px; color:black; } div.sheet-elan > div:first-of-type > label:last-of-type { display:flex; width:60px; flex-wrap:wrap; justify-content:space-between; } div.sheet-elan > div:nth-of-type(2) { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom: 5px solid black; } div.sheet-elan > div:nth-of-type(2) > span:first-of-type { display:flex; width:calc(100% - 65px - 25px); flex-wrap:wrap; justify-content:center; color:black; } div.sheet-elan > div:nth-of-type(2) > span:last-of-type { display:flex; width:60px; flex-wrap:wrap; justify-content:center; color:black; margin-right:24px; } div.sheet-elan > div:nth-of-type(3) > div { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } div.sheet-elan > div:nth-of-type(3) > div:first-of-type { margin-top:-2px; } div.sheet-elan > div:nth-of-type(3) > div > input[type="text"] { display:flex; width:calc(100% - 65px - 25px); flex-wrap:wrap; padding-right:0px; padding-left:5px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-elan > div:nth-of-type(3) > div > input[type="number"] { display:flex; width:60px; flex-wrap:wrap; text-align:center; padding-right:0px; padding-left:0px; padding-bottom:0px; border:0px; border-bottom:1px solid black; font-size:11px; height:18px; } div.sheet-elan > div:nth-of-type(3) > div > div.sheet-extend { display:none; } div.sheet-elan > div > div.repitem > .itemcontrol > button { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; } div.sheet-elan > div > div.repitem > .itemcontrol > a { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; height: 16px; padding-right: 6px; padding-left: 6px; margin-bottom: 5px; } div.sheet-elan > div:nth-of-type(3) > div > label { width:18px; height:18px; } div.sheet-elan > div:nth-of-type(3) > div > label > input[type="checkbox"] { position:absolute; opacity:0; width:18px; height:18px; } div.sheet-elan > div:nth-of-type(3) > div > label > span { width:100%; margin-top:-2px; display:block; } div.sheet-elan > div:nth-of-type(3) > div > label > span::before { font-family:"pictos"; content:"y"; text-shadow: 2px 2px 2px #FF0000; color:black; font-size:18px; opacity:0; } div.sheet-elan > div:nth-of-type(3) > div:hover > label > span::before { opacity:1; } div.sheet-elan > div:nth-of-type(3) > div > label > input[type="checkbox"]:checked + span::before { color:red; text-shadow: 2px 2px 2px #555555; opacity:1; } div.sheet-elan > div:nth-of-type(3) > div > input[type="hidden"][value="0"] ~ div.sheet-extend { display:none; } div.sheet-elan > div:nth-of-type(3) > div > input[type="hidden"][value="1"] ~ div.sheet-extend { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; } div.sheet-elan > div:nth-of-type(3) > div > div.sheet-extend > textarea { border:1px solid black; font-size: 11px; line-height: 13px; } div.sheet-elan > div:nth-of-type(3) > div > div.sheet-extend > span { line-height: 13px; font-size: 11px; font-weight: normal; padding: 1px; } /* /////////////////// NOTES /////////////////// */ div.sheet-note { display:flex; width:calc(50% - 2.5%); flex-wrap:wrap; } div.sheet-note > div > div > div > textarea { border:1px solid black; } /* /////////////////// TEMPLATES /////////////////// */ .sheet-rolltemplate-ABFCharac, .sheet-rolltemplate-ABFBase, .sheet-rolltemplate-ABFSpell, .sheet-rolltemplate-ABFSpellCast, .sheet-rolltemplate-ABFPsi, .sheet-rolltemplate-ABFWeapon, .sheet-rolltemplate-APICompare, .sheet-rolltemplate-APIList { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; background-color:white; border-radius:10px; } .sheet-rolltemplate-ABFKi { display:flex; width:100%; flex-wrap:wrap; justify-content:space-evenly; background-color:white; border-radius:10px; } .sheet-rolltemplate-ABFCharac h3, .sheet-rolltemplate-ABFBase h3, .sheet-rolltemplate-ABFSpell h3, .sheet-rolltemplate-ABFSpellCast h3, .sheet-rolltemplate-ABFPsi h3, .sheet-rolltemplate-ABFKi h3, .sheet-rolltemplate-ABFWeapon h3, .sheet-rolltemplate-APICompare h3 { display:flex; width:100%; font-size: 13pt; color:black; justify-content: center; text-shadow: 2px 2px 2px #555555; font-weight: normal; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom: 5px solid black; z-index:1; } .sheet-rolltemplate-ABFBase h4, .sheet-rolltemplate-ABFSpell h4, .sheet-rolltemplate-ABFSpellCast h4, .sheet-rolltemplate-ABFPsi h4, .sheet-rolltemplate-ABFKi h4, .sheet-rolltemplate-ABFWeapon h4, .sheet-rolltemplate-APICompare h4 { display:flex; width:100%; font-size: 11px; color:black; justify-content: center; font-weight: normal; flex-wrap:wrap; } .sheet-rolltemplate-ABFKi > div:first-of-type { display:flex; width:100%; flex-wrap:wrap; justify-content:space-evenly; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-bottom:5px solid black; border-top:5px solid black; } .sheet-rolltemplate-ABFKi > div:last-of-type { display:flex; width:100%; flex-wrap:wrap; word-wrap:anywhere; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top:5px solid black; margin-bottom:5px; font-size:11px; padding-right:2.5px; padding-left:2.5px; } .sheet-rolltemplate-ABFKi > div:not(:first-of-type):not(:last-of-type) { display:flex; width:calc(16.66% - 2.5px); flex-wrap:wrap; justify-content:space-between; } .sheet-rolltemplate-ABFKi > div:not(:first-of-type):not(:last-of-type) > span { display:flex; width:100%; font-size:11px; justify-content:center } .sheet-rolltemplate-ABFKi > div:not(:first-of-type):not(:last-of-type) > span:first-of-type { font-weight:bold; } .sheet-rolltemplate-ABFKi > div:not(:first-of-type):not(:last-of-type) > span:nth-of-type(3) { font-size:9px; } .sheet-rolltemplate-ABFCharac label, .sheet-rolltemplate-ABFBase label, .sheet-rolltemplate-APICompare label { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; } .sheet-rolltemplate-APIList label { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; margin:0px; } .sheet-rolltemplate-ABFWeapon > div > label { display:flex; width:50%; flex-wrap:wrap; justify-content:flex-start; margin:0px; align-items:center; } .sheet-rolltemplate-ABFWeapon > div:nth-of-type(3) > label:nth-of-type(1), .sheet-rolltemplate-ABFWeapon > div:nth-of-type(3) > label:nth-of-type(3) { width:60%; } .sheet-rolltemplate-ABFWeapon > div:nth-of-type(3) > label:nth-of-type(2), .sheet-rolltemplate-ABFWeapon > div:nth-of-type(3) > label:nth-of-type(4) { width:40%; } .sheet-rolltemplate-ABFWeapon > div > label > span, .sheet-rolltemplate-APICompare label > span, .sheet-rolltemplate-APIList label > span { display:flex; width:auto; flex-wrap:wrap; font-size:11px; } .sheet-rolltemplate-APICompare label > span:first-of-type { padding-left:5px; color:black; font-weight:bold; } .sheet-rolltemplate-APIList label > span:first-of-type { width:calc(45% - 10px); align-items:center; font-weight:bold; color:black; padding-left:5px; } .sheet-rolltemplate-APIList label > span:last-of-type { width:calc(55% - 10px); } .sheet-rolltemplate-APIList label:first-of-type > span:last-of-type > a[href^="!"] { border-top-right-radius:10px; } .sheet-rolltemplate-APIList label:last-of-type > span:last-of-type > a[href^="!"] { border-bottom-right-radius:10px; } .sheet-rolltemplate-APICompare label > span:last-of-type { width:50%; justify-content:center; color:black; } .sheet-rolltemplate-ABFWeapon > div > label > span:first-of-type { font-weight:bold; margin-left:2px; } .sheet-rolltemplate-ABFWeapon > div > label > span:nth-of-type(2) { margin-right:2px; margin-left:2px; } .sheet-rolltemplate-ABFBase div.sheet-seals { border-top:5px solid black; border-bottom:5px solid black; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; flex-wrap:wrap; } .sheet-rolltemplate-ABFSpell > label, .sheet-rolltemplate-ABFKi > div:first-of-type > label { display:flex; flex-wrap:wrap; justify-content:space-between; width:auto; margin:0px; } .sheet-rolltemplate-ABFKi > div:first-of-type > label { font-size:11px; } .sheet-rolltemplate-ABFSpellCast > label { display:flex; width:calc(25% - 2.5px); flex-wrap:wrap; justify-content:space-between; margin:0px; } .sheet-rolltemplate-ABFBase label:not(:last-child) { margin:0px; } .sheet-rolltemplate-ABFKi > div:first-of-type > label > span { display:flex; width:auto; color:black; justify-content:center; } .sheet-rolltemplate-ABFKi > div:first-of-type > label > span:first-of-type { font-weight:bold; padding-right:2.5px; } .sheet-rolltemplate-ABFKi > div:first-of-type > label > span:last-of-type { padding-left:2.5px; } .sheet-rolltemplate-ABFCharac label > span, .sheet-rolltemplate-ABFBase label > span { display:flex; color:black; } .sheet-rolltemplate-ABFSpell > label > span, .sheet-rolltemplate-ABFSpellCast > label > span { display:flex; color:black; width:100%; justify-content:center; } .sheet-rolltemplate-ABFSpellCast > label > span { font-size:11px; } .sheet-rolltemplate-ABFSpell > label > span:last-of-type { font-weight:bold; } .sheet-rolltemplate-ABFCharac label > span:first-of-type, .sheet-rolltemplate-ABFBase label > span:first-of-type { width:calc(70% - 2.5px); padding-left:5px; font-weight:bold; } .sheet-rolltemplate-ABFCharac label > span:last-of-type, .sheet-rolltemplate-ABFBase label > span:last-of-type { width:calc(30% - 2.5px); justify-content:center; } .sheet-rolltemplate-ABFBase div.sheet-seals > label { margin:0px; } .sheet-rolltemplate-ABFBase div.sheet-seals > label:first-of-type > span { width:100%; justify-content:center; font-size:11px; word-wrap:anywhere; text-align:center; } .sheet-rolltemplate-ABFBase label.sheet-diff { width:auto; } .sheet-rolltemplate-ABFBase label.sheet-diff > span { font-size:11px; } .sheet-rolltemplate-ABFBase div { display:flex; color:black; width:100%; justify-content:center; } .sheet-rolltemplate-ABFSpell > div:nth-of-type(4) > h4 > a[href^="~"] { border-top:0px; } .sheet-rolltemplate-ABFSpell > div:first-of-type { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; } .sheet-rolltemplate-ABFSpell > div, .sheet-rolltemplate-ABFPsi > div, .sheet-rolltemplate-ABFWeapon div { display:flex; color:black; width:100%; justify-content:space-between; flex-wrap:wrap; } .sheet-rolltemplate-ABFWeapon > div:nth-of-type(1) { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom:5px solid black; } .sheet-rolltemplate-ABFWeapon > div:nth-of-type(3) { border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom:5px solid black; } .sheet-rolltemplate-ABFSpell > div:nth-of-type(2) { font-size:11px; word-wrap:anywhere; border-top:5px solid black; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; } .sheet-rolltemplate-ABFPsi > span { display:flex; color:black; width:100%; flex-wrap:wrap; font-size:11px; border-top:5px solid black; border-bottom:5px solid black; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; } .sheet-rolltemplate-ABFPsi > div:not(:first-of-type) { margin-bottom:5px; } .sheet-rolltemplate-ABFPsi > div > span { display:flex; color:black; flex-wrap:wrap; font-size:11px; word-wrap:anywhere; } .sheet-rolltemplate-ABFPsi > div > span:first-of-type { font-weight:bold; align-items:center; justify-content:center; width:30%; } .sheet-rolltemplate-ABFPsi > div > span:last-of-type { width:70%; } .sheet-rolltemplate-ABFPsi > div:first-of-type > span { justify-content:center; font-weight:bold; font-size:12px; } .sheet-rolltemplate-ABFPsi > div:last-of-type { width: 50px; margin: 0px; } .sheet-rolltemplate-ABFPsi > div:last-of-type > span { width:100%; align-items:center; justify-content:center; } .sheet-rolltemplate-ABFSpell > div > label:first-of-type { margin-left:2.5px; } .sheet-rolltemplate-ABFSpell > div > label:last-of-type { margin-right:2.5px; } .sheet-rolltemplate-ABFSpell > div:nth-of-type(6) { margin-bottom:5px; } .sheet-rolltemplate-ABFSpellCast > div { display:flex; color:black; width:100%; flex-wrap:wrap; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; margin-bottom:5px; padding-left:5px; padding-right:5px; } .sheet-rolltemplate-ABFSpellCast > div > span { display:flex; color:black; width:auto; flex-wrap:wrap; } .sheet-rolltemplate-ABFSpellCast > div > span:last-of-type { margin-left:5px; font-weight:bold; } .sheet-rolltemplate-ABFSpell > div > label { display:flex; flex-wrap:wrap; justify-content:space-between; font-size:11px; font-weight:normal; width:auto; margin:0px; } .sheet-rolltemplate-ABFSpellCast > div > label { display:flex; flex-wrap:wrap; font-size:11px; font-weight:bold; width:33.33%; margin:0px; } .sheet-rolltemplate-ABFSpellCast > div > div { display:flex; flex-wrap:wrap; font-size:11px; font-weight:normal; width:100%; margin:0px; } .sheet-rolltemplate-ABFSpellCast > div.sheet-rollas { margin-bottom:0px; justify-content:center; } .sheet-rolltemplate-ABFSpellCast > div.sheet-rollas > label { width:auto; justify-content:space-between; } .sheet-rolltemplate-ABFSpellCast > div.sheet-rollas > label > span:last-of-type { margin:0px; } .sheet-rolltemplate-ABFSpellCast > div.sheet-rollas > label > span:last-of-type, .sheet-rolltemplate-ABFSpellCast > div.sheet-rollas > label > span:last-of-type > span { font-weight:normal; } .sheet-rolltemplate-ABFSpellCast > div > label:nth-of-type(2) { justify-content:center; } .sheet-rolltemplate-ABFSpellCast > div > label:nth-of-type(3) { justify-content:right; } .sheet-rolltemplate-ABFSpellCast > div > label > span { display:flex; flex-wrap:wrap; font-size:11px; font-weight:bold; width:33.33%; margin:0px; } .sheet-rolltemplate-ABFSpell > div:not(:first-of-type) > label { font-weight:bold; } .sheet-rolltemplate-ABFSpellCast > div > label > span, .sheet-rolltemplate-ABFSpell > div > label > span { display:flex; color:black; width:auto; } .sheet-rolltemplate-ABFSpell > div > label > span:first-of-type { font-weight:bold; } .sheet-rolltemplate-ABFSpellCast > div > label > span:last-of-type, .sheet-rolltemplate-ABFSpell > div > label > span:last-of-type { margin-left:5px; } .sheet-rolltemplate-ABFSpell a[href^="~"] { display:flex; width:calc(100% - 5px); background-color:#f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -ms-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(top,#fff,#e6e6e6); background-repeat: repeat-x; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); line-height: 18px; color: #333; justify-content: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); cursor: pointer; font-weight:bold; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom: 5px solid black; } .sheet-rolltemplate-ABFSpell > div:nth-of-type(3) > h4 > a[href^="~"] { border-top: 0px; } .sheet-rolltemplate-ABFSpell > div > h4 > a[href^="~"] { width:100%; padding:0px; } .sheet-rolltemplate-ABFSpell > a[href^="~"]:last-of-type { border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-bottom:0px; } .sheet-rolltemplate-ABFPsi a[href^="~"] { display:flex; width:calc(50% - 27.5px); background-color:#f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -ms-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(top,#fff,#e6e6e6); background-repeat: repeat-x; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); line-height: 18px; color: black; justify-content: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); cursor: pointer; font-weight:bold; padding:0px; border:0px; align-items:center; height:32px; align-self:end; } .sheet-rolltemplate-APIList a[href^="!"] { display:flex; width:100%; background-color:#f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -ms-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(top,#fff,#e6e6e6); background-repeat: repeat-x; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); line-height: 18px; color: black; justify-content: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); cursor: pointer; font-weight:bold; padding:0px; padding-right:5px; padding-left:5px; border:0px; align-items:center; height:32px; align-self:end; } .sheet-rolltemplate-ABFWeapon a[href^="~"] { display:flex; width:50%; background-color:#f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -ms-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(top,#fff,#e6e6e6); background-repeat: repeat-x; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); line-height: 18px; color: black; justify-content: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); cursor: pointer; font-weight:bold; padding:0px; border:0px; align-items:center; height:32px; align-self:end; } .sheet-rolltemplate-ABFWeapon div > a[href^="~"] { font-size:11px; height:18px; } .sheet-rolltemplate-ABFWeapon > a[href^="~"]:first-of-type { border-bottom-left-radius:10px; } .sheet-rolltemplate-ABFWeapon > a[href^="~"]:last-of-type { border-bottom-right-radius:10px; } .sheet-rolltemplate-ABFWeapon > a[href^="~"] { width:calc(33.33% - 2.5px); } .sheet-rolltemplate-ABFPsi a[href^="~"]:first-of-type { border-bottom-left-radius:10px; } .sheet-rolltemplate-ABFPsi a[href^="~"]:last-of-type { border-bottom-right-radius:10px; } .sheet-rolltemplate-ABFSpell > div > span { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; font-size:11px; font-weight:normal; margin:0px; padding-right:2.5px; padding-left:2.5px; margin-top:2.5px; } .sheet-rolltemplate-ABFBase div > a[href^="~"] { display:flex; width:calc(100% - 5px); background-color:#f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -ms-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(top,#fff,#e6e6e6); background-repeat: repeat-x; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); line-height: 18px; color: #333; justify-content: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); cursor: pointer; font-weight:bold; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Anima-Beyond-Fantasy/img/border.png') 10 stretch; border-top: 5px solid black; border-bottom:0px; } .sheet-rolltemplate-ABFBase div > a[href^="~"]:hover, .sheet-rolltemplate-ABFSpell a[href^="~"]:hover, .sheet-rolltemplate-ABFPsi a[href^="~"]:hover, .sheet-rolltemplate-ABFWeapon a[href^="~"]:hover, .sheet-rolltemplate-APIList a[href^="!"]:hover { color:#333; text-decoration: none; background-color:#e6e6e6; background-position: 0 -15px; } .sheet-rolltemplate-ABFCharac .inlinerollresult, .sheet-rolltemplate-ABFBase .inlinerollresult, .sheet-rolltemplate-ABFSpellCast .inlinerollresult, .sheet-rolltemplate-ABFKi .inlinerollresult, .sheet-rolltemplate-ABFSpellCast .inlinerollresult { text-align: center; border: none; background:transparent; } .sheet-rolltemplate-ABFWeapon .inlinerollresult { text-align: center; border: none; background:transparent; font-weight:normal; font-size:11px; padding:0px; } .sheet-rolltemplate-ABFBase .inlinerollresult.fullcrit, .sheet-rolltemplate-ABFCharac label > span.sheet-crit, .sheet-rolltemplate-ABFSpellCast .inlinerollresult.fullcrit { border: none; color:green; } .sheet-rolltemplate-ABFCharac .inlinerollresult.fullfail, .sheet-rolltemplate-ABFBase .inlinerollresult.fullfail, .sheet-rolltemplate-ABFSpellCast .inlinerollresult.fullfail { border: none; color:red; } .sheet-rolltemplate-ABFCharac .inlinerollresult.importantroll, .sheet-rolltemplate-ABFBase .inlinerollresult.importantroll, .sheet-rolltemplate-ABFSpellCast .inlinerollresult.importantroll { border:none; }