same style for github icon and social icons

css/style.css

@@ -3939,7 +3939,10 @@ span.code {
   position: absolute;
   left: -30px;
 }
-#footer ul a.icon-facebook, #footer ul a.icon-twitter, #footer ul a.icon-ghost {
+#footer ul a.icon-facebook,
+#footer ul a.icon-twitter,
+#footer ul a.icon-ghost,
+#footer ul a.icon-github {
   width: 30px;
   height: 30px;
   line-height: 30px;
@@ -3953,7 +3956,10 @@ span.code {
   -moz-transition: background ease .2s;
   transition: background ease .2s;
 }
-#footer ul a.icon-facebook:hover, #footer ul a.icon-twitter:hover, #footer ul a.icon-ghost:hover {
+#footer ul a.icon-facebook:hover,
+#footer ul a.icon-twitter:hover,
+#footer ul a.icon-ghost:hover,
+#footer ul a.icon-github:hover {
   background: #005c98;
 }
 #footer ul a.icon-twitter {
@@ -3963,24 +3969,49 @@ span.code {
 #footer ul a.icon-twitter:hover {
   background: #00a3cf;
 }
+
+#footer ul a.icon-github {
+  text-indent: 5px;
+  background-color: white;
+}
+
+#footer ul a.icon-github:hover {
+  background-color: white;
+}
+
 #footer ul a.icon-ghost {
-  text-indent: 7px;
+  text-indent: 10px;
   background: #E5850A;
 }
 #footer ul a.icon-ghost:hover {
   background: #E79338;
 }
-#footer ul a.icon-facebook:before, #footer ul a.icon-twitter:before {
+#footer ul a.icon-facebook:before,
+#footer ul a.icon-twitter:before,
+#footer ul a.icon-github:before {
   display: block;
   position: absolute;
   top: 8px;
   left: 50%;
   margin-left: -15px;
 }
+
+#footer ul a.icon-github:before {
+  color: #333;
+  font-size: 28px;
+  text-align: center;
+  top: 1px;
+  left: 11px;
+}
+
+#footer ul a.icon-github:hover:before {
+  color: #464646;
+}
+
 #footer ul a.icon-twitter:before {
   font-size: 12px;
   top: 9px;
-  margin-left: -13px;
+  margin-left: -12px;
 }
 #footer ul small {
   display: block;

index.php

@@ -219,7 +219,7 @@
 					<?php if(defined('LINK_FCBK')) { ?><li class="social"><a href="<?=LINK_FCBK?>" target="_blank" class="icon-facebook"></a></li><?php } ?>
 					<?php if(defined('LINK_BLOG')) { ?><li class="social"><a href="<?=LINK_BLOG?>" target="_blank" class="icon-ghost"></a></li><?php } ?>
 					<?php if(defined('LINK_TWTR')) { ?><li class="social"><a href="<?=LINK_TWTR?>" target="_blank" class="icon-twitter"></a></li><?php } ?>
-					<?php if(defined('LINK_GTHB')) { ?><li class="github"><a href="<?=LINK_GTHB?>" target="_blank" class="icon-github">Github</a></li><?php } ?>
+					<?php if(defined('LINK_GTHB')) { ?><li class="social"><a href="<?=LINK_GTHB?>" target="_blank" class="icon-github"></a></li><?php } ?>
                 </ul>
 			</nav>
 			<footer>