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 ++++++++++++++++++++++++++--------- 1 file changed, 26 insertions(+), 9 deletions(-) (limited to 'css') 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; -- cgit v1.2.3