diff options
Diffstat (limited to 'web/css/core.css')
-rw-r--r-- | web/css/core.css | 354 |
1 files changed, 354 insertions, 0 deletions
diff --git a/web/css/core.css b/web/css/core.css new file mode 100644 index 000000000..57cfcebe9 --- /dev/null +++ b/web/css/core.css @@ -0,0 +1,354 @@ +/* Generics */ + +blockquote { + border-left: solid 4px #666666; + padding-left: 0.5em; +} +blockquote h2, blockquote p { + margin: 0; +} + +form { + margin: 0; +} + +select, input, textarea { + font-size: 99%; +} + +label { + float: left; + text-align: right; + padding-right: 0.5em; + width: 5em; +} + +#fieldset { + border: none; + padding: 0.5em; +} + +legend { + display: none; +} + +dt { + font-weight: bold; + margin-top: 0.5em; +} + +.v { display: none; } + +#error { + text-align: center; + color: #cc0000; + font-size: larger; +} + +ul { + padding: 0 0 0 1.5em; + margin: 0; +} + +ul#error { + color: #cc0000; + background-color: #ffeeee; + padding-right: 4px; + border: solid 1px #cc0000; + text-align: left; +} + +/* Site-wide layout */ + +#advert_thin { + width: 50%; + margin: 1em auto; + border-top: dotted 1px #999999; +} +#advert_hfymp { + border-top: dotted 1px #999999; + text-align: center; +} + +/* Front page */ + +#expl { + text-align: center; + font-size: 150%; + margin: 0 2em; +} + +#postcodeForm { + display: table; + _width: 33em; + text-align: center; + font-size: 150%; + margin: 1em auto; + padding: 1em; + -moz-border-radius: 1em; + border-radius: 1em; +} + +#postcodeForm label { + float: none; + padding-right: 0; +} + +#postcodeForm #submit { + font-size: 83%; +} + +#front_intro { + float: left; + width: 48%; +} + +#front_intro p { + clear: both; + margin-top: 0; +} + +#front_stats div { + text-align: center; + width: 5.5em; + -moz-border-radius: 0.5em; + border-radius: 0.5em; + float: left; + margin: 0 1em 1em; +} + +#front_stats div big { + font-size: 150%; + display: block; +} + +#front_recent { + float: right; + width: 48%; + margin-bottom: 1em; +} +#front_recent img, #alert_recent img { + margin-right: 0.25em; + margin-bottom: 0.25em; +} +#front_recent > h2:first-child, #front_intro > h2:first-child { + margin-top: 0; +} + +/* Forms */ + +#fieldset div { + margin-top: 2px; + clear: left; +} +#fieldset div.checkbox { + padding-left: 5.5em; +} +#fieldset div.checkbox label, label.n { + float: none; + text-align: left; + padding-right: 0; + width: auto; + cursor: pointer; + cursor: hand; +} + +#questionnaire label, #alerts label { + float: none; +} + +/* Map */ + +#map_box { + float: right; + width: 510px; + position: relative; + margin-left: 20px; +} + +p#copyright { + float: right; + margin: 0 0 1em 0; + font-size: 78%; +} + +#map { + border: solid 1px #000000; + width: 508px; + height: 508px; + overflow: hidden; + position: relative; + background-color: #f1f1f1; +} + +#drag { + position: absolute; + width: 508px; + height: 508px; + right: 0; + top: 0; +} + +#drag input { + cursor: crosshair; + background-color: #cccccc; +} +#drag img { + cursor: move; +} +#drag input, #drag img { + position: absolute; + border: none; +} +#drag img.pin { + z-index: 100; + background-color: inherit; +} +#drag a img.pin { + cursor: pointer; + cursor: hand; +} + +#compass { + background-color: #ffffff; + border: solid 1px #000000; + border-width: 0 1px 1px 1px; + color: #000000; + position: absolute; + top: 0px; + right: 439px; +} + +#compass img { + border: 0; +} + +#text_map { + margin-top: 0.5em; + margin-bottom: 0.5em; +} +#text_no_map { + margin-top: 0; +} + +/* Problem pages */ + +#fixed, #unknown { + margin: 1em auto; + width: 80%; + padding: 5px; + text-align: center; +} +#fixed { + background-color: #ccffcc; + border: solid 2px #009900; +} +#unknown { + background-color: #ffcccc; + border: solid 2px #990000; +} + +#updates div { + padding: 0 0 0.5em; + margin: 0 0 0.25em; + border-bottom: dotted 1px #5e552b; +} +#alert_links { + float: right; +} +#rss_link { +} +#email_alert { +} +#email_alert_box { + display:none; + position: absolute; + padding: 3px; + font-size:83%; + border:solid 1px #7399C3; + background-color: #eeeeff; + color: #000000; +} +#email_alert_box p { + margin: 0; +} + +/* RSS feed XSL */ + +#rss_items { + width:62%; + float:left; +} +#rss_rhs { + border-left:1px dashed #999; + width:36%; + float:right; + padding: 0 0 0 0.5em; + margin: 0 0 1em 0.5em; +} +#rss_box { + padding:10px; + border:1px solid #999999; +} + +/* Alerts */ +#rss_feed { + list-style-type: none; + margin-bottom: 2em; +} +#rss_feed li { + margin-bottom: 1em; +} +#alert_or { + font-style: italic; + font-size: 125%; + margin: 0; +} +#rss_list { + float: left; + width: 47%; +} +#rss_list ul { + list-style-type: none; +} +#rss_buttons { + float: right; + width: 35%; + text-align: center; + margin-bottom: 2em; +} +#rss_local { + margin-left: 1.5em; + margin-bottom: 0; +} +#rss_local_alt { + margin: 0 0 2em 4em; +} + +#alert_photos { + text-align: center; + float: right; + width: 150px; + margin-left: 0.5em; +} +#alert_photos h2 { + font-size: 100%; +} +#alert_photos img { + margin-bottom: 0.25em; +} + +/* Report page */ + +#col_problems, #col_fixed { + float: left; + width: 48%; + margin-right: 1em; +} + +/* Printing */ +@media print { + #map_box { float: none; margin: 0 auto; } + #content { max-width: none; } + #side { margin-right: 0; } +} |