zurb-foundation 2.2.1.2 → 3.0.3
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/.gitignore +17 -2
- data/Capfile +5 -0
- data/Gemfile +1 -1
- data/LICENSE +22 -0
- data/README.md +87 -0
- data/Rakefile +1 -0
- data/config/deploy.rb +42 -0
- data/foundation.gemspec +17 -21
- data/index.html +138 -0
- data/lib/foundation/engine.rb +2 -2
- data/lib/foundation/sass_script_functions.rb +29 -0
- data/lib/foundation/version.rb +1 -2
- data/lib/zurb-foundation.rb +6 -3
- data/stylesheets/_foundation.scss +14 -0
- data/stylesheets/foundation/_base.scss +6 -0
- data/stylesheets/foundation/_mixins.scss +46 -0
- data/stylesheets/foundation/_modular-scale.sass +332 -0
- data/stylesheets/foundation/_semantic-grid.scss +67 -0
- data/stylesheets/foundation/_settings.scss +71 -0
- data/stylesheets/foundation/app.scss +26 -0
- data/stylesheets/foundation/buttons.scss +175 -0
- data/stylesheets/foundation/forms.scss +130 -0
- data/stylesheets/foundation/globals.scss +34 -0
- data/stylesheets/foundation/grid.scss +132 -0
- data/stylesheets/foundation/ie.scss +16 -0
- data/stylesheets/foundation/mobile.scss +32 -0
- data/stylesheets/foundation/navbar.scss +107 -0
- data/stylesheets/foundation/offcanvas.scss +57 -0
- data/{vendor/assets/stylesheets/foundation/orbit.css.scss → stylesheets/foundation/orbit.scss} +68 -68
- data/stylesheets/foundation/reveal.scss +54 -0
- data/stylesheets/foundation/tabs.scss +89 -0
- data/stylesheets/foundation/typography.scss +83 -0
- data/stylesheets/foundation/ui.scss +352 -0
- data/templates/project/.gitignore +44 -0
- data/templates/project/MIT-LICENSE.txt +20 -0
- data/templates/project/humans.txt +8 -0
- data/templates/project/index.html +133 -0
- data/templates/project/manifest.rb +51 -0
- data/templates/project/robots.txt +4 -0
- data/templates/project/sass/_settings.scss +48 -0
- data/templates/project/sass/app.scss +20 -0
- data/templates/project/sass/ie.scss +4 -0
- data/templates/project/stylesheets/app.css +0 -0
- data/templates/project/stylesheets/ie.css +0 -0
- data/test.html +758 -0
- data/type.html +153 -0
- data/vendor/assets/images/foundation/orbit/left-arrow-small.png +0 -0
- data/vendor/assets/images/foundation/orbit/right-arrow-small.png +0 -0
- data/vendor/assets/images/foundation/orbit/right-arrow.png +0 -0
- data/vendor/assets/javascripts/foundation/app.js +92 -71
- data/vendor/assets/javascripts/foundation/index.js +8 -7
- data/vendor/assets/javascripts/foundation/jquery.customforms.js +74 -73
- data/vendor/assets/javascripts/foundation/jquery.min.js +4 -0
- data/vendor/assets/javascripts/foundation/jquery.offcanvas.js +50 -0
- data/vendor/assets/javascripts/foundation/jquery.orbit-1.4.0.js +103 -101
- data/vendor/assets/javascripts/foundation/jquery.placeholder.min.js +0 -1
- data/vendor/assets/javascripts/foundation/jquery.reveal.js +39 -15
- data/vendor/assets/javascripts/foundation/jquery.tooltips.js +96 -90
- data/vendor/assets/javascripts/foundation/modernizr.foundation.js +3 -4
- metadata +101 -46
- data/README.markdown +0 -163
- data/build.rb +0 -49
- data/lib/foundation/generators/USAGE +0 -15
- data/lib/foundation/generators/install_generator.rb +0 -27
- data/lib/foundation/generators/layout_generator.rb +0 -28
- data/lib/foundation/generators/templates/application.css +0 -5
- data/lib/foundation/generators/templates/application.html.erb +0 -31
- data/lib/foundation/generators/templates/application.html.haml +0 -30
- data/lib/foundation/generators/templates/application.html.slim +0 -30
- data/lib/foundation/generators/templates/application.js +0 -4
- data/vendor/assets/images/foundation/misc/button-gloss.png +0 -0
- data/vendor/assets/images/foundation/misc/button-overlay.png +0 -0
- data/vendor/assets/images/foundation/misc/custom-form-sprites.png +0 -0
- data/vendor/assets/images/foundation/misc/input-bg-outset.png +0 -0
- data/vendor/assets/images/foundation/misc/input-bg.png +0 -0
- data/vendor/assets/images/foundation/misc/modal-gloss.png +0 -0
- data/vendor/assets/images/foundation/misc/table-sorter.png +0 -0
- data/vendor/assets/stylesheets/foundation/forms.css.scss +0 -134
- data/vendor/assets/stylesheets/foundation/globals.css.scss +0 -139
- data/vendor/assets/stylesheets/foundation/grid.css.scss +0 -129
- data/vendor/assets/stylesheets/foundation/ie.css.scss +0 -13
- data/vendor/assets/stylesheets/foundation/index.css +0 -10
- data/vendor/assets/stylesheets/foundation/mobile.css.scss +0 -222
- data/vendor/assets/stylesheets/foundation/reveal.css.scss +0 -100
- data/vendor/assets/stylesheets/foundation/typography.css.scss +0 -63
- data/vendor/assets/stylesheets/foundation/ui.css.scss +0 -418
@@ -1,100 +0,0 @@
|
|
1
|
-
/* CSS for jQuery Reveal Plugin
|
2
|
-
* Maintained for Foundation. foundation.zurb.com
|
3
|
-
* Free to use under the MIT license.
|
4
|
-
* http://www.opensource.org/licenses/mit-license.php
|
5
|
-
|
6
|
-
/* --------------------------------------------------
|
7
|
-
Reveal Modals
|
8
|
-
-------------------------------------------------- */
|
9
|
-
|
10
|
-
.reveal-modal-bg {
|
11
|
-
position: fixed;
|
12
|
-
height: 100%;
|
13
|
-
width: 100%;
|
14
|
-
background: #000;
|
15
|
-
z-index: 40;
|
16
|
-
display: none;
|
17
|
-
top: 0;
|
18
|
-
left: 0;
|
19
|
-
}
|
20
|
-
|
21
|
-
.reveal-modal {
|
22
|
-
visibility: hidden;
|
23
|
-
top: 100px;
|
24
|
-
left: 50%;
|
25
|
-
margin-left: -300px;
|
26
|
-
width: 520px;
|
27
|
-
background: #eee image-url("foundation/misc/modal-gloss.png") no-repeat -200px -80px;
|
28
|
-
position: absolute;
|
29
|
-
z-index: 41;
|
30
|
-
padding: 30px 40px 34px;
|
31
|
-
-moz-border-radius: 5px;
|
32
|
-
-webkit-border-radius: 5px;
|
33
|
-
border-radius: 5px;
|
34
|
-
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
|
35
|
-
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
|
36
|
-
box-shadow: 0 0 10px rgba(0,0,0,.4);
|
37
|
-
}
|
38
|
-
|
39
|
-
.reveal-modal.small { width: 200px; margin-left: -140px;}
|
40
|
-
.reveal-modal.medium { width: 400px; margin-left: -240px;}
|
41
|
-
.reveal-modal.large { width: 600px; margin-left: -340px;}
|
42
|
-
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
|
43
|
-
|
44
|
-
.reveal-modal .close-reveal-modal {
|
45
|
-
font-size: 22px;
|
46
|
-
line-height: .5;
|
47
|
-
position: absolute;
|
48
|
-
top: 8px;
|
49
|
-
right: 11px;
|
50
|
-
color: #aaa;
|
51
|
-
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
|
52
|
-
font-weight: bold;
|
53
|
-
cursor: pointer;
|
54
|
-
}
|
55
|
-
|
56
|
-
.reveal-modal .row {
|
57
|
-
min-width: 0;
|
58
|
-
}
|
59
|
-
|
60
|
-
/* Mobile */
|
61
|
-
|
62
|
-
@media handheld, only screen and (max-width: 1023px) {
|
63
|
-
.reveal-modal-bg { position: absolute; }
|
64
|
-
|
65
|
-
.reveal-modal,
|
66
|
-
.reveal-modal.small,
|
67
|
-
.reveal-modal.medium,
|
68
|
-
.reveal-modal.large,
|
69
|
-
.reveal-modal.xlarge { width: 60%; top: 60px; left: 15%; margin-left: 0; padding: 20px; height: auto; }
|
70
|
-
}
|
71
|
-
|
72
|
-
@media handheld, only screen and (max-width: 767px) {
|
73
|
-
.reveal-modal-bg { position: absolute; }
|
74
|
-
|
75
|
-
.reveal-modal,
|
76
|
-
.reveal-modal.small,
|
77
|
-
.reveal-modal.medium,
|
78
|
-
.reveal-modal.large,
|
79
|
-
.reveal-modal.xlarge { width: 80%; top: 15px; left: 5%; margin-left: 0; padding: 20px; height: auto; }
|
80
|
-
}
|
81
|
-
|
82
|
-
|
83
|
-
/*
|
84
|
-
|
85
|
-
NOTES
|
86
|
-
|
87
|
-
Close button entity is ×
|
88
|
-
|
89
|
-
Example markup
|
90
|
-
|
91
|
-
<div id="myModal" class="reveal-modal">
|
92
|
-
<h2>Awesome. I have it.</h2>
|
93
|
-
<p class="lead">Your couch. I it's mine.</p>
|
94
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
|
95
|
-
<a class="close-reveal-modal">×</a>
|
96
|
-
</div>
|
97
|
-
|
98
|
-
*/
|
99
|
-
|
100
|
-
|
@@ -1,63 +0,0 @@
|
|
1
|
-
/* Artfully Masterminded by ZURB */
|
2
|
-
|
3
|
-
/* --------------------------------------------------
|
4
|
-
:: Typography
|
5
|
-
-------------------------------------------------- */
|
6
|
-
h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25 }
|
7
|
-
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
|
8
|
-
h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;}
|
9
|
-
h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; }
|
10
|
-
h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
|
11
|
-
h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
|
12
|
-
h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px; }
|
13
|
-
h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }
|
14
|
-
|
15
|
-
.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }
|
16
|
-
|
17
|
-
p { font-size: 13px; font-size: 1.3rem; line-height: 1.25; margin: 0 0 18px; }
|
18
|
-
p img { margin: 0; }
|
19
|
-
p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; }
|
20
|
-
|
21
|
-
em, i { font-style: italic; line-height: inherit; }
|
22
|
-
strong, b { font-weight: bold; line-height: inherit; }
|
23
|
-
small { font-size: 60%; line-height: inherit; }
|
24
|
-
|
25
|
-
h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
|
26
|
-
|
27
|
-
/* Blockquotes */
|
28
|
-
blockquote, blockquote p { line-height: 20px; color: #777; }
|
29
|
-
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
|
30
|
-
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
|
31
|
-
blockquote cite:before { content: "\2014 \0020"; }
|
32
|
-
blockquote cite a, blockquote cite a:visited { color: #555; }
|
33
|
-
|
34
|
-
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
|
35
|
-
|
36
|
-
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
|
37
|
-
abbr { text-transform: none; }
|
38
|
-
|
39
|
-
/**
|
40
|
-
* Print styles.
|
41
|
-
*
|
42
|
-
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
|
43
|
-
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
|
44
|
-
*/
|
45
|
-
.print-only { display: none !important; }
|
46
|
-
@media print {
|
47
|
-
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
|
48
|
-
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
|
49
|
-
p a, p a:visited { color: #444 !important; text-decoration: underline; }
|
50
|
-
p a[href]:after { content: " (" attr(href) ")"; }
|
51
|
-
abbr[title]:after { content: " (" attr(title) ")"; }
|
52
|
-
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
53
|
-
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
54
|
-
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
|
55
|
-
tr, img { page-break-inside: avoid; }
|
56
|
-
@page { margin: 0.5cm; }
|
57
|
-
p, h2, h3 { orphans: 3; widows: 3; }
|
58
|
-
h2, h3{ page-break-after: avoid; }
|
59
|
-
.hide-on-print { display: none !important; }
|
60
|
-
.print-only { display: block !important; }
|
61
|
-
}
|
62
|
-
|
63
|
-
|
@@ -1,418 +0,0 @@
|
|
1
|
-
/* Artfully masterminded by ZURB */
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
/* --------------------------------------------------
|
6
|
-
Table of Contents
|
7
|
-
-----------------------------------------------------
|
8
|
-
:: Buttons
|
9
|
-
:: Alerts
|
10
|
-
:: Labels
|
11
|
-
:: Tabs
|
12
|
-
:: Pagination
|
13
|
-
:: Breadcrumbs
|
14
|
-
:: Lists
|
15
|
-
:: Panels
|
16
|
-
:: Nav
|
17
|
-
:: Video
|
18
|
-
:: Microformats
|
19
|
-
*/
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
/* --------------------------------------------------
|
25
|
-
Buttons
|
26
|
-
-------------------------------------------------- */
|
27
|
-
|
28
|
-
.button {
|
29
|
-
background: #00a6fc;
|
30
|
-
display: inline-block;
|
31
|
-
text-align: center;
|
32
|
-
padding: 9px 34px 11px;
|
33
|
-
color: #fff;
|
34
|
-
text-decoration: none;
|
35
|
-
font-weight: bold;
|
36
|
-
font-size: 13px; font-size: 1.3rem;
|
37
|
-
line-height: 1;
|
38
|
-
font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
|
39
|
-
position: relative;
|
40
|
-
cursor: pointer;
|
41
|
-
border: none;
|
42
|
-
outline: none;
|
43
|
-
margin: 0;
|
44
|
-
}
|
45
|
-
|
46
|
-
/* Don't use native buttons on iOS */
|
47
|
-
input[type=submit].button, button.button { -webkit-appearance: none; }
|
48
|
-
|
49
|
-
/* Hide inner focus effect in Firefox */
|
50
|
-
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
|
51
|
-
border: none;
|
52
|
-
}
|
53
|
-
|
54
|
-
.button.nice {
|
55
|
-
background: #00a6fc image-url("foundation/misc/button-gloss.png") repeat-x 0 -31px;
|
56
|
-
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
|
57
|
-
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
|
58
|
-
box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
|
59
|
-
text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
|
60
|
-
background: #00a6fc image-url("foundation/misc/button-gloss.png") repeat-x 0 -31px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
|
61
|
-
background: #00a6fc image-url("foundation/misc/button-gloss.png") repeat-x 0 -31px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
|
62
|
-
border: 1px solid #0593dc;
|
63
|
-
-webkit-transition: background-color .15s ease-in-out;
|
64
|
-
-moz-transition: background-color .15s ease-in-out;
|
65
|
-
-o-transition: background-color .15s ease-in-out;
|
66
|
-
}
|
67
|
-
|
68
|
-
.button.radius {
|
69
|
-
-moz-border-radius: 3px;
|
70
|
-
-webkit-border-radius: 3px;
|
71
|
-
border-radius: 3px;
|
72
|
-
}
|
73
|
-
.button.round {
|
74
|
-
-moz-border-radius: 1000px;
|
75
|
-
-webkit-border-radius: 1000px;
|
76
|
-
border-radius: 1000px;
|
77
|
-
}
|
78
|
-
|
79
|
-
.button.full-width {
|
80
|
-
width: 100%;
|
81
|
-
padding-left: 0 !important;
|
82
|
-
padding-right: 0 !important;
|
83
|
-
text-align: center;
|
84
|
-
}
|
85
|
-
|
86
|
-
.button.left-align {
|
87
|
-
text-align: left;
|
88
|
-
text-indent: 12px;
|
89
|
-
}
|
90
|
-
|
91
|
-
/* Sizes ---------- */
|
92
|
-
.tiny.button { font-size: 10px; padding: 6px 14px 8px; width: auto; }
|
93
|
-
.small.button { font-size: 11px; padding: 8px 20px 10px; width: auto; }
|
94
|
-
.medium.button { font-size: 13px; width: auto; }
|
95
|
-
.large.button { font-size: 18px; padding: 11px 48px 13px; width: auto; }
|
96
|
-
|
97
|
-
/* Nice Sizes ---------- */
|
98
|
-
.nice.tiny.button { background-position: 0 -37px; }
|
99
|
-
.nice.small.button { background-position: 0 -34px; }
|
100
|
-
.nice.large.button { background-position: 0 -30px; }
|
101
|
-
|
102
|
-
/* Colors ---------- */
|
103
|
-
.blue.button { background-color: #00a6fc; }
|
104
|
-
.red.button { background-color: #e91c21; }
|
105
|
-
.white.button { background-color: #e9e9e9; color: #333; }
|
106
|
-
.black.button { background-color: #141414; }
|
107
|
-
.green.button { background-color: #5b8737; }
|
108
|
-
|
109
|
-
/* Nice Colors ---------- */
|
110
|
-
.nice.blue.button { border: 1px solid #0593dc; }
|
111
|
-
.nice.red.button { border: 1px solid #b90b0b; }
|
112
|
-
.nice.white.button { border: 1px solid #cacaca; text-shadow: none !important; }
|
113
|
-
.nice.black.button { border: 1px solid #000; }
|
114
|
-
.nice.green.button { border: 1px solid #4a6b2d; }
|
115
|
-
|
116
|
-
/* Hovers ---------- */
|
117
|
-
.button:hover, .button:focus { background-color: #0192dd; color: #fff; }
|
118
|
-
.blue.button:hover, .blue.button:focus { background-color: #0192dd; }
|
119
|
-
.red.button:hover, .red.button:focus { background-color: #d01217; }
|
120
|
-
.white.button:hover, .white.button:focus { background-color: #dadada; color: #333; }
|
121
|
-
.black.button:hover, .black.button:focus { background-color: #000; }
|
122
|
-
.green.button:hover, .green.button:focus { background-color: #699c40; }
|
123
|
-
|
124
|
-
/* Hovers ---------- */
|
125
|
-
.nice.button:active {
|
126
|
-
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
|
127
|
-
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
|
128
|
-
box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
|
129
|
-
}
|
130
|
-
|
131
|
-
/* Disabled ---------- */
|
132
|
-
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }
|
133
|
-
|
134
|
-
/* Correct FF button padding */
|
135
|
-
@-moz-document url-prefix("http://") {
|
136
|
-
input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; }
|
137
|
-
input[type=submit].tiny.button { padding: 5px 14px 7px; }
|
138
|
-
input[type=submit].small.button { padding: 7px 20px 8px; }
|
139
|
-
input[type=submit].medium.button { padding: 8px 34px 9px; }
|
140
|
-
input[type=submit].large.button { padding: 9px 48px 10px; }
|
141
|
-
}
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
/* --------------------------------------------------
|
146
|
-
Alerts
|
147
|
-
-------------------------------------------------- */
|
148
|
-
|
149
|
-
div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px rgba(255,255,255,0.9); position: relative; }
|
150
|
-
.alert-box.success { background-color: #7fae00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
|
151
|
-
.alert-box.warning { background-color: #f68b01; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
|
152
|
-
.alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }
|
153
|
-
|
154
|
-
.alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; }
|
155
|
-
.alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; }
|
156
|
-
|
157
|
-
/* --------------------------------------------------
|
158
|
-
Labels
|
159
|
-
-------------------------------------------------- */
|
160
|
-
|
161
|
-
.label { padding: 0 4px 2px; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #00a6fc; }
|
162
|
-
.label.radius { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
|
163
|
-
.label.round { padding: 1px 7px 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
|
164
|
-
|
165
|
-
/* Colors ---------- */
|
166
|
-
.blue.label { background-color: #00a6fc; }
|
167
|
-
.red.label { background-color: #e91c21; }
|
168
|
-
.green.label { background-color: #7fae00; }
|
169
|
-
.white.label { background-color: #e9e9e9; color: #333; }
|
170
|
-
.black.label { background-color: #141414; }
|
171
|
-
|
172
|
-
|
173
|
-
/* --------------------------------------------------
|
174
|
-
Tabs
|
175
|
-
-------------------------------------------------- */
|
176
|
-
dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
|
177
|
-
dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
|
178
|
-
dl.tabs dt:first-child { padding: 0 9px 0 0; }
|
179
|
-
dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
|
180
|
-
dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; }
|
181
|
-
dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; height: 30px; }
|
182
|
-
|
183
|
-
.nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; }
|
184
|
-
.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
|
185
|
-
.nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }
|
186
|
-
.nice.tabs dd:first-child a.active { margin-left: 0; }
|
187
|
-
|
188
|
-
dl.tabs.vertical { height: auto; }
|
189
|
-
dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; }
|
190
|
-
dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
|
191
|
-
dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; }
|
192
|
-
|
193
|
-
.nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; }
|
194
|
-
.nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; }
|
195
|
-
.nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }
|
196
|
-
.nice.tabs.vertical dd:first-child a.active { margin: 0; }
|
197
|
-
|
198
|
-
ul.tabs-content { margin: 0; display: block; }
|
199
|
-
ul.tabs-content>li { display: none; }
|
200
|
-
.no-js ul.tabs-content>li { display: block; }
|
201
|
-
ul.tabs-content>li.active { display: block; }
|
202
|
-
|
203
|
-
dl.contained, dl.nice.contained { margin-bottom: 0; }
|
204
|
-
dl.contained.tabs dd a { padding: 0 14px; }
|
205
|
-
dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }
|
206
|
-
|
207
|
-
ul.contained.tabs-content { padding: 0; }
|
208
|
-
ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; }
|
209
|
-
ul.contained.vertical.tabs-content>li { border-width: 1px 1px 1px 1px; }
|
210
|
-
ul.nice.contained.tabs-content>li { border-color: #eee; }
|
211
|
-
|
212
|
-
/* --------------------------------------------------
|
213
|
-
Pagination
|
214
|
-
-------------------------------------------------- */
|
215
|
-
ul.pagination { display: block; height: 24px; margin-left: -5px; }
|
216
|
-
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
|
217
|
-
ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
|
218
|
-
ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus { border-bottom: solid 2px #00a6fc; color: #141414; }
|
219
|
-
ul.pagination li.unavailable a { cursor: default; color: #999; }
|
220
|
-
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { border-bottom: none; }
|
221
|
-
|
222
|
-
/* --------------------------------------------------
|
223
|
-
Breadcrumbs
|
224
|
-
-------------------------------------------------- */
|
225
|
-
ul.breadcrumbs { display: block; background: #f4f4f4; padding: 7px 10px; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; }
|
226
|
-
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; }
|
227
|
-
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; padding-left: 12px; }
|
228
|
-
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
|
229
|
-
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
|
230
|
-
ul.breadcrumbs li:first-child:before { content: " "; }
|
231
|
-
ul.breadcrumbs li.current a { cursor: default; color: #333; }
|
232
|
-
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
|
233
|
-
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
|
234
|
-
ul.breadcrumbs li.unavailable a { color: #999; }
|
235
|
-
ul.breadcrumbs li.unavailable:hover a, ul.pagination li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }
|
236
|
-
|
237
|
-
/* --------------------------------------------------
|
238
|
-
Lists
|
239
|
-
-------------------------------------------------- */
|
240
|
-
ul.nice, ol.nice { list-style: none; margin: 0; }
|
241
|
-
ul.nice li, ol.nice li { padding-left: 13px; position: relative }
|
242
|
-
ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; }
|
243
|
-
|
244
|
-
/* --------------------------------------------------
|
245
|
-
Panels
|
246
|
-
-------------------------------------------------- */
|
247
|
-
div.panel {
|
248
|
-
padding: 20px 20px 2px 20px;
|
249
|
-
background: #efefef;
|
250
|
-
background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
|
251
|
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
|
252
|
-
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
|
253
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
|
254
|
-
box-shadow: 0 2px 5px rgba(0,0,0,0.15);
|
255
|
-
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
|
256
|
-
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
|
257
|
-
margin: 0 0 20px 0;
|
258
|
-
}
|
259
|
-
|
260
|
-
/* --------------------------------------------------
|
261
|
-
Nav Bar with Dropdowns
|
262
|
-
-------------------------------------------------- */
|
263
|
-
|
264
|
-
.nav-bar { height: 45px; background: #fff; margin-top: 20px; border: 1px solid #ddd; }
|
265
|
-
.nav-bar>li { float: left; display: block; position: relative; padding: 0; margin: 0; border-right: 1px solid #ddd; line-height: 45px; }
|
266
|
-
.nav-bar>li>a.main { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; }
|
267
|
-
.nav-bar>li>input { margin: 0 16px; }
|
268
|
-
.nav-bar>li ul { margin-bottom: 0; }
|
269
|
-
.nav-bar>li li { line-height: 1.3; }
|
270
|
-
.nav-bar>li.has-flyout>a.main { padding-right: 36px; }
|
271
|
-
.nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; }
|
272
|
-
.nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; }
|
273
|
-
.flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 40; }
|
274
|
-
.flyout.small { width: 200px; }
|
275
|
-
.flyout.large { width: 600px; }
|
276
|
-
.flyout.right { left: auto; right: 0; }
|
277
|
-
.flyout p:last-child { margin-bottom: 0; }
|
278
|
-
.nav-bar>li .flyout { display: none; }
|
279
|
-
|
280
|
-
/* --------------------------------------------------
|
281
|
-
Sub Navs
|
282
|
-
http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na
|
283
|
-
-------------------------------------------------- */
|
284
|
-
|
285
|
-
dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px -9px; padding-top: 4px; }
|
286
|
-
dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 4px; }
|
287
|
-
dl.sub-nav dt { color: #999; font-weight: normal; }
|
288
|
-
dl.sub-nav dd a { text-decoration: none; border-radius: 12px; }
|
289
|
-
dl.sub-nav dd.active a { background: #00A6FC; color: #fff; padding: 3px 9px; }
|
290
|
-
|
291
|
-
/* --------------------------------------------------
|
292
|
-
Video
|
293
|
-
Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
|
294
|
-
-------------------------------------------------- */
|
295
|
-
|
296
|
-
.flex-video {
|
297
|
-
position: relative;
|
298
|
-
padding-top: 25px;
|
299
|
-
padding-bottom: 67.5%;
|
300
|
-
height: 0;
|
301
|
-
margin-bottom: 16px;
|
302
|
-
overflow: hidden;
|
303
|
-
}
|
304
|
-
|
305
|
-
.flex-video.widescreen { padding-bottom: 57.25%; }
|
306
|
-
.flex-video.vimeo { padding-top: 0; }
|
307
|
-
|
308
|
-
.flex-video iframe,
|
309
|
-
.flex-video object,
|
310
|
-
.flex-video embed {
|
311
|
-
position: absolute;
|
312
|
-
top: 0;
|
313
|
-
left: 0;
|
314
|
-
width: 100%;
|
315
|
-
height: 100%;
|
316
|
-
}
|
317
|
-
|
318
|
-
|
319
|
-
|
320
|
-
/* --------------------------------------------------
|
321
|
-
Microformats
|
322
|
-
-------------------------------------------------- */
|
323
|
-
|
324
|
-
/* hCard */
|
325
|
-
ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }
|
326
|
-
ul.vcard li { margin: 0; display: block; }
|
327
|
-
ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; }
|
328
|
-
|
329
|
-
p.vevent span.summary { font-weight: bold; }
|
330
|
-
p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }
|
331
|
-
|
332
|
-
|
333
|
-
|
334
|
-
/* --------------------------------------------------
|
335
|
-
Tooltips
|
336
|
-
-------------------------------------------------- */
|
337
|
-
.has-tip {
|
338
|
-
border-bottom: dotted 1px #ccc;
|
339
|
-
cursor: help;
|
340
|
-
font-weight: bold;
|
341
|
-
color: #333;
|
342
|
-
}
|
343
|
-
.has-tip:hover {
|
344
|
-
border-bottom: dotted 1px #0593dc;
|
345
|
-
color: #0192dd;
|
346
|
-
}
|
347
|
-
.tooltip {
|
348
|
-
display: none;
|
349
|
-
background: rgb(0,0,0);
|
350
|
-
background: rgba(0,0,0,0.8);
|
351
|
-
position: absolute;
|
352
|
-
color: #fff;
|
353
|
-
font-weight: bold;
|
354
|
-
font-size: 12px;
|
355
|
-
font-size: 1.2rem;
|
356
|
-
padding: 5px;
|
357
|
-
z-index: 999;
|
358
|
-
-webkit-border-radius: 4px;
|
359
|
-
-moz-border-radius: 4px;
|
360
|
-
border-radius: 4px;
|
361
|
-
line-height: normal;
|
362
|
-
}
|
363
|
-
.tooltip > .nub {
|
364
|
-
display: block;
|
365
|
-
width: 0;
|
366
|
-
height: 0;
|
367
|
-
border: solid 5px;
|
368
|
-
border-color: transparent transparent rgb(0,0,0) transparent;
|
369
|
-
border-color: transparent transparent rgba(0,0,0,0.8) transparent;
|
370
|
-
position: absolute;
|
371
|
-
top: -10px;
|
372
|
-
left: 10px;
|
373
|
-
}
|
374
|
-
.tooltip.tip-override > .nub {
|
375
|
-
border-color: transparent transparent rgb(0,0,0) transparent !important;
|
376
|
-
border-color: transparent transparent rgba(0,0,0,0.8) transparent !important;
|
377
|
-
top: -10px !important;
|
378
|
-
}
|
379
|
-
.tooltip.tip-top > .nub {
|
380
|
-
border-color: rgb(0,0,0) transparent transparent transparent;
|
381
|
-
border-color: rgba(0,0,0,0.8) transparent transparent transparent;
|
382
|
-
top: auto;
|
383
|
-
bottom: -10px;
|
384
|
-
}
|
385
|
-
.tooltip.tip-left, .tooltip.tip-right, .has-tip.tip-left, .has-tip.tip-right {
|
386
|
-
float: none !important;
|
387
|
-
}
|
388
|
-
.tooltip.tip-left > .nub {
|
389
|
-
border-color: transparent transparent transparent rgb(0,0,0);
|
390
|
-
border-color: transparent transparent transparent rgba(0,0,0,0.8);
|
391
|
-
right: -10px;
|
392
|
-
left: auto;
|
393
|
-
}
|
394
|
-
.tooltip.tip-right > .nub {
|
395
|
-
border-color: transparent rgb(0,0,0) transparent transparent;
|
396
|
-
border-color: transparent rgba(0,0,0,0.8) transparent transparent;
|
397
|
-
right: auto;
|
398
|
-
left: -10px;
|
399
|
-
}
|
400
|
-
.tooltip.noradius {
|
401
|
-
-webkit-border-radius: 0;
|
402
|
-
-moz-border-radius: 0;
|
403
|
-
border-radius: 0;
|
404
|
-
}
|
405
|
-
.has-tip.opened {
|
406
|
-
color: #0192DD !important;
|
407
|
-
border-bottom: dotted 1px #0593DC !important;
|
408
|
-
}
|
409
|
-
.tap-to-close {
|
410
|
-
display: block;
|
411
|
-
font-size: 10px;
|
412
|
-
font-size: 1.0rem;
|
413
|
-
color: #888;
|
414
|
-
font-weight: normal;
|
415
|
-
}
|
416
|
-
|
417
|
-
|
418
|
-
|