Gestion de jets de competences et modificateurs associés

styles/tedeum.css

@@ -475,7 +475,6 @@ nav.sheet-tabs .item:after {
   right: 0;
   height: 2rem;
   width: 1px;
-  border-right: 1px dashed rgba(52, 52, 52, 0.25);
 }
 
 .sheet .tab[data-tab] {
@@ -528,8 +527,8 @@ ul, li {
 }
 
 .sheet li {
-  margin: 0.010rem;
-  padding: 0.25rem;
+  margin: 0.2rem;
+  padding: 0.15rem;
 }
 .header-fields li {
   margin: 0;
@@ -556,13 +555,11 @@ ul, li {
 }
 
 .list-item {
-  /*margin: 0.125rem;*/
-  /*box-shadow: inset 0px 0px 1px #00000096;
+  margin: 0.125rem;
+  box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824);
   border-radius: 0.25rem;
-  padding: 0.125rem;*/
+  padding: 0.125rem;
   flex: 1 1 5rem;
-  display: flex !important;
-  color: rgba(19, 18, 18, 0.95);
 }
 .list-item-shadow {
   background:rgba(87, 60, 32, 0.35);
@@ -620,13 +617,9 @@ ul, li {
   flex-grow: 0;
 }
 
-.comp-column-list {
-  -moz-column-count: 4;
-       column-count: 4;
-}
 .comp-li {
-  max-width: 6rem;
-  width: 6rem;
+  max-width: 8rem;
+  width: 8rem;
 }
 .description-label {
   flex-grow: 2;
@@ -704,8 +697,8 @@ ul, li {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 40px;
-  margin-right: 0.25rem;
-  margin-left: 0.25rem;
+  margin-right: 0.15rem;
+  margin-left: 0.15rem;
 }
 
 .abilities-table {
@@ -805,7 +798,7 @@ ul, li {
 }
 
 .sidebar-tab .directory-list .entity {
-    border-top: 1px dashed rgba(0,0,0,0.25);
+    border-top: 1px rgba(0,0,0,0.25);
     border-bottom: 0 none;
     padding: 0.25rem 0; 
 }
@@ -1199,64 +1192,9 @@ ul, li {
   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 {
-  flex-grow:2;
-  max-width: 12rem;
-  min-width: 12rem;
-}
-.item-name-label-long2 {
-  flex-grow:2;
-  max-width: 20rem;
-  min-width: 20rem;
-}
-.item-name-label-long3 {
-  flex-grow:2;
-  max-width: 18rem;
-  min-width: 18rem;
-}
-.item-name-label-short {
-  flex-grow:1;
-  max-width: 4rem;
-  min-width: 4rem;
-}
-.item-name-label-medium {
-  flex-grow:2;
-  max-width: 6rem;
-  min-width: 6rem;
-}
-.item-name-label-text-margin {
+.item-field {
   margin-top: 4px;
 }
-.item-name-label-long2 {
-  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 {
   flex-grow:1;
   max-width: 4rem;
@@ -1277,9 +1215,27 @@ ul, li {
   max-width: 10rem;
   min-width: 10rem;
 }
+.item-field-label-long14 {
+  flex-grow:1;
+  max-width: 14rem;
+  min-width: 14rem;
+}
+.carac-box {
+  background-color: rgba(155, 155, 150, 0.3);
+  box-shadow: inset 0px 0px 1px rgba(0,0,0,0.58824);
+  border-radius: 0.45rem;
+}
+.comp-box  {
+  max-width: 16rem;
+  min-width: 16rem;
+  width: 16rem;
+  min-height: 1.6rem;
+}
+
 .item-control-end {
   align-self: flex-end;
 }
+
 .alternate-list {
   margin-top: 4px;
   flex-wrap: nowrap;
@@ -1296,6 +1252,9 @@ ul, li {
   min-width:3rem;
   max-width: 3rem;
 }
+.item-left-pad {
+  margin-left: 4px;
+}
 .attribute-label {
   font-weight: bold;
 }