mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
1893 lines
45 KiB
CSS
1893 lines
45 KiB
CSS
/* INTERFACE */
|
|
@import url('https://fonts.googleapis.com/css2?family=Jim+Nightshade&family=Electrolize&family=Metamorphous&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Electrolize&display=swap');
|
|
/* font-family: "Metamorphous", serif; */
|
|
/* font-family: "Jim Nightshade", serif; */
|
|
/* font-family: "Electrolize", serif; */
|
|
|
|
.sheet-darkmode .sheetform {
|
|
background-color: #1f1f1f;
|
|
}
|
|
|
|
.sheetform {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.charsheet {
|
|
font-family: 'Contrail One', sans-serif;
|
|
--color_attribut_corps: #e42525f0;
|
|
--color_attribut_ame: #c5a600;
|
|
--color_attribut_esprit: #4682B4;
|
|
--color_attribut_matrice: #80018b;
|
|
--color_base: #000000;
|
|
--text_black: #333;
|
|
color: var(--text_black);
|
|
width: 825px;
|
|
margin-bottom: 10px;
|
|
background-color: white;
|
|
border: 1px solid var(--black);
|
|
box-shadow: 2px 2px 5px 1px #000000ba;
|
|
background-size: cover;
|
|
}
|
|
|
|
/* VARIABLES SKIN ICI pour feuille et ligne 1150 Rolltemplate */
|
|
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
|
|
background-color: transparent;
|
|
border-color: var(--couleur_background_large);
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/* Classique */
|
|
.sheetform .skin[value="0"] ~ .feuille {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_0.webp);
|
|
background-size: cover;
|
|
--background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_0.webp);
|
|
--background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_0.webp);
|
|
--fond_checkbox: #eee;
|
|
--couleur_background_large: black;
|
|
--couleur_background_slider: rgb(255, 255, 255);
|
|
--border_talent: #00000085;
|
|
--decalage_systeme: 805px;
|
|
margin: -10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Western */
|
|
.sheetform .skin[value="1"] ~ .feuille {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_1.webp);
|
|
background-size: cover;
|
|
--background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_1.webp);
|
|
--background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_1.webp);
|
|
--rotate_logo: rotate(2deg);
|
|
--color_attribut_ame: #7a6800;
|
|
--fond_checkbox: #f7eaca;
|
|
--couleur_background_large: #461a01;
|
|
--couleur_background_slider: #511d007d;
|
|
--border_talent: #00000085;
|
|
--decalage_systeme: 805px;
|
|
margin: -10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Espionnage */
|
|
.sheetform .skin[value="2"] ~ .feuille {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_2.webp);
|
|
background-size: cover;
|
|
--background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_2.webp);
|
|
--background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_2.webp);
|
|
--fond_checkbox: #f3f3f3;
|
|
--rotate_logo: rotate(-4deg);
|
|
--textarea-position: -10px -320px;
|
|
--couleur_background_large: #170000;
|
|
--couleur_background_slider: #ffffff4a;
|
|
--border_talent: #00000085;
|
|
--decalage_slider: 10px;
|
|
--decalage_systeme: 795px;
|
|
margin: -10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Cyberpunk */
|
|
.sheetform .skin[value="3"] ~ .feuille {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_3.webp);
|
|
background-size: cover;
|
|
--background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_3.webp);
|
|
--background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_3.webp);
|
|
--fond_checkbox: #f3f3f3;
|
|
--rotate_logo: rotate(-4deg);
|
|
--textarea-position: -2px -320px;
|
|
--couleur_background_large: #5b005e;
|
|
--couleur_background_slider: #5b005e;
|
|
--border_talent: #5b005e;
|
|
--decalage_slider: 205px;
|
|
--decalage_systeme: 553px;
|
|
margin: -10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Pirate */
|
|
.sheetform .skin[value="4"] ~ .feuille {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_4.webp);
|
|
background-size: cover;
|
|
--background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_4.webp);
|
|
--background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_4.webp);
|
|
--fond_checkbox: #f3f3f3;
|
|
--rotate_logo: rotate(2deg);
|
|
--textarea-position: -2px -320px;
|
|
--couleur_background_large: #600202;
|
|
--couleur_background_slider: #fff0;
|
|
--border_talent: #600202;
|
|
--decalage_slider: 0px;
|
|
--decalage_systeme: 797px;
|
|
margin: -10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Demonologist */
|
|
.sheetform .skin[value="5"] ~ .feuille {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_5.webp);
|
|
background-size: cover;
|
|
--background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_5.webp);
|
|
--background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_5.webp);
|
|
--color_attribut_ame: #7a6800;
|
|
--fond_checkbox: #f3f3f3;
|
|
--rotate_logo: rotate(3deg);
|
|
--textarea-position: -77px -320px;
|
|
--couleur_background_large: #262424;
|
|
--couleur_background_slider: #fff0;
|
|
--border_talent: #262424;
|
|
--decalage_slider: 40px;
|
|
--decalage_systeme: 759px;
|
|
margin: -10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Obscuritas */
|
|
.sheetform .skin[value="6"] ~ .feuille {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_6.webp);
|
|
background-size: cover;
|
|
--background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_6.webp);
|
|
--background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_6.webp);
|
|
--fond_checkbox: #dedede;
|
|
--rotate_logo: rotate(0deg);
|
|
--textarea-position: -77px -320px;
|
|
--couleur_background_large: #46373c;
|
|
--couleur_background_slider: #d0d0d096;
|
|
--border_talent: #46373c;
|
|
--decalage_slider: 0px;
|
|
--decalage_systeme: 807px;
|
|
margin: -10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* Futur */
|
|
.sheetform .skin[value="7"] ~ .feuille {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_7.webp);
|
|
background-size: cover;
|
|
--background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_7.webp);
|
|
--background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_7.webp);
|
|
--color_attribut_ame: #826f04;
|
|
--fond_checkbox: #b7edf7;
|
|
--rotate_logo: rotate(0deg);
|
|
--textarea-position: -77px -320px;
|
|
--couleur_background_large: #034048;
|
|
--couleur_background_slider: #fff0;
|
|
--border_talent: #034048;
|
|
--decalage_slider: 0px;
|
|
--decalage_systeme: 806px;
|
|
margin: -10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.charsheet select.choix_armes {
|
|
text-align: left;
|
|
height: 20px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: transparent;
|
|
border: none;
|
|
width: 105%;
|
|
color: var(--text_black);
|
|
padding-left: 5px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.charsheet input.armes {
|
|
border: none;
|
|
outline: none;
|
|
resize: none;
|
|
padding: 0px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
color: var(--black);
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
background: transparent;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
div.go_systeme,
|
|
div.go_feuille,
|
|
div.go_admin {
|
|
position: absolute;
|
|
margin-left: 808px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
div.jet_normal,
|
|
div.jet_cache {
|
|
position: absolute;
|
|
margin-top: -28px;
|
|
margin-left: 44px;
|
|
}
|
|
|
|
div.jet_cache {
|
|
color: var(--color_attribut_corps);
|
|
}
|
|
|
|
div.go_systeme {
|
|
margin-top: -30px;
|
|
margin-left: var(--decalage_systeme);
|
|
}
|
|
|
|
div.go_admin {
|
|
position: absolute;
|
|
margin-left: 808px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/* Affichage des page dynamique */
|
|
div.feuille,
|
|
div.systeme,
|
|
div.admin,
|
|
div.jet_normal,
|
|
div.jet_cache,
|
|
div.dice_roll20,
|
|
div.dice_physique {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .choix_page[value="0"] ~ div.feuille,
|
|
.charsheet .choix_page[value="1"] ~ div.systeme,
|
|
.charsheet .choix_page[value="2"] ~ div.admin,
|
|
.charsheet .type_jet[value="0"] ~ div.jet_normal,
|
|
.charsheet .type_jet[value="1"] ~ div.jet_cache,
|
|
.charsheet .type_roll[value="0"] ~ div.dice_roll20,
|
|
.charsheet .type_roll[value="1"] ~ div.dice_physique
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input[type=number]::-webkit-inner-spin-button,
|
|
.charsheet input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type="number"] {
|
|
appearance: unset;
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.charsheet button[type=action].button_talent::before,
|
|
.charsheet button[type=roll].button_talent::before,
|
|
.charsheet button[type=action].button_competence::before,
|
|
.charsheet button[type=roll].button_competence::before,
|
|
.charsheet button[type=action].button_initiative::before,
|
|
.charsheet button[type=roll].button_initiative::before,
|
|
.charsheet button[type=action].button_go::before,
|
|
.charsheet button[type=action].button_admin::before,
|
|
.charsheet button[type=action].button_show::before,
|
|
.charsheet button[type=roll].button_roll::before,
|
|
.charsheet button[type=action].button_archetype::before {
|
|
content: '';
|
|
}
|
|
|
|
.charsheet button[type=action].button_talent,
|
|
.charsheet button[type=roll].button_talent {
|
|
width: 119px;
|
|
height: 25px;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
font-size: 14px;
|
|
text-align: right;
|
|
line-height: 14px;
|
|
margin-top: -5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.charsheet button[type=action].button_competence,
|
|
.charsheet button[type=roll].button_competence,
|
|
.charsheet button[type=action].button_show,
|
|
.charsheet button[type=roll].button_roll {
|
|
width: 95px;
|
|
height: 25px;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
line-height: 18px;
|
|
margin-top: -7px;
|
|
}
|
|
|
|
.charsheet button[type=action].button_archetype {
|
|
width: auto;
|
|
height: 25px;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.charsheet button[type=action].button_go,
|
|
.charsheet button[type=action].button_admin {
|
|
height: 25px;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
text-align: center;
|
|
line-height: 18px;
|
|
margin-top: -7px;
|
|
font-family: 'Pictos';
|
|
color: #00000042;
|
|
width: 25px;
|
|
font-size: 25px;
|
|
}
|
|
|
|
.charsheet button[type=action].button_admin {
|
|
color: #00000000;
|
|
}
|
|
|
|
.charsheet button[type=action].button_show {
|
|
width: auto;
|
|
font-size: 24px;
|
|
color: #33333342;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.charsheet button[type=roll].button_roll {
|
|
width: auto;
|
|
font-size: 20px;
|
|
color: #333333c0;
|
|
}
|
|
|
|
.charsheet button[type=action].button_initiative,
|
|
.charsheet button[type=roll].button_initiative {
|
|
width: 95px;
|
|
height: 25px;
|
|
border: none;
|
|
padding: 5px;
|
|
margin: 0;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
line-height: 20px;
|
|
margin-top: -12px;
|
|
color: white;
|
|
}
|
|
|
|
.charsheet button[type=action].button_talent:hover,
|
|
.charsheet button[type=roll].button_talent:hover {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.charsheet button[type=action].button_competence:hover,
|
|
.charsheet button[type=roll].button_competence:hover{
|
|
margin-left: -2px;
|
|
}
|
|
|
|
.charsheet button[type=action].button_archetype:hover{
|
|
margin-left: -2px;
|
|
color: rgba(124, 0, 0, 0.897);
|
|
}
|
|
|
|
.charsheet button[type=action].button_initiative:hover,
|
|
.charsheet button[type=roll].button_initiative:hover {
|
|
margin-left: -2px;
|
|
color: #a52e2e;
|
|
}
|
|
|
|
.charsheet button[type=action].button_go:hover,
|
|
.charsheet button[type=action].button_show:hover,
|
|
.charsheet button[type=roll].button_roll:hover {
|
|
color: var(--text_black);
|
|
}
|
|
|
|
.charsheet button[type=action].button_admin:hover {
|
|
color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.initiative-haut {
|
|
position: absolute;
|
|
z-index: 2;
|
|
margin-top: 9%;
|
|
margin-left: 86%;
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
div.show_dice,
|
|
div.show_talent,
|
|
div.show_combat,
|
|
div.show_specialisation,
|
|
div.show_inventaire,
|
|
div.show_note {
|
|
display: none;
|
|
}
|
|
|
|
.charsheet .voir_dice[value="0"] ~ div.show_dice,
|
|
.charsheet .voir_talent[value="0"] ~ div.show_talent,
|
|
.charsheet .voir_combat[value="0"] ~ div.show_combat,
|
|
.charsheet .voir_specialisation[value="0"] ~ div.show_specialisation,
|
|
.charsheet .voir_inventaire[value="0"] ~ div.show_inventaire,
|
|
.charsheet .voir_note[value="0"] ~ div.show_note {
|
|
display: block;
|
|
}
|
|
|
|
|
|
.itd-container {
|
|
font-family: 'Contrail One', sans-serif;
|
|
width: 825px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.itd-logo-and-info {
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.itd-inner {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
margin: 0% 5% 0% 5%;
|
|
display: block;
|
|
}
|
|
|
|
.itd-inner-text {
|
|
margin: 25px 5% 25px 5%;
|
|
}
|
|
|
|
.itd-inner:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
span.rouge {
|
|
color: var(--color_attribut_corps);
|
|
}
|
|
|
|
span.jaune {
|
|
color: var(--color_attribut_ame);
|
|
}
|
|
|
|
span.violet {
|
|
color: var(--color_attribut_matrice);
|
|
}
|
|
|
|
span.bleu {
|
|
color: var(--color_attribut_esprit);
|
|
}
|
|
|
|
span.rouge-souligne {
|
|
color: var(--color_attribut_corps);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
span.jaune-souligne {
|
|
color: var(--color_attribut_ame);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
span.bleu-souligne {
|
|
color: var(--color_attribut_esprit);
|
|
text-decoration: underline;
|
|
}
|
|
|
|
span.violet-souligne {
|
|
color: var(--color_attribut_matrice);
|
|
}
|
|
|
|
span.info-xp {
|
|
font-size: 14px;
|
|
}
|
|
|
|
span.picto {
|
|
font-family: 'pictos';
|
|
}
|
|
|
|
.itd-logo-table-col-titre {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: center;
|
|
border-bottom: 4px solid black;
|
|
border-top: 4px solid black;
|
|
margin-left: 40px;
|
|
display: grid;
|
|
align-items: center;
|
|
padding: 20px;
|
|
font-size: 30px;
|
|
}
|
|
/* Logo Version seulement texte */
|
|
/* .itd-logo-table-col1 {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: center;
|
|
height: 180px;
|
|
display: grid;
|
|
align-items: center;
|
|
} */
|
|
|
|
/* Logo version image */
|
|
.itd-logo-table-col1 {
|
|
float: left;
|
|
width: 35%;
|
|
text-align: center;
|
|
height: 180px;
|
|
display: grid;
|
|
align-items: center;
|
|
background-image: var(--background_logo);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
margin-left: 60px;
|
|
margin-right: 38px;
|
|
margin-bottom: 30px;
|
|
margin-top: 20px;
|
|
transform: var(--rotate_logo);
|
|
}
|
|
|
|
.itd-logo-table-col {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-table-2col {
|
|
float: left;
|
|
width: 50%;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-table-3col {
|
|
float: left;
|
|
width: 33.3%;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-table-4col {
|
|
float: left;
|
|
width: 25%;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-table-5col {
|
|
float: left;
|
|
width: 20%;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-table-6col {
|
|
float: left;
|
|
width: 16%;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-table-7col {
|
|
float: left;
|
|
width: 14%;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-basic-info {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-family: 'Contrail One', sans-serif;
|
|
font-size: 20px;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-top: 8%;
|
|
}
|
|
|
|
.itd-input-basic-info {
|
|
resize: none;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.input-basic-info,
|
|
.input-basic-info-symbiose {
|
|
font-family: 'Contrail One', sans-serif;
|
|
font-size: 20px;
|
|
width: 100%;
|
|
padding: 5px 5px;
|
|
box-sizing: border-box;
|
|
border: 2px solid #ccc;
|
|
border-radius: 4px;
|
|
background-color: #ffffff52;
|
|
resize: none;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.input-basic-info-symbiose {
|
|
width: 100%;
|
|
}
|
|
|
|
.itd-label-basic-info {
|
|
font-family: 'Contrail One', sans-serif;
|
|
font-size: 20px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.itd-label-basic-info-col {
|
|
position: relative;
|
|
overflow: hidden;
|
|
float: left;
|
|
width: 35%;
|
|
text-align: center;
|
|
margin-top: 7px;
|
|
}
|
|
.input-basic-info-col {
|
|
position: relative;
|
|
overflow: hidden;
|
|
float: left;
|
|
width: 65%;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-logo {
|
|
width: 250px;
|
|
height: 200px;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-basic-attribute-cells {
|
|
display: inline-block;
|
|
height: 23px;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-three-columns-td {
|
|
width: 33.3%;
|
|
}
|
|
|
|
.itd-basic-attribute-corps,
|
|
.itd-basic-attribute-ame,
|
|
.itd-basic-attribute-esprit,
|
|
.itd-basic-attribute-initiative {
|
|
font-family: 'Contrail One', sans-serif;
|
|
font-size: 18px;
|
|
margin-top: 8px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.itd-basic-attribute-corps {
|
|
color: var(--color_attribut_corps);
|
|
}
|
|
|
|
.itd-basic-attribute-ame {
|
|
color: var(--color_attribut_ame);;
|
|
}
|
|
|
|
.itd-basic-attribute-esprit {
|
|
color: var(--color_attribut_esprit);;
|
|
}
|
|
|
|
.itd-basic-attribute-esprit {
|
|
color: var(--color_base);;
|
|
}
|
|
|
|
.itd-input-basic-attribute {
|
|
width: 60px !important;
|
|
height: 60px !important;
|
|
font-size: 40px;
|
|
text-align: center;
|
|
font-family: 'Contrail One', sans-serif;
|
|
border-color: var(--couleur_background_large);
|
|
background-color: transparent;
|
|
border-radius: 0px;
|
|
border-style: solid;
|
|
border-width: 2px;
|
|
box-shadow: 2px 2px 6px 0px #00000091;
|
|
}
|
|
|
|
.itd-attr-button {
|
|
height: 25px;
|
|
width: 25px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.itd-basic-talent-corps,
|
|
.itd-basic-talent-ame,
|
|
.itd-basic-talent-esprit {
|
|
font-family: 'Contrail One', sans-serif;
|
|
font-size: 18px;
|
|
margin-top: 8px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.itd-basic-talent-corps {
|
|
color: var(--color_attribut_corps);
|
|
}
|
|
|
|
.itd-basic-talent-ame {
|
|
color: var(--color_attribut_ame);;
|
|
}
|
|
|
|
.itd-basic-talent-esprit {
|
|
color: var(--color_attribut_esprit);;
|
|
}
|
|
|
|
.charsheet .itd-input-basic-talent {
|
|
width: 30px !important;
|
|
height: 30px !important;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
font-family: 'Contrail One', sans-serif;
|
|
border-color: black;
|
|
background-color: transparent;
|
|
border-radius: 0px;
|
|
border: none;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.itd-talent-button {
|
|
height: 20px;
|
|
width: 20px;
|
|
vertical-align: middle;
|
|
margin-top: -11px;
|
|
}
|
|
|
|
.wrapper_talent {
|
|
display: grid;
|
|
grid-template-columns: 18% 6% 17% 0% 4% 3% 0% 2% 17% 0% 4% 3% 0% 2% 17% 0% 4% 0% 0% 0%;
|
|
grid-auto-rows: 25px;
|
|
font-size: 14px;
|
|
padding: 5px;
|
|
border: 2px solid #00000061;
|
|
box-shadow: 2px 2px 6px 0px #000000ed;
|
|
}
|
|
|
|
.wrapper_armes {
|
|
display: grid;
|
|
grid-template-columns: 10% 2% 28% 0.5% 36% 0% 0% 0.5% 13% 0.5% 6%;
|
|
grid-auto-rows: 25px;
|
|
font-size: 13px;
|
|
padding: 5px;
|
|
border: 2px solid #00000061;
|
|
box-shadow: 2px 2px 6px 0px #000000ed;
|
|
}
|
|
|
|
.titre_competence_liee {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
padding-right: 0px;
|
|
font-size: 18px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.titre_talent_1 {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
margin-top: 2px;
|
|
border-bottom: 2px solid var(--border_talent);
|
|
}
|
|
|
|
.valeur_talent_1 {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
border-right: 2px solid var(--border_talent);
|
|
border-bottom: 2px solid var(--border_talent);
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.titre_talent_2 {
|
|
grid-column: 9;
|
|
grid-row: 1;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
margin-top: 2px;
|
|
border-bottom: 2px solid var(--border_talent);
|
|
}
|
|
|
|
.valeur_talent_2 {
|
|
grid-column: 11;
|
|
grid-row: 1;
|
|
border-right: 2px solid var(--border_talent);
|
|
border-bottom: 2px solid var(--border_talent);
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.titre_talent_3 {
|
|
grid-column: 15;
|
|
grid-row: 1;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
margin-top: 2px;
|
|
border-bottom: 2px solid var(--border_talent);
|
|
}
|
|
|
|
.valeur_talent_3 {
|
|
grid-column: 17;
|
|
grid-row: 1;
|
|
border-right: 2px solid var(--border_talent);
|
|
border-bottom: 2px solid var(--border_talent);
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.titre_armes {
|
|
grid-column: 1;
|
|
grid-row: 1/5;
|
|
text-align: center;
|
|
padding-right: 0px;
|
|
font-size: 24px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.type_arme,
|
|
.type_arme_titre {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
margin-top: 2px;
|
|
border: 1px solid var(--border_talent);
|
|
}
|
|
|
|
.type_arme_titre {
|
|
background: var(--couleur_background_large);
|
|
}
|
|
|
|
.nom_arme,
|
|
.nom_arme_titre {
|
|
grid-column: 5;
|
|
grid-row: 1;
|
|
margin-top: 2px;
|
|
border: 1px solid var(--border_talent);
|
|
}
|
|
|
|
.nom_arme_titre {
|
|
background: var(--couleur_background_large);
|
|
}
|
|
|
|
.degat_arme,
|
|
.degat_arme_titre {
|
|
grid-column: 9;
|
|
grid-row: 1;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
margin-top: 2px;
|
|
border: 1px solid var(--border_talent);
|
|
}
|
|
|
|
.degat_arme_titre {
|
|
background: var(--couleur_background_large);
|
|
}
|
|
|
|
.roll_arme,
|
|
.roll_arme_titre {
|
|
grid-column: 11;
|
|
grid-row: 1;
|
|
border: 1px solid var(--border_talent);
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.roll_arme_titre {
|
|
background: var(--couleur_background_large);
|
|
}
|
|
|
|
.initiative {
|
|
grid-column: 1/21;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
padding-right: 0px;
|
|
border-bottom: 2px solid black;
|
|
border-left: 2px solid black;
|
|
}
|
|
|
|
.charsheet .itd-black-band {
|
|
width: 100%;
|
|
height: 50px;
|
|
color: white;
|
|
font-size: 18px;
|
|
background-color: var(--couleur_background_large);
|
|
display: table;
|
|
vertical-align: middle;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.charsheet .itd-black-band-text {
|
|
margin: 0% 5% 0% 5%;
|
|
padding-top: 14px;
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-marker {
|
|
width: 100%;
|
|
height: 15px;
|
|
/* border-bottom: 5px solid black; */
|
|
text-align: center;
|
|
}
|
|
|
|
.itd-marker-text {
|
|
font-size: 24px;
|
|
/* background-color: white; */
|
|
padding: 0 10px;
|
|
/* background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_feuille.webp); */
|
|
/* background-size: cover; */
|
|
}
|
|
|
|
.wrapper-itd-marker {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto 1fr;
|
|
grid-auto-rows: 25px;
|
|
}
|
|
|
|
.barre_gauche {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
padding-right: 0px;
|
|
font-size: 18px;
|
|
margin-top: 2px;
|
|
border-bottom: 5px solid var(--couleur_background_large);
|
|
}
|
|
|
|
.barre_droite {
|
|
grid-column: 3;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
padding-right: 0px;
|
|
font-size: 18px;
|
|
margin-top: 2px;
|
|
border-bottom: 5px solid var(--couleur_background_large);
|
|
}
|
|
|
|
.texte_centrale {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
text-align: center;
|
|
padding-right: 0px;
|
|
margin-top: 5px;
|
|
font-size: 24px;
|
|
/* background-color: white; */
|
|
padding: 0 10px;
|
|
}
|
|
|
|
textarea {
|
|
font-family: sans-serif;
|
|
width: 100%;
|
|
padding: 12px 20px;
|
|
box-sizing: border-box;
|
|
border: 2px solid #ccc;
|
|
border-radius: 4px;
|
|
background-image: var(--background-textarea);
|
|
background-position: var(--textarea-position);
|
|
resize: none;
|
|
box-shadow: 3px 3px 5px 1px #000000a6;
|
|
font-family: 'Contrail One', sans-serif;
|
|
}
|
|
|
|
.itd-experience-option {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
/* CUSTOM CHECKBOX */
|
|
.charsheet .itd-checkbox-container {
|
|
display: inline;
|
|
position: relative;
|
|
padding-left: 20px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
font-size: 15px;
|
|
}
|
|
|
|
/* Hide the browser's checkbox */
|
|
.charsheet .itd-checkbox-container input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.charsheet .itd-checkbox-checkmark {
|
|
position: absolute;
|
|
top: -2px;
|
|
left: 0;
|
|
height: 20px;
|
|
width: 20px;
|
|
background-color: var(--fond_checkbox);
|
|
border-radius: 0px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-shadow: 2px 2px 3px 0px #000000a6;
|
|
}
|
|
|
|
.charsheet .itd-checkbox-container:hover input~.itd-checkbox-checkmark {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.charsheet .itd-checkbox-container input:checked~.itd-checkbox-checkmark {
|
|
background-color: black;
|
|
}
|
|
|
|
.charsheet .itd-checkbox-checkmark:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
/* Show the checkmark when checked */
|
|
.charsheet .itd-checkbox-container input:checked~.itd-checkbox-checkmark:after {
|
|
display: block;
|
|
}
|
|
|
|
/* Custom checkmark */
|
|
.charsheet .itd-checkbox-container .itd-checkbox-checkmark:after {
|
|
left: 6px;
|
|
top: 2px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
border-color: #dcca00;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
/* CUSTOM RADIO BUTTONS */
|
|
.charsheet .itd-radio-container {
|
|
display: inline;
|
|
position: relative;
|
|
padding-left: 15px; /* 22px; outside roll20 */
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
|
|
.charsheet .itd-radio-checkmark {
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 3px;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: var(--fond_checkbox);
|
|
}
|
|
|
|
.charsheet .itd-radio-container:hover input~.itd-radio-checkmark {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.protection-color {
|
|
background-color: #018610;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.wound-color {
|
|
background-color: #b70000;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.wound-color1 {
|
|
background-color: #660000;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.wound-color2 {
|
|
background-color: #7A0000;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.wound-color3 {
|
|
background-color: #8E0000;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.wound-color4 {
|
|
background-color: #A20000;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.wound-color5 {
|
|
background-color: #b70000;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.stress-color {
|
|
background-color: #940094;
|
|
}
|
|
.charsheet .itd-radio-container input:checked~.stress-color1 {
|
|
background-color: #540054;
|
|
}
|
|
.charsheet .itd-radio-container input:checked~.stress-color2 {
|
|
background-color: #680068;
|
|
}
|
|
.charsheet .itd-radio-container input:checked~.stress-color3 {
|
|
background-color: #7C007C;
|
|
}
|
|
.charsheet .itd-radio-container input:checked~.stress-color4 {
|
|
background-color: #900090;
|
|
}
|
|
.charsheet .itd-radio-container input:checked~.stress-color5 {
|
|
background-color: #940094;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.zero-color {
|
|
background-color: #404040;
|
|
}
|
|
|
|
.charsheet .itd-radio-container input:checked~.experience-color {
|
|
background-color: #dcca00;
|
|
}
|
|
|
|
/* Hide indicator when not checked */
|
|
.charsheet .itd-radio-checkmark:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
/* Show the indicator when checked */
|
|
.charsheet .itd-radio-container input:checked~.itd-radio-checkmark:after {
|
|
display: inline;
|
|
}
|
|
|
|
/* Style the indicator */
|
|
.charsheet .itd-radio-container .itd-radio-checkmark:after {
|
|
top: 6px;
|
|
left: 6px;
|
|
width: 8px;
|
|
height: 8px;
|
|
background: black;
|
|
}
|
|
|
|
/* CSS de la partie systeme */
|
|
.summary-d100 {
|
|
line-height: 20px;
|
|
color: #333333e5;
|
|
margin-left: 25px;
|
|
padding-right: 260px;
|
|
}
|
|
|
|
.summary-d100 h2 {
|
|
text-align: center;
|
|
color: #444;
|
|
margin-left: -25px;
|
|
border: 2px solid black;
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.summary-d100 h3 {
|
|
color: #555;
|
|
}
|
|
|
|
.summary-d100 ul {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.summary-d100 ul li {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/* CSS Partie ARCHETYPE */
|
|
.admin_warning {
|
|
color: rgba(255, 0, 0, 0.829);
|
|
padding: 150px;
|
|
padding-top: 25px;
|
|
padding-bottom: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
.admin_mineur,
|
|
.admin_normal,
|
|
.admin_majeur {
|
|
padding: 15px;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
border: 1px solid grey;
|
|
background: grey;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
/* SLIDER GM */
|
|
span.classic {
|
|
color: #000000de;
|
|
}
|
|
|
|
span.cache {
|
|
color: var(--text_input_info);
|
|
}
|
|
|
|
.switch_w {
|
|
margin-left: var(--decalage_slider);
|
|
}
|
|
|
|
.charsheet input.sheet-prouesse-switch {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.charsheet .classic,
|
|
.charsheet .cache
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.pouvoir_data .prouesse_roll {
|
|
display: inline-block;
|
|
}
|
|
|
|
.charsheet input.sheet-prouesse-switch {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-prouesse-switch:not(:checked) ~ span.classic,
|
|
input.sheet-prouesse-switch:checked ~ span.cache {
|
|
display: inline-block;
|
|
}
|
|
|
|
.slider_prouesse {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
background-color: var(--couleur_background_slider);
|
|
-webkit-transition: .2s;
|
|
transition: .2s;
|
|
width: 30px;
|
|
height: 15px;
|
|
padding: 2px;
|
|
border: 1px solid #000;
|
|
box-shadow: 3px 2px 5px #435861ba;
|
|
margin-top: -2px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
|
|
.slider_prouesse:before {
|
|
display: inline-block;
|
|
content: "";
|
|
background-color: #000000de;
|
|
-webkit-transition: .2s;
|
|
transition: .2s;
|
|
width: 15px;
|
|
height: 15px;
|
|
}
|
|
|
|
input:checked + .slider_prouesse:before {
|
|
-webkit-transform: translateX(15px);
|
|
-ms-transform: translateX(15px);
|
|
transform: translateX(15px);
|
|
background-color: var(--color_attribut_corps);
|
|
}
|
|
|
|
/* Rounded sliders */
|
|
.slider_prouesse.round_prouesse {
|
|
border-radius: 34px;
|
|
}
|
|
|
|
.slider_prouesse.round_prouesse:before {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/* Structure Roll */
|
|
|
|
span.lettre {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
color: var(--couleur_background_large);
|
|
}
|
|
|
|
.wrapper_roll_dice {
|
|
display: grid;
|
|
grid-template-columns: 75px 80px 80px 80px 80px 80px 80px 80px;
|
|
grid-auto-rows: 45px;
|
|
color: var(--noir);
|
|
padding-top: 10px;
|
|
border-radius: 10px 10px 0px 0px;
|
|
border: var(--border_competence);
|
|
border-style: var(--border_style_competence);
|
|
border-bottom: none;
|
|
}
|
|
|
|
.wrapper_roll {
|
|
display: grid;
|
|
grid-template-columns: 75px 80px 80px 80px 80px 80px 80px 80px;
|
|
grid-auto-rows: 33px;
|
|
color: var(--noir);
|
|
border-radius: 0px 0px 10px 10px;
|
|
border: var(--border_competence);
|
|
border-style: var(--border_style_competence);
|
|
border-top: none;
|
|
}
|
|
|
|
div.roll_titre {
|
|
grid-column: 2;
|
|
margin-left: 5px;
|
|
letter-spacing: -1.5px;
|
|
font-size: 22px;
|
|
}
|
|
|
|
div.roll_d4 {
|
|
grid-column: 2;
|
|
text-align: center;
|
|
}
|
|
|
|
div.roll_d6 {
|
|
grid-column: 3;
|
|
text-align: center;
|
|
}
|
|
|
|
div.roll_d8 {
|
|
grid-column: 4;
|
|
text-align: center;
|
|
}
|
|
|
|
div.roll_d10 {
|
|
grid-column: 5;
|
|
text-align: center;
|
|
}
|
|
|
|
div.roll_d12 {
|
|
grid-column: 6;
|
|
text-align: center;
|
|
}
|
|
|
|
div.roll_d20 {
|
|
grid-column: 7;
|
|
text-align: center;
|
|
}
|
|
|
|
div.roll_d100 {
|
|
grid-column: 8;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Boutton ROLL */
|
|
.charsheet button[type=roll].roll_dice::before,
|
|
.charsheet button[type=roll].roll_text::before,
|
|
.charsheet button[type=roll].roll_d4::before,
|
|
.charsheet button[type=roll].roll_d6::before,
|
|
.charsheet button[type=roll].roll_d8::before,
|
|
.charsheet button[type=roll].roll_d10::before,
|
|
.charsheet button[type=roll].roll_d12::before,
|
|
.charsheet button[type=roll].roll_d20::before,
|
|
.charsheet button[type=roll].roll_chance::before {
|
|
content: '';
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d4,
|
|
.charsheet button[type=roll].roll_d6,
|
|
.charsheet button[type=roll].roll_d8,
|
|
.charsheet button[type=roll].roll_d10,
|
|
.charsheet button[type=roll].roll_d12,
|
|
.charsheet button[type=roll].roll_d20,
|
|
.charsheet button[type=roll].roll_chance {
|
|
width: 45px;
|
|
height: 45px;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-color: transparent;
|
|
cursor: pointer;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d4 {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_4.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d6 {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_6.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d8 {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_8.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d10 {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_10.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d12 {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_12.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_d20 {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_20.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_chance {
|
|
background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_100.png);
|
|
}
|
|
|
|
.charsheet button[type=roll].roll_dice:hover,
|
|
.charsheet button[type=roll].roll_text:hover,
|
|
.charsheet button[type=roll].roll_d4:hover,
|
|
.charsheet button[type=roll].roll_d6:hover,
|
|
.charsheet button[type=roll].roll_d8:hover,
|
|
.charsheet button[type=roll].roll_d10:hover,
|
|
.charsheet button[type=roll].roll_d12:hover,
|
|
.charsheet button[type=roll].roll_d20:hover,
|
|
.charsheet button[type=roll].roll_chance:hover {
|
|
margin-left: 2px;
|
|
padding: 0px;
|
|
background-position: 0 0px;
|
|
}
|
|
|
|
/* ROLL TEMPLATE */
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-center {
|
|
text-align: center;
|
|
/* margin-left: 30px; */
|
|
--echec_2: #ff0000;
|
|
--echec_3: #ff006f;
|
|
--echec_1: #dc00c9;
|
|
--reussite_3: #009700;
|
|
--reussite_2: #0082ff;
|
|
--reussite_1: #fffe00;
|
|
/* Base noir */
|
|
--echec_2: #ff0000;
|
|
--echec_3: #ff006f;
|
|
--echec_1: #dc00c9;
|
|
--reussite_3: #009700;
|
|
--reussite_2: #0082ff;
|
|
--reussite_1: #fffe00;
|
|
--background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_0.png) top left;
|
|
--background-size: unset;
|
|
--font_roll: 'Contrail One';
|
|
--color_titre: #ffffffde;
|
|
--color_texte_degats: #dfdfdf;
|
|
--hr_color: #ddd;
|
|
--lien_color: #dfdfdf;
|
|
--font_size_titre: 17px;
|
|
--font_size_texte: 18px;
|
|
--font_size_lien: 14px;
|
|
--font_size_roll: 40px;
|
|
--mt_titre: -1px;
|
|
--ml_portrait: 6.5px;
|
|
--mb_titre: -5px;
|
|
--pr_titre: 0px;
|
|
--pr_titre_roll: 0px;
|
|
--border_portrait: 2px solid rgb(129, 4, 4);
|
|
--portrait_radius: 45px;
|
|
|
|
/* Western */
|
|
/* --echec_2: #ff0000;
|
|
--echec_3: #ff006f;
|
|
--echec_1: #dc00c9;
|
|
--reussite_3: #009700;
|
|
--reussite_2: #0082ff;
|
|
--reussite_1: #05a3f0;
|
|
--background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_1.png);
|
|
--background-size: 100% 100%;
|
|
--font_roll: 'rye';
|
|
--color_titre: #020202de;
|
|
--color_texte_degats: #020202de;
|
|
--hr_color: #020202de;
|
|
--lien_color: #030025de;
|
|
--font_size_titre: 14px;
|
|
--font_size_texte: 17px;
|
|
--font_size_lien: 12px;
|
|
--font_size_roll: 45px;
|
|
--mt_titre: 8px;
|
|
--ml_portrait: 15.5px;
|
|
--mb_titre: -5px;
|
|
--pr_titre: 0px;
|
|
--pr_titre_roll: 10px;
|
|
--border_portrait: 2px solid rgb(136, 54, 0);
|
|
--portrait_radius: 45px; */
|
|
|
|
/* Espionnage */
|
|
/* --echec_2: #c60101;
|
|
--echec_3: #c80359;
|
|
--echec_1: #b700a7;
|
|
--reussite_3: #009700;
|
|
--reussite_2: #0063c1;
|
|
--reussite_1: #02a696;
|
|
--background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_2.png);
|
|
--background-size: 100% 100%;
|
|
--font_roll: "della respira";
|
|
--color_titre: #020202de;
|
|
--color_texte_degats: #020202de;
|
|
--hr_color: #020202de;
|
|
--lien_color: #030025de;
|
|
--font_size_titre: 16px;
|
|
--font_size_texte: 18px;
|
|
--font_size_lien: 14px;
|
|
--font_size_roll: 59px;
|
|
--mt_titre: 5px;
|
|
--ml_portrait: 12.5px;
|
|
--mb_titre: -5px;
|
|
--pr_titre: 0px;
|
|
--pr_titre_roll: 15px;
|
|
--border_portrait: none;
|
|
--portrait_radius: 45px; */
|
|
|
|
/* Corsaire */
|
|
/* --echec_2: #b00101;
|
|
--echec_3: #a40248;
|
|
--echec_1: #99008c;
|
|
--reussite_3: #006400;
|
|
--reussite_2: #004d97;
|
|
--reussite_1: #00667d;
|
|
--background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_3.png);
|
|
--background-size: 100% 100%;
|
|
--font_roll: "kaushan script";
|
|
--color_titre: #020202de;
|
|
--color_texte_degats: #020202de;
|
|
--hr_color: #020202de;
|
|
--lien_color: #030025de;
|
|
--font_size_titre: 18px;
|
|
--font_size_texte: 22px;
|
|
--font_size_lien: 16px;
|
|
--font_size_roll: 65px;
|
|
--mt_titre: 5px;
|
|
--ml_portrait: 12.5px;
|
|
--mb_titre: -5px;
|
|
--pr_titre: 0px;
|
|
--pr_titre_roll: 15px;
|
|
--border_portrait: none;
|
|
--portrait_radius: 45px; */
|
|
|
|
/* Guerre */
|
|
|
|
/* Futuriste */
|
|
/* --echec_2: #ff0000;
|
|
--echec_3: #ff00a7;
|
|
--echec_1: #dc00c9;
|
|
--reussite_3: #4ffd00;
|
|
--reussite_2: #4aa6ff;
|
|
--reussite_1: #2cf5ff;
|
|
--background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_4.png);
|
|
--background-size: 100% 100%;
|
|
--font_roll: "Electrolize", serif;
|
|
--color_titre: #00f3ffd9;
|
|
--color_texte_degats: #00f3ffd9;
|
|
--hr_color: #ada5ff;
|
|
--lien_color: #62def2;
|
|
--font_size_titre: 17px;
|
|
--font_size_texte: 14px;
|
|
--font_size_lien: 12px;
|
|
--font_size_roll: 50px;
|
|
--mt_titre: 2px;
|
|
--mb_titre: -2px;
|
|
--pr_titre: 5px;
|
|
--pr_titre_roll: 15px;
|
|
--ml_portrait: 12.5px;
|
|
--border_portrait: none;
|
|
--portrait_radius: 0px; */
|
|
|
|
/* Demonologist */
|
|
/* --echec_2: #c60101;
|
|
--echec_3: #c80359;
|
|
--echec_1: #b700a7;
|
|
--reussite_3: #009700;
|
|
--reussite_2: #0063c1;
|
|
--reussite_1: #02a696;
|
|
--background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_5.png);
|
|
--background-size: 100% 100%;
|
|
--font_roll: "shadows into light";
|
|
--color_titre: #939393de;
|
|
--color_texte_degats: #939393de;
|
|
--hr_color: #939393de;
|
|
--lien_color: #939393de;
|
|
--font_size_titre: 22px;
|
|
--font_size_texte: 20px;
|
|
--font_size_lien: 17px;
|
|
--font_size_roll: 63px;
|
|
--mt_titre: 5px;
|
|
--ml_portrait: 12.5px;
|
|
--mb_titre: -5px;
|
|
--pr_titre: 0px;
|
|
--pr_titre_roll: 15px;
|
|
--border_portrait: none;
|
|
--portrait_radius: 45px; */
|
|
|
|
/* Medieval */
|
|
/* --echec_2: #ff0000;
|
|
--echec_3: #ff006f;
|
|
--echec_1: #dc00c9;
|
|
--reussite_3: #009700;
|
|
--reussite_2: #0082ff;
|
|
--reussite_1: #05a3f0;
|
|
--background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_6.png);
|
|
--background-size: 100% 100%;
|
|
--font_roll: "Jim Nightshade", serif;
|
|
--color_titre: #020202de;
|
|
--color_texte_degats: #020202de;
|
|
--hr_color: #020202de;
|
|
--lien_color: #030025de;
|
|
--font_size_titre: 20px;
|
|
--font_size_texte: 26px;
|
|
--font_size_lien: 16px;
|
|
--font_size_roll: 75px;
|
|
--mt_titre: 5px;
|
|
--ml_portrait: 12.5px;
|
|
--mb_titre: -5px;
|
|
--pr_titre: 0px;
|
|
--pr_titre_roll: 0px;
|
|
--border_portrait: 2px solid orange;
|
|
--portrait_radius: 45px; */
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-background {
|
|
background: var(--background_roll);
|
|
background-repeat: no-repeat;
|
|
background-size: var(--background-size);
|
|
border-spacing: 0;
|
|
/* max-height: 200px; */
|
|
min-height: 130px;
|
|
max-width: 250px;
|
|
margin: 0px;
|
|
padding-bottom: 5px;
|
|
padding-top: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-titre {
|
|
display: grid;
|
|
grid-template-columns: 35% 65%;
|
|
background: var(--noir_roll);
|
|
height: 75px;
|
|
padding-right: var(--pr_titre);;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-header {
|
|
color: #ffffffde;
|
|
font-size: var(--font_size_titre);
|
|
font-family: var(--font_roll);
|
|
letter-spacing: 0px;
|
|
word-wrap: break-word;
|
|
/* margin-top: 25px; */
|
|
line-height: 24px;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-titre-roll,
|
|
.sheet-rolltemplate-itd .sheet-portrait_roll,
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-header {
|
|
word-wrap: break-word;
|
|
letter-spacing: -0.7px;
|
|
/* padding-top: 17px; */
|
|
/* padding-bottom: 12px; */
|
|
font-weight: bold;
|
|
width: auto;
|
|
margin-left: 0px;
|
|
line-height: 23px;
|
|
margin-top: var(--mt_titre);
|
|
margin-bottom: var(--mb_titre);
|
|
background: var(--noir_roll);
|
|
color: var(--color_titre);
|
|
font-family: var(--font_roll);
|
|
color: var(--color_titre);
|
|
font-size: var(--font_size_titre);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-portrait_roll {
|
|
margin-left: var(--ml_portrait);
|
|
border: var(--border_portrait);
|
|
border-radius: var(--portrait_radius);
|
|
/* background-color: red; */
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-titre-roll {
|
|
display: inline-block;
|
|
align-self: center;
|
|
padding-right: var(--pr_titre_roll);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd span.sheet-texte_degats {
|
|
color: var(--color_texte_degats);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd hr {
|
|
border-top-color: var(--hr_color);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader,
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec-tragique,
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec-critique,
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec,
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite-exceptionnelle,
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite-critique,
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite {
|
|
background-color: transparent;
|
|
color: #ffffffde;
|
|
font-size: var(--font_size_roll);
|
|
font-family: var(--font_roll);
|
|
letter-spacing: 0px;
|
|
padding: 15px;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec-tragique {
|
|
color: var(--echec_1);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec-critique{
|
|
color: var(--echec_2);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec{
|
|
color: var(--echec_3);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite-exceptionnelle {
|
|
color: var(--reussite_1);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite-critique {
|
|
color: var(--reussite_2);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite {
|
|
color: var(--reussite_3);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-result {
|
|
font-size: 36px;
|
|
font-family: var(--font_roll);
|
|
padding: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte,
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-echec-tragique,
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-echec-critique,
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-echec,
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite-exceptionnelle,
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite-critique,
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite
|
|
|
|
{
|
|
font-size: var(--font_size_texte);
|
|
line-height: 20px;
|
|
font-family: var(--font_roll);
|
|
padding: 15px;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte {
|
|
color: var(--color_titre);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-echec-tragique {
|
|
color: var(--echec_1);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-echec-critique{
|
|
color: var(--echec_2);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-echec{
|
|
color: var(--echec_3);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite-exceptionnelle {
|
|
color: var(--reussite_1);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite-critique {
|
|
color: var(--reussite_2);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite {
|
|
color: var(--reussite_3);
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-succeeds {
|
|
color: #148c00;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .sheet-template-itd-misses {
|
|
color: #a90000;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .inlinerollresult {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd-header .inlinerollresult {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .inlinerollresult.fullcrit {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .inlinerollresult.fullfail {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-itd .inlinerollresult.importantroll {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
color: unset !important;
|
|
}
|
|
|
|
/* Boutons liens */
|
|
/* Roll Buttons */
|
|
.sheet-rolltemplate-itd a[href^='!'],
|
|
.sheet-rolltemplate-itd a[href^='~'],
|
|
.sheet-rolltemplate-itd a[href^='`']{
|
|
color: var(--lien_color);
|
|
border: none;
|
|
background: none;
|
|
font-size: var(--font_size_lien);
|
|
line-height: 6px;
|
|
text-align: left;
|
|
}
|
|
.sheet-rolltemplate-itd a[href^='!']:hover,
|
|
.sheet-rolltemplate-itd a[href^='~']:hover,
|
|
.sheet-rolltemplate-itd a[href^='`']:hover{
|
|
top: -1px;
|
|
color: #ff0039;
|
|
}
|
|
/* hyperlinks */
|
|
.sheet-rolltemplate-itd a:not([href^='~']):not([href^='!']):not([href^='`']){
|
|
font-weight: bold;
|
|
color:#3f8aa6;
|
|
}
|
|
.sheet-rolltemplate-itd a:not([href^='~']):not([href^='!']):not([href^='`']):hover {
|
|
font-weight: bold;
|
|
color:#70c0dd;
|
|
}
|
|
.sheet-rolltemplate-itd a:not([href^='~']):not([href^='!']):not([href^='`']):visited{
|
|
color:purple;
|
|
}
|
|
.sheet-rolltemplate-itd a:not([href^='~']):not([href^='!']):not([href^='`']):visited:hover{
|
|
color:rgb(187, 45, 187);
|
|
}
|