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 {
.sideBarBox { display: flex;
float: left; }
width: 185px;
min-height: 500px; .sidebarBox {
border-left-width: 18px; display: flex;
border-right-width: 18px; flex-direction: column;
border-top-width: 21px; align-items: center;
border-bottom-width: 52px; width: 200px
border-style: solid; }
margin-top: 3px;
}; .imgBox {
height: 165px;
.menuBox { width: 180px;
float: left; padding: 0 20px;
width: 400px; background-color: #b0b0b0;
height: 26px; border-radius: 15px;
position: relative; -webkit-border-radius: 15px;
}; -moz-border-radius: 15px;
-o-border-radius: 15px;
.contentBox { }
float: left;
width: 430px; .imgBox:after {
min-height: 500px; content: "";
}; border-top: 40px solid #b0b0b0;
border-left: 40px solid #c00d0d;
// .imgBox { height: 0;
// float: left;
// width: 135px; position: absolute;
// height: 175px; bottom: 0;
// position: relative; left: 0;
// margin-left: 8px; }
// margin-top: 10px;
// margin-bottom: 3px; .charImg {
// border: 3px #e99d76 solid; height: 95px;
// }; width: 174px;
// .charImg { margin-top: 20px;
// width: 100%; margin-bottom: 9px;
// height: 100%; background-color: #fff;
// object-fit: cover; border: 3px solid #494949;
// }; clear: both;
// .imgOverlay {
// width: 135px; border-radius: 15px;
// height: 210px; -webkit-border-radius: 15px;
// position: absolute; -moz-border-radius: 15px;
// top: -3px; -o-border-radius: 15px;
// 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"}}