zurb-foundation 2.2.1.2 → 3.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (86) hide show
  1. data/.gitignore +17 -2
  2. data/Capfile +5 -0
  3. data/Gemfile +1 -1
  4. data/LICENSE +22 -0
  5. data/README.md +87 -0
  6. data/Rakefile +1 -0
  7. data/config/deploy.rb +42 -0
  8. data/foundation.gemspec +17 -21
  9. data/index.html +138 -0
  10. data/lib/foundation/engine.rb +2 -2
  11. data/lib/foundation/sass_script_functions.rb +29 -0
  12. data/lib/foundation/version.rb +1 -2
  13. data/lib/zurb-foundation.rb +6 -3
  14. data/stylesheets/_foundation.scss +14 -0
  15. data/stylesheets/foundation/_base.scss +6 -0
  16. data/stylesheets/foundation/_mixins.scss +46 -0
  17. data/stylesheets/foundation/_modular-scale.sass +332 -0
  18. data/stylesheets/foundation/_semantic-grid.scss +67 -0
  19. data/stylesheets/foundation/_settings.scss +71 -0
  20. data/stylesheets/foundation/app.scss +26 -0
  21. data/stylesheets/foundation/buttons.scss +175 -0
  22. data/stylesheets/foundation/forms.scss +130 -0
  23. data/stylesheets/foundation/globals.scss +34 -0
  24. data/stylesheets/foundation/grid.scss +132 -0
  25. data/stylesheets/foundation/ie.scss +16 -0
  26. data/stylesheets/foundation/mobile.scss +32 -0
  27. data/stylesheets/foundation/navbar.scss +107 -0
  28. data/stylesheets/foundation/offcanvas.scss +57 -0
  29. data/{vendor/assets/stylesheets/foundation/orbit.css.scss → stylesheets/foundation/orbit.scss} +68 -68
  30. data/stylesheets/foundation/reveal.scss +54 -0
  31. data/stylesheets/foundation/tabs.scss +89 -0
  32. data/stylesheets/foundation/typography.scss +83 -0
  33. data/stylesheets/foundation/ui.scss +352 -0
  34. data/templates/project/.gitignore +44 -0
  35. data/templates/project/MIT-LICENSE.txt +20 -0
  36. data/templates/project/humans.txt +8 -0
  37. data/templates/project/index.html +133 -0
  38. data/templates/project/manifest.rb +51 -0
  39. data/templates/project/robots.txt +4 -0
  40. data/templates/project/sass/_settings.scss +48 -0
  41. data/templates/project/sass/app.scss +20 -0
  42. data/templates/project/sass/ie.scss +4 -0
  43. data/templates/project/stylesheets/app.css +0 -0
  44. data/templates/project/stylesheets/ie.css +0 -0
  45. data/test.html +758 -0
  46. data/type.html +153 -0
  47. data/vendor/assets/images/foundation/orbit/left-arrow-small.png +0 -0
  48. data/vendor/assets/images/foundation/orbit/right-arrow-small.png +0 -0
  49. data/vendor/assets/images/foundation/orbit/right-arrow.png +0 -0
  50. data/vendor/assets/javascripts/foundation/app.js +92 -71
  51. data/vendor/assets/javascripts/foundation/index.js +8 -7
  52. data/vendor/assets/javascripts/foundation/jquery.customforms.js +74 -73
  53. data/vendor/assets/javascripts/foundation/jquery.min.js +4 -0
  54. data/vendor/assets/javascripts/foundation/jquery.offcanvas.js +50 -0
  55. data/vendor/assets/javascripts/foundation/jquery.orbit-1.4.0.js +103 -101
  56. data/vendor/assets/javascripts/foundation/jquery.placeholder.min.js +0 -1
  57. data/vendor/assets/javascripts/foundation/jquery.reveal.js +39 -15
  58. data/vendor/assets/javascripts/foundation/jquery.tooltips.js +96 -90
  59. data/vendor/assets/javascripts/foundation/modernizr.foundation.js +3 -4
  60. metadata +101 -46
  61. data/README.markdown +0 -163
  62. data/build.rb +0 -49
  63. data/lib/foundation/generators/USAGE +0 -15
  64. data/lib/foundation/generators/install_generator.rb +0 -27
  65. data/lib/foundation/generators/layout_generator.rb +0 -28
  66. data/lib/foundation/generators/templates/application.css +0 -5
  67. data/lib/foundation/generators/templates/application.html.erb +0 -31
  68. data/lib/foundation/generators/templates/application.html.haml +0 -30
  69. data/lib/foundation/generators/templates/application.html.slim +0 -30
  70. data/lib/foundation/generators/templates/application.js +0 -4
  71. data/vendor/assets/images/foundation/misc/button-gloss.png +0 -0
  72. data/vendor/assets/images/foundation/misc/button-overlay.png +0 -0
  73. data/vendor/assets/images/foundation/misc/custom-form-sprites.png +0 -0
  74. data/vendor/assets/images/foundation/misc/input-bg-outset.png +0 -0
  75. data/vendor/assets/images/foundation/misc/input-bg.png +0 -0
  76. data/vendor/assets/images/foundation/misc/modal-gloss.png +0 -0
  77. data/vendor/assets/images/foundation/misc/table-sorter.png +0 -0
  78. data/vendor/assets/stylesheets/foundation/forms.css.scss +0 -134
  79. data/vendor/assets/stylesheets/foundation/globals.css.scss +0 -139
  80. data/vendor/assets/stylesheets/foundation/grid.css.scss +0 -129
  81. data/vendor/assets/stylesheets/foundation/ie.css.scss +0 -13
  82. data/vendor/assets/stylesheets/foundation/index.css +0 -10
  83. data/vendor/assets/stylesheets/foundation/mobile.css.scss +0 -222
  84. data/vendor/assets/stylesheets/foundation/reveal.css.scss +0 -100
  85. data/vendor/assets/stylesheets/foundation/typography.css.scss +0 -63
  86. 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
-