Fix viewport size at 640

diff --git a/css/fonts/Klavika/Klavika.css b/css/fonts/Klavika/Klavika.css
index ff4b1da150c31642a924965d955fb803ffe4bd2a..f8e0581b3785bbf311ba4a905cc8a24fbe5aa7aa 100644 (file)
--- a/css/fonts/Klavika/Klavika.css
+++ b/css/fonts/Klavika/Klavika.css
@@ -2,8 +2,8 @@
        font-family: 'Klavika';\r
        src: url('KlavikaWebBasicLight.eot');\r
        src: url('KlavikaWebBasicLight.eot?#iefix') format('embedded-opentype'),\r
-    url('KlavikaWebBasicLight.svg') format('svg'),\r
-    url('KlavikaWebBasicLight.woff') format('woff');\r
+       url('KlavikaWebBasicLight.svg') format('svg'),\r
+       url('KlavikaWebBasicLight.woff') format('woff');\r
        font-weight: 300;\r
        font-style: normal;\r
 }\r
@@ -12,8 +12,8 @@
        font-family: 'Klavika';\r
        src: url('KlavikaWebBasicLightItalic.eot');\r
        src: url('KlavikaWebBasicLightItalic.eot?#iefix') format('embedded-opentype'),\r
-    url('KlavikaWebBasicLightItalic.svg') format('svg'),\r
-    url('KlavikaWebBasicLightItalic.woff') format('woff');\r
+       url('KlavikaWebBasicLightItalic.svg') format('svg'),\r
+       url('KlavikaWebBasicLightItalic.woff') format('woff');\r
        font-weight: 300;\r
        font-style: italic;\r
 }\r
@@ -22,9 +22,9 @@
        font-family: 'Klavika';\r
        src: url('KlavikaWebBasicRegular.eot');\r
        src: url('KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'),\r
-    url('KlavikaWebBasicRegular.svg') format('svg'),\r
-    url('KlavikaWebBasicRegular.woff2') format('woff2'),\r
-    url('KlavikaWebBasicRegular.woff') format('woff');\r
+       url('KlavikaWebBasicRegular.svg') format('svg'),\r
+       url('KlavikaWebBasicRegular.woff2') format('woff2'),\r
+       url('KlavikaWebBasicRegular.woff') format('woff');\r
        font-weight: 400;\r
        font-style: normal;\r
 }\r
@@ -33,8 +33,8 @@
        font-family: 'Klavika';\r
        src: url('KlavikaWebBasicRegularItalic.eot');\r
        src: url('KlavikaWebBasicRegularItalic.eot?#iefix') format('embedded-opentype'),\r
-    url('KlavikaWebBasicRegularItalic.svg') format('svg'),\r
-    url('KlavikaWebBasicRegularItalic.woff') format('woff');\r
+       url('KlavikaWebBasicRegularItalic.svg') format('svg'),\r
+       url('KlavikaWebBasicRegularItalic.woff') format('woff');\r
        font-weight: 400;\r
        font-style: italic;\r
 }\r
@@ -44,8 +44,8 @@
        src: url('KlavikaWebBasicMedium.eot');\r
        src: url('KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'),\r
        url('KlavikaWebBasicMedium.svg') format('svg'),\r
-    url('KlavikaWebBasicMedium.woff') format('woff');\r
-    font-weight: 500;\r
+       url('KlavikaWebBasicMedium.woff') format('woff');\r
+       font-weight: 500;\r
        font-style: normal;\r
 }\r
 \r
@@ -53,8 +53,8 @@
        font-family: 'Klavika';\r
        src: url('KlavikaWebBasicMediumItalic.eot');\r
        src: url('KlavikaWebBasicMediumItalic.eot?#iefix') format('embedded-opentype'),\r
-    url('KlavikaWebBasicMediumItalic.svg') format('svg'),\r
-    url('KlavikaWebBasicMediumItalic.woff') format('woff');\r
+       url('KlavikaWebBasicMediumItalic.svg') format('svg'),\r
+       url('KlavikaWebBasicMediumItalic.woff') format('woff');\r
        font-weight: 500;\r
        font-style: italic;\r
 }\r
@@ -63,8 +63,8 @@
        font-family: 'Klavika';\r
        src: url('KlavikaWebBasicBold.eot');\r
        src: url('KlavikaWebBasicBold.eot?#iefix') format('embedded-opentype'),\r
