Firefox Mobile & Opera Mobile supported

…last releases.

src/stylesheets/css/Lungo.layout.article.css

@@ -5,4 +5,4 @@ header:not(.extended)~article{top:40px;}
 header.extended~article{top:75px;}
 footer:not(.toolbar)~article{bottom:40px;}
 footer.toolbar~article{bottom:48px;}
-@media handheld, only screen and (min-width: 768px){article.aside{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}}
+@media handheld, only screen and (min-width: 768px){article.aside{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);}}

src/stylesheets/css/Lungo.layout.aside.css

@@ -1,11 +1,11 @@
-section.aside{-webkit-transform:translate3d(256px, 0, 0);transform:translate3d(256px, 0, 0);}section.aside.onright{-webkit-transform:translate3d(-256px, 0, 0);transform:translate3d(-256px, 0, 0);}
+section.aside{-webkit-transform:translate3d(256px, 0, 0);-moz-transform:translate3d(256px, 0, 0);-o-transform:translate3d(256px, 0, 0);transform:translate3d(256px, 0, 0);}section.aside.onright{-webkit-transform:translate3d(-256px, 0, 0);-moz-transform:translate3d(-256px, 0, 0);-o-transform:translate3d(-256px, 0, 0);transform:translate3d(-256px, 0, 0);}
 aside{position:absolute;width:inherit;height:inherit;top:0px;visibility:hidden;z-index:0;width:256px;max-width:256px;}aside.onright{right:0px;}
 aside.current{visibility:visible;}
 header:not(.extended)~aside{top:40px;}
 header.extended~aside{top:74px;}
 footer~aside{bottom:40px;height:auto;}
 footer.toolbar~aside{bottom:48px;}
