mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-02 05:02:28 +00:00
3899 lines
89 KiB
CSS
3899 lines
89 KiB
CSS
@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/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/images/grimoire.webp);
|
|
background-size: contain;
|
|
margin-left: 865px;
|
|
margin-top: 75px;
|
|
transform: rotate(-4deg);
|
|
}
|
|
|
|
div.portrait {
|
|
position: absolute;
|
|
z-index: 2;
|
|
width: 160px;
|
|
/* height: 100px; */
|
|
margin-left: -22px;
|
|
margin-top: -22px;
|
|
border: 2px solid var(--vert_clair);
|
|
}
|
|
|
|
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: 90px;
|
|
color: var(--noir);
|
|
border: none;
|
|
background: transparent;
|
|
line-height: 18px;
|
|
font-family: var(--font_metamorphous);
|
|
/* padding-top: 14px; */
|
|
/* background: red; */
|
|
margin-top: 9px;
|
|
padding-top: 2px;
|
|
padding-bottom: 0px;
|
|
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/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/images/dice_4.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d6 {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/images/dice_6.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d8 {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/images/dice_8.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d10 {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/images/dice_10.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d12 {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/images/dice_12.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d20 {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/images/dice_20.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_chance {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/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/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/images/logo_ydra.png);
|
|
background-size: 220px 220px;
|
|
height: 220px;
|
|
width: 220px;
|
|
}
|
|
|
|
body.sheet-darkmode div.logo {
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/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: 35px;
|
|
}
|
|
|
|
.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 / 4;
|
|
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 / 4;
|
|
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/Roll20/roll20-character-sheets/refs/heads/master/Chroniques_Katura/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: 18px;
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
letter-spacing: -0.5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-ito .sheet-subtitle {
|
|
font-size: 16px;
|
|
/* 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;
|
|
}
|