diff --git a/app/styles/home-view.sass b/app/styles/home-view.sass index 7b818ea6b..1132d29db 100644 --- a/app/styles/home-view.sass +++ b/app/styles/home-view.sass @@ -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 -