diff options
Diffstat (limited to 'files/webapp/stylesheets')
-rw-r--r-- | files/webapp/stylesheets/tail.scss | 107 |
1 files changed, 33 insertions, 74 deletions
diff --git a/files/webapp/stylesheets/tail.scss b/files/webapp/stylesheets/tail.scss index c84b286..e7b362d 100644 --- a/files/webapp/stylesheets/tail.scss +++ b/files/webapp/stylesheets/tail.scss @@ -1,8 +1,7 @@ // -// APP STYLES +// MASTHEAD // - #masthead { background: 50% 50% url(/img/rainbow-masthead-small.png) no-repeat; height: 96px; @@ -16,12 +15,37 @@ } } +body.home #masthead { + background: 50% 50% url(/img/rainbow-masthead.png) no-repeat; + height: 256px; + margin: 0; + border-bottom: 0; + .text { + width: 360px; + margin: 0 auto; + padding-top: 80px; + } + .title { + font-size: 80px; + line-height: 60px; + color: #000; + margin: 0; + font-weight: bold; + width: auto; + } + .tagline { + padding-left: 5px; + margin-top: 6px; + font-size: 18px; + line-height: 24px; + } +} // // HOME PAGE STYLES // -.home-page { +body.home { .b { font-weight: bold; } @@ -33,8 +57,7 @@ } } -//.home-page .navbar .navbar-inner { -.home-page { +body.home { .navcontainer { overflow: hidden; } @@ -67,81 +90,17 @@ } } -.home-page .heroish-unit { - background: 50% 50% url(/img/rainbow-masthead.png) no-repeat; - - //background-image: url('image.png'); - //background-image: none,url('image.svg'), url('image.png'); - //background-size: 100% 100%; - - - - height: 256px; - //padding: 60px; - - //@include gradient-vertical(#e6e6e6, #ccc); - //margin: 10px 0 1px 0; - color: black; - - //@include box-shadow(#{0 4px 6px rgba(0,0,0,.15) inset, 0 -2px 5px rgba(0,0,0,.25) inset}); - //@include box-shadow(#{2px 2px 8px rgba(255,255,255,.3) inset}); - //@include border-top-radius(4px); - - //.image { - // background-image: url(/img/bitmask-large.png); - // height: 122px; - // width: 256px; - // float: left; - // margin-right: 20px; - //} - .text { - width: 360px; - margin: 80px auto 0 auto; - } - .title { - font-size: 80px; - line-height: 60px; - color: #000; - margin: 0; - font-weight: bold; - } - .tagline { - padding-left: 5px; - margin-top: 6px; - font-size: 18px; - line-height: 24px; - } -} - -.home-page { - .introtext { - font-size: 18px; - line-height: 24px; - margin: 10px 0; - } - .home-buttons { - //text-align: left; - //a.btn { - // width: 12em; - // padding: 8px; - // margin: 0 0 12px 0; - //} - } - -} // // SMALL SCREEN // @media (max-width: 767px) { - .home-page .masthead { - margin-left: -20px; - margin-right: -20px; - .heroish-unit { - background: 40% 50% url(/img/rainbow-masthead-small.png) no-repeat; - height: 96px; - } + body.home #masthead { + //margin-left: -20px; + //margin-right: -20px; + background: 40% 50% url(/img/rainbow-masthead-small.png) no-repeat; + height: 96px; .tagline { display: none; } |