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

Sign up to get free protection for your applications and to get access to all the features.
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
+ }