middleman 2.0.6 → 2.0.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. data/CHANGELOG +5 -0
  2. data/lib/middleman.rb +17 -11
  3. data/lib/middleman/base.rb +5 -0
  4. data/lib/middleman/core_extensions/sprockets.rb +14 -9
  5. data/lib/middleman/guard.rb +0 -1
  6. data/lib/middleman/templates/default/source/layout.erb +2 -2
  7. data/lib/middleman/templates/html5/source/404.html +33 -27
  8. data/lib/middleman/templates/html5/source/README.md +388 -0
  9. data/lib/middleman/templates/html5/source/apple-touch-icon-114x114-precomposed.png +0 -0
  10. data/lib/middleman/templates/html5/source/apple-touch-icon-57x57-precomposed.png +0 -0
  11. data/lib/middleman/templates/html5/source/apple-touch-icon-72x72-precomposed.png +0 -0
  12. data/lib/middleman/templates/html5/source/apple-touch-icon-precomposed.png +0 -0
  13. data/lib/middleman/templates/html5/source/apple-touch-icon.png +0 -0
  14. data/lib/middleman/templates/html5/source/crossdomain.xml +8 -8
  15. data/lib/middleman/templates/html5/source/css/style.css +192 -160
  16. data/lib/middleman/templates/html5/source/favicon.ico +0 -0
  17. data/lib/middleman/templates/html5/source/humans.txt +27 -27
  18. data/lib/middleman/templates/html5/source/img/.gitignore +0 -0
  19. data/lib/middleman/templates/html5/source/index.html +37 -38
  20. data/lib/middleman/templates/html5/source/js/libs/{jquery-1.5.1.js → jquery-1.6.2.js} +1850 -1185
  21. data/lib/middleman/templates/html5/source/js/libs/jquery-1.6.2.min.js +18 -0
  22. data/lib/middleman/templates/html5/source/js/libs/modernizr-2.0.6.min.js +4 -0
  23. data/lib/middleman/templates/html5/source/js/mylibs/.gitignore +0 -0
  24. data/lib/middleman/templates/html5/source/js/plugins.js +8 -3
  25. data/lib/middleman/templates/html5/source/js/script.js +1 -19
  26. data/lib/middleman/templates/html5/source/robots.txt +0 -0
  27. data/lib/middleman/templates/html5/source/test/index.html +17 -17
  28. data/lib/middleman/templates/html5/source/test/tests.js +3 -6
  29. data/lib/middleman/version.rb +1 -1
  30. data/middleman.gemspec +24 -21
  31. metadata +11 -14
  32. data/lib/middleman/templates/html5/source/css/handheld.css +0 -8
  33. data/lib/middleman/templates/html5/source/js/libs/dd_belatedpng.js +0 -13
  34. data/lib/middleman/templates/html5/source/js/libs/jquery-1.5.1.min.js +0 -16
  35. data/lib/middleman/templates/html5/source/js/libs/modernizr-1.7.min.js +0 -2
@@ -1,15 +1,15 @@
1
1
  <?xml version="1.0"?>
2
2
  <!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
3
3
  <cross-domain-policy>
4
-
5
-
4
+
5
+
6
6
  <!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
7
7
 
8
8
  <!-- Most restrictive policy: -->
9
9
  <site-control permitted-cross-domain-policies="none"/>
10
-
11
-
12
-
10
+
11
+
12
+
13
13
  <!-- Least restrictive policy: -->
14
14
  <!--
15
15
  <site-control permitted-cross-domain-policies="all"/>
@@ -17,9 +17,9 @@
17
17
  <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
18
18
  -->
19
19
  <!--
20
- If you host a crossdomain.xml file with allow-access-from domain=“*”
21
- and don’t understand all of the points described here, you probably
20
+ If you host a crossdomain.xml file with allow-access-from domain="*"
21
+ and don’t understand all of the points described here, you probably
22
22
  have a nasty security vulnerability. ~ simon willison
23
23
  -->
24
24
 
25
- </cross-domain-policy>
25
+ </cross-domain-policy>
@@ -1,179 +1,216 @@
1
- /**
1
+ /*
2
2
  * HTML5 ✰ Boilerplate
3
3
  *
4
- * style.css contains a reset, font normalization and some base styles.
4
+ * What follows is the result of much research on cross-browser styling.
5
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6
+ * Kroc Camen, and the H5BP dev community and team.
5
7
  *
6
- * Credit is left where credit is due.
7
- * Much inspiration was taken from these projects:
8
- * - yui.yahooapis.com/2.8.1/build/base/base.css
9
- * - camendesign.com/design/
10
- * - praegnanz.de/weblog/htmlcssjs-kickstart
8
+ * Detailed information about this CSS: h5bp.com/css
9
+ *
10
+ * ==|== normalize ==========================================================
11
11
  */
