f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-05 10:12:41 +00:00
Code Wiki Activity

Workign on the homebrew

Browse Source
This commit is contained in:
Scott Tolksdorf
2015-12-17 19:28:22 -05:00
parent 5734b89bc6
commit f968421b5b
41 changed files with 636 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
client/naturalCrit/combatManager/encounter/monsterCard/monsterCard.less Normal file
View File

@@ -0,0 +1,129 @@
@marginSize : 10px;
.playerCard{
display : inline-block;
box-sizing : border-box;
margin : @marginSize;
padding : 10px;
background-color : white;
border : 1px solid #bbb;
.name{
margin-right : 20px;
}
.initiative{
font-size : 0.8em;
i{
font-size : 0.8em;
}
}
&:nth-child(5n + 1){ background-color: fade(@blue, 25%); }
&:nth-child(5n + 2){ background-color: fade(@purple, 25%); }
&:nth-child(5n + 3){ background-color: fade(@steel, 25%); }
&:nth-child(5n + 4){ background-color: fade(@green, 25%); }
&:nth-child(5n + 5){ background-color: fade(@orange, 25%); }
}
.monsterCard{
position : relative;
display : inline-block;
vertical-align : top;
box-sizing : border-box;
width : 220px;
margin : @marginSize;
padding : 10px;
background-color : white;
border : 1px solid #bbb;
.healthbar{
position : absolute;
top : 0px;
left : 0px;
z-index : 50;
height : 3px;
max-width : 100%;
background-color : @green;
}
.overhealbar{
position : absolute;
top : 0px;
left : 0px;
z-index : 100;
height : 3px;
max-width : 100%;
background-color : @blueLight;
}
&.hurt{
.healthbar{
background-color : orange;
}
}
&.last_legs{
background-color : lighten(@red, 49%);
.healthbar{
background-color : red;
}
}
&.dead{
opacity : 0.3;
}
&>.info{
margin-bottom : 10px;
.name{
margin-right : 10px;
font-size : 1.5em;
}
.stat{
margin-right : 5px;
font-size : 0.7em;
i{
font-size : 0.7em;
}
}
}
.hpBox{
.noselect();
position : absolute;
top : 5px;
right : 5px;
cursor : pointer;
text-align : right;
.currentHP{
font-size : 2em;
font-weight : 800;
line-height : 0.8em;
.tempHP{
vertical-align : top;
font-size : 0.4em;
line-height : 0.8em;
}
}
.stat{
font-size : 0.8em;
}
.hpText{
font-size : 0.6em;
font-weight : 800;
}
}
.abilitiesContainer{
margin-top : 10px;
.ability{
font-size: 0.7em;
.name{
font-weight: 800;
}
}
}
.itemContainer{
margin-top : 10px;
i{
font-size : 0.7em;
}
span{
margin-right : 5px;
cursor : pointer;
font-size : 0.7em;
&.used{
text-decoration : line-through;
}
}
}
}