don't define link colors in style.css; big signup button

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">

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%;

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;
+}

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; }
 

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;
 }