Layout stylesheets changes

src/stylesheets/css/Lungo.layout.css

@@ -19,12 +19,11 @@ nav a{display:inline-block;padding:0 6px;height:inherit;float:left;font-size:2.0
 nav a abbr{position:relative;bottom:3px;margin-left:2px;display:none;font-size:0.5em;font-weight:bold;}
 nav a.current abbr{display:inline;}
 nav a.current{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
-article{position:absolute;width:100%;height:auto;top:0px;bottom:0px;display:block;z-index:0;opacity:0;}
+aside{position:absolute;top:0px;bottom:0px;width:256px;height:auto;padding-top:40px;}
+aside a{display:block;width:244px;height:40px;padding:0 6px;font-size:1.1em;font-weight:bold;line-height:40px;}
+aside a .icon{width:28px;height:28px;float:left;margin:8px 6px 0 0;font-size:1.9em;line-height:1.0em;text-align:center;}
+@media handheld, only screen and (max-width: 768px){article{-webkit-transition:left 0.3s ease-in-out;} aside{width:0px;} aside.show{width:256px;}}article{position:absolute;width:100%;height:auto;top:0px;bottom:0px;display:block;z-index:0;opacity:0;}
 article.current{z-index:1;opacity:1;}
 .toolbar{height:48px;line-height:44px;display:block;}
 .toolbar a{float:left;padding:0;font-size:2.0em;}
 article.aside{left:256px !important;}
-aside{position:absolute;top:0px;bottom:0px;width:256px;height:auto;padding-top:40px;}
-aside a{display:block;width:242px;height:40px;padding:0 6px;font-size:1.1em;font-weight:bold;line-height:40px;}
-aside a .icon{width:28px;height:28px;float:left;margin:8px 6px 0 0;font-size:1.9em;line-height:1.0em;text-align:center;}
-@media handheld, only screen and (max-width: 768px){article{-webkit-transition:left 0.3s ease-in-out;} aside{width:0px;} aside.show{width:256px;}}

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

@@ -49,14 +49,11 @@ nav a.current {
 .toolbar a.current {
   background: rgba(255, 255, 255, 0.15);
 }
-.toolbar a:first-child {
-  -webkit-box-shadow: none;
-}
 /* @end */
 /* @group <aside> */
 aside {
   background: #252525;
-  -webkit-box-shadow: inset -1px 0px 0px #ffffff, inset -4px 0px 8px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: inset -1px 0px 0px #000000, inset -4px 0px 8px rgba(0, 0, 0, 0.5);
 }
 aside a {
   color: #fff !important;
@@ -64,6 +61,9 @@ aside a {
   border-bottom: 1px inset rgba(0, 0, 0, 0.3);
   border-top: 1px inset rgba(255, 255, 255, 0.1);
 }
+aside a.current {
+  background: rgba(255, 255, 255, 0.1);
+}
 aside a .icon {
   opacity: 0.5;
 }
@@ -152,14 +152,6 @@ aside a .icon {
   text-shadow: rgba(0, 0, 0, 0.5) 0 1px 1px;
 }
 /* @end */
-/* @group .button */
-a.button {
-  background-color: #15744d;
-}
-a.button:active {
-  background-color: #189462;
-}
-/* @end */
 /* @group <inputs> */
 input, textarea, select {
   border: 1px solid #ccc;

src/stylesheets/less/Lungo.layout.less

@@ -135,40 +135,6 @@ nav a.current {
 }
 /* @end */
 
-/* @group <article> */
-article {
-	position: absolute; 
-	width: 100%;
-	height: auto;
-	top: 0px; 
-	bottom: 0px;
-	display: block;
-	z-index: 0;
-	opacity: 0;
-}
-
-article.current { 
-	z-index: 1;
-	opacity: 1; 
-}
-
-.toolbar{
-	height:48px;
-	line-height:44px;
-	display:block;
-}
-
-.toolbar a{
-	float:left;
-	padding:0;
-	font-size:2.0em;
-}
-
-article.aside {
-    left: 256px !important;
-}
-/* @end */
-
 /* @group <aside> */
 aside {
 	position: absolute;
@@ -182,7 +148,7 @@ aside {
 
 aside a{
 	display: block;
-	width: 242px;
+	width: 244px;
 	height: 40px;
 	padding: 0 6px;
 	
@@ -215,4 +181,38 @@ aside a .icon {
 	    width: 256px;
 	}
 }
+/* @end */
+
+/* @group <article> */
+article {
+	position: absolute; 
+	width: 100%;
+	height: auto;
+	top: 0px; 
+	bottom: 0px;
+	display: block;
+	z-index: 0;
+	opacity: 0;
+}
+
+article.current { 
+	z-index: 1;
+	opacity: 1; 
+}
+
+.toolbar{
+	height:48px;
+	line-height:44px;
+	display:block;
+}
+
+.toolbar a{
+	float:left;
+	padding:0;
+	font-size:2.0em;
+}
+
+article.aside {
+    left: 256px !important;
+}
 /* @end */

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

@@ -61,24 +61,13 @@ nav a.current {
 .toolbar a.current{
 	background: rgba(255,255,255,0.15);
 }
-
-//@ToDo: Change the colour for not .toolbar classed elements
-not(.toolbar) nav a.current {
-	
-}
-
-.toolbar a:first-child{	-webkit-box-shadow: none; }
 	
 /* @end */
 
 /* @group <aside> */
 aside {
     background: #252525;
-	-webkit-box-shadow: inset -1px 0px 0px #fff, inset -4px 0px 8px rgba(0,0,0, 0.5);
-}
-
-aside {
-	
+	-webkit-box-shadow: inset -1px 0px 0px #000, inset -4px 0px 8px rgba(0,0,0, 0.5);
 }
 
 aside a{
@@ -88,9 +77,11 @@ aside a{
     border-top: 1px inset rgba(255,255,255,0.1);
 }
 
+aside a.current {
+	background: rgba(255,255,255,0.1);
+}
+
 aside a .icon {
-	
-    
 	opacity: 0.5;
 }
 
@@ -196,11 +187,6 @@ aside a .icon {
 }
 /* @end */
 
-/* @group .button */
-a.button{background-color: #15744d;}
-a.button:active{background-color: #189462;}
-/* @end */
-
 /* @group <inputs> */
 input, textarea, select {
 	border: 1px solid #ccc;	

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

@@ -37,7 +37,12 @@ a.button:active {
   -webkit-box-shadow:inset 0 1px 0 rgba(10,10,10,0.5), inset 1px 0 0 rgba(10,10,10,0.3), inset -1px 0 0 rgba(10,10,10,0.4), inset 0 -1px 0 rgba(10,10,10,0.5),inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255, 0.3);
   -moz-box-shadow:inset 0 1px 0 rgba(10,10,10,0.5), inset 1px 0 0 rgba(10,10,10,0.3), inset -1px 0 0 rgba(10,10,10,0.4), inset 0 -1px 0 rgba(10,10,10,0.5),inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255, 0.3);
   box-shadow:inset 0 1px 0 rgba(10,10,10,0.5), inset 1px 0 0 rgba(10,10,10,0.3), inset -1px 0 0 rgba(10,10,10,0.4), inset 0 -1px 0 rgba(10,10,10,0.5),inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255, 0.3);
- }
+}
+
+/* @group .button */
+a.button{background-color: #146d4a;}
+a.button:active{background-color: #189462;}
+/* @end */
   
 a.button:disabled, a.button.disabled {
 	background: rgba(255,255,255,0.2);