Social buttons

4 files changed, 37 insertions, 11 deletions

diff --git a/css/page.css b/css/page.css
index 7ff617c..40027ca 100644
--- a/css/page.css
+++ b/css/page.css
@@ -58,16 +58,15 @@ form {
 	text-align: center;

 	position: relative; 

 	min-width: 900px;

-	z-index: -10;

 	

-background: #272727;

-background: -moz-linear-gradient(top,  #272727 0%, #111111 100%);

-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#111111));

-background: -webkit-linear-gradient(top,  #272727 0%,#111111 100%);

-background: -o-linear-gradient(top,  #272727 0%,#111111 100%);

-background: -ms-linear-gradient(top,  #272727 0%,#111111 100%);

-background: linear-gradient(to bottom,  #272727 0%,#111111 100%);

-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#111111',GradientType=0 );

+	background: #272727;

+	background: -moz-linear-gradient(top,  #272727 0%, #111111 100%);

+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#111111));

+	background: -webkit-linear-gradient(top,  #272727 0%,#111111 100%);

+	background: -o-linear-gradient(top,  #272727 0%,#111111 100%);

+	background: -ms-linear-gradient(top,  #272727 0%,#111111 100%);

+	background: linear-gradient(to bottom,  #272727 0%,#111111 100%);

+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#111111',GradientType=0 );

 

 }

 

@@ -79,6 +78,7 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', end
 	left:20px;

 	border:1px solid #777;

 	padding:4px;

+	z-index:40

 }

 

 

@@ -107,6 +107,23 @@ a:hover {
 	-moz-transition:color 0s ease-out;

 }

 

+.socialButtons {

+	text-align:right;

+	margin: 0px auto;

+	width:890px;

+}

+

+.buttons a {

+	margin: 1px;

+	opacity: 0.7;

+	filter: alpha(opacity=70);

+}

+.buttons a:hover {

+	opacity: 1;

+	filter: alpha(opacity=100);

+}

+

+

 #oid_box {

 	width:500px;

 	height:300px;

diff --git a/images/btns/reddit.png b/images/btns/reddit.png
new file mode 100644
index 0000000..b90a0bd
--- /dev/null
+++ b/images/btns/reddit.png
diff --git a/images/btns/rss.png b/images/btns/rss.png
new file mode 100644
index 0000000..9245669
--- /dev/null
+++ b/images/btns/rss.png
diff --git a/includes/header.php b/includes/header.php
index 6e29cbe..2a6e940 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -8,7 +8,7 @@ function htmlHeader($css = array(), $title = 'Pathery', $desc = '', $scripts = a
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

 	<title><? echo $title; ?></title>

 

-	<link href="css/page.css" rel="stylesheet" type="text/css" />

+	<link href="css/page.css?v=011013" rel="stylesheet" type="text/css" />

 	<link href="css/maps.css?v=121212" rel="stylesheet" type="text/css" />

 <?php

 	foreach ($css as $c) {

@@ -62,7 +62,16 @@ function htmlFooter() {
 	

 	global $footerLinks;

 

-	echo "<div class='divide'> </div>";

+	echo "<div class='divide'>	

+	

+	<div class='socialButtons buttons'>

+		<a href='http://www.facebook.com/Pathery' target='top' title='Facebook'><img alt='Facebook' src='images/btns/facebook.png' /></a>

+		<a href='http://www.reddit.com/r/Pathery' target='top' title='Reddit'><img alt='Reddit' src='images/btns/reddit.png' /></a>

+		<a href='https://twitter.com/Pathery' target='top' title='Twitter'><img alt='Twitter' src='images/btns/twitter.png' /></a>

+		<a href='https://plus.google.com/105148482605711831543' target='top' title='Google Plus'><img alt='Google Plus' src='images/btns/googleplus.png' /></a>

+	</div>

+	

+ </div>";

 	echo "		<div class='footerArea' style='width:100%;clear: both'><ul id='triple'>";

 	foreach ($footerLinks as $key => $value) {

 		echo "<li><a href='$key'>$value</a></li>";