diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/cobrands/greenwich/_colours.scss | 24 | ||||
| -rw-r--r-- | web/cobrands/greenwich/_fonts.scss | 3 | ||||
| -rw-r--r-- | web/cobrands/greenwich/base.scss | 89 | ||||
| -rw-r--r-- | web/cobrands/greenwich/bcArrow.gif | bin | 0 -> 1166 bytes | |||
| -rw-r--r-- | web/cobrands/greenwich/config.rb | 25 | ||||
| -rw-r--r-- | web/cobrands/greenwich/layout.scss | 295 | ||||
| -rw-r--r-- | web/cobrands/greenwich/logo-mobile.gif | bin | 0 -> 5252 bytes | |||
| -rw-r--r-- | web/cobrands/greenwich/logo.gif | bin | 0 -> 2742 bytes | |||
| -rw-r--r-- | web/cobrands/greenwich/mastWave.gif | bin | 0 -> 17255 bytes | |||
| -rw-r--r-- | web/cobrands/greenwich/tab-red.png | bin | 0 -> 2044 bytes |
10 files changed, 436 insertions, 0 deletions
diff --git a/web/cobrands/greenwich/_colours.scss b/web/cobrands/greenwich/_colours.scss new file mode 100644 index 000000000..ff8ff2b40 --- /dev/null +++ b/web/cobrands/greenwich/_colours.scss @@ -0,0 +1,24 @@ +/* COLOURS */ + +$greenwich_red: #d42828; +$greenwich_dark_red: #a71930; +$greenwich_dark_grey: #4b5459; +$greenwich_med_grey: #d9e0e4; +$greenwich_light_grey: #e0e6e9; + +$primary: $greenwich_red; +$primary_b: #000000; +$primary_text: #222222; + +$base_bg: #fff; +$base_fg: #000; + +$map_nav_bg: #fff; +$nav_fg: #fff; +$nav_fg_hover: transparent; + +$col_click_map: $greenwich_red; +$col_click_map_dark: darken($col_click_map, 10%); + +$col_fixed_label: #00BD08; +$col_fixed_label_dark: #4B8304; diff --git a/web/cobrands/greenwich/_fonts.scss b/web/cobrands/greenwich/_fonts.scss new file mode 100644 index 000000000..b03804e44 --- /dev/null +++ b/web/cobrands/greenwich/_fonts.scss @@ -0,0 +1,3 @@ +$body-font: Verdana, Arial, Helvetica, sans-serif; +$meta-font: $body-font; +$heading-font: georgia, 'new century schoolbook', 'times new roman', times, serif; diff --git a/web/cobrands/greenwich/base.scss b/web/cobrands/greenwich/base.scss new file mode 100644 index 000000000..e4561e338 --- /dev/null +++ b/web/cobrands/greenwich/base.scss @@ -0,0 +1,89 @@ +@import "../sass/h5bp"; +@import "./_colours"; +@import "./_fonts"; +@import "../sass/mixins"; +@import "compass"; + +@import "../sass/base"; + +body.frontpage #site-logo, +.ie6 body.frontpage #site-logo, +#site-logo +{ + background: url("/cobrands/greenwich/logo.gif") 0 0 no-repeat; + background-size: contain; + width: 82px; + height: 40px; + top: 8px; + left: 4px; +} + +#nav-link { + background: url('/cobrands/greenwich/tab-red.png') 0 0 no-repeat; +} + + +#site-header { + background-color: $base_bg; + background: url("/cobrands/greenwich/mastWave.gif") 0 0 no-repeat; + background-size: cover; +} + + +#mysoc-menu { + display: none; +} + +.issue-list-a li, .list-a li, #user-meta p, #front-main #postcodeForm { + background: $greenwich_light_grey; +} + +label[for=pc] { + color: $greenwich_dark_red; +} + +ol.big-numbers > li:before { + color: $primary; +} + +#front-howto #front_stats { + color: $nav_fg; +} + +#greenwich-menu-desktop, #fms-menu-desktop, #greenwich-breadcrumb { + display: none; +} + +footer { + ul li { + list-style: none; + } + + hr { + padding: 0; + margin: 0 -16px; + height: 4px; + background-color: $greenwich_red; + border: none; + } +} + +h1, h2 { + font-style: italic; +} + +button, input[type=submit], .btn, .green-btn, button.green-btn, input.green-btn { + border: none; + border-radius: 0; + text-transform: none; + color: white; + background: $greenwich_dark_grey; + border-bottom: solid 4px $greenwich_red; + + &:hover { + border: none; + border-bottom: solid 4px lighten($greenwich_red, 5%); + text-decoration: underline; + background: lighten($greenwich_dark_grey, 2%); + } +} diff --git a/web/cobrands/greenwich/bcArrow.gif b/web/cobrands/greenwich/bcArrow.gif Binary files differnew file mode 100644 index 000000000..98e02417c --- /dev/null +++ b/web/cobrands/greenwich/bcArrow.gif diff --git a/web/cobrands/greenwich/config.rb b/web/cobrands/greenwich/config.rb new file mode 100644 index 000000000..cab97b18f --- /dev/null +++ b/web/cobrands/greenwich/config.rb @@ -0,0 +1,25 @@ +# Require any additional compass plugins here. + +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "" +sass_dir = "" +images_dir = "" +javascripts_dir = "" + +# You can select your preferred output style here (can be overridden via the command line): +# output_style = :expanded or :nested or :compact or :compressed + +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true + +# To disable debugging comments that display the original location of your selectors. Uncomment: +# line_comments = false + +# If you prefer the indented syntax, you might want to regenerate this +# project again passing --syntax sass, or you can uncomment this: +# preferred_syntax = :sass +# and then run: +# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass + +line_comments = false # by Compass.app diff --git a/web/cobrands/greenwich/layout.scss b/web/cobrands/greenwich/layout.scss new file mode 100644 index 000000000..d129f4ed6 --- /dev/null +++ b/web/cobrands/greenwich/layout.scss @@ -0,0 +1,295 @@ +@import "_colours"; +@import "_fonts"; +@import "../sass/layout"; + +$fixed_page_width: 990px; + +/* from http://nicolasgallagher.com/micro-clearfix-hack/ */ +.clearfix:before, .clearfix:after { content: " "; display: table; } +.clearfix:after { clear: both; } +/* For IE 6/7 only */ +.clearfix { *zoom: 1; } + + +#site-logo, +.ie6 #site-logo, +body.frontpage #site-logo, +.ie6 body.frontpage #site-logo, +body.authpage #site-logo, +.ie6 body.authpage #site-logo, +body.twothirdswidthpage #site-logo, +.ie6 body.twothirdswidthpage #site-logo +{ + position: relative; + top: 14px; + left: 14px; + margin: 0; + padding: 0; + background: url("/cobrands/greenwich/logo.gif") 0 0 no-repeat; + width: 170px; + height: 83px; +} + +.container, #main-nav { + width: $fixed_page_width; +} + +#front-main { + background-color: $base_bg; + padding-top: 0.5em; + text-align: left; + + #front-main-container { + max-width: $fixed_page_width; + background-color: transparent; + padding: 1em 0; + } + + #postcodeForm div { + margin: 0; + } + + h1 { + color: $greenwich_dark_red; + padding-bottom: 3em; + } +} + +body.frontpage #site-header, #site-header { + height: auto; + + .container { + min-height: 0; + } + + .container:first-child { + background: url("/cobrands/greenwich/mastWave.gif") 0 0 no-repeat; + min-height: 110px; + } +} + +body.frontpage { + #user-meta p { + top: -9em; + } + + .issue-list-a li { + border-left: solid 4px $primary; + } + + #fms-menu-desktop { + position: absolute; + width: 990px; + top: 262px; + } +} + +body.twothirdswidthpage #user-meta p { + padding-bottom: 0; + z-index: 2; +} + +.nav-wrapper .nav-wrapper-2 { + border-top: none; +} + +#main-menu { + display: none; +} + +#greenwich-menu-desktop, #fms-menu-desktop, #greenwich-breadcrumb { + display: block; + font-size: 15px; + list-style: none; + margin: 0; + padding: 0; + + li { + display: inline-block; + list-style: none; + margin: 0; + padding: 0.25em 0.5em; + + span, a { + padding: 0.5em; + } + + span, a:hover { + text-decoration: underline; + } + } +} + +#greenwich-menu-desktop { + background: $greenwich_dark_grey; + font-family: $heading-font; + font-style: italic; + border-top: solid 4px $primary; + border-bottom: solid 4px $greenwich_med_grey; + text-align: right; + padding-right: 1em; + + li { + span, a { + color: $nav_fg; + } + } +} + +#greenwich-breadcrumb { + background: transparent; + margin-top: 0.25em; + + li { + padding: 0; + margin: 0; + font-size: 11px; + + span, a { + color: black; + + &.bc_arrow { + background: url('/cobrands/greenwich/bcArrow.gif') no-repeat right 0.4em; + padding: 0 15px 0 0; + } + } + } +} + +#fms-menu-desktop { + background: $greenwich_light_grey; + margin-top: 0.5em; + + li { + a { + color: $greenwich_dark_grey; + } + span { + color: $greenwich_red; + } + } +} + +body.mappage { + #site-header .container { + min-height: 68px; + } + + .main-menu-container { + display: none; + } + + #main-menu { + display: block; + } + + #site-logo { + top: 5px; + left: 6px; + background: url("/cobrands/greenwich/logo.gif") 0 0 no-repeat; + background-size: 111px 54px; + width: 111px; + height: 54px; + } + + .nav-wrapper .nav-wrapper-2 { + background: url("/cobrands/greenwich/mastWave.gif") 100% 0 no-repeat; + background-color: $base_bg; + background-size: contain; + border-bottom: solid 4px $primary; + } + + #main-nav { + ul#main-menu { + li a.report-a-problem-btn { + color: $nav_fg; + } + } + + ul li { + a, span { + color: $primary_text; + } + a:hover { + text-decoration: underline; + } + } + } +} + +body.twothirdswidthpage .content .sticky-sidebar { + z-index: 0; + left: 43em; + + aside { + top: 14em; + } +} + +body.fullwidthpage, body.twothirdswidthpage { + .container .content footer { + a.platform-logo { + background-color: $greenwich_dark_grey; + background-position: center center; + background-size: 13em 1.5em; + width: 14em; + height: 3em; + border-radius: 1.5em; + } + + .tablewrapper { + padding: 0; + margin: 1em 0; + + div { + text-align: center; + + p { + margin: 0; + padding: 0; + line-height: 3em; + } + } + } + + .footer-nav { + padding: 0; + margin: 1em 0; + + ul { + margin: 0; + padding: 0; + text-align: center; + + li { + display: inline; + padding: 0 4px 0 7px; + font-size: 0.8em; + border-left: solid 1px $greenwich_dark_grey; + + &:first-child { + border-left: none; + } + + a, a:link, a:visited { + color: $primary_text; + } + } + } + } + + hr { + padding: 0; + margin: 0 -24px; + border-bottom: solid 8px $greenwich_red; + border-top: solid 48px $greenwich_dark_grey; + height: 0; + } + } +} + +// Override the default issue (report) list styling on the /my page, so that +// reports don't pop out the side of the sidebar +.issue-list-a.full-width { + margin-left: -1em; +} diff --git a/web/cobrands/greenwich/logo-mobile.gif b/web/cobrands/greenwich/logo-mobile.gif Binary files differnew file mode 100644 index 000000000..70fb1c692 --- /dev/null +++ b/web/cobrands/greenwich/logo-mobile.gif diff --git a/web/cobrands/greenwich/logo.gif b/web/cobrands/greenwich/logo.gif Binary files differnew file mode 100644 index 000000000..dc46d2bf1 --- /dev/null +++ b/web/cobrands/greenwich/logo.gif diff --git a/web/cobrands/greenwich/mastWave.gif b/web/cobrands/greenwich/mastWave.gif Binary files differnew file mode 100644 index 000000000..19984c94d --- /dev/null +++ b/web/cobrands/greenwich/mastWave.gif diff --git a/web/cobrands/greenwich/tab-red.png b/web/cobrands/greenwich/tab-red.png Binary files differnew file mode 100644 index 000000000..f3ef9d084 --- /dev/null +++ b/web/cobrands/greenwich/tab-red.png |
