diff --git a/assets/fonts/MinionPro-Medium.otf b/assets/fonts/MinionPro-Medium.otf
new file mode 100644
index 0000000..5aaaa64
Binary files /dev/null and b/assets/fonts/MinionPro-Medium.otf differ
diff --git a/assets/images/Sans titre.png b/assets/images/Sans titre.png
new file mode 100644
index 0000000..8610bf2
Binary files /dev/null and b/assets/images/Sans titre.png differ
diff --git a/assets/images/parchment.jpg b/assets/images/parchment.jpg
new file mode 100644
index 0000000..112b20d
Binary files /dev/null and b/assets/images/parchment.jpg differ
diff --git a/assets/images/recto.png b/assets/images/recto.png
new file mode 100644
index 0000000..b4d9b58
Binary files /dev/null and b/assets/images/recto.png differ
diff --git a/assets/images/token/TOK MONO.png b/assets/images/token/TOK MONO.png
new file mode 100644
index 0000000..b48d5fb
Binary files /dev/null and b/assets/images/token/TOK MONO.png differ
diff --git a/assets/images/ui/vermine_pause.webp b/assets/images/ui/vermine_pause.webp
new file mode 100644
index 0000000..518c8bb
Binary files /dev/null and b/assets/images/ui/vermine_pause.webp differ
diff --git a/assets/style/custom_style.css b/assets/style/custom_style.css
new file mode 100644
index 0000000..dbc59eb
--- /dev/null
+++ b/assets/style/custom_style.css
@@ -0,0 +1,138 @@
+/* Font Families Initialization! Add more here before you use */
+/* Copy the entire paragraph and paste it below, then change the name and the url */
+/* Finally, use the name in font-family in the rest of the style page */
+
+@font-face {
+  font-family: MinionPro;
+  src:url(fonts/MinionPro-Medium.otf);
+}
+
+/* ------------------------------ */
+
+/* ------!!!! ------- */
+/* ---------- DO NOT REMOVE THE ; SEMI COLON PUNTO Y COMA  AT THE END OF EVERY LINE !!! ---- */
+/* ------!!!! ------- */
+
+/* Character sheet background and Font Color */
+.sandbox.sheet .window-content {
+  color: #6c1414; /* Change color code, include the hash tag! */
+  /* Replace LINK_TO_IMAGE from the web to an image you like for a background or place it in img folder */
+  /* Image should be sized on about 720p and not be too heavy */
+  background: url(LINK_TO_IMAGE) no-repeat; /* Replace no-repeat with repeat for pattern images */
+  overflow-y: auto; /* change between hidden and auto to show vertical scroll bar in sheets. Good for long sheets */
+}
+
+/* Font control of general text in Foundry in general */
+body {
+  font-family: "Signika", sans-serif; /* Dont remove the colon at the end!!! */
+  font-size: 14px; /* change only the number! */
+}
+
+/* Tabs in sheets! */
+.sandbox.sheet .tabs .item {
+  font-family: MinionPro, sans-serif;
+  font-weight: bold;
+}
+
+/* Font and color control for Panel Headers */
+.sandbox.sheet .panelheader {
+  font-family: MinionPro, sans-serif;
+  font-size: 14px; /* change only the number! */
+  background-color: #242a44de; /* Background color for panel header */
+}
+
+/* Character sheet input text background color fields */
+.sandbox.sheet [class^="flexblock-"] input {
+  font-family: MinionPro, sans-serif;
+  font-size: 12px;
+  background-color: #a8b3b3;
+}
+
+/* Character sheet input text in tables (items) */
+/* You can delete this paragraph if you want it to be same as the input text above */
+.sandbox.sheet [class^="flexblock-"] td input {
+  font-family: MinionPro, sans-serif;
+  font-size: 12px;
+  background-color: #a8b3b3;
+}
+
+/* How cItems in tables behave when you move your mouse over!!! */
+.sandbox.sheet .linkable:hover {
+    color: #6f1311;
+	font-family: MinionPro, sans-serif; /* Not a good idea to change fonts when passing the mouse but... */
+	font-size: 14px; /* Make it bigger or smaller when mouse over? */
+    font-weight: bold; /* try bold - bolder - normal - lighter */
+}
+
+/* Labels fonts and style */
+.sandbox.sheet [class*="label-"] {
+  font-family: MinionPro, sans-serif;
+  font-size: 13px;
+}
+
+/* Character sheet table header colors */
+.sandbox.sheet thead {
+  background-color: #606c71;
+}
+
+/* Character sheet empty table cell colors */
+.sandbox.sheet tr.empty-row {
+  background-color: #C0C0C0;
+}
+
+/* Table Body background color */
+tbody.table {
+  background-color: #b8b9bb;
+}
+
+/* Table cells fonts */
+.sandbox.sheet td {
+  font-family: MinionPro, sans-serif;
+  font-size: 14px;
+}
+
+/* ---- NEW Sep-26 ----- */
+
+/* Change shadow colors and Foundry general font color!! */
+.app {
+  box-shadow: 0 0 20px #7e4444; /* Change the color code here for a nice shadow color! */
+  color: #dfdfdf; /* Text color for window titles and menu all across Foundry */
+}
+
+/* Character and Item Name Titles Text style! */
+.sandbox.sheet .charname input {
+    color: #191813;
+    font-family: "Signika", sans-serif;
+    font-size: 30px;
+    font-style: normal;
+}
+
+/* Customize the chat roll area! */
+#chat-form textarea {
+  background: url(img/parchment.jpg) repeat; /* Replace with some url with image or url in img folder */
+  font-family: monospace; /* Text font in dice */
+  font-size: 14px; /* Text size in dice dialog */
+  color: black; /* Text color in dice dialog */
+}
+
+/* Customize the chat history area! */
+#chat-log .message {
+  background: url(img/parchment.jpg) repeat; /* Replace with some url with image or url in img folder */
+  color: #191813; /* Text color */
+}
+/* CACHE INPUT GRAVE COCHE 04 visibility: hidden;*/
+.sandbox.sheet .blessuregravecoche4{
+  visibility: hidden;
+}
+.sandbox.sheet .blessuregravecoche5{
+  visibility: hidden;
+}
+.sandbox.sheet .blessuremortellecoche5{
+  visibility: hidden;
+}
+.sandbox.sheet .blessuremortellecoche4{
+  visibility: hidden;
+}
+.sandbox.sheet .blessuremortellecoche3{
+  visibility: hidden;
+}
\ No newline at end of file
diff --git a/assets/style/custom_style_1.css b/assets/style/custom_style_1.css
new file mode 100644
index 0000000..f1c374a
--- /dev/null
+++ b/assets/style/custom_style_1.css
@@ -0,0 +1,546 @@
+/* **************************************************************** */
+/* Module:         css                                              */
+/* Description:    Theme oriented CSS                               */
+/*                 Using CSS variables to apply a coheherent        */
+/*                 styling of elements                              */
+/*                                                                  */
+/*                 Extra information:                               */
+/*                 To set no color(or initial) use,                 */
+/*                 box-shadow: none;                                */
+/*                 text-shadow:none;                                */
+/*                 filter:none;                                     */
+/*                 color:initial;                                   */
+/* ================================================================ */
+/* Date       Version  Author               Description             */
+/* ---------- -------- -------------------- ----------------------- */
+/* 2021-05-06 1.0.0    Ramses800            css created.            */
+/* 2021-10-29 1.1.0    Ramses800            fixed table background  */
+/* **************************************************************** */
+
+/*                                                                  */
+/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
+/*                                                                  */
+/*                          CSS variables                           */
+/*                                                                  */
+/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
+/*                                                                  */
+:root {
+  
+  --label_font-size:13px;
+  --label_font-family:Garamond, serif;
+  --label_color:black;
+  --label_height:20px;
+
+  --name_font-family:Garamond, serif;
+  --name_font-size:32px;
+
+  --input_font-family: Garamond, serif;
+  --input_color:black;
+  --input_font-size:13px;
+  --input_height:24px; 
+  --input_border:1px solid #7a7971;
+  --input_border-radius:3px;   
+
+  --table_background-color:#e3dac9;
+  --tableheader_font-family:Garamond, serif;
+  --tableheader_font-size:14px;
+  --tableheader_color:rgb(59, 51, 6);
+  --tableheader_backgroundcolor:#9b7653;  
+
+  --panel_background-color:rgb(59, 51, 6);;
+  --panel_color:tan;
+  --panel_font-family:Garamond, serif;
+  --panel_font-size:20px;
+  --panel_padding:3px 5px;
+    
+  --editablecolor:Linen;
+  --disabledcolor:#a99a86;
+  
+  --linkcolor:rgb(59, 51, 6);;
+  --radiocolor:rgb(59, 51, 6);
+  --hovercolor: rgb(59, 51, 6); /* color used for illumniating clickable element */
+  --focuscolor: rgb(59, 51, 6); /* color used for illumniating focus/active selection */  
+  --box-shadow-size:0 0 5px;
+  --text-shadow-size:0 0 8px; 
+  --drop-shadow-size:0 0 11px;
+}
+
+/*                                                                  */
+/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
+/*                                                                  */
+/*                             Elements                             */
+/*                                                                  */
+/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
+/*                                                                  */
+
+.sandbox.sheet{
+   
+}
+.sandbox.sheet .window-content {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  color:initial;              
+        
+  /*--------------------------------*/
+  /*To use a single background color*/
+  /*background-color:tan;*/
+  /*background-image:none;*/
+  /*--------------------------------*/
+  
+  /*--------------------------------*/
+  /*To use a background image*/
+  background-image: url("../ui/parchment.jpg"); 
+  /* Replace no-repeat with repeat for pattern images */
+  background-repeat:repeat;*/
+  /*--------------------------------*/     
+  /* change between hidden and auto to show vertical scroll bar in sheets. Good for long sheets */
+  overflow-y: auto; 
+}
+/* ---------------------------------------------------------------- */
+/* Navigational                                                     */
+/* ---------------------------------------------------------------- */
+.sandbox.sheet .tab-button{
+  font-family: Garamond, serif;
+  font-size: 14px;
+  font-weight: bold;
+  color:var(--linkcolor);
+  
+}
+.sandbox.sheet .tab-button:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+.sandbox.sheet a:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+
+.sandbox.sheet .profile-img:hover{filter: drop-shadow(var(--drop-shadow-size) var(--hovercolor));}
+
+.sandbox.sheet .leftarrow:hover{filter: drop-shadow(var(--drop-shadow-size) var(--hovercolor));}
+.sandbox.sheet .rightarrow:hover{filter: drop-shadow(var(--drop-shadow-size) var(--hovercolor));}
+
+/* ---------------------------------------------------------------- */
+/* Panels                                                           */
+/* ---------------------------------------------------------------- */
+.sandbox.sheet .panelheader {
+    background-color:var(--panel_background-color);
+    color: var(--panel_color);
+    
+    padding: var(--panel_padding);
+    font-family: var(--panel_font-family);
+    font-size: var(--panel_font-size);
+    font-weight: bold;
+    text-align: center;  
+    
+    text-shadow: none; /*1px 1px black;*/
+    border-bottom: none; /* 1px solid black;*/
+}
+
+/* ---------------------------------------------------------------- */
+/* Labels                                                           */
+/* ---------------------------------------------------------------- */
+ 
+.sandbox.sheet .label-mini,
+.sandbox.sheet .label-small,  
+.sandbox.sheet .label-med,
+.sandbox.sheet .label-medlarge,
+.sandbox.sheet .label-large,
+.sandbox.sheet .label-free{
+    color:var(--label_color);  
+    font-family:var(--label_font-family);
+    font-size: var(--label_font-size);
+    height:var(--label_height);
+}
+
+
+/* ---------------------------------------------------------------- */
+/* Inputs                                                           */
+/* ---------------------------------------------------------------- */
+
+/* ------------------------------------ */
+/* Generic Input Styling for all inputs */
+/* ------------------------------------ */
+
+.sandbox.sheet input:not(.input-disabled):not([readonly=true]):hover{
+  box-shadow:var(--box-shadow-size) var(--hovercolor);
+  }
+.sandbox.sheet input:not(.input-disabled):not([readonly=true]):focus{
+  box-shadow:var(--box-shadow-size) var(--focuscolor);
+  } 
+
+/* ----------- */
+/* Text inputs */
+/* ----------- */
+
+/* Editable text*/
+.sandbox.sheet input[type=text]:not(.entityname):not(.itemname):not(.input-disabled):not([readonly=true]){
+  background-color:var(--editablecolor) !important;   
+  color: var(--input_color) !important;
+  font-size: var(--input_font-size); 
+  font-family:var(--input_font-family); 
+  height:var(--input_height) !important; 
+  border:var(--input_border); 
+  border-radius: var(--input_border-radius);
+  padding: 1px 3px; 
+  text-align:left;
+  }    
+
+/*Disabled */
+.sandbox.sheet input[type=text].input-disabled,.sandbox.sheet input[type=text][readonly=true]{
+  font-family:var(--input_font-family);  
+  color: var(--input_color) !important;
+  font-size: var(--input_font-size) !important;
+  height:var(--input_height) !important; 
+  border:var(--input_border); 
+  border-radius: var(--input_border-radius);
+  background-color:var(--disabledcolor) !important;
+  box-shadow: none !important; 
+  padding: 1px 3px;
+  } 
+ 
+/*Up/down arrows of simplenumerics */
+.sandbox.sheet .arrup:hover{
+  filter: drop-shadow(var(--drop-shadow-size) var(--hovercolor));
+}
+.sandbox.sheet .arrdown:hover{
+  filter: drop-shadow(var(--drop-shadow-size) var(--hovercolor));
+}
+
+/* ----------------------------- */
+/* Sandbox specifics text inputs */
+/* ----------------------------- */
+/*Actor header, citem header*/
+.sandbox.sheet input[type=text].entityname,.sandbox.sheet input[type=text].itemname{
+  color: var(--input_color) !important;   
+  background-color:var(--editablecolor) !important;    
+  border:var(--input_border); 
+  border-radius: var(--input_border-radius);
+  font-family: var(--name_font-family); /*Default is :font-family: "Signika", sans-serif; */
+  font-size:var(--name_font-size);
+}
+.sandbox.sheet input[type=text].input-small{
+	width:70px !important;     /*Default value is :70px*/
+}
+.sandbox.sheet input[type=text].input-med{
+	width:110px !important;    /*Default value is :110px*/
+}
+.sandbox.sheet input[type=text].input-large{
+	width: calc(100% - 5px);   /*Default value is :150 px */
+}
+
+.sandbox.sheet input[type=text].input-free {
+  width:calc(100% - 5px);    /*Default value is :100% */
+}
+
+  
+/* ------------- */
+/* Number inputs */
+/* ------------- */
+
+/*Editable number*/
+.sandbox.sheet input[type=number]:not(.table-empty-small):not(.input-disabled):not([readonly=true]){
+  color: var(--input_color) !important;   
+  font-family:var(--input_font-family);
+  font-size: var(--input_font-size) !important;
+  height:var(--input_height) !important;
+  border:var(--input_border); 
+  border-radius: var(--input_border-radius);
+  background-color:var(--editablecolor) !important; 
+  padding: 0px 0px !important; 
+}
+
+/* disabled number*/
+.sandbox.sheet input[type=number][readonly=true],.sandbox.sheet input[type=number].input-disabled{
+  color: var(--input_color) !important;   
+  font-family:var(--input_font-family);
+  font-size: var(--input_font-size) !important;
+  height:var(--input_height) !important;
+  border:var(--input_border); 
+  border-radius: var(--input_border-radius);
+  background-color:var(--disabledcolor) !important;
+  box-shadow: none !important;
+  }     
+/* special one used in table*/  
+.sandbox.sheet input[type=number].table-empty-small{
+  visibility: hidden;
+  
+} 
+/*Spin buttons*/
+.sandbox.sheet input[type=number]:not(.input-disabled):not([readonly="true"]):hover::-webkit-inner-spin-button,
+.sandbox.sheet input[type=number]:not(.input-disabled):not([readonly="true"]):hover::-webkit-outer-spin-button {
+  opacity: 0.5 ;
+	margin:0px;
+	height:var(--input_height);	
+	cursor:pointer;
+	-webkit-appearance: textfield ;	
+}
+
+
+/* -------------- */
+/* Checkbox Input */
+/* -------------- */
+.sandbox.sheet input[type=checkbox] {
+  -webkit-filter:none;
+  -webkit-appearance: none;
+  appearance:none;
+  background-color: var(--editablecolor) !important;
+  border:var(--input_border); 
+  border-radius: var(--input_border-radius);
+  height:var(--input_height) !important;
+  width:var(--input_height) !important;
+  cursor:pointer;
+  
+  color: var(--input_color) !important;
+}
+
+.sandbox.sheet input[type=checkbox]:after{
+  content: '?'; 
+  color: var(--editablecolor) !important;
+}
+
+.sandbox.sheet input[type=checkbox]:checked {
+  -webkit-filter:none;
+  -webkit-appearance: none;
+  appearance:none;
+  background: var(--editablecolor)  !important;
+  background-color: var(--editablecolor) !important;
+}
+
+.sandbox.sheet input[type=checkbox]:checked:after {
+  content: '?'; 
+  font-weight: bolder; 
+  font-size: var(--input_font-size);
+  color: var(--input_color) !important; 
+}
+
+
+
+
+/* ---------------------------------------------------------------- */
+/* select(dropdowns)                                                */
+/* ---------------------------------------------------------------- */
+.sandbox.sheet select{
+  font-family:var(--input_font-family);
+  background-color:var(--editablecolor) !important;
+  color: var(--input_color) !important;
+  font-size: var(--input_font-size) !important;
+  height:var(--input_height) !important; 
+  border:var(--input_border); 
+  border-radius: var(--input_border-radius);
+}
+.sandbox.sheet select:hover{box-shadow:var(--box-shadow-size) var(--hovercolor);} 
+.sandbox.sheet select:focus{box-shadow:var(--box-shadow-size) var(--focuscolor);} 
+
+/* ---------------------------------------------------------------- */
+/* Textareas                                                        */
+/* ---------------------------------------------------------------- */
+.sandbox.sheet textarea{
+  background-color:var(--editablecolor) !important;  
+  color: var(--input_color) !important;
+  font-size: var(--input_font-size) !important;
+  border:var(--input_border); 
+  border-radius: var(--input_border-radius); 
+  font-family:var(--input_font-family);
+}  
+.sandbox.sheet textarea:hover{box-shadow:var(--box-shadow-size) var(--hovercolor);}
+.sandbox.sheet textarea:focus{box-shadow:var(--box-shadow-size) var(--focuscolor);} 
+
+/* ---------------------------------------------------------------- */
+/* Sandbox specific elements                                        */
+/* ---------------------------------------------------------------- */
+
+/*Radio buttons*/
+.sandbox.sheet .radio-input {    
+  vertical-align: middle;
+  padding: 4px 4px;
+  white-space: nowrap;
+}
+.sandbox.sheet .radio-element{
+  color:var(--radiocolor) ;
+  
+}
+
+.sandbox.sheet .radio-element:hover  {text-shadow:var(--text-shadow-size)  var(--hovercolor);}
+
+/*badge */
+.sandbox.sheet .badge-image{color:var(--linkcolor) ;}
+.sandbox.sheet .badge-image:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+.sandbox.sheet .badge-clickgm{color:var(--linkcolor) ;}
+.sandbox.sheet .badge-clickgm:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+
+/* citems related */
+.sandbox.sheet .citem-edit{color:var(--linkcolor) ;}
+.sandbox.sheet .citem-edit:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+
+.sandbox.sheet .citem-delete{color:var(--linkcolor) ;}
+.sandbox.sheet .citem-delete:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+
+.sandbox.sheet .ci-delete{color:var(--linkcolor) ;}
+.sandbox.sheet .ci-delete:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+
+.sandbox.sheet .consumable-button{color:var(--linkcolor) ;}
+.sandbox.sheet .consumable-button:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+
+
+
+/*Reload template button*/
+.sandbox.sheet .sheet-reload:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+/*Editor on BIO*/
+.sandbox.sheet .editor-edit:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+/* Rollable links*/
+.sandbox.sheet .rollable{color: var(--linkcolor);}
+.sandbox.sheet .rollable:hover{color: var(--hovercolor);}
+/*rollable die label*/
+.sandbox.sheet .rollable > div > i:hover{text-shadow: var(--text-shadow-size) var(--hovercolor);}
+
+/* links*/
+.sandbox.sheet .linkable{color:var(--linkcolor);}
+.sandbox.sheet .linkable:hover{color: var(--hovercolor);}
+
+
+/* ---------------------------------------------------------------- */
+/* Tables                                                           */
+/* ---------------------------------------------------------------- */
+/* Table Body background color */
+.sandbox.sheet tbody.table {
+  background-color: var(--table_background-color);
+}
+
+
+.sandbox.sheet thead {
+    background-color: var(--tableheader_backgroundcolor);
+    color: var(--tableheader_color);
+    padding: 1px 5px;
+    font-family: var(--tableheader_font-family);
+    font-size: var(--tableheader_font-size);
+    font-weight: bold;
+    text-align: center;
+    text-shadow: none; /* Default is 1px 1px black;*/
+    border-bottom: 1px solid black;
+}
+
+/*Table header cell*/
+.sandbox.sheet th,
+.sandbox.sheet th.input-min,
+.sandbox.sheet th.input-med,
+.sandbox.sheet th.input-free {
+  font-family:var(--tableheader_font-family) !important;
+  font-size:var(--tableheader_font-size) !important;
+  color:var(--tableheader_color) !important;
+}
+/* Tableheader, First column*/
+.sandbox.sheet th:first-child {
+  text-align:left;
+  
+}
+
+/* table rows*/
+.sandbox.sheet tbody tr {
+   background-color: var(--table_background-color);
+}
+
+
+/* Table cells fonts */
+.sandbox.sheet td {
+  font-size: var(--input_font-size); 
+  font-family:var(--input_font-family); 
+  background-color: transparent !important; 
+  height:var(--label_height); 
+  
+}
+
+/* ---------------------------------------------------------------- */
+/* Misc.                                                            */
+/* ---------------------------------------------------------------- */
+/*scrollbars*/
+.sheet-body ::-webkit-scrollbar-thumb {
+    background: var(--linkcolor);
+    border: 1px solid var(--linkcolor);
+}
+
+/* ---------------------------------------------------------------- */
+/* Sheet sizing                                                     */
+/* ---------------------------------------------------------------- */
+.sandbox.sheet.actor{
+  /* uncomment this to set a custom fixed width for actor sheet*/
+  /* width:800px!important; */  
+}
+
+
+/* ----------------------------------------- */
+/* General settings for sheets(actors/items) */
+/* ----------------------------------------- */
+.sandbox.sheet .new-block {
+  padding: 0px 0px;
+  width: 100%;
+  max-width:100%;
+  min-width: 100%;
+}
+.sandbox.sheet .new-multiblock{    
+  display: contents;    
+}
+/* ----------------------------------- */
+/* Widths for panels, columns, dialogs */
+/* ----------------------------------- */
+.sandbox.sheet [class*="1-1"]{
+	width:100%;
+	max-width:100%;
+	min-width:100%;
+}
+.sandbox.sheet [class*="1-2"]{
+	width:50%;
+	max-width:50%;
+	min-width:50%;
+}
+.sandbox.sheet [class*="1-3"]{
+	width:33.33%;
+	max-width:33.33%;
+	min-width:33.33%;
+}
+.sandbox.sheet [class*="1-4"]{
+	width:25%;
+	max-width:25%;
+	min-width:25%;
+}
+.sandbox.sheet [class*="1-6"]{
+	width:16.66%;
+	max-width:16.66%;
+	min-width:16.66%;
+}
+.sandbox.sheet [class*="1-8"]{
+	width:12.5%;
+	max-width:12.5%;
+	min-width:12.5%;
+}
+.sandbox.sheet [class*="3-10"]{
+	width:30%;
+	max-width:30%;
+	min-width:30%;
+}
+.sandbox.sheet [class*="1-16"]{
+	width:6.25%;
+	max-width:6.25%;
+	min-width:6.25%;
+}
+.sandbox.sheet [class*="3-8"]{
+	width:37.5%;
+	max-width:37.5%;
+	min-width:37.5%;
+}
+.sandbox.sheet [class*="5-8"]{
+	width:62.5%;
+	max-width:62.5%;
+	min-width:62.5%;
+}
+.sandbox.sheet [class*="2-3"]{
+	width:66.66%;
+	max-width:66.66%;
+	min-width:66.66%;
+}
+.sandbox.sheet [class*="3-4"]{
+	width:75%;
+	max-width:75%;
+	min-width:75%;
+}
+.sandbox.sheet [class*="5-6"]{
+	width:83.33%;
+	max-width:83.33%;
+	min-width:83.33%;
+}
\ No newline at end of file
diff --git a/assets/style/sandbox.css b/assets/style/sandbox.css
new file mode 100644
index 0000000..b43c649
--- /dev/null
+++ b/assets/style/sandbox.css
@@ -0,0 +1,1543 @@
+
+@font-face {
+    font-family: Google;
+    src:url(fonts/Google-spies.ttf);
+
+}
+
+@font-face {
+    font-family: MinionPro;
+    src:url(fonts/MinionPro-Medium.otf);
+}
+@font-face {
+    font-family: ImpactNormal;
+    src:url(fonts/Impact.ttf);
+}
+a#tab-prev {
+    color: white;
+    background: #b50000;
+    font-size: 1.5em;
+}
+a#tab-next {
+    color: white;
+    background: #b50000;
+    font-size: 1.5em;
+}
+.sandbox.sheet .window-content {
+    padding: 5px 3px;
+    overflow-y: hidden;
+    background: url(img/bg.png) no-repeat;
+    background-size: cover;
+}
+
+/* Sheet Header */
+.sandbox.sheet .sheet-header {
+    overflow: hidden;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    flex: 0 0 100px;
+    margin-bottom: -5px;
+}
+.sandbox.sheet.actor {
+    max-width: 784px;
+    min-width: 650px;
+    min-height: 480px;
+}
+.sandbox.sheet .profile-img {
+    max-width:90px;
+    max-height:90px;
+    width: auto;
+    height: auto;
+    margin-right: 3px;
+    margin-bottom: 5px;
+    border-style:none;
+}
+
+.sandbox.sheet .header-fields {
+    flex: 1;
+    height: 100px;
+}
+
+.sandbox.sheet .charname {
+    height: 60px;
+    padding: 3px;
+    margin: 0px;
+
+}
+.sandbox.sheet .charname input {
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    font-family: Google;
+    border:none;
+}
+
+.sandbox.sheet .rightblock {
+    display: flex;
+    flex: 0 0 100px;
+    float: right;
+    padding: 3px 10px;
+}
+
+.sandbox.sheet .rightblock-element {
+    margin: 0;
+    padding: 3px 5px;
+
+}
+
+.sandbox.sheet .rightblock-element-tag {
+    margin: 0;
+    padding: 3px 5px;
+    width:100px;
+}
+
+
+.sandbox.sheet .resource {
+    height: 40px;
+    width: 50%;
+    padding: 3px 10px;
+    float: left;
+}
+
+.sandbox.sheet .resource input {
+    width: 100px;
+    height: 28px;
+}
+
+/* Navigation Tabs */
+.sandbox.sheet .tabs {
+    width:55%;
+    height: 34px;
+}
+
+.sandbox.sheet .tabs .item {
+    font-weight: bold;
+    flex: 1;
+    font-family: Impact;
+    background: #980101;
+    font-size: 1.1em;
+    border-radius: 6px 6px 0px 0px;
+    color: beige;
+    /* border-bottom: solid 1px; */
+    box-shadow: inset 3px 5px 6px #00000061;
+    letter-spacing: 1px;
+    text-shadow: 1px 1px black;
+    padding-top: 1.5%;
+    /* height: 25px; */
+}
+
+.sandbox.sheet .tabs .item.active {
+    text-decoration: underline;
+    background: #bd0404;
+    box-shadow: 3px -2px 2px #0000008c;
+    color: #ececec;
+    margin-top: -3px;
+    height: inherit;
+    letter-spacing: 1px;
+    box-shadow: 1px 1px black;
+    text-shadow: 1px 1px black;
+    padding-top: 1.5%;
+    /* -webkit-text-stroke-width: .5px; */
+    /* -webkit-text-stroke-color: black; */
+}
+
+/* Content Tabs */
+.sandbox.sheet .sheet-body {
+    height: calc(100% - 150px);
+}
+.sandbox.sheet .sheet-body .tab {
+    height:100%;
+    padding: 0px 5px;
+
+}
+
+.sandbox.sheet .scrollable{
+    height:100%;
+    overflow-y: auto;
+}
+
+.sandbox.sheet .scrollable-bio{
+    height:auto;
+    max-height: 320px;
+    overflow-y: auto;
+}
+
+.sandbox.sheet .sheet-body .editor {
+    width: 100%;
+    height: 100%;
+}
+
+
+/* Items */
+.sandbox.sheet .items-list {
+    list-style: none;
+    margin: 7px 0;
+    padding: 0;
+}
+.sandbox.sheet .items-list .item {
+    height: 30px;
+    line-height: 24px;
+    padding: 3px 0;
+    border-bottom: 1px solid #BBB;
+}
+.sandbox.sheet .items-list .item img {
+    flex: 0 0 24px;
+    margin-right: 5px;
+}
+.sandbox.sheet .items-list .item-name {
+    margin: 0;
+}
+.sandbox.sheet .items-list .item-controls {
+    flex: 0 0 36px;
+}
+
+/* Attributes */
+.sandbox.sheet .attributes-header { 
+    padding: 5px;
+    margin: 5px 0;
+    background: rgba(0, 0, 0, 0.05);
+    border: 1px solid #AAA;
+    border-radius: 2px;
+    text-align: center;
+    font-weight: bold;
+}
+.sandbox.sheet .attribute-label { 
+    flex: 1.5;
+}
+.sandbox.sheet .attribute-control { 
+    flex: 0 0 20px;
+}
+
+.sandbox.sheet .attributes-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.sandbox.sheet .attributes-list li > * {
+    margin: 0 3px;
+    height: 28px;
+    line-height: 24px;
+    background: transparent;
+    border: none;
+    border-radius: 0;
+    border-bottom: 1px solid #AAA;
+}
+
+.sandbox.sheet .attribute-value.checkbox {
+    text-align: center;
+}
+
+.sandbox.sheet .attributes-list li a.attribute-control {
+    border: none;
+}
+
+/* Properties */
+
+.sandbox.sheet .properties-list {
+    list-style: none;
+    margin: 7px 0;
+    padding: 0;
+    overflow-y: auto;
+}
+
+.sandbox.sheet .properties-list .property {
+    height: 30px;
+    line-height: 24px;
+    padding: 3px 0;
+    border-bottom: 1px solid #BBB;
+}
+
+.sandbox.sheet .properties-list .property-name {
+    margin: 0;
+}
+.sandbox.sheet .properties-list .property-controls {
+    flex: 0 0 36px;
+}
+
+.sandbox.sheet .properties-list .group-controls {
+    flex: 0 0 20px;
+}
+
+.sandbox.sheet .properties-list .property-row {
+    flex: 0 0 100px;
+}.sandbox.sheet .properties-list .group-row {
+    flex: 0 0 100px;
+
+}
+
+/* Custom Formats*/
+
+
+
+.sandbox.sheet .label-free {
+    margin: 0;
+    padding: 5px 5px 5px 10px;
+    font-size:13px;
+}
+
+.sandbox.sheet .label-small {
+    margin: 0;
+    padding: 5px 5px;
+    width: 70px;
+    font-size:13px;
+
+}
+
+.sandbox.sheet .label-med {
+    margin: 0;
+    padding: 5px 5px;
+    width: 105px;
+    font-size: 1.1em;
+}
+
+.sandbox.sheet .label-medlarge {
+    margin: 0;
+    padding: 5px 5px;
+    width: 150px;
+    font-size:13px;
+}
+
+.sandbox.sheet .label-large {
+    margin: 0;
+    padding: 5px 5px;
+    width: 200px;
+    font-size:13px;
+}
+
+.sandbox.sheet .input-small {
+
+    padding: 1px 5px;
+}
+
+.sandbox.sheet .input-ahalf {
+
+    padding: 0px 5px;
+}
+
+.sandbox.sheet .input-bhalf {
+
+    padding: 0px 5px;
+}
+
+.sandbox.sheet .input-min {
+    padding: 1px 5px;
+}
+
+.sandbox.sheet .input-med {padding: 1px 5px;border: none;background: #ffffff00;}
+.sandbox.sheet .input-free {
+
+    padding: 1px 5px;
+}
+
+.sandbox.sheet .input-green{
+
+    color:green;
+}
+
+.sandbox.sheet .input-red{
+
+    color:red;
+}
+
+.sandbox.sheet .new-row {
+    padding: 0px 0px;
+}
+
+.sandbox.sheet .table-row {
+    padding: 0px 0px;
+}
+
+.sandbox.sheet .new-block {
+    padding: 0px 0px;
+    width:100%;
+    max-width:608px;
+}
+
+.sandbox.sheet .new-multiblock {
+    padding: 0px 0px;
+    display:inline-block;
+    margin:0;
+}
+
+
+.sandbox.sheet .new-column {
+    display: flex;
+    flex: 0 0 100px;
+    flex-direction: column;
+    padding: 5px 0px;
+}
+
+.sandbox.sheet .col-1-1 {
+    width: 100%;
+    max-width:608px;
+    padding: 0px 3px;
+}
+
+.sandbox.sheet .col-1-2 {
+    width: 50%;
+    max-width:300px;
+    padding: 0px 3px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .col-1-3 {
+    width: 33.33%;
+    max-width:200px;
+    padding: 0px 3px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .col-1-4 {
+    width: 25%;
+    max-width:150px;
+    padding: 0px 3px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .col-1-6 {
+    width: 16.66%;
+    max-width:100px;
+    padding: 0px 3px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .col-1-8 {
+    width: 12.5%;
+    max-width:75px;
+    padding: 0px 3px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .col-3-8 {
+    width: 37.5%;
+    max-width:225px;
+    padding: 0px 3px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .col-5-8 {
+    width: 62.5%;
+    max-width:375px;
+    padding: 0px 3px;;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .col-2-3 {
+    width: 66.66%;
+    max-width:400px;
+    padding: 0px 3px;
+    display:inline-block;
+    vertical-align:top;
+}
+.sandbox.sheet .col-3-4 {
+    width: 75%;
+    max-width:400px;
+    padding: 0px 3px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .col-5-6 {
+    width: 83.33%;
+    max-width:500px;
+    padding: 0px 3px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-1 {
+    width:600px;
+    padding: 0px 2px 4px 2px;
+}
+
+.sandbox.sheet .multi-1-2 {
+    width:300px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-3 {
+    width:200px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-4 {
+    width:150px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-6 {
+    width:100px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-8 {
+    width:75px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-3-8 {
+    width:225px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-5-8 {
+    width:375px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-2-3 {
+    width:400px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-3-4 {
+    width:450px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-5-6 {
+    width:500px;
+    padding: 0px 2px 4px 2px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-1-col {
+    width:604px;
+    padding: 0px 1px;
+}
+
+.sandbox.sheet .multi-1-2-col {
+    width:304px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-3-col {
+    width:204px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-4-col {
+    width:154px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-6-col {
+    width:104px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-1-8-col {
+    width:79px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-3-8-col {
+    width:229px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-5-8-col {
+    width:379px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-2-3-col {
+    width:404px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-3-4-col {
+    width:454px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .multi-5-6-col {
+    width:504px;
+    padding: 0px 1px;
+    display:inline-block;
+    vertical-align:top;
+}
+
+.sandbox.sheet .panelheader {
+    background-color: black;
+    color: #e8e8e8;
+    margin-top: 10px;
+    padding: 3px 5px;
+    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
+    font-size: 14px;
+    font-weight: bold;
+    text-align: center;
+    text-shadow: 1px 1px black;
+    border-bottom: 1px solid black;
+    border-radius: 7px 7px 0px 0px;
+    box-shadow: 1px 1px 7px #000000ab;
+    letter-spacing: 1px;
+}
+
+.sandbox.sheet .panelheader-t {
+    background-color: transparent;
+    color:black;
+    padding: 3px 5px;
+    font-family: Arial Narrow, sans-serif;
+    font-size: 14px;
+    font-weight: bold;
+    text-align: center;
+    text-shadow: 1px 1px white;
+}
+
+.sandbox.sheet .flexblock {
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    font-size: 12px;
+    padding: 10px 0px;
+}
+
+.sandbox.sheet .flexblock-simple {
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    font-size: 12px;
+    padding: 3px 5px;
+}
+
+.sandbox.sheet .flexblock-center {
+    display: flex;
+    flex-direction:row;
+    height:100%;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    padding: 2px 0px;
+    align-items: center;
+    justify-content: center;
+}
+
+.sandbox.sheet .tabblock-center {
+    display: flex;
+    flex-direction:row;
+    height:100%;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    padding: 0px 0px;
+    align-items: center;
+    justify-content: center;
+
+}
+
+.sandbox.sheet .tabblock-center input{
+    font-size: 11px;
+    text-align: center;
+    border: 1px solid #4d2424;
+    border-radius: 3px;
+    background-color:#ebdfc5;
+}
+
+.sandbox.sheet .flexblock-left {
+    display: flex;
+    flex-direction:row;
+    height:100%;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    font-size: 12px;
+    padding: 2px 0px;
+}
+
+.sandbox.sheet .flexblock-left input {
+    font-size: 1.1em;
+    text-align: center;
+    /* border: 1px solid #4d2424; */
+    /* border-radius: 3px; */
+    background-color: #ebdfc5;
+    border: none;
+    border-bottom: dashed 1px;
+}
+.sandbox.sheet .flexblock-center input{
+    font-size: 11px;
+    text-align: center;
+    border: 1px solid #4d2424;
+    border-radius: 3px;
+    background-color:#ebdfc5;
+    padding: 2px 0px;
+}
+
+.sandbox.sheet .flexblock-center-nopad {
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    font-size: 12px;
+    padding: 3px 3px;
+    align-items: center;
+    justify-content: center;
+}
+
+
+
+.sandbox.sheet .flexblock-center-nopad input.input-small{
+    width:45px;
+    height: 26px;
+    text-align: center;
+}
+
+.sandbox.sheet .flexblock-center-nopad input.input-med{
+    width:70px;
+    height: 26px;
+    text-align: center;
+}
+
+.sandbox.sheet .flexblock-center-nopad input.input-medlarge{
+    width:230px;
+    height: 26px;
+    text-align: center;
+}
+
+.sandbox.sheet .flexblock-center-nopad .label-small{
+    text-align: right;
+    width:50px;
+}
+
+.sandbox.sheet .flexblock-left input[type=number]{
+    width:45px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-left input[type=number].input-smallmed{
+    width:65px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-left input[type=number].input-med{
+    width:60px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-left input[type=text].input-min{
+    width:40px;
+    min-width:40px;
+    height: 26px;
+}
+.sandbox.sheet .flexblock-left input[type=text].input-bhalf{
+    width:35px;
+    height: 26px;
+    border-radius: 0px 3px 3px 0px;
+}
+
+.sandbox.sheet .flexblock-left input[type=text].input-ahalf{
+    width:35px;
+    height: 26px;
+    border-radius: 3px 0px 0px 3px;
+}
+.sandbox.sheet .flexblock-left input.input-disabled {
+    background-color: lightgrey;
+}
+
+.sandbox.sheet .flexblock-left input[type=text].input-small{
+    width:80px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-left input[type=text].input-med{
+    width:130px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-left input[type=text].input-medlarge{
+    width:180px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-left input[type=text].input-free{
+    width:100%;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-center input[type=number]{
+    width:45px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-center input[type=number].input-med{
+    width:60px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-center input[type=text].input-min{
+    width:40px;
+    min-width:40px;
+    height: 26px;
+}
+.sandbox.sheet .flexblock-center input[type=text].input-bhalf{
+    width:35px;
+    height: 26px;
+    border-radius: 0px 3px 3px 0px;
+}
+
+.sandbox.sheet .flexblock-center input[type=text].input-ahalf{
+    width:35px;
+    height: 26px;
+    border-radius: 3px 0px 0px 3px;
+}
+.sandbox.sheet .flexblock-center input.input-disabled {
+    background-color: lightgrey;
+}
+
+.sandbox.sheet .flexblock-center input[type=text].input-small{
+    width:80px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-center input[type=text].input-med{
+    width:130px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-center input[type=text].input-medlarge{
+    width:180px;
+    height: 26px;
+}
+
+.sandbox.sheet .flexblock-center input[type=text].input-free{
+    width:100%;
+    height: 26px;
+}
+
+.sandbox.sheet .boldtext {
+    font-weight: bold;
+}
+
+.sandbox.sheet .smalltext {
+    font-size: 11px;
+}
+
+.sandbox.sheet .centertext {
+    text-align: center;
+}
+
+.sandbox.sheet .righttext {
+    text-align: right;
+}
+
+.sandbox.sheet .texteditor-small {
+    height: 65px;
+    resize: vertical;
+    padding: 4px 5px;
+
+}
+
+.sandbox.sheet .texteditor-med {
+    height: 140px;
+    resize: vertical;
+    padding: 4px 5px;
+
+}
+
+.sandbox.sheet .texteditor-large {
+    height: 210px;
+    resize: vertical;
+    padding: 4px 5px;
+
+}
+
+.texteditor-large {
+    height: 210px;
+    resize: vertical;
+    padding: 4px 5px;
+
+}
+
+.sandbox.sheet .rollable {
+    cursor: pointer; 
+}
+
+.sandbox.sheet .rollable:hover{
+    color: darkred;
+    font-weight: bold;
+}
+
+.sandbox.sheet .linkable {
+    cursor: pointer; 
+}
+
+.sandbox.sheet .linkable:hover{
+    color: dodgerblue;
+    font-weight: bold;
+}
+
+.sandbox.sheet .header-left {
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;
+    height: 100%;
+    padding: 3px;
+    margin: 0px;
+}
+
+.sandbox.sheet .header-left input{
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}
+
+.sandbox.sheet .header-left .typelabel{
+    font-size: 14px;
+    font-weight: bold;
+    text-align: center;
+}
+
+
+
+.sandbox.sheet table{
+    background-color:#bcc2bf;
+    border-style:none;
+    padding: 0px 0px;
+    margin:0;
+
+}
+
+.sandbox.sheet table.table-free{
+    height:100%;
+    width:100%;
+}
+
+.sandbox.sheet table.table-small{
+    height:90px;
+}
+
+.sandbox.sheet table.table-med{
+    height:180px;
+}
+.sandbox.sheet table.table-tall{
+    height:270px;
+}
+
+.sandbox.sheet thead {
+    background-color: #941400;
+    color: white;
+    padding: 1px 5px;
+    font-family: Arial Narrow, sans-serif;
+    font-size: 14px;
+    font-weight: bold;
+    text-align: center;
+    text-shadow: 1px 1px black;
+    border-bottom: 1px solid black;
+}
+
+.sandbox.sheet tr.empty-row{
+    background-color:#C0C0C0;
+    width:100%;
+    min-width:80px;
+    height:100%;
+}
+
+.sandbox.sheet tr{
+    border-bottom: 1px solid #ddd;
+}
+
+.sandbox.sheet td {
+    height: 26px;
+    padding: 2px 1px;
+    font-family: MinionPro, sans-serif;
+    font-size: 1.1em;
+    box-shadow: 1px 0px 5px 0px #00000061;
+    background: #e8dfcb;
+    border-bottom: solid 1px;
+}
+
+.sandbox.sheet td.input-min {
+    width:40px;
+    min-width:40px;
+    text-align: center;
+
+}
+
+.sandbox.sheet td.input-small {
+    width:60px;
+    text-align: center;
+
+}
+
+.sandbox.sheet th{
+    height: 26px;
+    padding: 2px 1px;
+}
+
+.sandbox.sheet th.input-small {
+    width:70px;
+    text-align: center;
+
+}
+
+.sandbox.sheet th.input-med {
+    width:130px;
+    text-align: center;
+}
+
+.sandbox.sheet th.input-free {
+    width:100%;
+    text-align: left;
+
+}
+
+.sandbox.sheet th.cell-empty {
+    width:14px;
+    text-align: center;
+
+}
+
+.sandbox.sheet td.ci-delete{
+    padding:0px 1px;
+    width:14px;
+}
+
+.sandbox.sheet th.input-min {
+    width:35px;
+    min-width:35px;
+    text-align: center;
+
+}
+
+.sandbox.sheet input.table-input {
+    background-color: #98550152;
+    border: none;
+    border-radius: 0px 0px 0px 0px;
+    margin: 0;
+    box-shadow: inset 1px 2px 5px #00000082;
+    font-family: MinionPro;
+}
+
+.sandbox.sheet input.table-free{
+    width:100%;
+}
+
+.sandbox.sheet input.table-small{
+    width:40px;
+    padding:0px 0px;
+}
+
+.sandbox.sheet input-small{
+    width:70px;
+}
+
+.sandbox.sheet input-med{
+    width:110px;
+}
+
+.sandbox.sheet input-large{
+    width:150px;
+}
+
+.sandbox.sheet input.table-empty{
+    background-color: transparent;
+    border:none;
+    margin:0;
+
+    width:100%;
+}
+
+.sandbox.sheet input.table-empty-small{
+    background-color: transparent;
+    border:none;
+    margin:0;
+
+    width:40px;
+}
+
+/* Navigation Tabs */
+.sandbox.sheet .atabs {
+    /* display: flex; */
+    /* width:100%; */
+    /* flex: 0 0 40px; */
+    /* flex-direction: row; */
+    /* border-top: 1px solid #AAA; */
+    /* border-bottom: 2px solid black; */
+    /* padding: 15px 20px; */
+    position: absolute;
+    transform: translate(0px, 5%) rotate(90deg);
+    left: 50%;
+    top: 373px;
+    border: none;
+    z-index: -1;
+}
+
+.sandbox.sheet .modtitle{
+    font-family: MinionPro, sans-serif;
+    font-size: 16px;
+    font-weight: bold;
+    padding:5px 10px;
+
+}
+
+.sandbox.sheet .mods-list{
+    list-style-type: none;
+
+}
+
+.sandbox.sheet .mod-block{
+    padding:15px 0px;
+}
+
+.sandbox.sheet .mod-row{
+    width:450px;
+}
+
+
+
+.sandbox.sheet .mod-row-listmods{
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    font-size: 12px;
+    height:100%;
+
+}
+
+.sandbox.sheet .mod-row-block{
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    font-size: 12px;
+    height:30px;
+
+}
+
+
+.sandbox.sheet .mod-row-dropblock{
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    font-size: 12px;
+}
+
+.sandbox.sheet .mod-row-header{
+    background-color:darkslategrey;
+    color:white;
+    font-size:14px;
+    text-align:center;
+    font-weight:bold;
+    padding:3px 3px;
+    border:1px solid black;
+}
+
+.sandbox.sheet .itemdrop-area{
+    padding:3px 3px;
+}
+
+.sandbox.sheet .mod-citem{
+    padding:0px 3px;
+}
+
+.sandbox.sheet .mod-row-itemdrop{
+    min-height:50px;
+    height:100%;
+    width:100%;
+}
+
+.sandbox.sheet .mod-row-input{
+
+    background-color:#ebe6d5;
+    text-align:center;
+    padding:3px 3px;
+    border:1px solid black;
+}
+
+.sandbox.sheet .mod-row-selectnum{
+    width:90px;
+}
+
+.sandbox.sheet .mod-row-input input{
+    border:none;
+}
+
+.sandbox.sheet .mod-row-input select{
+    border:none;
+}
+
+.sandbox.sheet .mod-delete{
+    width: 16.66%;
+    max-width:100px;
+    padding:0px 0px;
+    margin:0;
+}
+
+
+
+.sandbox.sheet .table-num{
+    width:40px;
+    padding:0px 3px;
+    border:none;
+    margin:0;
+}
+
+.roll-free{
+    padding: 5px 15px;
+    width:15px;
+}
+
+.roll-template{
+    width:100%;
+}
+
+.roll-flexrow{
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 85%;
+    padding: 0px 0px;
+    margin:0;
+}
+
+.roll-sender-image{
+    max-width:35px;
+    max-height:35px;
+    margin-right: 3px;
+    border-style:none;
+}
+
+.roll-sender-name{
+    font-family: Tahoma, sans-serif;
+    font-weight: bold;
+    font-size: 14px;
+    width:100%;
+}
+
+.roll-underline{
+    border-bottom: 2px solid red;
+    height:20px;
+    width:70%;
+}
+
+.roll-delete-button{
+    width:10px;
+}
+
+.roll-flavor{
+    font-family: Tahoma, sans-serif;
+    font-weight: bold;
+    font-style: italic;
+    font-size: 12px;
+    text-align:center;
+    width:100%;
+    margin-top:-15px;
+}
+
+.roll-conditional{
+    font-family: Tahoma, sans-serif;
+    font-weight: bold;
+    font-size: 12px;
+    text-align:center;
+    height:20px;
+    width:100%;
+    padding: 3px 3px;
+
+}
+
+.roll-result{
+    font-family: Impact, sans-serif;
+    font-size: 36px;
+    text-align:center;
+    width:100%;
+    padding:5px 5px;
+    height:70px;
+}
+
+.roll-iscrit{
+    color:green;
+}
+
+.roll-isfumble{
+    color:red;
+}
+
+.roll-detail{
+    width:100%;
+    padding: 5px 5px;
+    height:70px;
+
+}
+
+.roll-formula{
+    font-family: Tahoma, sans-serif;
+    font-style: italic;
+    font-size: 12px;
+    text-align:left;
+}
+
+.label-roll{
+    font-family: Tahoma, sans-serif;
+    font-weight: bold;
+    font-size: 12px;
+    text-align:left;
+}
+
+.roll-wbutton{
+    font-family: Tahoma, sans-serif;
+    font-size: 10px;
+    color:blue;
+    font-style: italic;
+    text-align:left;
+    padding:0px 0px;
+}
+
+.roll-user{
+    font-family: Tahoma, sans-serif;
+    font-size: 10px;
+    font-style: italic;
+    text-align:right;
+    width:100%;
+    padding:0px 5px;
+}
+
+.roll-list{
+    padding:0px 0px;
+    margin:0;
+
+}
+
+.roll-die{
+    font-family: Tahoma, sans-serif;
+    font-size: 12px;
+    font-style: italic;
+    text-align:left;
+    padding:0px 3px;
+}
+.roll-area{
+    max-height: 50px;
+    overflow-y: auto;
+}
+
+.sandbox.sheet .radio-input{
+    padding:5px 2px;
+    vertical-align:middle;
+
+}
+
+.sandbox.sheet .group-row-block{
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;  
+    height: 30px;
+    line-height: 24px;
+    padding:5px 0px;
+    border-bottom: 1px solid #BBB;
+
+}
+
+.sandbox.sheet .groupblock {
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;
+    font-family: MinionPro, sans-serif;
+    padding: 0px 0px;
+    justify-content: group-end;
+}
+
+.sandbox.sheet ,groupblock input.check-isconstant{
+    margin:0;
+    padding:0px 10px;
+}
+
+.sandbox.sheet .properties-list .group-name {
+    width:70%;
+    font-size: 16px;
+}
+
+.sandbox.sheet .roll-mode {
+    font-family: MinionPro, sans-serif;
+    font-size: 16px;
+    text-align:center;
+    padding: 3px 15px;
+    width:50px;
+
+}
+
+.sandbox.sheet .mod-selector {
+
+    padding: 3px 20px;
+}
+
+.sandbox.sheet a.badge-image {
+    background: url(img/bennie.png) no-repeat bottom center;
+    background-size: 51px;
+    height: 50px;
+    width: 50px;
+    display: block;
+}
+
+.sandbox.sheet .badge-click {
+    font-family: Impact;
+    font-size: 2em;
+    font-weight: bold;
+    text-align: center;
+    margin-left: -5px;
+    vertical-align: middle;
+    padding: auto;
+    position: relative;
+    top: 7px;
+}
+
+.sandbox.sheet .badge-container {
+    display: flex;
+    flex-direction:row;
+    justify-content: center;
+    width:100%;
+}
+
+.fa-exclamation-circle {
+    color: red;
+}
+
+.roll-menu {
+    background-color: antiquewhite;
+    border: 2px solid black;
+    border-radius: 4px;
+    padding: 3px 3px;
+    margin-top:-60px;
+    min-width:286px;
+
+}
+
+.dc-input {
+    background-color: antiquewhite;
+    border: 2px solid black;
+    border-radius: 4px;
+    height:100px;
+    width:100%;
+    margin-top:-46px;
+    margin-right:10px;
+    user-select: all;
+
+}
+
+.dc-input input{
+    height:60px;
+    width:100px;
+    border:none;
+    color:black;
+    font-family: Impact, sans-serif;
+    font-size: 36px;
+    text-align:center;
+    pointer-events: auto;
+
+}
+
+.dc-header{
+    font-family: Tahoma, sans-serif;
+    font-size: 22px;
+    font-weight: bold;
+    text-align:center;
+    border-bottom: 2px solid red;
+    padding: 2px 2px;
+}
+
+.flexblock-left-nopad {
+    display: flex;
+    flex-direction:row;
+    flex: 0 0 100px;
+    align-items: flex-start;
+    justify-content: left;
+    flex-wrap: nowrap;
+    width:100%;
+
+}
+
+.action-bar-container {
+    display: flex;
+    flex-direction:row;
+    flex-wrap: nowrap;
+    align-items: flex-start;
+    min-width:550px;
+}
+
+
+div.dmtk-tooltip {
+    visibility: visible;
+    width: auto;
+    background-color: rgba(0, 0, 0, 0.6);
+    color: #fff;
+    text-align: left;
+    border-radius: 6px;
+    font-size: 1.5rem;
+    position: absolute;
+    z-index: 10000;
+    display: flex;
+    flex-direction: column;
+    padding: 10px 15px;
+}
+
+div.dmtk-tooltip div.section {
+    display: flex;
+    flex-direction: column;
+    justify-content: left;
+}
+
+div.dmtk-tooltip div.value {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: left;
+}
+
+div.dmtk-tooltip div.value i {
+    color: rgb(75, 130, 225);
+    width: 40px;
+    text-align: center;
+    padding-right: 10px;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+div.dmtk-tooltip.visible {
+    visibility: visible;
+}
+
+
diff --git a/assets/style/style.css b/assets/style/style.css
new file mode 100644
index 0000000..5342c33
Binary files /dev/null and b/assets/style/style.css differ
diff --git a/assets/style/style2.css b/assets/style/style2.css
new file mode 100644
index 0000000..3a8d64d
--- /dev/null
+++ b/assets/style/style2.css
@@ -0,0 +1,122 @@
+/* Font Families Initialization! Add more here before you use */
+/* Copy the entire paragraph and paste it below, then change the name and the url */
+/* Finally, use the name in font-family in the rest of the style page */
+
+@font-face {
+  font-family: MinionPro;
+  src:url(fonts/MinionPro-Medium.otf);
+}
+
+/* ------------------------------ */
+
+/* ------!!!! ------- */
+/* ---------- DO NOT REMOVE THE ; SEMI COLON PUNTO Y COMA  AT THE END OF EVERY LINE !!! ---- */
+/* ------!!!! ------- */
+
+/* Character sheet background and Font Color */
+.sandbox.sheet .window-content {
+  color: #6c1414; /* Change color code, include the hash tag! */
+  /* Replace LINK_TO_IMAGE from the web to an image you like for a background or place it in img folder */
+  /* Image should be sized on about 720p and not be too heavy */
+  background: url(LINK_TO_IMAGE) no-repeat; /* Replace no-repeat with repeat for pattern images */
+  overflow-y: auto; /* change between hidden and auto to show vertical scroll bar in sheets. Good for long sheets */
+}
+
+/* Font control of general text in Foundry in general */
+body {
+  font-family: "Signika", sans-serif; /* Dont remove the colon at the end!!! */
+  font-size: 14px; /* change only the number! */
+}
+
+/* Tabs in sheets! */
+.sandbox.sheet .tabs .item {
+  font-family: MinionPro, sans-serif;
+  font-weight: bold;
+}
+
+/* Font and color control for Panel Headers */
+.sandbox.sheet .panelheader {
+  font-family: MinionPro, sans-serif;
+  font-size: 14px; /* change only the number! */
+  background-color: #242a44de; /* Background color for panel header */
+}
+
+/* Character sheet input text background color fields */
+.sandbox.sheet [class^="flexblock-"] input {
+  font-family: MinionPro, sans-serif;
+  font-size: 12px;
+  background-color: #a8b3b3;
+}
+
+/* Character sheet input text in tables (items) */
+/* You can delete this paragraph if you want it to be same as the input text above */
+.sandbox.sheet [class^="flexblock-"] td input {
+  font-family: MinionPro, sans-serif;
+  font-size: 12px;
+  background-color: #a8b3b3;
+}
+
+/* How cItems in tables behave when you move your mouse over!!! */
+.sandbox.sheet .linkable:hover {
+    color: #6f1311;
+	font-family: MinionPro, sans-serif; /* Not a good idea to change fonts when passing the mouse but... */
+	font-size: 14px; /* Make it bigger or smaller when mouse over? */
+    font-weight: bold; /* try bold - bolder - normal - lighter */
+}
+
+/* Labels fonts and style */
+.sandbox.sheet [class*="label-"] {
+  font-family: MinionPro, sans-serif;
+  font-size: 13px;
+}
+
+/* Character sheet table header colors */
+.sandbox.sheet thead {
+  background-color: #606c71;
+}
+
+/* Character sheet empty table cell colors */
+.sandbox.sheet tr.empty-row {
+  background-color: #C0C0C0;
+}
+
+/* Table Body background color */
+tbody.table {
+  background-color: #b8b9bb;
+}
+
+/* Table cells fonts */
+.sandbox.sheet td {
+  font-family: MinionPro, sans-serif;
+  font-size: 14px;
+}
+
+/* ---- NEW Sep-26 ----- */
+
+/* Change shadow colors and Foundry general font color!! */
+.app {
+  box-shadow: 0 0 20px #7e4444; /* Change the color code here for a nice shadow color! */
+  color: #dfdfdf; /* Text color for window titles and menu all across Foundry */
+}
+
+/* Character and Item Name Titles Text style! */
+.sandbox.sheet .charname input {
+    color: #191813;
+    font-family: "Signika", sans-serif;
+    font-size: 30px;
+    font-style: normal;
+}
+
+/* Customize the chat roll area! */
+#chat-form textarea {
+  background: url(img/parchment.jpg) repeat; /* Replace with some url with image or url in img folder */
+  font-family: monospace; /* Text font in dice */
+  font-size: 14px; /* Text size in dice dialog */
+  color: black; /* Text color in dice dialog */
+}
+
+/* Customize the chat history area! */
+#chat-log .message {
+  background: url(img/parchment.jpg) repeat; /* Replace with some url with image or url in img folder */
+  color: #191813; /* Text color */
+}
\ No newline at end of file
diff --git a/module/system/hooks.mjs b/module/system/hooks.mjs
index 9fc9864..3894d34 100644
--- a/module/system/hooks.mjs
+++ b/module/system/hooks.mjs
@@ -10,12 +10,12 @@ export const registerHooks = function () {
     });
 
     // changement de la pause 
-    Hooks.on("renderPause", async function () {
+    /*Hooks.on("renderPause", async function () {
         if ($("#pause").attr("class") !== "paused") return;
-        $(".paused img").attr("src", 'systems/totem/images/pause.webp');
+        $(".paused img").attr("src", 'systems/totem/assets/images/ui/vermine_pause.webp');
         $(".paused img").css({ "opacity": 1});
-        $("#pause.paused figcaption").text("En cours de destruction...");
-    });
+        $("#pause.paused figcaption").text("Communauté endormie...");
+    });*/
 
     // Hooks.on('renderChatLog', (log, html, data) => TotemFight.chatListeners(html));
     // Hooks.on('renderChatMessage', (message, html, data) => TotemFight.chatMessageHandler(message, html, data));