Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

link title colors in things

  • Loading branch information...
commit 70a5a8f7cd1f13e09f0d9d17557318888c16fffc 1 parent 9ae0368
authored August 25, 2013
39  style.css
@@ -57,22 +57,6 @@ body {
57 57
   border-top: 3px solid lightblue;
58 58
   border-top-right-radius: 7px;
59 59
 }
60  
-.link {
61  
-  margin-bottom: 8px;
62  
-  padding-left: 3px;
63  
-  padding: 10px;
64  
-  -webkit-border-radius: 4px;
65  
-  -moz-border-radius: 4px;
66  
-  border-radius: 4px;
67  
-  background: #ffffff;
68  
-}
69  
-.link .title {
70  
-  font-size: 1.38em;
71  
-}
72  
-.link .tagline {
73  
-  margin-top: 0.092em;
74  
-  font-size: 0.9199999999999999em;
75  
-}
76 60
 .morelink {
77 61
   background: none;
78 62
   -webkit-border-radius: 4px;
@@ -171,10 +155,31 @@ body {
171 155
   border-top-left-radius: 0;
172 156
   border-bottom-left-radius: 0;
173 157
 }
174  
-.thing:hover {
  158
+.thing.link {
  159
+  margin-bottom: 8px;
  160
+  padding-left: 3px;
  161
+  padding: 10px;
  162
+  -webkit-border-radius: 4px;
  163
+  -moz-border-radius: 4px;
  164
+  border-radius: 4px;
  165
+  background: #ffffff;
  166
+}
  167
+.thing.link:hover {
175 168
   border: 1px solid #f6f6f6;
176 169
   border-left: 1px solid #336688;
177 170
 }
  171
+.thing.link .title {
  172
+  font-size: 1.38em;
  173
+  color: #336688;
  174
+}
  175
+.thing.link .title:active,
  176
+.thing.link .title:hover {
  177
+  color: #4182ad;
  178
+}
  179
+.thing.link .title .tagline {
  180
+  margin-top: 0.092em;
  181
+  font-size: 0.9199999999999999em;
  182
+}
178 183
 ::-webkit-scrollbar {
179 184
   width: 12px;
180 185
   height: 12px;
40  style.less
@@ -66,21 +66,6 @@ body {
66 66
 	border-top-right-radius: 7px;
67 67
 }
68 68
 
69  
-.link {
70  
-	margin-bottom: 8px;
71  
-	padding-left: 3px;
72  
-	padding: 10px;
73  
-	.border-radius(4px);
74  
-	background: @white;
75  
-	.title {
76  
-		font-size: @large;
77  
-	}
78  
-	.tagline {
79  
-		margin-top: (@small / 10);
80  
-		font-size: @small;
81  
-	}
82  
-}
83  
-
84 69
 .morelink {
85 70
 	background: none;
86 71
 	.border-radius(4px); 
@@ -178,9 +163,27 @@ body {
178 163
 	.box-shadow (0px 1px 0 @gray);
179 164
 	border-top-left-radius: 0;
180 165
 	border-bottom-left-radius: 0;
181  
-	&:hover {
182  
-		border: 1px solid @light-gray;
183  
-		border-left: 1px solid @primary-color;
  166
+	&.link {
  167
+		margin-bottom: 8px;
  168
+		padding-left: 3px;
  169
+		padding: 10px;
  170
+		.border-radius(4px);
  171
+		background: @white;
  172
+		&:hover {
  173
+			border: 1px solid @light-gray;
  174
+			border-left: 1px solid @primary-color;
  175
+		}
  176
+		.title {
  177
+			font-size: @large;
  178
+			color: @primary-color;
  179
+			&:active, &:hover {
  180
+				color: @primary-tint;
  181
+			}
  182
+			.tagline {
  183
+				margin-top: (@small / 10);
  184
+				font-size: @small;
  185
+			}
  186
+		}
184 187
 	}
185 188
 }
186 189
 
@@ -188,7 +191,6 @@ body {
188 191
 	//font-size: @large;
189 192
 }
190 193
 
191  
-
192 194
 /////////////////////////
193 195
 ////// Scroll-bar ///////
194 196
 /////////////////////////
1  variables.less
@@ -5,6 +5,7 @@
5 5
 @primary-color: #368;
6 6
 @primary-shade: darken(#368, 10%);
7 7
 @primary-tint: lighten(#368, 10%);
  8
+@primary-tint-2: lighten(#368, 20%);
8 9
 @red: #e74c3c;
9 10
 @dark-red: darken(@red, 20%);
10 11
 @green: #2ecc71;

0 notes on commit 70a5a8f

Please sign in to comment.
Something went wrong with that request. Please try again.