diff --git a/app/styles/play/level/goals.sass b/app/styles/play/level/goals.sass index 26f7bd5de..94aef8605 100644 --- a/app/styles/play/level/goals.sass +++ b/app/styles/play/level/goals.sass @@ -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 + diff --git a/app/styles/play/level/loading.sass b/app/styles/play/level/loading.sass index 2f829f5dc..a6b03af32 100644 --- a/app/styles/play/level/loading.sass +++ b/app/styles/play/level/loading.sass @@ -78,6 +78,7 @@ .start-level-button font-size: 40px + font-variant: small-caps .left-wing, .right-wing width: 100% diff --git a/app/views/play/level/LevelGoalsView.coffee b/app/views/play/level/LevelGoalsView.coffee index 087e3831a..843a409dd 100644 --- a/app/views/play/level/LevelGoalsView.coffee +++ b/app/views/play/level/LevelGoalsView.coffee @@ -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.