Fixed some border images in Firefox, and hopefully in other browsers.

This commit is contained in:
Nick Winter 2014-12-07 15:51:32 -08:00
parent 1ba57c7ae1
commit ac4a252a5e
16 changed files with 21 additions and 2 deletions

View file

@ -225,6 +225,7 @@ kbd
height: 60px
.popover
border-style: solid
border-image: url(/images/level/popover_background.png) 29 39 fill stretch
border-width: 15px 20px
.arrow
@ -238,6 +239,7 @@ kbd
border: 0
border-radius: 0
@include box-shadow(none)
border-style: solid
border-image: url(/images/common/button-background-active-border.png) 14 20 20 20 fill round
border-width: 7px 10px 10px 10px
padding: 0

View file

@ -146,6 +146,7 @@
height: 70px
font-size: 32px
line-height: 42px
border-style: solid
border-image: url(/images/level/code_toolbar_submit_button_active.png) 14 20 20 20 fill round
border-width: 14px 20px 20px 20px
color: white

View file

@ -100,6 +100,7 @@
height: 60px
margin: 0 auto
padding: 8px
border-style: solid
border-image: url(/images/level/control_bar_level_name_background.png) 30 fill round
border-width: 0 15px 15px 15px
text-align: center
@ -128,6 +129,7 @@
height: 60px
margin: 0 auto
padding: 8px
border-style: solid
border-image: url(/images/level/control_bar_level_name_background.png) 30 fill round
border-width: 0 15px 15px 15px
text-align: center

View file

@ -6,6 +6,7 @@
left: -15px
top: -100px
@include transition(0.5s ease-in-out)
border-style: solid
border-image: url(/images/level/goals_background.png) 15 20 51 15 fill stretch
border-width: 8px 10px 25px 8px
margin: -8px -10px -25px -8px

View file

@ -33,6 +33,7 @@
width: 750px
background: transparent
border: 0px solid transparent
border-style: solid
border-image: url("/images/pages/play/level/modal/victory_modal_border_background.png") 250 0 100 0 fill round
border-width: 250px 0 100px 0
border-radius: 12px

View file

@ -46,6 +46,7 @@
width: 45%
width: -webkit-calc(50% - 10px)
width: calc(50% - 10px)
border-style: solid
border-image: url(/images/level/code_toolbar_run_button_active.png) 14 20 20 20 fill round
border-width: 7px 10px 10px 10px

View file

@ -15,6 +15,7 @@
text-shadow: none
color: white
word-wrap: break-word
border-style: solid
border-image: url(/images/level/code_editor_error_background.png) 16 20 fill round
border-width: 16px 20px

View file

@ -7,6 +7,7 @@
min-width: 250px
max-width: 400px
padding: 10px
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 8px
.progress

View file

@ -9,6 +9,7 @@
left: 0%
right: 10%
padding: 4%
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 15px

View file

@ -11,6 +11,7 @@
max-height: 500px
overflow: scroll
padding: 4%
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 15px

View file

@ -55,6 +55,7 @@ body:not(.dialogue-view-active)
// Only those popovers which are our direct children (spell documentation)
max-width: 600px
padding: 0
border-style: solid
border-image: url(/images/level/popover_background.png) 29 39 fill stretch
border-width: 15px 20px
@include box-shadow(0 0 0 #000)

View file

@ -82,6 +82,7 @@
position: absolute
z-index: 10
pointer-events: none
border-style: solid
border-image: url(/images/level/popover_background.png) 29 39 fill stretch
padding: 0
border-width: 15px 20px

View file

@ -37,6 +37,7 @@
.popover
padding: 10px 10px 30px 10px
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 15px
@include box-shadow(0 0 0 #000)

View file

@ -100,6 +100,7 @@
top: 430px
font-size: 32px
line-height: 42px
border-style: solid
border-image: url(/images/level/code_toolbar_submit_button_active.png) 14 20 20 20 fill round
border-width: 14px 20px 20px 20px
color: darken(white, 5%)

View file

@ -218,6 +218,7 @@ $gameControlMargin: 30px
border-width: 15px
// Using modernizr-mixin for compat detection
@include yep(borderimage)
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
@include nope(borderimage)
background-color: rgb(247, 242, 218)

View file

@ -141,8 +141,10 @@ module.exports = class WorldMapView extends RootView
level.color = 'rgb(80, 130, 200)'
level.hidden = level.locked or level.disabled
# put lower levels in last, so in the world map they layer over one another properly.
context.campaign.levels = (_.sortBy context.campaign.levels, 'y').reverse()
## put lower levels in last, so in the world map they layer over one another properly.
#context.campaign.levels = (_.sortBy context.campaign.levels, 'y').reverse()
# Actually, there's some logic that depends on the order of iteration of levels to determine
# which one to do next when you're coming here not from a level; can we do this another way?
context.levelStatusMap = @levelStatusMap
context.levelPlayCountMap = @levelPlayCountMap