[UPDATE] Obscuritas

Obscuritas/obscuritas.css

@@ -230,7 +230,8 @@ img.portrait_baudoin {
 .charsheet input.input_carac_pnj,
 .charsheet input.input_demi_carac_pnj,
 .charsheet input.input_carac_pnj_long,
-.charsheet input.input_config {  
+.charsheet input.input_config,
+.charsheet input.input_control_xp{  
   width: 50px !important;
   height: 28px;
   border: none;
@@ -444,6 +445,21 @@ div.fond_blanc {
   cursor: default;
 }
 
+.charsheet input.input_control_xp {
+  width: auto;
+  /* border-bottom: 1px dotted var(--couleur_ligne); */
+  height: 25px !important;
+  border-radius: 1px;
+  color: var(--black);
+  letter-spacing: 0px;
+  background: none;
+  text-align: center;
+  font-size: 18px;
+  font-family: 'Metamorphous';
+  border: none;
+  cursor: default;
+}
+
 .charsheet select.choix_custom,
 .charsheet select.choix_armes,
 .charsheet select.choix_armures,
@@ -1049,7 +1065,7 @@ div.sm_25 {
 }
 
 .creation_perso {
-  height: 1295px !important;
+  height: 1380px !important;
   min-height: unset;
   background-image: var(--background_page);
   background-size: cover;
@@ -1092,7 +1108,7 @@ div.sm_25 {
 }
 
 .page_config {
-  height: 490px !important;
+  height: 655px !important;
   min-height: unset;
   background-image: var(--background_page);
   background-size: cover;
@@ -1274,6 +1290,25 @@ div.cadre_inventaire_reduit {
   margin-bottom: 25px;
 }
 
+.message_erreur_creation {
+    display: none;
+    background: #5b0808;
+    color: var(--white);
+    padding: 12px;
+    border-radius: 8px;
+    text-align: center;
+    margin: 10px auto;
+    width: 70%;
+    font-size: 13px;
+    line-height: 18px;
+    box-shadow: 0px 0px 8px 2px #000000a8;
+    margin-bottom: 25px;
+}
+
+.charsheet .erreur_creation[value="1"] ~ div.message_erreur_creation {
+    display: block;
+}
+
 /* Zone XP personnage  */
 .wrapper_page_xp {
   display: grid;
@@ -4113,6 +4148,104 @@ div.boutton_aura_physique
     display: block;
 }
 
+.bloc_init_xp_creation,
+.bloc_init_xp_creation_ok {
+    margin: 15px auto;
+    padding: 12px;
+    width: 70%;
+    background: #000000;
+    border-radius: 10px;
+    color: var(--white);
+    text-align: center;
+    box-shadow: 0px 0px 8px 2px #000000a8;
+    margin-top: 30px;
+}
+
+.bloc_init_xp_creation_ok {
+    display: none;
+    color: var(--white);;
+    background: black;
+}
+
+.charsheet .xp_controle_initialise[value="1"] ~ div.bloc_init_xp_creation {
+    display: none;
+}
+
+.charsheet .xp_controle_initialise[value="1"] ~ div.bloc_init_xp_creation_ok {
+    display: block;
+}
+
+.charsheet button[type=action].button_init_xp_creation::before {
+    content: '';
+}
+
+.charsheet button[type=action].button_init_xp_creation {
+    margin: 0;
+    padding: 8px 15px;
+    box-shadow: none;
+    text-shadow: none;
+    border: 1px solid var(--white);
+    border-radius: 8px;
+    background: #3e0303d4;
+    color: var(--white);
+    font-family: "Metamorphous", serif;
+    font-size: 12px;
+    cursor: pointer;
+    margin-left: 37%;
+    margin-top: 15px;
+}
+
+.charsheet button[type=action].button_init_xp_creation:hover {
+    background: #5b0808;
+}
+
+.texte_init_xp_creation {
+    margin-top: 8px;
+    font-size: 11px;
+    line-height: 15px;
+}
+
+.bloc_controle_xp {
+    margin: 15px auto;
+    padding: 12px;
+    width: 70%;
+    background: none;
+    border-radius: 10px;
+    color: var(--black);
+    text-align: center;
+    box-shadow: 0px 0px 8px 2px #000000a8;
+}
+
+.titre_controle_xp {
+    font-size: 15px;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+.ligne_controle_xp {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 6px 0;
+    font-size: 12px;
+}
+
+.message_controle_xp {
+    display: none;
+    margin-top: 10px;
+    padding: 8px;
+    background: #5b0808;
+    color: var(--white);
+    border-radius: 8px;
+    font-size: 11px;
+    line-height: 15px;
+    text-align: center;
+}
+
+.charsheet .xp_controle_erreur[value="1"] ~ div.message_controle_xp {
+    display: block;
+}
+
 
 
 /* COMPENDIUM */