middleman 2.0.9-x86-mingw32 → 2.0.10-x86-mingw32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. data/lib/middleman/core_extensions/front_matter.rb +1 -1
  2. data/lib/middleman/renderers/liquid.rb +1 -0
  3. data/lib/middleman/templates/mobile/source/404.html +37 -38
  4. data/lib/middleman/templates/mobile/source/README.markdown +20 -63
  5. data/lib/middleman/templates/mobile/source/crossdomain.xml +25 -25
  6. data/lib/middleman/templates/mobile/source/css/style.css +315 -236
  7. data/lib/middleman/templates/mobile/source/humans.txt +43 -43
  8. data/lib/middleman/templates/mobile/source/index.html +25 -28
  9. data/lib/middleman/templates/mobile/source/js/libs/modernizr-custom.js +14 -14
  10. data/lib/middleman/templates/mobile/source/js/libs/respond.min.js +1 -1
  11. data/lib/middleman/templates/mobile/source/js/mylibs/helper.js +30 -6
  12. data/lib/middleman/templates/mobile/source/js/plugins.js +20 -0
  13. data/lib/middleman/templates/mobile/source/robots.txt +4 -5
  14. data/lib/middleman/templates/mobile/source/sitemap.xml +9 -10
  15. data/lib/middleman/templates/mobile/source/test/index.html +31 -31
  16. data/lib/middleman/templates/mobile/source/test/qunit/qunit.css +148 -148
  17. data/lib/middleman/templates/mobile/source/test/qunit/qunit.js +1265 -1265
  18. data/lib/middleman/templates/mobile/source/test/tests.js +21 -26
  19. data/lib/middleman/version.rb +1 -1
  20. data/middleman-x86-mingw32.gemspec +1 -1
  21. data/middleman.gemspec +1 -1
  22. metadata +8 -10
  23. data/lib/middleman/templates/mobile/source/default.appcache +0 -17
  24. data/lib/middleman/templates/mobile/source/js/libs/jquery-1.5.1.js +0 -8316
  25. data/lib/middleman/templates/mobile/source/js/libs/jquery-1.5.1.min.js +0 -16
@@ -28,7 +28,7 @@ module Middleman::CoreExtensions::FrontMatter
28
28
  ::Tilt.prefer(HamlTemplate)
29
29
 
30
30
  app.after_configuration do
31
- app.before_processing(:front_matter) do |result|
31
+ app.before_processing(:front_matter, 0) do |result|
32
32
  if result && Tilt.mappings.has_key?(result[1].to_s)
33
33
  extensionless_path, template_engine = result
34
34
  full_file_path = "#{extensionless_path}.#{template_engine}"
@@ -16,6 +16,7 @@ module Middleman::Renderers::Liquid
16
16
  if result && result[1] == :liquid
17
17
  request['custom_locals'] ||= {}
18
18
  request['custom_locals'][:data] = data.to_h
19
+ # request['custom_locals'].merge(data.to_h)
19
20
  end
20
21
 
21
22
  true
