Permalink
Browse files

first commit

  • Loading branch information...
chadsmith committed Apr 28, 2011
1 parent ac92ae7 commit 8711830d976366cf8b6b3818f7abf1f278d7df30
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
View
@@ -1,8 +0,0 @@
-* {
- float: none; /* Screens are not big enough to account for floats */
- background: #fff; /* As much contrast as possible */
- color: #000;
-}
-
-/* Slightly reducing font size to reduce need to scroll */
-body { font-size: 80%; }
View
@@ -75,8 +75,8 @@ pre, code, kbd, samp { font-family: monospace, sans-serif; }
* Minimal base styles.
*/
-/* Always force a scrollbar in non-IE */
-html { overflow-y: scroll; }
+/* Prevent mobile zooming while remain desktop zooming: github.com/shichuan/mobile-html5-boilerplate/issues/closed#issue/14 */
+html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }
@@ -109,12 +109,12 @@ pre {
padding: 15px;
}
-.ie6 legend, .ie7 legend { margin-left: -7px; }
+.ie6 legend, .ie7 legend, .iem7 legend { margin-left: -7px; }
/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
-.ie7 input[type="checkbox"] { vertical-align: baseline; }
+.ie7 input[type="checkbox"], .iem7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
@@ -144,9 +144,13 @@ input:invalid, textarea:invalid {
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
+/* Make buttons play nice in IE:
+ www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
+button { width: auto; overflow: visible; }
+
/* Bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
-.ie7 img { -ms-interpolation-mode: bicubic; }
+.ie7 img, .iem7 img { -ms-interpolation-mode: bicubic; }
/**
@@ -163,6 +167,25 @@ body, select, input, textarea {
/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
+/*
+ * Helper classes
+ */
+
+/* prevent callout */
+.nocallout {-webkit-touch-callout: none;}
+
+/* Text overflow with ellipsis */
+.ellipsis {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+/* A hack for HTML5 contenteditable attribute on mobile */
+textarea.contenteditable {-webkit-appearance: none;}
+
+/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
+.gifhidden {position: absolute; left: -100%;}
/**
* Primary styles
@@ -212,31 +235,27 @@ h1, h2, h3, h4, h5, h6 { font-weight: bold; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
-
-
-/**
- * Media queries for responsive design.
- *
- * These follow after primary styles so they will successfully override.
+/*
+ * Media queries for responsive design https://github.com/shichuan/mobile-html5-boilerplate/wiki/The-Style
*/
-@media all and (orientation:portrait) {
- /* Style adjustments for portrait mode goes here */
+/* iPhones, Android */
+@media only screen and (min-width: 480px) {
}
-
-@media all and (orientation:landscape) {
- /* Style adjustments for landscape mode goes here */
+/* iPads */
+@media only screen and (min-width: 768px) {
+}
+/* Netbooks */
+@media only screen and (min-width: 992px) {
+ html { overflow-y: scroll; }
+}
+/* and up */
+@media only screen and (min-width: 1382px) {
}
-/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
- consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
-@media screen and (max-device-width: 480px) {
-
-
- /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
- /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
}
@@ -259,4 +278,4 @@ h1, h2, h3, h4, h5, h6 { font-weight: bold; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
-}
+}
View
@@ -0,0 +1,18 @@
+CACHE MANIFEST
+# version 1
+img/l/apple-touch-icon.png
+img/l/apple-touch-icon-precomposed.png
+img/l/splash.png
+img/m/apple-touch-icon.png
+img/h/apple-touch-icon.png
+img/h/splash.png
+css/style.css
+js/libs/dd_belatedpng.js
+js/libs/jquery-1.5.2.min.js
+js/libs/modernizr-custom.js
+js/libs/respond.min.js
+
+NETWORK:
+#http://example.com/api/
+
+FALLBACK:
View
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
@@ -1,9 +1,12 @@
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
-<!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]-->
-<!--[if IE 7]> <html class="no-js ie7" lang="en"> <![endif]-->
-<!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]-->
-<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<!-- Conditional comment for mobile ie7 http://blogs.msdn.com/b/iemobile/ -->
+<!-- Appcache Facts http://appcachefacts.info/ -->
+<!--[if IEMobile 7]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
+<!--[if lt IE 7]><html class="no-js ie6" lang="en"><![endif]-->
+<!--[if (IE 7)&!(IEMobile)]><html class="no-js ie7" lang="en"><![endif]-->
+<!--[if (IE 8)&!(IEMobile)]><html class="no-js ie8" lang="en"><![endif]-->
+<!--[if (gte IE 9)|(gt IEMobile 7)|!(IE)]><!--><html class="no-js" manifest="default.appcache?v=1" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
@@ -15,22 +18,38 @@
<meta name="description" content="">
<meta name="author" content="">
- <!-- Mobile viewport optimized: j.mp/bplateviewport -->
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
- <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
- <link rel="shortcut icon" href="/favicon.ico">
- <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-
-
- <!-- CSS: implied media="all" -->
- <link rel="stylesheet" href="css/style.css">
-
- <!-- Uncomment if you are specifically targeting less enabled mobile browsers
- <link rel="stylesheet" media="handheld" href="css/handheld.css"> -->
+ <!-- Mobile viewport optimization http://goo.gl/b9SaQ -->
+ <meta name="HandheldFriendly" content="true">
+ <meta name="MobileOptimized" content="320">
+ <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
+
+ <!-- Home screen icon Mathias Bynens http://goo.gl/6nVq0 -->
+ <!-- For iPhone 4 with high-resolution Retina display: -->
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/h/apple-touch-icon.png">
+ <!-- For first-generation iPad: -->
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/m/apple-touch-icon.png">
+ <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
+ <link rel="apple-touch-icon-precomposed" href="img/l/apple-touch-icon-precomposed.png">
+ <!-- For nokia devices: -->
+ <link rel="shortcut icon" href="img/l/apple-touch-icon.png">
+
+ <!--iOS web app, deletable if not needed -->
+ <!--<meta name="apple-mobile-web-app-capable" content="yes">
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
+ <link rel="apple-touch-startup-image" href="img/l/splash.png">-->
+
+ <!-- Mobile IE allows us to activate ClearType technology for smoothing fonts for easy reading -->
+ <meta http-equiv="cleartype" content="on">
+
+ <!-- more tags for your 'head' to consider https://gist.github.com/849231 -->
+
+ <!-- Main Stylesheet -->
+ <link rel="stylesheet" href="css/style.css?v=1">
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
- <script src="js/libs/modernizr-1.7.min.js"></script>
+ <script src="js/libs/modernizr-custom.js"></script>
+ <!-- Media Queries Polyfill https://github.com/shichuan/mobile-html5-boilerplate/wiki/Media-Queries-Polyfill -->
+ <script>Modernizr.mq('(min-width:0)') || document.write("<script src='js/libs/respond.min.js'>\x3C/script>")</script>
</head>
@@ -57,16 +76,23 @@
<!-- scripts concatenated and minified via ant build script-->
+ <script src="js/mylibs/helper.js"></script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<!-- end scripts-->
+ <script>
+ // iPhone Scale Bug Fix, read this when using http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
+ MBP.scaleFix();
+ </script>
<!--[if lt IE 7 ]>
<script src="js/libs/dd_belatedpng.js"></script>
<script>DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
<![endif]-->
+ <!-- Debugger - remove for production -->
+ <!-- <script src="https://getfirebug.com/firebug-lite.js"></script> -->
<!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
<script>
@@ -77,4 +103,4 @@
</script>
</body>
-</html>
+</html>

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 8711830

Please sign in to comment.