From 0c5e8f740fcf610158e610899db4264d5259f5e0 Mon Sep 17 00:00:00 2001 From: Patrick Davison Date: Fri, 11 Jan 2013 22:06:51 -0800 Subject: Social buttons --- css/page.css | 35 ++++++++++++++++++++++++++--------- images/btns/reddit.png | Bin 0 -> 1758 bytes images/btns/rss.png | Bin 0 -> 2188 bytes includes/header.php | 13 +++++++++++-- 4 files changed, 37 insertions(+), 11 deletions(-) create mode 100644 images/btns/reddit.png create mode 100644 images/btns/rss.png 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 Binary files /dev/null and b/images/btns/reddit.png differ diff --git a/images/btns/rss.png b/images/btns/rss.png new file mode 100644 index 0000000..9245669 Binary files /dev/null and b/images/btns/rss.png differ 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 <? echo $title; ?> - + "; + echo "
+ + + +
"; echo "