New style for .bubble class

src/stylesheets/css/Lungo.layout.css

@@ -33,5 +33,5 @@ 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:48px;}
-nav .bubble{position:relative;top:-14px;left:-10px;margin-right:-16px;}
-.toolbar .bubble{top:-58px;left:12px;padding:1px 4px;}
+nav .bubble{position:relative;top:-16px;left:-8px;margin-right:-20px;}
+.toolbar .bubble{top:-54px;left:6px;padding:1px 4px;}

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

@@ -201,8 +201,13 @@ input[type="checkbox"]:checked + span, input[type="radio"]:checked + span {
 /* @end */
 .bubble {
   color: #fff;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
   text-shadow: none;
-  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.7);
+  font-weight: bold !important;
+  box-shadow: inset 0px 0px 1px #000000;
 }
 header .bubble.count {
   background: #2c2c2d;

src/stylesheets/less/Lungo.layout.less

@@ -236,15 +236,14 @@ nav  {
 
 nav .bubble {
     position: relative;
-    top:  -14px;
-    left: -10px;
-    margin-right: -16px;     
+    top:  -16px;
+    left: -8px;
+    margin-right: -20px;     
 }
 
 .toolbar .bubble {
-    top:  -58px;
-    left: 12px;
+    top:  -54px;
+    left: 6px;
     padding: 1px 4px;
 }
-
-/* @end */
+/* @end */

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

@@ -237,10 +237,11 @@ input[type="checkbox"] + span, input[type="radio"] + span {
 
 .bubble {
 	color: #fff;
+	.border-radius(2px);
 	text-shadow: none;
-	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.7);
+	font-weight: bold !important;
+	box-shadow: inset 0px 0px 1px rgba(0,0,0,01);
 }	
-	header .bubble.count {background: @secondary-color;
-}
+	header .bubble.count {background: @secondary-color;}
 	.bubble.count { background: @master-color; }
 /* @end */