diff options
Diffstat (limited to 'files/mail_webapp/stylesheets/tail.scss')
-rw-r--r-- | files/mail_webapp/stylesheets/tail.scss | 136 |
1 files changed, 136 insertions, 0 deletions
diff --git a/files/mail_webapp/stylesheets/tail.scss b/files/mail_webapp/stylesheets/tail.scss new file mode 100644 index 0000000..df47411 --- /dev/null +++ b/files/mail_webapp/stylesheets/tail.scss @@ -0,0 +1,136 @@ +// +// MASTHEAD +// + +#masthead { + background: 50% 50% url(/img/rainbow-masthead-small.png) no-repeat; + height: 96px; + border-bottom: 4px solid black; + .title { + width: 460px; + margin: 0 auto; + padding: 0; + font-size: 26px; + line-height: 96px; + small { + font-size: 75%; + } + } + .tagline { + font-size: 24px !important; + } +} + +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 +// + +body.home { + .b { + font-weight: bold; + } + h1 { + margin-top: 1em; + } + .home-buttons .box { + margin-bottom: 1em; + } +} + +body.home { + .navcontainer { + overflow: hidden; + } + .nav { + width: 1000px; + max-width: 1000px; + margin: 0 auto; + + //@include border-bottom-radius(4px); + //background: #444; + //border-top: 2px solid black; + //border-bottom: 2px solid black; + padding: 10px; + padding-left: 26px; + font-weight: bold; + a { + color: #fff; + &:hover { + color: #000; + //text-decoration: underline; + } + } + margin-bottom: 0; + } + .navheader { + background: #444; + border-top: 2px solid black; + border-bottom: 2px solid black; + margin-bottom: 1em; + } +} + +.colorband { + border-top: 1px solid white; + border-bottom: 1px solid #bce8f1; + background-color: #d9edf7; + .row-fluid { + @extend #main; + } + .introtext { + padding: 20px; + margin: 0; + } +} + +// +// SMALL SCREEN +// + +@media (max-width: 767px) { + 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; + } + .text { + margin: 0 auto; + padding: 0; + width: 190px; + } + .title { + font-size: 42px; + line-height: 96px; + } + } +} + |