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,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">&#215;</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
-