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,139 +0,0 @@
|
|
1
|
-
/* Artfully Masterminded by ZURB */
|
2
|
-
|
3
|
-
/* --------------------------------------------------
|
4
|
-
Table of Contents
|
5
|
-
-----------------------------------------------------
|
6
|
-
:: Reset & Standards
|
7
|
-
:: Links
|
8
|
-
:: Lists
|
9
|
-
:: Tables
|
10
|
-
:: Misc
|
11
|
-
*/
|
12
|
-
|
13
|
-
|
14
|
-
/* --------------------------------------------------
|
15
|
-
:: Global Reset & Standards
|
16
|
-
-------------------------------------------------- */
|
17
|
-
|
18
|
-
/*
|
19
|
-
Eric Meyer's CSS Reset
|
20
|
-
http://meyerweb.com/eric/tools/css/reset/
|
21
|
-
v2.0 | 20110126
|
22
|
-
License: none (public domain)
|
23
|
-
*/
|
24
|
-
|
25
|
-
html, body, div, span, applet, object, iframe,
|
26
|
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
27
|
-
a, abbr, acronym, address, big, cite, code,
|
28
|
-
del, dfn, em, img, ins, kbd, q, s, samp,
|
29
|
-
small, strike, strong, sub, sup, tt, var,
|
30
|
-
b, u, i, center,
|
31
|
-
dl, dt, dd, ol, ul, li,
|
32
|
-
fieldset, form, label, legend,
|
33
|
-
table, caption, tbody, tfoot, thead, tr, th, td,
|
34
|
-
article, aside, canvas, details, embed,
|
35
|
-
figure, figcaption, footer, header, hgroup,
|
36
|
-
menu, nav, output, ruby, section, summary,
|
37
|
-
time, mark, audio, video {
|
38
|
-
margin: 0;
|
39
|
-
padding: 0;
|
40
|
-
border: 0;
|
41
|
-
font: inherit;
|
42
|
-
vertical-align: baseline;
|
43
|
-
}
|
44
|
-
html {
|
45
|
-
font-size: 62.5%;
|
46
|
-
}
|
47
|
-
/* HTML5 display-role reset for older browsers */
|
48
|
-
article, aside, details, figcaption, figure,
|
49
|
-
footer, header, hgroup, menu, nav, section {
|
50
|
-
display: block;
|
51
|
-
}
|
52
|
-
body {
|
53
|
-
line-height: 1;
|
54
|
-
}
|
55
|
-
ol, ul {
|
56
|
-
list-style: none;
|
57
|
-
}
|
58
|
-
blockquote, q {
|
59
|
-
quotes: none;
|
60
|
-
}
|
61
|
-
blockquote:before, blockquote:after,
|
62
|
-
q:before, q:after {
|
63
|
-
content: '';
|
64
|
-
content: none;
|
65
|
-
}
|
66
|
-
table {
|
67
|
-
border-collapse: collapse;
|
68
|
-
border-spacing: 0;
|
69
|
-
}
|
70
|
-
|
71
|
-
sub {vertical-align: sub;}
|
72
|
-
sup {vertical-align: super;}
|
73
|
-
|
74
|
-
body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
/* --------------------------------------------------
|
79
|
-
:: Links
|
80
|
-
-------------------------------------------------- */
|
81
|
-
a { color: #2a85e8; text-decoration: none; line-height: inherit; }
|
82
|
-
a:hover { color: #11639d; }
|
83
|
-
a:focus { color: #cc4714; outline: none; }
|
84
|
-
p a, p a:visited { line-height: inherit; }
|
85
|
-
|
86
|
-
|
87
|
-
/* --------------------------------------------------
|
88
|
-
:: Lists
|
89
|
-
-------------------------------------------------- */
|
90
|
-
ul, ol { margin-bottom: 18px; }
|
91
|
-
ul { list-style: none outside; }
|
92
|
-
ol { list-style: decimal; }
|
93
|
-
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
|
94
|
-
ul.square { list-style: square outside; }
|
95
|
-
ul.circle { list-style: circle outside; }
|
96
|
-
ul.disc { list-style: disc outside; }
|
97
|
-
li { margin-bottom: 12px; }
|
98
|
-
ul.large li { line-height: 21px; }
|
99
|
-
|
100
|
-
|
101
|
-
/* --------------------------------------------------
|
102
|
-
:: Tables
|
103
|
-
-------------------------------------------------- */
|
104
|
-
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }
|
105
|
-
|
106
|
-
table thead, table tfoot { background: #f5f5f5; }
|
107
|
-
table thead tr th,
|
108
|
-
table tfoot tr th,
|
109
|
-
table tbody tr td,
|
110
|
-
table tr td,
|
111
|
-
table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
|
112
|
-
table thead tr th,
|
113
|
-
table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
|
114
|
-
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
|
115
|
-
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
|
116
|
-
|
117
|
-
table tbody tr.even,
|
118
|
-
table tbody tr.alt { background: #f9f9f9; }
|
119
|
-
table tbody tr:nth-child(even) { background: #f9f9f9; }
|
120
|
-
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
|
121
|
-
|
122
|
-
/* --------------------------------------------------
|
123
|
-
:: Misc
|
124
|
-
---------------------------------------------------*/
|
125
|
-
.left { float: left; }
|
126
|
-
.right { float: right; }
|
127
|
-
.text-left { text-align: left; }
|
128
|
-
.text-right { text-align: right; }
|
129
|
-
.text-center { text-align: center; }
|
130
|
-
.hide { display: none; }
|
131
|
-
.highlight { background: #ff0; }
|
132
|
-
|
133
|
-
#googlemap img, object, embed { max-width: none; }
|
134
|
-
|
135
|
-
#map_canvas embed { max-width: none; }
|
136
|
-
#map_canvas img { max-width: none; }
|
137
|
-
#map_canvas object { max-width: none; }
|
138
|
-
|
139
|
-
|
@@ -1,129 +0,0 @@
|
|
1
|
-
/* Artfully Masterminded by ZURB */
|
2
|
-
|
3
|
-
/* --------------------------------------------------
|
4
|
-
:: Grid
|
5
|
-
|
6
|
-
This is the mobile-friendly, responsive grid that
|
7
|
-
lets Foundation work much of its magic.
|
8
|
-
|
9
|
-
-------------------------------------------------- */
|
10
|
-
|
11
|
-
.container { padding: 0 20px; }
|
12
|
-
|
13
|
-
.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
|
14
|
-
/* To fix the grid into a certain size, set max-width to width */
|
15
|
-
.row .row { min-width: 0; }
|
16
|
-
|
17
|
-
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
|
18
|
-
.column:first-child, .columns:first-child { margin-left: 0; }
|
19
|
-
[class*="column"] + [class*="column"]:last-child { float: right; }
|
20
|
-
[class*="column"] + [class*="column"].end { float: left; }
|
21
|
-
|
22
|
-
.row .one { width: 4.27503%; }
|
23
|
-
.row .two { width: 12.97730%; }
|
24
|
-
.row .three { width: 21.67957%; }
|
25
|
-
.row .four { width: 30.37999%; }
|
26
|
-
.row .five { width: 39.08411%; }
|
27
|
-
.row .six { width: 47.78638%; }
|
28
|
-
.row .seven { width: 56.48865%; }
|
29
|
-
.row .eight { width: 65.19092%; }
|
30
|
-
.row .nine { width: 73.89319%; }
|
31
|
-
.row .ten { width: 82.59546%; }
|
32
|
-
.row .eleven { width: 91.29773%; }
|
33
|
-
.row .twelve { width: 100%; }
|
34
|
-
|
35
|
-
.row .offset-by-one { margin-left: 12.97730%; }
|
36
|
-
.row .offset-by-two { margin-left: 21.67957%; }
|
37
|
-
.row .offset-by-three { margin-left: 30.38184%; }
|
38
|
-
.row .offset-by-four { margin-left: 39.08226%; }
|
39
|
-
.row .offset-by-five { margin-left: 47.78638%; }
|
40
|
-
.row .offset-by-six { margin-left: 56.48865%; }
|
41
|
-
.row .offset-by-seven { margin-left: 65.19092%; }
|
42
|
-
.row .offset-by-eight { margin-left: 73.89319%; }
|
43
|
-
.row .offset-by-nine { margin-left: 82.59546%; }
|
44
|
-
.row .offset-by-ten { margin-left: 91.29773%; }
|
45
|
-
|
46
|
-
.row .centered { float: none; margin: 0 auto; }
|
47
|
-
|
48
|
-
.row .offset-by-one:first-child { margin-left: 8.626165%; }
|
49
|
-
.row .offset-by-two:first-child { margin-left: 17.328435%; }
|
50
|
-
.row .offset-by-three:first-child { margin-left: 26.030705%; }
|
51
|
-
.row .offset-by-four:first-child { margin-left: 34.731125%; }
|
52
|
-
.row .offset-by-five:first-child { margin-left: 43.435245%; }
|
53
|
-
.row .offset-by-six:first-child { margin-left: 52.137515%; }
|
54
|
-
.row .offset-by-seven:first-child { margin-left: 60.839785%; }
|
55
|
-
.row .offset-by-eight:first-child { margin-left: 69.542055%; }
|
56
|
-
.row .offset-by-nine:first-child { margin-left: 78.244325%; }
|
57
|
-
.row .offset-by-ten:first-child { margin-left: 86.946595%; }
|
58
|
-
.row .offset-by-eleven:first-child { margin-left: 95.648865%; }
|
59
|
-
|
60
|
-
/* Source Ordering */
|
61
|
-
.push-two { left: 17.328435%; }
|
62
|
-
.push-three { left: 26.030705%; }
|
63
|
-
.push-four { left: 34.731125%; }
|
64
|
-
.push-five { left: 43.435245%; }
|
65
|
-
.push-six { left: 52.137515%; }
|
66
|
-
.push-seven { left: 60.839785%; }
|
67
|
-
.push-eight { left: 69.542055%; }
|
68
|
-
.push-nine { left: 78.244325%; }
|
69
|
-
.push-ten { left: 86.946595%; }
|
70
|
-
|
71
|
-
.pull-two { right: 17.328435%; }
|
72
|
-
.pull-three { right: 26.030705%; }
|
73
|
-
.pull-four { right: 34.731125%; }
|
74
|
-
.pull-five { right: 43.435245%; }
|
75
|
-
.pull-six { right: 52.137515%; }
|
76
|
-
.pull-seven { right: 60.839785%; }
|
77
|
-
.pull-eight { right: 69.542055%; }
|
78
|
-
.pull-nine { right: 78.244325%; }
|
79
|
-
.pull-ten { right: 86.946595%; }
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
img, object, embed { max-width: 100%; height: auto; }
|
84
|
-
img { -ms-interpolation-mode: bicubic; }
|
85
|
-
#map_canvas img, .map_canvas img {max-width: none!important;}
|
86
|
-
|
87
|
-
/* Nicolas Gallagher's micro clearfix */
|
88
|
-
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
|
89
|
-
.row:after, .clearfix:after { clear: both; }
|
90
|
-
.row, .clearfix { zoom: 1; }
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
/* --------------------------------------------------
|
96
|
-
:: Block grids
|
97
|
-
|
98
|
-
These are 2-up, 3-up, 4-up and 5-up ULs, suited
|
99
|
-
for repeating blocks of content. Add 'mobile' to
|
100
|
-
them to switch them just like the layout grid
|
101
|
-
(one item per line) on phones
|
102
|
-
|
103
|
-
For IE7/8 compatibility block-grid items need to be
|
104
|
-
the same height. You can optionally uncomment the
|
105
|
-
lines below to support arbitrary height, but know
|
106
|
-
that IE7/8 do not support :nth-child.
|
107
|
-
-------------------------------------------------- */
|
108
|
-
|
109
|
-
.block-grid { display: block; overflow: hidden; }
|
110
|
-
.block-grid>li { display: block; height: auto; float: left; }
|
111
|
-
|
112
|
-
.block-grid.two-up { margin-left: -4% }
|
113
|
-
.block-grid.two-up>li { margin-left: 4%; width: 46%; margin-bottom: 4%;}
|
114
|
-
/* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
|
115
|
-
|
116
|
-
.block-grid.three-up { margin-left: -2% }
|
117
|
-
.block-grid.three-up>li { margin-left: 2%; width: 31.2%; margin-bottom: 2%;}
|
118
|
-
/* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
|
119
|
-
|
120
|
-
.block-grid.four-up { margin-left: -2% }
|
121
|
-
.block-grid.four-up>li { margin-left: 2%; width: 23%; margin-bottom: 2%;}
|
122
|
-
/* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
|
123
|
-
|
124
|
-
.block-grid.five-up { margin-left: -1.5% }
|
125
|
-
.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; margin-bottom: 1.5%;}
|
126
|
-
/* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
|
127
|
-
|
128
|
-
|
129
|
-
|
@@ -1,13 +0,0 @@
|
|
1
|
-
/* This is for all IE specfific style less than IE9. We hate IE. */
|
2
|
-
|
3
|
-
div.panel { border: 1px solid #ccc; }
|
4
|
-
.lt-ie8 .nav-bar li.has-flyout a { padding-right: 20px; }
|
5
|
-
.lt-ie8 .nav-bar li.has-flyout a:after { border-top: none; }
|
6
|
-
|
7
|
-
/* Correct IE7 button padding */
|
8
|
-
.lt-ie8 input[type=submit].nice.button { filter:chroma(color=#000000); position: relative; top: -2px; }
|
9
|
-
.lt-ie8 input[type=submit].tiny.button { padding: 5px 5px 7px; }
|
10
|
-
.lt-ie8 input[type=submit].small.button { padding: 8px 7px 9px; }
|
11
|
-
.lt-ie8 input[type=submit].medium.button { padding: 9px 13px 9px; }
|
12
|
-
.lt-ie8 input[type=submit].large.button { padding: 9px 18px 10px; }
|
13
|
-
|
@@ -1,10 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
*= require 'foundation/globals'
|
3
|
-
*= require 'foundation/typography'
|
4
|
-
*= require 'foundation/grid'
|
5
|
-
*= require 'foundation/ui'
|
6
|
-
*= require 'foundation/forms'
|
7
|
-
*= require 'foundation/orbit'
|
8
|
-
*= require 'foundation/reveal'
|
9
|
-
*= require 'foundation/mobile'
|
10
|
-
*/
|
@@ -1,222 +0,0 @@
|
|
1
|
-
/* --------------------------------------------------
|
2
|
-
:: Typography
|
3
|
-
-------------------------------------------------- */
|
4
|
-
|
5
|
-
@media handheld, only screen and (max-width: 767px) {
|
6
|
-
h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; }
|
7
|
-
h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; }
|
8
|
-
h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; }
|
9
|
-
h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; }
|
10
|
-
h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; }
|
11
|
-
h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; }
|
12
|
-
body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
|
13
|
-
}
|
14
|
-
|
15
|
-
|
16
|
-
/* --------------------------------------------------
|
17
|
-
:: Grid
|
18
|
-
-------------------------------------------------- */
|
19
|
-
|
20
|
-
/* Mobile */
|
21
|
-
@media only screen and (max-width: 767px) {
|
22
|
-
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
|
23
|
-
.container { min-width: 0; margin-left: 0; margin-right: 0; }
|
24
|
-
.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
|
25
|
-
.row .row .column, .row .row .columns { padding: 0; }
|
26
|
-
.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
|
27
|
-
.column:last-child, .columns:last-child { margin-right: 0; float: none; }
|
28
|
-
[class*="column"] + [class*="column"]:last-child { float: none; }
|
29
|
-
.column:before, .columns:before, .column:after, .columns:after { content:""; display:table; }
|
30
|
-
.column:after, .columns:after { clear: both; }
|
31
|
-
|
32
|
-
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; }
|
33
|
-
|
34
|
-
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
|
35
|
-
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
|
36
|
-
|
37
|
-
/* Mobile 4-column Grid */
|
38
|
-
.row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; }
|
39
|
-
.row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; }
|
40
|
-
|
41
|
-
.row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
|
42
|
-
|
43
|
-
.row .phone-one { width: 21.68% !important; }
|
44
|
-
.row .phone-two { width: 47.8% !important; }
|
45
|
-
.row .phone-three { width: 73.9% !important; }
|
46
|
-
.row .phone-four { width: 100% !important; }
|
47
|
-
|
48
|
-
.row .push-one-phone { left: 26.08%; }
|
49
|
-
.row .push-two-phone { left: 52.2% }
|
50
|
-
.row .push-three-phone { left: 78.3% }
|
51
|
-
|
52
|
-
.row .pull-one-phone { right: 26.08% }
|
53
|
-
.row .pull-two-phone { right: 52.2% }
|
54
|
-
.row .pull-three-phone { right: 78.3%; }
|
55
|
-
|
56
|
-
|
57
|
-
}
|
58
|
-
|
59
|
-
|
60
|
-
/* --------------------------------------------------
|
61
|
-
:: Block Grids
|
62
|
-
-------------------------------------------------- */
|
63
|
-
|
64
|
-
@media only screen and (max-width: 767px) {
|
65
|
-
.block-grid.mobile { margin-left: 0; }
|
66
|
-
.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
|
67
|
-
}
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
/* --------------------------------------------------
|
72
|
-
:: Mobile Visibility Affordances
|
73
|
-
---------------------------------------------------*/
|
74
|
-
|
75
|
-
|
76
|
-
.show-on-phones { display: none !important; }
|
77
|
-
.show-on-tablets { display: none !important; }
|
78
|
-
.show-on-desktops { display: block !important; }
|
79
|
-
|
80
|
-
.hide-on-phones { display: block !important; }
|
81
|
-
.hide-on-tablets { display: block !important; }
|
82
|
-
.hide-on-desktops { display: none !important; }
|
83
|
-
|
84
|
-
|
85
|
-
/* Modernizr-enabled tablet targeting */
|
86
|
-
@media only screen and (max-width: 1280px) and (min-width: 768px) {
|
87
|
-
.touch .hide-on-phones { display: block !important; }
|
88
|
-
.touch .hide-on-tablets { display: none !important; }
|
89
|
-
.touch .hide-on-desktops { display: block !important; }
|
90
|
-
|
91
|
-
.touch .show-on-phones { display: none !important; }
|
92
|
-
.touch .show-on-tablets { display: block !important; }
|
93
|
-
.touch .show-on-desktops { display: none !important; }
|
94
|
-
}
|
95
|
-
|
96
|
-
|
97
|
-
@media only screen and (max-width: 767px) {
|
98
|
-
.hide-on-phones { display: none !important; }
|
99
|
-
.hide-on-tablets { display: block !important; }
|
100
|
-
.hide-on-desktops { display: block !important; }
|
101
|
-
|
102
|
-
.show-on-phones { display: block !important; }
|
103
|
-
.show-on-tablets { display: none !important; }
|
104
|
-
.show-on-desktops { display: none !important; }
|
105
|
-
}
|
106
|
-
|
107
|
-
|
108
|
-
/* Specific overrides for elements that require something other than display: block */
|
109
|
-
|
110
|
-
table.show-on-desktops { display: table !important; }
|
111
|
-
table.hide-on-phones { display: table !important; }
|
112
|
-
table.hide-on-tablets { display: table !important; }
|
113
|
-
|
114
|
-
@media only screen and (max-width: 1280px) and (min-width: 768px) {
|
115
|
-
.touch table.hide-on-phones { display: table !important; }
|
116
|
-
.touch table.hide-on-desktops { display: table !important; }
|
117
|
-
.touch table.show-on-tablets { display: table !important; }
|
118
|
-
}
|
119
|
-
|
120
|
-
@media only screen and (max-width: 767px) {
|
121
|
-
table.hide-on-tablets { display: table !important; }
|
122
|
-
table.hide-on-desktops { display: table !important; }
|
123
|
-
table.show-on-phones { display: table !important; }
|
124
|
-
}
|
125
|
-
|
126
|
-
|
127
|
-
/* --------------------------------------------------
|
128
|
-
:: Forms
|
129
|
-
---------------------------------------------------*/
|
130
|
-
|
131
|
-
|
132
|
-
@media only screen and (max-width: 767px) {
|
133
|
-
div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea,
|
134
|
-
form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 100%; padding: 6px 2% 4px; font-size: 18px; }
|
135
|
-
form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
|
136
|
-
form.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; }
|
137
|
-
form.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; }
|
138
|
-
form.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; }
|
139
|
-
form.nice div.form-field.error .large + small, form.nice .large + .error { width: auto; }
|
140
|
-
form.nice div.form-field.error .expand + small, form.nice .expand + .error { width: auto; }
|
141
|
-
}
|
142
|
-
|
143
|
-
|
144
|
-
/* --------------------------------------------------
|
145
|
-
:: UI
|
146
|
-
---------------------------------------------------*/
|
147
|
-
|
148
|
-
/* Buttons */
|
149
|
-
@media only screen and (max-width: 767px) {
|
150
|
-
.button { display: block; }
|
151
|
-
button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 5px; }
|
152
|
-
}
|
153
|
-
|
154
|
-
/* Tabs */
|
155
|
-
|
156
|
-
@media only screen and (max-width: 767px) {
|
157
|
-
dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
|
158
|
-
dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; }
|
159
|
-
|
160
|
-
dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
|
161
|
-
dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
|
162
|
-
|
163
|
-
.nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
|
164
|
-
.nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
|
165
|
-
.nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }
|
166
|
-
.nice.tabs.mobile dd:first-child a.active { margin: 0; }
|
167
|
-
|
168
|
-
dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; }
|
169
|
-
dl.contained.tabs.mobile dd a { padding: 18px 20px; }
|
170
|
-
dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; }
|
171
|
-
|
172
|
-
dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; }
|
173
|
-
}
|
174
|
-
|
175
|
-
/* Nav Bar */
|
176
|
-
|
177
|
-
/* Modernizr-enabled tablet targeting */
|
178
|
-
@media only screen and (max-width: 1280px) and (min-width: 768px) {
|
179
|
-
.touch .nav-bar li a { font-size: 13px; font-size: 1.3rem; }
|
180
|
-
.touch .nav-bar li.has-flyout>a.flyout-toggle { padding: 20px; }
|
181
|
-
}
|
182
|
-
|
183
|
-
@media only screen and (max-width: 767px) {
|
184
|
-
.nav-bar { height: auto; }
|
185
|
-
.nav-bar>li { float: none; display: block; border-right: none; }
|
186
|
-
.nav-bar>li>a.main { text-align: left; border-top: 1px solid #ddd; border-right: none; }
|
187
|
-
.nav-bar>li:first-child>a.main { border-top: none; }
|
188
|
-
.nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; border-left: 1px dashed #eee; display: block; }
|
189
|
-
.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; }
|
190
|
-
.nav-bar>li.has-flyout>a.flyout-toggle:hover span { border-top-color: #141414; }
|
191
|
-
|
192
|
-
.flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 1px 1px 0 1px; }
|
193
|
-
.flyout.right { float: none; right: auto; left: -1px; }
|
194
|
-
.flyout.small, .flyout.large { width: auto; }
|
195
|
-
.flyout p:last-child { margin-bottom: 18px; }
|
196
|
-
}
|
197
|
-
|
198
|
-
|
199
|
-
/* Tooltips */
|
200
|
-
@media only screen and (max-width: 767px) {
|
201
|
-
.tooltip {
|
202
|
-
font-size: 14px;
|
203
|
-
font-size: 1.4rem;
|
204
|
-
line-height: 1.4;
|
205
|
-
padding: 7px 10px 9px 10px;
|
206
|
-
}
|
207
|
-
.tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
|
208
|
-
border-color: transparent transparent rgb(0,0,0) transparent;
|
209
|
-
border-color: transparent transparent rgba(0,0,0,0.85) transparent;
|
210
|
-
top: -12px;
|
211
|
-
left: 10px;
|
212
|
-
}
|
213
|
-
}
|
214
|
-
|
215
|
-
|
216
|
-
/* Video */
|
217
|
-
|
218
|
-
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
|
219
|
-
.flex-video { padding-top: 0; }
|
220
|
-
}
|
221
|
-
|
222
|
-
|