12
12
 
13
13
 
14
- /**
15
- * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
16
- * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
17
- * html5doctor.com/html-5-reset-stylesheet/
14
+ /* =============================================================================
15
+ HTML5 display definitions
16
+ ========================================================================== */
17
+
18
+ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
19
+ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
20
+ audio:not([controls]) { display: none; }
21
+ [hidden] { display: none; }
22
+
23
+
24
+ /* =============================================================================
25
+ Base
26
+ ========================================================================== */
27
+
28
+ /*
29
+ * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
30
+ * 2. Force vertical scrollbar in non-IE
31
+ * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
18
32
  */
19
33
 
20
- html, body, div, span, object, iframe,
21
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
22
- abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
23
- small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
24
- fieldset, form, label, legend,
25
- table, caption, tbody, tfoot, thead, tr, th, td,
26
- article, aside, canvas, details, figcaption, figure,
27
- footer, header, hgroup, menu, nav, section, summary,
28
- time, mark, audio, video {
29
- margin: 0;
30
- padding: 0;
31
- border: 0;
32
- font-size: 100%;
33
- font: inherit;
34
- vertical-align: baseline;
35
- }
34
+ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
36
35
 
37
- article, aside, details, figcaption, figure,
38
- footer, header, hgroup, menu, nav, section {
39
- display: block;
40
- }
36
+ body { margin: 0; font-size: 13px; line-height: 1.231; }
41
37
 
