mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-04-29 23:43:51 -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-wrapper
|
||||||
//background: url("/images/pages/play/level/modal/victory_modal_background.png")
|
//background: url("/images/pages/play/level/modal/victory_modal_background.png")
|
||||||
width: 550px
|
width: 550px
|
||||||
|
background-color: transparent
|
||||||
|
border: 0px solid transparent
|
||||||
border-width: 25px
|
border-width: 25px
|
||||||
border-image: url("/images/pages/play/level/modal/victory_modal_background.png") 25 fill round
|
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
|
#victory-header
|
||||||
|
position: absolute
|
||||||
|
left: 135px
|
||||||
display: block
|
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
|
// 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))
|
@include transition(0.5s cubic-bezier(0.18, 0.68, 0.75, 2))
|
||||||
|
z-index: 1
|
||||||
|
|
||||||
&.out
|
&.out
|
||||||
@include scale(0)
|
@include scale(0)
|
||||||
|
@ -92,6 +102,15 @@
|
||||||
z-index: 1
|
z-index: 1
|
||||||
@include transition(0.25s ease)
|
@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
|
&.animating
|
||||||
@include scale(1.5)
|
@include scale(1.5)
|
||||||
z-index: 2
|
z-index: 2
|
||||||
|
@ -216,10 +235,15 @@
|
||||||
html.no-borderimage
|
html.no-borderimage
|
||||||
#hero-victory-modal
|
#hero-victory-modal
|
||||||
.background-wrapper
|
.background-wrapper
|
||||||
|
border: 0
|
||||||
background: url("/images/pages/play/level/modal/victory_modal_background.png")
|
background: url("/images/pages/play/level/modal/victory_modal_background.png")
|
||||||
height: 650px
|
height: 650px
|
||||||
#victory-header
|
#victory-header
|
||||||
margin-top: 40px
|
margin-top: 40px
|
||||||
|
left: 160px
|
||||||
|
#victory-banner
|
||||||
|
left: 0px
|
||||||
|
top: 40px
|
||||||
.modal-header
|
.modal-header
|
||||||
height: 110px
|
height: 110px
|
||||||
.modal-content
|
.modal-content
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
extends /templates/modal/modal_base
|
extends /templates/modal/modal_base
|
||||||
block modal-header-content
|
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
|
img(src="/images/pages/play/level/modal/victory_word.png")#victory-header.out
|
||||||
|
|
||||||
block modal-body-content
|
block modal-body-content
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue