rest of initial base styles

Signed-off-by: Josh Angell <josh@supercooldesign.co.uk>

1 files changed, 82 insertions, 73 deletions

diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss
index ee1a8246f..90c0eef0c 100644
--- a/web/cobrands/fixmystreet/base.scss
+++ b/web/cobrands/fixmystreet/base.scss
@@ -127,6 +127,7 @@ ul, ol {
   font-size: 1em;
   margin-bottom: 2em;  
   margin-left: 2em;
+  padding:0;
 }
 
 li{
@@ -142,8 +143,8 @@ ol li {
 }
 
 dl {
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
   dt {
     font-size: 1em;
     line-height: 1.5em;
@@ -158,16 +159,16 @@ dl {
 }
 
 blockquote {
-  p:before {
-    content: '“';
-  }
-  p:after {
-    content: '”';
-  }
+    p:before {
+        content: '“';
+    }
+    p:after {
+        content: '”';
+    }
 }
 
 pre {
-  font-family: monospace;
+    font-family: monospace;
 }
 
 // huh? We're confused and it breaks our other stuff :S
@@ -216,75 +217,36 @@ h4.static-with-rule{
 
 
 .meta{
-  color:#555555;
-  font-style: italic;
-  margin-bottom: 0px;
+    color:#555555;
+    font-style: italic;
+    margin-bottom: 0px;
 }
 .meta-2{
-  font-family: 'helvetica', 'arial',sans-serif;
-  color:#888888;
-  font-style: italic;
-  font-size: 0.75em;
+    font-family: 'helvetica', 'arial',sans-serif;
+    color:#888888;
+    font-style: italic;
+    font-size: 0.75em;
 }
 
 .small-print{
-  font-family: 'helvetica', 'arial',sans-serif;
-  font-style: italic;
-  font-size: 0.8125em;
-  line-height: 1.2307em;
-  margin-bottom: 1.2307em;  
-  color:#888888;  
-}
-
-
-/*OTHER*/
-
-.issue-list{
-  margin: 0 0 1em 0;
-  padding: 0px;
-  border-bottom: 0.25em solid $primary;
-  li{
-    list-style: none;
-    background: #f6f6f6;    
-    margin: 0.25em 0 0 0;
-    padding: 0.5em 1em;
-    display:block;
-    .update-wrap {
-        display:table;
-        width:100%;
-        .update-text,
-        .update-img {
-            display:table-cell;
-            vertical-align:top;
-            p {
-                margin-bottom: 0.5em;
-            }
-        }
-        .update-img {
-            text-align:right;
-            img {
-                margin:-0.5em -1em 0 0.5em;
-            }
-        }
-    }
-  }
+    font-family: 'helvetica', 'arial',sans-serif;
+    font-style: italic;
+    font-size: 0.8125em;
+    line-height: 1.2307em;
+    margin-bottom: 1.2307em;  
+    color:#888888;  
 }
 
-.map{
-  display: 100%;
-  background: #333;
-  height: 10em;
-  @extend .full-width;
-  margin-bottom: 1em;
-}
 
 /*FORM*/
-form{  margin: 1em;}
+fieldset{
+    margin: 1em;
+}
 
 input[type=text], textarea{
-  width: 100%;
-  padding: 0.5em;
-  margin: 0 0 0 -0.5em;
+    width: 100%;
+    padding: 0.5em;
+    margin: 0 0 0 -0.5em;
 }
 
 
@@ -322,8 +284,6 @@ label{
 
 
 
-
-
 /* LAYOUT */
 
 // Padding creates page margins on mobile
@@ -438,13 +398,62 @@ input.red-btn{
   
 
 
-// this is a bit of a hack to get some differentation between desk and mobile
-.desk-only {
-    display:none !important;
+
+
+/*OTHER*/
+
+.issue-list{
+  margin: 0 0 1em 0;
+  padding: 0px;
+  border-bottom: 0.25em solid $primary;
+  li{
+    list-style: none;
+    background: #f6f6f6;    
+    margin: 0.25em 0 0 0;
+    padding: 0.5em 1em;
+    display:block;
+    .update-wrap {
+        display:table;
+        width:100%;
+        .update-text,
+        .update-img {
+            display:table-cell;
+            vertical-align:top;
+            p {
+                margin-bottom: 0.5em;
+            }
+        }
+        .update-img {
+            text-align:right;
+            img {
+                margin:-0.5em -1em 0 0.5em;
+            }
+        }
+    }
+  }
+}
+
+#map_box{
+    background: #333;
+    height: 10em;
+    @extend .full-width;
+    margin-bottom: 1em;
+    #map {
+        width:100%;
+        height:100%;
+    }
 }
 
 
+
 // this is the user's logged in details or the login link etc
 #user-meta {
-    @include list-reset;
+    @include list-reset-soft;
+}
+
+
+
+// this is a bit of a hack to get some differentation between desk and mobile
+.desk-only {
+    display:none !important;
 }
\ No newline at end of file