link style tweaks

_src/assets/less/buttons.less

@@ -81,6 +81,10 @@ a.btn-primary:visited {
 	&:hover {
 		background: none;
 	}
+    &:active { 
+        background: @link-color;
+        .box-shadow(none);
+    }
 }
 
 .btn-block {

_src/assets/less/content.less

@@ -6,9 +6,9 @@
     margin-bottom: @line-height-computed/2;
     
     // icons
-    .document &:before {
+    &:before {
         font-size: 32px;
-        color: lighten(@text-color-dimmed, 10%);
+        color: fade(@text-color-dimmed, 70%);
         margin-right: .5em
     }
     
@@ -162,6 +162,17 @@
     &:hover { 
         figure { background: #c4e4df; }
     }
+    &:active {
+        background: transparent;
+        
+        figure { 
+            .transition(none);
+            background: @link-color;
+            
+            &,
+            figcaption { color: #fff }
+        }
+    }
 }
 
 #exif {

_src/assets/less/icons.less

@@ -13,22 +13,18 @@
 	font-style: normal;
 }
 
-.topbar,
+[class*="icon-"]:before {
-.document,
+	color: @text-color-light;
-.footer {
+	font-size: 20px;
-    [class*="icon-"]:before {
+	font-family: 'entypo';
-		color: @text-color-light;
+	speak: none;
-		font-size: 20px;
+	font-style: normal;
-    	font-family: 'entypo';
+	font-weight: normal;
-    	speak: none;
+	font-variant: normal;
-    	font-style: normal;
+	text-transform: none;
-    	font-weight: normal;
+	line-height: 1;
-    	font-variant: normal;
+	-webkit-font-smoothing: antialiased;
-    	text-transform: none;
+	-moz-osx-font-smoothing: grayscale;
-    	line-height: 1;
-    	-webkit-font-smoothing: antialiased;
-    	-moz-osx-font-smoothing: grayscale;
-    }
 }
 
 .btn[class*="icon-"]:before {

_src/assets/less/navigation.less

@@ -15,9 +15,16 @@
     top: 0;
     
     // icons
-    &:before { .transition; }
+    &:before { 
+        color: @link-color;
+        .transition;
+    }
     &:hover:before {
-        color: @link-color
+        color: @link-color-hover
+    }
+    &:active:before {
+        .transition(none);
+        color: #fff
     }
 }
 .search-btn { right: 50px }
@@ -49,7 +56,9 @@
             float: left;
             text-align: center;
             padding: 1em;
-            color: @text-color-light;
+            .h6;
+            color: @link-color;
+            line-height: @line-height-computed;
             text-transform: uppercase;
             font-size: .8em;
             
@@ -60,13 +69,14 @@
                 text-align: center;
                 font-size: 32px;
                 height: 32px;
-                color: lighten(@text-color-dimmed, 5%);
+                color: fade(@text-color-dimmed, 70%);
                 .transition;
             }
             
             &:hover,
             &:hover:before {
-                color: @link-color
+                color: @link-color;
+                border-bottom-color: @link-color
             }
         }
     }

_src/assets/less/typography.less

@@ -73,7 +73,11 @@ h3 a:visited:hover {
 }
 
 a:active {
+    .transition(none);
 	top: 1px;
+    background: @link-color;
+    color: #fff !important;
+    text-shadow: none;
 }
 
 h1 a,