Incorporated tweaked victory modal background assets.

This commit is contained in:
Nick Winter 2014-11-16 21:26:21 -08:00
parent 5927b36402
commit e5aada2e5b
5 changed files with 27 additions and 2 deletions
app
assets/images/pages/play/level/modal
styles/play/level/modal
templates/play/level/modal

Binary file not shown.

After

(image error) Size: 2.4 KiB

Binary file not shown.

Before

(image error) Size: 20 KiB

After

(image error) Size: 15 KiB

Before After
Before After

Binary file not shown.

After

(image error) Size: 13 KiB

View file

@ -12,15 +12,25 @@
.background-wrapper
//background: url("/images/pages/play/level/modal/victory_modal_background.png")
width: 550px
background-color: transparent
border: 0px solid transparent
border-width: 25px
border-image: url("/images/pages/play/level/modal/victory_modal_background.png") 25 fill round
border-radius: 10px
border-radius: 12px
#victory-banner
position: absolute
left: -30px
z-index: 0
#victory-header
position: absolute
left: 135px
display: block
margin: 15px auto 0
margin: 10px auto 0
// http://easings.net/#easeOutBack plus tweaked a bit: http://cubic-bezier.com/#.18,.68,.75,2
@include transition(0.5s cubic-bezier(0.18, 0.68, 0.75, 2))
z-index: 1
&.out
@include scale(0)
@ -92,6 +102,15 @@
z-index: 1
@include transition(0.25s ease)
&.hero, &.item
background: url("/images/pages/play/level/modal/reward_plate_wide.png")
width: 120px
height: 83px
margin-top: 1px
.reward-image-container
left: 33px
&.animating
@include scale(1.5)
z-index: 2
@ -216,10 +235,15 @@
html.no-borderimage
#hero-victory-modal
.background-wrapper
border: 0
background: url("/images/pages/play/level/modal/victory_modal_background.png")
height: 650px
#victory-header
margin-top: 40px
left: 160px
#victory-banner
left: 0px
top: 40px
.modal-header
height: 110px
.modal-content

View file

@ -1,5 +1,6 @@
extends /templates/modal/modal_base
block modal-header-content
img(src="/images/pages/play/level/modal/victory_modal_blue_banner.png")#victory-banner
img(src="/images/pages/play/level/modal/victory_word.png")#victory-header.out
block modal-body-content