codecombat/app/styles/play/level/gold.sass

47 lines
918 B
Sass
Raw Normal View History

2014-02-11 15:02:27 -05:00
@import "app/styles/mixins"
@import "app/styles/bootstrap/mixins"
2014-02-11 15:02:27 -05:00
#gold-view
display: none
2014-02-11 15:02:27 -05:00
position: absolute
right: 46%
top: 42px
user-select: none
-webkit-user-select: none
2014-05-02 18:12:30 -04:00
@include transition(box-shadow .2s linear)
padding: 4px
2014-05-02 18:12:30 -04:00
background: transparent url(/images/level/gold_background.png) no-repeat
background-size: 100% 100%
border-radius: 4px
&:hover
2014-05-02 18:12:30 -04:00
box-shadow: 2px 2px 2px black
2014-02-11 15:02:27 -05:00
.team-gold
2014-02-11 15:02:27 -05:00
font-size: 16px
margin: 0
line-height: 20px
2014-05-02 18:12:30 -04:00
color: hsla(205,0%,51%,1)
display: inline-block
padding: 0px 4px
2014-02-11 15:02:27 -05:00
&.team-humans
color: hsla(4,80%,51%,1)
&.team-ogres
2014-05-02 18:12:30 -04:00
color: hsla(205,100%,51%,1)
2014-02-11 15:02:27 -05:00
&.team-allies, &.team-minions
2014-05-02 18:12:30 -04:00
color: hsla(116,80%,51%,1)
2014-02-11 15:02:27 -05:00
img
width: 16px
height: 16px
border-radius: 2px
padding: 1px
margin-top: -1px
2014-02-11 15:02:27 -05:00
.gold-amount
display: inline-block
2014-04-27 18:33:16 -04:00
min-width: 20px