aboutsummaryrefslogtreecommitdiffstats
path: root/web/css
diff options
context:
space:
mode:
Diffstat (limited to 'web/css')
-rw-r--r--web/css/_main.scss22
-rw-r--r--web/css/core.css338
-rw-r--r--web/css/core.scss63
-rw-r--r--web/css/ie6-378.css4
-rw-r--r--web/css/ie6.css5
-rw-r--r--web/css/main.css163
6 files changed, 53 insertions, 542 deletions
diff --git a/web/css/_main.scss b/web/css/_main.scss
index 9063f1484..b4e4a13f0 100644
--- a/web/css/_main.scss
+++ b/web/css/_main.scss
@@ -83,11 +83,12 @@ select, input, textarea {
position: relative;
margin: 0 auto;
max-width: 60em;
+ overflow: auto;
}
/* Can't put the margin in #mysociety because of above IE craziness */
#wrapper {
- margin: 1em 2em 2em;
+ margin: 1em 2em;
}
#meta {
@@ -160,9 +161,22 @@ select, input, textarea {
#footer {
clear: both;
text-align: center;
- border-top: solid 2px $header_back;
+ border-top: solid 2px #ccc;
width: 50%;
- margin: 2em auto 0;
- padding: 1em;
+ margin: 1em auto 0;
+ padding: 0;
+ color: #333333;
+
+ .l, .r {
+ margin-top: 0;
+ text-align: left;
+ width: 45%;
+ }
+ .l {
+ float: left;
+ }
+ .r {
+ float: right;
+ }
}
diff --git a/web/css/core.css b/web/css/core.css
index aeab2b79b..054f82cc3 100644
--- a/web/css/core.css
+++ b/web/css/core.css
@@ -1,337 +1 @@
-#mysociety blockquote {
- border-left: solid 4px #666666;
- padding-left: 0.5em; }
- #mysociety blockquote h2, #mysociety blockquote p {
- margin: 0; }
-#mysociety dt {
- font-weight: bold;
- margin-top: 0.5em; }
-#mysociety .gone {
- color: #666666;
- background-color: #cccccc; }
-#mysociety p.dev-site-notice, #mysociety p.error {
- text-align: center;
- color: #cc0000;
- font-size: larger; }
-#mysociety ul {
- padding: 0 0 0 1.5em;
- margin: 0; }
-#mysociety ul.error {
- color: #cc0000;
- background-color: #ffeeee;
- padding-right: 4px;
- text-align: left;
- font-size: larger; }
-#mysociety div.form-error {
- color: #cc0000;
- margin: 5px 1em 5px 1em;
- padding: 2px 5px 2px 5px;
- float: left;
- background-color: #ffeeee;
- text-align: left; }
-#mysociety div.form-field {
- clear: both; }
-#mysociety #advert_thin {
- width: 50%;
- margin: 1em auto;
- text-align: center;
- border-top: dotted 1px #999999;
-}
-#mysociety #advert_hfymp {
- border-top: dotted 1px #999999;
- text-align: center; }
-#mysociety p#expl {
- text-align: center;
- font-size: 150%;
- margin: 0 2em; }
-#mysociety #postcodeForm {
- display: table;
- _width: 33em;
- text-align: center;
- font-size: 150%;
- margin: 1em auto;
- padding: 1em;
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- border-radius: 1em; }
- #mysociety #postcodeForm label {
- float: none;
- padding-right: 0; }
- #mysociety #postcodeForm #submit {
- font-size: 83%; }
-#mysociety #front_intro {
- float: left;
- width: 48%; }
- #mysociety #front_intro p {
- clear: both;
- margin-top: 0; }
-#mysociety #front_stats div {
- text-align: center;
- width: 5.5em;
- -moz-border-radius: 0.5em;
- -webkit-border-radius: 0.5em;
- border-radius: 0.5em;
- float: left;
- margin: 0 1em 1em; }
- #mysociety #front_stats div big {
- font-size: 150%;
- display: block; }
-#mysociety #front_recent {
- float: right;
- width: 48%;
- margin-bottom: 1em; }
-#mysociety #front_recent img, #mysociety #alert_recent img {
- margin-right: 0.25em;
- margin-bottom: 0.25em; }
-#mysociety #front_recent > h2:first-child, #mysociety #front_intro > h2:first-child {
- margin-top: 0; }
-#mysociety form {
- margin: 0; }
-#mysociety label {
- float: left;
- text-align: right;
- padding-right: 0.5em;
- width: 5em; }
-#mysociety fieldset, #mysociety #fieldset {
- border: none;
- padding: 0.5em; }
- #mysociety fieldset div, #mysociety #fieldset div {
- margin-top: 2px;
- clear: left; }
-#mysociety legend {
- display: none; }
-#mysociety #fieldset div.checkbox, #mysociety #problem_submit {
- padding-left: 5.5em; }
-#mysociety #fieldset div.checkbox label, #mysociety label.n {
- float: none;
- text-align: left;
- padding-right: 0;
- width: auto;
- cursor: pointer;
- cursor: hand; }
-#mysociety #questionnaire label, #mysociety #alerts label {
- float: none; }
-#mysociety .confirmed {
- background-color: #ccffcc;
- border: solid 2px #009900;
- padding: 5px;
- text-align: center;
-}
-#mysociety #form_sign_in_yes {
- float: left;
- width: 47%;
- padding-right: 1%;
- border-right: solid 1px #999999;
- margin-bottom: 1em;
-}
-#mysociety #form_sign_in_no, #mysociety #fieldset #form_sign_in_no {
- float: right;
- width: 47%;
- padding-left: 1%;
- clear: none;
- margin-bottom: 1em;
-}
-#mysociety #watermark {
- background: url("/i/mojwatermark6.png");
- height: 113px;
- width: 231px;
- position: absolute;
- bottom: 0;
- right: 0; }
-#mysociety #map_box {
- float: right;
- width: 502px;
- position: relative;
- padding-left: 20px;
- background-color: #ffffff; }
-#mysociety p#copyright {
- float: right;
- text-align: right;
- margin: 0 0 1em 0;
- font-size: 78%; }
-#mysociety #map {
- border: solid 1px #000000;
- width: 500px;
- height: 500px;
- overflow: hidden;
- position: relative;
- background-color: #f1f1f1; }
-#mysociety #drag {
- position: absolute;
- width: 500px;
- height: 500px;
- right: 0;
- top: 0; }
- #mysociety #drag input, #mysociety #drag img {
- position: absolute;
- border: none; }
- #mysociety #drag input {
- cursor: crosshair;
- background-color: #cccccc; }
- #mysociety #drag img {
- cursor: move; }
- #mysociety #drag img.pin {
- z-index: 100;
- background-color: inherit; }
- #mysociety #drag a img.pin {
- cursor: pointer;
- cursor: hand; }
-#mysociety form#mapForm #map {
- cursor: pointer; }
-#mysociety form#mapForm .olTileImage {
- cursor: crosshair; }
-#mysociety #compass {
- background-color: #ffffff;
- border: solid 1px #000000;
- border-width: 0 1px 1px 0;
- color: #000000;
- position: absolute;
- top: 0px;
- left: 0px; }
- #mysociety #compass img {
- border: 0; }
-#mysociety #text_map {
- margin-top: 0.5em;
- margin-bottom: 1em;
- font-size: 110%; }
-#mysociety #text_no_map {
- margin-top: 0; }
-#mysociety #sub_map_links {
- float: right;
- clear: right;
- margin-top: 0; }
-#mysociety #fixed {
- margin: 0 530px 1em 0;
- padding: 5px;
- text-align: center;
- position: relative;
- background-color: #ccffcc;
- border: solid 2px #009900; }
-#mysociety #unknown {
- margin: 0 530px 1em 0;
- padding: 5px;
- text-align: center;
- position: relative;
- background-color: #ffcccc;
- border: solid 2px #990000; }
-#mysociety #closed {
- margin: 0 530px 1em 0;
- padding: 5px;
- text-align: center;
- position: relative;
- background-color: #ccccff;
- border: solid 2px #000099; }
-#mysociety #progress {
- margin: 0 530px 1em 0;
- padding: 5px;
- text-align: center;
- position: relative;
- background-color: #ffffcc;
- border: solid 2px #999900; }
-#mysociety #updates div {
- padding: 0 0 0.5em;
- margin: 0 0 0.25em;
- border-bottom: dotted 1px #5e552b; }
- #mysociety #updates div .problem-update, #mysociety #updates div .update-text {
- padding: 0;
- margin: 0;
- border-bottom: 0; }
-#mysociety #updates p {
- margin: 0; }
-#mysociety #nearby_lists h2 {
- margin-top: 0.5em;
- margin-bottom: 0;
-}
-#mysociety #nearby_lists li small {
- color: #666666;
-}
-#mysociety #alert_links {
- float: right; }
-#mysociety #alert_links_area {
- background-color: #ffeecc;
- border: solid 1px #ff9900;
- border-width: 1px 0;
- padding: 3px 10px;
- margin: 0; }
-#mysociety #rss_alert {
- text-decoration: none; }
- #mysociety #rss_alert span {
- text-decoration: underline; }
-#mysociety #email_alert_box {
- display: none;
- position: absolute;
- padding: 3px;
- font-size: 83%;
- border: solid 1px #7399C3;
- background-color: #eeeeff;
- color: #000000; }
-#mysociety #email_alert_box p {
- margin: 0; }
-#mysociety .council_sent_info {
- font-size: smaller; }
-#mysociety #rss_items {
- width: 62%;
- float: left; }
-#mysociety #rss_rhs {
- border-left: 1px dashed #999;
- width: 36%;
- float: right;
- padding: 0 0 0 0.5em;
- margin: 0 0 1em 0.5em; }
-#mysociety #rss_box {
- padding: 10px;
- border: 1px solid #999999; }
-#mysociety #rss_feed {
- list-style-type: none;
- margin-bottom: 2em; }
-#mysociety #rss_feed li {
- margin-bottom: 1em; }
-#mysociety #alert_or {
- font-style: italic;
- font-size: 125%;
- margin: 0; }
-#mysociety #rss_list {
- float: left;
- width: 47%; }
-#mysociety #rss_list ul {
- list-style-type: none; }
-#mysociety #rss_buttons {
- float: right;
- width: 35%;
- text-align: center;
- margin-bottom: 2em; }
-#mysociety #rss_local {
- margin-left: 1.5em;
- margin-bottom: 0; }
-#mysociety #rss_local_alt {
- margin: 0 0 2em 4em; }
-#mysociety #alert_photos {
- text-align: center;
- float: right;
- width: 150px;
- margin-left: 0.5em; }
-#mysociety #alert_photos h2 {
- font-size: 100%; }
-#mysociety #alert_photos img {
- margin-bottom: 0.25em; }
-#mysociety #col_problems, #mysociety #col_fixed {
- float: left;
- width: 48%;
- margin-right: 1em; }
-#mysociety .contact-details {
- font-size: 80%;
- margin-top: 2em; }
-
-.olControlAttribution {
- bottom: 3px !important;
- left: 3px;
-}
-
-@media print {
- #mysociety #map_box {
- float: none;
- margin: 0 auto; }
- #mysociety #mysociety {
- max-width: none; }
- #mysociety #side {
- margin-right: 0; } }
+#mysociety blockquote{border-left:solid 4px #666666;padding-left:0.5em}#mysociety blockquote h2,#mysociety blockquote p{margin:0}#mysociety dt{font-weight:bold;margin-top:0.5em}#mysociety .gone{color:#666666;background-color:#cccccc}#mysociety p.dev-site-notice,#mysociety p.error{text-align:center;color:#cc0000;font-size:larger}#mysociety ul{padding:0 0 0 1.5em;margin:0}#mysociety ul.error{color:#cc0000;background-color:#ffeeee;padding-right:4px;text-align:left;font-size:larger}#mysociety div.form-error{color:#cc0000;margin:5px 1em 5px 1em;padding:2px 5px 2px 5px;float:left;background-color:#ffeeee;text-align:left}#mysociety div.form-field{clear:both}#mysociety #advert_thin{width:50%;margin:1em auto;text-align:center;border-top:dotted 1px #999999}#mysociety #advert_hfymp{border-top:dotted 1px #999999;text-align:center}#mysociety p#expl{text-align:center;font-size:150%;margin:0 2em}#mysociety #postcodeForm{display:table;_width:33em;text-align:center;font-size:150%;margin:1em auto;padding:1em;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}#mysociety #postcodeForm label{float:none;padding-right:0}#mysociety #postcodeForm #submit{font-size:83%}#mysociety #front_intro{float:left;width:48%}#mysociety #front_intro p{clear:both;margin-top:0}#mysociety #front_stats div{text-align:center;width:5.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em;float:left;margin:0 1em 1em}#mysociety #front_stats div big{font-size:150%;display:block}#mysociety #front_recent{float:right;width:48%;margin-bottom:1em}#mysociety #front_recent img,#mysociety #alert_recent img{margin-right:0.25em;margin-bottom:0.25em}#mysociety #front_recent > h2:first-child,#mysociety #front_intro > h2:first-child{margin-top:0}#mysociety form{margin:0}#mysociety label{float:left;text-align:right;padding-right:0.5em;width:5em}#mysociety fieldset,#mysociety #fieldset{border:none;padding:0.5em}#mysociety fieldset div,#mysociety #fieldset div{margin-top:2px;clear:left}#mysociety legend{display:none}#mysociety #fieldset div.checkbox,#mysociety #problem_submit{padding-left:5.5em}#mysociety #fieldset div.checkbox label,#mysociety label.n{float:none;text-align:left;padding-right:0;width:auto;cursor:pointer;cursor:hand}#mysociety #questionnaire label,#mysociety #alerts label{float:none}#mysociety .confirmed{background-color:#ccffcc;border:solid 2px #009900;padding:5px;text-align:center}#mysociety #form_sign_in_yes{float:left;width:47%;padding-right:1%;border-right:solid 1px #999999;margin-bottom:1em}#mysociety #form_sign_in_no,#mysociety #fieldset #form_sign_in_no{float:right;width:47%;padding-left:1%;clear:none;margin-bottom:1em}#mysociety #map_box{float:right;width:502px;position:relative;padding-left:20px;background-color:#ffffff}#mysociety p#copyright{float:right;text-align:right;margin:0 0 1em 0;font-size:78%}#mysociety #map{border:solid 1px #000000;width:500px;height:500px;overflow:hidden;position:relative;background-color:#f1f1f1}#mysociety #drag{position:absolute;width:500px;height:500px;right:0;top:0}#mysociety #drag input,#mysociety #drag img{position:absolute;border:none}#mysociety #drag input{cursor:crosshair;background-color:#cccccc}#mysociety #drag img{cursor:move}#mysociety #drag img.pin{z-index:100;background-color:inherit}#mysociety #drag a img.pin{cursor:pointer;cursor:hand}#mysociety form#mapForm #map{cursor:pointer}#mysociety form#mapForm .olTileImage{cursor:crosshair}#mysociety #text_map{margin:0 530px 1em 0;padding:5px;text-align:center;position:relative;padding-left:0.5em;text-align:left;margin-top:0;font-size:110%;background-color:#eeeeee;-moz-border-radius-topleft:1em;-moz-border-radius-bottomleft:1em;-webkit-border-top-left-radius:1em;-webkit-border-bottom-left-radius:1em;border-top-left-radius:1em;border-bottom-left-radius:1em}#mysociety #text_map_arrow{display:block;position:absolute;top:0;right:-28px;width:0;height:0;line-height:0;font-size:0;border-style:solid;border-width:26px 14px 26px 14px;border-color:#fff #fff #fff #eee}#mysociety #text_no_map{margin-top:0}#mysociety #sub_map_links{float:right;clear:right;margin-top:0}#mysociety #fixed{margin:0 530px 1em 0;padding:5px;text-align:center;position:relative;background-color:#ccffcc;border:solid 2px #009900}#mysociety #unknown{margin:0 530px 1em 0;padding:5px;text-align:center;position:relative;background-color:#ffcccc;border:solid 2px #990000}#mysociety #updates div{padding:0 0 0.5em;margin:0 0 0.25em;border-bottom:dotted 1px #5e552b}#mysociety #updates div .problem-update,#mysociety #updates div .update-text{padding:0;margin:0;border-bottom:0}#mysociety #updates p{margin:0}#mysociety #nearby_lists h2{margin-top:1em;margin-bottom:0}#mysociety #nearby_lists li small{color:#666666}#mysociety #alert_links{float:right}#mysociety #alert_links_area{padding-left:0.5em;margin:0;color:#666;font-size:smaller}#mysociety #rss_alert{text-decoration:none}#mysociety #rss_alert span{text-decoration:underline}#mysociety #email_alert_box{display:none;position:absolute;padding:3px;font-size:83%;border:solid 1px #7399C3;background-color:#eeeeff;color:#000000}#mysociety #email_alert_box p{margin:0}#mysociety .council_sent_info{font-size:smaller}#mysociety #rss_items{width:62%;float:left}#mysociety #rss_rhs{border-left:1px dashed #999;width:36%;float:right;padding:0 0 0 0.5em;margin:0 0 1em 0.5em}#mysociety #rss_box{padding:10px;border:1px solid #999999}#mysociety #rss_feed{list-style-type:none;margin-bottom:2em}#mysociety #rss_feed li{margin-bottom:1em}#mysociety #alert_or{font-style:italic;font-size:125%;margin:0}#mysociety #rss_list{float:left;width:47%}#mysociety #rss_list ul{list-style-type:none}#mysociety #rss_buttons{float:right;width:35%;text-align:center;margin-bottom:2em}#mysociety #rss_local{margin-left:1.5em;margin-bottom:0}#mysociety #rss_local_alt{margin:0 0 2em 4em}#mysociety #alert_photos{text-align:center;float:right;width:150px;margin-left:0.5em}#mysociety #alert_photos h2{font-size:100%}#mysociety #alert_photos img{margin-bottom:0.25em}#mysociety #col_problems,#mysociety #col_fixed{float:left;width:48%;margin-right:1em}#mysociety .contact-details{font-size:80%;margin-top:2em}.olControlAttribution{bottom:3px !important;left:3px}.olControlPermalink{bottom:3px !important;right:3px}@media print{#mysociety #map_box{float:none;margin:0 auto}#mysociety #mysociety{max-width:none}#mysociety #side{margin-right:0}}
diff --git a/web/css/core.scss b/web/css/core.scss
index 691d70f91..5fafe625b 100644
--- a/web/css/core.scss
+++ b/web/css/core.scss
@@ -208,15 +208,6 @@ $map_width: 500px;
// Map
- #watermark {
- background: url("/i/mojwatermark6.png");
- height: 113px;
- width: 231px;
- position: absolute;
- bottom: 0;
- right: 0;
- }
-
#map_box {
float: right;
width: $map_width + 2px;
@@ -277,24 +268,34 @@ $map_width: 500px;
cursor: crosshair;
}
- #compass {
- background-color: #ffffff;
- border: solid 1px #000000;
- border-width: 0 1px 1px 0;
- color: #000000;
- position: absolute;
- top: 0px;
- left: 0px;
- img {
- border: 0;
- }
- }
-
#text_map {
- margin-top: 0.5em;
- margin-bottom: 1em;
+ @include problem-banner;
+ padding-left: 0.5em;
+ text-align: left;
+ margin-top: 0;
font-size: 110%;
+ background-color: #eeeeee;
+ -moz-border-radius-topleft: 1em;
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-top-left-radius: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ border-top-left-radius: 1em;
+ border-bottom-left-radius: 1em;
+ }
+ #text_map_arrow {
+ display: block;
+ position: absolute;
+ top: 0;
+ right: -28px;
+ width: 0;
+ height: 0;
+ line-height: 0;
+ font-size: 0;
+ border-style: solid;
+ border-width: 26px 14px 26px 14px;
+ border-color: #fff #fff #fff #eee;
}
+
#text_no_map {
margin-top: 0;
// background-color: #ffeecc;
@@ -352,7 +353,7 @@ $map_width: 500px;
}
#nearby_lists h2 {
- margin-top: 0.5em;
+ margin-top: 1em;
margin-bottom: 0;
}
@@ -364,12 +365,10 @@ $map_width: 500px;
float: right;
}
#alert_links_area {
- background-color: #ffeecc;
- border: solid 1px #ff9900;
- border-width: 1px 0;
- padding: 3px 10px;
- // padding: 0 3px;
+ padding-left: 0.5em;
margin: 0;
+ color: #666;
+ font-size: smaller;
}
#rss_alert {
text-decoration: none;
@@ -530,6 +529,10 @@ $map_width: 500px;
bottom: 3px !important;
left: 3px;
}
+.olControlPermalink {
+ bottom: 3px !important;
+ right: 3px;
+}
// Printing, SCSS doesn't handle @media nesting
diff --git a/web/css/ie6-378.css b/web/css/ie6-378.css
deleted file mode 100644
index 83efdb634..000000000
--- a/web/css/ie6-378.css
+++ /dev/null
@@ -1,4 +0,0 @@
-#mysociety #watermark {
- background: none;
- filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/mojwatermark-378.png',sizingMethod='scale');
-}
diff --git a/web/css/ie6.css b/web/css/ie6.css
index 3bb91aa31..fd3e26047 100644
--- a/web/css/ie6.css
+++ b/web/css/ie6.css
@@ -1,8 +1,3 @@
-#mysociety #watermark {
- background: none;
- filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/mojwatermark6.png',sizingMethod='scale');
-}
-
#logo {
display: none;
}
diff --git a/web/css/main.css b/web/css/main.css
index 5b4be5ebc..87b84c5ed 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -1,162 +1 @@
-a:link {
- color: #0000ff;
-}
-a:visited {
- color: #000099;
-}
-a:hover, a:active {
- color: #ff0000;
-}
-
-body {
- font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
- margin: 0;
- padding: 0;
-}
-
-h1 {
- margin: 0;
- font-size: 175%;
-}
-
-h2 {
- font-size: 140%;
-}
-
-select, input, textarea {
- font-size: 99%;
-}
-
-#mysociety a.unsuitable-report {
- font-size: small;
-}
-#mysociety blockquote {
- border-left: solid 4px #5e552b;
-}
-#mysociety .a {
- color: #000000;
- background-color: #f3e5a5;
-}
-#mysociety #postcodeForm {
- background-color: #e3d595;
-}
-#mysociety #front_stats div {
- background-color: #e3d595;
-}
-#mysociety p.promo {
- border-top: 1px solid #bbb;
- border-bottom: 1px solid #bbb;
- background-color: #eee;
- text-align: center;
- padding: 0 0.5em;
-}
-
-#header {
- font-size: 200%;
- font-weight: bold;
- border-bottom: solid 2px #5e552b;
- margin: 0;
- padding: 0.15em 0.5em;
- background-color: #e3d595;
- color: #5e552b;
-}
-#header a:link, #header a:visited {
- color: #5e552b;
- background-color: #e3d595;
- text-decoration: none;
-}
-#header a:active, #header a:hover {
- text-decoration: underline;
-}
-
-#my {
- color: #4e451b;
- background-color: #e3d595;
-}
-
-#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 {
- margin: 1em 2em 2em;
-}
-
-#meta {
- list-style-type: none;
- margin: 0.25em 0 0 1em;
- padding: 0;
- font-size: 0.875em;
-}
-#meta li {
- display: inline;
- margin: 0;
- padding: 0 0 0 0.25em;
- border-left: solid 1px #5e552b;
-}
-#meta li:first-child {
- border-left: none;
-}
-
-.v {
- display: none;
-}
-
-#navigation {
- position: absolute;
- top: 1em;
- right: 1em;
- padding: 0;
- margin: 0;
- list-style-type: none;
-}
-#navigation li {
- display: inline;
- padding: 0;
- margin: 0;
-}
-#navigation a {
- display: -moz-inline-box;
- display: inline-block;
- padding: 0.4em 1em;
-}
-#navigation a:link, #navigation a:visited {
- color: #5e552b;
-}
-#navigation a:hover, #navigation a:active {
- background-color: #5e552b;
- color: #e3d595;
- -moz-border-radius-topleft: 0.5em;
- -webkit-border-top-left-radius: 0.5em;
- border-radius-top-left: 0.5em;
- -moz-border-radius-topright: 0.5em;
- -webkit-border-top-right-radius: 0.5em;
- border-radius-top-right: 0.5em;
-}
-
-#nav_new a {
- background-image: url("/i/new.png");
- background-repeat: no-repeat;
- background-position: 100% 0;
-}
-
-#logo {
- border: none;
- position: absolute;
- top: 3.3em;
- right: 10px;
-}
-
-#footer {
- clear: both;
- text-align: center;
- border-top: solid 2px #e3d595;
- width: 50%;
- margin: 2em auto 0;
- padding: 1em;
-}
+a:link{color:#0000ff}a:visited{color:#000099}a:hover,a:active{color:#ff0000}body{font-family:"Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;margin:0;padding:0}h1{margin:0;font-size:175%}h2{font-size:140%}select,input,textarea{font-size:99%}#mysociety a.unsuitable-report{font-size:small}#mysociety blockquote{border-left:solid 4px #5e552b}#mysociety .a{color:#000000;background-color:#f3e5a5}#mysociety #postcodeForm{background-color:#e3d595}#mysociety #front_stats div{background-color:#e3d595}#mysociety p.promo{border-top:1px solid #bbb;border-bottom:1px solid #bbb;background-color:#eee;text-align:center;padding:0 0.5em}#header{font-size:200%;font-weight:bold;border-bottom:solid 2px #5e552b;margin:0;padding:0.15em 0.5em;background-color:#e3d595;color:#5e552b}#header a:link,#header a:visited{color:#5e552b;background-color:#e3d595;text-decoration:none}#header a:active,#header a:hover{text-decoration:underline}#my{color:#4e451b;background-color:#e3d595}#mysociety{width:100%;position:relative;margin:0 auto;max-width:60em;overflow:auto}#wrapper{margin:1em 2em}#meta{list-style-type:none;margin:0.25em 0 0 1em;padding:0;font-size:0.875em}#meta li{display:inline;margin:0;padding:0 0 0 0.25em;border-left:solid 1px #5e552b}#meta li:first-child{border-left:none}.v{display:none}#navigation{position:absolute;top:1em;right:1em;padding:0;margin:0;list-style-type:none}#navigation li{display:inline;padding:0;margin:0}#navigation a{display:-moz-inline-box;display:inline-block;padding:0.4em 1em}#navigation a:link,#navigation a:visited{color:#5e552b}#navigation a:hover,#navigation a:active{background-color:#5e552b;color:#e3d595;-moz-border-radius-topleft:0.5em;-webkit-border-top-left-radius:0.5em;border-radius-top-left:0.5em;-moz-border-radius-topright:0.5em;-webkit-border-top-right-radius:0.5em;border-radius-top-right:0.5em}#nav_new a{background-image:url("/i/new.png");background-repeat:no-repeat;background-position:100% 0}#logo{border:none;position:absolute;top:3.3em;right:10px}#footer{clear:both;text-align:center;border-top:solid 2px #ccc;width:50%;margin:1em auto 0;padding:0;color:#333333}#footer .l,#footer .r{margin-top:0;text-align:left;width:45%}#footer .l{float:left}#footer .r{float:right}