aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat
-rw-r--r--web/css/core.css305
-rw-r--r--web/css/core.scss8
2 files changed, 120 insertions, 193 deletions
diff --git a/web/css/core.css b/web/css/core.css
index d468f097d..4dd0a974b 100644
--- a/web/css/core.css
+++ b/web/css/core.css
@@ -1,60 +1,48 @@
#mysociety blockquote {
border-left: solid 4px #666666;
- padding-left: 0.5em;
-}
-#mysociety blockquote h2, #mysociety blockquote p {
- margin: 0;
-}
+ padding-left: 0.5em; }
+ #mysociety blockquote h2, #mysociety blockquote p {
+ margin: 0; }
#mysociety dt {
font-weight: bold;
- margin-top: 0.5em;
-}
+ margin-top: 0.5em; }
#mysociety .gone {
color: #666666;
- background-color: #cccccc;
-}
+ background-color: #cccccc; }
#mysociety p.dev-site-notice, #mysociety p.error {
text-align: center;
color: #cc0000;
- font-size: larger;
-}
+ font-size: larger; }
#mysociety ul {
padding: 0 0 0 1.5em;
- margin: 0;
-}
+ margin: 0; }
#mysociety ul.error {
color: #cc0000;
background-color: #ffeeee;
padding-right: 4px;
text-align: left;
- font-size: larger;
-}
+ 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;
-}
+ text-align: left; }
#mysociety div.form-field {
- clear: both;
-}
+ clear: both; }
#mysociety #advert_thin {
width: 50%;
margin: 1em auto;
text-align: center;
- border-top: dotted 1px #999999;
-}
+ border-top: dotted 1px #999999; }
#mysociety #advert_hfymp {
border-top: dotted 1px #999999;
- text-align: center;
-}
+ text-align: center; }
#mysociety p#expl {
text-align: center;
font-size: 150%;
- margin: 0 2em;
-}
+ margin: 0 2em; }
#mysociety #postcodeForm {
display: table;
_width: 33em;
@@ -64,23 +52,18 @@
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%;
-}
+ 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;
-}
+ width: 48%; }
+ #mysociety #front_intro p {
+ clear: both;
+ margin-top: 0; }
#mysociety #front_stats div {
text-align: center;
width: 5.5em;
@@ -88,139 +71,115 @@
-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;
-}
+ margin: 0 1em 1em; }
+ #mysociety #front_stats div big {
+ font-size: 150%;
+ display: block; }
#mysociety #front_recent {
float: right;
width: 48%;
- margin-bottom: 1em;
-}
+ margin-bottom: 1em; }
#mysociety #front_recent img, #mysociety #alert_recent img {
margin-right: 0.25em;
- margin-bottom: 0.25em;
-}
+ margin-bottom: 0.25em; }
#mysociety #front_recent > h2:first-child, #mysociety #front_intro > h2:first-child {
- margin-top: 0;
-}
+ margin-top: 0; }
#mysociety form {
- margin: 0;
-}
+ margin: 0; }
#mysociety label {
float: left;
text-align: right;
padding-right: 0.5em;
- width: 5em;
-}
+ width: 5em; }
#mysociety fieldset, #mysociety #fieldset {
border: none;
- padding: 0.5em;
-}
-#mysociety fieldset div, #mysociety #fieldset div {
- margin-top: 2px;
- clear: left;
-}
+ padding: 0.5em; }
+ #mysociety fieldset div, #mysociety #fieldset div {
+ margin-top: 2px;
+ clear: left; }
#mysociety legend {
- display: none;
-}
+ display: none; }
#mysociety #fieldset div.checkbox, #mysociety #problem_submit {
- padding-left: 5.5em;
-}
+ 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;
-}
+ cursor: hand; }
#mysociety #questionnaire label, #mysociety #alerts label {
- float: none;
-}
+ float: none; }
#mysociety .confirmed {
background-color: #ccffcc;
border: solid 2px #009900;
padding: 5px;
- text-align: center;
-}
+ text-align: center; }
#mysociety #form_sign_in_yes {
float: left;
width: 47%;
padding-right: 1%;
border-right: solid 1px #999999;
- margin-bottom: 1em;
-}
+ 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;
-}
+ margin-bottom: 1em; }
+#mysociety #category_meta {
+ margin-bottom: 30px; }
+#mysociety #category_meta label {
+ width: 10em; }
#mysociety #watermark {
background: url("/i/mojwatermark6.png");
height: 113px;
width: 231px;
position: absolute;
bottom: 0;
- right: 0;
-}
+ right: 0; }
#mysociety #map_box {
float: right;
width: 502px;
position: relative;
padding-left: 20px;
- background-color: #ffffff;
-}
+ background-color: #ffffff; }
#mysociety p#copyright {
float: right;
text-align: right;
margin: 0 0 1em 0;
- font-size: 78%;
-}
+ font-size: 78%; }
#mysociety #map {
border: solid 1px #000000;
width: 500px;
height: 500px;
overflow: hidden;
position: relative;
- background-color: #f1f1f1;
-}
+ 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;
-}
+ 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;
-}
+ cursor: pointer; }
#mysociety form#mapForm .olTileImage {
- cursor: crosshair;
-}
+ cursor: crosshair; }
#mysociety #compass {
background-color: #ffffff;
border: solid 1px #000000;
@@ -228,76 +187,60 @@
color: #000000;
position: absolute;
top: 0px;
- left: 0px;
-}
-#mysociety #compass img {
- border: 0;
-}
+ left: 0px; }
+ #mysociety #compass img {
+ border: 0; }
#mysociety #text_map {
margin-top: 0.5em;
margin-bottom: 1em;
- font-size: 110%;
-}
+ font-size: 110%; }
#mysociety #text_no_map {
- margin-top: 0;
-}
+ margin-top: 0; }
#mysociety #sub_map_links {
float: right;
clear: right;
- margin-top: 0;
-}
+ margin-top: 0; }
#mysociety #fixed {
margin: 0 530px 1em 0;
padding: 5px;
text-align: center;
position: relative;
background-color: #ccffcc;
- border: solid 2px #009900;
-}
+ 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;
-}
+ 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;
-}
+ 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;
-}
+ margin: 0; }
#mysociety #nearby_lists h2 {
margin-top: 0.5em;
- margin-bottom: 0;
-}
+ margin-bottom: 0; }
#mysociety #nearby_lists li small {
- color: #666666;
-}
+ color: #666666; }
#mysociety #alert_links {
- float: right;
-}
+ float: right; }
#mysociety #alert_links_area {
background-color: #ffeecc;
border: solid 1px #ff9900;
border-width: 1px 0;
padding: 3px 10px;
- margin: 0;
-}
+ margin: 0; }
#mysociety #rss_alert {
- text-decoration: none;
-}
-#mysociety #rss_alert span {
- text-decoration: underline;
-}
+ text-decoration: none; }
+ #mysociety #rss_alert span {
+ text-decoration: underline; }
#mysociety #email_alert_box {
display: none;
position: absolute;
@@ -305,97 +248,73 @@
font-size: 83%;
border: solid 1px #7399C3;
background-color: #eeeeff;
- color: #000000;
-}
+ color: #000000; }
#mysociety #email_alert_box p {
- margin: 0;
-}
+ margin: 0; }
#mysociety .council_sent_info {
- font-size: smaller;
-}
+ font-size: smaller; }
#mysociety #rss_items {
width: 62%;
- float: left;
-}
+ 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;
-}
+ margin: 0 0 1em 0.5em; }
#mysociety #rss_box {
padding: 10px;
- border: 1px solid #999999;
-}
+ border: 1px solid #999999; }
#mysociety #rss_feed {
list-style-type: none;
- margin-bottom: 2em;
-}
+ margin-bottom: 2em; }
#mysociety #rss_feed li {
- margin-bottom: 1em;
-}
+ margin-bottom: 1em; }
#mysociety #alert_or {
font-style: italic;
font-size: 125%;
- margin: 0;
-}
+ margin: 0; }
#mysociety #rss_list {
float: left;
- width: 47%;
-}
+ width: 47%; }
#mysociety #rss_list ul {
- list-style-type: none;
-}
+ list-style-type: none; }
#mysociety #rss_buttons {
float: right;
width: 35%;
text-align: center;
- margin-bottom: 2em;
-}
+ margin-bottom: 2em; }
#mysociety #rss_local {
margin-left: 1.5em;
- margin-bottom: 0;
-}
+ margin-bottom: 0; }
#mysociety #rss_local_alt {
- margin: 0 0 2em 4em;
-}
+ margin: 0 0 2em 4em; }
#mysociety #alert_photos {
text-align: center;
float: right;
width: 150px;
- margin-left: 0.5em;
-}
+ margin-left: 0.5em; }
#mysociety #alert_photos h2 {
- font-size: 100%;
-}
+ font-size: 100%; }
#mysociety #alert_photos img {
- margin-bottom: 0.25em;
-}
+ margin-bottom: 0.25em; }
#mysociety #col_problems, #mysociety #col_fixed {
float: left;
width: 48%;
- margin-right: 1em;
-}
+ margin-right: 1em; }
#mysociety .contact-details {
font-size: 80%;
- margin-top: 2em;
-}
+ margin-top: 2em; }
.olControlAttribution {
bottom: 3px !important;
- left: 3px;
-}
+ left: 3px; }
@media print {
#mysociety #map_box {
float: none;
- margin: 0 auto;
- }
+ margin: 0 auto; }
#mysociety #mysociety {
- max-width: none;
- }
+ max-width: none; }
#mysociety #side {
- margin-right: 0;
- }
-}
+ margin-right: 0; } }
diff --git a/web/css/core.scss b/web/css/core.scss
index 22bdc3d2e..4fbc6aaca 100644
--- a/web/css/core.scss
+++ b/web/css/core.scss
@@ -206,6 +206,14 @@ $map_width: 500px;
margin-bottom: 1em;
}
+ #category_meta {
+ margin-bottom: 30px;
+ }
+
+ #category_meta label {
+ width: 10em;
+ }
+
// Map
#watermark {
generated by cgit v1.2.3 (git 2.25.1) at 2025-04-26 21:11:01 +0000