middleman-core 3.0.1.pre → 3.0.2
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.
- data/features/cli_init.feature +1 -1
- data/lib/middleman-core/core_extensions/extensions.rb +1 -1
- data/lib/middleman-core/templates/html5/source/.htaccess +540 -0
- data/lib/middleman-core/templates/html5/source/404.html +155 -41
- data/lib/middleman-core/templates/html5/source/LICENSE.md +19 -0
- data/lib/middleman-core/templates/html5/source/README.md +38 -30
- data/lib/middleman-core/templates/html5/source/apple-touch-icon-114x114-precomposed.png +0 -0
- data/lib/middleman-core/templates/html5/source/apple-touch-icon-144x144-precomposed.png +0 -0
- data/lib/middleman-core/templates/html5/source/apple-touch-icon-57x57-precomposed.png +0 -0
- data/lib/middleman-core/templates/html5/source/apple-touch-icon-72x72-precomposed.png +0 -0
- data/lib/middleman-core/templates/html5/source/apple-touch-icon-precomposed.png +0 -0
- data/lib/middleman-core/templates/html5/source/apple-touch-icon.png +0 -0
- data/lib/middleman-core/templates/html5/source/crossdomain.xml +9 -19
- data/lib/middleman-core/templates/html5/source/css/main.css +298 -0
- data/lib/middleman-core/templates/html5/source/css/normalize.css +504 -0
- data/lib/middleman-core/templates/html5/source/favicon.ico +0 -0
- data/lib/middleman-core/templates/html5/source/humans.txt +9 -37
- data/lib/middleman-core/templates/html5/source/index.html +40 -67
- data/lib/middleman-core/templates/html5/source/js/main.js +1 -0
- data/lib/middleman-core/templates/html5/source/js/plugins.js +14 -11
- data/lib/middleman-core/templates/html5/source/js/vendor/jquery-1.8.0.min.js +2 -0
- data/lib/middleman-core/templates/html5/source/js/vendor/modernizr-2.6.1.min.js +4 -0
- data/lib/middleman-core/templates/html5/source/robots.txt +1 -2
- data/lib/middleman-core/version.rb +1 -1
- data/middleman-core-x86-mingw32.gemspec +1 -1
- metadata +18 -12
- data/lib/middleman-core/templates/html5/source/css/style.css +0 -293
- data/lib/middleman-core/templates/html5/source/js/libs/jquery-1.7.1.js +0 -9266
- data/lib/middleman-core/templates/html5/source/js/libs/jquery-1.7.1.min.js +0 -4
- data/lib/middleman-core/templates/html5/source/js/libs/modernizr-2.5.3.min.js +0 -4
- data/lib/middleman-core/templates/html5/source/js/script.js +0 -8
@@ -1,43 +1,157 @@
|
|
1
|
-
<!
|
1
|
+
<!DOCTYPE html>
|
2
2
|
<html lang="en">
|
3
|
-
<head>
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
body { max-width: 500px; _width: 500px; padding: 30px 20px 50px; border: 1px solid #b3b3b3; border-radius: 4px; margin: 0 auto; box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; background: #fcfcfc; }
|
12
|
-
h1 { margin: 0 10px; font-size: 50px; text-align: center; }
|
13
|
-
h1 span { color: #bbb; }
|
14
|
-
h3 { margin: 1.5em 0 0.5em; }
|
15
|
-
p { margin: 1em 0; }
|
16
|
-
ul { padding: 0 0 0 40px; margin: 1em 0; }
|
17
|
-
.container { max-width: 380px; _width: 380px; margin: 0 auto; }
|
18
|
-
/* google search */
|
19
|
-
#goog-fixurl ul { list-style: none; padding: 0; margin: 0; }
|
20
|
-
#goog-fixurl form { margin: 0; }
|
21
|
-
#goog-wm-qt, #goog-wm-sb { border: 1px solid #bbb; font-size: 16px; line-height: normal; vertical-align: top; color: #444; border-radius: 2px; }
|
22
|
-
#goog-wm-qt { width: 220px; height: 20px; padding: 5px; margin: 5px 10px 0 0; box-shadow: inset 0 1px 1px #ccc; }
|
23
|
-
#goog-wm-sb { display: inline-block; height: 32px; padding: 0 10px; margin: 5px 0 0; white-space: nowrap; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); -webkit-appearance: none; -moz-appearance: none; appearance: none; *overflow: visible; *display: inline; *zoom: 1; }
|
24
|
-
#goog-wm-sb:hover, #goog-wm-sb:focus { border-color: #aaa; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #f8f8f8; }
|
25
|
-
#goog-wm-qt:focus, #goog-wm-sb:focus { border-color: #105cb6; outline: 0; color: #222; }
|
26
|
-
input::-moz-focus-inner { padding: 0; border: 0; }
|
27
|
-
</style>
|
28
|
-
</head>
|
29
|
-
<body>
|
30
|
-
<div class="container">
|
31
|
-
<h1>Not found <span>:(</span></h1>
|
32
|
-
<p>Sorry, but the page you were trying to view does not exist.</p>
|
33
|
-
<p>It looks like this was the result of either:</p>
|
34
|
-
<ul>
|
35
|
-
<li>a mistyped address</li>
|
36
|
-
<li>an out-of-date link</li>
|
37
|
-
</ul>
|
38
|
-
<script>
|
39
|
-
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
|
40
|
-
</script>
|
41
|
-
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
|
42
|
-
</div>
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<title>Page Not Found :(</title>
|
6
|
+
<style>
|
7
|
+
::-moz-selection {
|
8
|
+
background: #b3d4fc;
|
9
|
+
text-shadow: none;
|
10
|
+
}
|
43
11
|
|
12
|
+
::selection {
|
13
|
+
background: #b3d4fc;
|
14
|
+
text-shadow: none;
|
15
|
+
}
|
16
|
+
|
17
|
+
html {
|
18
|
+
padding: 30px 10px;
|
19
|
+
font-size: 20px;
|
20
|
+
line-height: 1.4;
|
21
|
+
color: #737373;
|
22
|
+
background: #f0f0f0;
|
23
|
+
-webkit-text-size-adjust: 100%;
|
24
|
+
-ms-text-size-adjust: 100%;
|
25
|
+
}
|
26
|
+
|
27
|
+
html,
|
28
|
+
input {
|
29
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
30
|
+
}
|
31
|
+
|
32
|
+
body {
|
33
|
+
max-width: 500px;
|
34
|
+
_width: 500px;
|
35
|
+
padding: 30px 20px 50px;
|
36
|
+
border: 1px solid #b3b3b3;
|
37
|
+
border-radius: 4px;
|
38
|
+
margin: 0 auto;
|
39
|
+
box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
|
40
|
+
background: #fcfcfc;
|
41
|
+
}
|
42
|
+
|
43
|
+
h1 {
|
44
|
+
margin: 0 10px;
|
45
|
+
font-size: 50px;
|
46
|
+
text-align: center;
|
47
|
+
}
|
48
|
+
|
49
|
+
h1 span {
|
50
|
+
color: #bbb;
|
51
|
+
}
|
52
|
+
|
53
|
+
h3 {
|
54
|
+
margin: 1.5em 0 0.5em;
|
55
|
+
}
|
56
|
+
|
57
|
+
p {
|
58
|
+
margin: 1em 0;
|
59
|
+
}
|
60
|
+
|
61
|
+
ul {
|
62
|
+
padding: 0 0 0 40px;
|
63
|
+
margin: 1em 0;
|
64
|
+
}
|
65
|
+
|
66
|
+
.container {
|
67
|
+
max-width: 380px;
|
68
|
+
_width: 380px;
|
69
|
+
margin: 0 auto;
|
70
|
+
}
|
71
|
+
|
72
|
+
/* google search */
|
73
|
+
|
74
|
+
#goog-fixurl ul {
|
75
|
+
list-style: none;
|
76
|
+
padding: 0;
|
77
|
+
margin: 0;
|
78
|
+
}
|
79
|
+
|
80
|
+
#goog-fixurl form {
|
81
|
+
margin: 0;
|
82
|
+
}
|
83
|
+
|
84
|
+
#goog-wm-qt,
|
85
|
+
#goog-wm-sb {
|
86
|
+
border: 1px solid #bbb;
|
87
|
+
font-size: 16px;
|
88
|
+
line-height: normal;
|
89
|
+
vertical-align: top;
|
90
|
+
color: #444;
|
91
|
+
border-radius: 2px;
|
92
|
+
}
|
93
|
+
|
94
|
+
#goog-wm-qt {
|
95
|
+
width: 220px;
|
96
|
+
height: 20px;
|
97
|
+
padding: 5px;
|
98
|
+
margin: 5px 10px 0 0;
|
99
|
+
box-shadow: inset 0 1px 1px #ccc;
|
100
|
+
}
|
101
|
+
|
102
|
+
#goog-wm-sb {
|
103
|
+
display: inline-block;
|
104
|
+
height: 32px;
|
105
|
+
padding: 0 10px;
|
106
|
+
margin: 5px 0 0;
|
107
|
+
white-space: nowrap;
|
108
|
+
cursor: pointer;
|
109
|
+
background-color: #f5f5f5;
|
110
|
+
background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
|
111
|
+
background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
|
112
|
+
background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
|
113
|
+
background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
|
114
|
+
-webkit-appearance: none;
|
115
|
+
-moz-appearance: none;
|
116
|
+
appearance: none;
|
117
|
+
*overflow: visible;
|
118
|
+
*display: inline;
|
119
|
+
*zoom: 1;
|
120
|
+
}
|
121
|
+
|
122
|
+
#goog-wm-sb:hover,
|
123
|
+
#goog-wm-sb:focus {
|
124
|
+
border-color: #aaa;
|
125
|
+
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
126
|
+
background-color: #f8f8f8;
|
127
|
+
}
|
128
|
+
|
129
|
+
#goog-wm-qt:hover,
|
130
|
+
#goog-wm-qt:focus {
|
131
|
+
border-color: #105cb6;
|
132
|
+
outline: 0;
|
133
|
+
color: #222;
|
134
|
+
}
|
135
|
+
|
136
|
+
input::-moz-focus-inner {
|
137
|
+
padding: 0;
|
138
|
+
border: 0;
|
139
|
+
}
|
140
|
+
</style>
|
141
|
+
</head>
|
142
|
+
<body>
|
143
|
+
<div class="container">
|
144
|
+
<h1>Not found <span>:(</span></h1>
|
145
|
+
<p>Sorry, but the page you were trying to view does not exist.</p>
|
146
|
+
<p>It looks like this was the result of either:</p>
|
147
|
+
<ul>
|
148
|
+
<li>a mistyped address</li>
|
149
|
+
<li>an out-of-date link</li>
|
150
|
+
</ul>
|
151
|
+
<script>
|
152
|
+
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
|
153
|
+
</script>
|
154
|
+
<script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
|
155
|
+
</div>
|
156
|
+
</body>
|
157
|
+
</html>
|
@@ -0,0 +1,19 @@
|
|
1
|
+
Copyright (c) HTML5 Boilerplate
|
2
|
+
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
4
|
+
this software and associated documentation files (the "Software"), to deal in
|
5
|
+
the Software without restriction, including without limitation the rights to
|
6
|
+
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
|
7
|
+
of the Software, and to permit persons to whom the Software is furnished to do
|
8
|
+
so, subject to the following conditions:
|
9
|
+
|
10
|
+
The above copyright notice and this permission notice shall be included in all
|
11
|
+
copies or substantial portions of the Software.
|
12
|
+
|
13
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
14
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
15
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
16
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
17
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
18
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
19
|
+
SOFTWARE.
|
@@ -1,13 +1,27 @@
|
|
1
1
|
# [HTML5 Boilerplate](http://html5boilerplate.com)
|
2
2
|
|
3
|
-
HTML5 Boilerplate is a professional front-end template
|
3
|
+
HTML5 Boilerplate is a professional front-end template for building fast,
|
4
|
+
robust, and adaptable web apps or sites.
|
4
5
|
|
5
|
-
This project is the product of many years of iterative development and combined
|
6
|
+
This project is the product of many years of iterative development and combined
|
7
|
+
community knowledge. It does not impose a specific development philosophy or
|
8
|
+
framework, so you're free to architect your code in the way that you want.
|
9
|
+
|
10
|
+
* Source: [https://github.com/h5bp/html5-boilerplate](https://github.com/h5bp/html5-boilerplate)
|
11
|
+
* Homepage: [http://html5boilerplate.com](http://html5boilerplate.com)
|
12
|
+
* Twitter: [@h5bp](http://twitter.com/h5bp)
|
6
13
|
|
7
14
|
|
8
15
|
## Quick start
|
9
16
|
|
10
|
-
|
17
|
+
Choose one of the following options:
|
18
|
+
|
19
|
+
1. Download the latest stable release from
|
20
|
+
[html5boilerplate.com](http://html5boilerplate.com/) or a custom build from
|
21
|
+
[Initializr](http://www.initializr.com).
|
22
|
+
2. Clone the git repo — `git clone
|
23
|
+
https://github.com/h5bp/html5-boilerplate.git` - and checkout the tagged
|
24
|
+
release you'd like to use.
|
11
25
|
|
12
26
|
|
13
27
|
## Features
|
@@ -15,41 +29,35 @@ Clone the git repo - `git clone git://github.com/h5bp/html5-boilerplate.git` - o
|
|
15
29
|
* HTML5 ready. Use the new elements with confidence.
|
16
30
|
* Cross-browser compatible (Chrome, Opera, Safari, Firefox 3.6+, IE6+).
|
17
31
|
* Designed with progressive enhancement in mind.
|
18
|
-
*
|
32
|
+
* Includes [Normalize.css](http://necolas.github.com/normalize.css/) for CSS
|
33
|
+
normalizations and common bug fixes.
|
34
|
+
* The latest [jQuery](http://jquery.com/) via CDN, with a local fallback.
|
35
|
+
* The latest [Modernizr](http://modernizr.com/) build for feature detection.
|
19
36
|
* IE-specific classes for easier cross-browser control.
|
20
|
-
*
|
21
|
-
*
|
22
|
-
*
|
23
|
-
*
|
24
|
-
|
37
|
+
* Placeholder CSS Media Queries.
|
38
|
+
* Useful CSS helpers.
|
39
|
+
* Default print CSS, performance optimized.
|
40
|
+
* Protection against any stray `console.log` causing JavaScript errors in
|
41
|
+
IE6/7.
|
25
42
|
* An optimized Google Analytics snippet.
|
26
|
-
* Apache server caching, compression, and other configuration defaults for
|
43
|
+
* Apache server caching, compression, and other configuration defaults for
|
44
|
+
Grade-A performance.
|
27
45
|
* Cross-domain Ajax and Flash.
|
28
46
|
* "Delete-key friendly." Easy to strip out parts you don't need.
|
29
47
|
* Extensive inline and accompanying documentation.
|
30
48
|
|
31
49
|
|
32
|
-
##
|
33
|
-
|
34
|
-
Anyone and everyone is welcome to [contribute](https://github.com/h5bp/html5-boilerplate/wiki/contribute). Hundreds of developers have helped make the HTML5 Boilerplate what it is today.
|
35
|
-
|
50
|
+
## Documentation
|
36
51
|
|
37
|
-
|
52
|
+
Take a look at the [documentation table of
|
53
|
+
contents](/h5bp/html5-boilerplate/blob/master/doc/README.md). This
|
54
|
+
documentation is bundled with the project, which makes it readily available for
|
55
|
+
offline reading and provides a useful starting point for any documentation
|
56
|
+
you want to write about your project.
|
38
57
|
|
39
|
-
* Source: http://github.com/h5bp/html5-boilerplate
|
40
|
-
* Web: http://html5boilerplate.com
|
41
|
-
* Docs: http://html5boilerplate.com/docs
|
42
|
-
* Twitter: http://twitter.com/h5bp
|
43
58
|
|
59
|
+
## Contributing
|
44
60
|
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
* jQuery: MIT/GPL license
|
50
|
-
* Modernizr: MIT/BSD license
|
51
|
-
* Normalize.css: Public Domain
|
52
|
-
|
53
|
-
### Everything else:
|
54
|
-
|
55
|
-
The Unlicense (aka: public domain)
|
61
|
+
Anyone and everyone is welcome to
|
62
|
+
[contribute](/h5bp/html5-boilerplate/blob/master/doc/contribute.md). Hundreds
|
63
|
+
of developers have helped make the HTML5 Boilerplate what it is today.
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,25 +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
|
+
<!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
|
4
5
|
|
6
|
+
<!-- Most restrictive policy: -->
|
7
|
+
<site-control permitted-cross-domain-policies="none"/>
|
5
8
|
|
6
|
-
<!--
|
7
|
-
|
8
|
-
|
9
|
-
|
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
|
-
|
9
|
+
<!-- Least restrictive policy: -->
|
10
|
+
<!--
|
11
|
+
<site-control permitted-cross-domain-policies="all"/>
|
12
|
+
<allow-access-from domain="*" to-ports="*" secure="false"/>
|
13
|
+
<allow-http-request-headers-from domain="*" headers="*" secure="false"/>
|
14
|
+
-->
|
25
15
|
</cross-domain-policy>
|
@@ -0,0 +1,298 @@
|
|
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
|
+
|
9
|
+
/* ==========================================================================
|
10
|
+
Base styles: opinionated defaults
|
11
|
+
========================================================================== */
|
12
|
+
|
13
|
+
html,
|
14
|
+
button,
|
15
|
+
input,
|
16
|
+
select,
|
17
|
+
textarea {
|
18
|
+
color: #222;
|
19
|
+
}
|
20
|
+
|
21
|
+
body {
|
22
|
+
font-size: 1em;
|
23
|
+
line-height: 1.4;
|
24
|
+
}
|
25
|
+
|
26
|
+
/*
|
27
|
+
* Remove text-shadow in selection highlight: h5bp.com/i
|
28
|
+
* These selection declarations have to be separate.
|
29
|
+
* Customize the background color to match your design.
|
30
|
+
*/
|
31
|
+
|
32
|
+
::-moz-selection {
|
33
|
+
background: #b3d4fc;
|
34
|
+
text-shadow: none;
|
35
|
+
}
|
36
|
+
|
37
|
+
::selection {
|
38
|
+
background: #b3d4fc;
|
39
|
+
text-shadow: none;
|
40
|
+
}
|
41
|
+
|
42
|
+
/*
|
43
|
+
* A better looking default horizontal rule
|
44
|
+
*/
|
45
|
+
|
46
|
+
hr {
|
47
|
+
display: block;
|
48
|
+
height: 1px;
|
49
|
+
border: 0;
|
50
|
+
border-top: 1px solid #ccc;
|
51
|
+
margin: 1em 0;
|
52
|
+
padding: 0;
|
53
|
+
}
|
54
|
+
|
55
|
+
/*
|
56
|
+
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
|
57
|
+
*/
|
58
|
+
|
59
|
+
img {
|
60
|
+
vertical-align: middle;
|
61
|
+
}
|
62
|
+
|
63
|
+
/*
|
64
|
+
* Remove default fieldset styles.
|
65
|
+
*/
|
66
|
+
|
67
|
+
fieldset {
|
68
|
+
border: 0;
|
69
|
+
margin: 0;
|
70
|
+
padding: 0;
|
71
|
+
}
|
72
|
+
|
73
|
+
/*
|
74
|
+
* Allow only vertical resizing of textareas.
|
75
|
+
*/
|
76
|
+
|
77
|
+
textarea {
|
78
|
+
resize: vertical;
|
79
|
+
}
|
80
|
+
|
81
|
+
/* ==========================================================================
|
82
|
+
Chrome Frame prompt
|
83
|
+
========================================================================== */
|
84
|
+
|
85
|
+
.chromeframe {
|
86
|
+
margin: 0.2em 0;
|
87
|
+
background: #ccc;
|
88
|
+
color: #000;
|
89
|
+
padding: 0.2em 0;
|
90
|
+
}
|
91
|
+
|
92
|
+
/* ==========================================================================
|
93
|
+
Author's custom styles
|
94
|
+
========================================================================== */
|
95
|
+
|
96
|
+
|
97
|
+
|
98
|
+
|
99
|
+
|
100
|
+
|
101
|
+
|
102
|
+
|
103
|
+
|
104
|
+
|
105
|
+
|
106
|
+
|
107
|
+
|
108
|
+
|
109
|
+
|
110
|
+
|
111
|
+
|
112
|
+
/* ==========================================================================
|
113
|
+
Helper classes
|
114
|
+
========================================================================== */
|
115
|
+
|
116
|
+
/*
|
117
|
+
* Image replacement
|
118
|
+
*/
|
119
|
+
|
120
|
+
.ir {
|
121
|
+
background-color: transparent;
|
122
|
+
border: 0;
|
123
|
+
overflow: hidden;
|
124
|
+
/* IE 6/7 fallback */
|
125
|
+
*text-indent: -9999px;
|
126
|
+
}
|
127
|
+
|
128
|
+
.ir:before {
|
129
|
+
content: "";
|
130
|
+
display: block;
|
131
|
+
width: 0;
|
132
|
+
height: 100%;
|
133
|
+
}
|
134
|
+
|
135
|
+
/*
|
136
|
+
* Hide from both screenreaders and browsers: h5bp.com/u
|
137
|
+
*/
|
138
|
+
|
139
|
+
.hidden {
|
140
|
+
display: none !important;
|
141
|
+
visibility: hidden;
|
142
|
+
}
|
143
|
+
|
144
|
+
/*
|
145
|
+
* Hide only visually, but have it available for screenreaders: h5bp.com/v
|
146
|
+
*/
|
147
|
+
|
148
|
+
.visuallyhidden {
|
149
|
+
border: 0;
|
150
|
+
clip: rect(0 0 0 0);
|
151
|
+
height: 1px;
|
152
|
+
margin: -1px;
|
153
|
+
overflow: hidden;
|
154
|
+
padding: 0;
|
155
|
+
position: absolute;
|
156
|
+
width: 1px;
|
157
|
+
}
|
158
|
+
|
159
|
+
/*
|
160
|
+
* Extends the .visuallyhidden class to allow the element to be focusable
|
161
|
+
* when navigated to via the keyboard: h5bp.com/p
|
162
|
+
*/
|
163
|
+
|
164
|
+
.visuallyhidden.focusable:active,
|
165
|
+
.visuallyhidden.focusable:focus {
|
166
|
+
clip: auto;
|
167
|
+
height: auto;
|
168
|
+
margin: 0;
|
169
|
+
overflow: visible;
|
170
|
+
position: static;
|
171
|
+
width: auto;
|
172
|
+
}
|
173
|
+
|
174
|
+
/*
|
175
|
+
* Hide visually and from screenreaders, but maintain layout
|
176
|
+
*/
|
177
|
+
|
178
|
+
.invisible {
|
179
|
+
visibility: hidden;
|
180
|
+
}
|
181
|
+
|
182
|
+
/*
|
183
|
+
* Clearfix: contain floats
|
184
|
+
*
|
185
|
+
* For modern browsers
|
186
|
+
* 1. The space content is one way to avoid an Opera bug when the
|
187
|
+
* `contenteditable` attribute is included anywhere else in the document.
|
188
|
+
* Otherwise it causes space to appear at the top and bottom of elements
|
189
|
+
* that receive the `clearfix` class.
|
190
|
+
* 2. The use of `table` rather than `block` is only necessary if using
|
191
|
+
* `:before` to contain the top-margins of child elements.
|
192
|
+
*/
|
193
|
+
|
194
|
+
.clearfix:before,
|
195
|
+
.clearfix:after {
|
196
|
+
content: " "; /* 1 */
|
197
|
+
display: table; /* 2 */
|
198
|
+
}
|
199
|
+
|
200
|
+
.clearfix:after {
|
201
|
+
clear: both;
|
202
|
+
}
|
203
|
+
|
204
|
+
/*
|
205
|
+
* For IE 6/7 only
|
206
|
+
* Include this rule to trigger hasLayout and contain floats.
|
207
|
+
*/
|
208
|
+
|
209
|
+
.clearfix {
|
210
|
+
*zoom: 1;
|
211
|
+
}
|
212
|
+
|
213
|
+
/* ==========================================================================
|
214
|
+
EXAMPLE Media Queries for Responsive Design.
|
215
|
+
Theses examples override the primary ('mobile first') styles.
|
216
|
+
Modify as content requires.
|
217
|
+
========================================================================== */
|
218
|
+
|
219
|
+
@media only screen and (min-width: 35em) {
|
220
|
+
/* Style adjustments for viewports that meet the condition */
|
221
|
+
}
|
222
|
+
|
223
|
+
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
224
|
+
only screen and (min-resolution: 144dpi) {
|
225
|
+
/* Style adjustments for high resolution devices */
|
226
|
+
}
|
227
|
+
|
228
|
+
/* ==========================================================================
|
229
|
+
Print styles.
|
230
|
+
Inlined to avoid required HTTP connection: h5bp.com/r
|
231
|
+
========================================================================== */
|
232
|
+
|
233
|
+
@media print {
|
234
|
+
* {
|
235
|
+
background: transparent !important;
|
236
|
+
color: #000 !important; /* Black prints faster: h5bp.com/s */
|
237
|
+
box-shadow:none !important;
|
238
|
+
text-shadow: none !important;
|
239
|
+
}
|
240
|
+
|
241
|
+
a,
|
242
|
+
a:visited {
|
243
|
+
text-decoration: underline;
|
244
|
+
}
|
245
|
+
|
246
|
+
a[href]:after {
|
247
|
+
content: " (" attr(href) ")";
|
248
|
+
}
|
249
|
+
|
250
|
+
abbr[title]:after {
|
251
|
+
content: " (" attr(title) ")";
|
252
|
+
}
|
253
|
+
|
254
|
+
/*
|
255
|
+
* Don't show links for images, or javascript/internal links
|
256
|
+
*/
|
257
|
+
|
258
|
+
.ir a:after,
|
259
|
+
a[href^="javascript:"]:after,
|
260
|
+
a[href^="#"]:after {
|
261
|
+
content: "";
|
262
|
+
}
|
263
|
+
|
264
|
+
pre,
|
265
|
+
blockquote {
|
266
|
+
border: 1px solid #999;
|
267
|
+
page-break-inside: avoid;
|
268
|
+
}
|
269
|
+
|
270
|
+
thead {
|
271
|
+
display: table-header-group; /* h5bp.com/t */
|
272
|
+
}
|
273
|
+
|
274
|
+
tr,
|
275
|
+
img {
|
276
|
+
page-break-inside: avoid;
|
277
|
+
}
|
278
|
+
|
279
|
+
img {
|
280
|
+
max-width: 100% !important;
|
281
|
+
}
|
282
|
+
|
283
|
+
@page {
|
284
|
+
margin: 0.5cm;
|
285
|
+
}
|
286
|
+
|
287
|
+
p,
|
288
|
+
h2,
|
289
|
+
h3 {
|
290
|
+
orphans: 3;
|
291
|
+
widows: 3;
|
292
|
+
}
|
293
|
+
|
294
|
+
h2,
|
295
|
+
h3 {
|
296
|
+
page-break-after: avoid;
|
297
|
+
}
|
298
|
+
}
|