diff options
Diffstat (limited to 'web/cobrands')
| -rw-r--r-- | web/cobrands/.gitignore | 1 | ||||
| -rw-r--r-- | web/cobrands/emptyhomes/css.css | 227 | ||||
| -rw-r--r-- | web/cobrands/southampton/css.css | 19 | ||||
| -rw-r--r-- | web/cobrands/southampton/css.scss | 14 |
4 files changed, 239 insertions, 22 deletions
diff --git a/web/cobrands/.gitignore b/web/cobrands/.gitignore deleted file mode 100644 index 911c95650..000000000 --- a/web/cobrands/.gitignore +++ /dev/null @@ -1 +0,0 @@ -/cities
\ No newline at end of file diff --git a/web/cobrands/emptyhomes/css.css b/web/cobrands/emptyhomes/css.css new file mode 100644 index 000000000..c45e9255f --- /dev/null +++ b/web/cobrands/emptyhomes/css.css @@ -0,0 +1,227 @@ +/* Smaller map */ +/* +#map_box { + width: 380px; +} +#map, #drag { + width: 378px; + height: 378px; +} +#watermark { + background: url("/i/mojwatermark-378.png"); + height: 84px; + width: 171px; + position: absolute; + bottom: 0; + right: 0; +} + +p#fixed, p#unknown { + margin-right: 400px; + width: auto; +} +*/ + +/* Generics */ + +body { + font-family: Geneva, Helvetica, Arial, sans-serif; + margin: 0; + padding: 0; + /* color: #a9aeb0; */ +} + +h1 { + margin: 0; + font-size: 165%; + padding: 3px; + color: #FFFFFF; + background-color: #9999CC; + background-color: #30517A; + +} +h2 { + font-size: 140%; + background-color: #B1BECF; + color: #30517A; + padding: 3px; +} + +h3 { + color: #30517A; +} + +a:link { + color: #30517A; +} +a:visited { + color: #354664; +} +a:hover, a:active { + background-color: #B1BECF; +} + +#mysociety blockquote { + border-left: solid 4px #013B63; +} + +#mysociety .a { + color: #000000; + background-color: #DCDCED; /* #427499; */ + background-color: #B1BECF; +} + +/* Site layout */ + +#header { + margin: 0; + padding: 5px 0; + float: left; +} + +#header img { + margin-left: 0.5em; +} + +#header #eha-logo { + float: left; + margin-right: 1em; +} + +#header div { + float: left; + margin-top: 0.5em; +} + +#mysociety { + width: 100%; /* Must specify a width or IE goes crazy wrong! */ + position: relative; + margin: 0 auto; + max-width: 60em; +} + +/* Can't put the margin in #mysociety because of above IE craziness */ +#wrapper { + clear: both; + margin: 0 2em 2em; + padding-top: 0.5em; +} + +#navigation { + float: right; + padding: 0; + margin: 0; + list-style-type: none; + font-size: 83%; +} +#navigation ul { + padding: 0; + margin: 0; +} +#navigation li { + display: inline; + padding: 0; + margin: 0; +} + +#navigation a { + display: -moz-inline-box; + display: inline-block; + padding: 0.5em 0.5em; +} +#navigation a:link, #navigation a:visited { + color: #30517A; +} +#navigation a:hover, #navigation a:active { + background-color: #DCDCED; + background-color: #9999CC; + background-color: #B1BECF; + + color: #ffffff; + color: #30517A; +} + +#nav_new a { + background-image: url("/i/new.png"); + background-repeat: no-repeat; + background-position: 100% 0; +} + +#meta { + clear: right; + float: right; + list-style-type: none; + margin: 0.25em 0.5em 0 1em; + padding: 0; + font-size: 83%; +} +#meta li { + display: inline; + margin: 0; + padding: 0 0 0 0.25em; + border-left: solid 1px #B1BECF; +} +#meta li:first-child { + border-left: none; +} + +#logo { + border: none; + position: absolute; + top: 4em; + right: 10px; +} + +#emptyhomes-footer { + clear: both; + font-size: 83%; + border-top: solid 2em #ffffff; + background-color: #80AE7D; + color: #FFFFFF; + margin: 2em 0 1em 0; + padding: 20px; + overflow: auto; +} +#emptyhomes-footer div { + float: left; + margin-right: 2em; +} +#emptyhomes-footer a { + color: #FFFFFF; +} + +#mysociety #postcodeForm { + background-color: #80AE7D; + color: #000000; + font-size: 130%; +} + +#mysociety #front_stats div { + background-color: #80AE7D; + color: #000000; + /*padding: 0.5em 0; */ + width: 9em; +} + +#mysociety #problem_form { + clear: both; +} + +#mysociety #alert_links_area { + margin-top: 1px; +} + +#mysociety #eha_advert { + clear: both; + width: 55%; + margin: 0 auto; + padding: 0.5em; + text-align: center; + background-color: #ffeecc; + border: solid 1px #ff9900; +} + +#mysociety #front_intro { + margin-bottom: 1em; +} + diff --git a/web/cobrands/southampton/css.css b/web/cobrands/southampton/css.css index 85f66dcc3..fa0e07548 100644 --- a/web/cobrands/southampton/css.css +++ b/web/cobrands/southampton/css.css @@ -1,22 +1,17 @@ #mysociety #map_box { - width: 380px; + width: 422px; } #mysociety #map, #mysociety #drag { - width: 378px; - height: 378px; -} -#mysociety #watermark { - background: url("/i/mojwatermark-378.png"); - height: 84px; - width: 171px; - position: absolute; - bottom: 0; - right: 0; + width: 420px; + height: 420px; } #mysociety p#fixed, #mysociety p#unknown { - margin-right: 400px; + margin-right: 442px; width: auto; } +#mysociety #problem_form { + clear: both; +} #mysociety h1 { margin: 0; font-size: 175%; diff --git a/web/cobrands/southampton/css.scss b/web/cobrands/southampton/css.scss index 57cb95a8f..0760c982c 100644 --- a/web/cobrands/southampton/css.scss +++ b/web/cobrands/southampton/css.scss @@ -1,4 +1,4 @@ -$map_width: 378px; +$map_width: 420px; $background: #E9EEF7; $darker: #768EB5; @@ -13,20 +13,16 @@ $darker: #768EB5; width: $map_width; height: $map_width; } - #watermark { - background: url("/i/mojwatermark-378.png"); - height: 84px; - width: 171px; - position: absolute; - bottom: 0; - right: 0; - } p#fixed, p#unknown { margin-right: $map_width + 22px; width: auto; } + #problem_form { + clear: both; + } + // Generics h1 { |