Files
roll20-character-sheets/Dedales/dedale.css
T

2064 lines
57 KiB
CSS

@import url('https://fonts.googleapis.com/css?family=Ruslan+Display|Grenze+Gotisch|Trade+Winds|Open+Sans&display=swap');
/* Core Format*/
.charsheet {
background-color: transparent;
padding: 0 !important;
font-family: 'Trade Winds';
--gris : #757070;
--base : black;
color: var(--base);
}
::placeholder {
font-family: 'Trade Winds';
font-size: 21px;
color: #2f2f2e45;
}
body.sheet-darkmode .charsheet {
background-color: #1f1f1f;
}
div.sheet_selector {
margin-left: 410px;
margin-top: 32px;
}
div.intro,
div.creation,
div.personnage,
div.note,
div.page_perso_1,
div.page_perso_info {
display: none;
}
.charsheet .sheet-sheettoggle[value="intro"] ~ div.intro,
.charsheet .sheet-sheettoggle[value="1"] ~ div.personnage,
.charsheet .sheet-sheettoggle[value="2"] ~ div.personnage,
.charsheet .sheet-sheettoggle[value="3"] ~ div.personnage,
.charsheet .sheet-sheettoggle[value="4"] ~ div.personnage {
display: block;
}
.charsheet .select_page[value="1"] ~ div.page_perso_1,
.charsheet .select_page[value="2"] ~ div.page_perso_info,
.charsheet .select_page[value="3"] ~ div.creation,
.charsheet .select_page[value="4"] ~ div.note{
display: block;
}
/* Systeme de création de personnage */
.creation_archetype,
.creation_archetype_choisi,
.creation_classe,
.creation_epee,
.creation_ombre,
.creation_sorcellerie,
.creation_aspect,
.creation_bretteur,
.creation_mercenaire,
.creation_ranger,
.creation_tueur,
.creation_gobelours,
.creation_hero,
.creation_barbare,
.creation_knight,
.creation_semi_homme,
.creation_pillard,
.creation_vagabond,
.creation_gamin,
.creation_assassin,
.creation_serrurier,
.creation_voleur,
.creation_cultiste,
.creation_magicien,
.creation_mage,
.creation_bibliothecaire,
.creation_invocateur,
.creation_ilfe,
.creation_alchimiste,
.creation_druide,
.creation_sorciere,
.creation_valider {
display: none;
}
input[value*="parangon"].creation_role ~ div.creation_archetype_choisi,
input[value*="eclaireur"].creation_role ~ div.creation_archetype_choisi,
input[value*="guerrier"].creation_role ~ div.creation_archetype_choisi,
input[value*="sentinelle"].creation_role ~ div.creation_archetype_choisi,
input[value*="parangon"].creation_role ~ div.creation_archetype,
input[value*="eclaireur"].creation_role ~ div.creation_archetype,
input[value*="guerrier"].creation_role ~ div.creation_archetype,
input[value*="sentinelle"].creation_role ~ div.creation_archetype,
input[value*="epee"].creation_archetype ~ div.creation_classe,
input[value*="ombre"].creation_archetype ~ div.creation_classe,
input[value*="sorcellerie"].creation_archetype ~ div.creation_classe,
input[value*="epee"].creation_archetype ~ div.creation_epee,
input[value*="ombre"].creation_archetype ~ div.creation_ombre,
input[value*="sorcellerie"].creation_archetype ~ div.creation_sorcellerie,
input[value*="bretteur"].creation_classe ~ div.creation_aspect,
input[value*="mercenaire"].creation_classe ~ div.creation_aspect,
input[value*="ranger"].creation_classe ~ div.creation_aspect,
input[value*="tueur"].creation_classe ~ div.creation_aspect,
input[value*="gobelours"].creation_classe ~ div.creation_aspect,
input[value*="hero"].creation_classe ~ div.creation_aspect,
input[value*="barbare"].creation_classe ~ div.creation_aspect,
input[value*="knight"].creation_classe ~ div.creation_aspect,
input[value*="semi_homme"].creation_classe ~ div.creation_aspect,
input[value*="pillard"].creation_classe ~ div.creation_aspect,
input[value*="vagabond"].creation_classe ~ div.creation_aspect,
input[value*="gamin"].creation_classe ~ div.creation_aspect,
input[value*="assassin"].creation_classe ~ div.creation_aspect,
input[value*="serrurier"].creation_classe ~ div.creation_aspect,
input[value*="voleur"].creation_classe ~ div.creation_aspect,
input[value*="cultiste"].creation_classe ~ div.creation_aspect,
input[value*="magicien"].creation_classe ~ div.creation_aspect,
input[value*="mage"].creation_classe ~ div.creation_aspect,
input[value*="bibliothecaire"].creation_classe ~ div.creation_aspect,
input[value*="invocateur"].creation_classe ~ div.creation_aspect,
input[value*="ilfe"].creation_classe ~ div.creation_aspect,
input[value*="alchimiste"].creation_classe ~ div.creation_aspect,
input[value*="druide"].creation_classe ~ div.creation_aspect,
input[value*="sorciere"].creation_classe ~ div.creation_aspect,
input[value*="bretteur"].creation_classe ~ div.creation_bretteur,
input[value*="mercenaire"].creation_classe ~ div.creation_mercenaire,
input[value*="ranger"].creation_classe ~ div.creation_ranger,
input[value*="tueur"].creation_classe ~ div.creation_tueur,
input[value*="gobelours"].creation_classe ~ div.creation_gobelours,
input[value*="hero"].creation_classe ~ div.creation_hero,
input[value*="barbare"].creation_classe ~ div.creation_barbare,
input[value*="knight"].creation_classe ~ div.creation_knight,
input[value*="semi_homme"].creation_classe ~ div.creation_semi_homme,
input[value*="pillard"].creation_classe ~ div.creation_pillard,
input[value*="vagabond"].creation_classe ~ div.creation_vagabond,
input[value*="gamin"].creation_classe ~ div.creation_gamin,
input[value*="assassin"].creation_classe ~ div.creation_assassin,
input[value*="serrurier"].creation_classe ~ div.creation_serrurier,
input[value*="voleur"].creation_classe ~ div.creation_voleur,
input[value*="cultiste"].creation_classe ~ div.creation_cultiste,
input[value*="magicien"].creation_classe ~ div.creation_magicien,
input[value*="mage"].creation_classe ~ div.creation_mage,
input[value*="bibliothecaire"].creation_classe ~ div.creation_bibliothecaire,
input[value*="invocateur"].creation_classe ~ div.creation_invocateur,
input[value*="ilfe"].creation_classe ~ div.creation_ilfe,
input[value*="alchimiste"].creation_classe ~ div.creation_alchimiste,
input[value*="druide"].creation_classe ~ div.creation_druide,
input[value*="sorciere"].creation_classe ~ div.creation_sorciere,
input[value*="1"].creation_validation ~ div.creation_valider {
display: block;
}
div.intro {
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/roll_background.jpg");
background-size: 845px 510px;
width: 845px;
height: 510px;
border-radius: 15px;
box-shadow: 0px 0px 15px 5px #0a0a0ac4;
}
.wrapper_intro {
display: grid;
grid-template-columns: 167px 350px 215px 110px;
}
div.boutton_intro {
grid-column: 2;
width: 340px;
}
div.boutton_creation {
grid-column: 3;
padding: 0;
margin: 10px;
}
div.intro_texte {
font-size: 25px;
margin-bottom: 10px;
text-align: center;
padding-top: 93px;
text-decoration: underline;
color: #000000c9;
}
div.texte_creation {
position: absolute;
width: 145px;
background: #fbfbfb;
border: 4px solid black;
border-radius: 10px;
text-align: center;
color: black;
margin-left: 0px;
padding: 5px;
margin-top: 232px;
}
div.creation {
width: 845px;
height: 720px;
box-shadow: 0px 0px 15px 5px #0a0a0ac4;
border-radius: 15px;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/background_creation_character.jpg);
background-size: 845px 720px;
padding-top: 5px;
padding-bottom: 20px;
margin-left: 9px;
margin-bottom: 20px;
}
div.note {
width: 830px;
height: 520px;
box-shadow: 0px 0px 15px 5px #0a0a0ac4;
border-radius: 0px 15px;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/background_creation_character.jpg);
background-size: 830px 520px;
padding-top: 5px;
padding-bottom: 20px;
margin-left: 0px;
margin-bottom: 20px;
border-radius: 5px 0px 0px 5px;
}
div.personnage {
background-image: var(--charsheet-background);
width: 820px;
height: 1237px;
box-shadow: 0px 0px 15px 5px #0a0a0ac4;
margin-bottom: 20px;
border-radius: 5px 0px 0px 0px;
margin-left: 10px;
background-size: 820px 1237px;
}
div.page_perso_info {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/PJ_page_2.png);
width: 845px;
height: 630px;
box-shadow: 0px 0px 15px 5px #0a0a0ac4;
margin-bottom: 20px;
border-radius: 0px 5px 5px 0px;
margin-left: 10px;
}
body.sheet-darkmode div.intro,
body.sheet-darkmode div.creation,
body.sheet-darkmode div.personnage,
body.sheet-darkmode div.page_perso_info {
box-shadow: 1px 0px 9px 3px #cdcdcdba;
}
.name::-webkit-scrollbar {
display: none;
}
.name {
-ms-overflow-style: none;
scrollbar-width: none;
}
div.sheet_selector,
div.note_titre,
div.note_data,
div.name,
div.archetype,
div.classe_epee,
div.classe_ombre,
div.classe_sorcellerie,
div.etat_custom,
div.aspect_1,
div.aspect_2,
div.aspect_3,
div.aspect_4,
div.richesse,
div.coeur,
div.etoile,
div.check_intermediaire,
div.check_vierge,
div.check_tendu,
div.check_epuise,
div.check_blesse,
div.check_marque,
div.dice,
div.type_jet,
div.reset,
div.page_suivante,
div.page_precedente,
div.page_personnage,
div.page_note,
div.total_tenebres,
div.total_tresors,
div.decompte_tenebres,
div.decompte_tresors {
position: absolute;
z-index: auto;
}
div.note_titre {
margin-top: 60px;
text-align: center;
width: 825px;
font-size: 40px;
}
div.note_data {
margin-top: 140px;
margin-left: 70px;
width: 685px;
margin-right: 70px;
}
div.name {
margin-top: 95px;
margin-left: 30px;
}
div.archetype {
margin-top: 280px;
margin-left: 35px;
}
div.classe_epee,
div.classe_ombre,
div.classe_sorcellerie {
margin-top: 280px;
margin-left: 199px;
}
div.etat_custom {
margin-left: 111px;
margin-top: 782px;
width: 300px;
height: 40px;
}
div.aspect_1 {
margin-left: 119px;
margin-top: 331px;
}
div.aspect_2 {
margin-left: 132px;
margin-top: 434px;
}
div.aspect_3 {
margin-left: 143px;
margin-top: 537px;
}
div.aspect_4 {
margin-left: 155px;
margin-top: 641px;
}
div.check_intermediaire {
margin-left: 343px;
margin-top: 710px;
}
div.check_vierge {
margin-left: 40px;
margin-top: 755px;
}
div.check_tendu {
margin-left: 37px;
margin-top: 831px;
}
div.check_epuise {
margin-left: 56px;
margin-top: 912px;
}
div.check_blesse {
margin-left: 37px;
margin-top: 989px;
}
div.check_marque {
margin-left: -3px;
margin-top: 1062px;
}
div.richesse {
margin-top: 617px;
margin-left: 10px;
}
div.coeur {
margin-top: 1160px;
margin-left: 15px;
border-radius: 35px;
}
div.etoile {
margin-top: 1158px;
margin-left: 357px;
}
div.dice {
margin-top: 1168px;
margin-left: 87px;
}
div.type_jet {
margin-top: 1180px;
margin-left: 146px;
}
div.reset {
margin-top: 1206px;
margin-left: 4px;
border-radius: 35px;
}
div.page_suivante {
margin-top: 0px;
margin-left: 820px;
border-radius: 0px 20px 20px 0px;
width: 25px;
height: 1237px;
}
div.page_personnage {
margin-top: -5px;
margin-left: 830px;
border-radius: 0px 20px 20px 0px;
width: 25px;
height: 520px;
}
div.page_precedente {
margin-top: 0px;
margin-left: -20px;
border-radius: 2px 0px 0px 20px;
width: 25px;
}
div.page_note {
margin-top: 0px;
margin-left: -20px;
border-radius: 2px 0px 0px 20px;
width: 25px;
}
div.total_tenebres {
margin-top: 184px;
margin-left: 201px;
width: 78px;
height: 68px;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/check_tenebres_input.png);
background-size: cover;
}
div.total_tresors {
margin-top: 130px;
margin-left: 532px;
width: 78px;
height: 68px;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/check_tresors_input.png);
background-size: cover;
}
div.decompte_tenebres {
margin-top: 578px;
margin-left: 9px;
}
.wrapper_tenebres{
display: grid;
grid-template-columns: auto;
}
.tenebres1 {
grid-column: 1;
}
.tenebres2 {
grid-column: 2;
margin-left: -12px;
}
.tenebres3 {
grid-column: 3;
margin-left: -10px;
}
.tenebres4 {
grid-column: 4;
margin-left: -7px;
}
.tenebres5 {
grid-column: 5;
margin-left: -9px;
}
.tenebres6 {
grid-column: 6;
margin-left: -10px;
}
.tenebres7 {
grid-column: 7;
margin-left: -7px;
margin-top: -1px;
}
.wrapper_tresors {
display: grid;
grid-template-columns: auto;
}
/* #Systeme changement background */
.sheet-sheettoggle[value*="1"] ~ *{
--charsheet-background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/bg_PJ_parangon.png);
--dice_background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/dice_4.png);
}
.sheet-sheettoggle[value*="2"] ~ *{
--charsheet-background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/bg_PJ_eclaireur.png);
--dice_background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/dice_6.png);
}
.sheet-sheettoggle[value*="3"] ~ *{
--charsheet-background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/bg_PJ_guerrier.png);
--dice_background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/dice_8.png);
}
.sheet-sheettoggle[value*="4"] ~ *{
--charsheet-background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/bg_PJ_sentinelle.png);
--dice_background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/dice_10.png);
}
/* Systeme Archétype Classe feuille de personnage */
.classe_epee, .classe_ombre, .classe_sorcellerie {
display: none;
}
input[value*="epee"].archetype ~ div.classe_epee,
input[value*="ombre"].archetype ~ div.classe_ombre,
input[value*="sorcellerie"].archetype ~ div.classe_sorcellerie {
display: block;
}
/* Checkbox Personnage */
* {
box-sizing: border-box;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox]+label {
display: inline-block;
width: 50px;
height: 50px;
margin: 1em;
background: transparent;
cursor: pointer;
}
input[type=checkbox]:checked+label {
background: #151414eb;
}
input[type=checkbox].tendu:checked+label {
background: #515151;
}
input[type=checkbox].epuise:checked+label {
background: #593838;
}
input[type=checkbox].blesse:checked+label {
background: #9f0202;
}
input[type=checkbox].marque:checked+label {
background: #480048;
}
/* Checkbox Personnage */
* {
box-sizing: border-box;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox]+label {
display: inline-block;
width: 50px;
height: 50px;
margin: 1em;
background: transparent;
cursor: pointer;
}
input[type=checkbox]:checked+label {
background: #151414eb;
}
input[type=checkbox].tendu:checked+label {
background: #515151;
}
input[type=checkbox].epuise:checked+label {
background: #593838;
}
input[type=checkbox].blesse:checked+label {
background: #9f0202;
}
input[type=checkbox].marque:checked+label {
background: #480048;
}
.personnage label {
-webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}
/* Checkbox Ténèbres */
input[type="radio"].tenebre_checkbox,
input[type="radio"].tenebre_checkbox_max {
display: none;
}
input[type="radio"].tenebre_checkbox + label,
input[type="radio"].tenebre_checkbox_max + label {
padding: 0;
border: none;
width: 55px;
height: 48px;
pointer-events:none;
}
input[type="radio"].tenebre_checkbox:checked + label,
input[type="radio"].tenebre_checkbox_max:checked + label {
border: none;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/check_progress_tenebres.png);
background-size: contain;
}
input[type="radio"].tenebre_checkbox_max:checked + label {
border: none;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/check_progress_tenebres_max.png);
}
/* Format de page */
.charsheet textarea {
color: var(--base);
}
.charsheet textarea.name {
width: 176px;
outline: none;
resize: none;
padding: 0;
font-family: 'Trade Winds';
font-size: 25px;
line-height: 1.1;
border: none;
background: none;
text-align: center;
font-weight: bold;
cursor: pointer;
height: 60px;
}
.charsheet textarea.note {
width: 686px;
outline: none;
resize: none;
padding: 15px;
font-family: 'Trade Winds';
font-size: 17px;
line-height: 1.1;
border: 1px solid #0000002b;
cursor: pointer;
box-shadow: 0px 0px 15px 1px #0d0d0deb;
background: #f0f1ebb3;
border-radius: 10px;
height: 295px;
color: #000000ba;
}
.charsheet input.etat_custom {
width: 298px;
outline: none;
resize: none;
padding: 0;
font-family: 'Trade Winds';
font-size: 21px;
line-height: 1.1;
border: none;
background: none;
text-align: center;
cursor: pointer;
height: 38px;
color: #252524db;
}
.charsheet select {
width: auto;
border: none;
background: transparent;
padding-left: 0px;
padding-bottom: 0px;
border: 1px solid red;
color: var(--base);
cursor: pointer;
}
select.archetype {
font-size: 20px;
text-align: center;
margin-top: 0px;
margin-left: 0px;
width: 155px;
border: none;
}
select.classe {
font-size: 15px;
text-align: center;
margin-top: 0px;
margin-left: 0px;
width: 232px;
border: none;
}
select.aspect {
font-size: 17px;
text-align: center;
width: 265px;
height: 90px;
border: none;
color: black;
font-weight: bold;
position: relative;
z-index: 1;
}
select.roll {
font-size: 15px;
text-align: center;
border: 1px solid #000;
background: #c2c2c2;
height: 35px;
border-radius: 30px;
box-shadow: 2px 4px 7px 3px #0a0a0ae3;
padding-top: 6px;
padding-left: 10px;
width: 215px;
}
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;
border-radius: 0px;
background-color: transparent;
outline: none;
border: none;
font-family: 'Trade Winds';
font-size: 25px;
color: var(--base);
cursor: pointer;
}
.richesse input[type=number] {
font-size: 50px;
width: 70px !important;
text-align: center;
}
.coeur input[type=number],
.etoile input[type=number] {
font-size: 38px;
width: 70px !important;
text-align: center;
}
.total_tenebres input[type=number],
.total_tresors input[type=number] {
font-size: 40px;
text-align: center;
padding-top: 8px;
margin-left: 2px;
height: 70px;
width: 74px !important;
}
.total_tenebres input[type=number] {
color: #ff0404c4;
}
.total_tresors input[type=number] {
color: #b78300;
}
span.creation_titre {
font-size: 19px;
}
/* Bouton choix intro et Roll */
span.picto_reset_intro {
font-family: 'Pictos';
font-size: 28px;
}
span.picto_reset {
font-family: 'Pictos';
font-size: 28px;
}
span.picto_creation {
font-family: 'Pictos';
font-size: 28px;
margin-right: 10px;
}
select.creation_role,
select.creation_archetype_select,
select.creation_classe,
select.creation_classe_select,
select.creation_classe1,
select.creation_classe2,
select.creation_classe3
{
font-size: 15px;
color: #970404;
text-align: center;
border: none;
width: auto;
margin-top: -5px;
}
select.creation_classe1,
select.creation_classe2,
select.creation_classe3 {
margin-top: 0px;
text-align: left;
margin-left: 10px;
}
select.creation_classe1 {
pointer-events: none;
}
select.creation_role {
width: 520px;
}
select.creation_archetype_select{
width: 440px;
}
select.creation_classe {
width: auto;
}
select.creation_classe_select {
width: 400px;
}
div.reset_creation {
margin-left: 5px;
margin-top: 0px;
background: black;
width: 74px;
border-radius: 30px;
border: 1px solid #ffffffd6;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
div.creation_role {
margin-right: 90px;
border: 1px solid black;
margin-left: 200px;
box-shadow: 5px 5px 5px #0d0d0da6;
text-align: center;
background: #f0f1ebd9;
border-radius: 25px;
margin-top: 25px;
}
div.creation_archetype {
margin-top: 40px;
margin-right: 270px;
border: 1px solid black;
margin-left: 90px;
box-shadow: 5px 5px 5px #0d0d0da6;
text-align: center;
background: #f0f1eb8c;
border-radius: 25px;
}
div.creation_classe {
margin-top: 40px;
margin-left: 310px;
border: 1px solid black;
margin-right: 90px;
box-shadow: 5px 5px 5px #0d0d0da6;
text-align: center;
background: #f0f1eb8c;
border-radius: 25px;
}
div.creation_aspect {
margin-top: 40px;
margin-left: 60px;
border: 1px solid black;
margin-right: 50px;
box-shadow: 5px 5px 5px #0d0d0da6;
text-align: left;
background: #f0f1ebd9;
padding-left: 12px;
border-radius: 25px;
}
div.creation_aspect1 {
margin-top: 5px;
margin-left: 30px;
margin-right: 30px;
}
div.creation_aspect2 {
margin-left: 60px;
margin-right: 98px;
}
div.creation_aspect3 {
margin-left: 90px;
margin-right: 70px;
}
div.creation_valider {
margin-top: 20px;
text-align: center;
}
.charsheet button[type=action].intro_reset::before,
.charsheet button[type=action].paragon_intro::before,
.charsheet button[type=action].eclaireur_intro::before,
.charsheet button[type=action].guerrier_intro::before,
.charsheet button[type=action].sentinelle_intro::before,
.charsheet button[type=roll].roll_dice::before,
.charsheet button[type=action].reset::before {
content: '';
}
/* Boutton changement de PAGE */
.charsheet button[type=action].page_up,
.charsheet button[type=action].page_down,
.charsheet button[type=action].page_note{
padding: 0;
color: #ffffff54;
border: none;
width: 25px;
writing-mode: vertical-rl;
text-orientation: mixed;
font-size: 18px;
background: rgb(0,0,0);
}
.charsheet button[type=action].page_up {
height: 1237px;
box-shadow: 3px -1px 11px 3px #0a0a0ac4;
border-radius: 5px 20px 20px 5px;
margin-left: -2px;
background: linear-gradient(90deg, rgba(28,28,27,1) 20%, rgb(73 71 71) 100%);
text-align: left;
padding-top: 230px;
padding-right: 2px;
border-left: 1px solid #000000;
}
.charsheet button[type=action].page_down{
height: 630px;
box-shadow: -6px -3px 7px 1px #29292957;
border-radius: 20px 0px 0px 20px;
margin-left: -5px;
padding-right: 3px;
background: rgb(99,98,98);
background: linear-gradient(90deg, rgba(99,98,98,1) 20%, rgb(0 0 0 / 73%) 100%);
border-right: 1px solid black;
}
.charsheet button[type=action].page_note{
height: 1237px;
box-shadow: -6px -3px 7px 1px #29292957;
border-radius: 20px 0px 0px 20px;
margin-left: -5px;
padding-right: 3px;
background: rgb(99,98,98);
background: linear-gradient(90deg, rgb(74, 73, 73) 20%, rgba(0, 0, 0, 0.73) 50%);
border-right: 1px solid black;
padding-bottom: 580px
}
body.sheet-darkmode button[type=action].page_up {
box-shadow: 5px 0px 9px 1px #cdcdcd75;
}
body.sheet-darkmode button[type=action].page_down {
box-shadow: -2px -3px 4px 1px #cdcdcd57;
}
body.sheet-darkmode button[type=action].page_note {
box-shadow: -2px -3px 4px 1px #cdcdcd57;
}
.charsheet button[type=action].page_up:hover,
.charsheet button[type=action].page_down:hover,
.charsheet button[type=action].page_note:hover
{
color: #ffffffb5;
}
.charsheet button[type=action].page_up:hover {
background: linear-gradient(90deg, rgba(28,28,27,1) 20%, rgba(112,30,30,1) 100%);
}
.charsheet button[type=action].page_down:hover{
background: rgb(112,30,30);
background: linear-gradient(90deg, rgba(112,30,30,1) 20%, rgb(0 0 0 / 73%) 100%);
}
.charsheet button[type=action].page_note:hover{
background: rgb(112,30,30);
background: linear-gradient(90deg, rgba(112,30,30,1) 20%, rgb(0 0 0 / 73%) 100%);
}
/* Boutton RESET */
.charsheet button[type=action].intro_reset{
border: none;
padding: 0;
background: none;
color: #ffffff2b;
}
.charsheet button[type=action].intro_reset:hover{
color: #ffffffb5;
}
.charsheet button[type=action].button_creation{
border: none;
padding: 0;
background: none;
color: #ffffffc4;
}
.charsheet button[type=action].button_creation:hover{
color: #970404;
}
.charsheet button[type=action].reset{
border: none;
padding: 0;
background: none;
color: #ffffff2b;
}
.charsheet button[type=action].reset:hover{
color: #ffffffb5;
}
/* Bouton choix type de personnage */
.charsheet button[type=action].paragon_intro,
.charsheet button[type=action].eclaireur_intro,
.charsheet button[type=action].guerrier_intro,
.charsheet button[type=action].sentinelle_intro {
width: 145px;
height: 133px;
border: none;
padding: 0;
background-size: cover;
background-repeat: no-repeat;
margin: 10px;
box-shadow: 2px 1px 7px 3px #0000006e;
border-radius: 10px;
}
.charsheet button[type=action].paragon_intro {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/button_paragon.png);
}
.charsheet button[type=action].eclaireur_intro {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/button_eclaireur.png);
}
.charsheet button[type=action].guerrier_intro {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/button_guerrier.png);
}
.charsheet button[type=action].sentinelle_intro {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/button_sentinelle.png);
}
.charsheet button[type=action].paragon_intro:hover,
.charsheet button[type=action].eclaireur_intro:hover,
.charsheet button[type=action].guerrier_intro:hover,
.charsheet button[type=action].sentinelle_intro:hover {
box-shadow: 0px 0px 16px 4px black;
}
/* Bouton choix creation personnage */
.charsheet button[type=action].boutton_creation {
width: 145px;
height: 287px;
border: 4px solid black;
padding: 0;
background-size: 255px 287px;
background-repeat: no-repeat;
box-shadow: 2px 1px 7px 3px #0000006e;
border-radius: 10px;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/boutton_creation_personnage.PNG);
background-position: right 72% bottom -528%;
}
.charsheet button[type=action].boutton_creation:hover {
box-shadow: 0px 0px 16px 4px black;
}
/* Bouton creation personnage */
.charsheet button[type=action].valider_personnage {
width: 295px;
height: 40px;
border: none;
padding: 0;
margin: 10px;
box-shadow: 2px 1px 7px 3px #0000006e;
border-radius: 10px;
background: linear-gradient(90deg, rgba(28,28,27,1) 20%, rgba(112,30,30,1) 100%);
font-size: 18px;
color: #ffffffc7;
}
.charsheet button[type=action].valider_personnage:hover {
box-shadow: 1px 2px 16px 4px #ffffff;
}
/* Boutton ROLL */
.charsheet button[type=roll].roll_dice::before {
content: '';
}
.charsheet button[type=roll].roll_dice {
width: 60px;
height: 60px;
border: none;
padding: 0;
margin: 0;
background-image: var(--dice_background);
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
}
.charsheet button[type=roll].roll_dice:hover {
margin-left: 1px;
padding: 0px;
background-position: 0 0px;
}
/* Roll Template DEDALE CLASSIQUE */
.sheet-rolltemplate-dedale {
margin-left: -20px;
--rouge: #a20202;
--vert: #176c17;
--noir: #000000c7;
}
.sheet-rolltemplate-dedale .sheet-container {
border-radius: 41px 10px 61px 10px;
position: relative;
margin-bottom: 15px;
box-shadow: 5px 7px 18px 2px #000000ba;
background-image: url('https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/roll_background.jpg');
background-size: 282px 172px;
}
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale .sheet-container {
box-shadow: 5px 7px 11px -1px #a4a0a05e;
}
.sheet-rolltemplate-dedale .sheet-header {
color: var(--header-text-color);
height: 107px;
display: flex;
align-items: center;
justify-content: center;
}
.sheet-rolltemplate-dedale .sheet-title {
font-weight: bold;
padding-bottom: 2px;
color: var(--noir);
text-align: center;
font-size: 20px;
font-family: 'Trade Winds', 'Proxima Nova';
line-height: 1.2;
padding-left: 37px;
padding-right: 37px;
padding-top: 19px;
}
.sheet-rolltemplate-dedale .sheet-subtitle {
font-size: 14px;
margin-top: 2px;
color: var(--noir);
text-align: center;
font-style: italic;
}
.sheet-rolltemplate-dedale .sheet-container {
--border-roll-color: #000000a6;
--header-text-color: #FFF;
--result-bg-color: #772d34;
--header-bg-color: #475e66;
}
.sheet-rolltemplate-dedale .sheet-content {
display: grid;
grid-template-columns: auto auto;
line-height: 1.4em;
color: #475e66;
border: none;
}
.sheet-rolltemplate-dedale .sheet-content2 {
display: grid;
grid-template-columns: 60px 30px 60px;
line-height: 1.4em;
color: #475e66;
border: none;
margin-left: 60px;
}
.sheet-rolltemplate-dedale .sheet-content > div {
padding: 5px;
}
.sheet-rolltemplate-dedale .sheet-content .sheet-key {
font-weight: bold;
padding-right: 10px;
text-align: right;
}
.sheet-rolltemplate-dedale .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-dedale .sheet-content :nth-child(4n) {
background: #6150451c;
}
.sheet-rolltemplate-dedale .sheet-desc,
.sheet-rolltemplate-dedale .sheet-desc-red,
.sheet-rolltemplate-dedale .sheet-desc-green,
.sheet-rolltemplate-dedale .sheet-desc-effet {
grid-column: span 2;
text-align: center;
padding-top: 5px !important;
padding-bottom: 18px !important;
height: 45px;
color: var(--noir) !important;
font-size: 25px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale .sheet-desc-effet1-green,
.sheet-rolltemplate-dedale .sheet-desc-effet1-red {
grid-column: 1;
text-align: center;
padding-top: 5px !important;
padding-bottom: 18px !important;
height: 45px;
color: var(--noir) !important;
font-size: 25px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale .sheet-desc-effet2 {
grid-column: 2;
text-align: center;
padding-top: 5px !important;
padding-bottom: 18px !important;
height: 45px;
color: var(--noir) !important;
font-size: 25px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale .sheet-desc-effet1-green,
.sheet-rolltemplate-dedale .sheet-desc-effet2-green {
color: green;
}
.sheet-rolltemplate-dedale .sheet-desc-effet1-red,
.sheet-rolltemplate-dedale .sheet-desc-effet2-red {
color: red;
}
.sheet-rolltemplate-dedale .sheet-desc-effet3-green,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red {
grid-column: 3;
text-align: center;
padding-top: 5px !important;
padding-bottom: 18px !important;
height: 45px;
color: var(--noir) !important;
font-size: 25px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale .inlinerollresult,
.sheet-rolltemplate-dedale .inlinerollresult.importantroll {
border: none !important;
background-color: transparent !important;
color: #475e66 !important;
}
.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.fullfail {
color: var(--noir) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.fullfail {
color: var(--rouge) !important;
}
.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.fullcrit {
color: var(--vert) !important;
}
.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult.fullfail {
color: var(--rouge) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult.fullcrit {
color: var(--vert) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale .sheet-desc-effet1-green .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-effet1-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-effet1-green .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc-effet1-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-effet3-green .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-effet3-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-effet3-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-effet3-green .inlinerollresult.fullcrit {
color: var(--vert) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale .sheet-desc-effet1-red .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-effet1-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-effet1-red .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc-effet1-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red .inlinerollresult.fullcrit{
color: var(--rouge) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
/* DEDALE ALT */
.sheet-rolltemplate-dedale-alt {
margin-left: -20px;
--rouge: #a20202;
--vert: #176c17;
--noir: #000000c7;
}
.sheet-rolltemplate-dedale-alt .sheet-container {
border-radius: 41px 10px 61px 10px;
position: relative;
margin-bottom: 15px;
box-shadow: 5px 7px 18px 2px #000000ba;
background-image: url('https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/roll_background.jpg');
background-size: 282px 172px;
}
.sheet-rolltemplate-dedale-alt .sheet-container-2,
.sheet-rolltemplate-dedale-alt .sheet-container-3 {
border-radius: 10px 10px 10px 10px;
position: relative;
margin-bottom: 15px;
margin-top: -25px;
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/roll_info.png);
box-shadow: 13px 10px 15px 0px #000000ba;
background-size: 246px 98px;
}
.sheet-rolltemplate-dedale-alt .sheet-container-2 {
margin-left: -11px;
margin-right: 51px;
margin-top: -102px;
}
.sheet-rolltemplate-dedale-alt .sheet-container-3 {
margin-left: 40px;
margin-right: 0px;
margin-top: -26px;
}
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale .sheet-container,
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale-alt .sheet-container {
box-shadow: 5px 7px 18px 2px #a4a0a05e;
width: 282px;
}
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale-alt .sheet-container-2,
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale-alt .sheet-container-3
{
box-shadow: 13px 10px 15px 0px #a4a0a05e;
width: 242px;
}
.sheet-rolltemplate-dedale-alt .sheet-header {
color: var(--header-text-color);
height: 107px;
display: flex;
align-items: center;
justify-content: center;
}
.sheet-rolltemplate-dedale-alt .sheet-title {
font-weight: bold;
padding-bottom: 2px;
color: var(--noir);
text-align: center;
font-size: 20px;
font-family: 'Trade Winds', 'Proxima Nova';
line-height: 1.2;
padding-left: 37px;
padding-right: 37px;
padding-top: 19px;
}
.sheet-rolltemplate-dedale-alt .sheet-subtitle {
font-size: 14px;
margin-top: 2px;
color: var(--noir);
text-align: center;
font-style: italic;
}
.sheet-rolltemplate-dedale-alt .sheet-container,
.sheet-rolltemplate-dedale-alt .sheet-container-2,
.sheet-rolltemplate-dedale-alt .sheet-container-3{
--border-roll-color: #000000a6;
--header-text-color: #FFF;
--result-bg-color: #772d34;
--header-bg-color: #475e66;
}
.sheet-rolltemplate-dedale-alt .sheet-content {
display: grid;
grid-template-columns: auto auto;
line-height: 1.4em;
color: #475e66;
border: none;
}
.sheet-rolltemplate-dedale-alt .sheet-content-2 {
display: grid;
grid-template-columns: auto auto;
line-height: 1.4em;
color: #475e66;
border: none;
}
.sheet-rolltemplate-dedale-alt .sheet-content-2-double {
display: grid;
grid-template-columns: auto auto;
line-height: 1.4em;
color: #475e66;
border: none;
margin-left: 45px;
margin-right: 45px;
}
.sheet-rolltemplate-dedale-alt .sheet-content-2-triple {
display: grid;
grid-template-columns: auto auto auto;
line-height: 1.4em;
color: #475e66;
border: none;
margin-left: 35px;
margin-right: 35px;
}
.sheet-rolltemplate-dedale-alt .sheet-content-2 {
display: grid;
grid-template-columns: auto auto;
line-height: 1.4em;
color: #475e66;
border: none;
}
.sheet-rolltemplate-dedale-alt .sheet-content3 {
display: grid;
grid-template-columns: 60px 30px 60px;
line-height: 1.4em;
color: #475e66;
border: none;
margin-left: 60px;
}
.sheet-rolltemplate-dedale-alt .sheet-info,
.sheet-rolltemplate-dedale-alt .sheet-info1 {
grid-column: span 2;
height: 100px;
color: var(--noir) !important;
font-size: 18px;
font-family: 'Trade Winds', 'Proxima Nova';
border: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.sheet-rolltemplate-dedale-alt .sheet-info2-1 {
grid-column: 1;
height: 100px;
color: var(--noir) !important;
font-size: 18px;
font-family: 'Trade Winds', 'Proxima Nova';
border: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.sheet-rolltemplate-dedale-alt .sheet-info2-2 {
grid-column: 2;
height: 100px;
color: var(--noir) !important;
font-size: 18px;
font-family: 'Trade Winds', 'Proxima Nova';
border: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.sheet-rolltemplate-dedale-alt .sheet-info2-1 {
grid-column: 1;
height: 100px;
color: var(--noir) !important;
font-size: 18px;
font-family: 'Trade Winds', 'Proxima Nova';
border: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.sheet-rolltemplate-dedale-alt .sheet-info3-1 {
grid-column: 1;
height: 100px;
color: var(--noir) !important;
font-size: 18px;
font-family: 'Trade Winds', 'Proxima Nova';
border: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.sheet-rolltemplate-dedale-alt .sheet-info3-2 {
grid-column: 2;
height: 100px;
color: var(--noir) !important;
font-size: 18px;
font-family: 'Trade Winds', 'Proxima Nova';
border: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.sheet-rolltemplate-dedale-alt .sheet-info3-3 {
grid-column: 3;
height: 100px;
color: var(--noir) !important;
font-size: 18px;
font-family: 'Trade Winds', 'Proxima Nova';
border: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red {
grid-column: 1;
text-align: center;
padding-top: 5px !important;
padding-bottom: 18px !important;
height: 45px;
color: var(--noir) !important;
font-size: 25px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-desc-effet2 {
grid-column: 2;
text-align: center;
padding-top: 5px !important;
padding-bottom: 18px !important;
height: 45px;
color: var(--noir) !important;
font-size: 25px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red {
grid-column: 3;
text-align: center;
padding-top: 5px !important;
padding-bottom: 18px !important;
height: 45px;
color: var(--noir) !important;
font-size: 25px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-desavantage,
.sheet-rolltemplate-dedale-alt .sheet-avantage {
position: absolute;
margin-top: 7px;
margin-left: 49px;
font-family: 'Trade Winds', 'Proxima Nova';
font-size: 18px;
color: var(--vert);
text-decoration: underline;
}
.sheet-rolltemplate-dedale-alt .sheet-desavantage {
color: var(--rouge);
}
.sheet-rolltemplate-dedale-alt .sheet-avantage {
color: var(--vert);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_1,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_2,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_3,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_4,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_5,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_6,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_7,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_8,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_9,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_10,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_1,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_2,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_3,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_4,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_5,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_6,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_7,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_8,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_9,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_10,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_1,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_2,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_3,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_4,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_5,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_6,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_7,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_8,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_9,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_10
{
position: absolute;
margin-top: 7px;
margin-left: 12px;
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_1.png);
background-size: 35px 30px;
width: 35px;
height: 30px;
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_1 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_1.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_2 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_2.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_3 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_3.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_4 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_4.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_5 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_5.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_6 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_6.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_7 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_7.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_8 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_8.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_9 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_9.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_10 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_10.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_1 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_1.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_2 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_2.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_3 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_3.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_4 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_4.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_5 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_5.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_6 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_6.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_7 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_7.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_8 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_8.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_9 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_9.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_10 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_10.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_1 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_1.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_2 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_2.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_3 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_3.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_4 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_4.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_5 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_5.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_6 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_6.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_7 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_7.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_8 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_8.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_9 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_9.png);
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_10 {
background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_10.png);
}
.sheet-rolltemplate-dedale-alt .sheet-content > div {
padding: 5px;
}
.sheet-rolltemplate-dedale-alt .sheet-content .sheet-key {
font-weight: bold;
padding-right: 10px;
text-align: right;
}
.sheet-rolltemplate-dedale-alt .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-dedale-alt .sheet-content :nth-child(4n) {
background: #6150451c;
}
.sheet-rolltemplate-dedale-alt .sheet-desc,
.sheet-rolltemplate-dedale-alt .sheet-desc-red,
.sheet-rolltemplate-dedale-alt .sheet-desc-green,
.sheet-rolltemplate-dedale-alt .sheet-desc-orange,
.sheet-rolltemplate-dedale-alt .sheet-desc-image {
grid-column: span 2;
text-align: center;
padding-top: 5px !important;
padding-bottom: 18px !important;
height: 45px;
color: var(--noir) !important;
font-size: 25px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-desc-red {
color: var(--rouge) !important;
}
.sheet-rolltemplate-dedale-alt .sheet-desc-green {
color: var(--vert) !important;
}
.sheet-rolltemplate-dedale-alt .sheet-desc-orange {
color: #b17300 !important;
}
.sheet-rolltemplate-dedale-alt .inlinerollresult,
.sheet-rolltemplate-dedale-alt .inlinerollresult.importantroll {
border: none !important;
background-color: transparent !important;
color: #475e66 !important;
}
.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.fullfail {
color: var(--noir) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-desc-image .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-image .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-image .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-image .inlinerollresult.fullfail {
color: var(--noir) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.fullfail {
color: var(--rouge) !important;
}
.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.fullcrit {
color: var(--vert) !important;
}
.sheet-rolltemplate-dedale-alt .sheet-desc-red .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-red .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-red .inlinerollresult.fullfail {
color: var(--rouge) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-desc-orange .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-orange .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-orange .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-orange .inlinerollresult.fullfail {
color: #b17300 !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-desc-green .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-green .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-green .inlinerollresult.fullfail {
color: var(--vert) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-rappel_1 .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-rappel_1 .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-rappel_1 .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-rappel_1 .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-rappel_2 .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-rappel_2 .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-rappel_2 .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-rappel_2 .inlinerollresult.fullfail{
color: #000 !important;
font-size: 20px;
font-family: 'Trade Winds', 'Proxima Nova';
background-color: #dbdbdb !important;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #151515 !important;
text-align: center;
}
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green .inlinerollresult.fullcrit {
color: var(--vert) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red .inlinerollresult.fullcrit{
color: var(--rouge) !important;
font-size: 45px;
font-family: 'Trade Winds', 'Proxima Nova';
}
.sheet-rolltemplate-dedale-alt .sheet-cle,
.sheet-rolltemplate-dedale-alt .sheet-bouquins,
.sheet-rolltemplate-dedale-alt .sheet-bottes,
.sheet-rolltemplate-dedale-alt .sheet-baston,
.sheet-rolltemplate-dedale-alt .sheet-bravoure,
.sheet-rolltemplate-dedale-alt .sheet-couronne {
width: 70px;
height: 70px;
background-size: cover;
background-repeat: no-repeat;
margin-top: 10px;
}
.sheet-rolltemplate-dedale-alt .sheet-cle-double,
.sheet-rolltemplate-dedale-alt .sheet-bouquins-double,
.sheet-rolltemplate-dedale-alt .sheet-bottes-double,
.sheet-rolltemplate-dedale-alt .sheet-baston-double,
.sheet-rolltemplate-dedale-alt .sheet-bravoure-double,
.sheet-rolltemplate-dedale-alt .sheet-couronne-double {
width: 60px;
height: 60px;
background-size: cover;
background-repeat: no-repeat;
margin-top: 10px;
}
.sheet-rolltemplate-dedale-alt .sheet-cle-triple,
.sheet-rolltemplate-dedale-alt .sheet-bouquins-triple,
.sheet-rolltemplate-dedale-alt .sheet-bottes-triple,
.sheet-rolltemplate-dedale-alt .sheet-baston-triple,
.sheet-rolltemplate-dedale-alt .sheet-bravoure-triple,
.sheet-rolltemplate-dedale-alt .sheet-couronne-triple {
width: 50px;
height: 50px;
background-size: cover;
background-repeat: no-repeat;
margin-top: 10px;
}
.sheet-rolltemplate-dedale-alt .sheet-cle,
.sheet-rolltemplate-dedale-alt .sheet-cle-double,
.sheet-rolltemplate-dedale-alt .sheet-cle-triple {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_cle.png);
}
.sheet-rolltemplate-dedale-alt .sheet-bouquins,
.sheet-rolltemplate-dedale-alt .sheet-bouquins-double,
.sheet-rolltemplate-dedale-alt .sheet-bouquins-triple {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_bouquins.png);
}
.sheet-rolltemplate-dedale-alt .sheet-bottes,
.sheet-rolltemplate-dedale-alt .sheet-bottes-double,
.sheet-rolltemplate-dedale-alt .sheet-bottes-triple {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_bottes.png);
}
.sheet-rolltemplate-dedale-alt .sheet-baston,
.sheet-rolltemplate-dedale-alt .sheet-baston-double,
.sheet-rolltemplate-dedale-alt .sheet-baston-triple {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_baston.png);
}
.sheet-rolltemplate-dedale-alt .sheet-bravoure,
.sheet-rolltemplate-dedale-alt .sheet-bravoure-double,
.sheet-rolltemplate-dedale-alt .sheet-bravoure-triple {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_bravoure.png);
}
.sheet-rolltemplate-dedale-alt .sheet-couronne,
.sheet-rolltemplate-dedale-alt .sheet-couronne-double,
.sheet-rolltemplate-dedale-alt .sheet-couronne-triple {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_couronne.png);
}