Changes on default stylesheets

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

@@ -281,7 +281,19 @@ section.aside.onright {
   background: #4b4b4b;
 }
 /* @end */
-/* @group <inputs> */
+/* @group <form> */
+form,
+.form {
+  font-weight: bold;
+}
+form li,
+.form li {
+  min-height: 27px;
+}
+form label,
+.form label {
+  color: #999;
+}
 input,
 textarea,
 select {
@@ -312,13 +324,9 @@ select.underline {
 input:focus,
 textarea:focus,
 select:focus {
+  color: #64b9e2;
   border-color: #64b9e2;
 }
-label {
-  color: #e1e1e1;
-  text-transform: uppercase;
-  font-weight: bold;
-}
 .select:after {
   background: #858585;
   color: white;

src/stylesheets/less/Lungo.layout.aside.less

@@ -17,10 +17,11 @@
 
 /* @group <aside> */
 section.aside {
-	//.transform(translate3d(256px, 0, 0));
-	left: 256px;
-
-	&.onright { .transform(translate3d(-256px, 0, 0)); }
+	left: @aside-width;
+	&.onright {  
+		left: 0px;	
+		.transform(translate(-@aside-width, 0)); 
+	}
 }
 
 aside {
@@ -31,8 +32,8 @@ aside {
 	visibility: hidden;
 	z-index: 0;
 
-	width: 256px;
-	max-width: 256px;
+	width: @aside-width;
+	max-width: @aside-width;
 
 	&.onright { right: 0px; }
 	&.current { visibility: visible;}

src/stylesheets/less/Lungo.layout.less

@@ -17,19 +17,27 @@ section {
 	top:  0px;
 	width: 100%;
 	height: 100%;
+	z-index: 0;
+	
+	display: block;
+	visibility: hidden;
+	-webkit-backface-visibility: hidden;
 	
-	display: none;
-	-webkit-backface-visibility: hidden;	
-
 	&:first-child, &.show {	
-		display: block;
-		.transform(translate3d(0%, 0, 0)); 
+		z-index: 1;
+		//display: block;
+		visibility: visible;
+	}
+	&.hide { 
+		z-index: 0;
+		//display: none;
+		visibility: hidden;
 	}
-	&.hide { display: none; }
 	
 	&.slide {
-		.transform(translate3d(100%, 0, 0));
-		display: block;
+		.transform(translate(100%, 0));
+		//display: block;
+		visibility: visible !important;
 		
 		-webkit-transition: -webkit-transform 250ms @defaultTrasition;
 		/*
@@ -38,30 +46,22 @@ section {
             transition: @keyframe @defaultTrasition;
 		*/
 		
-		&:first-child, &.show {	
-			.transform(translate3d(0%, 0, 0)); 
-		}
-		&.hide { 
-			.transform(translate3d(-100%, 0, 0)); 
-		}
+		&:first-child, &.show {	.transform(translate(0%, 0)); }
+		&.hide { .transform(translate(-100%, 0)); }
 	}
 	
 	
 	&.pop {
-    	z-index: 0;
     	opacity: 0;
-    	display: block;
 		-webkit-transition: all 250ms @defaultTrasition;
-    	.transform(scale(1.2));
+    	.transform(scale(1.15));
 		
 		&:first-child, &.show {	
-			z-index: 1;
 			.transform(scale(1));
 			opacity: 1;
 		}
 		&.hide { 
-			z-index: 0;
-			.transform(scale(0.8));
+			.transform(scale(0.9));
 			opacity: 0;
 		}
 	}

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

@@ -264,10 +264,23 @@ section.aside {
 }
 /* @end */
 
-/* @group <inputs> */
+/* @group <form> */
 @box-shadow-form: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 @box-shadow-form-big: inset 0 2px 4px rgba(0, 0, 0, 0.2);
 
+form, .form {
+	font-weight: bold;
+	
+	& li { min-height: 27px; }
+	
+	
+
+	& label {
+		color: #999;
+	}
+	
+}
+
 
 input, textarea, select {
 	border: 1px solid #e1e1e1;
@@ -284,16 +297,10 @@ input, textarea, select {
 }
 
 input:focus, textarea:focus, select:focus {
-	//color:  @theme;	
+	color:  @color-border-light;	
 	border-color: @color-border-light;
 }
 
-label {
-	color: #e1e1e1;
-	text-transform: uppercase;
-	font-weight: bold;
-}
-
 .select:after {
 	background: #858585;
 	color: white;

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

@@ -12,8 +12,9 @@
 
 form, .form { }
 
-label {
-	font-size: 0.8em;
+label { 
+	font-size: 0.9em;
+	line-height: 29px;
 }
 
 input:not([type=checkbox]), textarea, select {
@@ -26,10 +27,11 @@ input:not([type=checkbox]), textarea, select {
 	font-size:  15px;
 	line-height: 15px;
 	font-weight: bold;
-	margin-bottom: 8px;
 	
 	-webkit-appearance: none;
 	-webkit-user-select: text;
+	
+	margin: 0 0 6px;
 }
 
 /* @group search */
@@ -50,6 +52,8 @@ input[type=search] {
 }
 /* @end */
 
+/* @group select */
+
 select {
 	width: 100%;
 	height: 29px;
@@ -79,11 +83,14 @@ label.select {
 	content: none;
 }
 
-/* @group Switch */
+/* @end */
+
+
+/* @group switch */
 
 input[type="checkbox"], input[type="radio"]{
 	width: 82px;
-	height: 27px;
+	height: 29px;
 	z-index: 2;
 }
 
@@ -149,7 +156,7 @@ input[type="checkbox"],
 input[type="checkbox"] + span,
    input[type="radio"] + span {
 	width: 82px;
-	height:27px;
+	height: 27px;
 	position: relative;
 	font-size: 11px;
 	line-height: 29px;

src/stylesheets/less/constants.less

@@ -9,6 +9,8 @@
 	
 @border-radius: 3px;
 
+@aside-width: 256px;
+
 /* @end */
 
 @defaultTrasition : @easeOutSine;