[Hart] footer work including social media icons

5 files changed, 88 insertions, 22 deletions

diff --git a/web/cobrands/hart/facebook-logo.png b/web/cobrands/hart/facebook-logo.png
new file mode 100755
index 000000000..931c39316
--- /dev/null
+++ b/web/cobrands/hart/facebook-logo.png
diff --git a/web/cobrands/hart/gov-logo.png b/web/cobrands/hart/gov-logo.png
new file mode 100755
index 000000000..d5fc93455
--- /dev/null
+++ b/web/cobrands/hart/gov-logo.png
diff --git a/web/cobrands/hart/hart.scss b/web/cobrands/hart/hart.scss
index 4ec7e1820..a9958129d 100644
--- a/web/cobrands/hart/hart.scss
+++ b/web/cobrands/hart/hart.scss
@@ -197,16 +197,82 @@ body.frontpage .table-cell .content {
 //#search input.button { background: #fff; border: 1px solid #8596a8; color: #333; font-family: 'Gill Sans', 'Trebuchet MS', Calibri, sans-serif; font-size:133%; height: 27px; line-height: 27px; padding: 0; vertical-align: top; width: 70px; }
 
 // #footer renamed to #hart-footer, fixed font size.
-#hart-footer, .hart-footer-wrapper { background-color: #4F5757; }
-#hart-footer { clear: both; width:100%; padding:30px 15px 50px; margin-left:-15px; color:#fff; font-size:92%;}
-#hart-footer a:link, 
-#hart-footer a:visited 				{ color: #fff; text-decoration: none; }
-#hart-footer a:hover,
-#hart-footer a:active 				{ text-decoration: underline;}
-#hart-footer img 					{ float: right; margin-top: -18px; }
-#hart-footer .footer-nav 			{ float: right; height:35px; margin-top: -15px; }
-#hart-footer .footer-nav li 			{ border-right:1px solid #fff; float: left; line-height: 1; padding: 0 20px; }
-#hart-footer .footer-nav li:last-child 	{ border: none; }
+
+.hart-footer-wrapper {
+    #footer_outside_wrapper {
+        display: block;
+        #footer_inside_wrapper {
+            display: block;
+            .footer_wrapper {
+                display: block;
+            }
+            #footer-right {
+                float: right;
+                width: 329px;
+                .region-footer-right {
+                    float: left;
+                    width: 319px;
+                }
+            }
+            #footer-images {
+                display: block;
+                width: 300px;
+            }
+        }
+    }
+    .footer_border {
+        display: block;
+        width: 1024px;
+    }
+    background-color: #4F5757;
+    clear: both;
+    width:100%; 
+    height: auto;
+    overflow: hidden;
+    display: block;
+    bottom: 0;
+    padding-bottom: 60px;
+    padding:30px 15px 50px; 
+    margin-left:-15px; 
+    color:#fff; 
+    font-size:92%;
+    p {
+      margin: 0;
+    }
+    a:link, a:visited { 
+        color: #fff; text-decoration: none; 
+    }
+    a:hover, a:active { 
+        text-decoration: underline;
+    }
+
+    #hart-footer {
+        width: 709px;
+    }
+
+    #copyright-block {
+        float: left;
+        margin-left: 2em;
+        display: block;
+        line-height: 1.5em;
+    }
+    .footer-nav,  {
+        float: right; 
+        height:35px; 
+        margin-top: -15px; 
+
+        li { 
+            list-style-type: none;
+            border-right:1px solid #fff; 
+            float: left; 
+            line-height: 1; 
+            padding: 0 20px; 
+        }
+        li:last-child { 
+            border: none; 
+        }
+    }
+}
 
 // IE specific CSS
 .ie6 {
@@ -266,20 +332,9 @@ body.frontpage .table-cell .content {
 body.mappage .hart-footer-wrapper {
   display: none;
 }
-#hart-footer {
-  padding-bottom: 60px;
-}
-
-#hart-footer .footer-nav li {
-  list-style-type: none;
-}
-
-#hart-footer p {
-  margin: 0;
-}
-
 #hart-powered-by {
     float: left;
+    margin-left: 2em;
     margin-right: 4em;
     img {
         float: none;
@@ -294,3 +349,4 @@ body.mappage .hart-footer-wrapper {
 #fms_pan_zoom {
     top: 12em;
 }
+
diff --git a/web/cobrands/hart/layout.scss b/web/cobrands/hart/layout.scss
index 0acc5f81c..6817482ae 100644
--- a/web/cobrands/hart/layout.scss
+++ b/web/cobrands/hart/layout.scss
@@ -29,3 +29,13 @@ body.twothirdswidthpage .content {
         }
     }
 }
+
+#footer-images {
+    padding-bottom: 10px;
+    margin-bottom: 0px;
+    float: right!important;
+    clear: both;
+    text-decoration: none!important;
+    width: 300px;
+    padding-left: 30px;
+}
diff --git a/web/cobrands/hart/twitter-logo.png b/web/cobrands/hart/twitter-logo.png
new file mode 100755
index 000000000..7e10506e2
--- /dev/null
+++ b/web/cobrands/hart/twitter-logo.png