mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-04-26 05:53:39 -04:00
New GoalsView background. Be my guest with any text color improvements.
This commit is contained in:
parent
3a811a05fd
commit
49b8c745a0
3 changed files with 18 additions and 15 deletions
app
|
@ -3,36 +3,37 @@
|
|||
|
||||
#goals-view
|
||||
position: absolute
|
||||
left: 10px
|
||||
left: -15px
|
||||
top: -100px
|
||||
@include transition(0.5s ease-in-out)
|
||||
background-color: rgba(200,200,200,1.0)
|
||||
|
||||
border: black
|
||||
padding: 15px 7px 2px 5px
|
||||
box-sizing: border-box
|
||||
border: 1px solid #333
|
||||
border-radius: 5px
|
||||
background: transparent url(/images/level/goals_background.png)
|
||||
background-size: 100% 100%
|
||||
|
||||
padding: 19px 17px 6px 25px
|
||||
z-index: 3
|
||||
font-size: 14px
|
||||
|
||||
&.brighter
|
||||
font-size: 18px
|
||||
font-size: 1.4vw
|
||||
@include box-shadow(0px 0px 12px white)
|
||||
//@include box-shadow(0px 0px 12px white)
|
||||
|
||||
.goals-status
|
||||
margin: 0
|
||||
color: black
|
||||
margin-top: 10px
|
||||
color: white
|
||||
text-transform: uppercase
|
||||
|
||||
.success
|
||||
color: darkgreen
|
||||
color: lightgreen
|
||||
text-shadow: 1px 1px 0px black
|
||||
.timed-out
|
||||
color: darkslategray
|
||||
color: rgb(230, 230, 230)
|
||||
.failure
|
||||
color: darkred
|
||||
color: rgb(239, 61, 71)
|
||||
text-shadow: 1px 1px 0px black
|
||||
.incomplete
|
||||
color: darkgoldenrod
|
||||
color: rgb(245, 170, 49)
|
||||
|
||||
ul
|
||||
padding-left: 0
|
||||
|
@ -59,3 +60,4 @@
|
|||
|
||||
#goals-view.collapsed ul
|
||||
display: none
|
||||
|
||||
|
|
|
@ -78,6 +78,7 @@
|
|||
|
||||
.start-level-button
|
||||
font-size: 40px
|
||||
font-variant: small-caps
|
||||
|
||||
.left-wing, .right-wing
|
||||
width: 100%
|
||||
|
|
|
@ -101,7 +101,7 @@ module.exports = class LevelGoalsView extends CocoView
|
|||
return if expand is @expanded
|
||||
@updateHeight()
|
||||
sound = if expand then 'goals-expand' else 'goals-collapse'
|
||||
top = if expand then -10 else 26 - (@normalHeight ? @$el.outerHeight())
|
||||
top = if expand then -5 else 36 - (@normalHeight ? @$el.outerHeight())
|
||||
@$el.css 'top', top
|
||||
if @soundTimeout
|
||||
# Don't play the sound we were going to play after all; the transition has reversed.
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue