aboutsummaryrefslogtreecommitdiffstats
path: root/web
diff options
context:
space:
mode:
Diffstat (limited to 'web')
-rw-r--r--web/cobrands/lichfielddc/css/layout.css165
-rw-r--r--web/cobrands/lichfielddc/i/bg_header.gifbin0 -> 459 bytes
-rw-r--r--web/cobrands/lichfielddc/i/bg_header2.gifbin0 -> 1556 bytes
-rw-r--r--web/cobrands/southampton/css.css19
-rw-r--r--web/cobrands/southampton/css.scss14
-rw-r--r--web/js/map-OpenLayers.js12
-rw-r--r--web/js/southampton.js50
7 files changed, 237 insertions, 23 deletions
diff --git a/web/cobrands/lichfielddc/css/layout.css b/web/cobrands/lichfielddc/css/layout.css
new file mode 100644
index 000000000..e671ef61c
--- /dev/null
+++ b/web/cobrands/lichfielddc/css/layout.css
@@ -0,0 +1,165 @@
+#mysociety {
+ clear: both;
+}
+
+#mysociety #postcodeForm {
+ padding: 0.8em;
+ background-color: #F3F4F4;
+}
+
+#mysociety #postcodeForm label {
+ float: none;
+ margin-bottom: 5px;
+ width: auto !important;
+}
+
+#mysociety p {
+ margin: 1em 0px;
+ padding: 0px;
+}
+
+#mysociety #update_form {
+ clear: both;
+}
+
+#mysociety #form_sign_in {
+ padding-top: 2em;
+}
+
+#mysociety form label {
+ width: 6em;
+ display: inline;
+ margin-right: 0px;
+}
+
+#mysociety div.checkbox {
+ padding-left: 6.5em;
+}
+
+#mysociety textarea,
+#mysociety input {
+ background-color: #f9f9f1;
+ margin: 4px;
+}
+
+#mysociety #fileupload_normalUI input {
+ background-color: white;
+}
+
+#mysociety input[type='submit']{
+ border: 0px;
+ color: white;
+ padding: 3px;
+ vertical-align: top;
+ font:150%/1.4em "Trebuchet MS", Helvetica, Arial, Sans-serif;
+ background:url(http://www.lichfielddc.gov.uk/site/styles/css_img/nav-bg.png) top repeat-x;
+}
+
+#mysociety #expl small {
+ position: relative;
+ top: 6px !important;
+ }
+
+#mysociety h2 {
+ background: transparent url(http://www.lichfielddc.gov.uk/site/styles/css_img/lilac-dotted-border.png) bottom repeat-x;
+ padding:0 0 7px 0 !important;
+ margin: 22px 0 14px 0 !important;
+ font-size:1.4em;
+ }
+
+#mysociety #front_stats div {
+ background-color: #f5f5f5;
+ padding: 5px;
+ }
+
+#mysociety #front_stats {
+ padding: 0 65px;
+ }
+
+#mysociety #front_stats div big {
+ margin-bottom: 4px;
+ }
+
+#nav {
+ font-size: 1em;
+ margin: 0 0 30px 0 !important;
+ background: transparent url(/cobrands/lichfielddc/i/bg_header.gif) left repeat-x !important;
+ clear: both;
+ width: 100%;
+ float: left;
+ border: 1px solid #ccc;
+ padding: 0;
+ }
+
+#nav li {
+ float: left !important;
+ list-style-type: none !important;
+ list-style-image: none !important;
+ border-right: 1px solid #ccc;
+ padding: 0;
+ }
+
+#nav li a {
+ border: none !important;
+ color: #111;
+ font-weight: bold;
+ padding: 8px 12px !important;
+ display: block;
+ }
+
+#nav li a:hover {
+ border-bottom: 1px solid #111;
+ background: transparent url(/cobrands/lichfielddc/i/bg_header2.gif) left repeat-x !important;
+ }
+
+#mysociety #fixed {
+ padding: 5px !important;
+ margin: 70px 0 10px 0 !important;
+ width: 405px;
+ position: relative;
+ top: 7px
+ }
+
+#mysociety p[style] {
+ border: none !important;
+ }
+
+#mysociety #updates div {
+ border-bottom: 1px dotted #ccc;
+ padding: 0 0 17px 0;
+ margin: 17px 0 0 0;
+}
+
+#mysociety #updates {
+ margin-bottom: 40px;
+ }
+
+#mysociety #updates p {
+ margin-bottom: 15px;
+ }
+
+#map_box ul li p {
+ margin: 0;
+ padding: 0;
+}
+
+#mysociety input[type='text'], #mysociety input[type='password'], #mysociety input[type='email'] {
+ background: #F9F9F1;
+ border: 1px solid #666 !important;
+ padding: 5px;
+ }
+
+#mysociety input[type='text']:focus, #mysociety input[type='password']:focus, #mysociety input[type='email']:focus {
+ border:1px solid #000000;
+ outline:2px solid #98339B;
+ }
+
+div#suggest {
+ border: none !important;
+ }
+
+ul.user {
+ list-style-type: none;
+ font-size: 80%;
+ float: right;
+}
diff --git a/web/cobrands/lichfielddc/i/bg_header.gif b/web/cobrands/lichfielddc/i/bg_header.gif
new file mode 100644
index 000000000..e126e5798
--- /dev/null
+++ b/web/cobrands/lichfielddc/i/bg_header.gif
Binary files differ
diff --git a/web/cobrands/lichfielddc/i/bg_header2.gif b/web/cobrands/lichfielddc/i/bg_header2.gif
new file mode 100644
index 000000000..f11508a7f
--- /dev/null
+++ b/web/cobrands/lichfielddc/i/bg_header2.gif
Binary files differ
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 {
diff --git a/web/js/map-OpenLayers.js b/web/js/map-OpenLayers.js
index 6b4a03d7e..d00079517 100644
--- a/web/js/map-OpenLayers.js
+++ b/web/js/map-OpenLayers.js
@@ -41,6 +41,15 @@ $(function(){
return false;
});
+ // Vector layers must be added onload as IE sucks
+ if ($.browser.msie) {
+ $(window).load(fixmystreet_onload);
+ } else {
+ fixmystreet_onload();
+ }
+});
+
+function fixmystreet_onload() {
if ( fixmystreet.area ) {
var area = new OpenLayers.Layer.Vector("KML", {
strategies: [ new OpenLayers.Strategy.Fixed() ],
@@ -96,8 +105,7 @@ $(function(){
var bounds = fixmystreet.markers.getDataExtent();
if (bounds) { fixmystreet.map.zoomToExtent( bounds ); }
}
-
-});
+}
function fms_markers_list(pins, transform) {
var cols = { 'red':'R', 'green':'G', 'blue':'B', 'purple':'P' };
diff --git a/web/js/southampton.js b/web/js/southampton.js
new file mode 100644
index 000000000..1f3e16105
--- /dev/null
+++ b/web/js/southampton.js
@@ -0,0 +1,50 @@
+/*
+ * southampton.js
+ * FixMyStreet JavaScript for Southampton
+ */
+
+
+$(function(){
+
+ $('[placeholder]').focus(function(){
+ var input = $(this);
+ if (input.val() == input.attr('placeholder')) {
+ input.val('');
+ input.removeClass('placeholder');
+ input.css({ 'color': '#000000' });
+ }
+ }).blur(function(){
+ var input = $(this);
+ if (input.val() == '' || input.val() == input.attr('placeholder')) {
+ input.css({ 'color': '#999999' });
+ input.val(input.attr('placeholder'));
+ }
+ }).blur();
+
+ $('#form_category').change(function(){
+ var category = $(this).val();
+ if ('Potholes' == category) {
+ if (!$('#potholes_extra').length) {
+ var qns = '<div id="potholes_extra" style="margin:0; display:none;">' +
+ '<div class="form-field"><label for="form_size">Size:</label>' +
+ '<select name="detail_size"><option>-- Please select --<option>Unknown' +
+ '<option>Small: No larger than a dinner plate (up to 30cm/12inches)' +
+ '<option>Medium: No larger than a dustbin lid (up to 60cm/24inches)' +
+ '<option>Large: Larger than a dustbin lid (over 60cm/24inches)' +
+ '</select></div>' +
+ '<div class="form-field"><label for="form_depth">Depth:</label>' +
+ '<select name="detail_depth"><option>-- Please select --<option>Unknown' +
+ '<option>No deeper than a golf ball (up to 4cm/1.5inches)' +
+ '<option>No deeper than a tennis ball (up to 6.5cm/2.5inches)' +
+ '<option>Deeper than a tennis ball' +
+ '</select></div></div>';
+ $('#form_title').closest('div.form-field').after(qns);
+ }
+ $('#potholes_extra').show('fast');
+ } else {
+ $('#potholes_extra').hide('fast');
+ }
+ }).change();
+
+});
+