42
- blockquote, q { quotes: none; }
38
+ body, button, input, select, textarea { font-family: sans-serif; color: #222; }
43
39
 
44
- blockquote:before, blockquote:after,
45
- q:before, q:after { content: ""; content: none; }
40
+ /*
41
+ * Remove text-shadow in selection highlight: h5bp.com/i
42
+ * These selection declarations have to be separate
43
+ * Also: hot pink! (or customize the background color to match your design)
44
+ */
46
45
 
47
- ins { background-color: #ff9; color: #000; text-decoration: none; }
46
+ ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
47
+ ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
48
48
 
49
- mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
50
49
 
51
- del { text-decoration: line-through; }
50
+ /* =============================================================================
51
+ Links
52
+ ========================================================================== */
52
53
 
53
- abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
54
+ a { color: #00e; }
55
+ a:visited { color: #551a8b; }
56
+ a:hover { color: #06e; }
57
+ a:focus { outline: thin dotted; }
54
58
 
55
- table { border-collapse: collapse; border-spacing: 0; }
59
+ /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
60
+ a:hover, a:active { outline: 0; }
56
61
 
57
- hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
58
62
 
59
- input, select { vertical-align: middle; }
63
+ /* =============================================================================
64
+ Typography
65
+ ========================================================================== */
60
66
 
67
+ abbr[title] { border-bottom: 1px dotted; }
61
68
 
62
- /**
63
- * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
64
- */
69
+ b, strong { font-weight: bold; }
65
70
 
66
- body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
67
- select, input, textarea, button { font:99% sans-serif; }
71
+ blockquote { margin: 1em 40px; }
68
72
 
69
- /* Normalize monospace sizing:
70
- en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
71
- pre, code, kbd, samp { font-family: monospace, sans-serif; }
73
+ dfn { font-style: italic; }
72
74
 
75
+ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
73
76
 
74
- /**
75
- * Minimal base styles.
76
- */
77
+ ins { background: #ff9; color: #000; text-decoration: none; }
77
78
 
78
- /* Always force a scrollbar in non-IE */
79
- html { overflow-y: scroll; }
79
+ mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
80
80
 
81
- /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
82
- a:hover, a:active { outline: none; }
81
+ /* Redeclare monospace font family: h5bp.com/j */
82
+ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
83
83
 
84
- ul, ol { margin-left: 2em; }
85
- ol { list-style-type: decimal; }
84
+ /* Improve readability of pre-formatted text in all browsers */
85
+ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
86
86
 
87
- /* Remove margins for navigation lists */
88
- nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
87
+ q { quotes: none; }
88
+ q:before, q:after { content: ""; content: none; }
89
89
 
90
90
  small { font-size: 85%; }
91
- strong, th { font-weight: bold; }
92
91
 
93
- td { vertical-align: top; }
94
-
95
- /* Set sub, sup without affecting line-height: gist.github.com/413930 */
96
- sub, sup { font-size: 75%; line-height: 0; position: relative; }
92
+ /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
93
+ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
97
94
  sup { top: -0.5em; }
98
95
  sub { bottom: -0.25em; }
99
96
 
100
- pre {
101
- /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
102
- white-space: pre; white-space: pre-wrap; word-wrap: break-word;
103
- padding: 15px;
104
- }
105
97
 
106
- textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
98
+ /* =============================================================================
99
+ Lists
100
+ ========================================================================== */
107
101
 
108
- .ie6 legend, .ie7 legend { margin-left: -7px; }
102
+ ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
103
+ dd { margin: 0 0 0 40px; }
104
+ nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
109
105
 
110
- /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
111
- input[type="radio"] { vertical-align: text-bottom; }
112
- input[type="checkbox"] { vertical-align: bottom; }
113
- .ie7 input[type="checkbox"] { vertical-align: baseline; }
114
- .ie6 input { vertical-align: text-bottom; }
115
106
 
116
- /* Hand cursor on clickable input elements */
117
- label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
107
+ /* =============================================================================
108
+ Embedded content
109
+ ========================================================================== */
118
110
 
119
- /* Webkit browsers add a 2px margin outside the chrome of form elements */
120
- button, input, select, textarea { margin: 0; }
111
+ /*
112
+ * 1. Improve image quality when scaled in IE7: h5bp.com/d
113
+ * 2. Remove the gap between images and borders on image containers: h5bp.com/e
114
+ */
121
115
 
122
- /* Colors for form validity */
123
- input:valid, textarea:valid { }
124
- input:invalid, textarea:invalid {
125
- border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
126
- }
127
- .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
116
+ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
117
+
118
+ /*
119
+ * Correct overflow not hidden in IE9
120
+ */
121
+
122
+ svg:not(:root) { overflow: hidden; }
128
123
 
129
124
 
130
- /* These selection declarations have to be separate
131
- No text-shadow: twitter.com/miketaylr/status/12228805301
132
- Also: hot pink! */
133
- ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
134
- ::selection { background:#FF5E99; color:#fff; text-shadow: none; }
125
+ /* =============================================================================
126
+ Figures
127
+ ========================================================================== */
135
128
 
136
- /* j.mp/webkit-tap-highlight-color */
137
- a:link { -webkit-tap-highlight-color: #FF5E99; }
129
+ figure { margin: 0; }
138
130
 
139
- /* Make buttons play nice in IE:
140
- www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
141
- button { width: auto; overflow: visible; }
142
131
 
143
- /* Bicubic resizing for non-native sized IMG:
144
- code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
145
- .ie7 img { -ms-interpolation-mode: bicubic; }
132
+ /* =============================================================================
133
+ Forms
134
+ ========================================================================== */
146
135
 
147
- /**
148
- * You might tweak these..
136
+ form { margin: 0; }
137
+ fieldset { border: 0; margin: 0; padding: 0; }
138
+
139
+ /* Indicate that 'label' will shift focus to the associated form element */
140
+ label { cursor: pointer; }
141
+
142
+ /*
143
+ * 1. Correct color not inheriting in IE6/7/8/9
144
+ * 2. Correct alignment displayed oddly in IE6/7
149
145
  */
150
146
 
151
- body, select, input, textarea {
152
- /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
153
- color: #444;
154
- /* Set your base font here, to apply evenly */
155
- /* font-family: Georgia, serif; */
156
- }
147
+ legend { border: 0; *margin-left: -7px; padding: 0; }
157
148
 
158
- /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
159
- h1, h2, h3, h4, h5, h6 { font-weight: bold; }
149
+ /*
150
+ * 1. Correct font-size not inheriting in all browsers
151
+ * 2. Remove margins in FF3/4 S5 Chrome
152
+ * 3. Define consistent vertical alignment display in all browsers
153
+ */
160
154
 
161
- a, a:active, a:visited { color: #607890; }
162
- a:hover { color: #036; }
155
+ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
163
156
 
157
+ /*
158
+ * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
159
+ * 2. Correct inner spacing displayed oddly in IE6/7
160
+ */
164
161
 
165
- /**
166
- * Primary styles
167
- *
168
- * Author:
162
+ button, input { line-height: normal; *overflow: visible; }
163
+
164
+ /*
165
+ * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
169
166
  */
170
167
 
168
+ table button, table input { *overflow: auto; }
171
169
 
170
+ /*
171
+ * 1. Display hand cursor for clickable form elements
172
+ * 2. Allow styling of clickable form elements in iOS
173
+ */
172
174
 
175
+ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
173
176
 
177
+ /*
178
+ * Consistent box sizing and appearance
179
+ */
174
180
 
181
+ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
182
+ input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
183
+ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
175
184
 
185
+ /*
186
+ * Remove inner padding and border in FF3/4: h5bp.com/l
187
+ */
176
188
 
189
+ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
190
+
191
+ /*
192
+ * 1. Remove default vertical scrollbar in IE6/7/8/9
193
+ * 2. Allow only vertical resizing
194
+ */
195
+
196
+ textarea { overflow: auto; vertical-align: top; resize: vertical; }
197
+
198
+ /* Colors for form validity */
199
+ input:valid, textarea:valid { }
200
+ input:invalid, textarea:invalid { background-color: #f0dddd; }
201
+
202
+
203
+ /* =============================================================================
204
+ Tables
205
+ ========================================================================== */
206
+
207
+ table { border-collapse: collapse; border-spacing: 0; }
208
+ td { vertical-align: top; }
209
+
210
+
211
+ /* ==|== primary styles =====================================================
212
+ Author:
213
+ ========================================================================== */
177
214
 
178
215
 
179
216
 
@@ -183,79 +220,74 @@ a:hover { color: #036; }
183
220
 
184
221
 
185
222
 
186
- /**
187
- * Non-semantic helper classes: please define your styles before this section.
188
- */
223
+
224
+
225
+
226
+
227
+
228
+
229
+
230
+ /* ==|== non-semantic helper classes ========================================
231
+ Please define your styles before this section.
232
+ ========================================================================== */
189
233
 
190
234
  /* For image replacement */
191
- .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
235
+ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
236
+ .ir br { display: none; }
192
237
 
193
- /* Hide for both screenreaders and browsers:
194
- css-discuss.incutio.com/wiki/Screenreader_Visibility */
195
- .hidden { display: none; visibility: hidden; }
238
+ /* Hide from both screenreaders and browsers: h5bp.com/u */
239
+ .hidden { display: none !important; visibility: hidden; }
196
240
 
197
- /* Hide only visually, but have it available for screenreaders: by Jon Neal.
198
- www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
241
+ /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
199
242
  .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
200
- /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
201
- .visuallyhidden.focusable:active,
202
- .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
243
+
244
+ /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
245
+ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
203
246
 
204
247
  /* Hide visually and from screenreaders, but maintain layout */
205
248
  .invisible { visibility: hidden; }
206
249
 
207
- /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
208
- j.mp/bestclearfix */
209
- .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
250
+ /* Contain floats: h5bp.com/q */
251
+ .clearfix:before, .clearfix:after { content: ""; display: table; }
210
252
  .clearfix:after { clear: both; }
211
- /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
212
- .clearfix { zoom: 1; }
253
+ .clearfix { *zoom: 1; }
213
254
 
214
255
 
215
256
 
216
- /**
217
- * Media queries for responsive design.
218
- *
219
- * These follow after primary styles so they will successfully override.
220
- */
257
+ /* ==|== media queries ======================================================
258
+ PLACEHOLDER Media Queries for Responsive Design.
259
+ These override the primary ('mobile first') styles
260
+ Modify as content requires.
261
+ ========================================================================== */
221
262
 
222
- @media all and (orientation:portrait) {
223
- /* Style adjustments for portrait mode goes here */
263
+ @media only screen and (min-width: 480px) {
264
+ /* Style adjustments for viewports 480px and over go here */
224
265
 
225
266
  }
226
267
 
227
- @media all and (orientation:landscape) {
228
- /* Style adjustments for landscape mode goes here */
268
+ @media only screen and (min-width: 768px) {
269
+ /* Style adjustments for viewports 768px and over go here */
229
270
 
230
271
  }
231
272
 
232
- /* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
233
- consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
234
- @media screen and (max-device-width: 480px) {
235
273
 
236
274
 
237
- /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
238
- /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
239
- }
240
-
275
+ /* ==|== print styles =======================================================
276
+ Print styles.
277
+ Inlined to avoid required HTTP connection: h5bp.com/r
278
+ ========================================================================== */
241
279
 
242
- /**
243
- * Print styles.
244
- *
245
- * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
246
- */
247
280
  @media print {
248
- * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
249
- -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
250
- a, a:visited { color: #444 !important; text-decoration: underline; }
281
+ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
282
+ a, a:visited { text-decoration: underline; }
251
283
  a[href]:after { content: " (" attr(href) ")"; }
252
284
  abbr[title]:after { content: " (" attr(title) ")"; }
253
285
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
254
286
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
255
- thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
287
+ thead { display: table-header-group; } /* h5bp.com/t */
256
288
  tr, img { page-break-inside: avoid; }
289
+ img { max-width: 100% !important; }
257
290
  @page { margin: 0.5cm; }
258
291
  p, h2, h3 { orphans: 3; widows: 3; }
259
- h2, h3{ page-break-after: avoid; }
292
+ h2, h3 { page-break-after: avoid; }
260
293
  }
261
-