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

4 files changed, 31 insertions, 9 deletions

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