codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-27 17:45:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Increase legibility of Play Now

Browse source 
Overrides $gold hex.
This commit is contained in:
Robin Yang 2016-09-08 10:56:18 -07:00
parent 1fb7996f6c
commit 0219844c9d
1 changed files with 37 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
app/styles/home-view.sass
View file

@ -3,32 +3,42 @@
@import "app/styles/style-flat-variables"
#home-view
overflow: hidden
#jumbotron-container-fluid
background-image: url("/images/pages/home/character_jumbotron.png")
background-position: 50% 55%
@media (min-width : 1200px)
background-size: 100% auto
@media (max-width : 1200px)
background-size: 1200px auto
.container
background-repeat: no-repeat
.btn
margin: 10px 0
.play-btn
background: #f0ac00
// background-image: -webkit-linear-gradient(top, #f2bf19, #e69200)
// background-image: -moz-linear-gradient(top, #f2bf19, #e69200)
// background-image: -ms-linear-gradient(top, #f2bf19, #e69200)
// background-image: -o-linear-gradient(top, #f2bf19, #e69200)
// background-image: linear-gradient(to bottom, #f2bf19, #e69200)
// border: 1px solid #f2bf19
// box-shadow: 0px 0px 5px #ffffff
h1
color: white
@media (max-width: $screen-md-min)
margin-top: 60px
font-size: 33px
line-height: 45px
.well
border: none
border-radius: 8px
@ -66,11 +76,11 @@
text-decoration: none
@media (max-width: $screen-md-min)
margin-top: 10px
&.alt-image
background-image: url("/images/pages/home/student_jumbotron.jpg")
background-position: 60% 35%
.well
@media (max-width: $screen-md-min)
margin-top: 0px
@ -83,7 +93,7 @@
margin-bottom: 60px
@media (max-width: $screen-sm-min)
margin-top: 60px
#classroom-in-box-row
margin: 40px 0
@ -124,20 +134,20 @@
#feature-spread-row
.col-sm-4
padding: 40px
img
margin-bottom: 20px
.testimonials-rows
background: $navy
color: white
position: relative
padding: 60px 0 40px
margin: 100px 0
h3, h6
color: white
.testimonials-filler-left
position: absolute
width: 2000px
@ -145,7 +155,7 @@
top: 0px
background: $navy
height: 100%
.testimonials-filler-right
position: absolute
width: 2000px
@ -153,16 +163,16 @@
top: 0px
background: $navy
height: 100%
img
margin: 0 auto 10px
.row
margin: 20px 0
#benefit-row-1, #benefit-row-2, #benefit-row-3
margin: 50px 0
#benefit-graphic-1, #benefit-graphic-2, #benefit-graphic-3
padding: 30px 40px
position: relative
@ -176,12 +186,12 @@
#benefit-graphic-1
background: $burgandy
img
position: absolute
right: 0
bottom: 0
#benefit-graphic-1-filler
background: $burgandy
height: 100%
@ -189,7 +199,7 @@
position: absolute
left: 100%
top: 0
#benefit-graphic-2
background: $navy
@ -208,7 +218,7 @@
position: absolute
right: 100%
top: 0
#benefit-graphic-3
background: $forest
@ -241,10 +251,10 @@
.btn
margin: 20px 10px
#total-hours-header
margin-top: 10px
#courses-row
.media
width: 222px
@ -309,10 +319,9 @@
h6
margin-top: 6px
color: white
.text-center
width: 100%
margin-top: 30px
img
margin-bottom: 20px