codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-03-31 07:12:49 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Using new border image popover backgrounds.

Browse source
This commit is contained in:
Nick Winter 2014-12-10 11:00:52 -08:00
parent 94a400bfd8
commit 87c34e81c6
10 changed files with 16 additions and 16 deletions

BIN
app/assets/images/level/popover_background.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

(image error) Size: 2.4 KiB

After

(image error) Size: 3.3 KiB

BIN
app/assets/images/level/popover_border_background.png Normal file
View file

Binary file not shown.
Side by side

After

(image error) Size: 2.3 KiB

4
app/styles/common/common.sass
View file

@ -230,8 +230,8 @@ kbd
.popover
border-style: solid
border-image: url(/images/level/popover_background.png) 29 39 fill stretch
border-width: 15px 20px
border-image: url(/images/level/popover_border_background.png) 16 12 fill stretch
border-width: 16px 12px
.arrow
display: none
.btn

4
app/styles/play/level/tome/spell_debug.sass
View file

@ -8,8 +8,8 @@
max-width: 400px
padding: 10px
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 8px
border-image: url(/images/level/popover_border_background.png) 16 12 fill round
border-width: 8px 6px
.progress
position: relative
span

4
app/styles/play/level/tome/spell_list.sass
View file

@ -10,8 +10,8 @@
right: 10%
padding: 4%
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 15px
border-image: url(/images/level/popover_border_background.png) 16 12 fill round
border-width: 16px 12px
html.no-borderimage
#spell-list-view

4
app/styles/play/level/tome/spell_list_entry_thangs.sass
View file

@ -12,8 +12,8 @@
overflow: scroll
padding: 4%
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 15px
border-image: url(/images/level/popover_border_background.png) 16 12 fill round
border-width: 16px 12px
.thang-avatar-view
cursor: pointer

4
app/styles/play/level/tome/spell_palette_entry.sass
View file

@ -56,8 +56,8 @@ body:not(.dialogue-view-active)
max-width: 600px
padding: 0
border-style: solid
border-image: url(/images/level/popover_background.png) 29 39 fill stretch
border-width: 15px 20px
border-image: url(/images/level/popover_border_background.png) 16 12 fill round
border-width: 16px 12px
@include box-shadow(0 0 0 #000)
// Jiggle animation

4
app/styles/play/level/tome/spell_toolbar.sass
View file

@ -83,9 +83,9 @@
z-index: 10
pointer-events: none
border-style: solid
border-image: url(/images/level/popover_background.png) 29 39 fill stretch
border-image: url(/images/level/popover_border_background.png) 16 12 fill round
padding: 0
border-width: 15px 20px
border-width: 16px 12px
font-variant: small-caps
text-overflow: ellipsis
font-size: 13px

4
app/styles/play/level/tome/tome.sass
View file

@ -38,8 +38,8 @@
.popover
padding: 10px 10px 30px 10px
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
border-width: 15px
border-image: url(/images/level/popover_border_background.png) 16 12 fill round
border-width: 16px 12px
@include box-shadow(0 0 0 #000)
h1:not(.not-code), h2:not(.not-code), h3:not(.not-code), h4:not(.not-code), h5:not(.not-code), h6:not(.not-code)

4
app/styles/play/world-map-view.sass
View file

@ -259,11 +259,11 @@ $gameControlMargin: 30px
position: absolute
z-index: 3
padding: 10px
border-width: 15px
border-width: 16px 12px
// Using modernizr-mixin for compat detection
@include yep(borderimage)
border-style: solid
border-image: url(/images/level/popover_background.png) 18 fill round
border-image: url(/images/level/popover_border_background.png) 16 12 fill round
@include nope(borderimage)
background-color: rgb(247, 242, 218)