mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-04-01 15:50:11 -04:00
Matt Lott
parent
213a66b2ab
commit
ee2540dcf2
1 changed files with 44 additions and 44 deletions
|
|
@ -7,23 +7,23 @@ $heroCanvasHeight: 275px
|
|||
@include user-select(none)
|
||||
|
||||
//- Clear modal defaults
|
||||
|
||||
|
||||
.modal-dialog
|
||||
padding: 0
|
||||
width: 820px
|
||||
height: 658px
|
||||
|
||||
|
||||
|
||||
|
||||
//- Background
|
||||
|
||||
|
||||
#play-heroes-background
|
||||
position: absolute
|
||||
top: -59px
|
||||
left: -20px
|
||||
|
||||
|
||||
|
||||
|
||||
//- Header
|
||||
|
||||
|
||||
h1
|
||||
position: absolute
|
||||
left: 154px
|
||||
|
|
@ -67,9 +67,9 @@ $heroCanvasHeight: 275px
|
|||
&:hover
|
||||
color: yellow
|
||||
|
||||
|
||||
|
||||
//- Carousel character portraits
|
||||
|
||||
|
||||
#hero-carousel
|
||||
width: 750px
|
||||
height: 386px
|
||||
|
|
@ -87,7 +87,7 @@ $heroCanvasHeight: 275px
|
|||
margin-left: 0
|
||||
|
||||
.hero-indicator
|
||||
width: 104px
|
||||
width: 97px
|
||||
height: 98px
|
||||
margin: 0 -11px
|
||||
position: relative
|
||||
|
|
@ -131,27 +131,27 @@ $heroCanvasHeight: 275px
|
|||
|
||||
|
||||
//- Small transformations to jumble the hero icons a little
|
||||
|
||||
|
||||
.hero-index-0
|
||||
transform: rotate(-5deg)
|
||||
z-index: 2
|
||||
|
||||
|
||||
.hero-index-1
|
||||
top: -3px
|
||||
z-index: 1
|
||||
|
||||
|
||||
.hero-index-2
|
||||
top: -3px
|
||||
transform: rotate(5deg)
|
||||
z-index: 1
|
||||
|
||||
|
||||
.hero-index-3
|
||||
transform: rotate(-1deg)
|
||||
z-index: 0
|
||||
|
||||
.hero-index-4
|
||||
transform: rotate(3deg)
|
||||
|
||||
|
||||
.hero-index-5
|
||||
z-index: 0
|
||||
|
||||
|
|
@ -159,7 +159,7 @@ $heroCanvasHeight: 275px
|
|||
transform: rotate(6deg)
|
||||
top: -8px
|
||||
z-index: 1
|
||||
|
||||
|
||||
.hero-index-8
|
||||
transform: rotate(4deg)
|
||||
|
||||
|
|
@ -176,7 +176,7 @@ $heroCanvasHeight: 275px
|
|||
width: 334px
|
||||
height: $heroCanvasHeight
|
||||
float: left
|
||||
|
||||
|
||||
.hero-stats
|
||||
width: 400px
|
||||
height: $heroCanvasHeight
|
||||
|
|
@ -196,23 +196,23 @@ $heroCanvasHeight: 275px
|
|||
h2
|
||||
margin-top: 0px
|
||||
color: white
|
||||
|
||||
|
||||
.hero-description
|
||||
margin-bottom: 4px
|
||||
|
||||
|
||||
.hero-stat-row
|
||||
margin: 3px 0
|
||||
|
||||
|
||||
.stat-label
|
||||
float: left
|
||||
width: 100px
|
||||
color: rgb(203,170,148)
|
||||
|
||||
|
||||
.stat-value
|
||||
display: inline-block
|
||||
width: 280px
|
||||
color: rgb(244,189,68)
|
||||
|
||||
|
||||
.stat-progress
|
||||
background: rgb(32,27,22)
|
||||
height: 15px
|
||||
|
|
@ -222,24 +222,24 @@ $heroCanvasHeight: 275px
|
|||
top: 2px
|
||||
left: -3px
|
||||
width: 70%
|
||||
|
||||
|
||||
.stat-progress-bar
|
||||
height: 7px
|
||||
border-radius: 7px
|
||||
|
||||
|
||||
|
||||
|
||||
&.attack .stat-progress-bar
|
||||
background: #c32424
|
||||
|
||||
|
||||
&.health .stat-progress-bar
|
||||
background: #0f802a
|
||||
|
||||
|
||||
&.speed .stat-progress-bar
|
||||
background: #4d52ab
|
||||
|
||||
|
||||
|
||||
//- Carousel switch buttons
|
||||
|
||||
|
||||
a.left, a.right
|
||||
color: rgb(74,61,51)
|
||||
position: absolute
|
||||
|
|
@ -247,15 +247,15 @@ $heroCanvasHeight: 275px
|
|||
width: 40px
|
||||
height: 84px
|
||||
font-size: 24px
|
||||
|
||||
|
||||
.glyphicon
|
||||
position: relative
|
||||
top: 27px
|
||||
left: 8px
|
||||
|
||||
|
||||
&:hover, &:active
|
||||
color: rgb(126,105,88)
|
||||
|
||||
|
||||
a.right
|
||||
right: -49px
|
||||
|
||||
|
|
@ -312,7 +312,7 @@ $heroCanvasHeight: 275px
|
|||
border: 3px solid rgb(7,65,83)
|
||||
background: rgb(0,119,168)
|
||||
border-radius: 0
|
||||
|
||||
|
||||
&:disabled
|
||||
background: rgb(72, 106, 113)
|
||||
opacity: 1
|
||||
|
|
@ -327,7 +327,7 @@ $heroCanvasHeight: 275px
|
|||
//#restricted-hero-button
|
||||
|
||||
//- Programming select box
|
||||
|
||||
|
||||
.form
|
||||
position: absolute
|
||||
left: 32px
|
||||
|
|
@ -335,33 +335,33 @@ $heroCanvasHeight: 275px
|
|||
width: 541px
|
||||
height: 102px
|
||||
padding: 10px 40px
|
||||
|
||||
|
||||
.help-block
|
||||
color: rgb(51,51,51)
|
||||
font-size: 14px
|
||||
font-weight: bold
|
||||
|
||||
|
||||
select
|
||||
font-size: 18px
|
||||
|
||||
|
||||
.fancy-select
|
||||
display: inline-block
|
||||
width: 100%
|
||||
|
||||
.options
|
||||
text-transform: none
|
||||
|
||||
|
||||
.trigger, .options
|
||||
background-color: rgb(239,232,217)
|
||||
color: black
|
||||
|
||||
|
||||
.trigger
|
||||
text-transform: uppercase
|
||||
border: 3px solid black
|
||||
font-size: 16px
|
||||
padding: 5px 10px
|
||||
width: 100%
|
||||
|
||||
|
||||
//- the little triangle on the right side of the fancy select box
|
||||
&:after
|
||||
border: 8px solid transparent
|
||||
|
|
@ -397,7 +397,7 @@ $heroCanvasHeight: 275px
|
|||
background-image: url(/images/common/code_languages/lua_small.png)
|
||||
&[data-value="io"]
|
||||
background-image: url(/images/common/code_languages/io_small.png)
|
||||
|
||||
|
||||
#confirm-button
|
||||
background: url(/images/pages/play/modal/confirm-button.png)
|
||||
width: 209px
|
||||
|
|
@ -411,15 +411,15 @@ $heroCanvasHeight: 275px
|
|||
font-size: 26px
|
||||
font-family: $headings-font-family
|
||||
color: white
|
||||
|
||||
|
||||
|
||||
body.ipad #play-heroes-modal
|
||||
// iPad is Python-only for now, and has its own reset button.
|
||||
.form
|
||||
display: none
|
||||
|
||||
|
||||
body[lang='ru']
|
||||
#play-heroes-modal
|
||||
#play-heroes-modal
|
||||
#hero-carousel .hero-item .hero-stats h2
|
||||
font-size: 24px
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue