diff --git a/Chroniques_Katura/images/background_roll_v2.png b/Chroniques_Katura/images/background_roll_v2.png new file mode 100644 index 000000000000..886d73a12fa2 Binary files /dev/null and b/Chroniques_Katura/images/background_roll_v2.png differ diff --git a/Chroniques_Katura/images/dice_10.png b/Chroniques_Katura/images/dice_10.png new file mode 100644 index 000000000000..93e178ea5e19 Binary files /dev/null and b/Chroniques_Katura/images/dice_10.png differ diff --git a/Chroniques_Katura/images/dice_100.png b/Chroniques_Katura/images/dice_100.png new file mode 100644 index 000000000000..0b3df40dc954 Binary files /dev/null and b/Chroniques_Katura/images/dice_100.png differ diff --git a/Chroniques_Katura/images/dice_12.png b/Chroniques_Katura/images/dice_12.png new file mode 100644 index 000000000000..50043491ba80 Binary files /dev/null and b/Chroniques_Katura/images/dice_12.png differ diff --git a/Chroniques_Katura/images/dice_20.png b/Chroniques_Katura/images/dice_20.png new file mode 100644 index 000000000000..53aabcb7bae3 Binary files /dev/null and b/Chroniques_Katura/images/dice_20.png differ diff --git a/Chroniques_Katura/images/dice_4.png b/Chroniques_Katura/images/dice_4.png new file mode 100644 index 000000000000..ec897d715c5e Binary files /dev/null and b/Chroniques_Katura/images/dice_4.png differ diff --git a/Chroniques_Katura/images/dice_6.png b/Chroniques_Katura/images/dice_6.png new file mode 100644 index 000000000000..21a3311540a8 Binary files /dev/null and b/Chroniques_Katura/images/dice_6.png differ diff --git a/Chroniques_Katura/images/dice_8.png b/Chroniques_Katura/images/dice_8.png new file mode 100644 index 000000000000..a65c8edf675d Binary files /dev/null and b/Chroniques_Katura/images/dice_8.png differ diff --git a/Chroniques_Katura/images/grimoire.webp b/Chroniques_Katura/images/grimoire.webp new file mode 100644 index 000000000000..bf0c5c79b3b2 Binary files /dev/null and b/Chroniques_Katura/images/grimoire.webp differ diff --git a/Chroniques_Katura/images/logo_darkmode.png b/Chroniques_Katura/images/logo_darkmode.png new file mode 100644 index 000000000000..6f844ef3adad Binary files /dev/null and b/Chroniques_Katura/images/logo_darkmode.png differ diff --git a/Chroniques_Katura/images/logo_ydra.png b/Chroniques_Katura/images/logo_ydra.png new file mode 100644 index 000000000000..92989ffb4b3d Binary files /dev/null and b/Chroniques_Katura/images/logo_ydra.png differ diff --git a/Chroniques_Katura/images/logo_ydra_dark.png b/Chroniques_Katura/images/logo_ydra_dark.png new file mode 100644 index 000000000000..94ecb463456c Binary files /dev/null and b/Chroniques_Katura/images/logo_ydra_dark.png differ diff --git a/Chroniques_Katura/sheet.json b/Chroniques_Katura/sheet.json new file mode 100644 index 000000000000..b7d05a2c3542 --- /dev/null +++ b/Chroniques_Katura/sheet.json @@ -0,0 +1,9 @@ +{ + "html": "yradhil.html", + "css": "yradhil.css", + "authors": "Evilbram (Les XII Singes)", + "roll20userid": "9526628", + "preview": "yradhil.png", + "instructions": "Une feuille de personnage pour le JdR Les Chroniques de Katura édition Yradhil.", + "legacy": false +} \ No newline at end of file diff --git a/Chroniques_Katura/yradhil.css b/Chroniques_Katura/yradhil.css new file mode 100644 index 000000000000..16f7292f1fe4 --- /dev/null +++ b/Chroniques_Katura/yradhil.css @@ -0,0 +1,3887 @@ +@import url('https://fonts.googleapis.com/css2?family=Metamorphous&display=swap'); + + /* Core Format*/ +.sheetform, +body.sheet-darkmode .sheetforme { + background-color: #fff0 !important; + } + +.charsheet { + width: 812px; + --black: white; + --noir : #2c2e35; + --rouge : #ff0000b9; + --noir_clair : #2c2e358f; + --rouge_clair : #ff000079; + --bleu : #2249a5; + --bleu_clair : #4e6db7; + --vert_clair : #0b8a8d; + --souligne: #000000ad; + --couleur_border: #000000ad; + --font_metamorphous: "Metamorphous", serif; + --font_medieva: "Metamorphous", serif; + --size_competence: 13px; + --size_talent: 12px; + --size_talent_data: 12px; + --size_talent_bonus: 10px; + --border_competence: 3px groove var(--couleur_border); + --border_style_competence: double; + --padding_competence: 5px; + --line_height1: 25px; + --line-height_titre: 55px; + background-color: var(--vert_clair); + padding: 20px !important; + color: var(--bleu); + font-family: var(--font_metamorphous); + font-size: 12px; + font-weight: 400; + border: none; + margin-bottom: 15px; + box-shadow: 0px 0px 10px 1px #000000; + border-radius: 10px; +} + +body.sheet-darkmode .charsheet { + background-color: var(--vert_clair); + box-shadow: 0px 0px 8px 1px #9f9e9ebf; + --black: #141414; + --noir: #ffffffad; + --rouge: #ff0000b9; + --noir_clair: #ffffff8f; + --rouge_clair: #ff000079; + --bleu: #2249a5; + --bleu_clair: #4e6db7; + --vert_clair: #481c5e; + --souligne: #7c349f75; + --couleur_border: #7c349fd6; +} + +div.notes { + position: absolute; + z-index: 2; + height: 681px; + width: 480px; + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/grimoire.webp); + background-size: contain; + margin-left: 865px; + margin-top: 75px; + transform: rotate(-4deg); +} + +div.talent, +div.dice, +div.equipement, +div.competence { + margin-left: 20px; + width: 719px; + box-shadow: 2px 2px 9px 1px #00000075; + border-radius: 10px 10px 10px 10px; +} + +body.sheet-darkmode div.talent, +body.sheet-darkmode div.dice, +body.sheet-darkmode div.equipement, +body.sheet-darkmode div.competence { + box-shadow: 0px 0px 4px 3px #fbfbfb4f; +} + +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} + +input[type=number] { + -moz-appearance: textfield; + appearance: textfield; + margin: 0; +} + +div.personnage { + background: white; + border: 1px solid black; + padding: 20px; + border-radius: 10px; +} + +body.sheet-darkmode div.personnage { + background: #141414; + border: 1px solid black; + padding: 20px; +} + +.charsheet input.input_stats { + width: 40px !important; + outline: none; + resize: none; + padding: 0; + font-size: 16px; + border: none; + background: none; + text-align: center; + cursor: pointer; + color: var(--noir); + font-weight: bold; + font: var(--font_medieva); + font-size: 14px; +} + +.charsheet input.input_stats_bonus { + width: 30px !important; + outline: none; + resize: none; + padding: 0; + font-size: 16px; + border: none; + background: none; + text-align: center; + cursor: pointer; + color: var(--noir); + font-weight: bold; + font: var(--font_medieva); + font-size: 10px; +} + +.charsheet input.input_money { + width: 80px !important; + outline: none; + resize: none; + padding: 0; + font-size: 16px; + border: none; + background: none; + text-align: center; + cursor: pointer; + color: var(--noir); + font-weight: bold; + font: var(--font_medieva); + font-size: 14px; +} + +.charsheet textarea.notes { + width: 214px; + outline: none; + resize: none; + padding: 5px; + font-size: 12px; + line-height: 1.1; + cursor: pointer; + border-radius: 10px; + height: 158px; + color: var(--noir); + border: none; + background: var(--black); + margin-top: 5px; + line-height: 15px; + font-family: var(--font_metamorphous); +} + +.charsheet input.input_arme_data, +.charsheet input.input_arme_data2 { + width: 10px !important; + outline: none; + resize: none; + padding: 0; + font-size: 13px !important; + border: none; + background: none; + text-align: center; + cursor: pointer; + color: var(--noir); + font-weight: bold; + font: var(--font_medieva); +} + +.charsheet input.input_arme_data2 { + width: 18px !important; +} + +.charsheet input.info_armes { + width: 153px; + outline: none; + resize: none; + padding: 0; + padding-left: 5px; + padding-right: 4px; + font-size: 13px; + border: none; + background: none; + cursor: pointer; + height: 20px; + border-radius: 0px; + border-bottom: 1px solid #00000033; + color: var(--noir); + margin-left: 2px; +} + +.charsheet input.info_armes { + border-bottom: 1px solid var(--souligne); +} + +.charsheet input.input_fiche { + width: 380px; + outline: none; + resize: none; + padding: 0; + padding-left: 10px; + padding-right: 10px; + font-size: 14px; + border: none; + background: none; + cursor: pointer; + height: 20px; + border-radius: 0px; + border-bottom: 1px solid var(--souligne); + color: var(--noir); +} + +.charsheet input.input_competences, +.charsheet input.input_competences_rouge { + width: 50px; + outline: none; + resize: none; + padding: 0; + font-size: 14px; + border: none; + background: none; + text-align: center; + cursor: pointer; + height: 16px; + border-radius: 0px; + color: var(--noir); + font-weight: bold; + text-transform: capitalize; +} + +.charsheet input.input_competences_rouge { + color: var(--rouge); +} + +.charsheet textarea.notes { + width: 214px; + outline: none; + resize: none; + padding: 5px; + font-size: 12px; + line-height: 1.1; + cursor: pointer; + border-radius: 10px; + height: 158px; + color: var(--noir); + border: none; + background: var(--black); + margin-top: 5px; + line-height: 15px; + font-family: var(--font_metamorphous); +} + +.charsheet textarea.talent_perso { + width: 470px; + outline: none; + resize: none; + font-size: 12px; + line-height: 1.1; + cursor: pointer; + border-radius: 10px; + height: 30px; + color: var(--noir); + border: none; + background: var(--black); + line-height: 15px; + font-family: var(--font_metamorphous); + /* padding-top: 14px; */ + /* background: red; */ + margin-top: 1px; + padding-top: 19px; + font-style: italic; +} + +.charsheet textarea.mes_notes { + width: 377px; + outline: none; + resize: none; + font-size: 14px; + cursor: pointer; + height: 550px; + color: #212020; + border: none; + background: transparent; + line-height: 18px; + margin-top: 120px; + margin-left: 65px; + padding-top: 19px; + transform: rotate(3deg); +} + +.charsheet input.input_competences_autre, +.charsheet input.input_defaut_autre { + white-space: nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + background: none; + border: none; + align-content: center; + padding-left: var(--padding_competence); + line-height: 12px; + margin-top: -4px; + margin-left: -5px; + width: 300px; + outline: none; +} + +.charsheet input.input_defaut_autre { + color: var(--rouge); +} + +.charsheet input.input_competences_autre::placeholder { + color: var(--noir_clair); +} + +.charsheet input.input_defaut_autre::placeholder { + color: var(--rouge_clair); +} + +.charsheet input.input_defaut_autre::placeholder { + color: var(--rouge_clair); +} + +span.petit { + color: var(--noir_clair); + font-size: 10px; +} + +span.petit_rouge { + color: var(--rouge_clair); + font-size: 10px; +} + +/* Roll design */ + +/* Boutton ROLL */ +.charsheet button[type=roll].roll_dice::before, +.charsheet button[type=roll].roll_dice_armes::before { + content: ''; +} + +.charsheet button[type=roll].roll_dice, +.charsheet button[type=roll].roll_dice_armes { + width: 25px; + height: 25px; + border: none; + padding: 0; + margin: 0; + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/main/Into%20the%20Odd%20v2/images/dice_20_bleu.png); + background-size: 25px 25px; + background-repeat: no-repeat; + background-color: transparent; + cursor: pointer; + box-shadow: none; +} + +.charsheet button[type=roll].roll_dice_armes { + width: 13px; + height: 13px; + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/main/Into%20the%20Odd%20v2/images/dice_20_bleu.png); + background-size: 13px 13px; +} + +.charsheet button[type=roll].roll_dice:hover, +.charsheet button[type=roll].roll_dice_armes:hover { + margin-left: 1px; + padding: 0px; + background-position: 0 0px; +} + +/* Boutton ROLL */ +.charsheet button[type=roll].roll_dice::before, +.charsheet button[type=roll].roll_d4::before, +.charsheet button[type=roll].roll_d6::before, +.charsheet button[type=roll].roll_d8::before, +.charsheet button[type=roll].roll_d10::before, +.charsheet button[type=roll].roll_d12::before, +.charsheet button[type=roll].roll_d20::before, +.charsheet button[type=roll].roll_chance::before { + content: ''; +} + +.charsheet button[type=roll].roll_d4, +.charsheet button[type=roll].roll_d6, +.charsheet button[type=roll].roll_d8, +.charsheet button[type=roll].roll_d10, +.charsheet button[type=roll].roll_d12, +.charsheet button[type=roll].roll_d20, +.charsheet button[type=roll].roll_chance { + width: 50px; + height: 50px; + border: none; + padding: 0; + margin: 0; + background-size: contain; + background-repeat: no-repeat; + background-color: transparent; + cursor: pointer; + box-shadow: none; +} + +.charsheet button[type=roll].roll_d4 { + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/dice_4.png); +} + +.charsheet button[type=roll].roll_d6 { + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/dice_6.png); +} + +.charsheet button[type=roll].roll_d8 { + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/dice_8.png); +} + +.charsheet button[type=roll].roll_d10 { + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/dice_10.png); +} + +.charsheet button[type=roll].roll_d12 { + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/dice_12.png); +} + +.charsheet button[type=roll].roll_d20 { + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/dice_20.png); +} + +.charsheet button[type=roll].roll_chance { + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/dice_100.png); +} + +.charsheet button[type=roll].roll_dice:hover, +.charsheet button[type=roll].roll_d4:hover, +.charsheet button[type=roll].roll_d6:hover, +.charsheet button[type=roll].roll_d8:hover, +.charsheet button[type=roll].roll_d10:hover, +.charsheet button[type=roll].roll_d12:hover, +.charsheet button[type=roll].roll_d20:hover, +.charsheet button[type=roll].roll_chance:hover { + margin-left: 2px; + padding: 0px; + background-position: 0 0px; +} + +/* Structure informations*/ + +.wrapper_info { + display: grid; + grid-template-columns: 143px 10px 388px 10px 188px; + grid-auto-rows: 30px; +} + +div.titre_fiche { + grid-column: 3; + grid-row: 1 / 3; + white-space: nowrap; + color: var(--noir); + font-size: 20px; + font-weight: bold; +} + +div.logo { + grid-column: 5; + grid-row: 1 / 9; + white-space: nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/logo_ydra.png); + background-size: 220px 220px; + height: 220px; + width: 220px; +} + +body.sheet-darkmode div.logo { + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/logo_darkmode.png); +} + +div.nom { + grid-column: 1; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ + text-align: right; +} + +div.race { + grid-column: 1; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ + text-align: right; +} + +div.classe { + grid-column: 1; + grid-row: 5; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ + text-align: right; +} + +div.ev { + grid-column: 1; + grid-row: 6; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ + text-align: right; +} + +div.mana { + grid-column: 1; + grid-row: 7; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ + text-align: right; +} + +div.psi { + grid-column: 1; + grid-row: 8; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ + text-align: right; +} + +div.nom_data { + grid-column: 3; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ +} + +div.race_data { + grid-column: 3; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ +} + +div.classe_data { + grid-column: 3; + grid-row: 5; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ +} + +div.ev_data { + grid-column: 3; + grid-row: 6; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ +} + +div.mana_data { + grid-column: 3; + grid-row: 7; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ +} + +div.psi_data { + grid-column: 3; + grid-row: 8; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + /* border: 1px solid red; */ +} + +/* Structure statistiques*/ + +.wrapper_stats_title { + display: grid; + grid-template-columns: 40px 0px 145px 0px 50px 5px 40px 0px 149px 0px 50px 5px 40px 0px 145px 0px 50px; + grid-auto-rows: 30px; +} + +.wrapper_stats { + display: grid; + grid-template-columns: 50px 0px 136px 50px 0px 5px 50px 0px 138px 50px 0px 5px 50px 0px 135px 50px 0px; + grid-auto-rows: 30px; +} + +.wrapper_stats_bonus_titre { + display: grid; + grid-template-columns: 186px 50px 0px 0px 0px 5px 188px 50px 0px 0px 0px 5px 185px 50px 0px 0px 0px; + grid-auto-rows: 20px; +} + +.wrapper_stats_bonus { + display: grid; + grid-template-columns: 186px 50px 0px 0px 0px 5px 188px 50px 0px 0px 0px 5px 185px 50px 0px 0px 0px; + grid-auto-rows: 30px; +} + +div.stat_titre { + grid-column: 1 / 6; + grid-row: 1 / 3; + white-space: nowrap; + color: var(--noir); + font-size: 16px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + text-align: center; + line-height: var(--line-height_titre); + border-right: none; + text-decoration: underline; + border-radius: 10px 0px 0px 0px; +} + +div.stat_titre_data { + grid-column: 6 / 18; + grid-row: 1 / 3; + white-space: nowrap; + color: var(--noir); + font-size: 20px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + text-align: center; + line-height: var(--line-height_titre); + border-left: none; + border-radius: 0px 10px 0px 0px; +} + +div.stat_force_dice { + grid-column: 1; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_dexterite_dice { + grid-column: 1; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_intelligence_dice { + grid-column: 1; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_charisme_dice { + grid-column: 1; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_volonte_dice { + grid-column: 7; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_endurance_dice { + grid-column: 7; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_constitution_dice { + grid-column: 7; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_persuasion_dice { + grid-column: 7; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_courage_dice { + grid-column: 13; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_perception_dice { + grid-column: 13; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_attaque_dice { + grid-column: 13; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_parade_dice { + grid-column: 13; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-right: none; + align-content: center; + text-align: center; + line-height: var(--line_height1); +} + +div.stat_force { + grid-column: 3; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_dexterite { + grid-column: 3; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_intelligence { + grid-column: 3; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_charisme { + grid-column: 3; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_volonte { + grid-column: 9; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_endurance { + grid-column: 9; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_constitution { + grid-column: 9; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_persuasion { + grid-column: 9; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_courage { + grid-column: 15; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_perception { + grid-column: 15; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_attaque { + grid-column: 15; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_parade { + grid-column: 15; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-left: none; + align-content: center; + line-height: var(--line_height1); +} + +div.stat_force_data { + grid-column: 4; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_dexterite_data { + grid-column: 4; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_intelligence_data { + grid-column: 4; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_charisme_data { + grid-column: 4; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_volonte_data { + grid-column: 10; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_endurance_data { + grid-column: 10; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_constitution_data { + grid-column: 10; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_persuasion_data { + grid-column: 10; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_courage_data { + grid-column: 16; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_perception_data { + grid-column: 16; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_attaque_data { + grid-column: 16; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_parade_data { + grid-column: 16; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_data); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_bonus_titre { + grid-column: 1/17; + grid-row: 1/3; + white-space: nowrap; + color: var(--noir); + font-size: 16px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + text-align: center; + line-height: 35px; + text-decoration: underline; +} + +div.stat_perception_bonus { + grid-column: 1; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); + text-align: center; +} + +div.stat_dexterite_bonus { + grid-column: 1; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); + text-align: center; + border-radius: 0px 0px 0px 10px; +} + +div.stat_force_bonus { + grid-column: 7; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); + text-align: center; +} + +div.stat_constitution_bonus { + grid-column: 7; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); + text-align: center; +} + +div.stat_volonte_bonus { + grid-column: 13; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); + text-align: center; +} + +div.stat_endurance_bonus { + grid-column: 13; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); + text-align: center; +} + +div.stat_perception_bonus_data { + grid-column: 2; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_bonus); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_dexterite_bonus_data { + grid-column: 2; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_bonus); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_force_bonus_data { + grid-column: 8; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_bonus); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_constitution_bonus_data { + grid-column: 8; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_bonus); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_volonte_bonus_data { + grid-column: 14; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_bonus); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); +} + +div.stat_endurance_bonus_data { + grid-column: 14; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_talent_bonus); + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + line-height: var(--line_height1); + border-radius: 0px 0px 10px 0px; +} + +/* Structure Roll */ + +span.lettre { + font-weight: bold; + font-size: 20px; + color: var(--noir); +} + +.wrapper_roll_dice { + display: grid; + grid-template-columns: 102px 102px 102px 102px 102px 102px 102px; + grid-auto-rows: 51px; + color: var(--noir); + padding-top: 10px; + border-radius: 10px 10px 0px 0px; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-bottom: none; +} + +.wrapper_roll { + display: grid; + grid-template-columns: 102px 102px 102px 102px 102px 102px 102px; + grid-auto-rows: 33px; + color: var(--noir); + border-radius: 0px 0px 10px 10px; + border: var(--border_competence); + border-style: var(--border_style_competence); + border-top: none; +} + +div.roll_titre { + grid-column: 1; + margin-left: 5px; + letter-spacing: -1.5px; + font-size: 22px; +} + +div.roll_d4 { + grid-column: 1; + text-align: center; +} + +div.roll_d6 { + grid-column: 2; + text-align: center; +} + +div.roll_d8 { + grid-column: 3; + text-align: center; +} + +div.roll_d10 { + grid-column: 4; + text-align: center; +} + +div.roll_d12 { + grid-column: 5; + text-align: center; +} + +div.roll_d20 { + grid-column: 6; + text-align: center; +} + +div.roll_d100 { + grid-column: 7; + text-align: center; +} + +/* Structure informations*/ + +.wrapper_equipement_title { + display: grid; + grid-template-columns: 133px 100px 10px 133px 100px 10px 133px 100px; + grid-auto-rows: 30px; +} + +.wrapper_equipement { + display: grid; + grid-template-columns: 133px 100px 10px 133px 100px 10px 133px 100px; + grid-auto-rows: 26px; +} + +div.equipement_titre { + grid-column: 1/9; + grid-row: 1/3; + white-space : nowrap; + color: var(--noir); + font-size: 20px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + text-align: center; + line-height: var(--line-height_titre); + border-radius: 10px 10px 0px 0px; +} + +div.or { + grid-column: 1; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.argent { + grid-column: 4; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.cuivre { + grid-column: 7; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.armes { + grid-column: 1/3; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.armures { + grid-column: 4/6; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.materiel { + grid-column: 7/9; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.or_data { + grid-column: 2; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.argent_data { + grid-column: 5; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.cuivre_data { + grid-column: 8; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.armes_data { + grid-column: 1/3; + grid-row: 3/10; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-radius: 0px 0px 0px 10px; +} + +div.armes_data_1 { + grid-column: 1/3; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-bottom: none; +} + +div.armes_data2 { + grid-column: 1/3; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-bottom: none; + border-top: none; +} + +div.armes_data3 { + grid-column: 1/3; + grid-row: 5; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-bottom: none; + border-top: none; +} + +div.armes_data4 { + grid-column: 1/3; + grid-row: 6; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-bottom: none; + border-top: none; +} + +div.armes_data5 { + grid-column: 1/3; + grid-row: 7; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-bottom: none; + border-top: none; +} + +div.armes_data6 { + grid-column: 1/3; + grid-row: 8; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-bottom: none; + border-top: none; +} + +div.armes_data7 { + grid-column: 1/3; + grid-row: 9; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-top: none; + border-radius: 0px 0px 0px 10px; +} + +div.armes_data1 { + grid-column: 1/3; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-radius: 0px 0px 0px 10px; +} + +div.armures_data { + grid-column: 4/6; + grid-row: 3/10; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.materiel_data { + grid-column: 7/9; + grid-row: 3/10; + white-space : nowrap; + color: var(--noir); + font-size: 14px; + font-weight: bold; + border: 1px solid red; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-radius: 0px 0px 10px 0px; +} + +/* Structure Compétences*/ + +.wrapper_comp_title { + display: grid; + grid-template-columns: 300px 60px 300px 60px; + grid-auto-rows: 30px; + align-content: center; +} + +.wrapper_comp { + display: grid; + grid-template-columns: 300px 60px 300px 60px; + grid-auto-rows: 24px; + align-content: center; +} + +div.comp_titre { + grid-column: 1/5; + grid-row: 1/3; + white-space : nowrap; + color: var(--noir); + font-size: 20px; + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + text-align: center; + line-height: var(--line-height_titre); + border-radius: 10px 10px 0px 0px; +} + +div.comp_ambidextrie { + grid-column: 1; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_armes_deux_mains { + grid-column: 1; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_armes_de_tir { + grid-column: 1; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_bouclier { + grid-column: 1; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_artisan { + grid-column: 1; + grid-row: 5; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_brasseur { + grid-column: 1; + grid-row: 6; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_combat_mains_nues { + grid-column: 1; + grid-row: 7; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_cuisiner { + grid-column: 1; + grid-row: 8; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_denicheur { + grid-column: 1; + grid-row: 9; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_desamorcage { + grid-column: 1; + grid-row: 10; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_dressage { + grid-column: 1; + grid-row: 11; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_erudit { + grid-column: 1; + grid-row: 12; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_evasion { + grid-column: 1; + grid-row: 13; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_frappe_furtive { + grid-column: 1; + grid-row: 14; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_ingenieur { + grid-column: 1; + grid-row: 15; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_intimidation { + grid-column: 1; + grid-row: 16; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_langage_monstre { + grid-column: 1; + grid-row: 17; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_maitres_armes { + grid-column: 1; + grid-row: 18; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_meconnaissable { + grid-column: 1; + grid-row: 19; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_mefiance { + grid-column: 1; + grid-row: 20; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_natation { + grid-column: 1; + grid-row: 21; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_orientation { + grid-column: 1; + grid-row: 22; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_pistage { + grid-column: 1; + grid-row: 23; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_premiers_soins { + grid-column: 1; + grid-row: 24; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_runique { + grid-column: 1; + grid-row: 25; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_autre_competence_1 { + grid-column: 1; + grid-row: 26; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_armes_une_main { + grid-column: 3; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_armes_hast { + grid-column: 3; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_armes_jet { + grid-column: 3; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_alchimie { + grid-column: 3; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_barde { + grid-column: 3; + grid-row: 5; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_chevaucher { + grid-column: 3; + grid-row: 6; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_comprehension_animale { + grid-column: 3; + grid-row: 7; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_crochetage { + grid-column: 3; + grid-row: 8; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_debrouillard { + grid-column: 3; + grid-row: 9; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_discretion { + grid-column: 3; + grid-row: 10; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_detection { + grid-column: 3; + grid-row: 11; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_eloquence { + grid-column: 3; + grid-row: 12; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_escalade { + grid-column: 3; + grid-row: 13; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_forgeron { + grid-column: 3; + grid-row: 14; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_herboristerie { + grid-column: 3; + grid-row: 15; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_instinct_survie { + grid-column: 3; + grid-row: 16; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_invincible_combat { + grid-column: 3; + grid-row: 17; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_leader { + grid-column: 3; + grid-row: 18; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_marchandage { + grid-column: 3; + grid-row: 19; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_medecine { + grid-column: 3; + grid-row: 20; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_mental_acier { + grid-column: 3; + grid-row: 21; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_observation { + grid-column: 3; + grid-row: 22; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_pacifiste { + grid-column: 3; + grid-row: 23; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_repos_guerrier { + grid-column: 3; + grid-row: 24; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_vol_tire { + grid-column: 3; + grid-row: 25; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_autre_competence_2 { + grid-column: 3; + grid-row: 26; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_ambidextrie_data { + grid-column: 2; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_armes_deux_mains_data { + grid-column: 2; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_armes_de_tir_data { + grid-column: 2; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_bouclier_data { + grid-column: 2; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_artisan_data { + grid-column: 2; + grid-row: 5; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_brasseur_data { + grid-column: 2; + grid-row: 6; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_combat_mains_nues_data { + grid-column: 2; + grid-row: 7; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_cuisiner_data { + grid-column: 2; + grid-row: 8; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_denicheur_data { + grid-column: 2; + grid-row: 9; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_desamorcage_data { + grid-column: 2; + grid-row: 10; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_dressage_data { + grid-column: 2; + grid-row: 11; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_erudit_data { + grid-column: 2; + grid-row: 12; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_evasion_data { + grid-column: 2; + grid-row: 13; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_frappe_furtive_data { + grid-column: 2; + grid-row: 14; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_ingenieur_data { + grid-column: 2; + grid-row: 15; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_intimidation_data { + grid-column: 2; + grid-row: 16; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_langage_monstre_data { + grid-column: 2; + grid-row: 17; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_maitres_armes_data { + grid-column: 2; + grid-row: 18; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_meconnaissable_data { + grid-column: 2; + grid-row: 19; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_mefiance_data { + grid-column: 2; + grid-row: 20; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_natation_data { + grid-column: 2; + grid-row: 21; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_orientation_data { + grid-column: 2; + grid-row: 22; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_pistage_data { + grid-column: 2; + grid-row: 23; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_premiers_soins_data { + grid-column: 2; + grid-row: 24; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_runique_data { + grid-column: 2; + grid-row: 25; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_autre_competence_1_data { + grid-column: 2; + grid-row: 26; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_armes_une_main_data { + grid-column: 4; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_armes_hast_data { + grid-column: 4; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_armes_jet_data { + grid-column: 4; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_alchimie_data { + grid-column: 4; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_barde_data { + grid-column: 4; + grid-row: 5; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_chevaucher_data { + grid-column: 4; + grid-row: 6; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_comprehension_animale_data { + grid-column: 4; + grid-row: 7; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_crochetage_data { + grid-column: 4; + grid-row: 8; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_debrouillard_data { + grid-column: 4; + grid-row: 9; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_discretion_data { + grid-column: 4; + grid-row: 10; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_detection_data { + grid-column: 4; + grid-row: 11; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_eloquence_data { + grid-column: 4; + grid-row: 12; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_escalade_data { + grid-column: 4; + grid-row: 13; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_forgeron_data { + grid-column: 4; + grid-row: 14; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_herboristerie_data { + grid-column: 4; + grid-row: 15; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_instinct_survie_data { + grid-column: 4; + grid-row: 16; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_invincible_combat_data { + grid-column: 4; + grid-row: 17; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_leader_data { + grid-column: 4; + grid-row: 18; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_marchandage_data { + grid-column: 4; + grid-row: 19; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_medecine_data { + grid-column: 4; + grid-row: 20; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_mental_acier_data { + grid-column: 4; + grid-row: 21; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_observation_data { + grid-column: 4; + grid-row: 22; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_pacifiste_data { + grid-column: 4; + grid-row: 23; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_repos_guerrier_data { + grid-column: 4; + grid-row: 24; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_vol_tire_data { + grid-column: 4; + grid-row: 25; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_autre_competence_2_data { + grid-column: 4; + grid-row: 26; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_agoraphobie { + grid-column: 1; + grid-row: 1; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_bagarreur { + grid-column: 1; + grid-row: 2; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_coureur_jupon { + grid-column: 1; + grid-row: 3; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_gourmandise { + grid-column: 1; + grid-row: 4; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_insomniaque { + grid-column: 1; + grid-row: 5; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_junkie { + grid-column: 1; + grid-row: 6; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_mephitique { + grid-column: 1; + grid-row: 7; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_naif { + grid-column: 1; + grid-row: 8; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_penible { + grid-column: 1; + grid-row: 9; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_radin { + grid-column: 1; + grid-row: 10; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_xenophobe { + grid-column: 1; + grid-row: 11; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_autre_malus_1 { + grid-column: 1; + grid-row: 12; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); + border-radius: 0px 0px 0px 10px; +} + +div.comp_autre_malus_2 { + grid-column: 3; + grid-row: 12; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + padding-left: var(--padding_competence); +} + +div.comp_autre_malus_1_data { + grid-column: 2; + grid-row: 12; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_autre_malus_2_data { + grid-column: 4; + grid-row: 12; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; + border-radius: 0px 0px 10px 0px; +} + +div.comp_alcoolique { + grid-column: 3; + grid-row: 1; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_coeur_artichaut { + grid-column: 3; + grid-row: 2; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_fantomes_passe { + grid-column: 3; + grid-row: 3; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_impulsif { + grid-column: 3; + grid-row: 4; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_introverti { + grid-column: 3; + grid-row: 5; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_maladroit { + grid-column: 3; + grid-row: 6; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_misogyne_misandre { + grid-column: 3; + grid-row: 7; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_orgueilleux { + grid-column: 3; + grid-row: 8; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_phobique { + grid-column: 3; + grid-row: 9; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_recherche { + grid-column: 3; + grid-row: 10; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_sanguinaire { + grid-column: 3; + grid-row: 11; + white-space : nowrap; + color: var(--rouge); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + padding-left: var(--padding_competence); + align-content: center; +} + +div.comp_agoraphobie_data { + grid-column: 2; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_bagarreur_data { + grid-column: 2; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_coureur_jupon_data { + grid-column: 2; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_gourmandise_data { + grid-column: 2; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_insomniaque_data { + grid-column: 2; + grid-row: 5; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_junkie_data { + grid-column: 2; + grid-row: 6; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_mephitique_data { + grid-column: 2; + grid-row: 7; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_naif_data { + grid-column: 2; + grid-row: 8; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_penible_data { + grid-column: 2; + grid-row: 9; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_radin_data { + grid-column: 2; + grid-row: 10; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_xenophobe_data { + grid-column: 2; + grid-row: 11; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_alcoolique_data { + grid-column: 4; + grid-row: 1; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_coeur_artichaut_data { + grid-column: 4; + grid-row: 2; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_fantomes_passe_data { + grid-column: 4; + grid-row: 3; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_impulsif_data { + grid-column: 4; + grid-row: 4; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_introverti_data { + grid-column: 4; + grid-row: 5; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_maladroit_data { + grid-column: 4; + grid-row: 6; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_misogyne_misandre_data { + grid-column: 4; + grid-row: 7; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_orgueilleux_data { + grid-column: 4; + grid-row: 8; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_phobique_data { + grid-column: 4; + grid-row: 9; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_recherche_data { + grid-column: 4; + grid-row: 10; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + +div.comp_sanguinaire_data { + grid-column: 4; + grid-row: 11; + white-space : nowrap; + color: var(--noir); + font-size: var(--size_competence); + font-weight: bold; + border: var(--border_competence); + border-style: var(--border_style_competence); + align-content: center; +} + + +/* ROLL TEMPLATE */ + +.sheet-rolltemplate-ito { + margin-left: -10px; +} + +.withoutavatars .sheet-rolltemplate-ito { + margin-left: -10px; +} + +.sheet-rolltemplate-ito .sheet-container { + border: none; + border-radius: 130px; + box-shadow: 0px 0px 10px 3px #000000ad; + width: 260px; + height: 260px; + background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Yradhil/images/background_roll_v2.png); + background-size: cover; + font-family: "Baskervville", serif; + --rouge: red; + --vert: #00bd00; + --noir_roll : #000; +} + +.sheet-rolltemplate-darkmode.sheet-rolltemplate-ito .sheet-container { + box-shadow: 0px 0px 10px 3px #000000ed; + filter: brightness(83%); +} + +.sheet-rolltemplate-ito .sheet-header { + color: #000; + text-align: center; + padding-top: 50px; + padding-bottom: 6px; + border-bottom: 2px solid #ff6c2e82; + margin-left: 50px; + width: 160px; +} + + .sheet-rolltemplate-ito .sheet-title { + font-size: 20px; + font-weight: bold; + margin-bottom: 5px; + letter-spacing: -0.5px; + } + + .sheet-rolltemplate-ito .sheet-subtitle { + font-size: 14px; + font-style: italic; + margin-bottom: 5px; + letter-spacing: -0.5px; + } + + .sheet-rolltemplate-ito .sheet-content { + width: 184px; + margin-left: 38px; + display: grid; + grid-template-columns: auto auto; + line-height: 1.4em; + margin-top: 15px; + } + + .sheet-rolltemplate-ito .sheet-content > div { + padding: 5px; + } + + .sheet-rolltemplate-ito .sheet-content .sheet-key { + font-weight: bold; + padding-right: 10px; + text-align: right; + } + + .sheet-rolltemplate-ito .sheet-content :nth-child(4n+3), + .sheet-rolltemplate-ito .sheet-content :nth-child(4n) { + background:#EEE; + } + + .sheet-rolltemplate-ito .sheet-desc, + .sheet-rolltemplate-ito .sheet-result, + .sheet-rolltemplate-ito .sheet-feedback-reussite, + .sheet-rolltemplate-ito .sheet-feedback-echec, + .sheet-rolltemplate-ito .sheet-result-chance, + .sheet-rolltemplate-ito .sheet-result-degats, + .sheet-rolltemplate-ito .sheet-result-arcanum { + grid-column: span 2; + padding: 5px; + text-align: center; + } + + .sheet-rolltemplate-ito .sheet-result { + margin-top: 10px; + font-size: 60px; + font-weight: bold; + } + + .sheet-rolltemplate-ito .sheet-feedback-reussite, + .sheet-rolltemplate-ito .sheet-feedback-echec { + margin-top: 30px; + font-size: 25px; + font-weight: bold; + letter-spacing: -1.5px; + } + + .sheet-rolltemplate-ito .sheet-feedback-reussite { + color: var(--vert); + } + + .sheet-rolltemplate-ito .sheet-feedback-echec { + color: var(--rouge); + } + + .sheet-rolltemplate-ito .sheet-result-chance, + .sheet-rolltemplate-ito .sheet-result-degats { + font-size: 100px; + margin-top: 33px; + font-weight: bold; + } + + .sheet-rolltemplate-ito .sheet-result-arcanum { + font-size: 50px; + margin-top: 30px; + font-weight: bold; + font-style: italic; + } + + .sheet-rolltemplate-ito .inlinerollresult, + .sheet-rolltemplate-ito .inlinerollresult.importantroll, + .sheet-rolltemplate-ito .inlinerollresult.fullcrit, + .sheet-rolltemplate-ito .inlinerollresult.fullfail { + border: none !important; + background-color: transparent !important; + color: var(--noir_roll) !important; + font-size: 100px; + font-family: "Baskervville", serif; + } + + .sheet-rolltemplate-ito .sheet-result-arcanum .inlinerollresult, + .sheet-rolltemplate-ito .sheet-result-arcanum .inlinerollresult.importantroll, + .sheet-rolltemplate-ito .sheet-result-arcanum .inlinerollresult.fullcrit, + .sheet-rolltemplate-ito .sheet-result-arcanum .inlinerollresult.fullfail { + font-size: 80px; + font-style: italic; + padding: 0; + } diff --git a/Chroniques_Katura/yradhil.html b/Chroniques_Katura/yradhil.html new file mode 100644 index 000000000000..1762efd70d1b --- /dev/null +++ b/Chroniques_Katura/yradhil.html @@ -0,0 +1,917 @@ + + + +