Migration vers datamodels

styles/actor-sheet.less

@@ -0,0 +1,154 @@
+// ============================================================
+// Actor sheet scoped styles (.fvtt-ecryme)
+// ============================================================
+
+.fvtt-ecryme {
+  .sheet-header {
+    flex: 0 0 210px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    margin-bottom: 10px;
+
+    .profile-img {
+      flex: 0 0 128px;
+      width: 128px;
+      height: auto;
+      max-height: 128px;
+      margin-top: 0px;
+      margin-right: 10px;
+      object-fit: cover;
+      object-position: 50% 0;
+      border-width: 0px;
+    }
+
+    .header-fields {
+      flex: 1;
+    }
+
+    h1.charname {
+      height: 50px;
+      padding: 0px;
+      margin: 5px 0;
+      border-bottom: 0;
+
+      input {
+        font-family: @font-primary;
+        font-size: 3rem;
+        width: 100%;
+        height: 100%;
+        margin: 0;
+      }
+    }
+  }
+
+  .sheet-tabs {
+    flex: 0;
+    font-family: @font-primary;
+    font-size: 2.2rem;
+
+    .item {
+      line-height: 40px;
+      font-weight: bold;
+
+      &.active {
+        text-decoration: underline;
+        text-shadow: none;
+      }
+    }
+  }
+
+  .tabs {
+    height: 40px;
+    border-top: 1px solid #AAA;
+    border-bottom: 1px solid #AAA;
+    color: #000000;
+  }
+
+  .sheet-body,
+  .sheet-body .tab,
+  .sheet-body .tab .editor {
+    height: 100%;
+    font-size: 0.8rem;
+  }
+
+  .tox {
+    .tox-editor-container {
+      background: #fff;
+    }
+    .tox-edit-area {
+      padding: 0 8px;
+    }
+  }
+
+  .resource-label {
+    font-weight: bold;
+    text-transform: uppercase;
+  }
+
+  .items-list {
+    list-style: none;
+    margin: 1px 0;
+    padding: 0;
+    overflow-y: auto;
+
+    .item-header {
+      font-weight: bold;
+    }
+
+    .item {
+      height: 30px;
+      line-height: 24px;
+      padding: 1px 0;
+      border-bottom: 1px solid #BBB;
+
+      .item-image {
+        flex: 0 0 24px;
+        margin-right: 5px;
+      }
+
+      img {
+        display: block;
+      }
+    }
+
+    .item-name {
+      margin: 0;
+    }
+
+    .item-controls {
+      flex: 0 0 86px;
+      text-align: right;
+    }
+  }
+}
+
+.profile-img-container {
+  margin-right: 0.2rem;
+  max-width: 140px;
+  width: 140px;
+}
+
+li.folder > .folder-header h3 {
+  color: @color-text-dark;
+}
+
+.editor {
+  border: 2;
+  height: 100%;
+  padding: 0 3px;
+}
+
+.medium-editor {
+  border: 2;
+  height: 240px;
+  padding: 0 3px;
+}
+
+.small-editor {
+  border: 2;
+  height: 120px;
+  padding: 0 3px;
+}