diff --git a/Cabinet des Murmures/cabinet_des_murmures.css b/Cabinet des Murmures/cabinet_des_murmures.css index cfbd5fa061..87d5eb7ece 100644 --- a/Cabinet des Murmures/cabinet_des_murmures.css +++ b/Cabinet des Murmures/cabinet_des_murmures.css @@ -82,12 +82,19 @@ font-family: 'Great Vibes', cursive; padding-right: 10px; padding-left: 25px; border-radius: 5px; - box-shadow: 0px 5px 10px 6px #00000091; + box-shadow: var(--comedien-shadow); background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Cabinet%20des%20Murmures/img/offi_background.png); background-size: cover; position: relative; } +.comedien_choix { + position: absolute; + z-index: 1; + margin-left: 710px; + margin-top: 20px; +} + body.sheet-darkmode .cabinet, body.sheet-darkmode .corps, body.sheet-darkmode .arbre, @@ -98,7 +105,7 @@ body.sheet-darkmode .dice, body.sheet-darkmode .esprit_dice, body.sheet-darkmode .intro, body.sheet-darkmode .info { - box-shadow: 1px 0px 9px 3px #cdcdcdba; + box-shadow: var(--comedien-shadow-bm); } .esprit_dice, @@ -163,9 +170,6 @@ img.avatar{ box-shadow: 5px 5px 13px 6px #04040470; } -img.dice_tab { -} - .ui-dialog .charsheet button[type=roll]::before { content: ""; } @@ -743,10 +747,6 @@ input.sheet-prouesse-switch:checked ~ div.titre_trait{ height: 17px; } -input:checked + .slider_prouesse { - -} - input:checked + .slider_prouesse:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); @@ -919,9 +919,106 @@ input[type="radio"] { box-shadow: 0px 0px 0px 1px var(--border_bouton_checked); } +/* #Systeme couleur comédien */ - +.controller_comedien[value*="blanc"] ~ *{ + --comedien-shadow: 0px 5px 10px 6px #00000091; + --comedien-shadow-bm: 1px 0px 9px 3px #cdcdcdba; +} +.controller_comedien[value*="rouge"] ~ *{ + --comedien-shadow: inset 0px 0px 10px 2px #bb0404c9; + --comedien-shadow-bm: 1px 0px 9px 3px #bb0404c9; +} +.controller_comedien[value*="bleu"] ~ *{ + --comedien-shadow: inset 0px 0px 10px 2px #0303d7bd; + --comedien-shadow-bm: 1px 0px 9px 3px #0303d7bd; +} +.controller_comedien[value*="jaune"] ~ *{ + --comedien-shadow: inset 0px 0px 10px 2px #c5d70c; + --comedien-shadow-bm: 1px 0px 9px 3px #c5d70c; +} +.controller_comedien[value*="orange"] ~ *{ + --comedien-shadow: inset 0px 0px 10px 2px #d76f009e; + --comedien-shadow-bm: 1px 0px 9px 3px #d76f009e; +} +.controller_comedien[value*="vert"] ~ *{ + --comedien-shadow: inset 0px 0px 10px 2px #02a619; + --comedien-shadow-bm: 1px 0px 9px 3px #02a619; +} +.controller_comedien[value*="violet"] ~ *{ + --comedien-shadow: inset 0px 0px 10px 2px #9001c6; + --comedien-shadow-bm: 1px 0px 9px 3px #9001c6; +} + + +.comedien_blanc input[type="radio"] + label, +.comedien_rouge input[type="radio"] + label, +.comedien_bleu input[type="radio"] + label, +.comedien_jaune input[type="radio"] + label, +.comedien_orange input[type="radio"] + label, +.comedien_vert input[type="radio"] + label, +.comedien_violet input[type="radio"] + label { + width: 5px; + height: 10px; + border-radius: 30px; + background: buttontext; + padding-right: 5px; + opacity: 0.5; + box-shadow: 0px 0px 0px 1px var(--border_bouton_unchecked); + cursor: pointer; + margin-top: -15px; +} + +.comedien_blanc input[type="radio"]:hover + label, +.comedien_rouge input[type="radio"]:hover + label, +.comedien_bleu input[type="radio"]:hover + label, +.comedien_jaune input[type="radio"]:hover + label, +.comedien_orange input[type="radio"]:hover + label, +.comedien_vert input[type="radio"]:hover + label, +.comedien_violet input[type="radio"]:hover + label { + opacity: 1; +} + +.comedien_blanc input[type="radio"]:checked + label, +.comedien_rouge input[type="radio"]:checked + label, +.comedien_bleu input[type="radio"]:checked + label, +.comedien_jaune input[type="radio"]:checked + label, +.comedien_orange input[type="radio"]:checked + label, +.comedien_vert input[type="radio"]:checked + label, +.comedien_violet input[type="radio"]:checked + label { + cursor: auto; + opacity: 1; +} + +.comedien_blanc input[type="radio"] + label { + background-color: var(--bouton_blanc); +} + +.comedien_rouge input[type="radio"] + label { + background-color: var(--bouton_rouge); +} + +.comedien_bleu input[type="radio"] + label { + background-color: var(--bouton_bleu); +} + +.comedien_jaune input[type="radio"] + label { + background-color: var(--bouton_jaune); +} + +.comedien_orange input[type="radio"] + label { + background-color: var(--bouton_orange); +} + +.comedien_vert input[type="radio"] + label { + background-color: var(--bouton_vert); +} + +.comedien_violet input[type="radio"] + label { + background-color: var(--bouton_violet); +} + /* #Systeme couleur arbre de vie */ @@ -1522,6 +1619,49 @@ input[type="radio"] { grid-column: 4; } + /* Wrapper Choix comédien */ + +.wrapper_comedien_choix{ + display: grid; + grid-template-columns: 15px 15px 15px 15px 15px 15px; + grid-template-rows: 15px; +} + +.comedien_blanc { + grid-column: 1; +} + +.comedien_rouge { + grid-column: 2; +} + +.comedien_bleu { + grid-column: 3; +} + +.comedien_jaune { + grid-column: 1; +} + +.comedien_vert { + grid-column: 2; +} + +.comedien_violet { + grid-column: 3; +} + +.comedien_text { + grid-column: 1/7; + grid-row: 2; + text-align: center; + margin-top: -6px; + font-size: 12px; + font-family: 'IM Fell English, serif'; +} + + + /* Wrapper Cabinet */ .wrapper_cabinet{ @@ -6045,6 +6185,54 @@ input[type="radio"] { box-shadow: -5px 4px 12px 0px #00000096; } +.reset_esprit_spell { + position: absolute; + margin-top: -64px; + margin-left: 796px; +} + +.deroulant_esprit_spell_1_gauche { + position: absolute; + margin-top: 107px; + margin-left: 78px; +} + +.deroulant_esprit_spell_1_droite { + position: absolute; + margin-top: 107px; + margin-left: 679px; +} + +.deroulant_esprit_spell_2_gauche { + position: absolute; + margin-top: 315px; + margin-left: 78px; +} + +.deroulant_esprit_spell_2_droite { + position: absolute; + margin-top: 315px; + margin-left: 679px; +} + +.deroulant_esprit_spell_3_gauche { + position: absolute; + margin-top: 522px; + margin-left: 78px; +} + +.deroulant_esprit_spell_3_droite { + position: absolute; + margin-top: 522px; + margin-left: 679px; +} + +.wrapper_spell_esprit { + display: grid; + grid-template-columns: 80px; + grid-template-rows: 35px; +} + .wrapper_info_outil { display: grid; grid-template-columns: 30px 200px 45px 200px 30px; @@ -6146,9 +6334,6 @@ input[type="radio"] { font-size: 17px; } -.arme_distance_titre_general { -} - .arme_distance_titre { background-color: #6d7477; border-top: none; @@ -6963,10 +7148,6 @@ div.dots_tete { margin-left: 75px; } -div.protection_tete { - -} - div.titre_bras_droit { margin-top: 60px; margin-left: 15px; @@ -6978,10 +7159,6 @@ div.dots_bras_droit { } -div.protection_bras_droit { - -} - div.titre_bras_gauche { margin-top: -20px; margin-left: 220px; @@ -7005,10 +7182,6 @@ div.dots_torse { margin-left: 65px; } -div.protection_torse { - -} - div.titre_jambe_droite { margin-top: 120px; margin-left: 25px; @@ -7018,10 +7191,6 @@ div.dots_jambe_droite { margin-left: 25px; } -div.protection_jambe_droite { - -} - div.titre_jambe_gauche { margin-top: 10px; margin-left: 195px; @@ -7035,10 +7204,6 @@ div.protection_jambe_gauche { margin-left: 185px; } -div.malus_corps { - -} - .charsheet input.protection[type="number"], .charsheet input.protection_pnj[type="number"]{ font-size: 15px; @@ -7360,6 +7525,30 @@ select.liste_graces { padding-bottom: 0px } +select.deroulant_esprit_spell_gauche, +select.deroulant_esprit_spell { + width: 75px; + border: none; + border-bottom-color: currentcolor; + border-bottom-style: none; + border-bottom-width: medium; + background: transparent; + border-bottom: 1px solid #61504524; + border-radius: 0; + color: var(--marron_cabinet); + font-size: 12px; + padding-left: 10px; + padding-bottom: 0px; + height: 20px; + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; +} + +select.deroulant_esprit_spell_gauche { + text-align: right; +} + select.custom_roll, select.custom_roll_prouesse { width: auto; @@ -7554,15 +7743,6 @@ div.protection_jambe_gauche_pnj { text-align: center; } -.pnj_titre_combat { -} - -.pnj_sous_titre_combat { -} - -.pnj_bonus_combat { -} - span.pnj_titre_combat { color: var(--blue_cabinet); font-size: 13px; @@ -7851,6 +8031,7 @@ span.opposition { padding: 0 !important; box-shadow: none; -webkit-appearance: unset; + appearance: unset; height: 18px; margin-top: -6px; } @@ -7873,6 +8054,7 @@ span.opposition { padding: 0 !important; box-shadow: none; -webkit-appearance: unset; + appearance: unset; height: 18px; margin-top: 10px; } @@ -8081,12 +8263,6 @@ span.info_pre { padding: 5px; } - -.sheet-rolltemplate-cabinet-pouvoir .sheet-content > div { - /* font-weight: bold; */ -} - - .sheet-rolltemplate-cabinet-classic .sheet-content .sheet-key, .sheet-rolltemplate-cabinet-classic-qualite .sheet-content .sheet-key, .sheet-rolltemplate-cabinet-prouesse .sheet-content .sheet-key, diff --git a/Cabinet des Murmures/cabinet_des_murmures.html b/Cabinet des Murmures/cabinet_des_murmures.html index 37d0a00686..02cacc1d8e 100644 --- a/Cabinet des Murmures/cabinet_des_murmures.html +++ b/Cabinet des Murmures/cabinet_des_murmures.html @@ -1,3 +1,4 @@ + @@ -60,6 +61,19 @@ --> +