mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-04-26 14:03:28 -04:00
Incorporated tweaked victory modal background assets.
This commit is contained in:
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
BIN
app/assets/images/pages/play/level/modal/reward_plate_wide.png
Normal file
BIN
app/assets/images/pages/play/level/modal/reward_plate_wide.png
Normal file
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 ![]() ![]() |
Binary file not shown.
After ![]() (image error) Size: 13 KiB |
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue