aboutsummaryrefslogtreecommitdiffstats
path: root/web/css
diff options
context:
space:
mode:
Diffstat (limited to 'web/css')
-rw-r--r--web/css/_main-import.scss279
-rw-r--r--web/css/cache-eha2.css493
-rw-r--r--web/css/core.scss751
-rw-r--r--web/css/main.scss14
4 files changed, 0 insertions, 1537 deletions
diff --git a/web/css/_main-import.scss b/web/css/_main-import.scss
deleted file mode 100644
index 305a9e43e..000000000
--- a/web/css/_main-import.scss
+++ /dev/null
@@ -1,279 +0,0 @@
-// Generics
-
-/* Thanks to normalize.css
- * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
- * http://clagnut.com/blog/348/#c790
- * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
- * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
- */
-html {
- font-size: 100%; /* 1 */
- -webkit-text-size-adjust: 100%; /* 3 */
- -ms-text-size-adjust: 100%; /* 3 */
-}
-
-body {
- font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
- margin: 0;
- padding: 0;
- // color: #a9aeb0;
-}
-
-h1 {
- margin: 0;
- font-size: 175%;
-}
-h2 {
- font-size: 140%;
-}
-
-select, input, textarea {
- font-size: 99%;
- max-width: 95%;
-}
-
-#mysociety {
-
- a.unsuitable-report {
- font-size: small;
- }
-
- blockquote {
- border-left: solid 4px $header_colour;
- }
-
- .a {
- color: #000000;
- background-color: $header_back_lighter;
- }
-
- #postcodeForm {
- background-color: $header_back;
- }
-
- #front_stats div {
- background-color: $header_back;
- }
-
-}
-
-// Site layout
-
-#header {
- font-size: 200%;
- font-weight: bold;
- border-bottom: solid 2px $header_colour;
- margin: 0;
- padding: 0.15em 0.5em;
- background-color: $header_back;
- color: $header_colour;
-
- a:link, a:visited {
- color: $header_colour;
- background-color: $header_back;
- text-decoration: none;
- }
- a:active, a:hover {
- text-decoration: underline;
- }
-}
-
-#my {
- color: $header_darker;
- background-color: $header_back;
-}
-
-#mysociety {
- width: 100%; /* Must specify a width or IE goes crazy wrong! */
- 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;
-}
-
-#meta {
- list-style-type: none;
- margin: 30px 0 0.5em 1em; /* (was 0.25em 0 0 1em) forced to drop below promo (fix before the freeze) image */
- padding: 0;
- font-size: 0.875em;
- li {
- display: inline;
- margin: 0;
- padding: 0 0 0 0.25em;
- border-left: solid 1px $header_colour;
- }
- li:first-child {
- border-left: none;
- }
-}
-
-.v {
- display: none;
-}
-
-#navigation {
- position: absolute;
- top: 1em;
- right: 1em;
- padding: 0;
- margin: 0;
- list-style-type: none;
-
- li {
- display: inline;
- padding: 0;
- margin: 0;
- }
-
- a {
- display: -moz-inline-box;
- display: inline-block;
- padding: 0.4em 1em;
- }
- a:link, a:visited {
- color: $header_colour;
- }
- a:hover, a:active {
- background-color: $header_colour;
- color: $header_back;
- -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;
-}
-
-#promo {
- position: absolute;
- top: 3.3em;
- left: 10px;
- a {
- display: block;
- padding:0;
- border:2px solid white;
- img {
- margin:0px;
- }
- }
- a:hover {
- border:2px dotted #70CFE3;
- }
-}
-
-.promo-background {
- margin-top:-4px;
- background-image:url(/i/promo-icicles.gif);
- background-repeat:repeat-x;
- background-position:top left;
- padding-top:3em;
-}
-
-#logo {
- border: none;
- position: absolute;
- top: 3.3em;
- right: 10px;
-}
-
-.ie6 #logo {
- display: none;
-}
-
-.ie6 #logoie {
- width: 133px;
- height: 26px;
- filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/mysociety-dark.png',sizingMethod='scale');
- position: absolute;
- top: 4em;
- right: 10px;
- cursor: pointer;
-}
-
-#footer {
- clear: both;
- text-align: center;
- border-top: solid 2px #ccc;
- width: 50%;
- margin: 1em auto 0;
- padding: 0;
- color: #333333;
-
- .l, .r {
- margin-top: 0;
- text-align: left;
- width: 45%;
- }
- .l {
- float: left;
- }
- .r {
- float: right;
- }
-}
-
-@media all and (max-width: 50em) {
- #logo {
- display: none;
- }
- #promo {
- position: static;
- width: 116px;
- top: none;
- text-align: center;
- margin: 0.25em auto;
- display:block;
- }
- .promo-background img#logo {
- border:2px solid #fff;
- background-color: #fff;
- }
- #header {
- font-size: 150%;
- }
- h1 {
- font-size: 140%;
- }
- h2 {
- font-size: 130%;
- }
- #navigation {
- position: static;
- border-top: solid 2px $header_colour;
- border-bottom: solid 2px $header_colour;
- margin: 1em 0;
- padding: 0.15em 0.5em;
- text-align: center;
- background-color: $header_back;
- color: $header_colour;
-
- a:hover, a:active {
- background-color: $header_colour;
- color: $header_back;
- -moz-border-radius: 0.5em;
- -webkit-border-radius: 0.5em;
- border-radius: 0.5em;
- }
- }
- #footer {
- width: auto;
- padding: 0 1em;
- border-top: none;
- }
- #wrapper {
- margin: 0em 1em;
- }
-}
-
diff --git a/web/css/cache-eha2.css b/web/css/cache-eha2.css
deleted file mode 100644
index 2e98dc574..000000000
--- a/web/css/cache-eha2.css
+++ /dev/null
@@ -1,493 +0,0 @@
-body{
- text-align:center;
- background-color: #FFFFFF;
-}
-#header {
-text-align:left;
- margin: 0px;
- width: 760px;
-}
-#main {
-text-align:left;
- margin: 0px;
- width: 760px;
-}
-#footer {
-text-align:left;
- width: 760px;
- clear: both;
- background-color: #80AE7D;
- height: 110px;
- margin-top: 5px;
- margin-bottom: 5px;
-}
-#logo {
- margin: 0px;
- float: left;
- width: 400px;
-}
-#search {
- margin: 0px;
- float: right;
- width: 345px;
- height: 70px;
- background-color: #80AE7D;
- padding-top: 10px;
- padding-right: 15px;
- padding-bottom: 10px;
-}
-#bottombox ul {
- list-style-type: none;
- padding: 0px;
- margin: 0px;
-}
-#bottombox li {
- width: 170px;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- background-color: #B1BECF;
- margin-bottom: 1px;
-}
-
-#smallnav {
- width: 750px;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- text-align: right;
- font-weight: 400;
- color: #354664;
- padding-right: 10px;
- padding-bottom: 10px;
- padding-top: 10px;
-}
-#topbox ul {
- list-style-type: none;
- margin: 0px;
- padding: 0px;
-}
-#topbox li {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- width: 170px;
- background-color: #b1becf;
- margin-bottom: 1px;
-}
-#topbox a {
- text-decoration: none;
- color: #30517A;
- display: block;
-}
-#bottombox a:hover {
- background-color: #FFFFFF;
- width: 170px;
-}
-#topbox a:hover {
- background-color: #FFFFFF;
- width: 170px;
-}
-
-#bottombox a {
- color: #30517A;
- text-decoration: none;
- display: block;
-}
-
-
-
-#left {
- float: left;
- width: 120px;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- list-style: none;
-}
-#middle p {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- width: 420px;
- color: #30517A;
-}
-#pressnav {
- border-top-width: 1px;
- border-right-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-top-style: solid;
- border-bottom-style: solid;
- border-top-color: #CCCCCC;
- border-right-color: #CCCCCC;
- border-bottom-color: #CCCCCC;
- border-left-color: #CCCCCC;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- padding: 3px;
-}
-#pressreleases {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- color: #30517A;
-}
-#pressreleases p {
- padding-bottom: 10px;
- background-color: #EBEEF3;
- padding-top: 10px;
- border: 1px dashed #CCCCCC;
-}
-#bulletin p {
- padding-bottom: 10px;
- background-color: #EBEEF3;
- padding-top: 10px;
- border: 1px dashed #CCCCCC;
-}
-
-#events p {
- border: 1px dashed #CCCCCC;
- padding-top: 10px;
- padding-bottom: 10px;
- background-color: #EBEEF3;
-}
-
-
-
-
-
-#right {
- width: 160px;
- float: right;
-}
-#left ul {
- list-style-type: none;
- padding: 0px;
- margin: 0px;
-}
-#left ol {
- list-style-type: none;
- display: inline;
- background-color: #B1BECF;
- width: 90px;
- margin-bottom: 1px;
-}
-#left ol a {
- background-color: #DCDCED;
- color: #30517A;
-}
-#left ol a:hover {
- background-color: #FFFFFF;
-}
-
-
-#left li {
- margin-bottom: 1px;
- display: block;
-}
-#smallnav a {
- text-decoration: none;
- color: #30517A;
-}
-#smallnav a:hover {
- background-color: #B1BECF;
-}
-
-#left a {
- display: block;
- width: 120px;
- font-weight: bold;
- padding: 10px;
- text-decoration: none;
- background-color: #9999CC;
- color: #FFFFFF;
-}
-#address2 a {
- color: #FFFFFF;
-}
-#address1 a {
- color: #FFFFFF;
-}
-
-
-#left a:hover {
- color: #30517A;
- background-color: #FFFFFF;
-}
-
-
-
-#middle {
- margin: 0 250px 0 155px:
- clear: right;
- width: 410px;
- float: left;
- left: 153px;
- margin: 0px;
- padding-right: 10px;
- padding-bottom: 10px;
- padding-left: 10px;
- top: 135px;
- background-color: #FFFFFF;
-}
-#address1 {
- float: left;
- width: 180px;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- margin-bottom: 20px;
- padding: 20px;
- color: #FFFFFF;
-}
-#address2 {
- float: left;
- width: 180px;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- margin-bottom: 20px;
- padding: 20px;
- color: #FFFFFF;
-}
-#toptitle {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-weight: bold;
- color: #FFFFFF;
- font-size: small;
- width: 160px;
- background-color: #30517A;
- padding: 5px;
-}
-#bottomtitle {
- width: 160px;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- font-weight: bold;
- background-color: #30517A;
- color: #FFFFFF;
- padding: 5px;
-}
-#middle h1 {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: large;
- width: 420px;
- background-color: #9999CC;
- color: #FFFFFF;
- padding: 3px;
- font-weight: 500;
-}
-#middle h2 {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- font-weight: bold;
- background-color: #B1BECF;
- display: block;
- color: #30517A;
-}
-#middle h3 {
- text-decoration: underline;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- font-weight: bold;
- color: #30517A;
-}
-
-#middle a:hover {
- background-color: #B1BECF;
-}
-#middle a {
- color: #30517A;
- text-decoration: underline;
-}
-#eventsnav {
- border-top-width: 1px;
- border-bottom-width: 1px;
- border-top-style: solid;
- border-bottom-style: solid;
- border-top-color: #CCCCCC;
- border-bottom-color: #CCCCCC;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- padding: 3px;
- text-align: center;
-}
-#lwoanav {
- padding-top: 5px;
- padding-bottom: 5px;
- border-top-width: 1px;
- border-bottom-width: 1px;
- border-top-style: solid;
- border-bottom-style: solid;
- border-top-color: #CCCCCC;
- border-bottom-color: #CCCCCC;
- text-align: center;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
-}
-#lwoa {
- border: 1px dotted #CCCCCC;
- width: 420px;
-}
-#nwoanav {
- padding-top: 5px;
- padding-bottom: 5px;
- border-top-width: 1px;
- border-bottom-width: 1px;
- border-top-style: solid;
- border-bottom-style: solid;
- border-top-color: #CCCCCC;
- border-bottom-color: #CCCCCC;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- text-align: center;
-}
-#nwoa {
- width: 420px;
- border: 1px dotted #CCCCCC;
-}
-#pubsubleft {
- float: left;
- width: 200px;
- border: 1px solid #CCCCCC;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- color: #30517a;
- font-size: x-small;
-}
-#pubsubright {
- float: right;
- width: 200px;
- border: 1px solid #CCCCCC;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
-}
-#pubtypeleft {
- float: left;
- width: 200px;
- border: 1px solid #CCCCCC;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
-}
-#pubtyperight {
- float: right;
- width: 200px;
- border: 1px solid #CCCCCC;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
-}
-#periodnavleft {
- margin: 0px;
- float: left;
- width: 200px;
- border: 1px solid #CCCCCC;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517A;
-}
-#periodnavright {
- margin: 0px;
- float: right;
- width: 200px;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517A;
- border: 1px dashed #CCCCCC;
-}
-#policynav {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
- margin: 0px;
- float: left;
- width: 400px;
- border: 1px solid #CCCCCC;
-}
-#casenav {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
-}
-#case p {
- padding-bottom: 10px;
- background-color: #EBEEF3;
- padding-top: 10px;
- border: 1px dashed #CCCCCC;
-}
-#grants p {
- padding-bottom: 10px;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- color: #30517a;
- background-color: #EBEEF3;
- padding-top: 10px;
- border: 1px dashed #CCCCCC;
-}
-#listing {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
-}
-#suppliernav {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- margin: 0px;
- width: 425px;
- border: 1px solid #CCCCCC;
- text-align: center;
-}
-#publist {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- margin: 0px;
- width: 400px;
-}
-#publist p {
- padding-bottom: 10px;
- background-color: #EBEEF3;
- padding-top: 10px;
- border: 1px dashed #CCCCCC;
-}
-#contactnav {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- margin: 0px;
- width: 425px;
- border: 1px solid #CCCCCC;
- text-align: center;
-}
-#statsnav {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: small;
- color: #30517a;
- margin: 0px;
- float: left;
- width: 425px;
-}
-#buyingnav {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
- margin: 0px;
- float: left;
- width: 400px;
- border: 1px solid #CCCCCC;
-}
-#ownernav {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
- margin: 0px;
- float: left;
- width: 400px;
- border: 1px solid #CCCCCC;
-}
-#campnav {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
- margin: 0px;
- float: left;
- width: 400px;
- border: 1px solid #CCCCCC;
-}
-#sitenav {
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: x-small;
- color: #30517a;
-}
diff --git a/web/css/core.scss b/web/css/core.scss
deleted file mode 100644
index 897b2d095..000000000
--- a/web/css/core.scss
+++ /dev/null
@@ -1,751 +0,0 @@
-$map_width: 500px;
-
-// Generics
-
-#mysociety {
-
- blockquote {
- border-left: solid 4px #666666;
- padding-left: 0.5em;
- h2, p {
- margin: 0;
- }
- }
-
- dt {
- font-weight: bold;
- margin-top: 0.5em;
- }
-
- .gone {
- color: #666666;
- background-color: #cccccc;
- }
-
- p.dev-site-notice, p.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;
- text-align: left;
- font-size: larger;
- }
-
- div.form-error {
- color: #cc0000;
- margin: 5px 1em 5px 1em;
- padding: 2px 5px 2px 5px;
- text-align: left;
- }
-
- div.label-valid {
- background-color: white;
- }
-
- div.label-valid-hidden {
- display: none;
- visibility: hidden;
- height: 0px;
- width: 0px;
- margin: 0px;
- padding: 0px;
- }
-
- div.form-field {
- clear: both;
- }
-
- // Front page
-
- p#expl {
- text-align: center;
- font-size: 150%;
- margin: 0;
- }
-
- p#expl small {
- display: block;
- }
-
- #postcodeForm {
- display: table; /* Full width in IE6 and IE7 */
- text-align: center;
- font-size: 150%;
- margin: 1em auto;
- padding: 1em;
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- border-radius: 1em;
- -moz-box-shadow: 2px 2px 4px #999;
- -webkit-box-shadow: 2px 2px 4px #999;
- box-shadow: 2px 2px 4px #999;
-
- label {
- float: none;
- padding-right: 0;
- margin-top: 0;
- }
-
- #sub {
- font-size: 83%;
- }
- }
-
- #geolocate_link {
- display: block;
- border: none;
- font-size: 70%;
- margin: 2px 0 0 0;
- text-align: right;
- }
-
- #front_intro {
- float: left;
- width: 48%;
-
- p {
- clear: both;
- margin-top: 0;
- }
- }
-
- #front_stats {
- margin: 0 auto;
- display: table; /* IE6 is set to floats below */
- border-spacing: 2em 1em;
- }
-
- #front_stats div {
- text-align: center;
- width: 5.5em;
- -moz-border-radius: 0.5em;
- -webkit-border-radius: 0.5em;
- border-radius: 0.5em;
- display: table-cell;
-
- 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;
- }
-
- #front_photos {
- text-align: center;
- }
-
- // Forms
-
- form {
- margin: 0;
- }
-
- label {
- float: left;
- text-align: right;
- padding-right: 0.5em;
- width: 6em;
- }
-
- fieldset, .fieldset {
- border: none;
- margin: 0.5em;
- div {
- margin-top: 2px;
- clear: left;
- }
- }
-
- legend {
- display: none;
- }
-
- .fieldset div.checkbox, #problem_submit {
- padding-left: 5.5em;
- }
- .fieldset div.checkbox label, label.n {
- float: none;
- text-align: left;
- padding-right: 0;
- width: auto;
- cursor: pointer;
- cursor: hand;
- }
-
- /* Lots of defaults to override small screen CSS */
- #questionnaire label, #alerts label {
- float: none;
- margin-top: 0;
- display: inline;
- }
-
- .confirmed {
- background-color: #ccffcc;
- border: solid 2px #009900;
- padding: 5px;
- text-align: center;
- }
-
- #form_sign_in_yes {
- float: left;
- width: 47%;
- padding-right: 1%;
- border-right: solid 1px #999999;
- margin-bottom: 1em;
- }
-
- #form_sign_in_no, .fieldset #form_sign_in_no {
- float: right;
- width: 47%;
- padding-left: 1%;
- clear: none;
- margin-bottom: 1em;
- }
-
- #category_meta {
- margin-bottom: 30px;
- }
-
- #category_meta label {
- width: 10em;
- }
-
- // Map
-
- #map_box {
- float: right;
- width: $map_width + 2px;
- position: relative;
- padding-left: 20px;
- background-color: #ffffff;
- }
-
- p#copyright {
- float: right;
- text-align: right;
- margin: 0 0 1em 0;
- font-size: 78%;
- }
-
- #map {
- border: solid 1px #666666;
- width: $map_width; // Twice a tile width
- height: $map_width;
- overflow: hidden;
- position: relative;
- background-color: #f1f1f1;
- }
-
- /* Drag is only present in noscript form */
- #drag {
- input, img {
- position: absolute;
- border: none;
- }
- input {
- cursor: crosshair;
- background-color: #cccccc;
- }
- img {
- cursor: move;
- }
- img.pin {
- z-index: 100;
- background-color: inherit;
- }
- a img.pin {
- cursor: pointer;
- cursor: hand;
- }
- }
-
- form#mapForm #map {
- cursor: pointer;
- }
-
- form#mapForm .olTileImage {
- cursor: crosshair;
- }
-
- .banner {
- margin: 0 $map_width + 30px 1em 0;
- padding: 5px;
- text-align: center;
- position: relative;
- }
-
- #text_map {
- 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;
- // padding: 4px;
- }
-
- #sub_map_links {
- float: right;
- clear: right;
- margin-top: 0;
- }
-
- // Problem pages
-
- #fixed {
- background-color: #ccffcc;
- border: solid 2px #009900;
- }
-
- #unknown {
- background-color: #ffcccc;
- border: solid 2px #990000;
- }
-
- #closed {
- background-color: #ccccff;
- border: solid 2px #000099;
- }
-
- #progress {
- background-color: #ffffcc;
- border: solid 2px #999900;
- }
-
- #updates {
- div {
- padding: 0 0 0.5em;
- margin: 0 0 0.25em;
- border-bottom: dotted 1px #5e552b;
-
- .problem-update, .update-text {
- padding: 0;
- margin: 0;
- border-bottom: 0;
- }
- }
-
- p {
- margin: 0;
- }
- }
-
- #nearby_lists h2 {
- margin-top: 1em;
- margin-bottom: 0;
- }
-
- #nearby_lists li small {
- color: #666666;
- }
-
- #alert_links {
- float: right;
- }
- #alert_links_area {
- padding-left: 0.5em;
- margin: 0;
- color: #666;
- font-size: smaller;
- }
- #rss_alert {
- text-decoration: none;
- span {
- text-decoration: underline;
- }
- }
- #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;
- }
-
- .council_sent_info {
- font-size: smaller;
- }
-
- .update-img {
- text-align: center;
- }
- .update-img span {
- display: none;
- }
- #updates .update-img {
- text-align: left;
- }
-
- // 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;
- }
-
- // Contact page
- .contact-details {
- font-size: 80%;
- margin-top: 2em;
- }
-
- // File upload
- // .progressContainer {
- // margin: 5px;
- // padding: 4px;
- // width: 357px;
- // border: solid 1px #E8E8E8;
- // background-color: #F7F7F7;
- // overflow: hidden;
- // }
- // .red { border: solid 1px #B50000; background-color: #FFEBEB; }
- // .green { border: solid 1px #DDF0DD; background-color: #EBFFEB; }
- // .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; }
-
- // .progressName {
- // font-size: 8pt;
- // font-weight: bold;
- // color: #555555;
- // width: 323px;
- // height: 14px;
- // text-align: left;
- // white-space: nowrap;
- // overflow: hidden;
- // }
- // .progressBarInProgress, .progressBarComplete, .progressBarError {
- // font-size: 0px;
- // width: 0%;
- // height: 2px;
- // background-color: blue;
- // margin-top: 2px;
- // }
- // .progressBarComplete {
- // width: 100%;
- // background-color: green;
- // visibility: hidden;
- // }
- // .progressBarError {
- // width: 100%;
- // background-color: red;
- // visibility: hidden;
- // }
- // .progressBarStatus {
- // margin-top: 2px;
- // width: 337px;
- // font-size: 7pt;
- // font-family: Verdana;
- // text-align: left;
- // white-space: nowrap;
- // }
-
-}
-
-.olControlAttribution {
- bottom: 3px !important;
- left: 3px;
- color: #222222;
-}
-.olControlPermalink {
- bottom: 3px !important;
- right: 3px;
-}
-
-.ie6, .ie7 {
- #mysociety {
- #front_stats div {
- float: left;
- margin: 0 1em 1em;
- }
- }
-}
-
-// Printing, SCSS doesn't handle @media nesting
-
-@media print {
- #mysociety {
- #map_box { float: none; margin: 0 auto; }
- #mysociety { max-width: none; }
- #side { margin-right: 0; }
- }
-}
-
-@media all and (max-width: 50em) {
- #mysociety {
- p#expl {
- font-size: 120%;
- }
-
- p#expl small {
- display: inline;
- }
-
- #postcodeForm {
- font-size: 100%;
- span {
- display: block;
- font-size: 150%;
- }
- #sub {
- font-size: 100%;
- }
- }
-
- #geolocate_link {
- font-size: 100%;
- }
-
- #front_intro {
- float: none;
- width: auto;
- }
- #front_recent {
- margin-top: 1em;
- float: none;
- width: auto;
- clear: both;
- }
- #front_photos {
- white-space: nowrap;
- overflow: hidden;
- }
- #front_stats {
- border-spacing: 0.5em 1em;
- }
-
- #form_sign_in_yes {
- float: none;
- width: auto;
- padding-right: 0;
- border-right: none;
- margin-bottom: 1em;
- }
-
- #form_sign_in_no, .fieldset #form_sign_in_no {
- float: none;
- width: auto;
- padding-left: 0;
- clear: none;
- margin-bottom: 1em;
- }
-
- fieldset, .fieldset {
- margin: 1em;
- }
-
- label {
- margin-top: 1em;
- display: block;
- float: none;
- text-align: left;
- padding-right: 0;
- width: auto;
- }
- .fieldset div.checkbox, #problem_submit {
- padding-left: 0;
- }
- .fieldset div.checkbox label, label.n {
- display: inline;
- }
-
- #rss_list {
- float: none;
- width: auto;
- }
- #rss_buttons {
- float: none;
- width: auto;
- text-align: left;
- }
- }
-}
-
-@media all and (max-width: 750px) {
- $map_width: 365px;
- #mysociety {
- #map_box {
- padding-left: 10px;
- width: $map_width + 2px;
- }
- #map {
- width: $map_width;
- height: $map_width;
- }
- .banner {
- margin-right: $map_width + 20px;
- }
- #text_map_arrow {
- right: -18px;
- border-width: 16px 9px;
- }
- }
-}
-
-@media all and (max-width: 580px) {
- $map_width: 235px;
- #mysociety {
- #map_box {
- width: $map_width + 2px;
- }
- #map {
- width: $map_width;
- height: $map_width;
- }
- .banner {
- margin-right: $map_width + 20px;
- }
- }
-}
-
-@media all and (max-width: 320px) {
- #mysociety {
- #map_box {
- padding-left: 0;
- float: none;
- width: 100%;
- }
- #map {
- width: 99%;
- }
-
- .banner {
- margin-right: 0;
- clear: both;
- margin-top: 1em;
- }
- #text_map {
- padding: 0.25em 0.5em;
- font-size: 100%;
- -moz-border-radius-topleft: 0;
- -moz-border-radius-bottomleft: 1em;
- -moz-border-radius-bottomright: 1em;
- -webkit-border-top-left-radius: 0;
- -webkit-border-bottom-left-radius: 1em;
- -webkit-border-bottom-right-radius: 1em;
- border-top-left-radius: 0;
- border-bottom-left-radius: 1em;
- border-bottom-right-radius: 1em;
- }
- #text_map_arrow {
- display: none;
- }
- }
-}
-
diff --git a/web/css/main.scss b/web/css/main.scss
deleted file mode 100644
index 1106b8a78..000000000
--- a/web/css/main.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// Generics
-
-$header_back: #e3d595;
-$header_back_lighter: #f3e5a5;
-$header_colour: #5e552b;
-$header_darker: #4e451b;
-
-a {
- &:link { color: #0000ff; }
- &:visited { color: #000099; }
- &:hover, &:active { color: #ff0000; }
-}
-
-@import "main-import";
generated by cgit v1.2.3 (git 2.25.1) at 2025-04-26 17:41:20 +0000