✨
This commit is contained in:
@@ -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;
|
|
||||||
// };
|
|
||||||
}
|
}
|
||||||
60
pokemon.css
60
pokemon.css
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
BIN
system.zip
BIN
system.zip
Binary file not shown.
@@ -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"}}
|
||||||
|
|||||||
Reference in New Issue
Block a user