From bb96c609c2c25509e110e5aeab228bbf4ebfa9f3 Mon Sep 17 00:00:00 2001
From: raylu <raylu@mixpanel.com>
Date: Mon, 4 Jul 2011 03:46:49 -0700
Subject: don't define link colors in style.css; big signup button

---
 views/pages/home.html.php    |  2 +-
 webroot/css/base.css         |  3 ---
 webroot/css/home.css         | 13 +++++++++++++
 webroot/css/style.css        |  4 ----
 webroot/css/themes/light.css | 20 ++++++++++++++++++--
 5 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/views/pages/home.html.php b/views/pages/home.html.php
index 34012ba..c261efb 100644
--- a/views/pages/home.html.php
+++ b/views/pages/home.html.php
@@ -3,7 +3,7 @@ $this->styles($this->html->style("/css/home.css"));
 ?>
 
 <h1>The Otaku Social Network</h1>
-<a href="/users/signup">Sign up!</a>
+<a href="/users/signup" id="signup" class="gradient">Sign up!</a>
 <svg height="0">
 	<mask id="scrollmask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
 		<linearGradient id="g" gradientUnits="objectBoundingBox" x2="1" y2="0">
diff --git a/webroot/css/base.css b/webroot/css/base.css
index ba5c45c..9b12043 100644
--- a/webroot/css/base.css
+++ b/webroot/css/base.css
@@ -2,9 +2,6 @@ body {
 	font-family: Cantarell;
 	letter-spacing: -0.01em;
 }
-a:hover {
-	text-decoration:none;
-}
 h1 {
 	font-weight: bold;
 	font-size: 220%;
diff --git a/webroot/css/home.css b/webroot/css/home.css
index f9aa511..f6fa51a 100644
--- a/webroot/css/home.css
+++ b/webroot/css/home.css
@@ -76,3 +76,16 @@ a.left:active {
 a.disabled {
 	visibility: hidden !important;
 }
+
+#signup {
+	float: right;
+	font-size: 200%;
+	border: 1px solid #ccc;
+	display: block;
+	padding: 10px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	line-height: 1;
+	text-decoration: none;
+}
diff --git a/webroot/css/style.css b/webroot/css/style.css
index d3c13f5..15b1af7 100644
--- a/webroot/css/style.css
+++ b/webroot/css/style.css
@@ -114,10 +114,6 @@ html { -webkit-font-smoothing: antialiased; }
 /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
 a:hover, a:active { outline: none; }
 
-a, a:active, a:visited { color:#607890; }
-a:hover { color:#036; }
-
-
 ul { margin-left:30px; }
 ol { margin-left:30px; list-style-type: decimal; }
 
diff --git a/webroot/css/themes/light.css b/webroot/css/themes/light.css
index e38b72d..686aeb7 100644
--- a/webroot/css/themes/light.css
+++ b/webroot/css/themes/light.css
@@ -16,14 +16,30 @@ nav a:hover {
 h2.ribbon {
 	background: #359;
 	background: -moz-linear-gradient(top,  #37f,  #359);
-	background: -webkit-linear-gradient(top, #35f, #359);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#359');
+	background: -webkit-linear-gradient(top, #37f, #359);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37f', endColorstr='#359');
 	color: #eee;
 }
 .triangle-ribbon {
 	border-right-color: #359;
 }
 
+a.gradient {
+	/* same as h2.ribbon */
+	background: #359;
+	background: -moz-linear-gradient(top,  #37f,  #359);
+	background: -webkit-linear-gradient(top, #37f, #359);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37f', endColorstr='#359');
+	color: #eee;
+}
+a.gradient:hover {
+	background: #37f;
+	background: -moz-linear-gradient(top,  #39f,  #06a);
+	background: -webkit-linear-gradient(top, #39f, #06a);
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39f', endColorstr='#06a');
+	color: #fff;
+}
+
 footer {
 	color: #666;
 }
-- 
cgit v1.2.3