diff options
Diffstat (limited to 'web/cobrands/zerotb/base.scss')
-rw-r--r-- | web/cobrands/zerotb/base.scss | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/web/cobrands/zerotb/base.scss b/web/cobrands/zerotb/base.scss new file mode 100644 index 000000000..db612094d --- /dev/null +++ b/web/cobrands/zerotb/base.scss @@ -0,0 +1,120 @@ +@import "../sass/h5bp"; +@import "./_colours"; +@import "../sass/mixins"; +@import "compass"; + +@import url(http://fonts.googleapis.com/css?family=Lato:300,700); + +$body-font: 'Lato', sans-serif !default; +$meta-font: 'Lato', sans-serif !default; +$heading-font: 'Lato', sans-serif !default; + +@import "../sass/base"; + +body { + font-weight: 300; +} + +input { + background-color: $alt-background; +} + +#front-main { + h2 { + font-weight: 300; + } + + #postcodeForm { + div { + border: 0px; + background: $primary_b; + select#clinic, + input#pc { + background-color: $alt-background; + } + select#clinic { + border: 0; + border-radius: 0px; + display: table-cell; + line-height: 1.5em; + padding: 0.25em 2%; + } + .select2-container, + select#clinic, + input#pc { + border: 0px; + border-radius: 0px; + box-shadow: none; + width: 80%; + } + input#sub { + background-color: $button-color; + border: 1px solid $alt-background; + border-radius: 5px; + color: white; + margin-left: 5px; + } + input#show_report { + width: 14%; + margin-left: 5px; + } + .select2-container { + display: inline-block; + text-align: left; + a { + line-height: 1.5em; + padding: 0.25em 2%; + } + } + .select2-display-none { + display: none; + } + } + } +} + +#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; + } +} + +button.green-btn, +input.green-btn, +.green-btn { + background: none; + background-color: $button-color; + border: 1px solid $alt-background; + border-radius: 5px; + color: white; +} + +button.green-btn:hover, +input.green-btn:hover, +.green-btn:hover { + background: none; + background-color: darken( $button-color, 10% ); + border: 1px solid $alt-background; +} |