✨

2025-08-03 11:45:57 +02:00
parent 4066dee30c
commit 09e19021a9
6 changed files with 140 additions and 10 deletions
--- a/less/character-sheet.less
+++ b/less/character-sheet.less
@@ -1,7 +1,97 @@
 // main: ./pokemon.less
 .pokemon.sheet.charactersheet {
-    .sheet {
-        width: 500px;
-        height: 500px;
+    .window-content {
+        background: #c00d0d;
+        color: white;
+        width: 100%;
+        height: 100%;
+        font-family: Arial, Helvetica, sans-serif;
    };
+
+    .headerBox {
+        float: left;
+        width: 100%;
+        height: 80px;
+    };
+
+    .inputText {
+        background-color: #30da0c;
+        color: black;
+        border: black;
+
+        box-shadow: 0 0 20px #003300 inset;
+        -webkit-box-shadow: 0 0 20px #003300 inset;
+        -moz-box-shadow: 0 0 20px #003300 inset;
+        -o-box-shadow: 0 0 20px #003300 inset;
+
+        border-radius: 10px;
+        -webkit-border-radius: 10px;
+        -moz-border-radius: 10px;
+        -o-border-radius: 10px;
+    }
+
+    .bigInputText {
+        font-size: 21px;
+
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-top: 20px;
+        padding-bottom: 20px;
+
+        margin-bottom: 5px;
+    }
+
+    .smallInputText {
+        font-size: 18px;
+
+        padding-left: 10px;
+        padding-right: 10px;
+        padding-top: 20px;
+        padding-bottom: 20px;
+
+        margin-top: 5px;
+    }
+
+    .sideBarBox {
+        visibility: hidden;
+    }
+
+    //  .sideBarBox {
+    //     float: left;
+    //     width: 185px;
+    //     min-height: 500px;
+    //     border-image: url(assets/img/banner.png);
+    //     border-image-slice: 21 18 52 fill;
+    //     border-left-width: 18px;
+    //     border-right-width: 18px;
+    //     border-top-width: 21px;
+    //     border-bottom-width: 52px;
+    //     border-style: solid;
+    //     margin-top: 3px;
+    // };
+
+    // .imgBox {
+    //     float: left;
+    //     width: 135px;
+    //     height: 175px;
+    //     position: relative;
+    //     margin-left: 8px;
+    //     margin-top: 10px;
+    //     margin-bottom: 3px;
+    //     border: 3px #e99d76 solid;
+    // };
+    // .charImg {
+    //     width: 100%;
+    //     height: 100%;
+    //     object-fit: cover;
+    // };
+    // .imgOverlay {
+    //     width: 135px;
+    //     height: 210px;
+    //     position: absolute;
+    //     top: -3px;
+    //     left: -3px;
+    //     background-image: url(assets/img/imageBorder.png);
+    //     pointer-events: none;
+    // };
 }