Update internal system with dynamic message

postcss/ecryme.css

@@ -46,13 +46,29 @@
   }
 
   /* Fonts */
-.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {
+  .sheet header.sheet-header h1 input,
+  .window-app .window-header,
+  #actors .directory-list,
+  #navigation #scene-list .scene.nav-item {
     font-size: 1.0rem;
-} /* For title, sidebar character and scene */
+  }
+
+  /* For title, sidebar character and scene */
   .sheet nav.sheet-tabs {
     font-size: 0.8rem;
-} /* For nav and title */
+  }
-.window-app input, .fvtt-ecryme .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
+
+  /* For nav and title */
+  .window-app input,
+  .fvtt-ecryme .item-form,
+  .sheet header.sheet-header .flex-group-center.flex-compteurs,
+  .sheet header.sheet-header .flex-group-center.flex-fatigue,
+  select,
+  button,
+  .item-checkbox,
+  #sidebar,
+  #players,
+  #navigation #nav-toggle {
     font-size: 0.8rem;
   }
 
@@ -64,15 +80,19 @@
     margin: 0;
     padding: 0;
   }
+
   .strong-text {
     font-weight: bold;
   }
 
-.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover {
+  .tabs .item.active,
+  .blessures-list li ul li:first-child:hover,
+  a:hover {
     text-shadow: 1px 0px 0px #ff6600;
   }
 
-.rollable:hover, .rollable:focus {
+  .rollable:hover,
+  .rollable:focus {
     color: #000;
     text-shadow: 0 0 10px red;
     cursor: pointer;
@@ -86,12 +106,17 @@ input:hover {
   input:disabled {
     color: #1c2058;
   }
+
   select:disabled {
     color: #1c2058;
   }
-table {border: 1px solid #7a7971;}
 
-.grid, .grid-2col {
+  table {
+    border: 1px solid #7a7971;
+  }
+
+  .grid,
+  .grid-2col {
     display: grid;
     grid-column: span 2 / span 2;
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -235,6 +260,7 @@ table {border: 1px solid #7a7971;}
     object-position: 50% 0;
     border-width: 0px;
   }
+
   .profile-img-container {
     margin-right: 0.2rem;
     max-width: 140px;
@@ -407,7 +433,8 @@ li.folder > .folder-header h3 {
     /*background: #494e6b;*/
   }
 
-input[type="text"],  select[type="text"] {
+  input[type="text"],
+  select[type="text"] {
     background: white;
     color: #494e6b;
   }
@@ -416,14 +443,22 @@ select {
     background: white;
     color: #494e6b;
   }
+
   /*  background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/
   /*color: rgba(168, 139, 139, 0.5);*/
-.window-app.sheet .window-content .sheet-header select[type="text"], .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"] {
+  .window-app.sheet .window-content .sheet-header select[type="text"],
+  .window-app.sheet .window-content .sheet-header input[type="text"],
+  .window-app.sheet .window-content .sheet-header input[type="number"],
+  .window-app.sheet .window-content .sheet-body input[type="text"],
+  .window-app.sheet .window-content .sheet-body input[type="number"],
+  .window-app.sheet .window-content .sheet-body select[type="text"] {
     color: rgba(19, 18, 18, 0.95);
     /*color: #494e6b;*/
   }
 
-.window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] {
+  .window-app.sheet .window-content .sheet-header input[type="password"],
+  .window-app.sheet .window-content .sheet-header input[type="date"],
+  .window-app.sheet .window-content .sheet-header input[type="time"] {
     color: rgba(19, 18, 18, 0.95);
     background: url("../images/ui/fond_carnet_01.webp");
     border: 1 none;
@@ -431,7 +466,9 @@ select {
     margin-left: 2px;
   }
 
-.window-app.sheet .window-content .sheet-body input[type="password"], .window-app.sheet .window-content .sheet-body input[type="date"], .window-app.sheet .window-content .sheet-body input[type="time"] {
+  .window-app.sheet .window-content .sheet-body input[type="password"],
+  .window-app.sheet .window-content .sheet-body input[type="date"],
+  .window-app.sheet .window-content .sheet-body input[type="time"] {
     color: rgba(19, 18, 18, 0.95);
     background: url("../images/ui/fond_carnet_01.webp");
     border: 1 none;
@@ -439,7 +476,8 @@ select {
     margin-left: 2px;
   }
 
-.window-app.sheet .window-content .sheet-body select, .window-app.sheet .window-content .sheet-header select {
+  .window-app.sheet .window-content .sheet-body select,
+  .window-app.sheet .window-content .sheet-header select {
     color: rgba(19, 18, 18, 0.95);
     background: #fff;
     border: 1 none;
@@ -447,7 +485,8 @@ select {
     margin-left: 2px;
   }
 
-.window-app .window-content, .window-app.sheet .window-content .sheet-body{
+  .window-app .window-content,
+  .window-app.sheet .window-content .sheet-body {
     font-size: 0.8rem;
     /*background: url("../images/ui/pc_sheet_bg.webp") repeat left top;*/
     background: url("../images/ui/fond_carnet_01.webp");
@@ -456,7 +495,9 @@ select {
 
   /*  background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/
 
-section.sheet-body{padding: 0.25rem 0.5rem;}
+  section.sheet-body {
+    padding: 0.25rem 0.5rem;
+  }
 
   .sheet header.sheet-header .profile-img {
     object-fit: cover;
@@ -508,8 +549,13 @@ section.sheet-body:after {
     clear: both;
   }
 
-.sheet header.sheet-header .flex-compteurs {text-align: right;}
+  .sheet header.sheet-header .flex-compteurs {
-.sheet header.sheet-header .resource-content {width: 2rem;}
+    text-align: right;
+  }
+
+  .sheet header.sheet-header .resource-content {
+    width: 2rem;
+  }
 
   .select-diff {
     display: inline-block;
@@ -524,7 +570,8 @@ section.sheet-body:after {
     padding: 0.25rem;
   }
 
-.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp {
+  .window-app.sheet .window-content .carac-value,
+  .window-app.sheet .window-content .competence-xp {
     margin: 0.05rem;
     flex-basis: 3rem;
     text-align: center;
@@ -535,15 +582,21 @@ section.sheet-body:after {
 
   /* ======================================== */
 
-h1, h2, h3, h4 {
+  h1,
+  h2,
+  h3,
+  h4 {
     font-weight: bold;
   }
 
-ul, ol {
+  ul,
+  ol {
     margin: 0;
     padding: 0;
   }
-ul, li {
+
+  ul,
+  li {
     list-style-type: none;
   }
 
@@ -551,6 +604,7 @@ ul, li {
     margin: 0.010rem;
     padding: 0.25rem;
   }
+
   .header-fields li {
     margin: 0;
     padding: 0;
@@ -559,9 +613,11 @@ ul, li {
   .alterne-list>.list-item:hover {
     background: rgba(100, 100, 50, 0.25);
   }
+
   .alterne-list>.list-item:nth-child(even) {
     background: rgba(80, 60, 0, 0.10);
   }
+
   .alterne-list>.list-item:nth-child(odd) {
     background: rgb(160, 130, 100, 0.05);
   }
@@ -584,36 +640,45 @@ ul, li {
     display: flex !important;
     color: rgba(19, 18, 18, 0.95);
   }
+
   .list-item-shadow {
     background: rgba(87, 60, 32, 0.35);
     flex-grow: 0;
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
+
   .list-item-shadow2 {
     background: rgba(87, 60, 32, 0.25);
     flex-grow: 0;
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
+
   .item-display-show {
     display: block;
   }
+
   .item-display-hide {
     display: none;
   }
+
   .item-quantite {
     margin-left: 0.5rem;
   }
+
   .list-item-margin1 {
     margin-left: 1rem;
   }
+
   .list-item-margin2 {
     margin-left: 2rem;
   }
+
   .list-item-margin3 {
     margin-left: 3rem;
   }
+
   .list-item-margin4 {
     margin-left: 4rem;
   }
@@ -626,6 +691,7 @@ ul, li {
     flex-grow: 0;
     margin-right: 0.25rem;
   }
+
   .competence-column {
     flex-direction: column;
     align-content: flex-start;
@@ -633,6 +699,7 @@ ul, li {
     flex-grow: 0;
     flex-basis: 1;
   }
+
   .competence-header {
     align-content: flex-start;
     justify-content: flex-start;
@@ -644,16 +711,20 @@ ul, li {
     flex-grow: 2;
     margin-left: 4px;
   }
+
   .status-header-label {
     margin-left: 2px;
   }
+
   .roll-dialog-label {
     margin: 4px 0;
     min-width: 96px;
   }
+
   .short-label {
     flex-grow: 1;
   }
+
   .keyword-label {
     font-size: 0.85rem;
   }
@@ -678,6 +749,7 @@ ul, li {
     margin-right: 4px;
     margin-left: 4px;
   }
+
   .sante-value,
   .competence-value {
     flex-grow: 0;
@@ -685,26 +757,32 @@ ul, li {
     margin-right: 0.25rem;
     margin-left: 0.25rem;
   }
+
   .description-value {
     flex-grow: 0;
     flex-basis: 4rem;
     margin-right: 0.25rem;
     margin-left: 0.25rem;
   }
+
   .small-label {
     margin-top: 5px;
   }
+
   .padd-right {
     margin-right: 8px;
   }
+
   .padd-left {
     margin-left: 8px;
   }
+
   .stack-left {
     align-items: center;
     flex-shrink: 1;
     flex-grow: 0;
   }
+
   .packed-left {
     white-space: nowrap;
     flex-grow: 0;
@@ -730,6 +808,7 @@ ul, li {
     flex: 0 !important;
     font-weight: 600;
   }
+
   .tokenhudext.left {
     justify-content: flex-start;
     flex-direction: column;
@@ -737,6 +816,7 @@ ul, li {
     top: 2.75rem;
     right: 4rem;
   }
+
   .tokenhudext.right {
     justify-content: flex-start;
     flex-direction: column;
@@ -744,6 +824,7 @@ ul, li {
     top: 2.75rem;
     left: 4rem;
   }
+
   .control-icon.tokenhudicon {
     width: fit-content;
     height: fit-content;
@@ -753,12 +834,15 @@ ul, li {
     line-height: 1rem;
     margin: 0.25rem;
   }
+
   .control-icon.tokenhudicon.right {
     margin-left: 8px;
   }
+
   #token-hud .status-effects.active {
     z-index: 2;
   }
+
   .token-sheet .window-content .flexcol .sheet-tabs {
     font-size: 0.8rem;
   }
@@ -782,6 +866,7 @@ ul, li {
   .skill-label {
     font-size: 0.7rem;
   }
+
   .skill-good-checkbox {
     max-height: 10px;
     max-width: 10px;
@@ -809,7 +894,8 @@ ul, li {
     height: 470px !important;
   }
 
-#sidebar-tabs > .collapsed, #chat-controls .chat-control-icon {
+  #sidebar-tabs>.collapsed,
+  #chat-controls .chat-control-icon {
     color: rgba(19, 18, 18, 0.95);
     text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
   }
@@ -824,6 +910,7 @@ ul, li {
     background: rgba(0, 0, 0, 0.05);
     cursor: pointer;
   }
+
   .chat-message-header {
     background: rgba(220, 220, 210, 0.5);
     font-size: 1.1rem;
@@ -834,9 +921,15 @@ ul, li {
     align-items: center;
   }
 
-.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to { 
+  .message-chat-center {
+    text-align: center;
+  }
+
+  .chat-message .message-header .flavor-text,
+  .chat-message .message-header .whisper-to {
     font-size: 0.9rem;
   }
+
   .chat-result-text,
   .chat-actor-name {
     font-weight: bold;
@@ -844,12 +937,15 @@ ul, li {
     font-size: 1.2rem;
     padding: 4px;
   }
+
   .chat-result-success {
     color: darkgreen;
   }
+
   .chat-result-failure {
     color: darkred;
   }
+
   .chat-img {
     width: 64px;
     height: 64px;
@@ -927,6 +1023,7 @@ ul, li {
     width: auto;
     height: auto;
   }
+
   .small-ability-icon {
     border: 0;
     padding: 2px 2px 2px 2px;
@@ -935,6 +1032,7 @@ ul, li {
     width: auto;
     height: auto;
   }
+
   .combat-icon {
     border: 0;
     padding: 2px 2px 2px 2px;
@@ -969,7 +1067,8 @@ ul, li {
   /*--------------------------------------------------------------------------*/
   /* Control, Tool, hotbar & navigation */
 
-#controls .scene-control, #controls .control-tool {
+  #controls .scene-control,
+  #controls .control-tool {
     box-shadow: 0 0 3px #000;
     margin: 0 0 8px;
     border-radius: 0;
@@ -980,7 +1079,10 @@ ul, li {
     border-image-outset: 0px;
   }
 
-#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
+  #controls .scene-control.active,
+  #controls .control-tool.active,
+  #controls .scene-control:hover,
+  #controls .control-tool:hover {
     background: rgba(72, 46, 28, 1);
     background-origin: padding-box;
     border-image: url(img/ui/footer-button.png) 10 repeat;
@@ -1026,7 +1128,8 @@ ul, li {
     border-image-outset: 0px;
   }
 
-#navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
+  #navigation #scene-list .scene.view,
+  #navigation #scene-list .scene.context {
     background: rgba(72, 46, 28, 1);
     background-origin: padding-box;
     border-image: url(img/ui/footer-button.png) 10 repeat;
@@ -1071,7 +1174,8 @@ ul, li {
 
 
   .tooltip-nobottom {
-  border-bottom: unset; /* If you want dots under the hoverable text */
+    border-bottom: unset;
+    /* If you want dots under the hoverable text */
   }
 
   /* Show the tooltip text when you mouse over the tooltip container */
@@ -1101,6 +1205,7 @@ ul, li {
     background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
     background-color: red;
   }
+
   .chat-card-button:active {
     position: relative;
     top: 1px;
@@ -1146,14 +1251,14 @@ ul, li {
 
 
   /*************************************************************/
-#pause
+  #pause {
-{
     font-size: 2rem;
   }
-#pause > h3
+
-{
+  #pause>h3 {
     color: #CCC
   }
+
   #pause>img {
     content: url(../images/ui/ecryme_logo_small_01.webp);
     height: 200px;
@@ -1184,23 +1289,28 @@ ul, li {
   .status-small-label {
     font-size: 0.65rem;
   }
+
   .no-grow {
     flex-grow: 1;
     max-width: 32px;
   }
+
   .status-col-name {
     max-width: 72px;
   }
+
   .img-no-border {
     max-width: 48px;
     max-height: 48px;
     border: 0px;
   }
+
   .items-title-bg {
     margin-top: 6px;
     color: rgba(19, 18, 18, 0.95);
 
   }
+
   .impact-box {
     border-width: 2px;
     border-color: #000000;
@@ -1209,6 +1319,7 @@ ul, li {
     margin: 4px;
     padding: 4px;
   }
+
   .impact-title {
     font-size: bold;
     display: flex;
@@ -1224,140 +1335,169 @@ ul, li {
     font-family: MailartRubberstamp;
     margin-left: 4px;
   }
+
   .lock-icon {
     width: 16px;
     height: 16px;
   }
+
   .item-sheet-img {
     width: 64px;
     height: auto;
     border: 0;
   }
+
   .item-name-img {
     flex-grow: 1;
     max-width: 2rem;
     min-width: 2rem;
   }
+
   .item-name-label-header {
     flex-grow: 2;
     max-width: 12rem;
     min-width: 12rem;
   }
+
   .item-name-label-header-long {
     flex-grow: 2;
     max-width: 14rem;
     min-width: 14rem;
   }
+
   .item-name-label-header-long2 {
     flex-grow: 2;
     max-width: 24rem;
     min-width: 24rem;
   }
+
   .item-name-label {
     flex-grow: 2;
     max-width: 10rem;
     min-width: 10rem;
   }
+
   .item-name-label-long {
     margin-top: 4px;
     flex-grow: 2;
     max-width: 12rem;
     min-width: 12rem;
   }
+
   .item-name-label-short {
     margin-top: 4px;
     flex-grow: 1;
     max-width: 4rem;
     min-width: 4rem;
   }
+
   .item-name-label-medium {
     margin-top: 4px;
     flex-grow: 2;
     max-width: 6rem;
     min-width: 6rem;
   }
+
   .item-name-label-medium2 {
     margin-top: 4px;
     flex-grow: 0;
     max-width: 10rem;
     min-width: 10rem;
   }
+
   .item-name-label-free {
     margin-top: 4px;
     align-self: flex-start;
   }
+
   .item-name-label-long2 {
     margin-top: 4px;
     flex-grow: 2;
     max-width: 22rem;
     min-width: 22rem;
   }
+
   .item-name-label-level2 {
     flex-grow: 2;
     max-width: 9rem;
     min-width: 9rem;
   }
+
   .item-field-label-short {
     margin-top: 4px;
     flex-grow: 1;
     max-width: 4rem;
     min-width: 4rem;
   }
+
   .item-field-label-short-header {
     margin-top: 4px;
     flex-grow: 1;
     max-width: 2.2rem;
     min-width: 2.2rem;
   }
+
   .item-field-label-medium {
     flex-grow: 1;
     max-width: 6rem;
     min-width: 6rem;
   }
+
   .item-field-skill {
     flex-grow: 1;
     max-width: 6.8rem;
     min-width: 6.8rem;
   }
+
   .item-field-label-long {
     flex-grow: 1;
     max-width: 10rem;
     min-width: 10rem;
   }
+
   .item-control-end {
     align-self: flex-end;
   }
+
   .alternate-list {
     margin-top: 4px;
     flex-wrap: nowrap;
   }
+
   .item-filler {
     flex-grow: 6;
     flex-shrink: 7;
   }
+
   .item-controls-fixed {
     min-width: 2rem;
     max-width: 2rem;
   }
+
   .item-controls-fixed-full {
     min-width: 3rem;
     max-width: 3rem;
   }
+
   .attribute-label {
     font-weight: bold;
   }
+
   .flexrow-no-expand {
     flex-grow: 0;
   }
+
   .flexrow-start {
     justify-content: flex-start;
     align-content: flex-start;
     align-self: flex-start;
   }
+
   .item-input-small {
     max-width: 16px;
     max-height: 12px;
   }
+
   .character-summary-rollable {
     text-decoration: underline;
   }
@@ -1365,6 +1505,7 @@ ul, li {
   .ecryme-roll-dialog .window-header {
     border-radius: 10px 10px 0% 0%;
   }
+
   .ecryme-roll-dialog .window-content {
     border-radius: 0% 0% 10px 10px;
   }
@@ -1381,16 +1522,19 @@ ul, li {
   .bonus-spec {
     max-width: 48px;
   }
+
   .confront-bonus-container {
     position: relative;
     flex-grow: 1;
     text-align: center;
     color: black;
   }
+
   .pool-list {
     align-items: center;
     justify-content: center;
   }
+
   .confront-bonus-centered {
     position: absolute;
     top: 50%;
@@ -1404,12 +1548,14 @@ ul, li {
   .dice-spec {
     max-width: 64px;
   }
+
   .confront-dice-container {
     position: relative;
     flex-grow: 1;
     text-align: center;
     color: black;
   }
+
   .confront-dice-centered {
     position: absolute;
     top: 50%;
@@ -1419,6 +1565,7 @@ ul, li {
     font-family: MailartRubberstamp;
     transform: translate(-50%, -55%);
   }
+
   .confront-area {
     margin: 2px;
     padding: 4px;

styles/ecryme.css

@@ -46,13 +46,29 @@
   }
 
   /* Fonts */
-.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {
+  .sheet header.sheet-header h1 input,
+  .window-app .window-header,
+  #actors .directory-list,
+  #navigation #scene-list .scene.nav-item {
     font-size: 1.0rem;
-} /* For title, sidebar character and scene */
+  }
+
+  /* For title, sidebar character and scene */
   .sheet nav.sheet-tabs {
     font-size: 0.8rem;
-} /* For nav and title */
+  }
-.window-app input, .fvtt-ecryme .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
+
+  /* For nav and title */
+  .window-app input,
+  .fvtt-ecryme .item-form,
+  .sheet header.sheet-header .flex-group-center.flex-compteurs,
+  .sheet header.sheet-header .flex-group-center.flex-fatigue,
+  select,
+  button,
+  .item-checkbox,
+  #sidebar,
+  #players,
+  #navigation #nav-toggle {
     font-size: 0.8rem;
   }
 
@@ -64,15 +80,19 @@
     margin: 0;
     padding: 0;
   }
+
   .strong-text {
     font-weight: bold;
   }
 
-.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover {
+  .tabs .item.active,
+  .blessures-list li ul li:first-child:hover,
+  a:hover {
     text-shadow: 1px 0px 0px #ff6600;
   }
 
-.rollable:hover, .rollable:focus {
+  .rollable:hover,
+  .rollable:focus {
     color: #000;
     text-shadow: 0 0 10px red;
     cursor: pointer;
@@ -86,12 +106,17 @@ input:hover {
   input:disabled {
     color: #1c2058;
   }
+
   select:disabled {
     color: #1c2058;
   }
-table {border: 1px solid #7a7971;}
 
-.grid, .grid-2col {
+  table {
+    border: 1px solid #7a7971;
+  }
+
+  .grid,
+  .grid-2col {
     display: grid;
     grid-column: span 2 / span 2;
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -212,6 +237,7 @@ table {border: 1px solid #7a7971;}
     object-position: 50% 0;
     border-width: 0px;
   }
+
   .profile-img-container {
     margin-right: 0.2rem;
     max-width: 140px;
@@ -376,7 +402,8 @@ li.folder > .folder-header h3 {
     /*background: #494e6b;*/
   }
 
-input[type="text"],  select[type="text"] {
+  input[type="text"],
+  select[type="text"] {
     background: white;
     color: #494e6b;
   }
@@ -385,14 +412,22 @@ select {
     background: white;
     color: #494e6b;
   }
+
   /*  background: #011d33 url("../images/ui/fond1.webp") repeat left top;*/
   /*color: rgba(168, 139, 139, 0.5);*/
-.window-app.sheet .window-content .sheet-header select[type="text"], .window-app.sheet .window-content .sheet-header input[type="text"], .window-app.sheet .window-content .sheet-header input[type="number"], .window-app.sheet .window-content .sheet-body input[type="text"], .window-app.sheet .window-content .sheet-body input[type="number"], .window-app.sheet .window-content .sheet-body select[type="text"] {
+  .window-app.sheet .window-content .sheet-header select[type="text"],
+  .window-app.sheet .window-content .sheet-header input[type="text"],
+  .window-app.sheet .window-content .sheet-header input[type="number"],
+  .window-app.sheet .window-content .sheet-body input[type="text"],
+  .window-app.sheet .window-content .sheet-body input[type="number"],
+  .window-app.sheet .window-content .sheet-body select[type="text"] {
     color: rgba(19, 18, 18, 0.95);
     /*color: #494e6b;*/
   }
 
-.window-app.sheet .window-content .sheet-header input[type="password"], .window-app.sheet .window-content .sheet-header input[type="date"], .window-app.sheet .window-content .sheet-header input[type="time"] {
+  .window-app.sheet .window-content .sheet-header input[type="password"],
+  .window-app.sheet .window-content .sheet-header input[type="date"],
+  .window-app.sheet .window-content .sheet-header input[type="time"] {
     color: rgba(19, 18, 18, 0.95);
     background: url("../images/ui/fond_carnet_01.webp");
     border: 1 none;
@@ -400,7 +435,9 @@ select {
     margin-left: 2px;
   }
 
-.window-app.sheet .window-content .sheet-body input[type="password"], .window-app.sheet .window-content .sheet-body input[type="date"], .window-app.sheet .window-content .sheet-body input[type="time"] {
+  .window-app.sheet .window-content .sheet-body input[type="password"],
+  .window-app.sheet .window-content .sheet-body input[type="date"],
+  .window-app.sheet .window-content .sheet-body input[type="time"] {
     color: rgba(19, 18, 18, 0.95);
     background: url("../images/ui/fond_carnet_01.webp");
     border: 1 none;
@@ -408,7 +445,8 @@ select {
     margin-left: 2px;
   }
 
-.window-app.sheet .window-content .sheet-body select, .window-app.sheet .window-content .sheet-header select {
+  .window-app.sheet .window-content .sheet-body select,
+  .window-app.sheet .window-content .sheet-header select {
     color: rgba(19, 18, 18, 0.95);
     background: #fff;
     border: 1 none;
@@ -416,7 +454,8 @@ select {
     margin-left: 2px;
   }
 
-.window-app .window-content, .window-app.sheet .window-content .sheet-body{
+  .window-app .window-content,
+  .window-app.sheet .window-content .sheet-body {
     font-size: 0.8rem;
     /*background: url("../images/ui/pc_sheet_bg.webp") repeat left top;*/
     background: url("../images/ui/fond_carnet_01.webp");
@@ -425,7 +464,9 @@ select {
 
   /*  background: rgba(245,245,240,0.6) url("../images/ui/sheet_background.webp") left top;*/
 
-section.sheet-body{padding: 0.25rem 0.5rem;}
+  section.sheet-body {
+    padding: 0.25rem 0.5rem;
+  }
 
   .sheet header.sheet-header .profile-img {
     -o-object-fit: cover;
@@ -481,8 +522,13 @@ section.sheet-body:after {
     clear: both;
   }
 
-.sheet header.sheet-header .flex-compteurs {text-align: right;}
+  .sheet header.sheet-header .flex-compteurs {
-.sheet header.sheet-header .resource-content {width: 2rem;}
+    text-align: right;
+  }
+
+  .sheet header.sheet-header .resource-content {
+    width: 2rem;
+  }
 
   .select-diff {
     display: inline-block;
@@ -497,7 +543,8 @@ section.sheet-body:after {
     padding: 0.25rem;
   }
 
-.window-app.sheet .window-content .carac-value, .window-app.sheet .window-content .competence-xp {
+  .window-app.sheet .window-content .carac-value,
+  .window-app.sheet .window-content .competence-xp {
     margin: 0.05rem;
     flex-basis: 3rem;
     text-align: center;
@@ -508,15 +555,21 @@ section.sheet-body:after {
 
   /* ======================================== */
 
-h1, h2, h3, h4 {
+  h1,
+  h2,
+  h3,
+  h4 {
     font-weight: bold;
   }
 
-ul, ol {
+  ul,
+  ol {
     margin: 0;
     padding: 0;
   }
-ul, li {
+
+  ul,
+  li {
     list-style-type: none;
   }
 
@@ -524,6 +577,7 @@ ul, li {
     margin: 0.010rem;
     padding: 0.25rem;
   }
+
   .header-fields li {
     margin: 0;
     padding: 0;
@@ -532,9 +586,11 @@ ul, li {
   .alterne-list>.list-item:hover {
     background: rgba(100, 100, 50, 0.25);
   }
+
   .alterne-list>.list-item:nth-child(even) {
     background: rgba(80, 60, 0, 0.10);
   }
+
   .alterne-list>.list-item:nth-child(odd) {
     background: rgb(160, 130, 100, 0.05);
   }
@@ -557,36 +613,45 @@ ul, li {
     display: flex !important;
     color: rgba(19, 18, 18, 0.95);
   }
+
   .list-item-shadow {
     background: rgba(87, 60, 32, 0.35);
     flex-grow: 0;
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
+
   .list-item-shadow2 {
     background: rgba(87, 60, 32, 0.25);
     flex-grow: 0;
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
+
   .item-display-show {
     display: block;
   }
+
   .item-display-hide {
     display: none;
   }
+
   .item-quantite {
     margin-left: 0.5rem;
   }
+
   .list-item-margin1 {
     margin-left: 1rem;
   }
+
   .list-item-margin2 {
     margin-left: 2rem;
   }
+
   .list-item-margin3 {
     margin-left: 3rem;
   }
+
   .list-item-margin4 {
     margin-left: 4rem;
   }
@@ -599,6 +664,7 @@ ul, li {
     flex-grow: 0;
     margin-right: 0.25rem;
   }
+
   .competence-column {
     flex-direction: column;
     align-content: flex-start;
@@ -606,6 +672,7 @@ ul, li {
     flex-grow: 0;
     flex-basis: 1;
   }
+
   .competence-header {
     align-content: flex-start;
     justify-content: flex-start;
@@ -617,16 +684,20 @@ ul, li {
     flex-grow: 2;
     margin-left: 4px;
   }
+
   .status-header-label {
     margin-left: 2px;
   }
+
   .roll-dialog-label {
     margin: 4px 0;
     min-width: 96px;
   }
+
   .short-label {
     flex-grow: 1;
   }
+
   .keyword-label {
     font-size: 0.85rem;
   }
@@ -651,6 +722,7 @@ ul, li {
     margin-right: 4px;
     margin-left: 4px;
   }
+
   .sante-value,
   .competence-value {
     flex-grow: 0;
@@ -658,26 +730,32 @@ ul, li {
     margin-right: 0.25rem;
     margin-left: 0.25rem;
   }
+
   .description-value {
     flex-grow: 0;
     flex-basis: 4rem;
     margin-right: 0.25rem;
     margin-left: 0.25rem;
   }
+
   .small-label {
     margin-top: 5px;
   }
+
   .padd-right {
     margin-right: 8px;
   }
+
   .padd-left {
     margin-left: 8px;
   }
+
   .stack-left {
     align-items: center;
     flex-shrink: 1;
     flex-grow: 0;
   }
+
   .packed-left {
     white-space: nowrap;
     flex-grow: 0;
@@ -703,6 +781,7 @@ ul, li {
     flex: 0 !important;
     font-weight: 600;
   }
+
   .tokenhudext.left {
     justify-content: flex-start;
     flex-direction: column;
@@ -710,6 +789,7 @@ ul, li {
     top: 2.75rem;
     right: 4rem;
   }
+
   .tokenhudext.right {
     justify-content: flex-start;
     flex-direction: column;
@@ -717,6 +797,7 @@ ul, li {
     top: 2.75rem;
     left: 4rem;
   }
+
   .control-icon.tokenhudicon {
     width: -moz-fit-content;
     width: fit-content;
@@ -728,12 +809,15 @@ ul, li {
     line-height: 1rem;
     margin: 0.25rem;
   }
+
   .control-icon.tokenhudicon.right {
     margin-left: 8px;
   }
+
   #token-hud .status-effects.active {
     z-index: 2;
   }
+
   .token-sheet .window-content .flexcol .sheet-tabs {
     font-size: 0.8rem;
   }
@@ -757,6 +841,7 @@ ul, li {
   .skill-label {
     font-size: 0.7rem;
   }
+
   .skill-good-checkbox {
     max-height: 10px;
     max-width: 10px;
@@ -784,7 +869,8 @@ ul, li {
     height: 470px !important;
   }
 
-#sidebar-tabs > .collapsed, #chat-controls .chat-control-icon {
+  #sidebar-tabs>.collapsed,
+  #chat-controls .chat-control-icon {
     color: rgba(19, 18, 18, 0.95);
     text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
   }
@@ -799,6 +885,7 @@ ul, li {
     background: rgba(0, 0, 0, 0.05);
     cursor: pointer;
   }
+
   .chat-message-header {
     background: rgba(220, 220, 210, 0.5);
     font-size: 1.1rem;
@@ -809,9 +896,15 @@ ul, li {
     align-items: center;
   }
 
-.chat-message .message-header .flavor-text, .chat-message .message-header .whisper-to {
+  .message-chat-center {
+    text-align: center;
+  }
+
+  .chat-message .message-header .flavor-text,
+  .chat-message .message-header .whisper-to {
     font-size: 0.9rem;
   }
+
   .chat-result-text,
   .chat-actor-name {
     font-weight: bold;
@@ -819,12 +912,15 @@ ul, li {
     font-size: 1.2rem;
     padding: 4px;
   }
+
   .chat-result-success {
     color: darkgreen;
   }
+
   .chat-result-failure {
     color: darkred;
   }
+
   .chat-img {
     width: 64px;
     height: 64px;
@@ -902,6 +998,7 @@ ul, li {
     width: auto;
     height: auto;
   }
+
   .small-ability-icon {
     border: 0;
     padding: 2px 2px 2px 2px;
@@ -910,6 +1007,7 @@ ul, li {
     width: auto;
     height: auto;
   }
+
   .combat-icon {
     border: 0;
     padding: 2px 2px 2px 2px;
@@ -944,7 +1042,8 @@ ul, li {
   /*--------------------------------------------------------------------------*/
   /* Control, Tool, hotbar & navigation */
 
-#controls .scene-control, #controls .control-tool {
+  #controls .scene-control,
+  #controls .control-tool {
     box-shadow: 0 0 3px #000;
     margin: 0 0 8px;
     border-radius: 0;
@@ -956,7 +1055,10 @@ ul, li {
     border-image-outset: 0px;
   }
 
-#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {
+  #controls .scene-control.active,
+  #controls .control-tool.active,
+  #controls .scene-control:hover,
+  #controls .control-tool:hover {
     background: rgba(72, 46, 28, 1);
     background-origin: padding-box;
     -o-border-image: url(img/ui/footer-button.png) 10 repeat;
@@ -1006,7 +1108,8 @@ ul, li {
     border-image-outset: 0px;
   }
 
-#navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
+  #navigation #scene-list .scene.view,
+  #navigation #scene-list .scene.context {
     background: rgba(72, 46, 28, 1);
     background-origin: padding-box;
     -o-border-image: url(img/ui/footer-button.png) 10 repeat;
@@ -1053,7 +1156,8 @@ ul, li {
 
 
   .tooltip-nobottom {
-  border-bottom: unset; /* If you want dots under the hoverable text */
+    border-bottom: unset;
+    /* If you want dots under the hoverable text */
   }
 
   /* Show the tooltip text when you mouse over the tooltip container */
@@ -1083,6 +1187,7 @@ ul, li {
     background: linear-gradient(to bottom, #800000 5%, #3e0101 100%);
     background-color: red;
   }
+
   .chat-card-button:active {
     position: relative;
     top: 1px;
@@ -1128,14 +1233,14 @@ ul, li {
 
 
   /*************************************************************/
-#pause
+  #pause {
-{
     font-size: 2rem;
   }
-#pause > h3
+
-{
+  #pause>h3 {
     color: #CCC
   }
+
   #pause>img {
     content: url(../images/ui/ecryme_logo_small_01.webp);
     height: 200px;
@@ -1166,23 +1271,28 @@ ul, li {
   .status-small-label {
     font-size: 0.65rem;
   }
+
   .no-grow {
     flex-grow: 1;
     max-width: 32px;
   }
+
   .status-col-name {
     max-width: 72px;
   }
+
   .img-no-border {
     max-width: 48px;
     max-height: 48px;
     border: 0px;
   }
+
   .items-title-bg {
     margin-top: 6px;
     color: rgba(19, 18, 18, 0.95);
 
   }
+
   .impact-box {
     border-width: 2px;
     border-color: #000000;
@@ -1191,6 +1301,7 @@ ul, li {
     margin: 4px;
     padding: 4px;
   }
+
   .impact-title {
     font-size: bold;
     display: flex;
@@ -1206,140 +1317,169 @@ ul, li {
     font-family: MailartRubberstamp;
     margin-left: 4px;
   }
+
   .lock-icon {
     width: 16px;
     height: 16px;
   }
+
   .item-sheet-img {
     width: 64px;
     height: auto;
     border: 0;
   }
+
   .item-name-img {
     flex-grow: 1;
     max-width: 2rem;
     min-width: 2rem;
   }
+
   .item-name-label-header {
     flex-grow: 2;
     max-width: 12rem;
     min-width: 12rem;
   }
+
   .item-name-label-header-long {
     flex-grow: 2;
     max-width: 14rem;
     min-width: 14rem;
   }
+
   .item-name-label-header-long2 {
     flex-grow: 2;
     max-width: 24rem;
     min-width: 24rem;
   }
+
   .item-name-label {
     flex-grow: 2;
     max-width: 10rem;
     min-width: 10rem;
   }
+
   .item-name-label-long {
     margin-top: 4px;
     flex-grow: 2;
     max-width: 12rem;
     min-width: 12rem;
   }
+
   .item-name-label-short {
     margin-top: 4px;
     flex-grow: 1;
     max-width: 4rem;
     min-width: 4rem;
   }
+
   .item-name-label-medium {
     margin-top: 4px;
     flex-grow: 2;
     max-width: 6rem;
     min-width: 6rem;
   }
+
   .item-name-label-medium2 {
     margin-top: 4px;
     flex-grow: 0;
     max-width: 10rem;
     min-width: 10rem;
   }
+
   .item-name-label-free {
     margin-top: 4px;
     align-self: flex-start;
   }
+
   .item-name-label-long2 {
     margin-top: 4px;
     flex-grow: 2;
     max-width: 22rem;
     min-width: 22rem;
   }
+
   .item-name-label-level2 {
     flex-grow: 2;
     max-width: 9rem;
     min-width: 9rem;
   }
+
   .item-field-label-short {
     margin-top: 4px;
     flex-grow: 1;
     max-width: 4rem;
     min-width: 4rem;
   }
+
   .item-field-label-short-header {
     margin-top: 4px;
     flex-grow: 1;
     max-width: 2.2rem;
     min-width: 2.2rem;
   }
+
   .item-field-label-medium {
     flex-grow: 1;
     max-width: 6rem;
     min-width: 6rem;
   }
+
   .item-field-skill {
     flex-grow: 1;
     max-width: 6.8rem;
     min-width: 6.8rem;
   }
+
   .item-field-label-long {
     flex-grow: 1;
     max-width: 10rem;
     min-width: 10rem;
   }
+
   .item-control-end {
     align-self: flex-end;
   }
+
   .alternate-list {
     margin-top: 4px;
     flex-wrap: nowrap;
   }
+
   .item-filler {
     flex-grow: 6;
     flex-shrink: 7;
   }
+
   .item-controls-fixed {
     min-width: 2rem;
     max-width: 2rem;
   }
+
   .item-controls-fixed-full {
     min-width: 3rem;
     max-width: 3rem;
   }
+
   .attribute-label {
     font-weight: bold;
   }
+
   .flexrow-no-expand {
     flex-grow: 0;
   }
+
   .flexrow-start {
     justify-content: flex-start;
     align-content: flex-start;
     align-self: flex-start;
   }
+
   .item-input-small {
     max-width: 16px;
     max-height: 12px;
   }
+
   .character-summary-rollable {
     text-decoration: underline;
   }
@@ -1347,6 +1487,7 @@ ul, li {
   .ecryme-roll-dialog .window-header {
     border-radius: 10px 10px 0% 0%;
   }
+
   .ecryme-roll-dialog .window-content {
     border-radius: 0% 0% 10px 10px;
   }
@@ -1363,16 +1504,19 @@ ul, li {
   .bonus-spec {
     max-width: 48px;
   }
+
   .confront-bonus-container {
     position: relative;
     flex-grow: 1;
     text-align: center;
     color: black;
   }
+
   .pool-list {
     align-items: center;
     justify-content: center;
   }
+
   .confront-bonus-centered {
     position: absolute;
     top: 50%;
@@ -1386,12 +1530,14 @@ ul, li {
   .dice-spec {
     max-width: 64px;
   }
+
   .confront-dice-container {
     position: relative;
     flex-grow: 1;
     text-align: center;
     color: black;
   }
+
   .confront-dice-centered {
     position: absolute;
     top: 50%;
@@ -1401,6 +1547,7 @@ ul, li {
     font-family: MailartRubberstamp;
     transform: translate(-50%, -55%);
   }
+
   .confront-area {
     margin: 2px;
     padding: 4px;

welcome-message-ecryme.html

@@ -1,6 +1,6 @@
 <h3>Bonjour à tous !</h3>
 
-<div>
+<div class="message-chat-center">
   👋 Juste un petit message pour vous informer que :
   <br />
   <strong
@@ -9,12 +9,12 @@
   >
 </div>
 
-<div>
+<div class="message-chat-center>
   ⚠️ Suivez la page de pré-lancement ici pour être sûr de ne pas manquer le
   lancement : <a href="https://shorturl.at/qDjg7">https://shorturl.at/qDjg7</a>
 </div>
 
-<div>
+<div class="message-chat-center>
   Nous avons aussi un nouveau Discord pour ceux ou celles qui souhaiteraient
   participer plus activement à la communauté des jeux d'Open Sesame Games, avec
   un espace dédié aux écrymiens ! Nouveaux joueurs comme vétérans sont les