middleman 2.0.9 → 2.0.10
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/middleman/core_extensions/front_matter.rb +1 -1
- data/lib/middleman/renderers/liquid.rb +1 -0
- data/lib/middleman/templates/mobile/source/404.html +37 -38
- data/lib/middleman/templates/mobile/source/README.markdown +20 -63
- data/lib/middleman/templates/mobile/source/crossdomain.xml +25 -25
- data/lib/middleman/templates/mobile/source/css/style.css +315 -236
- data/lib/middleman/templates/mobile/source/humans.txt +43 -43
- data/lib/middleman/templates/mobile/source/index.html +25 -28
- data/lib/middleman/templates/mobile/source/js/libs/modernizr-custom.js +14 -14
- data/lib/middleman/templates/mobile/source/js/libs/respond.min.js +1 -1
- data/lib/middleman/templates/mobile/source/js/mylibs/helper.js +30 -6
- data/lib/middleman/templates/mobile/source/js/plugins.js +20 -0
- data/lib/middleman/templates/mobile/source/robots.txt +4 -5
- data/lib/middleman/templates/mobile/source/sitemap.xml +9 -10
- data/lib/middleman/templates/mobile/source/test/index.html +31 -31
- data/lib/middleman/templates/mobile/source/test/qunit/qunit.css +148 -148
- data/lib/middleman/templates/mobile/source/test/qunit/qunit.js +1265 -1265
- data/lib/middleman/templates/mobile/source/test/tests.js +21 -26
- data/lib/middleman/version.rb +1 -1
- data/middleman-x86-mingw32.gemspec +1 -1
- data/middleman.gemspec +1 -1
- metadata +8 -10
- data/lib/middleman/templates/mobile/source/default.appcache +0 -17
- data/lib/middleman/templates/mobile/source/js/libs/jquery-1.5.1.js +0 -8316
- 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}"
|
|
@@ -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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
</
|
|
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.
|
|
3
|
-
|
|
4
|
-
##Summary:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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 don
|
|
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 don’t 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
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
*/
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
*
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
*
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
.
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
.
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
/*
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
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
|
+
}
|