@@ -1,38 +1,37 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8">
5
- <title>Page Not Found :(</title>
6
- <style>
7
- body { text-align: center;}
8
- h1 { font-size: 50px; text-align: center }
9
- span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
10
- body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
11
- ::-moz-selection{ background:#FF5E99; color:#fff; }
12
- ::selection { background:#FF5E99; color:#fff; }
13
- article {display:block; text-align: left; width: 500px; margin: 0 auto; }
14
-
15
- a { color: rgb(36, 109, 56); text-decoration:none; }
16
- a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
17
- </style>
18
- </head>
19
- <body>
20
- <article>
21
- <h1>Not found <span frown>:(</span></h1>
22
- <div>
23
- <p>Sorry, but the page you were trying to view does not exist.</p>
24
- <p>It looks like this was the result of either:</p>
25
- <ul>
26
- <li>a mistyped address</li>
27
- <li>an out-of-date link</li>
28
- </ul>
29
- </div>
30
-
31
- <script>
32
- var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),
33
- GOOG_FIXURL_SITE = location.host;
34
- </script>
35
- <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
36
- </article>
37
- </body>
38
- </html>
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>Page Not Found :(</title>
6
+ <style>
7
+ body { text-align: center;}
8
+ h1 { font-size: 50px; text-align: center }
9
+ span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
10
+ body { font: 20px Constantia, 'Hoefler Text', "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
11
+ ::-moz-selection{ background:#FF5E99; color:#fff; }
12
+ ::selection { background:#FF5E99; color:#fff; }
13
+ article {display:block; text-align: left; width: 500px; margin: 0 auto; }
14
+ a { color: rgb(36, 109, 56); text-decoration:none; }
15
+ a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
16
+ </style>
17
+ </head>
18
+ <body>
19
+ <article>
20
+ <h1>Not found <span frown>:(</span></h1>
21
+ <div>
22
+ <p>Sorry, but the page you were trying to view does not exist.</p>
23
+ <p>It looks like this was the result of either:</p>
24
+ <ul>
25
+ <li>a mistyped address</li>
26
+ <li>an out-of-date link</li>
27
+ </ul>
28
+ </div>
29
+
30
+ <script>
31
+ var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),
32
+ GOOG_FIXURL_SITE = location.host;
33
+ </script>
34
+ <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
35
+ </article>
36
+ </body>
37
+ </html>
@@ -1,64 +1,21 @@
1
- #Mobile Boilerplate http://html5boilerplate.com
2
- v1.0 (code named Secret Diary)
3
-
4
- ##Summary:
5
-
6
- This is a set of features made specifically for mobile development, with following included:
7
-
8
- ###Markup:
9
- Home screen icon (Android, iOS, Symbian)
10
- CSS class target IE Mobile 7
11
- Cross browser viewport optimization (Android, iOS, Mobile IE, Blackberry)
12
- Optimized viewport scaling (Android, iOS, Mobile IE, Blackberry)
13
- IE Mobile better Font rendering
14
- Prevent scaling
15
- iPhone full screen mode
16
-
17
- ###CSS:
18
- Mobile helper class
19
- Prevent text resize in ie/webkit browser
20
- Prevent callout
21
- HTML5 contenteditable attribute on mobile
22
- S60 3.x and 5.0 devices which animated gif fix
23
- Text overflow with ellipsis
24
- Mobile optimized default CSS
25
-
26
- ###JavaScript:
27
- Cross browser CSS media queries
28
- Textarea autogrow
29
- Hide webkit chrome
30
- Insant button
31
- Firebug lite debugger
32
- Media queries for low end smartphone
33
-
34
- ###Server:
35
- Added Blackberry MIME type
36
- Added Nokia MIME type
37
- Prevent Transcoding
38
- Mobile site redirection
39
-
40
- ###General:
41
- HTML5 offline caching for smartphone
42
- Mobile sitemap
43
- Mobile bookmark bubble
44
- Browser Database Wrapper API
45
- User Agent Detection
46
- GA for low end mobile devices
47
- Mobile build tool
48
-
49
-
50
-
51
- ##License:
52
-
53
- ###Major components:
54
- css3-mediaqueries.js: Public Domain<br />
55
- Bookmark bubble library: Apache License, Version 2.0<br />
56
- Web Storage Portability Layer: Apache License, Version 2.0<br />
57
- Modernizr: MIT/BSD license<br />
58
- jQuery: MIT/GPL license<br />
59
- HTML5Doctor CSS reset: Creative Commons 3.0 <br />
60
- CSS Reset Reloaded: Public Domain
61
-
62
- ###Everything else:
63
-
1
+ #Mobile Boilerplate http://html5boilerplate.com
2
+ v1.1
3
+
4
+ ##Summary:
5
+
6
+ A baseline for 'mobile first' web development. Read more at the wiki here: https://github.com/shichuan/mobile-html5-boilerplate/wiki
7
+
8
+ ##License:
9
+
10
+ ###Major components:
11
+ respond.js: Public Domain<br />
12
+ Bookmark bubble library: Apache License, Version 2.0<br />
13
+ Web Storage Portability Layer: Apache License, Version 2.0<br />
14
+ Modernizr: MIT/BSD license<br />
15
+ jQuery: MIT/GPL license<br />
16
+ HTML5Doctor CSS reset: Creative Commons 3.0 <br />
17
+ CSS Reset Reloaded: Public Domain
18
+
19
+ ###Everything else:
20
+
64
21
  The Unlicense (aka: public domain)
@@ -1,25 +1,25 @@
1
- <?xml version="1.0"?>
2
- <!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
3
- <cross-domain-policy>
4
-
5
-
6
- <!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
7
-
8
- <!-- Most restrictive policy: -->
9
- <site-control permitted-cross-domain-policies="none"/>
10
-
11
-
12
-
13
- <!-- Least restrictive policy: -->
14
- <!--
15
- <site-control permitted-cross-domain-policies="all"/>
16
- <allow-access-from domain="*" to-ports="*" secure="false"/>
17
- <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
18
- -->
19
- <!--
20
- If you host a crossdomain.xml file with allow-access-from domain=�*�
21
- and dont understand all of the points described here, you probably
22
- have a nasty security vulnerability. ~ simon willison
23
- -->
24
-
25
- </cross-domain-policy>
1
+ <?xml version="1.0"?>
2
+ <!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
3
+ <cross-domain-policy>
4
+
5
+
6
+ <!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
7
+
8
+ <!-- Most restrictive policy: -->
9
+ <site-control permitted-cross-domain-policies="none"/>
10
+
11
+
12
+
13
+ <!-- Least restrictive policy: -->
14
+ <!--
15
+ <site-control permitted-cross-domain-policies="all"/>
16
+ <allow-access-from domain="*" to-ports="*" secure="false"/>
17
+ <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
18
+ -->
19
+ <!--
20
+ If you host a crossdomain.xml file with allow-access-from domain="*"
21
+ and dont understand all of the points described here, you probably
22
+ have a nasty security vulnerability. ~ simon willison
23
+ -->
24
+
25
+ </cross-domain-policy>
@@ -1,236 +1,315 @@
1
- /**
2
- * HTML5 ✰ Boilerplate
3
- *
4
- * style.css contains a reset, font normalization and some base styles.
5
- *
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
11
- */
12
-
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/
18
- */
19
-
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
- }
36
-
37
- article, aside, details, figcaption, figure,
38
- footer, header, hgroup, menu, nav, section {
39
- display: block;
40
- }
41
-
42
- blockquote, q { quotes: none; }
43
-
44
- blockquote:before, blockquote:after,
45
- q:before, q:after { content: ""; content: none; }
46
-
47
- ins { background-color: #ff9; color: #000; text-decoration: none; }
48
-
49
- mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
50
-
51
- del { text-decoration: line-through; }
52
-
53
- abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
54
-
55
- table { border-collapse: collapse; border-spacing: 0; }
56
-
57
- hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
58
-
59
- input, select { vertical-align: middle; }
60
-
61
-
62
-
63
- /**
64
- * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
65
- */
66
-
67
-
68
- body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
69
- select, input, textarea, button { font:99% sans-serif; }
70
-
71
- /* Normalize monospace sizing:
72
- en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
73
- pre, code, kbd, samp { font-family: monospace, sans-serif; }
74
-
75
-
76
- /**
77
- * Minimal base styles.
78
- */
79
-
80
- /* Prevent mobile zooming while remain desktop zooming: github.com/shichuan/mobile-html5-boilerplate/issues/closed#issue/14 */
81
- html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
82
-
83
- /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
84
- a:hover, a:active { outline: none; }
85
-
86
- ul, ol { margin-left: 2em; }
87
- ol { list-style-type: decimal; }
88
-
89
- /* Remove margins for navigation lists */
90
- nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
91
-
92
- small { font-size: 85%; }
93
- strong, th { font-weight: bold; }
94
-
95
- td { vertical-align: top; }
96
-
97
- /* Set sub, sup without affecting line-height: gist.github.com/413930 */
98
- sub, sup { font-size: 75%; line-height: 0; position: relative; }
99
- sup { top: -0.5em; }
100
- sub { bottom: -0.25em; }
101
-
102
- pre {
103
- /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
104
- white-space: pre; white-space: pre-wrap; word-wrap: break-word;
105
- padding: 15px;
106
- }
107
-
108
- textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
109
-
110
- .iem7 legend { margin-left: -7px; }
111
-
112
- /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
113
- input[type="radio"] { vertical-align: text-bottom; }
114
- input[type="checkbox"] { vertical-align: bottom; }
115
- .iem7 input[type="checkbox"] { vertical-align: baseline; }
116
-
117
- /* Hand cursor on clickable input elements */
118
- label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
119
-
120
- /* Webkit browsers add a 2px margin outside the chrome of form elements */
121
- button, input, select, textarea { margin: 0; }
122
-
123
- /* Colors for form validity */
124
- input:valid, textarea:valid { }
125
- input:invalid, textarea:invalid {
126
- border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
127
- }
128
- .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
129
-
130
-
131
- /* These selection declarations have to be separate
132
- No text-shadow: twitter.com/miketaylr/status/12228805301
133
- Also: hot pink! */
134
- ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
135
- ::selection { background:#FF5E99; color:#fff; text-shadow: none; }
136
-
137
- /* j.mp/webkit-tap-highlight-color */
138
- a:link { -webkit-tap-highlight-color: #FF5E99; }
139
-
140
- /* Make buttons play nice in IE:
141
- www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
142
- button { width: auto; overflow: visible; }
143
-
144
- /* Bicubic resizing for non-native sized IMG:
145
- code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
146
- .iem7 img { -ms-interpolation-mode: bicubic; }
147
-
148
-
149
- /**
150
- * You might tweak these..
151
- */
152
-
153
- body, select, input, textarea {
154
- /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
155
- color: #444;
156
- /* Set your base font here, to apply evenly */
157
- /* font-family: Georgia, serif; */
158
- }
159
-
160
- /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
161
- h1, h2, h3, h4, h5, h6 { font-weight: bold; }
162
-
163
- a, a:active, a:visited { color: #607890; }
164
- a:hover { color: #036; }
165
-
166
-
167
- /*
168
- * Helper classes
169
- */
170
-
171
- /* prevent callout */
172
- .nocallout {-webkit-touch-callout: none;}
173
-
174
- /* Text overflow with ellipsis */
175
- .ellipsis {
176
- text-overflow: ellipsis;
177
- overflow: hidden;
178
- white-space: nowrap;
179
- }
180
-
181
- /* A hack for HTML5 contenteditable attribute on mobile */
182
- textarea.contenteditable {-webkit-appearance: none;}
183
-
184
- /* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
185
- .gifhidden {position: absolute; left: -100%;}
186
-
187
- /* For image replacement */
188
- .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
189
-
190
- /* Hide for both screenreaders and browsers:
191
- css-discuss.incutio.com/wiki/Screenreader_Visibility */
192
- .hidden { display: none; visibility: hidden; }
193
-
194
- /* Hide only visually, but have it available for screenreaders: by Jon Neal.
195
- www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
196
- .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
197
- /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
198
- .visuallyhidden.focusable:active,
199
- .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
200
-
201
- /* Hide visually and from screenreaders, but maintain layout */
202
- .invisible { visibility: hidden; }
203
-
204
- /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
205
- j.mp/bestclearfix */
206
- .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
207
- .clearfix:after { clear: both; }
208
- /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
209
- .clearfix { zoom: 1; }
210
-
211
-
212
- /* Primary Styles for mobile
213
- Author:
214
- */
215
-
216
-
217
- /*
218
- * Media queries for responsive design https://github.com/shichuan/mobile-html5-boilerplate/wiki/The-Style
219
- */
220
-
221
-
222
- /* Styles for desktop and large screen ----------- */
223
-
224
- /*styles for 800px and up!*/
225
- @media only screen and (min-width: 800px) {
226
- /* Styles */
227
- }/*/mediaquery*/
228
-
229
-
230
- /* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
231
- @media
232
- only screen and (-webkit-min-device-pixel-ratio: 1.5),
233
- only screen and (-o-min-device-pixel-ratio: 3/2),
234
- only screen and (min-device-pixel-ratio: 1.5) {
235
- /* Styles */
236
- }
1
+ /*
2
+ * HTML5 ✰ Boilerplate
3
+ *
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.
7
+ *
8
+ * Detailed information about this CSS: h5bp.com/css
9
+ *
10
+ * ==|== normalize ==========================================================
11
+ */
12
+
13
+
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
32
+ */
33
+
34
+ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
35
+
36
+ body { margin: 0; font-size: 13px; line-height: 1.231; }
37
+
38
+ body, button, input, select, textarea { font-family: sans-serif; color: #222; }
39
+
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
+ */
45
+
46
+ ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
47
+ ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
48
+
49
+
50
+ /* =============================================================================
51
+ Links
52
+ ========================================================================== */
53
+
54
+ a { color: #00e; }
55
+ a:visited { color: #551a8b; }
56
+ a:hover { color: #06e; }
57
+ a:focus { outline: thin dotted; }
58
+
59
+ /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
60
+ a:hover, a:active { outline: 0; }
61
+
62
+
63
+ /* =============================================================================
64
+ Typography
65
+ ========================================================================== */
66
+
67
+ abbr[title] { border-bottom: 1px dotted; }
68
+
69
+ b, strong { font-weight: bold; }
70
+
71
+ blockquote { margin: 1em 40px; }
72
+
73
+ dfn { font-style: italic; }
74
+
75
+ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
76
+
77
+ ins { background: #ff9; color: #000; text-decoration: none; }
78
+
79
+ mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
80
+
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
+
84
+ /* Improve readability of pre-formatted text in all browsers */
85
+ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
86
+
87
+ q { quotes: none; }
88
+ q:before, q:after { content: ""; content: none; }
89
+
90
+ small { font-size: 85%; }
91
+
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; }
94
+ sup { top: -0.5em; }
95
+ sub { bottom: -0.25em; }
96
+
97
+
98
+ /* =============================================================================
99
+ Lists
100
+ ========================================================================== */
101
+
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; }
105
+
106
+
107
+ /* =============================================================================
108
+ Embedded content
109
+ ========================================================================== */
110
+
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
+ */
115
+
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; }
123
+
124
+
125
+ /* =============================================================================
126
+ Figures
127
+ ========================================================================== */
128
+
129
+ figure { margin: 0; }
130
+
131
+
132
+ /* =============================================================================
133
+ Forms
134
+ ========================================================================== */
135
+
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
145
+ */
146
+
147
+ legend { border: 0; *margin-left: -7px; padding: 0; }
148
+
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
+ */
154
+
155
+ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
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
+ */
161
+
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
166
+ */
167
+
168
+ table button, table input { *overflow: auto; }
169
+
170
+ /*
171
+ * 1. Display hand cursor for clickable form elements
172
+ * 2. Allow styling of clickable form elements in iOS
173
+ */
174
+
175
+ button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] { cursor: pointer; -webkit-appearance: button; }
176
+
177
+ /*
178
+ * Consistent box sizing and appearance
179
+ */
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; }
184
+
185
+ /*
186
+ * Remove inner padding and border in FF3/4: h5bp.com/l
187
+ */
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
+ ========================================================================== */
214
+
215
+
216
+
217
+
218
+
219
+
220
+
221
+
222
+
223
+
224
+
225
+
226
+
227
+
228
+
229
+
230
+ /*
231
+ * Media queries for responsive design https://github.com/shichuan/mobile-html5-boilerplate/wiki/The-Style
232
+ */
233
+
234
+
235
+ /* Styles for desktop and large screen ----------- */
236
+
237
+ /*styles for 800px and up!*/
238
+ @media only screen and (min-width: 800px) {
239
+ /* Styles */
240
+ }/*/mediaquery*/
241
+
242
+
243
+ /* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
244
+ @media
245
+ only screen and (-webkit-min-device-pixel-ratio: 1.5),
246
+ only screen and (-o-min-device-pixel-ratio: 3/2),
247
+ only screen and (min--moz-device-pixel-ratio: 1.5),
248
+ only screen and (min-device-pixel-ratio: 1.5) {
249
+ /* Styles */
250
+ }
251
+
252
+
253
+
254
+ /* ==|== non-semantic helper classes ========================================
255
+ Please define your styles before this section.
256
+ ========================================================================== */
257
+
258
+ /* prevent callout */
259
+ .nocallout {-webkit-touch-callout: none;}
260
+
261
+ /* Text overflow with ellipsis */
262
+ .ellipsis {
263
+ text-overflow: ellipsis;
264
+ overflow: hidden;
265
+ white-space: nowrap;
266
+ }
267
+
268
+ /* A hack for HTML5 contenteditable attribute on mobile */
269
+ textarea[contenteditable] {-webkit-appearance: none;}
270
+
271
+ /* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
272
+ .gifhidden {position: absolute; left: -100%;}
273
+
274
+ /* For image replacement */
275
+ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
276
+ .ir br { display: none; }
277
+
278
+ /* Hide from both screenreaders and browsers: h5bp.com/u */
279
+ .hidden { display: none !important; visibility: hidden; }
280
+
281
+ /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
282
+ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
283
+
284
+ /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
285
+ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
286
+
287
+ /* Hide visually and from screenreaders, but maintain layout */
288
+ .invisible { visibility: hidden; }
289
+
290
+ /* Contain floats: h5bp.com/q */
291
+ .clearfix:before, .clearfix:after { content: ""; display: table; }
292
+ .clearfix:after { clear: both; }
293
+ .clearfix { *zoom: 1; }
294
+
295
+
296
+
297
+ /* ==|== print styles =======================================================
298
+ Print styles.
299
+ Inlined to avoid required HTTP connection: h5bp.com/r
300
+ ========================================================================== */
301
+
302
+ @media print {
303
+ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
304
+ a, a:visited { text-decoration: underline; }
305
+ a[href]:after { content: " (" attr(href) ")"; }
306
+ abbr[title]:after { content: " (" attr(title) ")"; }
307
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
308
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
309
+ thead { display: table-header-group; } /* h5bp.com/t */
310
+ tr, img { page-break-inside: avoid; }
311
+ img { max-width: 100% !important; }
312
+ @page { margin: 0.5cm; }
313
+ p, h2, h3 { orphans: 3; widows: 3; }
314
+ h2, h3 { page-break-after: avoid; }
315
+ }