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