This commit is contained in:
2025-08-03 13:49:24 +02:00
parent 5d30b4f5a3
commit fbcf44cae2
5 changed files with 124 additions and 92 deletions

View File

@@ -73,6 +73,9 @@
.advancementBox { .advancementBox {
margin-left: 20px; margin-left: 20px;
display: flex;
flex-direction: column;
align-items: center;
} }
.lvlBox { .lvlBox {
@@ -133,54 +136,51 @@
text-align: center; text-align: center;
} }
.mainBox {
display: flex;
}
.sideBarBox { .sidebarBox {
float: left; display: flex;
width: 185px; flex-direction: column;
min-height: 500px; align-items: center;
border-left-width: 18px; width: 200px
border-right-width: 18px; }
border-top-width: 21px;
border-bottom-width: 52px;
border-style: solid;
margin-top: 3px;
};
.menuBox { .imgBox {
float: left; height: 165px;
width: 400px; width: 180px;
height: 26px; padding: 0 20px;
position: relative; background-color: #b0b0b0;
}; border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
}
.contentBox { .imgBox:after {
float: left; content: "";
width: 430px; border-top: 40px solid #b0b0b0;
min-height: 500px; border-left: 40px solid #c00d0d;
}; height: 0;
// .imgBox { position: absolute;
// float: left; bottom: 0;
// width: 135px; left: 0;
// height: 175px; }
// position: relative;
// margin-left: 8px; .charImg {
// margin-top: 10px; height: 95px;
// margin-bottom: 3px; width: 174px;
// border: 3px #e99d76 solid; margin-top: 20px;
// }; margin-bottom: 9px;
// .charImg { background-color: #fff;
// width: 100%; border: 3px solid #494949;
// height: 100%; clear: both;
// object-fit: cover;
// }; border-radius: 15px;
// .imgOverlay { -webkit-border-radius: 15px;
// width: 135px; -moz-border-radius: 15px;
// height: 210px; -o-border-radius: 15px;
// position: absolute; }
// top: -3px;
// left: -3px;
// background-image: url(assets/img/imageBorder.png);
// pointer-events: none;
// };
} }

View File

@@ -62,6 +62,9 @@
} }
.pokemon.sheet.characterSheet .advancementBox { .pokemon.sheet.characterSheet .advancementBox {
margin-left: 20px; margin-left: 20px;
display: flex;
flex-direction: column;
align-items: center;
} }
.pokemon.sheet.characterSheet .lvlBox { .pokemon.sheet.characterSheet .lvlBox {
width: 60px; width: 60px;
@@ -111,25 +114,44 @@
.pokemon.sheet.characterSheet .expValue { .pokemon.sheet.characterSheet .expValue {
text-align: center; text-align: center;
} }
.pokemon.sheet.characterSheet .sideBarBox { .pokemon.sheet.characterSheet .mainBox {
float: left; display: flex;
width: 185px;
min-height: 500px;
border-left-width: 18px;
border-right-width: 18px;
border-top-width: 21px;
border-bottom-width: 52px;
border-style: solid;
margin-top: 3px;
} }
.pokemon.sheet.characterSheet .menuBox { .pokemon.sheet.characterSheet .sidebarBox {
float: left; display: flex;
width: 400px; flex-direction: column;
height: 26px; align-items: center;
position: relative; width: 200px;
} }
.pokemon.sheet.characterSheet .contentBox { .pokemon.sheet.characterSheet .imgBox {
float: left; height: 165px;
width: 430px; width: 180px;
min-height: 500px; padding: 0 20px;
background-color: #b0b0b0;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
}
.pokemon.sheet.characterSheet .imgBox:after {
content: "";
border-top: 40px solid #b0b0b0;
border-left: 40px solid #c00d0d;
height: 0;
position: absolute;
bottom: 0;
left: 0;
}
.pokemon.sheet.characterSheet .charImg {
height: 95px;
width: 174px;
margin-top: 20px;
margin-bottom: 9px;
background-color: #fff;
border: 3px solid #494949;
clear: both;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
} }

View File

@@ -1,5 +1,5 @@
{ {
"version": "0.0.19", "version": "0.0.20",
"id": "pokemon", "id": "pokemon",
"title": "Pokémon TTRPG", "title": "Pokémon TTRPG",
"description": "A Pokémon TTRPG", "description": "A Pokémon TTRPG",

Binary file not shown.

View File

@@ -1,16 +1,27 @@
<div> <div class="mainBox">
<div class="sideBarBox"> <div class="sideBarBox">
<div class="imgBox"> <div class="imgBox">
<img class="charImg" src="{{actor.img}}" data-edit="img" data-action="editImage" title="{{actor.name}}" > <div class="topPicture">
<div class="imgOverlay"> <div class="buttontopPicture"></div>
<div class="charHex charHPCurrent"><span class="charHexHead">HP</span></br><span class="charHexValue">{{system.hp.current}}</span></div> <div class="buttontopPicture"></div>
<div class="charHex charHPMax"><span class="charHexHead">Max</span></br><span class="charHexValue">{{system.hp.max}}</span></div> </div>
<img class="charImg" src="{{actor.img}}" data-edit="img" data-action="editImage" title="{{actor.name}}" >
<div class="buttonbottomPicture"></div>
<div class="speakers">
<div class="sp"></div>
<div class="sp"></div>
<div class="sp"></div>
<div class="sp"></div>
</div> </div>
<div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.ArmorClass"}}</span></br><span class="charHexValue">{{system.armorClass}}</span></div>
<div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.Speed"}}</span></br><span class="charHexValue">{{system.speed}}</span></div>
</div> </div>
<div class="charHex charHPCurrent"><span class="charHexHead">HP</span></br><span class="charHexValue">{{system.hp.current}}</span></div>
<div class="charHex charHPMax"><span class="charHexHead">Max</span></br><span class="charHexValue">{{system.hp.max}}</span></div>
<div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.ArmorClass"}}</span></br><span class="charHexValue">{{system.armorClass}}</span></div>
<div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.Speed"}}</span></br><span class="charHexValue">{{system.speed}}</span></div>
<div class="contentBox">
<div class="menuBox"> <div class="menuBox">
<div class="menuBG"></div> <div class="menuBG"></div>
@@ -31,7 +42,6 @@
</div> </div>
<div class="contentBox">
<section class="content"> <section class="content">
<div class="tab" data-tab="tab1" data-group="primary-tabs"> <div class="tab" data-tab="tab1" data-group="primary-tabs">
{{> "systems/pokemon/templates/partials/character-sheet-character.hbs"}} {{> "systems/pokemon/templates/partials/character-sheet-character.hbs"}}