New stylesheet modifications

src/stylesheets/css/Lungo.layout.css

@@ -1,14 +1,13 @@
-section{position:absolute;position:fixed;width:100%;height:inherit;z-index:0;-webkit-transform:translate3d(320px, 0, 0);transform:translate3d(320px, 0, 0);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}
-section:first-child{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);z-index:1;}
-section.hide{-webkit-transform:translate3d(-320px, 0, 0);transform:translate3d(-320px, 0, 0);z-index:0;}
-section.show{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);z-index:1;}
+section{position:absolute;position:fixed;width:100%;height:inherit;z-index:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}
+section:first-child,section.show{z-index:1;-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}
+section.hide{z-index:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
 header,footer{position:absolute;left:0px;width:100%;height:38px;display:block;z-index:2;line-height:38px;}
 header{top:0px;}
 footer{bottom:0px;}
-header .title,footer .title{float:left;margin:0 8px;}
-header .title{position:absolute;left:0px;width:100%;margin:0px auto;text-align:center;z-index:-1;}
+header .title,footer .title{float:left;margin:0 8px;font-size:1.15em;}
+header .title{position:absolute;left:0px;width:100%;margin:0px auto;z-index:-1;text-align:center;}
 section header a.button,section footer a.button{margin:3px 3px auto 4px;}
-section header a.button.icon,section footer a.button.icon{width:17px;font-size:1.5em;font-weight:normal;}
+section header a.button.icon,section footer a.button.icon{width:17px;}
 aside{position:absolute;top:0px;bottom:0px;height:auto;width:256px;opacity:0;}
 aside.show{opacity:1;}
 header~aside{padding-top:40px;}
@@ -26,13 +25,13 @@ article.aside{-webkit-transform:translate3d(256px, 0, 0);transform:translate3d(2
 @media handheld, only screen and (min-width: 768px){article.aside{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}}article .title{font-size:1.1em;margin:0px 0 4px;}
 article .title .icon{margin-right:4px;}
 article .text{margin:4px 0 8px;display:block;font-size:0.9em;font-weight:normal;line-height:1.4em;}
-nav{height:inherit;text-align:center;font-weight:normal;}
+nav{height:inherit;text-align:center;}
 nav a{display:inline-block;padding:0 6px;height:inherit;float:left;}
-nav .icon{font-size:2.4em;line-height:38px;}
-nav a abbr{position:relative;bottom:6px;margin-left:4px;display:none;font-size:0.8em;font-weight:bold;}
+nav .icon{font-size:2.2em;line-height:38px;}
+nav a abbr{position:relative;bottom:5px;margin-left:2px;display:none;font-size:1.05em;}
 nav a.current abbr{display:inline;}
 .toolbar{height:48px;display:block;}
 .toolbar a{float:left;padding:0;}
-.toolbar .icon{display:block;font-size:2.5em;line-height:52px;}
+.toolbar .icon{display:block;font-size:2.5em;line-height:48px;}
 nav .bubble{position:relative;top:-14px;left:-10px;margin-right:-16px;}
 .toolbar .bubble{top:-58px;left:12px;padding:1px 4px;}

src/stylesheets/css/Lungo.layout.list.css

@@ -1,17 +1,15 @@
-.list{width:inherit;font-size:1.2em;line-height:1.05em;font-weight:bold;}
+.list{width:inherit;font-size:1.15em;}
 .list li:not(.toolbar){padding:8px 6px 8px 8px;list-style-type:none;}
 .list a{display:block;}
-.list li:not(.toolbar) img,.list li:not(.toolbar) .icon{float:left;width:32px;height:32px;margin-right:6px;font-size:36px;font-weight:normal;}
-.list small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.85em;font-weight:normal;}
+.list li:not(.toolbar) .icon,.list li:not(.toolbar) img{float:left;width:32px;height:32px;margin-right:6px;font-size:36px;font-weight:normal;}
+.list small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.85em;}
 .list .icon{display:inline-block;}
 .list .tip{font-size:0.85em;font-weight:bold;}
-.list .light{font-size:0.9em;font-weight:normal;}
-.list li.anchor{font-size:0.75em;padding:3px 6px !important;}
-.list .anchor .icon{width:14px !important;height:14px !important;margin-right:4px !important;font-size:1.3em !important;line-height:16px !important;}
+.list li.anchor{font-size:0.8em;padding:4px 4px 3px;}
+.list .anchor .icon{width:14px !important;height:14px !important;margin-right:2px !important;font-size:1.6em !important;line-height:14px !important;}
 .list .anchor .bubble{display:none;}
 .list .search input{width:88%;}
 .list .search a{float:right;height:30px;margin:0px;padding:0px;}
 .list .search a .icon{height:12px;width:30px;margin:0px;font-size:1.2em;font-weight:normal;}
-.list a.arrow:before{float:right;content:">";position:relative;top:6px;font-size:16px;font-family:"Courier New",Courier,mono;font-weight:bold;}
-.list .onright{font-size:0.85em;}
-.list .onright .icon{font-size:1.2em !important;height:12px !important;width:12px !important;margin:0px;}
+.list .onright{font-size:0.75em;line-height:16px;}
+.list .onright .icon,.list small .icon{font-size:1.4em !important;line-height:16px;height:14px !important;width:14px !important;margin-right:0px !important;}

src/stylesheets/css/Lungo.theme.default.css

@@ -1,3 +1,4 @@
+@import "Lungo.theme.default.font.css";
 /** 
  * Stylesheet
  * 
@@ -20,6 +21,7 @@
 */
 .app {
   background: #000000;
+  font-family: 'Roboto', Helvetica, Arial, sans-serif;
 }
 /* @group <header> & <footer> & <article> */
 header {
@@ -34,11 +36,10 @@ footer {
 }
 .title {
   color: #ffffff;
-  font-size: 1.1em;
-  text-shadow: 0px 1px 0px #07acd0;
+  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
 }
 article {
-  background-color: #e8e8e8;
+  background-color: #f9f9f9;
 }
 article .title {
   color: #797979;
@@ -90,17 +91,22 @@ aside ~ article {
 /* @end */
 /* @group .list */
 .list, .list li:not(.toolbar) a {
-  color: #333;
+  color: #2a2a2a;
 }
 .list li {
   background: #fff;
-  border-bottom: 1px inset #e6e6e6;
+  border-bottom: 1px inset #e1e1e1;
 }
 .list li:last-child {
   border-bottom: none;
 }
+.list li.selectable:active {
+  background: #93d6e7;
+  color: #1b6777;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+}
 .indented ul {
-  border: 1px solid #c5c5c5;
+  border: 1px solid #e1e1e1;
 }
 .list .darker {
   background-color: #2c2c2d;
@@ -116,14 +122,20 @@ aside ~ article {
   text-shadow: 0px 1px 0px #fff;
 }
 .list small, .list .onright:not(.bubble) {
-  color: #999;
+  color: #888;
+}
+.list li.selectable:active small, .list li.selectable:active .onright:not(.bubble) {
+  color: #34bcd7;
+  color: #ffffff;
 }
 .list .tip {
   color: #7a7a7a;
 }
 .list li.anchor {
-  background: #f4f4f4;
-  color: #222;
+  background: #93d6e7;
+  color: #1b6777;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
+  border: none;
 }
 .list .toolbar {
   border-bottom-color: rgba(0, 0, 0, 0.2);
@@ -145,9 +157,9 @@ aside ~ article {
 /* @end */
 /* @group widgets */
 .splash {
-  background: #05b8e2 -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #05bde9), color-stop(1, #07acd0));
+  background: #07acd0;
   color: #fff;
-  text-shadow: 0px 1px 1px #000;
+  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
 }
 /* @group .button */
 a.button {
@@ -160,17 +172,17 @@ a.button:active {
 /* @group <inputs> */
 input, textarea, select {
   border: 1px solid #e1e1e1;
-  border-radius: 0px;
   color: #858585;
+  font-family: 'Roboto', Helvetica, Arial, sans-serif;
 }
 input:focus, textarea:focus, select:focus {
   border-color: #05b8e2;
   color: #05b8e2;
 }
 label {
-  font-size: 0.75em;
   color: #05b8e2;
   text-transform: uppercase;
+  font-weight: bold;
 }
 .select:after {
   background: #858585;
@@ -184,7 +196,7 @@ input[type="checkbox"] + span::before, input[type="radio"] + span::before {
   background: #c1c1c1;
 }
 input[type="checkbox"]:checked + span, input[type="radio"]:checked + span {
-  background: #29a2c2;
+  background: #07acd0;
 }
 /* @end */
 .bubble {

src/stylesheets/css/Lungo.widgets.button.css

@@ -1,5 +1,5 @@
-a.button{display:inline-block;height:31px;padding:0 9px 0 8px;color:#fff !important;outline:none;-webkit-user-select:none;user-select:none;-webkit-border-radius:1px;border-radius:1px;-webkit-background-clip:padding-box;background-clip:padding-box;background:#5a5a5a;font-weight:bold !important;line-height:32px;text-align:center;text-decoration:none;}
+a.button{display:inline-block;height:31px;padding:0 9px 0 8px;color:#fff !important;outline:none;-webkit-user-select:none;user-select:none;-webkit-border-radius:1px;border-radius:1px;-webkit-background-clip:padding-box;background-clip:padding-box;background:#5a5a5a;font-weight:bold;line-height:32px;text-align:center;text-decoration:none;}
 a.button:disabled,a.button.disabled{background:rgba(255, 255, 255, 0.2);color:#999 !important;}
-a.button .icon{float:left;width:17px;height:30px;font-weight:normal;font-size:1.5em;line-height:31px;}
+a.button .icon{float:left;width:17px;height:30px;font-size:1.5em;line-height:31px;}
 a.button.big{position:relative;height:30px;width:100%;margin-bottom:4px;padding:6px 0;font-size:16px;line-height:31px;}
 a.button.big .icon{width:20px;height:28px;line-height:32px;margin-left:0.6em;margin-right:-48px;}

src/stylesheets/css/Lungo.widgets.css

@@ -14,4 +14,4 @@
 .mini{font-size:20px !important;height:16px !important;width:16px !important;line-height:16px !important;}
 .framed{border:2px solid #fff;}
 .round{-webkit-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;background-clip:padding-box;}
-.bubble{padding:2px 4px 3px;-webkit-border-radius:2px;border-radius:2px;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:0.8em;font-weight:bold;line-height:1.0em;}
+.bubble{padding:2px 4px 1px;-webkit-border-radius:1px;border-radius:1px;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:0.8em;font-weight:bold;line-height:1.0em;}

src/stylesheets/css/Lungo.widgets.form.css

@@ -1,6 +1,6 @@
-.form,form{font-size:0.9em;width:inherit !important;}
-label{line-height:27px;}
-input:not([type=checkbox]),textarea,select{display:inline-block;padding:5px;width:95%;margin-bottom:2px;outline:none;-webkit-appearance:none;font-size:14px;font-weight:bold;line-height:1.25em;}
+.form,form{width:inherit !important;}
+label{font-size:0.75em;line-height:27px;}
+input:not([type=checkbox]),textarea,select{display:inline-block;padding:5px;width:95%;margin-bottom:2px;outline:none;-webkit-appearance:none;border-radius:0px;font-size:14px;font-weight:bold;line-height:1.25em;}
 input[type=search]{width:86%;}
 input[type=search]+.button{float:right;padding:0px;width:32px;height:30px;}
 input[type=search]+.button .icon{font-size:22px !important;line-height:30px;}

src/stylesheets/less/Lungo.layout.less

@@ -19,31 +19,22 @@ section{
 	height: inherit;
 	z-index: 0;
 	
-	//.transform(translate3d(100%, 0, 0));
-	.transform(translate3d(320px, 0, 0));
-	
+	.transform(translate3d(100%, 0, 0));
+	//.transform(translate3d(320px, 0, 0));
 	-webkit-backface-visibility: hidden;
 	-webkit-transition: -webkit-transform 250ms @defaultTrasition;
 }
 
-section:first-child {
-	//.transform(translate3d(0%, 0, 0));
-	.transform(translate3d(0px, 0, 0));
-	
+section:first-child, section.show {	
 	z-index: 1;
+	.transform(translate3d(0%, 0, 0));
+	//.transform(translate3d(0px, 0, 0));
 }
 
 section.hide {
-	//.transform(translate3d(-100%, 0, 0));
-	.transform(translate3d(-320px, 0, 0));
 	z-index: 0;
-	
-}
-section.show {
-	//.transform(translate3d(0%, 0, 0));
-	.transform(translate3d(0px, 0, 0));
-	
-	 z-index: 1;
+	.transform(translate3d(-100%, 0, 0));
+	//.transform(translate3d(-320px, 0, 0));
 }
 /* @end */
 
@@ -69,7 +60,8 @@ footer  {
 
 header .title, footer .title  {
 	float: left;
-	margin: 0 8px;
+	margin: 0 8px;	
+	font-size: 1.15em;
 }
 
 header .title {
@@ -77,8 +69,8 @@ header .title {
 	left: 0px;
 	width: 100%;
 	margin:0px auto;
-	text-align: center;
 	z-index: -1;
+	text-align: center;
 }
 
 section header a.button, section footer a.button  {
@@ -87,8 +79,6 @@ section header a.button, section footer a.button  {
 
 section header a.button.icon, section footer a.button.icon  {
 	width: 17px;
-	font-size: 1.5em;
-	font-weight: normal;
 }
 /* @end */
 
@@ -105,67 +95,56 @@ aside {
 	aside.show {
 		opacity: 1;
 	}
-
-header ~ aside {
-	padding-top: 40px;
-}
-
-footer ~ aside {
-	padding-bottom: 40px;
-}
-
-aside ~ article {
-	.transform(translate3d(0px, 0, 0));
-	-webkit-transition: -webkit-transform 250ms @defaultTrasition;
-}
-
-aside a {
-	display: block;
-	width: 244px;
-	height: 40px;
-	padding: 0 6px;
-
-	font-size: 1.1em;
-	font-weight: bold;
-	line-height: 40px;
-}
-
-	aside .icon {
-		width: 28px;
-		height: 28px;
-		float: left;
-		margin: 8px 6px 0 0;
-
-	    font-size: 1.9em;
-	    line-height: 1.0em;
-	    text-align: center;
-	}
 	
-	aside .anchor {
-		font-weight: bold;
-    	padding: 3px 10px 4px;
-	}
+	header ~ aside { padding-top: 40px; }
 	
-	aside .bubble {
-    	float: right;
-		margin: 12px 4px 0 0;
-	}
-
-@media handheld, only screen and (min-width: 768px) {
-	[data-target="aside"] {
-		display: none !important;
-	}
-
-	aside {
-		opacity: 1;
+	footer ~ aside { padding-bottom: 40px; }
+	
+	aside ~ article {
+		.transform(translate3d(0px, 0, 0));
+		-webkit-transition: -webkit-transform 250ms @defaultTrasition;
 	}
 
-	aside ~ article{
-		width: auto !important;
-    	left: 256px;
-    	right:  0px !important;
+	aside a {
+		display: block;
+		width: 244px;
+		height: 40px;
+		padding: 0 6px;
+	
+		font-size: 1.1em;
+		font-weight: bold;
+		line-height: 40px;
 	}
-}
+		aside .icon {
+			width: 28px;
+			height: 28px;
+			float: left;
+			margin: 8px 6px 0 0;
+	
+		    font-size: 1.9em;
+		    line-height: 1.0em;
+		    text-align: center;
+		}
+		aside .anchor {
+			font-weight: bold;
+	    	padding: 3px 10px 4px;
+		}
+		aside .bubble {
+	    	float: right;
+			margin: 12px 4px 0 0;
+		}
+	
+		@media handheld, only screen and (min-width: 768px) {
+			[data-target="aside"] {
+				display: none !important;
+			}		
+			aside { opacity: 1; }		
+			aside ~ article{
+				width: auto !important;
+		    	left: 256px;
+		    	right:  0px !important;
+			}
+		}
 /* @end */
 
 /* @group <article> */
@@ -212,44 +191,31 @@ article {
 /* @end */
 
 /* @group <nav> */
+ 
 nav  {
 	height: inherit;
 	text-align: center;
-	font-weight: normal;
-}
-
-nav a  {
-	display: inline-block;
-	padding: 0 6px;
-	height: inherit;
-	float: left;
-	//font-size: 2.0em;
-	//line-height: 38px;
-}
-
-nav .icon {
-    font-size: 2.4em;
-    line-height: 38px;
-}
-
-nav a abbr {
-	position: relative;
-	bottom: 6px;
-	margin-left: 4px;
-	display: none;
-	font-size: 0.8em;
-	font-weight: bold;
-}
-
-nav a.current abbr {
-	display: inline;
 }
 
-/*
-nav a.current {
-	.transition(all 0.3s @easeInOutCubic);
-}
-*/
+	nav a {
+		display: inline-block;
+		padding: 0 6px;
+		height: inherit;
+		float: left;
+	}
+	nav .icon {
+	    font-size: 2.2em;
+	    line-height: 38px;
+	}
+	nav a abbr {
+		position: relative;
+		bottom: 5px;
+		margin-left: 2px;
+		display: none;
+		
+		font-size: 1.05em;
+	}
+	nav a.current abbr { display: inline; }
 
 
 .toolbar {
@@ -265,7 +231,7 @@ nav a.current {
 .toolbar .icon {
 	display: block;
 	font-size: 2.5em;
-	line-height: 52px;
+	line-height: 48px;
 }
 
 nav .bubble {

src/stylesheets/less/Lungo.layout.list.less

@@ -11,9 +11,8 @@
  
 .list {
     width: inherit;
-    font-size: 1.2em;
-    line-height: 1.05em;
-    font-weight: bold;
+    font-size: 1.15em;
+    //line-height: 1.15em;
 }
 	.list li:not(.toolbar) {
 		padding: 8px 6px 8px 8px;
@@ -24,7 +23,7 @@
 	    display: block;
 	}
 	
-	.list li:not(.toolbar) img, .list li:not(.toolbar) .icon {
+	.list li:not(.toolbar) .icon, .list li:not(.toolbar) img {
 		float: left;
 		width: 32px;
 		height: 32px;
@@ -39,10 +38,8 @@
 		white-space: nowrap;
 		text-overflow: ellipsis;
 		font-size: 0.85em;
-		font-weight: normal;
 	}
 	
-	
 	.list .icon {
 	    display: inline-block;
 	}
@@ -51,22 +48,17 @@
     	font-size: 0.85em;
     	font-weight: bold;
 	}
-	
-	.list .light {
-    	font-size: 0.9em;
-    	font-weight: normal;
-	}
 
 	.list li.anchor { 	
-		font-size: 0.75em;
-		padding: 3px 6px !important;
+		font-size: 0.8em;
+		padding: 4px 4px 3px;
 	}
 		.list .anchor .icon {
 			width: 14px !important;
 			height: 14px !important;	
-			margin-right: 4px !important; 	
-			font-size:  1.3em !important;
-			line-height: 16px !important;	
+			margin-right: 2px !important; 	
+			font-size:  1.6em !important;
+			line-height: 14px !important;	
 		}
 
 		.list .anchor .bubble { display: none; }
@@ -93,26 +85,16 @@
 }
 /* @end */
 
-/* @group .arrow */
-.list a.arrow:before {
-	float: right;
-	content: ">";
-	position: relative;
-	top: 6px;
-	font-size: 16px;
-	font-family: "Courier New", Courier, mono;
-	font-weight: bold;
-}
-/* @end */
-
 /* @group .onright */
 .list .onright {
-	font-size: 0.85em;
+	font-size: 0.75em;
+	line-height: 16px;
 }
-	.list .onright .icon {
-    	font-size: 1.2em !important;
-    	height: 12px !important;
-    	width: 12px !important;
-    	margin: 0px;
-	}
+	.list .onright .icon, .list small .icon {
+    	font-size: 1.4em !important;
+    	line-height: 16px;
+    	height: 14px !important;
+    	width: 14px !important;
+    	margin-right: 0px !important;
+    }
 /* @end */

src/stylesheets/less/Lungo.theme.default.less

@@ -8,6 +8,7 @@
  */
 
 @import "mixins.less";
+@import "Lungo.theme.default.font.css";
 /*
 //ARTIC
 @master-color: #2daf96;
@@ -24,11 +25,12 @@
 @master-color:  #05b8e2;
 	@master-color-light: #05bde9;
 	@master-color-dark: #07acd0;
-
+	@master-color-base: #93d6e7;
 @secondary-color: #2c2c2d;
 
 .app {
     background: @black;
+    font-family: 'Roboto', Helvetica, Arial, sans-serif;
 }
 	
 /* @group <header> & <footer> & <article> */
@@ -46,12 +48,10 @@ footer {
 
 .title {
 	color: @white;
-	font-size: 1.1em;
-	//text-shadow: 0px -1px 0px rgba(0,0,0,0.5) ;
-	text-shadow: 0px 1px 0px @master-color-dark;
+	text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
 }
 
-article { background-color: #e8e8e8; }
+article { background-color: #f9f9f9; }
 	
 	article .title {
     	color: #797979;
@@ -62,6 +62,7 @@ article { background-color: #e8e8e8; }
 /* @group <nav> */
 nav a { color: rgba(255,255,255,0.5); }
 	nav a.current, nav a:active { color: @white; }
+	//nav a.current { box-shadow: inset 0px -4px 0px @white; }
 
 .toolbar a {  color: rgba(255,255,255,0.2); }
 	.toolbar a.current, .toolbar nav a:active {
@@ -106,18 +107,23 @@ aside {
 /* @end */
 
 /* @group .list */
-.list, .list li:not(.toolbar) a {
-	color: #333;
-}
+.list, .list li:not(.toolbar) a { color: #2a2a2a; }
+	
 	.list li {
 		background: #fff;
-		border-bottom: 1px inset #e6e6e6;
+		border-bottom: 1px inset #e1e1e1;
 	}
 	
 	.list li:last-child { border-bottom: none; }
 	
+	.list li.selectable:active {
+    	background: #93d6e7;
+		color: #1b6777;
+		text-shadow: 0 1px 0 rgba(255,255,255,0.1);
+	}
+	
 	.indented ul {
-    	border: 1px solid #c5c5c5;
+    	border: 1px solid #e1e1e1;
 	}
 	
 	.list .darker {
@@ -134,7 +140,13 @@ aside {
 	}
 
 	.list small, .list .onright:not(.bubble) {
-		color: #999;
+		color: #888;
+	}
+	
+	.list li.selectable:active small, 
+	.list li.selectable:active .onright:not(.bubble) {
+    	color: #34bcd7;
+    	color: @white;
 	}
 	
 	.list .tip {
@@ -142,8 +154,10 @@ aside {
 	}
 	
 	.list li.anchor {
-		background: #f4f4f4;
-		color: #222;
+		background: #93d6e7;
+		color: #1b6777;
+		text-shadow: 0 1px 0 rgba(255,255,255,0.1);
+		border: none;
 	}
 	
 	.list .toolbar {
@@ -168,9 +182,9 @@ aside {
 /* @group widgets */
 
 .splash { 
-	background: @master-color -webkit-gradient(linear, left top, left bottom, color-stop(0.1, @master-color-light), color-stop(1, @master-color-dark));
+	background: @master-color-dark;
 	color: #fff; 
-	text-shadow: 0px 1px 1px #000;
+	text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
 }
 
 /* @group .button */
@@ -186,8 +200,8 @@ a.button:active {
 /* @group <inputs> */
 input, textarea, select {
 	border: 1px solid #e1e1e1;
-	border-radius: 0px;
 	color: #858585;
+	font-family: 'Roboto', Helvetica, Arial, sans-serif;
 }
 	
 input:focus, textarea:focus, select:focus { 
@@ -196,9 +210,9 @@ input:focus, textarea:focus, select:focus {
 }
 
 label {
-	font-size: 0.75em;
 	color: @master-color;
 	text-transform: uppercase;
+	font-weight: bold;
 }
 	
 .select:after {
@@ -217,7 +231,7 @@ input[type="checkbox"] + span, input[type="radio"] + span {
 	
 	input[type="checkbox"]:checked + span, 
 	input[type="radio"]:checked + span {
-		background: #29a2c2;
+		background: @master-color-dark;
 	}
 /* @end */
 

src/stylesheets/less/Lungo.widgets.button.less

@@ -18,7 +18,7 @@ a.button {
 	.user-select(none);
 	.border-radius(1px);
 	background: #5a5a5a;
-	font-weight: bold !important;
+	font-weight: bold;
 	line-height: 32px;
 	text-align: center; 
 	text-decoration: none;
@@ -33,7 +33,6 @@ a.button .icon{
 	float: left;
 	width: 17px;
 	height: 30px;	
-	font-weight: normal;
 	font-size: 1.5em;
 	line-height: 31px;}
 	

src/stylesheets/less/Lungo.widgets.form.less

@@ -10,11 +10,11 @@
 @import "mixins.less";
 
 .form, form {
-	font-size: 0.9em;
 	width: inherit !important;
 }
 
 label {
+	font-size: 0.75em;
     line-height: 27px;
 }
 
@@ -26,6 +26,7 @@ input:not([type=checkbox]), textarea, select {
 	
 	outline: none; 	
 	-webkit-appearance: none;
+	border-radius: 0px;
 	font-size:  14px;
 	
 	font-weight: bold;

src/stylesheets/less/Lungo.widgets.less

@@ -81,8 +81,8 @@
 /* @end */
 
 .bubble {
-	padding: 2px 4px 3px;
-	.border-radius(2px);		
+	padding: 2px 4px 1px;
+	.border-radius(1px);		
 	font-size: 0.8em;
 	font-weight: bold;		
 	line-height: 1.0em;