Permalink
Browse files

improve mobile styles: better margins, more compact

  • Loading branch information...
1 parent 8fa6cd4 commit c61f9f26e7c37b089d984483d3dd15ef9af408b8 @mislav committed Oct 12, 2011
Showing with 28 additions and 2 deletions.
  1. +1 −0 about.html
  2. +1 −0 canvas.html
  3. +1 −0 detect.html
  4. +1 −0 everything.html
  5. +1 −0 extensibility.html
  6. +1 −0 forms.html
  7. +1 −0 geolocation.html
  8. +1 −0 history.html
  9. +1 −0 index.html
  10. +1 −0 introduction.html
  11. +1 −0 legal.html
  12. +1 −0 offline.html
  13. +1 −0 past.html
  14. +1 −0 peeks-pokes-and-pointers.html
  15. +9 −2 screen.css
  16. +1 −0 semantics.html
  17. +1 −0 storage.html
  18. +1 −0 table-of-contents.html
  19. +1 −0 video.html
  20. +1 −0 workers.html
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>About the book - Dive Into HTML5</title>
<link rel=stylesheet href=screen.css>
<style>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Canvas - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/excanvas.min.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Detecting HTML5 Features - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>The All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Microdata - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Web Forms - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Geolocation - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>History API - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Dive Into HTML5</title>
<link rel=stylesheet href=screen.css>
<style>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Five Things You Should Know About HTML5 - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Legal Notices - Dive Into HTML5</title>
<link rel=stylesheet href=screen.css>
<style>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Offline Web Applications - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>How Did We Get Here? - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>HTML5 Peeks, Pokes and Pointers</title>
<style>
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
View
@@ -377,7 +377,7 @@ tfoot {
color:#000;
}
body {
- margin:4px 2px 0 2px;
+ margin:4px 7px .5em 7px;
}
/* typography */
@@ -392,7 +392,10 @@ tfoot {
font:normal 14px/18px serif;
}
.c, .note, p, ul, ol, h2, h3 {
- margin:1.75em 0;
+ margin:1em 0;
+ }
+ blockquote {
+ margin:1em 1em 0 1.5em;
}
/* links */
@@ -459,9 +462,13 @@ tfoot {
margin: 0;
padding: 0;
}
+ .pf blockquote {
+ margin: 0 1em;
+ }
pre {
white-space: pre-wrap;
float: none !important;
+ padding-left: 1em;
}
.legend {
margin: 0 !important;
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Semantics - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Local Storage - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Table of Contents - Dive Into HTML5</title>
<link rel=stylesheet href=screen.css>
<style>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Video - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>
View
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<meta charset=utf-8>
+<meta name=viewport content="initial-scale=1.0, user-scalable=no">
<title>Web Workers - Dive Into HTML5</title>
<!--[if lt IE 9]><script src=j/html5.js></script><![endif]-->
<link rel=stylesheet href=screen.css>

0 comments on commit c61f9f2

Please sign in to comment.