Changes on base

examples/test/index.html

@@ -8,8 +8,8 @@
     <!-- Mobile viewport optimization http://goo.gl/b9SaQ -->
     <meta name="HandheldFriendly" content="True">
     <meta name="MobileOptimized" content="320">
-    <meta http-equiv="cleartype" content="on">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <meta name="viewport" content="width=device-width">
+
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="format-detection" content="telephone=no">
@@ -18,6 +18,9 @@
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/icon-72.png">
     <link rel="apple-touch-icon-precomposed" href="assets/images/icon.png">
     <link rel="apple-touch-startup-image" href="assets/images/default.png">
+
+    <meta http-equiv="cleartype" content="on">
+
     <!-- Main Stylesheet -->
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.base.css">
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.layout.css">

src/stylesheets/Lungo.base.less

@@ -82,14 +82,10 @@ video {
     font-size: 100%;
 }
 
-a {
-    text-decoration: none;
-    -webkit-tap-highlight-color: rgba(0,0,0,0);
-}
-
-a:hover {
-    opacity: 1;
-}
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
+audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
+audio:not([controls]) { display: none; }
+[hidden] { display: none; }
 
 html {
     height: 100%;
@@ -116,6 +112,16 @@ body {
     -webkit-box-align: stretch;
 }
 
+a {
+    text-decoration: none;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+a:hover {
+    opacity: 1;
+}
+
+
 b,
 strong {
     font-weight: bold;

src/stylesheets/css/Lungo.base.css

@@ -1,8 +1,12 @@
 a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;margin:0;outline:0;padding:0;font-size:100%;}
-a{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
-a:hover{opacity:1;}
+article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
+audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
+audio:not([controls]){display:none;}
+[hidden]{display:none;}
 html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
 body{margin:0;padding:0;width:100%;height:100%;min-height:100%;overflow:hidden;font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:1.231;-webkit-touch-callout:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;}
+a{text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
+a:hover{opacity:1;}
 b,strong{font-weight:bold;}
 img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;font-size:0;}
 table{border-collapse:collapse;border-spacing:0;}