2013-02-27 22:41:36 +00:00
|
|
|
// variables
|
|
|
|
|
|
|
|
|
|
gpColor = #FBEFC0
|
|
|
|
|
gpText = #786938
|
|
|
|
|
hpColor = #f2dede
|
|
|
|
|
hpText = #b94a48
|
|
|
|
|
lvlColor = #d9edf7
|
|
|
|
|
lvlText = #3a87ad
|
|
|
|
|
xpColor = #DCC0FB
|
|
|
|
|
xpText = #635673
|
2013-03-02 20:02:57 +00:00
|
|
|
deathColor = #4E4E4E
|
|
|
|
|
deathText = #ABABAB
|
2013-02-27 22:41:36 +00:00
|
|
|
borderDarken = 20%
|
|
|
|
|
|
|
|
|
|
// alert styles
|
|
|
|
|
|
|
|
|
|
.alert-gp
|
|
|
|
|
background-color: gpColor
|
|
|
|
|
border-color: darken(gpColor,borderDarken)
|
|
|
|
|
color: gpText
|
|
|
|
|
|
|
|
|
|
.alert-hp
|
|
|
|
|
background-color: hpColor
|
|
|
|
|
border-color: darken(hpColor,borderDarken)
|
|
|
|
|
color: hpText
|
|
|
|
|
|
|
|
|
|
.alert-lvl
|
|
|
|
|
background-color: lvlColor
|
|
|
|
|
border-color: darken(lvlColor,borderDarken)
|
|
|
|
|
color: lvlText
|
|
|
|
|
|
|
|
|
|
.alert-xp
|
|
|
|
|
background-color: xpColor
|
|
|
|
|
border-color: darken(xpColor,borderDarken)
|
|
|
|
|
color: xpText
|
|
|
|
|
|
2013-03-02 20:02:57 +00:00
|
|
|
.alert-death
|
|
|
|
|
background-color: deathColor
|
|
|
|
|
border-color: deathColor
|
|
|
|
|
color: deathText
|
|
|
|
|
|
2013-02-27 22:41:36 +00:00
|
|
|
// alert icons
|
|
|
|
|
|
2013-02-28 23:09:12 +00:00
|
|
|
.icon-gold
|
|
|
|
|
background: url("img/coin_single_gold.png") no-repeat
|
|
|
|
|
background-position: center center
|
|
|
|
|
background-size: 18px
|
|
|
|
|
width: 14px
|
|
|
|
|
height: 14px
|
|
|
|
|
|
|
|
|
|
.icon-silver
|
|
|
|
|
background: url("img/coin_single_silver.png") no-repeat
|
|
|
|
|
background-position: center center
|
|
|
|
|
background-size: 18px
|
2013-02-27 22:41:36 +00:00
|
|
|
width: 14px
|
2013-03-02 20:02:57 +00:00
|
|
|
height: 14px
|
|
|
|
|
|
|
|
|
|
.icon-death
|
|
|
|
|
background: url("img/sprites/dead.png") no-repeat
|
|
|
|
|
background-position: center center
|
|
|
|
|
background-size: 14px
|
|
|
|
|
width: 14px
|
2013-03-18 00:30:54 +00:00
|
|
|
height: 14px
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.undo-button
|
|
|
|
|
position:absolute
|
|
|
|
|
left:5px
|
|
|
|
|
top:5px
|
