New .active class for show always the element <abbr>

src/stylesheets/css/Lungo.layout.css

@@ -8,8 +8,8 @@ header .title{position:absolute;left:0px;right:0px;text-align:center;display:inl
 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;}
 nav{height:inherit;text-align:center;}nav a{padding:0 6px;z-index:1000;float:left;}nav a .icon{font-size:2.1em;line-height:38px;display:inline-block;}
-nav a abbr,nav a .description{position:relative;bottom:5px;margin-left:2px;display:none;font-size:1.0em;}
-nav a.current abbr{display:inline;}
+nav a abbr{position:relative;bottom:5px;margin-left:2px;display:none;font-size:1.0em;}
+nav a.current abbr,nav a.active abbr{display:inline;}
 nav .bubble{position:relative;top:-16px;left:-10px;margin-right:-20px;}
 .toolbar{height:48px;display:block;}.toolbar nav{display:block;}
 .toolbar a{padding:0;}

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

@@ -36,13 +36,13 @@ article .title {
 nav a {
   color: rgba(255, 255, 255, 0.5);
 }
-nav a.current, nav a:active {
+nav a.current, nav a.active {
   color: #ffffff;
 }
 .toolbar a {
   color: rgba(255, 255, 255, 0.2);
 }
-.toolbar a.current, .toolbar a:active {
+.toolbar a.current, .toolbar a.active {
   background: #1c1c1c;
   box-shadow: inset 0px 0px 8px #101010;
   text-shadow: 0px 1px 4px #000;

src/stylesheets/css/Lungo.theme.pro.css

@@ -38,13 +38,13 @@ article .title {
 nav a {
   color: rgba(255, 255, 255, 0.5);
 }
-nav a.current, nav a:active {
+nav a.current, nav a.active {
   color: #ffffff;
 }
 .toolbar a {
   color: rgba(255, 255, 255, 0.2);
 }
-.toolbar a.current, .toolbar a:active {
+.toolbar a.current, .toolbar a.active {
   background: #1c1c1c;
   box-shadow: inset 0px 0px 8px #101010;
   text-shadow: 0px 1px 4px #000;

src/stylesheets/less/Lungo.layout.less

@@ -93,7 +93,7 @@ nav {
 		    display: inline-block;
 		}
 		
-		& abbr, .description {
+		& abbr {
     		position: relative;
 			bottom: 5px;
 			margin-left: 2px;
@@ -101,7 +101,7 @@ nav {
 			font-size: 1.0em;
 		}
 		
-		&.current abbr { display: inline; }
+		&.current abbr, &.active abbr { display: inline; }
 	}
 	
 	& .bubble {

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

@@ -53,15 +53,14 @@ article {
 /* @group <nav> */
 nav a {
 	color: rgba(255,255,255,0.5);
-	&.current, &:active {
-		color: @white;
-	}
+	
+	&.current, &.active { color: @white; }
 }
 
 .toolbar a {
 	color: rgba(255,255,255,0.2);
 
-	&.current, &:active {
+	&.current, &.active {
 		background: #1c1c1c;
 		box-shadow: inset 0px 0px 8px #101010;
 		text-shadow: 0px 1px 4px #000;

src/stylesheets/less/Lungo.theme.pro.less

@@ -55,14 +55,13 @@ article {
 /* @group <nav> */
 nav a { 
 	color: rgba(255,255,255,0.5); 	
-	&.current, &:active { 
-		color: @white; 
-	}
+	
+	&.current, &.active {  color: @white; }
 }
 
 .toolbar a {  
 	color: rgba(255,255,255,0.2); 
-	&.current, &:active {
+	&.current, &.active {
 		background: #1c1c1c;
 		box-shadow: inset 0px 0px 8px #101010;
 		text-shadow: 0px 1px 4px #000;