-aside~article{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}
+aside~article{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);-webkit-transition:-webkit-transform 250ms cubic-bezier(0.39, 0.575, 0.565, 1);}
 aside .title,aside a,aside .anchor{padding:0 6px;}
 aside .title{line-height:40px;font-size:15px;font-weight:bold;height:40px;}
 aside a{display:block;width:244px;height:40px;font-size:15px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

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

@@ -146,8 +146,10 @@ aside .anchor {
 .button {
   border-bottom: 1px inset rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 1px;
+  -moz-border-radius: 1px;
   border-radius: 1px;
   -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
   background-clip: padding-box;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2);
   font-weight: bold;
@@ -204,8 +206,10 @@ input[type="checkbox"]:checked + span, input[type="radio"]:checked + span {
 .bubble {
   color: #fff;
   -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
   background-clip: padding-box;
   text-shadow: none;
   font-weight: bold !important;

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

@@ -183,8 +183,10 @@ section.aside.onright {
 .button {
   border-bottom: 1px inset rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
   background-clip: padding-box;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2);
 }
@@ -240,8 +242,10 @@ input[type="checkbox"]:checked + span, input[type="radio"]:checked + span {
 .bubble {
   color: #fff;
   -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
   background-clip: padding-box;
   text-shadow: none;
   font-weight: bold !important;

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

@@ -1,4 +1,4 @@
-a.button{display:inline-block;height:30px;padding:0 9px 0 8px;color:#fff !important;outline:none;background:#5a5a5a;-webkit-user-select:none;user-select:none;line-height:31px;text-align:center;text-decoration:none;}a.button:active,a.button.active{background:#4b4b4b;}
+a.button{display:inline-block;height:30px;padding:0 9px 0 8px;color:#fff !important;outline:none;background:#5a5a5a;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;line-height:31px;text-align:center;text-decoration:none;}a.button:active,a.button.active{background:#4b4b4b;}
 a.button:disabled,a.button.disabled{background:rgba(255, 255, 255, 0.2);color:#999 !important;}
 a.button .icon{position:relative;top:3px;height:16px;width:16px;font-size:22px;line-height:17px;}
 a.button img{top:0px !important;}

src/stylesheets/css/Lungo.widgets.css

@@ -3,14 +3,14 @@
 .onleft{float:left;}
 .onright{float:right;}
 .indented >*{padding:10px;}
-.indented.rounded ul{-webkit-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;background-clip:padding-box;}
-.indented.rounded li:first-child{-webkit-border-radius:4px 4px 0px 0px;border-radius:4px 4px 0px 0px;-webkit-background-clip:padding-box;background-clip:padding-box;}
-.indented.rounded li:last-child{-webkit-border-radius:0px 0px 4px 4px;border-radius:0px 0px 4px 4px;-webkit-background-clip:padding-box;background-clip:padding-box;}
+.indented.rounded ul{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
+.indented.rounded li:first-child{-webkit-border-radius:4px 4px 0px 0px;-moz-border-radius:4px 4px 0px 0px;border-radius:4px 4px 0px 0px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
+.indented.rounded li:last-child{-webkit-border-radius:0px 0px 4px 4px;-moz-border-radius:0px 0px 4px 4px;border-radius:0px 0px 4px 4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
 .margin-top-4{margin-top:4px;}
 .hidden{display:none;}
 .semi-opacity{opacity:0.5;}
 .size32{font-size:32px;height:32px;width:32px;line-height:32px;}
 .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 3px 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;}
+.round{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
+.bubble{padding:2px 3px 1px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;font-size:0.8em;font-weight:bold;line-height:1.0em;}

src/stylesheets/less/mixins.less

@@ -3,7 +3,7 @@
 // LESS CSS3 Mixins by @soyjavi
 //
 // @description CSS3 mixins for LESS projects
-// @version 1.0.1
+// @version 1.2
 //
 //============================================================
 
@@ -71,10 +71,12 @@
 
 .border-radius() {
 	-webkit-border-radius: @arguments;
-		border-radius: @arguments;
+        -moz-border-radius: @arguments;
+	        border-radius: @arguments;
 
 	-webkit-background-clip: padding-box;
-		background-clip: padding-box;
+        -moz-background-clip: padding;
+	        background-clip: padding-box;
 }
 
 
@@ -96,6 +98,7 @@
 
 .box-shadow() {
     -webkit-box-shadow: @arguments;
+        -moz-box-shadow: @arguments;
             box-shadow: @arguments;
 }
 
@@ -116,6 +119,8 @@
 //============================================================
 .transform() {
     -webkit-transform: @arguments;
+        -moz-transform: @arguments;
+        -o-transform: @arguments;
             transform: @arguments;
 }
 
@@ -134,7 +139,9 @@
 
 .translate() {
     -webkit-transform: translate(@arguments);
-		transform: translate(@arguments);
+        -moz-transform: translate(@arguments);
+        -o-transform: translate(@arguments);
+		    transform: translate(@arguments);
 }
 
 
@@ -152,6 +159,8 @@
 
 .scale() {
     -webkit-transform: scale(@arguments);
+        -moz-transform: scale(@arguments);
+        -o-transform: scale(@arguments);
             transform: scale(@arguments);
 }
 
@@ -169,6 +178,8 @@
 
 .rotate() {
     -webkit-transform: rotate(@arguments);
+        -moz-transform: rotate(@arguments);
+        -o-transform: rotate(@arguments);
             transform: rotate(@arguments);
 }
 
@@ -186,6 +197,8 @@
 
 .backface-visibility() {
     -webkit-backface-visibility: @arguments;
+        -moz-backface-visibility: @arguments;
+        -o-backface-visibility: @arguments;
             backface-visibility: @arguments;
 }
 
@@ -206,6 +219,8 @@
 
 .transition() {
     -webkit-transition: @arguments;
+        -moz-transition: @arguments;
+        -o-transition: @arguments;
             transition: @arguments;
 }
 
@@ -224,7 +239,9 @@
 //============================================================
 
 .user-select() {
-	-webkit-user-select: @arguments; 
+	-webkit-user-select: @arguments;
+        -moz-user-select: @arguments;
+        -o-user-select: @arguments;
             user-select: @arguments;
 }