-    url('KlavikaWebBasicBold.svg') format('svg'),\r
-    url('KlavikaWebBasicBold.woff') format('woff');\r
+       url('KlavikaWebBasicBold.svg') format('svg'),\r
+       url('KlavikaWebBasicBold.woff') format('woff');\r
        font-weight: 700;\r
        font-style: normal;\r
 }\r
@@ -73,8 +73,8 @@
        font-family: 'Klavika';\r
        src: url('KlavikaWebBasicBoldItalic.eot');\r
        src: url('KlavikaWebBasicBoldItalic.eot?#iefix') format('embedded-opentype'),\r
-    url('KlavikaWebBasicBoldItalic.svg') format('svg'),\r
-    url('KlavikaWebBasicBoldItalic.woff') format('woff');\r
+       url('KlavikaWebBasicBoldItalic.svg') format('svg'),\r
+       url('KlavikaWebBasicBoldItalic.woff') format('woff');\r
        font-weight: 700;\r
        font-style: italic;\r
 }
\ No newline at end of file

diff --git a/js/common.js b/js/common.js
index 29d1ebec63bb0b5c9f8b88ec524865f7268591ae..857efe0a83a784b9e3a51ef5def48ac023606950 100644 (file)
--- a/js/common.js
+++ b/js/common.js
@@ -30,8 +30,8 @@ function resize() {
 }
 
 function orientationchange() {
-    if (Modernizr.mq('screen and (max-device-width: 530px)')) {
-        $("[name='viewport']").attr("content", "width=530");
+    if (Modernizr.mq('screen and (max-device-width: 640px)')) {
+        $("[name='viewport']").attr("content", "width=640");
     } else {
         $("[name='viewport']").attr("content", "width=device-width, initial-scale=1.0");
     }

diff --git a/less/common.less b/less/common.less
index af0690a9055ac61c05f6795ef5f4191257088875..af16f2f5f94b6ea6170de47179d61b63a8a298f4 100644 (file)
--- a/less/common.less
+++ b/less/common.less
@@ -33,16 +33,17 @@ body {
 #wrapper {
        overflow: hidden;
        max-width: 100%;
+       min-width: 640px;
 }
 
 .wf-active body {
        opacity: 1;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, blockquote {
        font-family: @Klavika;
-    transform: rotate(0.1deg); // Hack to fix poor rendering on Chrome + Windows (forces anti-aliasing)
-//    -webkit-font-smoothing: antialiased;
+       transform: rotate(0.1deg); // Hack to fix poor rendering on Chrome + Windows (forces anti-aliasing)
+       -webkit-font-smoothing: antialiased;
 }
 
 h1, h2 {
@@ -58,9 +59,9 @@ strong, b {
 }
 
 a {
-    color: #222428;
-    text-decoration: none;
-    transition: color 0.3s;
+       color: #222428;
+       text-decoration: none;
+       transition: color 0.3s;
        &:hover,
        &:active {
                color: @yellow;
@@ -71,7 +72,7 @@ a {
                clear: both;
 
                border-radius: 2px;
-        border: 2px solid @yellow;
+               border: 2px solid @yellow;
                padding: 13px;
                line-height: 12px;
                margin: 15px 0 0 0;
@@ -79,7 +80,7 @@ a {
                font-size: 16px;
                text-decoration: none !important;
                text-transform: uppercase;
-        transition: all 0.3s;
+               transition: all 0.3s;
 
                .button(#fff, @yellow, @yellow, transparent);
        }
@@ -96,7 +97,7 @@ a {
        ul {
                list-style: none;
                li {
-            line-height: 1.4;
+                       line-height: 1.4;
                        &:before {
                                content: "- ";
                        }
@@ -110,16 +111,16 @@ a {
                text-align: left;
                font-size: 56px;
                line-height: 1;
-        margin-bottom: 20px;
+               margin-bottom: 20px;
        }
        h2 {
                text-align: left;
                font-size: 26px;
                line-height: 1.3;
                white-space: pre-line; // Preserve line breaks from content
-        font-family: @roboto;
-        text-transform: none;
-        font-weight: 300;
+               font-family: @roboto;
+               text-transform: none;
+               font-weight: 300;
 
                @media screen and (max-width: 980px) {
                        white-space: normal;
@@ -128,10 +129,10 @@ a {
 }
 
 .dotclear {
-    a {
-      //color: #1b1b1b;
-      text-decoration: underline;
-    }
+       a {
+               //color: #1b1b1b;
+               text-decoration: underline;
+       }
 
        h3, h4 {
                font-weight: 400;