Support des jets d'attributs et d'aptitudes

Ajout des macros
Amélioration des cartons dans le chat avec gestion des succès/échecs/échecs critiques.
Support des carrières dans les dialogues de tests d'attibuts et d'aptitudes.

styles/bol.less

@@ -3,6 +3,7 @@
 @import "global/typography";
 @import "global/item-list";
 @import "global/colors";
+@import 'global/chat';
 
 @logo-width: 190px;
 @logo-height: 115px;
@@ -30,6 +31,13 @@
     }
   }
   &.dialog {
+    .sheet-header{
+      h3 {
+        font-family: @font-tertiary;
+        font-size: 24px;
+        color: black;
+      }
+    }
   }
 }
 
@@ -38,23 +46,16 @@
 }
 
 .rollable {
-  color: @colorOlive;
+  //color: @colorOlive;
   cursor: pointer;
 }
 
-.malus {
-  color: darkred;
-}
-
-.bonus {
-  color: darkgreen;
-}
-
 .chat-message .chat-icon {
-  flex : 0 0 64px;
-  border: 1px outset lightgray;
-  //padding: 2px 6px 2px 2px;
-  //float: left;
+  float:right;
+  border:1px outset lightgray;
+  box-shadow: 3px 3px 3px black;
+  margin: 3px;
+  //flex : 0 0 64px;
   width: 64px;
   height: 64px;
 }

styles/components/actor.less

@@ -115,11 +115,20 @@
 .stat-value {
   font-size: 1.5rem;
   font-weight: bold;
-  color: darkred;
+  color: @c-darkred;
 }
 
 .stat-roll {
   font-size: 1.5rem;
+  color: @colorOlive;
+
+  &.malus {
+    color: @c-darkred;
+  }
+
+  &.bonus {
+    color: darkgreen;
+  }
 }
 
 .header-field-label,
@@ -139,6 +148,7 @@
 
 .rounded-border {
   border: 3px solid @colorOlive;
+  box-shadow: 5px 5px 5px gray;
   border-radius: 100px;
   width: 4rem;
   height: 4rem;

styles/global/chat.less

@@ -0,0 +1,26 @@
+.message-header {
+  h2.damage{
+    color: @colorDamage;
+    font-weight: bold;
+  }
+  h2.critical{
+    color: @colorCritical;
+    font-weight: bold;
+  }
+  h2.fumble{
+    color: @colorFumble;
+    font-weight: bold;
+  }
+  h2.success{
+    color: @colorSuccess;
+    font-weight: bold;
+  }
+  h2.failure{
+    color: @colorFailure;
+    font-weight: bold;
+  }
+  h2.roll{
+    color: @colorRoll;
+    font-weight: bold;
+  }
+}

styles/global/colors.less

@@ -12,6 +12,7 @@
 @c-blue: #009ee0;
 @c-green: #44a12b;
 @c-red: #cd071e;
+@c-darkred: darkred;
 @c-purple: purple;
 @c-darkred: darkred;
 @c-border:#736953a6;
@@ -128,6 +129,14 @@
   color: @c-white;
 }
 
+.darkred {
+  color: @c-darkred;
+}
+.bg-darkred {
+  background: @c-darkred;
+  color: @c-white;
+}
+
 .purple {
   color: @c-purple;
 }

styles/global/forms.less

@@ -49,11 +49,6 @@
   }
 
   select {
-    //-webkit-appearance: none;
-    //-moz-appearance: none;
-    //color: $c-black;
-    //color: $colorDark;
-    //font-family: $font-primary;
     font-size: 14px;
     text-align: center;
     text-align-last: center;
@@ -61,16 +56,31 @@
     width: 100%;
     border: none;
     border-radius: 0;
-
-    //  height: calc(100% - 2px);
-    //  //border: 1px solid $colorTan;
-    //  background: rgba(0, 0, 0, 0.05);
-    //  border-radius: 0;
-    //  border: none;
-    //  box-shadow: none;
-    //  color: $colorDark;
   }
 
+  select[multiple]{
+    box-shadow: none;
+    border: none;
+    font-size: 12px;
+    &:focus {
+      option:checked {
+        background: @c-darkred linear-gradient(0deg, @c-darkred 0%, @c-darkred 100%);
+        color:white;
+      }
+    }
+  }
+  option:hover,
+  option:focus,
+  option:active,
+  option:checked,
+  option[selected] {
+    cursor: pointer;
+    background: @c-darkred linear-gradient(0deg, @c-darkred 0%, @c-darkred 100%);
+    color:white;
+  }
+  //option:not(:checked) {
+  //  color: black;
+  //} /* or whatever your default style is */
 
   label.checkbox {
     flex: auto;