diff --git a/Anima-Beyond-Fantasy/A b/Anima-Beyond-Fantasy/A deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/Anima-Beyond-Fantasy/A-BF.css b/Anima-Beyond-Fantasy/A-BF.css index b10903eb4e..5463164056 100644 --- a/Anima-Beyond-Fantasy/A-BF.css +++ b/Anima-Beyond-Fantasy/A-BF.css @@ -1,769 +1,10068 @@ -fieldset{ - margin:0px; - padding:0px; - border:none; -} +/* +/////////////////// +PARAMETRAGE DE BASE +/////////////////// +*/ -.sheet-3colrow{ - display: block; - clear: both; -} -.sheet-3colrow .sheet-col2{ - width: calc(33% - 21px); - margin-right: 5px; - display: inline-block; -} - -.sheet-2colrow{ - display: block; - clear: both; -} -.sheet-2colrow .sheet-col2{ - width: calc(50% - 21px); - margin-right: 5px; - display: inline-block; -} - -.sheet-logo, -.sheet-logo img +.charsheet { - width:150px; - height:82px; + background-color:White; + font-family:"Segoe UI", Arial; + color:black; + min-width:852px; + color:black; } -div.sheet-tab-content +.repcontrol { - display: none; - border-top-color: #000; - margin: 2px 0 0 0; -} -input.sheet-tab1:checked ~ div.sheet-tab1, -input.sheet-tab2:checked ~ div.sheet-tab2, -input.sheet-tab3:checked ~ div.sheet-tab3, -input.sheet-tab4:checked ~ div.sheet-tab4, -input.sheet-tab5:checked ~ div.sheet-tab5, -input.sheet-tab6:checked ~ div.sheet-tab6 -{ - display: block; -} -input.sheet-secondary_tab1:checked ~ div.sheet-secondary_tab1, -input.sheet-secondary_tab2:checked ~ div.sheet-secondary_tab2, -input.sheet-secondary_tab3:checked ~ div.sheet-secondary_tab3, -input.sheet-secondary_tab4:checked ~ div.sheet-secondary_tab4, -input.sheet-secondary_tab5:checked ~ div.sheet-secondary_tab5, -input.sheet-secondary_tab6:checked ~ div.sheet-secondary_tab6, -input.sheet-secondary_tab7:checked ~ div.sheet-secondary_tab7, -input.sheet-secondary_tab8:checked ~ div.sheet-secondary_tab8 -{ - display:block; -} -input.sheet-tab{ - width: 152px; - height: 24px; - margin: 0px -152px 5px 5px; - cursor: pointer; - z-index: 1; - opacity: 0; + width:100% !important; + display:block !important; + border-radius:0px; } -input.sheet-tab+ span { - height: 22px; - display: inline-block; - font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; - width: 148px; +.repcontrol_edit +{ + border-radius:0px; } -input.sheet-tab+ span::before +.repcontrol_add { - content: attr(title); - border-radius: .5em; - border: 2px solid black; - text-align: center; - display: inline-block; - background: black; - color: white; - text-shadow: 2px 2px 2px #555555; - width: 100%; - height: 20px; - font-size: 18px; - line-height: 20px; - font-family: inherit; + border-radius:0px; } -input.sheet-tab:checked+ span::before{ + +.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: 20pt; + 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:27px; +} + +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% - 27px); + 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; - color:white; - text-shadow: 2px 2px 2px #555555; - border-radius:.5em; - border:2px solid black; } -input.sheet-small_tab{ - width:90px; - margin-right: -90px; - height: 28px; - cursor: pointer; - z-index: 1; - opacity: 0; +div.sheet-menu > label:last-of-type +{ + width:30px; } -input.sheet-small_tab+ span::before{ - content: attr(title); - margin-top:-32px; - border-radius:.5em; - text-align: center; - display: inline-block; - color:white; - text-shadow: 2px 2px 2px #555555; - background:black; - border:2px solid black; - width: 88px; - height:20px; - font-size: 14px; + +div.sheet-menu > label:last-of-type > input[type="radio"] +{ + position:absolute; + width:30px; + height:27px; + opacity:0; + border-radius:10px; } -input.sheet-small_tab:checked+ span::before{ - border:2px solid black; + +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; - color:white; - text-shadow: 2px 2px 2px #555555; - border-radius:.5em; } -input.sheet-option +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 { - width:21px; - height: 21px; - cursor: pointer; - z-index: 1; - opacity: 0; - float:right; - margin:0px; + display:flex; } -.repcontrol_del{ - z-index: 10; - position: relative; -} +/* +/////////////////// +LES CORPS DE LA ZONE +/////////////////// +*/ -input.sheet-option.sheet-title, -input.sheet-option.sheet-title+ span +div.sheet-body { - margin-top:5px; + width:100%; + display:none; + justify-content:space-between; + flex-wrap:wrap; + align-items:baseline; } -input.sheet-option+ span{ - float:right; - margin-right:-21px; - text-align: center; - display: inline-block; - width: 21px; - height:21px; -} - -input.sheet-option+ span::before +div.sheet-tab1 > div:nth-of-type(1) { - font-family: "pictos"; - content: 'y'; - color:black; - text-shadow: 2px 2px 2px #FF0000; - font-size: 20px; + display:flex; + width:calc(50% - 2.5%); + flex-wrap:wrap; + justify-content:space-between; + align-items:baseline; } -input.sheet-option:checked+ span::before + +div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(1) { - color:red; - text-shadow: 2px 2px 2px #555555; - opacity: 1; + display:flex; + width:calc(55% - 2.5%); + flex-wrap:wrap; + justify-content:center; + align-items:baseline; } -span.sheet-option::before + +div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(2) { - opacity: 0; + display:flex; + width:calc(45% - 2.5%); + flex-wrap:wrap; + justify-content:center; + align-items:baseline; } -div:hover > span.sheet-option::before + +div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(3) { - opacity: 1; + display:flex; + width:38%; + flex-wrap:wrap; + justify-content:center; + align-items:baseline; } -span.sheet-option.sheet-white + +div.sheet-tab1 > div:nth-of-type(1) > div:nth-of-type(4) { - background-color:white; - border-radius:.5em; + display:flex; + width:28%; + flex-wrap:wrap; + justify-content:center; + align-items:baseline; } -div.sheet-expanded + +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) { - display: none; - border-top-color: #DADADA; - margin: 2px 0 0 0; + margin-bottom:10px; } -input.sheet-option:checked ~ div.sheet-expanded, -input.sheet-option2:checked ~ div.sheet-expanded + +div.sheet-tab2 > div:nth-of-type(1), +div.sheet-tab2 > div:nth-of-type(2), +div.sheet-tab2 > div:nth-of-type(3) { - display: block; + margin-bottom:10px; } -input.sheet-option:checked ~ div.sheet-compact, -input.sheet-option2:checked ~ div.sheet-compact + +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: none; + display:flex; + flex-wrap:wrap; + justify-content:space-between; + width:100%; + width:calc(50% - 1.25%); + align-content: baseline; } -select { margin-bottom: 0; } -button[type=roll].sheet-d10-roll-button::before{ - font-family: "dicefontd10"; - content: "t"; -} -button[type=roll].sheet-d100-roll-button::before{ - font-family: "dicefontd10"; - content: "T"; - width:30px; -} -button[type=roll].sheet-widebutton{ - width:90px; -} - -button[type=roll].sheet-label::before +div.sheet-tab2 > div:nth-of-type(4) > div, +div.sheet-tab2 > div:nth-of-type(5) > div { - content: ""; - display: inline-block; + align-content: baseline; } -button[type=roll].sheet-label, -button[type=roll].sheet-label input{ - padding:0!important; - font: inherit; - cursor: pointer; -} - -button[type=roll].sheet-label{ - height:21px; - border:1px solid transparent; -} - -.sheet-dark_row .button[type=roll].sheet-label{ - color:black; -} - -button[type=roll].sheet-label input{ - background-color:transparent; - border: none 0px transparent; -} - -label{ - display: inline-block; - width: auto; -} - -input[type=number].sheet-longnum, .sheet-longnum{ - width:60px; -} - -input[type=text]{ - text-align:left; -} - -input[disabled=true]{ - background-color:#DADADA; -} - -input[type=number] +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) { - width:45px; + margin-bottom:10px; } -input{ - border-top:none; - border-left:none; - border-right:none; - border:1px outset #DADADA; -} - -input:hover:enabled, -button:active:enabled, -button[type=roll].sheet-label:hover{ - border:1px outset cyan!important; -} - -.sheet-wrapper{ - margin:3px; - border:none; - vertical-align:top; - display:inline-block; -} - -div.sheet-page_wrapper{ - width:820px; - display:block; - margin:3px; - border-top: 2px solid black; - border-bottom: 2px solid black; - border-left: none; - border-right: none; - font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; -} -div.sheet-page_header{ - width:810px; - display:block; - margin:3px; - border:none; - font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; -} - - -.sheet-sidebubbled{ - font-size: 11pt; - width:51px; - font-weight:bold; - border:2px solid #DADADA; - color:black; - display:inline-block; - background-color:#DADADA; - text-align: center; - padding-top:1px; - padding-left:3px; - padding-bottom:4px; - border-top-left-radius: 1em; - border-bottom-left-radius: 1em; -} -.sheet-characteristic_mod{ - width:60px; - margin-left:2px; -} -.sheet-title{ - text-align: center; - background-color: white; - color: black; - border-bottom: 5px solid transparent; - border-image: url(https://i.imgur.com/wEoeCr7.png) 10 stretch; - text-shadow: 2px 2px 2px #555555; - padding-bottom:2px; - padding-top:2px; - width: 100%; - font-size: 18pt; - font-family: "Station",Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; -} -.sheet-dark_row{ - color:black; - background-color:#DADADA; - border-radius: 1em; -} -.sheet-style_row{ - display:block; - margin-left: 3px; - margin-right: 3px; -} - -.sheet-style_row.sheet-noborder {border:none!important;} - -.sheet-clear{ - clear: both; -} - -.sheet-cell{ - display:inline-block; - margin:0.5px; - text-align: center; - width:45px; -} -.sheet-actual_cell{ - width:50px; - font-size:9pt; - padding-top:7px; - padding-left:7px; - font-weight:bold -} - -.sheet-physical{ - text-shadow: 2px 2px 2px #00CC00; -} - -.sheet-mental{ - text-shadow: 2px 2px 2px #0000CC; -} - -.sheet-advantage_text{width:290px;} - -div[data-groupname="repeating_initiative"] .repitem:nth-child(even), -div[data-groupname="repeating_secondaryabilities"] .repitem:nth-child(even), -div[data-groupname="repeating_advantage"] .repitem:nth-child(even), -div[data-groupname="repeating_spellpaths"] .repitem:nth-child(even), -div[data-groupname="repeating_spells"] .repitem:nth-child(even), -div[data-groupname="repeating_invocations"] .repitem:nth-child(even), -div[data-groupname="repeating_spellcreature"] .repitem:nth-child(even), -div[data-groupname="repeating_mentalpatterns"] .repitem:nth-child(even), -div[data-groupname="repeating_mentalmods"] .repitem:nth-child(even), -div[data-groupname="repeating_maintainedpowers"] .repitem:nth-child(even), -div[data-groupname="repeating_psychicpowers"] .repitem:nth-child(even), -div[data-groupname="repeating_arsmagnus"] .repitem:nth-child(even), -div[data-groupname="repeating_martialarts"] .repitem:nth-child(even), -div[data-groupname="repeating_kicreatures"] .repitem:nth-child(even), -div[data-groupname="repeating_weaponpoficiencies"] .repitem:nth-child(even) +div.sheet-tab4 > div:nth-of-type(1) { - background:#85D6FF; + display:flex; + width:calc(35% - 1.25%); + align-content: baseline; + justify-content:space-between; + flex-wrap:wrap; } -div[data-groupname="repeating_disciplines"] .repitem + +div.sheet-tab4 > div:nth-of-type(2) { - display: inline-block; + display:flex; + width:calc(65% - 1.25%); + align-content: baseline; + justify-content:space-between; + display:flex; + flex-wrap:wrap; } -div[data-groupname="repeating_weapons"], -div[data-groupname="repeating_rangedweapons"], -div[data-groupname="repeating_kitechniques"] + +div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(1) { - background:#B2B2B2; + width:calc(40% - 1.417%); + align-content: baseline; + margin-bottom:10px; } -div[data-groupname="repeating_weapons"] .repitem, -div[data-groupname="repeating_rangedweapons"] .repitem, -div[data-groupname="repeating_kitechniques"] .repitem + +div.sheet-tab4 > div:nth-of-type(2) > div:nth-of-type(2) { - padding:0px; - border:2px solid #DADADA; - background:white; - margin:4px; - display: inline-block; -} -.sheet-kipool{ - width: 30px; - padding-left:2px; + width:calc(60% - 2.5%); + align-content: baseline; + margin-bottom:10px; } -.sheet-longbubble{ - width:70px; -} -button.sheet-secondary_bubble{ - width:138px; -} -div.sheet-secondary_bubble{ - width:80px; -} -.sheet-red{ - color:red; - font-weight:bold; -} -.sheet-secondary_bubble.sheet-red, -button.sheet-label[type="roll"].sheet-secondary_bubble.sheet-red{ - color:black; - font-weight:bold; - text-shadow: 1px 1px 2px #FF0000; - border:1px solid red; +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; } -button.sheet-label[type="roll"].sheet-secondary_bubble{ - border:1px solid transparent; +div.sheet-tab5 > div:nth-of-type(1), +div.sheet-tab5 > div:nth-of-type(2) +{ + margin-bottom:10px; } -.sheet-smalltitle{ - font-size:13pt; - padding-bottom: 2px; - padding-top: 2px; +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; } -.sheet-ki_title{ - margin-right:10px; - font-weight:bold; - width:auto; -} -.sheet-point_tracker{ - border-radius:1em; -} -.sheet-ki_row{ - position:relative; - width:calc(100% - 30px); - display:inline-block; -} -.sheet-ki_cost{ - float:right; - margin-right:3px; - width:30px; +/* +/////////////////// +LES CARACTERISTIQUES +/////////////////// +*/ + +div.sheet-charac +{ + display:flex; + width:100%; + flex-wrap:wrap; + min-width:208px; } -.sheet-ki_indent1{ - margin-left:10px; -} -.sheet-ki_indent2{ - margin-left:20px; -} -.sheet-ki_indent3{ - margin-left:30px; -} -.sheet-ki_indent4{ - margin-left:40px; -} -.sheet-ki_indent5{ - margin-left:50px; -} -.sheet-ki_seal_checkbox{ - margin-top:2px; - margin-left:2px; - margin-right:1px; -} -.sheet-fullbubble{ - border:3px solid #DADADA; - border-radius:.5em; - width:40px; - margin:1px; - text-align:center; - background-color:#DADADA; - color:black; - font-weight:bold; -} -/* Start CSS for ki ability box here*/ -input.sheet-useofki:not(:checked) ~ .sheet-req_useofki{ - display:none; -} -input.sheet-kicontrol:not(:checked) ~ .sheet-req_kicontrol{ - display:none; -} -input.sheet-kidetection:not(:checked) ~ .sheet-req_kidetection{ - display:none; -} -input.sheet-weightelim:not(:checked) ~ .sheet-req_weightelim{ - display:none; -} -input.sheet-levitation:not(:checked) ~ .sheet-req_levitation{ - display:none; -} -input.sheet-objectMotion:not(:checked) ~ .sheet-req_objectMotion{ - display:none; -} -input.sheet-pext:not(:checked) ~ .sheet-req_pext{ - display:none; -} -input.sheet-enearmor:not(:checked) ~ .sheet-req_enearmor{ - display:none; -} -input.sheet-grtarmor:not(:checked) ~ .sheet-req_grtarmor{ - display:none; -} -input.sheet-aext:not(:checked) ~ .sheet-req_aext{ - display:none; -} -input.sheet-kitransmit:not(:checked) ~ .sheet-req_kitransmit{ - display:none; -} -input.sheet-kiheal:not(:checked) ~ .sheet-req_kiheal{ - display:none; -} -input.sheet-useofnecenergy:not(:checked) ~ .sheet-req_useofnecenergy{ - display:none; -} -input.sheet-kiconceal:not(:checked) ~ .sheet-req_kiconceal{ - display:none; -} -input.sheet-elimofnecess:not(:checked) ~ .sheet-req_elimofnecess{ - display:none; -} -input.sheet-penreduction:not(:checked) ~ .sheet-req_penreduction{ - display:none; -} -input.sheet-recovery:not(:checked) ~ .sheet-req_recovery{ - display:none; -} -input.sheet-charaugment:not(:checked) ~ .sheet-req_charaugment{ - display:none; -} -input.sheet-physdom:not(:checked) ~ .sheet-req_physdom{ - display:none; -} -input.sheet-physchange:not(:checked) ~ .sheet-req_physchange{ - display:none; -} -input.sheet-multbody:not(:checked) ~ .sheet-req_multbody{ - display:none; -} -input.sheet-grtmultbody:not(:checked) ~ .sheet-req_grtmultbody{ - display:none; -} -input.sheet-magnitude:not(:checked) ~ .sheet-req_magnitude{ - display:none; -} -input.sheet-ki_inhumanity:not(:checked) ~ .sheet-req_ki_inhumanity{ - display:none; -} -/* end CSS for ki abilities*/ -/* CSS for nemesis abilities */ - -input.sheet-useofnemesis:not(:checked) ~ .sheet-req_useofnemesis{ - display:none; +div.sheet-charac > div +{ + display:flex; + width:100%; + justify-content:space-between; } -input.sheet-armemptiness:not(:checked) ~ .sheet-req_armemptiness{ - display:none; +div.sheet-charac > div:not(:first-of-type) +{ + width:100%; + min-height:20px; } -input.sheet-kicancel:not(:checked) ~ .sheet-req_kicancel{ - display:none; -} -input.sheet-magicancel:not(:checked) ~ .sheet-req_magicancel{ - display:none; -} -input.sheet-matricancel:not(:checked) ~ .sheet-req_matricancel{ - display:none; -} -input.sheet-bodyofempty:not(:checked) ~ .sheet-req_bodyofempty{ - display:none; -} -input.sheet-essenceempty:not(:checked) ~ .sheet-req_essenceempty{ - display:none; -} -input.sheet-nem_inhumanity:not(:checked) ~ .sheet-req_nem_inhumanity{ - display:none; -} -/* end CSS for nemesis abilities*/ -/* CSS for Templates */ -.sheet-rolltemplate-ABFini table, -.sheet-rolltemplate-ABFspell table, -.sheet-rolltemplate-ABFspellOld table, -.sheet-rolltemplate-ABFdefault table, -.sheet-rolltemplate-ABFpsi table, -.sheet-rolltemplate-ABFki table, -.sheet-rolltemplate-ABFweapon table { - width: 100%; - border: 1px solid #DADADA; - color: black; - background-color: #ffffff; - font-size: 1em; - font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; - border-collapse: separate; - border-radius: 1em; +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; } -.sheet-rolltemplate-ABFini th, -.sheet-rolltemplate-ABFspell th, -.sheet-rolltemplate-ABFspellOld th, -.sheet-rolltemplate-ABFdefault th, -.sheet-rolltemplate-ABFpsi th, -.sheet-rolltemplate-ABFki th, -.sheet-rolltemplate-ABFweapon th { - text-shadow: 0px 0px 1px #555555; - padding: 2px; - border-bottom: 5px solid transparent; - border-image: url(http://i.imgur.com/wEoeCr7.png) 10 stretch; - line-height: 1.6em; - font-size: 1.2em; - font-weight: bold; +div.sheet-charac > div:first-of-type > span:last-of-type +{ + margin-right:26px; } -.sheet-rolltemplate-ABFdefault th.sheet-smalltitle{ - font-size:0.95em; - line-height: 1.1em; - padding: 1px; - font-weight: normal; +div.sheet-charac > div > span +{ + width:33.33%; + text-align:center; } -.sheet-rolltemplate-ABFini .userscript-tcat, -.sheet-rolltemplate-ABFspell .userscript-tcat, -.sheet-rolltemplate-ABFspellOld .userscript-tcat, -.sheet-rolltemplate-ABFdefault .userscript-tcat, -.sheet-rolltemplate-ABFpsi .userscript-tcat, -.sheet-rolltemplate-ABFki .userscript-tcat, -.sheet-rolltemplate-ABFweapon .userscript-tcat { - font-weight: bold; +div.sheet-charac > div > span:nth-child(2) +{ + border-right:1px solid black; } -.sheet-rolltemplate-ABFini .sheet-sidebubbled, -.sheet-rolltemplate-ABFspell .sheet-sidebubbled, -.sheet-rolltemplate-ABFspellOld .sheet-sidebubbled, -.sheet-rolltemplate-ABFdefault .sheet-sidebubbled, -.sheet-rolltemplate-ABFpsi .sheet-sidebubbled, -.sheet-rolltemplate-ABFki .sheet-sidebubbled, -.sheet-rolltemplate-ABFweapon .sheet-sidebubbled { - font-size: 11pt; - width:100%; - height:100%; - font-weight:bold; - border:2px solid #DADADA; - color:black; - display:inline-block; - background-color:#DADADA; - text-align: center; - padding-top:1px; - padding-left:3px; - padding-bottom:4px; - border-top-left-radius: 1em; - border-bottom-left-radius: 1em; +div.sheet-charac > div > div +{ + width:calc(100% - 26px); + margin-top:-2px; + flex-wrap:wrap; } -.sheet-rolltemplate-ABFini td, -.sheet-rolltemplate-ABFspell td, -.sheet-rolltemplate-ABFspellOld td, -.sheet-rolltemplate-ABFdefault td, -.sheet-rolltemplate-ABFpsi td, -.sheet-rolltemplate-ABFki td, -.sheet-rolltemplate-ABFweapon td { - padding: 5px; +div.sheet-charac > div > div.sheet-compact > label +{ + width:33.33%; + height:18px; } -.sheet-rolltemplate-ABFini .inlinerollresult, -.sheet-rolltemplate-ABFspell .inlinerollresult, -.sheet-rolltemplate-ABFspellOld .inlinerollresult, -.sheet-rolltemplate-ABFdefault .inlinerollresult, -.sheet-rolltemplate-ABFpsi .inlinerollresult, -.sheet-rolltemplate-ABFki .inlinerollresult, -.sheet-rolltemplate-ABFweapon .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - background-color: #ffffff; - color: #000000; - font-weight:bold; - border: none; - font-size: 1.5em; +div.sheet-charac > div > div.sheet-compact > label:first-of-type +{ + width:calc(66.66% - 1px); + border-right:1px solid black; } -.sheet-rolltemplate-ABFini .inlinerollresult.fullcrit, -.sheet-rolltemplate-ABFspell .inlinerollresult.fullcrit, -.sheet-rolltemplate-ABFspellOld .inlinerollresult.fullcrit, -.sheet-rolltemplate-ABFdefault .inlinerollresult.fullcrit, -.sheet-rolltemplate-ABFpsi .inlinerollresult.fullcrit, -.sheet-rolltemplate-ABFki .inlinerollresult.fullcrit, -.sheet-rolltemplate-ABFweapon .inlinerollresult.fullcrit { - border: none; - color: #3FB315; +div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] +{ + width:100%; + padding:0px; + display:flex; + margin:0px; + border-radius:0px; + border:0px; } -.sheet-rolltemplate-ABFini .inlinerollresult.fullfail, -.sheet-rolltemplate-ABFspell .inlinerollresult.fullfail, -.sheet-rolltemplate-ABFspellOld .inlinerollresult.fullfail, -.sheet-rolltemplate-ABFdefault .inlinerollresult.fullfail, -.sheet-rolltemplate-ABFpsi .inlinerollresult.fullfail, -.sheet-rolltemplate-ABFki .inlinerollresult.fullfail, -.sheet-rolltemplate-ABFweapon .inlinerollresult.fullfail { - border: none; - color: red; +div.sheet-charac > div > div.sheet-compact > label > button[type="roll"]::before +{ + content:""; } -.sheet-rolltemplate-ABFini .inlinerollresult.importantroll, -.sheet-rolltemplate-ABFspell .inlinerollresult.importantroll, -.sheet-rolltemplate-ABFspellOld .inlinerollresult.importantroll, -.sheet-rolltemplate-ABFdefault .inlinerollresult.importantroll, -.sheet-rolltemplate-ABFpsi .inlinerollresult.importantroll, -.sheet-rolltemplate-ABFki .inlinerollresult.importantroll, -.sheet-rolltemplate-ABFweapon .inlinerollresult.importantroll { - border: none; - color: #4A57ED; +div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] > span +{ + width:50%; + text-align:center; + justify-content:center; } -.sheet-rolltemplate-ABFini a[href^="!"], .sheet-rolltemplate-ABFini a[href^="~"], -.sheet-rolltemplate-ABFspell a[href^="!"], .sheet-rolltemplate-ABFspell a[href^="~"], -.sheet-rolltemplate-ABFspellOld a[href^="!"], .sheet-rolltemplate-ABFspellOld a[href^="~"], -.sheet-rolltemplate-ABFdefault a[href^="!"], .sheet-rolltemplate-ABFdefault a[href^="~"], -.sheet-rolltemplate-ABFpsi a[href^="!"], .sheet-rolltemplate-ABFpsi a[href^="~"], -.sheet-rolltemplate-ABFki a[href^="!"], .sheet-rolltemplate-ABFki a[href^="~"], -.sheet-rolltemplate-ABFweapon a[href^="!"], .sheet-rolltemplate-ABFweapon a[href^="~"] { - background-color: transparent; - color:blue; - padding:0px; - border:none; - width:100%; - text-decoration:underline; +div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] > span:last-of-type +{ + font-size:13px; } -.sheet-rolltemplate-ABFki .sheet-ki { - text-align: center; +div.sheet-charac > div > div.sheet-compact > label:not(:first-of-type) > button[type="roll"] > span +{ + width:100%; } -.sheet-rolltemplate-ABFki .sheet-ki .sheet-ki-cost { - font-size: 1.2em; - font-weight:bold; +div.sheet-charac > div > div.sheet-compact > label > button[type="roll"] > span +{ + font-size:11px; } -.sheet-rolltemplate-ABFki .sheet-ki .sheet-ki-maint { - font-size: 0.8em; - +div.sheet-charac > div > label +{ + width:18px; + height:18px; + margin-top:-2px; } -/* end CSS for Templates */ + +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; +} + +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; +} + +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(50% - 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:130px; + 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% - 130px); + 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"] +{ + 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; +} + +/* +/////////////////// +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; +} \ No newline at end of file diff --git a/Anima-Beyond-Fantasy/A-BF.html b/Anima-Beyond-Fantasy/A-BF.html index 6bbb006c8b..830aad11df 100644 --- a/Anima-Beyond-Fantasy/A-BF.html +++ b/Anima-Beyond-Fantasy/A-BF.html @@ -1,4889 +1,10003 @@ -
- | {{name}} | |
|---|---|
| {{desc}} | -{{roll}} | -
| {{name}} | ||
|---|---|---|
| {{path}} | ||
| Level {{level}} | -Mastery {{mastery}} | -|
| {{desc}} | ||
| Maint. {{maint}} | -Type {{type}} | -|
| {{projection}} | -||
| - - {{basic_roll_name}} - - | -||
| Req. | -Zeon | -Ma. | -
| {{basic_req}} | -{{basic_zeon}} | -{{basic_maint}} | -
| {{basic_desc}} | -||
| - - {{inter_roll_name}} - - | -||
| Req. | -Zeon | -Ma. | -
| {{inter_req}} | -{{inter_zeon}} | -{{inter_maint}} | -
| {{inter_desc}} | -||
| - - {{advan_roll_name}} - - | -||
| Req. | -Zeon | -Ma. | -
| {{advan_req}} | -{{advan_zeon}} | -{{advan_maint}} | -
| {{advan_desc}} | -||
| - - {{arcan_roll_name}} - - | -||
| Req. | -Zeon | -Ma. | -
| {{arcan_req}} | -{{arcan_zeon}} | -{{arcan_maint}} | -
| {{arcan_desc}} | -||
| - Base Zeon - {{zeon}} - | -- Max. Zeon - {{zeon-max}} - | -|
| - - {{old_roll_name}} - - | -||
| {{addef1_name}} | -{{/addef1_name}} -{{#addef2_name}} -{{addef2_name}} | -{{/addef2_name}} -{{#addef3_name}} -{{addef3_name}} | -{{/addef3_name}} -{{#addef4_name}} -{{addef4_name}} | -{{/addef4_name}} -
|---|---|---|---|
| {{addef1_roll}} | -{{/addef1_name}} -{{#addef2_name}} -{{addef2_roll}} | -{{/addef2_name}} -{{#addef3_name}} -{{addef3_roll}} | -{{/addef3_name}} -{{#addef4_name}} -{{addef4_roll}} | -{{/addef4_name}} -
| - Zeon - {{zeon}} - | -|||
| {{title}} | ||
|---|---|---|
| {{name}} | -{{roll}} | -{{/roll}} -{{^roll}} -{{name}} | -{{/roll}} -
| {{roll}} | -||
| VS {{diff}} | -||
| {{cost}} | -||
| {{desc}} | -||
| {{title}} | ||
|---|---|---|
| {{desc}} | -||
| Diff. | -Effect | -|
| 20 | -{{diff20}} | -|
| 40 | -{{diff40}} | -|
| 80 | -{{diff80}} | -|
| 120 | -{{diff120}} | -|
| 140 | -{{diff140}} | -|
| 180 | -{{diff180}} | -|
| 240 | -{{diff240}} | -|
| 280 | -{{diff280}} | -|
| 320 | -{{diff320}} | -|
| 440 | -{{diff440}} | -|
| {{projection}} | -{{potential}} | -{{potential-round}} Potential | -
| {{title}} | |
|---|---|
|
-{{#agi_ki}}
-
-
-{{/agi_ki}}
-{{#con_ki}}
- AGI
- {{agi_ki}}
- {{agi_m}}
-
-
-{{/con_ki}}
-{{#dex_ki}}
- CON
- {{con_ki}}
- {{con_m}}
-
-
-{{/dex_ki}}
-{{#str_ki}}
- DEX
- {{dex_ki}}
- {{dex_m}}
-
-
-{{/str_ki}}
-{{#pow_ki}}
- STR
- {{str_ki}}
- {{str_m}}
-
-
-{{/pow_ki}}
-{{#wp_ki}}
- POW
- {{pow_ki}}
- {{pow_m}}
-
-
-{{/wp_ki}}
- WP
- {{wp_ki}}
- {{wp_m}}
- |
- |
| {{desc}} | -
| {{title}} | |
|---|---|
| - Quality: {{quality}} - | -- Presence: {{presence}} - | -
| - Fortitude: {{fortitude}} - | -- {{breakage}} - | -
| - Damage: {{damage}} - | -- Speed: {{speed}} - | -
| - Primary: {{primary}} - | -- Secondary: {{secondary}} - | -
| {{desc}} | -|
| {{attack}}{{block}}{{dodge}} | -|
+