diff --git a/app/assets/images/pages/play/level/modal/reward_plate_wide.png b/app/assets/images/pages/play/level/modal/reward_plate_wide.png new file mode 100644 index 000000000..466c0af7f Binary files /dev/null and b/app/assets/images/pages/play/level/modal/reward_plate_wide.png differ diff --git a/app/assets/images/pages/play/level/modal/victory_modal_background.png b/app/assets/images/pages/play/level/modal/victory_modal_background.png index 7ebfad857..11f8ad8f1 100644 Binary files a/app/assets/images/pages/play/level/modal/victory_modal_background.png and b/app/assets/images/pages/play/level/modal/victory_modal_background.png differ diff --git a/app/assets/images/pages/play/level/modal/victory_modal_blue_banner.png b/app/assets/images/pages/play/level/modal/victory_modal_blue_banner.png new file mode 100644 index 000000000..0c87583bf Binary files /dev/null and b/app/assets/images/pages/play/level/modal/victory_modal_blue_banner.png differ diff --git a/app/styles/play/level/modal/hero-victory-modal.sass b/app/styles/play/level/modal/hero-victory-modal.sass index 17cdedfe9..4e4c8b523 100644 --- a/app/styles/play/level/modal/hero-victory-modal.sass +++ b/app/styles/play/level/modal/hero-victory-modal.sass @@ -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 diff --git a/app/templates/play/level/modal/hero-victory-modal.jade b/app/templates/play/level/modal/hero-victory-modal.jade index 58a420693..6a7559e8b 100644 --- a/app/templates/play/level/modal/hero-victory-modal.jade +++ b/app/templates/play/level/modal/hero-victory-modal.jade @@ -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