Cleanup and using mixins again

source/less/Typography.less

@@ -46,10 +46,7 @@
 		}
 	}
 	.hyphenate {
-		-webkit-hyphens:auto;
+		.hyphens(auto);
-		   -moz-hyphens:auto;
-		    -ms-hyphens:auto;
-		        hyphens:auto;
 		word-wrap:break-word;
 	}
 

source/less/VMM.Timeline.Core.less

@@ -12,13 +12,9 @@
 	padding-top:20px;
 	padding-bottom:20px;
 	clear:both;
-	-webkit-border-radius: 10px;
+	
-	   -moz-border-radius: 10px;
+	.border-radius(10px);
-	        border-radius: 10px;
+	.box-shadow(1px 1px 3px rgba(0,0,0,.35));
-
-	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
-	   -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.35);
-	        box-shadow: 1px 1px 3px rgba(0,0,0,.35);
 }
 #timeline-embed.full-embed {
 	overflow:hidden;
@@ -26,12 +22,9 @@
 	padding: 0 !important;
 	margin: 0 !important;
 	clear:both;
-	-webkit-border-radius: 0 !important;
+	
-	   -moz-border-radius: 0 !important;
+	.border-radius(0) !important;
-	        border-radius: 0 !important;
+	.box-shadow(0 0px 0px rgba(0, 0, 0, 0.25)) !important;
-	-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;
-	   -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;
-	      box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important;
 }
 #timeline-embed.sized-embed {
 	overflow:hidden;
@@ -40,10 +33,8 @@
 	padding-bottom:7px;
 	margin: 0 !important;
 	clear:both;
-	-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;
-	   -moz-box-shadow:0 0px 0px rgba(0, 0, 0, 0.25) !important;
-	      box-shadow:0px 0px 0px rgba(0, 0, 0, 0.25) !important;
 	
+	.box-shadow(0 0px 0px rgba(0, 0, 0, 0.25)) !important;
 }
 
 /* TIMELINE
@@ -51,13 +42,10 @@
 .vmm-timeline {
 	width: 100%;
 	height:100%;
-	//border: 1px solid @color-line;
 	padding:0px;
 	margin:0px;
 	background-color:@color-background;
 	position: absolute;
-	//border: 1px solid @color-line;
-	
 	z-index:100;
 	clear:both;
 	overflow:hidden;

source/less/VMM.Timeline.TimeNav.less

@@ -46,9 +46,7 @@
 								color:@color-nav-date;
 							}
 							.thumbnail {
-								opacity: 1;
+								.opacity(100);
-								-moz-opacity: 1;
-								filter:alpha(opacity=100);
 							}
 						}
 					}
@@ -249,9 +247,7 @@
 								margin-top:5px;
 							}
 							.thumbnail {
-								opacity: 1;
+								.opacity(100);
-								-moz-opacity: 1;
-								filter:alpha(opacity=100);
 							}
 						}
 					}
@@ -301,14 +297,8 @@
 						height:150px;
 						background-color: @color-line;
 						background-color: fade(@color-line, 50%);
-						/*
+						
-						-webkit-box-shadow: 1px 0 0 @color-base;
+						.box-shadow(1px 0 0 fade(@color-base, 50%));
-						   -moz-box-shadow: 1px 0 0 @color-base;
-						        box-shadow: 1px 0 0 @color-base;
-						*/		
-						-webkit-box-shadow: 1px 0 0 fade(@color-base, 50%);
-						   -moz-box-shadow: 1px 0 0 fade(@color-base, 50%);
-						        box-shadow: 1px 0 0 fade(@color-base, 50%);
 						
 						z-index:22;
 						.event-line {
@@ -361,9 +351,7 @@
 							.thumbnail {
 								margin-bottom: 15px;
 								margin-right: 3px;
-								opacity: 0.5;
+								.opacity(50);
-								-moz-opacity: 0.5;
-								filter:alpha(opacity=50);
 								img {
 									width:@base-thumb - 2;
 									height:@base-thumb - 2;