diff options
Diffstat (limited to 'web/css')
-rw-r--r-- | web/css/_main.scss | 22 | ||||
-rw-r--r-- | web/css/core.css | 338 | ||||
-rw-r--r-- | web/css/core.scss | 63 | ||||
-rw-r--r-- | web/css/ie6-378.css | 4 | ||||
-rw-r--r-- | web/css/ie6.css | 5 | ||||
-rw-r--r-- | web/css/main.css | 163 |
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} |