added social buttons

aaronmiler · May 19, 2013 · 1526451 · 1526451
1 parent bd3dd9d
commit 1526451
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 1 deletion.
diff --git a/sites/all/themes/Haiku/css/style.css b/sites/all/themes/Haiku/css/style.css
@@ -299,7 +299,7 @@ hr {
   color: #444;
   height: 77px;
   line-height: 65px;
-  padding: 0px 25px;
+  padding: 0px 10px;
   text-transform: uppercase;
   font-size: 22px;
    -moz-transition: none;
@@ -314,6 +314,8 @@ hr {
 
 .top-bar ul > li a.active {
   height: 80px;
+	color:#6db340;
+
 }
 
 .top-bar ul > li.has-dropdown a {
@@ -2060,3 +2062,36 @@ div.orbit-wrapper {
 #main_wrapper .container{
 	margin-bottom:32px;
 }
+
+.social{
+	margin: -12px 0 0 12px;
+	line-height: 0;
+	text-align: right;
+
+}
+
+.social-icon{
+	width:22px;
+	height:22px;
+	display:inline-block;
+	vertical-align:middle;
+	background-repeat:no-repeat;
+}
+
+.social-icon:hover{
+	background-position: 0 -22px;
+}
+
+.social-icon.facebook{
+  background-image: url('../images/fb-icon.gif'); 
+}
+.social-icon.twitter{
+  background-image: url('../images/twitter-icon.gif'); 
+}
+.social-icon.youtube{
+  background-image: url('../images/youtube-icons.gif'); 
+}
+
+.social-icon.first{
+	margin-left:24px;
+}
diff --git a/sites/all/themes/Haiku/images/fb-icon.gif b/sites/all/themes/Haiku/images/fb-icon.gif
diff --git a/sites/all/themes/Haiku/images/twitter-icon.gif b/sites/all/themes/Haiku/images/twitter-icon.gif
diff --git a/sites/all/themes/Haiku/images/youtube-icons.gif b/sites/all/themes/Haiku/images/youtube-icons.gif
diff --git a/sites/all/themes/Haiku/includes/header.php b/sites/all/themes/Haiku/includes/header.php
@@ -32,6 +32,13 @@ function haiku_header($page){
 	            </li>
               <li class="toggle-topbar"><a href="#"></a></li>
               </ul>
+              <section class="social">
+                <a href="/subscribe">Subscribe to our newsletter</a> | 
+                <a href="/signup">Volunteer Sign Up</a>
+                <a class="social-icon twitter first" href="/twitter"></a>
+                <a class="social-icon youtube" href="/youtube"></a>
+                <a class="social-icon facebook" href="/facebook"></a>
+              </section>
               <section class="menu_wrap">
 				          <?php print theme('links__system_main_menu', array(
 				            'attributes' => array(