mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
1891 lines
45 KiB
CSS
1891 lines
45 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Eagle+Lake&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
|
|
|
|
|
|
.charsheet {
|
|
--black: #000002;
|
|
--white: #fcfcfd;
|
|
--font_playfair: "Playfair", serif;
|
|
--borderdev: 1px solid red;
|
|
--couleur_dotted: #00000078;
|
|
--text_input: #000000bd;
|
|
--color_border_equipement: #000000d9;
|
|
--color_border_parcours_personnes: #000000d9;
|
|
--color_ligne_menu: #00000078;
|
|
--color_border_button: #595959;
|
|
--color_background_button: #fcfcfd;
|
|
--color_background_button_selected: #000000ed;
|
|
--color_text_button: #0000009e;
|
|
--color_text_button_selected: #fcfcfd;
|
|
--color_button_hover: #d7d2d2;
|
|
--color_text_hover: #000000;
|
|
--color_ombre_button: #575757a8;
|
|
font-family: "Playfair", serif;
|
|
color: var(--black);
|
|
font-size: 19px;
|
|
line-height: 25px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-darkmode .charsheet {
|
|
--color_ligne_menu: #dddddd;
|
|
--color_border_button: #595959;
|
|
--color_background_button: #0c0c0c;
|
|
--color_background_button_selected: #fcfcfd;
|
|
--color_text_button: #fdfdfdbd;
|
|
--color_text_hover: #fcfcfd;
|
|
--color_text_button_selected: #000000ed;
|
|
--color_button_hover: #292929;
|
|
--color_ombre_button: #2f2f2fa8;
|
|
}
|
|
|
|
.sheetform {
|
|
background-color: #ffffff;
|
|
width: 1100px;
|
|
}
|
|
|
|
.sheet-darkmode .sheetform {
|
|
background-color: #ffffff00;
|
|
}
|
|
|
|
::placeholder {
|
|
color: rgba(128, 128, 128, 0.548);
|
|
font-size: 13px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
span.sur {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
span.picto {
|
|
font-family: "pictos";
|
|
font-size: 16px;
|
|
}
|
|
|
|
.charsheet input {
|
|
border: none;
|
|
outline: none;
|
|
resize: none;
|
|
padding: 0px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
font-family: "Playfair", serif;
|
|
color: var(--black);
|
|
font-size: 18px;
|
|
line-height: 25px;
|
|
background: transparent;
|
|
z-index: 1;
|
|
}
|
|
|
|
.charsheet input.input_dotted,
|
|
.charsheet input.input_dotted2 {
|
|
width: 100% !important;
|
|
border-bottom: 1px dotted var(--couleur_dotted);
|
|
height: 20px !important;
|
|
border-radius: 1px;
|
|
margin-top: 3px;
|
|
margin-right: 5px;
|
|
margin-left: 5px;
|
|
padding-left: 2px;
|
|
color: var(--text_input);
|
|
letter-spacing: -0.7px;
|
|
}
|
|
|
|
.charsheet input.input_dotted2 {
|
|
height: 21px !important;
|
|
}
|
|
|
|
.charsheet input.input_carac,
|
|
.charsheet input.input_demi_carac,
|
|
.charsheet input.input_carac_long,
|
|
.charsheet input.input_carac_pnj,
|
|
.charsheet input.input_demi_carac_pnj,
|
|
.charsheet input.input_carac_pnj_long {
|
|
width: 50px !important;
|
|
height: 28px;
|
|
border: none;
|
|
border-radius: 1px;
|
|
background-color: var(--white);
|
|
color: var(--black);
|
|
text-align: center;
|
|
font-size: 25px;
|
|
padding: 0;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.charsheet input.input_carac_pnj,
|
|
.charsheet input.input_demi_carac_pnj,
|
|
.charsheet input.input_carac_pnj_long {
|
|
height: 23px;
|
|
font-size: 22px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.charsheet input.input_demi_carac,
|
|
.charsheet input.input_demi_carac_pnj {
|
|
width: 28px !important;
|
|
}
|
|
|
|
.charsheet input.input_carac_long,
|
|
.charsheet input.input_carac_pnj_long {
|
|
width: 81px !important;
|
|
}
|
|
|
|
div.fond_blanc {
|
|
width: 81px;
|
|
background: white;
|
|
}
|
|
|
|
.charsheet input.input_cadre {
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: var(--black);
|
|
}
|
|
|
|
.charsheet input.equipement_tableau {
|
|
width: 100%;
|
|
height: 97%;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
color: var(--text_input);
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.charsheet textarea {
|
|
border: none;
|
|
outline: none;
|
|
resize: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.charsheet textarea.area_talents {
|
|
width: 98%;
|
|
height: 165px;
|
|
}
|
|
|
|
.charsheet textarea.texte_cadre_nom1,
|
|
.charsheet textarea.texte_cadre_nom2 {
|
|
width: 95%;
|
|
height: 85%;
|
|
font-size: 20px;
|
|
display: table-cell;
|
|
align-content: center;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet input.feuille_cartes,
|
|
.charsheet input.feuille_endroit_envers,
|
|
.charsheet textarea.feuille_signification,
|
|
.charsheet textarea.feuille_histoire_perso,
|
|
.charsheet input.feuille_noms,
|
|
.charsheet input.feuille_figures,
|
|
.charsheet textarea.feuille_presentations {
|
|
width: 95%;
|
|
height: 85%;
|
|
font-size: 20px;
|
|
display: table-cell;
|
|
align-content: center;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet textarea.feuille_signification,
|
|
.charsheet textarea.feuille_histoire_perso,
|
|
.charsheet textarea.feuille_presentations {
|
|
font-size: 14px;
|
|
line-height: 15px;
|
|
padding-top: 8px;
|
|
padding-bottom: 0px;
|
|
height: 90%;
|
|
margin: 0px;
|
|
width: 96%;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
.charsheet textarea.feuille_histoire_perso,
|
|
.charsheet textarea.feuille_presentations {
|
|
width: 98%;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.charsheet textarea.carnet_de_route {
|
|
width: 98%;
|
|
height: 97%;
|
|
margin-top: 7px;
|
|
padding: 0px;
|
|
font-size: 13px;
|
|
line-height: 15px;
|
|
letter-spacing: -0.4px;
|
|
padding-left: 6px;
|
|
overflow: hidden;
|
|
font-family: "Playfair", serif;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/ligne_notes.png);
|
|
background-size: auto 13.7px;
|
|
}
|
|
|
|
.charsheet select.choix_visage,
|
|
.charsheet select.choix_rang,
|
|
.charsheet select.choix_marque,
|
|
.charsheet select.choix_armes {
|
|
width: auto;
|
|
color: var(--text_input);
|
|
letter-spacing: -0.7px;
|
|
border: none;
|
|
border-bottom: 1px dotted var(--couleur_dotted);
|
|
border-radius: 1px;
|
|
outline: none;
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
margin-bottom: 0px;
|
|
margin-top: -4px;
|
|
margin-right: 5px;
|
|
margin-left: 5px;
|
|
padding-left: 2px;
|
|
padding-right: 10px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.charsheet select.choix_visage {
|
|
width: 120px;
|
|
text-align: center;
|
|
height: 27px;
|
|
}
|
|
|
|
.charsheet select.choix_rang,
|
|
.charsheet select.choix_marque {
|
|
width: 100% !important;
|
|
height: 25px;
|
|
}
|
|
|
|
.charsheet select.choix_armes {
|
|
text-align: center;
|
|
height: 25px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: none;
|
|
width: 100%;
|
|
font-size: 15px;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background-color: var(--white);
|
|
margin: 0;
|
|
font: inherit;
|
|
color: var(--white);
|
|
width: 18px;
|
|
height: 18px !important;
|
|
border: 2px solid var(--white);
|
|
border-radius: 1px;
|
|
}
|
|
|
|
input[type="checkbox"]:checked {
|
|
background-color: var(--white);
|
|
border: 2px solid var(--white);
|
|
}
|
|
|
|
label {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
width: 18px !important;
|
|
height: 18px;
|
|
padding: 0px !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
label::before {
|
|
content: "";
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + label::before {
|
|
content: "✔";
|
|
display: flex;
|
|
justify-content: center;
|
|
color: var(--black);
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
margin-top: -19px;
|
|
}
|
|
|
|
input[type="checkbox"]:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.charsheet input[type=number]::-webkit-inner-spin-button,
|
|
.charsheet input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
appearance: unset;
|
|
}
|
|
|
|
.charsheet button[type=action].button_texte::before,
|
|
.charsheet button[type=roll].button_texte::before,
|
|
.charsheet button[type=action].button_annonce::before,
|
|
.charsheet button[type=roll].button_annonce::before,
|
|
.charsheet button[type=action].button0::before,
|
|
.charsheet button[type=action].button1::before,
|
|
.charsheet button[type=action].button2::before,
|
|
.charsheet button[type=action].button3::before,
|
|
.charsheet button[type=action].button4::before,
|
|
.charsheet button[type=action].button5::before,
|
|
.charsheet button[type=action].button6::before,
|
|
.charsheet button[type=action].button_sens_carte::before {
|
|
content: '';
|
|
}
|
|
|
|
.charsheet button[type=action].button_texte,
|
|
.charsheet button[type=roll].button_texte {
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background: none;
|
|
width: 90px !important;
|
|
text-align: left;
|
|
height: 29px;
|
|
border: none;
|
|
border-radius: 1px;
|
|
color: var(--white);
|
|
font-size: 19px;
|
|
line-height: 25px;
|
|
margin-top: -2px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.charsheet button[type=action].button0,
|
|
.charsheet button[type=action].button1,
|
|
.charsheet button[type=action].button2,
|
|
.charsheet button[type=action].button3,
|
|
.charsheet button[type=action].button4,
|
|
.charsheet button[type=action].button5,
|
|
.charsheet button[type=action].button6,
|
|
.charsheet button[type=action].button_sens_carte {
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background: var(--color_background_button);
|
|
text-align: left;
|
|
height: 19px;
|
|
border: 1px solid var(--color_border_button);
|
|
color: var(--color_text_button);
|
|
font-size: 14px;
|
|
margin-left: -7px;
|
|
border-radius: 5px 5px 0px 0px;
|
|
border-bottom: none;
|
|
padding-right: 15px;
|
|
padding-left: 10px;
|
|
box-shadow: -4px 1px 6px 0px var(--color_ombre_button);
|
|
}
|
|
|
|
.charsheet button[type=action].button_texte:hover,
|
|
.charsheet button[type=roll].button_texte:hover {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.charsheet button[type=action].button0:hover,
|
|
.charsheet button[type=action].button1:hover,
|
|
.charsheet button[type=action].button2:hover,
|
|
.charsheet button[type=action].button3:hover,
|
|
.charsheet button[type=action].button4:hover,
|
|
.charsheet button[type=action].button5:hover,
|
|
.charsheet button[type=action].button6:hover,
|
|
.charsheet button[type=action].button_sens_carte:hover {
|
|
color: var(--color_text_hover);
|
|
}
|
|
|
|
.charsheet button[type=action].button_annonce,
|
|
.charsheet button[type=roll].button_annonce {
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background: none;
|
|
width: 100%;
|
|
text-align: center;
|
|
border: none;
|
|
border-radius: 1px;
|
|
font-size: 19px;
|
|
margin-top: -2px;
|
|
font-family: "pictos";
|
|
font-size: 16px;
|
|
color: var(--text_input);
|
|
}
|
|
|
|
/* Cadre des pages */
|
|
|
|
div.menu {
|
|
margin-top: -10px;
|
|
border-bottom: 1px solid var(--color_ligne_menu);
|
|
margin-left: 24px;
|
|
margin-bottom: 15px;
|
|
width: 76.4%;
|
|
}
|
|
|
|
div.personnage {
|
|
width: 830px;
|
|
height: 1174px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/back_personnage.webp);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.equipement {
|
|
width: 830px;
|
|
height: 1225px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/back_equipement_full.webp);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.parcours_de_vie {
|
|
width: 1087px;
|
|
height: 1239px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/back_parcours_double.webp);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.personnes_marquantes {
|
|
width: 1087px;
|
|
height: 769px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/back_personnes.webp);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.carnet {
|
|
width: 830px;
|
|
height: 835px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/back_notes.webp);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
div.fatalite {
|
|
width: 1087px;
|
|
height: 769px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/back_fatalites.webp);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.pnj {
|
|
width: 830px;
|
|
height: 1088px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/back_feuille_pnj.webp);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
div.popup_marque {
|
|
position: fixed;
|
|
width: 500px;
|
|
height: 210px;
|
|
margin-left: 180px;
|
|
margin-top: 170px;
|
|
border: 3px solid #000000;
|
|
border-radius: 15px;
|
|
background: #ebe7e7;
|
|
color: rgba(0, 0, 0, 0.863);
|
|
padding: 20px;
|
|
z-index: 2;
|
|
font-size: 25px;
|
|
line-height: 55px;
|
|
text-align: center;
|
|
box-shadow: 0px 0px 18px 6px #060808;
|
|
}
|
|
|
|
/* Gestion des affichage */
|
|
|
|
div.personnage,
|
|
div.equipement,
|
|
div.parcours_de_vie,
|
|
div.personnes_marquantes,
|
|
div.carnet,
|
|
div.pnj,
|
|
div.fatalite {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .choix_page[value="0"] ~ div .button0 {color: var(--color_text_button_selected); background: var(--color_background_button_selected);}
|
|
.charsheet .choix_page[value="1"] ~ div .button1 {color: var(--color_text_button_selected); background: var(--color_background_button_selected);}
|
|
.charsheet .choix_page[value="2"] ~ div .button2 {color: var(--color_text_button_selected); background: var(--color_background_button_selected);}
|
|
.charsheet .choix_page[value="3"] ~ div .button3 {color: var(--color_text_button_selected); background: var(--color_background_button_selected);}
|
|
.charsheet .choix_page[value="4"] ~ div .button4 {color: var(--color_text_button_selected); background: var(--color_background_button_selected);}
|
|
.charsheet .choix_page[value="5"] ~ div .button5 {color: var(--color_text_button_selected); background: var(--color_background_button_selected);}
|
|
.charsheet .choix_page[value="6"] ~ div .button6 {color: var(--color_text_button_selected); background: var(--color_background_button_selected);}
|
|
|
|
/* .charsheet .choix_page[value="0"] ~ div .button6 {margin-left: 81px;}
|
|
.charsheet .choix_page[value="1"] ~ div .button6 {margin-left: 60px;}
|
|
.charsheet .choix_page[value="2"] ~ div .button6 {margin-left: 340px;}
|
|
.charsheet .choix_page[value="3"] ~ div .button6 {margin-left: 318px;}
|
|
.charsheet .choix_page[value="4"] ~ div .button6 {margin-left: 91px;}
|
|
.charsheet .choix_page[value="5"] ~ div .button6 {margin-left: 81px;}
|
|
.charsheet .choix_page[value="6"] ~ div .button6 {margin-left: 350px;} */
|
|
|
|
.charsheet .choix_page[value="0"] ~ div .button_sens_carte,
|
|
.charsheet .choix_page[value="1"] ~ div .button_sens_carte,
|
|
.charsheet .choix_page[value="2"] ~ div .button_sens_carte,
|
|
.charsheet .choix_page[value="3"] ~ div .button_sens_carte,
|
|
.charsheet .choix_page[value="4"] ~ div .button_sens_carte,
|
|
.charsheet .choix_page[value="5"] ~ div .button_sens_carte,
|
|
.charsheet .choix_page[value="6"] ~ div .button_sens_carte {
|
|
margin-left: 45px;
|
|
}
|
|
|
|
.charsheet .choix_page[value="0"] ~ div.personnage,
|
|
.charsheet .choix_page[value="1"] ~ div.equipement,
|
|
.charsheet .choix_page[value="2"] ~ div.parcours_de_vie,
|
|
.charsheet .choix_page[value="3"] ~ div.personnes_marquantes,
|
|
.charsheet .choix_page[value="4"] ~ div.carnet,
|
|
.charsheet .choix_page[value="5"] ~ div.pnj,
|
|
.charsheet .choix_page[value="6"] ~ div.fatalite {
|
|
display: block;
|
|
}
|
|
|
|
.charsheet .choix_visage[value="0"] ~ *{
|
|
--carte_visage : none;
|
|
}
|
|
|
|
.charsheet .choix_visage[value="1"] ~ *{
|
|
--carte_visage : url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/visage_borhh.png);
|
|
}
|
|
|
|
.charsheet .choix_visage[value="2"] ~ *{
|
|
--carte_visage : url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/visage_gull.png);
|
|
}
|
|
|
|
.charsheet .choix_visage[value="3"] ~ *{
|
|
--carte_visage : url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/visage_satyr.png);
|
|
}
|
|
|
|
.charsheet .choix_visage[value="4"] ~ *{
|
|
--carte_visage : url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/visage_skrag.png);
|
|
}
|
|
|
|
/* Gestion des popup */
|
|
|
|
div.popup_marque,
|
|
div.popup_maladie,
|
|
div.popup_excentricite,
|
|
div.popup_associable,
|
|
div.popup_mort,
|
|
div.popup_nerveux,
|
|
div.popup_melancolique,
|
|
div.popup_sauvage,
|
|
div.popup_reclus,
|
|
div.popup_enrage,
|
|
div.popup_naissance {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .popup_on[value="1"] ~ div.popup_marque,
|
|
.charsheet .popup_type[value="1"] ~ div.popup_maladie,
|
|
.charsheet .popup_type[value="2"] ~ div.popup_excentricite,
|
|
.charsheet .popup_type[value="3"] ~ div.popup_associable,
|
|
.charsheet .popup_type[value="4"] ~ div.popup_mort,
|
|
.charsheet .popup_type[value="5"] ~ div.popup_nerveux,
|
|
.charsheet .popup_type[value="6"] ~ div.popup_melancolique,
|
|
.charsheet .popup_type[value="7"] ~ div.popup_sauvage,
|
|
.charsheet .popup_type[value="8"] ~ div.popup_reclus,
|
|
.charsheet .popup_type[value="9"] ~ div.popup_enrage,
|
|
.charsheet .popup_type[value="10"] ~ div.popup_naissance {
|
|
display: block;
|
|
}
|
|
|
|
.wrapper_page_popup {
|
|
display: grid;
|
|
grid-template-columns: 55% 5% 35% 0% 4%;
|
|
grid-auto-rows: 20px;
|
|
}
|
|
|
|
.popup_titre {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
font-size: 25px;
|
|
line-height: 20px;
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.popup_texte {
|
|
grid-column: 1;
|
|
grid-row: 2 / 8;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
font-style: italic;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.popup_mod {
|
|
grid-column: 1;
|
|
grid-row: 8 / 11;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.popup_illustration {
|
|
grid-column: 3;
|
|
grid-row: 1 / 8;
|
|
height: 188px;
|
|
border: 3px solid black;
|
|
border-radius: 10px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/illu_popup.png);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.popup_bouton {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
font-family: 'Pictos';
|
|
font-weight: normal;
|
|
color: var(--white);
|
|
font-size: 32px;
|
|
line-height: 55px;
|
|
margin-top: -15px;
|
|
margin-left: 14px;
|
|
}
|
|
|
|
|
|
|
|
/* Structure générale de la page_personnage */
|
|
|
|
.wrapper_page_personnage {
|
|
display: grid;
|
|
grid-template-columns: repeat(83, 10px);;
|
|
grid-auto-rows: 10px;
|
|
}
|
|
|
|
.page1_zone_personnage {
|
|
grid-column: 6 / 43;
|
|
grid-row: 16 / 32;
|
|
transform: rotate(1deg);
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.page1_image_visage {
|
|
width: 60px;
|
|
height: 60px;
|
|
margin-left: 90px;
|
|
margin-top: -4px;
|
|
background-image: var(--carte_visage);
|
|
background-size: contain;
|
|
}
|
|
|
|
.page1_zone_familier {
|
|
grid-column: 43 / 81;
|
|
grid-row: 17 / 34;
|
|
transform: rotate(1deg);
|
|
margin-top: 3px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.page1_zone_caracteristiques {
|
|
grid-column: 7 / 27;
|
|
grid-row: 45 / 71;
|
|
transform: rotate(-1deg);
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.page1_zone_competences {
|
|
grid-column: 29 / 48;
|
|
grid-row: 44 / 71;
|
|
transform: rotate(-1deg);
|
|
margin-top: 7px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.page1_zone_attributs {
|
|
grid-column: 51 / 81;
|
|
grid-row: 44 / 86;
|
|
transform: rotate(-1deg);
|
|
margin-left: 5px;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.page1_zone_talents {
|
|
grid-column: 4 / 44;
|
|
grid-row: 76 / 95;
|
|
transform: rotate(-1.5deg);
|
|
margin-left: 10px;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.page1_zone_artifices {
|
|
grid-column: 3 / 46;
|
|
grid-row: 100 / 114;
|
|
transform: rotate(-1.5deg);
|
|
margin-left: 10px;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.page1_zone_dons {
|
|
grid-column: 47 / 80;
|
|
grid-row: 91 / 108;
|
|
transform: rotate(-1.5deg);
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.page1_zone_apprentissage {
|
|
grid-column: 50 / 80;
|
|
grid-row: 112 / 117;
|
|
transform: rotate(-3deg);
|
|
}
|
|
|
|
/* Structure générale de la page_équipement */
|
|
|
|
.wrapper_page_equipement {
|
|
display: grid;
|
|
grid-template-columns: repeat(83, 10px);;
|
|
grid-auto-rows: 10px;
|
|
}
|
|
|
|
.page2_zone_personnage {
|
|
grid-column: 59 / 80;
|
|
grid-row: 6 / 11;
|
|
transform: rotate(-1deg);
|
|
display: flex;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.page2_zone_couronnes {
|
|
grid-column: 23 / 34;
|
|
grid-row: 12 / 17;
|
|
margin-top: 5px;
|
|
margin-bottom: 3px;
|
|
margin-left: 4px;
|
|
transform: rotate(-1deg);
|
|
}
|
|
|
|
.page2_zone_equipement {
|
|
grid-column: 5 / 79;
|
|
grid-row: 18 / 36;
|
|
transform: rotate(-0.5deg);
|
|
}
|
|
|
|
.page2_zone_armes {
|
|
grid-column: 6 / 75;
|
|
grid-row: 41 / 56;
|
|
margin-top: 6px;
|
|
margin-left: 4px;
|
|
margin-bottom: -3px;
|
|
margin-right: 1px;
|
|
transform: rotate(-0.3deg);
|
|
}
|
|
|
|
.page2_zone_projectiles {
|
|
grid-column: 8 / 75;
|
|
grid-row: 63 / 70;
|
|
margin-top: 1px;
|
|
margin-left: 2px;
|
|
margin-right: 6px;
|
|
margin-bottom: -6px;
|
|
transform: rotate(0.6deg);
|
|
}
|
|
|
|
.page2_zone_artillerie {
|
|
grid-column: 6 / 74;
|
|
grid-row: 77 / 77;
|
|
margin-top: 0px;
|
|
margin-bottom: -4px;
|
|
margin-right: -4px;
|
|
transform: rotate(-1deg);
|
|
}
|
|
|
|
.page2_zone_armures {
|
|
grid-column: 14 / 78;
|
|
grid-row: 91 / 94;
|
|
margin-top: 7px;
|
|
margin-bottom: -5px;
|
|
margin-left: 2px;
|
|
margin-right: 1px;
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
.page2_zone_bouclier {
|
|
grid-column: 5 / 79;
|
|
grid-row: 102 / 106;
|
|
margin-left: 8px;
|
|
margin-right: 7px;
|
|
margin-top: 12px;
|
|
margin-bottom: 0px;
|
|
transform: rotate(1deg);
|
|
}
|
|
|
|
.page2_zone_casques {
|
|
grid-column: 36 / 79;
|
|
grid-row: 114 / 115;
|
|
margin-left: 3px;
|
|
margin-right: 2px;
|
|
margin-bottom: 8px;
|
|
transform: rotate(-0.5deg);
|
|
}
|
|
|
|
/* Structure générale de la page_parcours_de_vie */
|
|
|
|
.wrapper_page_parcours_de_vie {
|
|
display: grid;
|
|
grid-template-columns: repeat(110, 10px);
|
|
grid-auto-rows: 10px;
|
|
}
|
|
|
|
.page3_zone_nom {
|
|
grid-column: 91 / 109;
|
|
grid-row: 9 / 16;
|
|
margin-left: 5px;
|
|
margin-right: 8px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.page3_zone_tableau {
|
|
grid-column: 8 / 105;
|
|
grid-row: 24 / 119;
|
|
margin-top: 5px;
|
|
margin-left: 8px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* Structure générale de la page personnes_marquantes */
|
|
|
|
.wrapper_page_personnes_marquantes {
|
|
display: grid;
|
|
grid-template-columns: repeat(110, 10px);
|
|
grid-auto-rows: 10px;
|
|
}
|
|
|
|
.page4_zone_nom {
|
|
grid-column: 4 / 28;
|
|
grid-row: 7 / 12;
|
|
margin-left: 10px;
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
.page4_zone_tableau {
|
|
grid-column: 7 / 101;
|
|
grid-row: 19 / 74;
|
|
transform: rotate(1deg);
|
|
margin-top: 11px;
|
|
margin-left: 13px;
|
|
margin-right: 11px;
|
|
}
|
|
|
|
/* Structure générale de la page fatalité */
|
|
|
|
.wrapper_page_fatalite {
|
|
display: grid;
|
|
grid-template-columns: repeat(110, 10px);
|
|
grid-auto-rows: 10px;
|
|
}
|
|
|
|
.page5_zone_tableau {
|
|
grid-column: 7 / 107;
|
|
grid-row: 19 / 74;
|
|
transform: rotate(1deg);
|
|
margin-top: 9px;
|
|
margin-left: 9px;
|
|
margin-right: 13px;
|
|
margin-bottom: -4px;
|
|
}
|
|
|
|
/* Structure générale de la page carnet + colonne */
|
|
|
|
.wrapper_page5_texte {
|
|
display: grid;
|
|
grid-template-columns: 397px 15px 397px;
|
|
grid-auto-rows: 810px;
|
|
width: 100%;
|
|
transform: rotate(0.9deg);
|
|
}
|
|
|
|
.page5_colonne_gauche {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
margin-top: 140px;
|
|
margin-left: 26px;
|
|
}
|
|
|
|
.page5_separateur {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
margin-top: 140px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/separateur.png);
|
|
background-size: 15px 570px;
|
|
background-repeat: repeat;
|
|
}
|
|
|
|
.page5_colonne_droite {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
margin-top: 140px;
|
|
}
|
|
|
|
/* Zone PNJ retouche */
|
|
|
|
.page_pnj_zone_caracteristiques {
|
|
grid-column: 7 / 27;
|
|
grid-row: 38 / 71;
|
|
transform: rotate(-1deg);
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.page_pnj_zone_competences {
|
|
grid-column: 29 / 48;
|
|
grid-row: 41 / 71;
|
|
transform: rotate(-1deg);
|
|
margin-top: 7px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.page_pnj_zone_attributs {
|
|
grid-column: 51 / 81;
|
|
grid-row: 44 / 86;
|
|
transform: rotate(-1deg);
|
|
margin-left: 5px;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
|
|
|
|
.page_pnj_zone_gauche {
|
|
grid-column: 6 / 38;
|
|
grid-row: 12 / 32;
|
|
transform: rotate(1deg);
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.page_pnj_zone_droite {
|
|
grid-column: 38 / 81;
|
|
grid-row: 13 / 34;
|
|
transform: rotate(1deg);
|
|
margin-top: 20px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.page_pnj_zone_notes {
|
|
grid-column: 4 / 44;
|
|
grid-row: 70 / 109;
|
|
transform: rotate(-1.5deg);
|
|
margin-left: 10px;
|
|
margin-bottom: 13px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.page_pnj_zone_equipement {
|
|
grid-column: 47 / 80;
|
|
grid-row: 85 / 108;
|
|
transform: rotate(-1.5deg);
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.wrapper_page_pnj_zone_caracteristiques,
|
|
.wrapper_page_pnj_zone_competences,
|
|
.wrapper_page_pnj_zone_attributs,
|
|
.wrapper_page_pnj_zone_attributs_blessure {
|
|
display: grid;
|
|
grid-template-columns: 62% 4% 30%;
|
|
grid-auto-rows: 25px;
|
|
color: var(--white);
|
|
}
|
|
|
|
.wrapper_page_pnj_zone_competences {
|
|
grid-template-columns: 61% 4% 30%;
|
|
}
|
|
|
|
.wrapper_page_pnj_zone_attributs {
|
|
grid-template-columns: 28% 0% 30% 4% 40%;
|
|
grid-auto-rows: 27px;
|
|
}
|
|
|
|
.wrapper_page_pnj_zone_attributs_blessure {
|
|
grid-template-columns: 80% 0% 10%;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
|
|
/* Wrapper ligne simple */
|
|
|
|
.page1_zone_personnage_line,
|
|
.page2_zone_equipement_line {
|
|
display: flex;
|
|
white-space: nowrap;
|
|
letter-spacing: -0.7px;
|
|
}
|
|
|
|
/* Wrapper interne Page caracteristiques competences et attributs */
|
|
|
|
.wrapper_page1_zone_caracteristiques,
|
|
.wrapper_page1_zone_competences,
|
|
.wrapper_page1_zone_attributs,
|
|
.wrapper_page1_zone_attributs_blessure,
|
|
.wrapper_page1_zone_XP {
|
|
display: grid;
|
|
grid-template-columns: 49% 4% 30%;
|
|
grid-auto-rows: 37px;
|
|
color: var(--white);
|
|
}
|
|
|
|
.wrapper_page1_zone_competences {
|
|
grid-template-columns: 61% 4% 30%;
|
|
}
|
|
|
|
.wrapper_page1_zone_attributs {
|
|
grid-template-columns: 28% 0% 30% 4% 40%;
|
|
}
|
|
|
|
.wrapper_page1_zone_attributs_blessure {
|
|
grid-template-columns: 80% 0% 10%;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
.wrapper_page1_zone_XP {
|
|
grid-template-columns: 75% 5% 20%;
|
|
}
|
|
|
|
.page1_zone_caracteristiques_titre,
|
|
.page1_zone_competences_titre,
|
|
.page1_zone_attributs_blessure_titre,
|
|
.page1_zone_xp_titre {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
letter-spacing: -0.4px;
|
|
}
|
|
|
|
.page1_zone_caracteristiques_valeur,
|
|
.page1_zone_competences_valeur,
|
|
.page1_zone_attributs_blessure_valeur,
|
|
.page1_zone_xp_valeur {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.page1_zone_attributs_titre {
|
|
grid-column: 1/4;
|
|
grid-row: 1;
|
|
letter-spacing: -0.4px;
|
|
}
|
|
|
|
.page1_zone_attributs_demi_titre {
|
|
grid-column: 1/3;
|
|
grid-row: 1;
|
|
letter-spacing: -0.4px;
|
|
}
|
|
|
|
.page1_zone_attributs_details {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
letter-spacing: -0.4px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.page1_zone_attributs_valeur {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.page1_zone_xp_titre {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
letter-spacing: -0.4px;
|
|
}
|
|
|
|
.page1_zone_xp_valeur {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
margin-top: 10px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
/* Wrapper interne Page equipement */
|
|
|
|
.wrapper_page2_zone_armes,
|
|
.wrapper_page2_zone_projectiles,
|
|
.wrapper_page2_zone_artillerie,
|
|
.wrapper_page2_zone_armures,
|
|
.wrapper_page2_zone_bouclier,
|
|
.wrapper_page2_zone_casque {
|
|
display: grid;
|
|
grid-auto-rows: 26px;
|
|
color: var(--black);
|
|
font-size: 15px;
|
|
}
|
|
|
|
.wrapper_page2_zone_armes {
|
|
grid-auto-rows: 25.1px;
|
|
}
|
|
|
|
.wrapper_page2_zone_armes {
|
|
grid-template-columns: 24.8% 29.4% 8.1% 12.3% 9.8% 8.8% 7%;
|
|
}
|
|
|
|
.page2_zone_armes_nom {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armes_types {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armes_vigueur {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armes_degats {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armes_portee {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armes_kaa {
|
|
grid-column: 6;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armes_roll {
|
|
grid-column: 7;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-right: none;
|
|
border-top: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.wrapper_page2_zone_projectiles {
|
|
grid-template-columns: 26.7% 17.1% 8.8% 12% 35.5%;
|
|
}
|
|
|
|
.page2_zone_projectiles_nom {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_projectiles_types {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_projectiles_kaa {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_projectiles_nombres {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_projectiles_notes {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
border-right: none;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.wrapper_page2_zone_artillerie {
|
|
grid-template-columns: 20% 18.4% 11% 23.6% 21% 6.5%;
|
|
}
|
|
|
|
.page2_zone_artillerie_nom {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_artillerie_degats {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_artillerie_portee {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_artillerie_zone {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_artillerie_bottes {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_artillerie_roll {
|
|
grid-column: 6;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
text-align: center;
|
|
}
|
|
|
|
.wrapper_page2_zone_armures {
|
|
grid-template-columns: 23.9% 14.6% 18% 28.7% 15%;
|
|
}
|
|
|
|
.page2_zone_armures_nom {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armures_protection {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armures_diff_agi {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armures_contre {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_armures_fatigue {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.wrapper_page2_zone_bouclier {
|
|
grid-template-columns: 18.8% 17.5% 16.5% 16.4% 16.5% 14.1%;
|
|
}
|
|
|
|
.page2_zone_bouclier_nom {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_bouclier_vigueur {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_bouclier_diff_melee {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_bouclier_diff_distance {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_bouclier_diff_agi {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_bouclier_fatigue {
|
|
grid-column: 6;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.wrapper_page2_zone_casque {
|
|
grid-template-columns: 32.3% 29.7% 37.8%;
|
|
}
|
|
|
|
.page2_zone_casque_nom {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_casque_qualite {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page2_zone_casque_contre {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
border: 1px solid var(--color_border_equipement);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
/* Wrapper interne Page parcours */
|
|
|
|
.wrapper_page3_zone_tableau {
|
|
display: grid;
|
|
grid-auto-rows: 60px;
|
|
grid-template-columns: 20.5% 6.5% 6% 22.4% 44.6%;
|
|
color: var(--black);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.page3_zone_tableau_cartes {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page3_zone_tableau_endroit {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page3_zone_tableau_envers {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page3_zone_tableau_signification {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page3_zone_tableau_histoire {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
|
|
/* Wrapper interne Page parcours */
|
|
|
|
.wrapper_page4_zone_tableau {
|
|
display: grid;
|
|
grid-auto-rows: 60px;
|
|
grid-template-columns: 20.5% 21.2% 6.6% 6.3% 45.4%;
|
|
color: var(--black);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.page4_zone_tableau_noms {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page4_zone_tableau_figures {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page4_zone_tableau_endroit {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page4_zone_tableau_envers {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page4_zone_tableau_presentation {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
|
|
/* Wrapper interne Page fatalité */
|
|
|
|
.wrapper_page5_zone_tableau {
|
|
display: grid;
|
|
grid-auto-rows: 61px;
|
|
grid-template-columns: 15.7% 15.4% 6.4% 6.1% 8.5% 6.1% 34.4% 7.4%;
|
|
color: var(--black);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.page5_zone_tableau_joueurs {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page5_zone_tableau_figures {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page5_zone_tableau_endroit {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page5_zone_tableau_envers {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page5_zone_tableau_conservee {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page5_zone_tableau_jouee {
|
|
grid-column: 6;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page5_zone_tableau_cibles {
|
|
grid-column: 7;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
}
|
|
|
|
.page5_zone_tableau_resolue {
|
|
grid-column: 8;
|
|
grid-row: 1;
|
|
border: 2px solid var(--color_border_parcours_personnes);
|
|
border-left: none;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
|
|
/* ROLL TEMPLATE */
|
|
.sheet-rolltemplate-thanatos {
|
|
text-align: center;
|
|
--echec_2: #bc0000e0;
|
|
--echec_3: #bc0000e0;
|
|
--echec_1: #b016a0;
|
|
--reussite_3: #036c03;
|
|
--reussite_2: #035bae;
|
|
--reussite_1: #9e9c02d9;
|
|
--blanc_roll: #fcfcfdf0;
|
|
--blanc_roll_dark: #fcfcfdf0;
|
|
--noir_roll: #000004;
|
|
--box_shadow: 2px 2px 10px 1px #000000f2;
|
|
--box_shadow_dark: 0px 1px 4px 3px #ffffff69;
|
|
--background_color: #fcfcfdf0;
|
|
--background_color_dark: #fcfcfdf0;
|
|
width: 260px;
|
|
height: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-darkmode {
|
|
--echec_2: #a80303e0;
|
|
--echec_3: #a80303e0;
|
|
--echec_1: #8a0f7d;
|
|
--reussite_3: #036c03;
|
|
--reussite_2: #004280;
|
|
--reussite_1: #8a8809;
|
|
--blanc_roll: #fcfcfde5;
|
|
--noir_roll: #000004;
|
|
--box_shadow: 0px 1px 4px 3px #ffffff69;
|
|
--background_color: #fcfcfde5;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-toper {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/rolltemp_top.png);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
height: 4px;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-bottom {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/rolltemp_bottom.png);
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
height: 4px;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-separateur {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/rolltemp_separation.png);
|
|
background-size: 260px;
|
|
background-repeat: no-repeat;
|
|
height: 10px;
|
|
width: 255px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-center {
|
|
text-align: center;
|
|
width: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-color {
|
|
background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Thanatos/images/rolltemp_middle.png);
|
|
background-size: 260px 500px;
|
|
box-shadow: var(--box_shadow);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-background {
|
|
background: var(--background_color);
|
|
background-size: 260px 500px;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-header {
|
|
font-size: 22px;
|
|
font-family: "Playfair", serif;
|
|
word-wrap: break-word;
|
|
letter-spacing: -0.7px;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
font-weight: bold;
|
|
width: auto;
|
|
margin-left: 1px;
|
|
background: var(--noir_roll);
|
|
margin-top: -1px;
|
|
margin-bottom: -5px;
|
|
color: var(--blanc_roll);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader,
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-echec-tragique,
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-echec-critique,
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-echec,
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-reussite-exceptionnelle,
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-reussite-critique,
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-reussite {
|
|
background-color: transparent;
|
|
color: #000000b3;
|
|
font-size: 60px !important;
|
|
letter-spacing: 0px;
|
|
padding: 15px;
|
|
margin-top: 15px;
|
|
font-family: "EB Garamond", serif;
|
|
width: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-echec-tragique {
|
|
color: var(--echec_1);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-echec-critique{
|
|
color: var(--echec_2);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-echec{
|
|
color: var(--echec_3);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-reussite-exceptionnelle {
|
|
color: var(--reussite_1);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-reussite-critique {
|
|
color: var(--reussite_2);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-rolltemplate-thanatos-subheader-reussite {
|
|
color: var(--reussite_3);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-result {
|
|
font-size: 36px;
|
|
font-family: "Playfair", serif;
|
|
padding: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-echec-tragique,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-echec-critique,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-echec,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-reussite-exceptionnelle,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-reussite-critique,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-reussite {
|
|
font-size: 25px;
|
|
line-height: 25px;
|
|
font-family: "Playfair", serif;
|
|
padding: 5px;
|
|
padding-top: 15px;
|
|
letter-spacing: -0.7px;
|
|
margin-bottom: 10px;
|
|
width: auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-echec-tragique,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-echec-critique,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-echec,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-reussite-exceptionnelle,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-reussite-critique,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-reussite {
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
font-family: "Playfair", serif;
|
|
padding: 5px;
|
|
padding-bottom: 5px;
|
|
padding-bottom: 6px;
|
|
letter-spacing: -0.2px;
|
|
color: var(--blanc_roll);
|
|
width: auto;
|
|
margin-left: 0px;
|
|
background: var(--noir_roll);
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-echec-tragique,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-echec-tragique {
|
|
color: var(--echec_1);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-echec-critique,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-echec-critique{
|
|
color: var(--echec_2);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-echec,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-echec {
|
|
color: var(--echec_3);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-reussite-exceptionnelle,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-reussite-exceptionnelle {
|
|
color: var(--reussite_1);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-reussite-critique,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-reussite-critique {
|
|
color: var(--reussite_2);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-texte-reussite,
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-rappel-reussite {
|
|
color: var(--reussite_3);
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-succeeds {
|
|
color: #148c00;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-template-thanatos-misses {
|
|
color: #a90000;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .inlinerollresult {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos-header .inlinerollresult {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .inlinerollresult.fullcrit {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .inlinerollresult.fullfail {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .inlinerollresult.importantroll {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-content {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
line-height: 13px;
|
|
color: #000000b3;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sheet-rolltemplate-thanatos .sheet-content > div{
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-rolltemplate-thanatos .sheet-content .sheet-key {
|
|
font-weight: bold;
|
|
padding-right: 2px;
|
|
text-align: right;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* Right column */
|
|
.sheet-rolltemplate-thanatos .sheet-content .sheet-value {
|
|
padding-right: 5px;
|
|
text-align: left;
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-thanatos .sheet-content :nth-child(4n+3),
|
|
.sheet-rolltemplate-thanatos .sheet-content :nth-child(4n) {
|
|
background: #51515136;
|
|
color: unset !important;
|
|
}
|