diff options
| author | Struan Donald <struan@exo.org.uk> | 2014-03-14 15:06:20 +0000 |
|---|---|---|
| committer | Struan Donald <struan@exo.org.uk> | 2014-04-08 13:21:10 +0100 |
| commit | e90cc2785ed1d2ee4b5a107337f9100f3815b884 (patch) | |
| tree | 1d3b712aca99c3f51301a9b36a7e4ce585f685b6 | |
| parent | 8c65dc95a9551419a10a63944fea803db6b7d73c (diff) | |
change site logo and add css for this
| -rw-r--r-- | templates/web/zerotb/header_logo.html | 6 | ||||
| -rw-r--r-- | web/cobrands/zerotb/base.scss | 28 | ||||
| -rw-r--r-- | web/cobrands/zerotb/layout.scss | 26 |
3 files changed, 60 insertions, 0 deletions
diff --git a/templates/web/zerotb/header_logo.html b/templates/web/zerotb/header_logo.html new file mode 100644 index 000000000..bcc690d97 --- /dev/null +++ b/templates/web/zerotb/header_logo.html @@ -0,0 +1,6 @@ + <div id="site-logo"> + <p><a href="/">[% loc('<span class="orange">Report</span> Delhi TB drug <b>stockouts</b>') %]</a></p> + [% IF c.req.uri.path == '/' %] + <p id="brought-to-you">Brought to you by <a href="http://www.fixmystreet.org" id="fms-logo-small">FixMyStreet</a></p> + [% END %] + </div> diff --git a/web/cobrands/zerotb/base.scss b/web/cobrands/zerotb/base.scss index f166934b4..179578fc5 100644 --- a/web/cobrands/zerotb/base.scss +++ b/web/cobrands/zerotb/base.scss @@ -14,3 +14,31 @@ $heading-font: 'Lato', sans-serif !default; body { font-weight: 300; } + +#site-logo { + background: none; + text-indent: 0px; + text-transform: uppercase; + width: auto; + margin-right: 80px; + @media( min-width: 350px ) { + margin-top: 0.5em; + } + a { + color: white; + &:hover { + text-decoration: none; + } + } + p { + font-weight: 300; + margin-bottom: 0em; + } + .orange { + color: $button-color; + font-weight: bold; + } + #brought-to-you { + display: none; + } +} diff --git a/web/cobrands/zerotb/layout.scss b/web/cobrands/zerotb/layout.scss index 69e455aa5..58b4d9279 100644 --- a/web/cobrands/zerotb/layout.scss +++ b/web/cobrands/zerotb/layout.scss @@ -1,2 +1,28 @@ @import "_colours"; @import "../sass/layout"; + +body { + &.frontpage { + #site-logo { + background: none; + color: black; + width: auto; + a { + color: black; + } + p { + font-size: 2em; + font-weight: 300; + } + #brought-to-you { + display: block; + font-size: 0.75em; + } + } + } +} + +.container { + padding: 0em 1em; +} + |