zurb-foundation 2.1.4.3 → 2.1.5.0

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/build.rb CHANGED
@@ -6,7 +6,7 @@ FOUNDATION_REPO_PATH = Pathname.new("/Users/mark/Projects/foundation")
6
6
 
7
7
  # Specify which files need to be concatenated and in what order
8
8
  FOUNDATION_CSS = %w(globals.css typography.css grid.css ui.css forms.css orbit.css reveal.css mobile.css ie.css)
9
- FOUNDATION_JS = %w(jquery.reveal.js jquery.orbit-1.3.0.js jquery.customforms.js jquery.placeholder.min.js app.js)
9
+ FOUNDATION_JS = %w(modernizr.foundation.js jquery.reveal.js jquery.orbit-1.4.0.js jquery.customforms.js jquery.placeholder.min.js jquery.tooltips.js app.js)
10
10
 
11
11
  # Clean out vendor/assets
12
12
  ASSET_PATH = Pathname.new(File.dirname(__FILE__)).join("vendor", "assets")
@@ -46,4 +46,4 @@ File.open(ASSET_PATH.join("javascripts", "foundation", "index.js"), "w") do |fil
46
46
  end
47
47
 
48
48
  # Copy Images
49
- FileUtils.cp_r FOUNDATION_REPO_PATH.join("images/."), ASSET_PATH.join("images", "foundation")
49
+ FileUtils.cp_r FOUNDATION_REPO_PATH.join("images/."), ASSET_PATH.join("images", "foundation")
@@ -1,4 +1,4 @@
1
1
  module Foundation
2
- COMMIT = "8cc9238073f8a2062bc9dba7203b4d1f71c21c95"
3
- VERSION = "2.1.4.3"
2
+ COMMIT = "bdd2174067a083abc2ab5937c1ad9c92d136a2f0"
3
+ VERSION = "2.1.5.0"
4
4
  end
@@ -56,39 +56,37 @@ $(document).ready(function () {
56
56
 
57
57
  /* DROPDOWN NAV ------------- */
58
58
 
59
- var currentFoundationDropdown = null;
60
- $('.nav-bar li a').each(function() {
61
- $(this).data('clicks', 0);
62
- });
63
- $('.nav-bar li a').on('click', function(e) {
59
+ var lockNavBar = false;
60
+ $('.nav-bar a.flyout-toggle').live('click', function(e) {
64
61
  e.preventDefault();
65
- if (currentFoundationDropdown !== $(this).index() || currentFoundationDropdown === null) {
66
- $(this).data('clicks', 0);
67
- currentFoundationDropdown = $(this).index();
68
- }
69
- $(this).data('clicks', ($(this).data('clicks') + 1));
70
- var f = $(this).siblings('.flyout');
71
- if (!f.is(':visible') && $(this).parent('.has-flyout').length > 1) {
72
- $('.nav-bar li .flyout').hide();
73
- f.show();
74
- } else if (($(this).data('clicks') > 1) || ($(this).parent('.has-flyout').length < 1)) {
75
- window.location = $(this).attr('href');
62
+ var flyout = $(this).siblings('.flyout');
63
+ if (lockNavBar === false) {
64
+ $('.nav-bar .flyout').not(flyout).slideUp(500);
65
+ flyout.slideToggle(500, function(){
66
+ lockNavBar = false;
67
+ });
76
68
  }
69
+ lockNavBar = true;
77
70
  });
78
- $('.nav-bar').on('click', function(e) {
79
- e.stopPropagation();
80
- if ($(e.target).parents().is('.flyout') || $(e.target).is('.flyout')) {
81
- e.preventDefault();
82
- }
83
- });
84
- // $('body').bind('touchend', function(e) {
85
- // if (!$(e.target).parents().is('.nav-bar') || !$(e.target).is('.nav-bar')) {
86
- // $('.nav-bar li .flyout').is(':visible').hide();
87
- // }
88
- // });
71
+ if (Modernizr.touch) {
72
+ $('.nav-bar>li.has-flyout>a.main').css({
73
+ 'padding-right' : '75px',
74
+ });
75
+ $('.nav-bar>li.has-flyout>a.flyout-toggle').css({
76
+ 'border-left' : '1px dashed #eee'
77
+ });
78
+ } else {
79
+ $('.nav-bar>li.has-flyout').hover(function() {
80
+ $(this).children('.flyout').show();
81
+ }, function() {
82
+ $(this).children('.flyout').hide();
83
+ })
84
+ }
85
+
89
86
 
90
87
  /* DISABLED BUTTONS ------------- */
91
88
  /* Gives elements with a class of 'disabled' a return: false; */
89
+
92
90
 
93
91
  });
94
92
 
@@ -1,5 +1,7 @@
1
+ //= require 'foundation/modernizr.foundation'
1
2
  //= require 'foundation/jquery.reveal'
2
- //= require 'foundation/jquery.orbit-1.3.0'
3
+ //= require 'foundation/jquery.orbit-1.4.0'
3
4
  //= require 'foundation/jquery.customforms'
4
5
  //= require 'foundation/jquery.placeholder.min'
6
+ //= require 'foundation/jquery.tooltips'
5
7
  //= require 'foundation/app'
@@ -19,6 +19,7 @@ jQuery(document).ready(function ($) {
19
19
  }
20
20
 
21
21
  $span.toggleClass('checked', $this.is(':checked'));
22
+ $span.toggleClass('disabled', $this.is(':disabled'));
22
23
  });
23
24
  }
24
25
  appendCustomMarkup('checkbox');
@@ -51,6 +52,8 @@ jQuery(document).ready(function ($) {
51
52
  });
52
53
  }
53
54
 
55
+ $customSelect.toggleClass('disabled', $this.is(':disabled'));
56
+
54
57
  $options.each(function (index) {
55
58
  if (this.selected) {
56
59
  $customSelect.find('li').eq(index).addClass('selected');
@@ -116,10 +119,12 @@ jQuery(document).ready(function ($) {
116
119
  var $input = $element.prev(),
117
120
  input = $input[0];
118
121
 
119
- input.checked = ((input.checked) ? false : true);
120
- $element.toggleClass('checked');
121
-
122
- $input.trigger('change');
122
+ if (false == $input.is(':disabled')) {
123
+ input.checked = ((input.checked) ? false : true);
124
+ $element.toggleClass('checked');
125
+
126
+ $input.trigger('change');
127
+ }
123
128
  }
124
129
 
125
130
  function toggleRadio($element) {
@@ -172,18 +177,22 @@ jQuery(document).ready(function ($) {
172
177
 
173
178
  $('form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector').live('click', function (event) {
174
179
  var $this = $(this),
175
- $dropdown = $this.closest('div.custom.dropdown');
180
+ $dropdown = $this.closest('div.custom.dropdown'),
181
+ $select = $dropdown.prev();
176
182
 
177
183
  event.preventDefault();
178
- $dropdown.toggleClass('open');
179
184
 
180
- if ($dropdown.hasClass('open')) {
181
- $(document).bind('click.customdropdown', function (event) {
182
- $dropdown.removeClass('open');
183
- $(document).unbind('.customdropdown');
184
- });
185
- } else {
186
- $(document).unbind('.customdropdown');
185
+ if (false == $select.is(':disabled')) {
186
+ $dropdown.toggleClass('open');
187
+
188
+ if ($dropdown.hasClass('open')) {
189
+ $(document).bind('click.customdropdown', function (event) {
190
+ $dropdown.removeClass('open');
191
+ $(document).unbind('.customdropdown');
192
+ });
193
+ } else {
194
+ $(document).unbind('.customdropdown');
195
+ }
187
196
  }
188
197
  });
189
198
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * jQuery Orbit Plugin 1.3.0
2
+ * jQuery Orbit Plugin 1.4.0
3
3
  * www.ZURB.com/playground
4
4
  * Copyright 2010, ZURB
5
5
  * Free to use under the MIT license.
@@ -9,6 +9,13 @@
9
9
 
10
10
  (function($) {
11
11
 
12
+ $.fn.findFirstImage = function () {
13
+ return this.first()
14
+ .find('img')
15
+ .andSelf().filter('img')
16
+ .first();
17
+ };
18
+
12
19
  var ORBIT = {
13
20
 
14
21
  defaults: {
@@ -106,6 +113,8 @@
106
113
  .addClass('orbit')
107
114
  .css({width: '1px', height: '1px'});
108
115
 
116
+ this.$slides.addClass('orbit-slide');
117
+
109
118
  this.setDimentionsFromLargestSlide();
110
119
  this.updateOptionsIfOnlyOneSlide();
111
120
  this.setupFirstSlide();
@@ -142,7 +151,8 @@
142
151
  self.$element.add(self.$wrapper).height(this.$slides.first().height());
143
152
  self.orbitWidth = this.$slides.first().width();
144
153
  self.orbitHeight = this.$slides.first().height();
145
- $fluidPlaceholder = this.$slides.first().clone();
154
+ $fluidPlaceholder = this.$slides.first().findFirstImage().clone();
155
+
146
156
 
147
157
  this.$slides.each(function () {
148
158
  var slide = $(this),
@@ -156,7 +166,7 @@
156
166
  if (slideHeight > self.$element.height()) {
157
167
  self.$element.add(self.$wrapper).height(slideHeight);
158
168
  self.orbitHeight = self.$element.height();
159
- $fluidPlaceholder = $(this).clone();
169
+ $fluidPlaceholder = $(this).findFirstImage().clone();
160
170
  }
161
171
  self.numberSlides += 1;
162
172
  });
@@ -215,7 +225,7 @@
215
225
 
216
226
  if (this.$timer.is(':hidden')) {
217
227
  this.clock = setInterval(function () {
218
- this.$element.trigger('orbit.next');
228
+ self.$element.trigger('orbit.next');
219
229
  }, this.options.advanceSpeed);
220
230
  } else {
221
231
  this.timerRunning = true;
@@ -0,0 +1,102 @@
1
+ $(document).ready(function () {
2
+ /* TOOLTIPS ---------- */
3
+ /* Positiong and options for adding tooltips */
4
+
5
+ function foundationTooltipsInit() {
6
+ var targets = $('.has-tip'),
7
+ tipTemplate = function(target, content) {
8
+ return '<span data-id="' + target + '" class="tooltip">' + content + '<span class="nub"></span></span>';
9
+ };
10
+ targets.each(function(){
11
+ var target = $(this),
12
+ content = target.attr('title'),
13
+ classes = target.attr('class'),
14
+ id = target.attr('id'),
15
+ tip = $(tipTemplate(id, content));
16
+ tip.addClass(classes).removeClass('has-tip').appendTo('body');
17
+ reposition(target, tip, classes);
18
+ tip.hide();
19
+ if (Modernizr.touch) {
20
+ tip.append('<span class="tap-to-close">tap to close </span>');
21
+ }
22
+ });
23
+ $(window).resize(function() {
24
+ var tips = $('.tooltip');
25
+ tips.each(function() {
26
+ var target = $('#' + $(this).data('id')),
27
+ tip = $(this),
28
+ classes = tip.attr('class');
29
+ reposition(target, tip, classes);
30
+ });
31
+
32
+ });
33
+
34
+ function reposition(target, tip, classes) {
35
+ var width = target.data('width'),
36
+ nub = tip.children('.nub'),
37
+ nubHeight = nub.outerHeight(),
38
+ nubWidth = nub.outerWidth();
39
+ tip.css({
40
+ 'top' : (target.offset().top + target.outerHeight() + 10),
41
+ 'left' : target.offset().left,
42
+ 'width' : width
43
+ });
44
+ function nubPos(nub, top, right, bottom, left) {
45
+ nub.css({
46
+ 'top' : top,
47
+ 'bottom' : bottom,
48
+ 'left' : left,
49
+ 'right' : right
50
+ });
51
+ }
52
+ nubPos(nub, -nubHeight, 'auto', 'auto', 10);
53
+ if ($(window).width() < 767) {
54
+ var row = target.parents('.row');
55
+ tip.width(row.outerWidth() - 20).css('left', row.offset().left);
56
+ nubPos(nub, -nubHeight, 'auto', 'auto', target.offset().left);
57
+ } else {
58
+ if (classes.indexOf('top') > -1) {
59
+ tip.css('top', target.offset().top - tip.outerHeight());
60
+ nubPos(nub, 'auto', 'auto', -nubHeight, nubWidth);
61
+ }
62
+ if (classes.indexOf('left') > -1) {
63
+ tip.css({
64
+ 'top' : target.offset().top - (target.outerHeight() / 2),
65
+ 'left' : target.offset().left - tip.outerWidth() - 10
66
+ }).children('.nub').css('top', (tip.outerHeight() / 2) - (nub.outerHeight() / 2));
67
+ nubPos(nub, ((tip.outerHeight() / 2) - (nub.outerHeight / 2)), -nubHeight, 'auto', 'auto');
68
+ } else if (classes.indexOf('right') > -1){
69
+ tip.css({
70
+ 'top' : target.offset().top - (target.outerHeight() / 2),
71
+ 'left' : target.offset().left + target.outerWidth() + 10
72
+ }).children('.nub').css('top', (tip.outerHeight() / 2) - (nub.outerHeight() / 2));
73
+ nubPos(nub, ((tip.outerHeight() / 2) - (nub.outerHeight / 2)), 'auto', 'auto', -nubHeight);
74
+ }
75
+ }
76
+ }
77
+ if (Modernizr.touch) {
78
+ $('.tooltip').live('click', function(e) {
79
+ e.preventDefault();
80
+ $(this).hide();
81
+ });
82
+ targets.live('click', function(){
83
+ targets.hover(function() {
84
+ $('span[data-id=' + $(this).attr('id') + ']').show();
85
+ targets.attr('title', "");
86
+ }, function() {
87
+ $('span[data-id=' + $(this).attr('id') + ']').hide();
88
+ });
89
+ });
90
+
91
+ } else {
92
+ targets.hover(function() {
93
+ $('span[data-id=' + $(this).attr('id') + ']').show();
94
+ targets.attr('title', "");
95
+ }, function() {
96
+ $('span[data-id=' + $(this).attr('id') + ']').hide();
97
+ });
98
+ }
99
+ }
100
+ foundationTooltipsInit();
101
+ });
102
+
@@ -0,0 +1,5 @@
1
+ /* Modernizr 2.0.6 (Custom Build) | MIT & BSD
2
+ * Build: http://www.modernizr.com/download/#-touch-iepp-respond-mq-cssclasses-teststyles-prefixes-load
3
+ */
4
+ ;window.Modernizr=function(a,b,c){function A(a,b){return!!~(""+a).indexOf(b)}function z(a,b){return typeof a===b}function y(a,b){return x(n.join(a+";")+(b||""))}function x(a){k.cssText=a}var d="2.0.6",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName("head")[0],i="modernizr",j=b.createElement(i),k=j.style,l,m=Object.prototype.toString,n=" -webkit- -moz- -o- -ms- -khtml- ".split(" "),o={},p={},q={},r=[],s=function(a,c,d,e){var f,h,j,k=b.createElement("div");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:i+(d+1),k.appendChild(j);f=["&shy;","<style>",a,"</style>"].join(""),k.id=i,k.innerHTML+=f,g.appendChild(k),h=c(k,a),k.parentNode.removeChild(k);return!!h},t=function(b){if(a.matchMedia)return matchMedia(b).matches;var c;s("@media "+b+" { #"+i+" { position: absolute; } }",function(b){c=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle).position=="absolute"});return c},u,v={}.hasOwnProperty,w;!z(v,c)&&!z(v.call,c)?w=function(a,b){return v.call(a,b)}:w=function(a,b){return b in a&&z(a.constructor.prototype[b],c)};var B=function(c,d){var f=c.join(""),g=d.length;s(f,function(c,d){var f=b.styleSheets[b.styleSheets.length-1],h=f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"",i=c.childNodes,j={};while(g--)j[i[g].id]=i[g];e.touch="ontouchstart"in a||j.touch.offsetTop===9},g,d)}([,["@media (",n.join("touch-enabled),("),i,")","{#touch{top:9px;position:absolute}}"].join("")],[,"touch"]);o.touch=function(){return e.touch};for(var C in o)w(o,C)&&(u=C.toLowerCase(),e[u]=o[C](),r.push((e[u]?"":"no-")+u));x(""),j=l=null,a.attachEvent&&function(){var a=b.createElement("div");a.innerHTML="<elem></elem>";return a.childNodes.length!==1}()&&function(a,b){function s(a){var b=-1;while(++b<g)a.createElement(f[b])}a.iepp=a.iepp||{};var d=a.iepp,e=d.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",f=e.split("|"),g=f.length,h=new RegExp("(^|\\s)("+e+")","gi"),i=new RegExp("<(/*)("+e+")","gi"),j=/^\s*[\{\}]\s*$/,k=new RegExp("(^|[^\\n]*?\\s)("+e+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),l=b.createDocumentFragment(),m=b.documentElement,n=m.firstChild,o=b.createElement("body"),p=b.createElement("style"),q=/print|all/,r;d.getCSS=function(a,b){if(a+""===c)return"";var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,q.test(b)&&h.push(d.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},d.parseCSS=function(a){var b=[],c;while((c=k.exec(a))!=null)b.push(((j.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(h,"$1.iepp_$2")+c[4]);return b.join("\n")},d.writeHTML=function(){var a=-1;r=r||b.body;while(++a<g){var c=b.getElementsByTagName(f[a]),d=c.length,e=-1;while(++e<d)c[e].className.indexOf("iepp_")<0&&(c[e].className+=" iepp_"+f[a])}l.appendChild(r),m.appendChild(o),o.className=r.className,o.id=r.id,o.innerHTML=r.innerHTML.replace(i,"<$1font")},d._beforePrint=function(){p.styleSheet.cssText=d.parseCSS(d.getCSS(b.styleSheets,"all")),d.writeHTML()},d.restoreHTML=function(){o.innerHTML="",m.removeChild(o),m.appendChild(r)},d._afterPrint=function(){d.restoreHTML(),p.styleSheet.cssText=""},s(b),s(l);d.disablePP||(n.insertBefore(p,n.firstChild),p.media="print",p.className="iepp-printshim",a.attachEvent("onbeforeprint",d._beforePrint),a.attachEvent("onafterprint",d._afterPrint))}(a,b),e._version=d,e._prefixes=n,e.mq=t,e.testStyles=s,g.className=g.className.replace(/\bno-js\b/,"")+(f?" js "+r.join(" "):"");return e}(this,this.document),function(a,b){function u(){r(!0)}a.respond={},respond.update=function(){},respond.mediaQueriesSupported=b;if(!b){var c=a.document,d=c.documentElement,e=[],f=[],g=[],h={},i=30,j=c.getElementsByTagName("head")[0]||d,k=j.getElementsByTagName("link"),l=[],m=function(){var b=k,c=b.length,d=0,e,f,g,i;for(;d<c;d++)e=b[d],f=e.href,g=e.media,i=e.rel&&e.rel.toLowerCase()==="stylesheet",!!f&&i&&!h[f]&&(!/^([a-zA-Z]+?:(\/\/)?(www\.)?)/.test(f)||f.replace(RegExp.$1,"").split("/")[0]===a.location.host?l.push({href:f,media:g}):h[f]=!0);n()},n=function(){if(l.length){var a=l.shift();s(a.href,function(b){o(b,a.href,a.media),h[a.href]=!0,n()})}},o=function(a,b,c){var d=a.match(/@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi),g=d&&d.length||0,b=b.substring(0,b.lastIndexOf("/")),h=function(a){return a.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+b+"$2$3")},i=!g&&c,j=0,k,l,m,n,o;b.length&&(b+="/"),i&&(g=1);for(;j<g;j++){k=0,i?(l=c,f.push(h(a))):(l=d[j].match(/@media ([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1,f.push(RegExp.$2&&h(RegExp.$2))),n=l.split(","),o=n.length;for(;k<o;k++)m=n[k],e.push({media:m.match(/(only\s+)?([a-zA-Z]+)(\sand)?/)&&RegExp.$2,rules:f.length-1,minw:m.match(/\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1),maxw:m.match(/\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1)})}r()},p,q,r=function(a){var b="clientWidth",h=d[b],l=c.compatMode==="CSS1Compat"&&h||c.body[b]||h,m={},n=c.createDocumentFragment(),o=k[k.length-1],s=(new Date).getTime();if(a&&p&&s-p<i)clearTimeout(q),q=setTimeout(r,i);else{p=s;for(var t in e){var u=e[t];if(!u.minw&&!u.maxw||(!u.minw||u.minw&&l>=u.minw)&&(!u.maxw||u.maxw&&l<=u.maxw))m[u.media]||(m[u.media]=[]),m[u.media].push(f[u.rules])}for(var t in g)g[t]&&g[t].parentNode===j&&j.removeChild(g[t]);for(var t in m){var v=c.createElement("style"),w=m[t].join("\n");v.type="text/css",v.media=t,v.styleSheet?v.styleSheet.cssText=w:v.appendChild(c.createTextNode(w)),n.appendChild(v),g.push(v)}j.insertBefore(n,o.nextSibling)}},s=function(a,b){var c=t();if(!!c){c.open("GET",a,!0),c.onreadystatechange=function(){c.readyState==4&&(c.status==200||c.status==304)&&b(c.responseText)};if(c.readyState==4)return;c.send()}},t=function(){var a=!1,b=[function(){return new ActiveXObject("Microsoft.XMLHTTP")},function(){return new XMLHttpRequest}],c=b.length;while(c--){try{a=b[c]()}catch(d){continue}break}return function(){return a}}();m(),respond.update=m,a.addEventListener?a.addEventListener("resize",u,!1):a.attachEvent&&a.attachEvent("onresize",u)}}(this,Modernizr.mq("only all")),function(a,b,c){function k(a){return!a||a=="loaded"||a=="complete"}function j(){var a=1,b=-1;while(p.length- ++b)if(p[b].s&&!(a=p[b].r))break;a&&g()}function i(a){var c=b.createElement("script"),d;c.src=a.s,c.onreadystatechange=c.onload=function(){!d&&k(c.readyState)&&(d=1,j(),c.onload=c.onreadystatechange=null)},m(function(){d||(d=1,j())},H.errorTimeout),a.e?c.onload():n.parentNode.insertBefore(c,n)}function h(a){var c=b.createElement("link"),d;c.href=a.s,c.rel="stylesheet",c.type="text/css";if(!a.e&&(w||r)){var e=function(a){m(function(){if(!d)try{a.sheet.cssRules.length?(d=1,j()):e(a)}catch(b){b.code==1e3||b.message=="security"||b.message=="denied"?(d=1,m(function(){j()},0)):e(a)}},0)};e(c)}else c.onload=function(){d||(d=1,m(function(){j()},0))},a.e&&c.onload();m(function(){d||(d=1,j())},H.errorTimeout),!a.e&&n.parentNode.insertBefore(c,n)}function g(){var a=p.shift();q=1,a?a.t?m(function(){a.t=="c"?h(a):i(a)},0):(a(),j()):q=0}function f(a,c,d,e,f,h){function i(){!o&&k(l.readyState)&&(r.r=o=1,!q&&j(),l.onload=l.onreadystatechange=null,m(function(){u.removeChild(l)},0))}var l=b.createElement(a),o=0,r={t:d,s:c,e:h};l.src=l.data=c,!s&&(l.style.display="none"),l.width=l.height="0",a!="object"&&(l.type=d),l.onload=l.onreadystatechange=i,a=="img"?l.onerror=i:a=="script"&&(l.onerror=function(){r.e=r.r=1,g()}),p.splice(e,0,r),u.insertBefore(l,s?null:n),m(function(){o||(u.removeChild(l),r.r=r.e=o=1,j())},H.errorTimeout)}function e(a,b,c){var d=b=="c"?z:y;q=0,b=b||"j",C(a)?f(d,a,b,this.i++,l,c):(p.splice(this.i++,0,a),p.length==1&&g());return this}function d(){var a=H;a.loader={load:e,i:0};return a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=r&&!s,u=s?l:n.parentNode,v=a.opera&&o.call(a.opera)=="[object Opera]",w="webkitAppearance"in l.style,x=w&&"async"in b.createElement("script"),y=r?"object":v||x?"img":"script",z=w?"img":y,A=Array.isArray||function(a){return o.call(a)=="[object Array]"},B=function(a){return Object(a)===a},C=function(a){return typeof a=="string"},D=function(a){return o.call(a)=="[object Function]"},E=[],F={},G,H;H=function(a){function f(a){var b=a.split("!"),c=E.length,d=b.pop(),e=b.length,f={url:d,origUrl:d,prefixes:b},g,h;for(h=0;h<e;h++)g=F[b[h]],g&&(f=g(f));for(h=0;h<c;h++)f=E[h](f);return f}function e(a,b,e,g,h){var i=f(a),j=i.autoCallback;if(!i.bypass){b&&(b=D(b)?b:b[a]||b[g]||b[a.split("/").pop().split("?")[0]]);if(i.instead)return i.instead(a,b,e,g,h);e.load(i.url,i.forceCSS||!i.forceJS&&/css$/.test(i.url)?"c":c,i.noexec),(D(b)||D(j))&&e.load(function(){d(),b&&b(i.origUrl,h,g),j&&j(i.origUrl,h,g)})}}function b(a,b){function c(a){if(C(a))e(a,h,b,0,d);else if(B(a))for(i in a)a.hasOwnProperty(i)&&e(a[i],h,b,i,d)}var d=!!a.test,f=d?a.yep:a.nope,g=a.load||a.both,h=a.callback,i;c(f),c(g),a.complete&&b.load(a.complete)}var g,h,i=this.yepnope.loader;if(C(a))e(a,0,i,0);else if(A(a))for(g=0;g<a.length;g++)h=a[g],C(h)?e(h,0,i,0):A(h)?H(h):B(h)&&b(h,i);else B(a)&&b(a,i)},H.addPrefix=function(a,b){F[a]=b},H.addFilter=function(a){E.push(a)},H.errorTimeout=1e4,b.readyState==null&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",G=function(){b.removeEventListener("DOMContentLoaded",G,0),b.readyState="complete"},0)),a.yepnope=d()}(this,this.document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
5
+
@@ -1,8 +1,8 @@
1
- /* Artfully masterminded by ZURB
2
- Make sure to include app.js / foundation.js if you are going to use inline label inputs
1
+ /* Artfully masterminded by ZURB
2
+ Make sure to include app.js / foundation.js if you are going to use inline label inputs
3
3
  */
4
-
5
-
4
+
5
+
6
6
  /* -----------------------------------------
7
7
  Standard Forms
8
8
  ----------------------------------------- */
@@ -20,6 +20,9 @@
20
20
  input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
21
21
  input.input-text:focus, textarea:focus { background: #f9f9f9; }
22
22
 
23
+ /* Text input and textarea, disabled */
24
+ input.input-text[disabled], textarea[disabled] { background-color: #ddd; }
25
+
23
26
  /* Inlined Label Style */
24
27
  input.placeholder, textarea.placeholder { color: #888; }
25
28
 
@@ -51,6 +54,9 @@
51
54
  form.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: image-url("foundation/misc/input-bg.png") #fff; }
52
55
  form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }
53
56
 
57
+ /* Text input and textarea, disabled */
58
+ form.nice div.form-field input[disabled], form.nice input.input-text[disabled], form.nice textarea[disabled] { background-color: #ddd; }
59
+
54
60
  form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
55
61
 
56
62
  form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }
@@ -69,22 +75,32 @@
69
75
  form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
70
76
  form.custom span.custom.radio.checked { background-position: 0 -14px; }
71
77
  form.custom span.custom.checkbox.checked { background-position: 0 -28px; }
72
-
78
+
73
79
  form.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; }
74
80
  form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; }
75
81
  form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: image-url("foundation/misc/custom-form-sprites.png") -14px 0 no-repeat; right: 0; top: 0; border: solid 1px #ddd; }
76
82
  form.custom div.custom.dropdown:hover a.selector,
77
83
  form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }
78
-
84
+
79
85
  form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: rgba(255,255,255,0.9); border: solid 1px #ddd; z-index: 10; }
80
86
  form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; white-space: nowrap}
81
87
  form.custom div.custom.dropdown ul li.selected { background: image-url("foundation/misc/custom-form-sprites.png") right -52px no-repeat; }
82
88
  form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; }
83
89
  form.custom div.custom.dropdown ul li.selected:hover { background: image-url("foundation/misc/custom-form-sprites.png") #2a85e8 right -78px no-repeat; }
84
90
  form.custom div.custom.dropdown ul.show { display: block; }
85
-
91
+
86
92
  form.custom div.custom.dropdown.open ul { display: block; }
87
93
 
88
-
94
+ /* Custom input, disabled */
95
+ form.custom .custom.disabled { background-color: #ddd; }
96
+
97
+ /* -----------------------------------------
98
+ Nicer Custom Forms
99
+ ----------------------------------------- */
100
+ form.custom.nice span.custom.checkbox { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
101
+
102
+ form.custom.nice div.custom.dropdown a.current { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-image: image-url("foundation/misc/input-bg-outset.png"); background-position: bottom right; }
103
+ form.custom.nice div.custom.dropdown a.selector { height: 27px; border-width: 0 0 0 1px; }
104
+ form.custom.nice div.custom.dropdown ul { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }
89
105
 
90
106
 
@@ -17,12 +17,6 @@
17
17
  :: Grid
18
18
  -------------------------------------------------- */
19
19
 
20
- /* Tablet screens */
21
- @media only screen and (device-width: 768px), (device-width: 800px) {
22
- /* Currently unused */
23
- }
24
-
25
-
26
20
  /* Mobile */
27
21
  @media only screen and (max-width: 767px) {
28
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; }
@@ -188,19 +182,37 @@
188
182
  @media only screen and (max-width: 767px) {
189
183
  .nav-bar { height: auto; }
190
184
  .nav-bar>li { float: none; display: block; border-right: none; }
191
- .nav-bar>li>a { text-align: left; border-top: 1px solid #ddd; border-right: none; }
192
- .nav-bar>li:first-child>a { border-top: none; }
193
- .nav-bar>li.has-flyout>a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; }
194
- .nav-bar>li:hover>a { font-weight: bold; }
195
- .nav-bar>li:hover ul { position: relative; }
185
+ .nav-bar>li>a.main { text-align: left; border-top: 1px solid #ddd; border-right: none; }
186
+ .nav-bar>li:first-child>a.main { border-top: none; }
187
+ .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; }
188
+ .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; }
189
+ .nav-bar>li.has-flyout>a.flyout-toggle:hover span { border-top-color: #141414; }
196
190
 
197
191
  .flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 1px 1px 0px 1px; }
198
192
  .flyout.right { float: none; right: auto; left: -1px; }
199
193
  .flyout.small, .flyout.large { width: auto; }
200
194
  .flyout p:last-child { margin-bottom: 18px; }
201
195
  }
202
-
203
- /* Nav Bar */
196
+
197
+
198
+ /* Tooltips */
199
+ @media only screen and (max-width: 767px) {
200
+ .tooltip {
201
+ font-size: 14px;
202
+ font-size: 1.4rem;
203
+ line-height: 1.4;
204
+ padding: 7px 10px 9px 10px;
205
+ }
206
+ .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
207
+ border-color: transparent transparent rgb(0,0,0) transparent;
208
+ border-color: transparent transparent rgba(0,0,0,0.85) transparent;
209
+ top: -12px;
210
+ left: 10px;
211
+ }
212
+ }
213
+
214
+
215
+ /* Video */
204
216
 
205
217
  @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) {
206
218
  .video { padding-top: 0; }
@@ -1,4 +1,4 @@
1
- /* CSS for jQuery Orbit Plugin 1.2.3
1
+ /* CSS for jQuery Orbit Plugin 1.4.0
2
2
  * www.ZURB.com/playground
3
3
  * Copyright 2010, ZURB
4
4
  * Free to use under the MIT license.
@@ -35,27 +35,20 @@ div.orbit {
35
35
  overflow: hidden }
36
36
 
37
37
  div.orbit.with-bullets {
38
- margin-bottom: 40px;
39
- }
38
+ margin-bottom: 40px; }
40
39
 
41
- div.orbit>img {
40
+ div.orbit .orbit-slide {
41
+ max-width: 100%;
42
42
  position: absolute;
43
43
  top: 0;
44
- left: 0;
45
- /* display: none; */ }
44
+ left: 0; }
46
45
 
47
- div.orbit>a {
46
+ div.orbit a.orbit-slide {
48
47
  border: none;
49
- position: absolute;
50
- top: 0;
51
- left: 0;
52
48
  line-height: 0;
53
49
  display: none; }
54
50
 
55
- .orbit>div {
56
- position: absolute;
57
- top: 0;
58
- left: 0;
51
+ div.orbit div.orbit-slide {
59
52
  width: 100%;
60
53
  height: 100%; }
61
54
 
@@ -65,7 +58,7 @@ div.orbit>a {
65
58
  /* TIMER
66
59
  ================================================== */
67
60
 
68
- div.timer {
61
+ div.orbit-wrapper div.timer {
69
62
  width: 40px;
70
63
  height: 40px;
71
64
  overflow: hidden;
@@ -76,7 +69,7 @@ div.timer {
76
69
  cursor: pointer;
77
70
  z-index: 31; }
78
71
 
79
- span.rotator {
72
+ div.orbit-wrapper span.rotator {
80
73
  display: block;
81
74
  width: 40px;
82
75
  height: 40px;
@@ -86,7 +79,7 @@ span.rotator {
86
79
  background: image-url("foundation/orbit/rotator-black.png") no-repeat;
87
80
  z-index: 3; }
88
81
 
89
- span.mask {
82
+ div.orbit-wrapper span.mask {
90
83
  display: block;
91
84
  width: 20px;
92
85
  height: 40px;
@@ -96,15 +89,15 @@ span.mask {
96
89
  z-index: 2;
97
90
  overflow: hidden; }
98
91
 
99
- span.rotator.move {
92
+ div.orbit-wrapper span.rotator.move {
100
93
  left: 0 }
101
94
 
102
- span.mask.move {
95
+ div.orbit-wrapper span.mask.move {
103
96
  width: 40px;
104
97
  left: 0;
105
98
  background: image-url("foundation/orbit/timer-black.png") repeat 0 0; }
106
99
 
107
- span.pause {
100
+ div.orbit-wrapper span.pause {
108
101
  display: block;
109
102
  width: 40px;
110
103
  height: 40px;
@@ -115,11 +108,11 @@ span.pause {
115
108
  z-index: 4;
116
109
  opacity: 0; }
117
110
 
118
- span.pause.active {
111
+ div.orbit-wrapper span.pause.active {
119
112
  background: image-url("foundation/orbit/pause-black.png") no-repeat 0 -40px }
120
113
 
121
- div.timer:hover span.pause,
122
- span.pause.active {
114
+ div.orbit-wrapper div.timer:hover span.pause,
115
+ div.orbit-wrapper span.pause.active {
123
116
  opacity: 1 }
124
117
 
125
118
 
@@ -135,8 +128,8 @@ span.pause.active {
135
128
  background: rgba(0,0,0,.6);
136
129
  z-index: 30;
137
130
  color: #fff;
138
- text-align: center;
139
- padding: 7px 0;
131
+ text-align: center;
132
+ padding: 7px 0;
140
133
  font-size: 13px;
141
134
  position: absolute;
142
135
  right: 0;
@@ -147,10 +140,10 @@ span.pause.active {
147
140
  /* DIRECTIONAL NAV
148
141
  ================================================== */
149
142
 
150
- div.slider-nav {
143
+ div.orbit-wrapper div.slider-nav {
151
144
  display: block }
152
145
 
153
- div.slider-nav span {
146
+ div.orbit-wrapper div.slider-nav span {
154
147
  width: 78px;
155
148
  height: 100px;
156
149
  text-indent: -9999px;
@@ -160,18 +153,18 @@ div.slider-nav span {
160
153
  margin-top: -50px;
161
154
  cursor: pointer; }
162
155
 
163
- div.slider-nav span.right {
156
+ div.orbit-wrapper div.slider-nav span.right {
164
157
  background: image-url("foundation/orbit/right-arrow.png");
165
158
  right: 0; }
166
159
 
167
- div.slider-nav span.left {
160
+ div.orbit-wrapper div.slider-nav span.left {
168
161
  background: image-url("foundation/orbit/left-arrow.png");
169
162
  left: 0; }
170
163
 
171
164
  /* BULLET NAV
172
165
  ================================================== */
173
166
 
174
- .orbit-bullets {
167
+ ul.orbit-bullets {
175
168
  position: absolute;
176
169
  z-index: 30;
177
170
  list-style: none;
@@ -180,7 +173,7 @@ div.slider-nav span.left {
180
173
  margin-left: -50px;
181
174
  padding: 0; }
182
175
 
183
- .orbit-bullets li {
176
+ ul.orbit-bullets li {
184
177
  float: left;
185
178
  margin-left: 5px;
186
179
  cursor: pointer;
@@ -191,31 +184,30 @@ div.slider-nav span.left {
191
184
  height: 12px;
192
185
  overflow: hidden; }
193
186
 
194
- .orbit-bullets li.active {
187
+ ul.orbit-bullets li.active {
195
188
  color: #222;
196
189
  background-position: -8px 0; }
197
190
 
198
- .orbit-bullets li.has-thumb {
191
+ ul.orbit-bullets li.has-thumb {
199
192
  background: none;
200
193
  width: 100px;
201
194
  height: 75px; }
202
195
 
203
- .orbit-bullets li.active.has-thumb {
196
+ ul.orbit-bullets li.active.has-thumb {
204
197
  background-position: 0 0;
205
198
  border-top: 2px solid #000; }
206
199
 
207
200
  /* FLUID LAYOUT
208
201
  ================================================== */
209
- .orbit .fluid-placeholder {
210
- visibility: hidden;
211
- position: static;
212
- display: block;
213
- width: 100%;
214
- }
202
+ div.orbit img.fluid-placeholder {
203
+ visibility: hidden;
204
+ position: static;
205
+ display: block;
206
+ width: 100%; }
215
207
 
216
- .orbit, .orbit-wrapper { width: 100% !important; }
208
+ div.orbit, div.orbit-wrapper { width: 100% !important; }
217
209
 
218
- .orbit-bullets {
210
+ ul.orbit-bullets {
219
211
  position: absolute;
220
212
  z-index: 30;
221
213
  list-style: none;
@@ -224,7 +216,7 @@ div.slider-nav span.left {
224
216
  margin-left: -50px;
225
217
  padding: 0; }
226
218
 
227
- .orbit-bullets li {
219
+ ul.orbit-bullets li {
228
220
  float: left;
229
221
  margin-left: 5px;
230
222
  cursor: pointer;
@@ -235,16 +227,16 @@ div.slider-nav span.left {
235
227
  height: 12px;
236
228
  overflow: hidden; }
237
229
 
238
- .orbit-bullets li.has-thumb {
230
+ ul.orbit-bullets li.has-thumb {
239
231
  background: none;
240
232
  width: 100px;
241
233
  height: 75px; }
242
234
 
243
- .orbit-bullets li.active {
235
+ ul.orbit-bullets li.active {
244
236
  color: #222;
245
237
  background-position: -8px 0; }
246
238
 
247
- .orbit-bullets li.active.has-thumb {
239
+ ul.orbit-bullets li.active.has-thumb {
248
240
  background-position: 0 0;
249
241
  border-top: 2px solid #000; }
250
242
 
@@ -54,14 +54,14 @@
54
54
 
55
55
  /* Mobile */
56
56
 
57
- @media handheld, only screen and (device-width: 768px), (device-width: 800px) {
57
+ @media handheld, only screen and (max-width: 1023px) {
58
58
  .reveal-modal-bg { position: absolute; }
59
59
 
60
60
  .reveal-modal,
61
61
  .reveal-modal.small,
62
62
  .reveal-modal.medium,
63
63
  .reveal-modal.large,
64
- .reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0; padding: 5%; height: auto; }
64
+ .reveal-modal.xlarge { width: 60%; top: 60px; left: 15%; margin-left: 0; padding: 20px; height: auto; }
65
65
  }
66
66
 
67
67
  @media handheld, only screen and (max-width: 767px) {
@@ -71,7 +71,7 @@
71
71
  .reveal-modal.small,
72
72
  .reveal-modal.medium,
73
73
  .reveal-modal.large,
74
- .reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0; padding: 5%; height: auto; }
74
+ .reveal-modal.xlarge { width: 80%; top: 15px; left: 5%; margin-left: 0; padding: 20px; height: auto; }
75
75
  }
76
76
 
77
77
 
@@ -7,7 +7,7 @@
7
7
  -----------------------------------------------------
8
8
  :: Buttons
9
9
  :: Alerts
10
- :: Notices/Alerts
10
+ :: Labels
11
11
  :: Tabs
12
12
  :: Pagination
13
13
  :: Lists
@@ -123,11 +123,26 @@
123
123
  .alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; }
124
124
  .alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; }
125
125
 
126
+ /* --------------------------------------------------
127
+ Labels
128
+ -------------------------------------------------- */
129
+
130
+ .label { padding: 0px 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; }
131
+ .label.radius { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
132
+ .label.round { padding: 1px 7px 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
133
+
134
+ /* Colors ---------- */
135
+ .blue.label { background-color: #00a6fc; }
136
+ .red.label { background-color: #e91c21; }
137
+ .green.label { background-color: #7fae00; }
138
+ .white.label { background-color: #e9e9e9; color: #333; }
139
+ .black.label { background-color: #141414; }
140
+
126
141
 
127
142
  /* --------------------------------------------------
128
143
  Tabs
129
144
  -------------------------------------------------- */
130
- dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
145
+ dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
131
146
  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; }
132
147
  dl.tabs dt:first-child { padding: 0 9px 0 0; }
133
148
  dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
@@ -199,23 +214,56 @@
199
214
 
200
215
  .nav-bar { height: 45px; background: #fff; margin-top: 20px; border: 1px solid #ddd; }
201
216
  .nav-bar>li { float: left; display: block; position: relative; padding: 0; margin: 0; border-right: 1px solid #ddd; line-height: 45px; }
202
- .nav-bar>li>a { position: relative; font-size: 14px; padding: 0 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; }
217
+ .nav-bar>li>a.main { position: relative; font-size: 14px; padding: 0 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; }
203
218
  .nav-bar>li>input { margin: 0 16px; }
204
219
  .nav-bar>li ul { margin-bottom: 0; }
205
220
  .nav-bar>li li { line-height: 1.3; }
206
- .nav-bar>li.has-flyout>a { padding-right: 36px; }
207
- .nav-bar>li.has-flyout>a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; position: absolute; right: 18px; bottom: 20px; }
208
- .nav-bar>li:hover>a { color: #141414; z-index: 2; }
209
- .nav-bar>li:hover>a:after { border-top-color: #141414; }
210
-
221
+ .nav-bar>li.has-flyout>a.main { padding-right: 36px; }
222
+ .nav-bar>li.has-flyout>a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; }
223
+ .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; }
211
224
  .flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 10; }
212
225
  .flyout.small { width: 200px; }
213
226
  .flyout.large { width: 600px; }
214
227
  .flyout.right { left: auto; right: 0; }
215
228
  .flyout p:last-child { margin-bottom: 0; }
216
229
  .nav-bar>li .flyout { display: none; }
217
- .nav-bar>li:hover .flyout { display: block; }
218
230
 
231
+ /* --------------------------------------------------
232
+ Sub Navs
233
+ http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na
234
+
235
+ -------------------------------------------------- */
236
+
237
+ dl.sub-nav {
238
+ display: block;
239
+ width: auto;
240
+ overflow: hidden;
241
+ margin: -4px 0 18px -9px;
242
+ padding-top: 4px;
243
+ }
244
+
245
+ dl.sub-nav dt, dl.sub-nav dd {
246
+ float: left;
247
+ display: inline;
248
+ margin-left: 9px;
249
+ margin-bottom: 4px;
250
+ }
251
+
252
+ dl.sub-nav dt {
253
+ color: #999;
254
+ font-weight: normal;
255
+ }
256
+
257
+ dl.sub-nav dd a {
258
+ text-decoration: none;
259
+ -webkit-border-radius: 12px;
260
+ -moz-border-radius: 12px;
261
+ }
262
+ dl.sub-nav dd.active a {
263
+ background: #00A6FC;
264
+ color: #fff;
265
+ padding: 3px 9px;
266
+ }
219
267
 
220
268
  /* --------------------------------------------------
221
269
  Video
@@ -259,8 +307,81 @@
259
307
  p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }
260
308
 
261
309
 
262
-
263
-
310
+
311
+ /* --------------------------------------------------
312
+ Tooltips
313
+ -------------------------------------------------- */
314
+ .has-tip {
315
+ border-bottom: dotted 1px #ccc;
316
+ cursor: help;
317
+ font-weight: bold;
318
+ color: #333;
319
+ }
320
+ .has-tip:hover {
321
+ border-bottom: dotted 1px #0593dc;
322
+ color: #0192dd;
323
+ }
324
+ .tooltip {
325
+ display: block;
326
+ background: rgb(0,0,0);
327
+ background: rgba(0,0,0,0.85);
328
+ position: absolute;
329
+ color: #fff;
330
+ font-weight: bold;
331
+ font-size: 12px;
332
+ font-size: 1.2rem;
333
+ width: auto;
334
+ padding: 5px 9px 7px 8px;
335
+ z-index: 999;
336
+ }
337
+ .tooltip > .nub {
338
+ display: block;
339
+ width: 0;
340
+ height: 0;
341
+ border: solid 6px;
342
+ border-color: transparent transparent rgb(0,0,0) transparent;
343
+ border-color: transparent transparent rgba(0,0,0,0.85) transparent;
344
+ position: absolute;
345
+ top: -12px;
346
+ left: 10px;
347
+ }
348
+ .tooltip.top > .nub {
349
+ border-color: rgb(0,0,0) transparent transparent transparent;
350
+ border-color: rgba(0,0,0,0.85) transparent transparent transparent;
351
+ top: auto;
352
+ bottom: -12px;
353
+ }
354
+ .tooltip.left, .tooltip.right, .has-tip.left, .has-tip.right {
355
+ float: none !important;
356
+ }
357
+ .tooltip.left > .nub {
358
+ border-color: transparent transparent transparent rgb(0,0,0);
359
+ border-color: transparent transparent transparent rgba(0,0,0,0.85);
360
+ right: -12px;
361
+ left: auto;
362
+ }
363
+ .tooltip.right > .nub {
364
+ border-color: transparent rgb(0,0,0) transparent transparent;
365
+ border-color: transparent rgba(0,0,0,0.85) transparent transparent;
366
+ right: auto;
367
+ left: -12px;
368
+ }
369
+ .tooltip.radius {
370
+ -webkit-border-radius: 6px;
371
+ -moz-border-radius: 6px;
372
+ border-radius: 6px;
373
+ }
374
+ .has-tip.opened {
375
+ color: #0192DD !important;
376
+ border-bottom: dotted 1px #0593DC !important;
377
+ }
378
+ .tap-to-close {
379
+ display: block;
380
+ font-size: 10px;
381
+ font-size: 1.0rem;
382
+ color: #888;
383
+ font-weight: normal;
384
+ }
264
385
 
265
386
 
266
387
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: zurb-foundation
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.1.4.3
4
+ version: 2.1.5.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,12 +9,11 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-01-17 00:00:00.000000000 -08:00
13
- default_executable:
12
+ date: 2012-01-27 00:00:00.000000000Z
14
13
  dependencies:
15
14
  - !ruby/object:Gem::Dependency
16
15
  name: rails
17
- requirement: &2154617100 !ruby/object:Gem::Requirement
16
+ requirement: &70285237279140 !ruby/object:Gem::Requirement
18
17
  none: false
19
18
  requirements:
20
19
  - - ~>
@@ -22,10 +21,10 @@ dependencies:
22
21
  version: '3.1'
23
22
  type: :runtime
24
23
  prerelease: false
25
- version_requirements: *2154617100
24
+ version_requirements: *70285237279140
26
25
  - !ruby/object:Gem::Dependency
27
26
  name: jquery-rails
28
- requirement: &2154616600 !ruby/object:Gem::Requirement
27
+ requirement: &70285237278620 !ruby/object:Gem::Requirement
29
28
  none: false
30
29
  requirements:
31
30
  - - ~>
@@ -33,7 +32,7 @@ dependencies:
33
32
  version: '1.0'
34
33
  type: :runtime
35
34
  prerelease: false
36
- version_requirements: *2154616600
35
+ version_requirements: *70285237278620
37
36
  description: An easy to use, powerful, and flexible framework for building prototypes
38
37
  and production code on any kind of device.
39
38
  email:
@@ -62,6 +61,7 @@ files:
62
61
  - vendor/assets/images/foundation/misc/button-gloss.png
63
62
  - vendor/assets/images/foundation/misc/button-overlay.png
64
63
  - vendor/assets/images/foundation/misc/custom-form-sprites.png
64
+ - vendor/assets/images/foundation/misc/input-bg-outset.png
65
65
  - vendor/assets/images/foundation/misc/input-bg.png
66
66
  - vendor/assets/images/foundation/misc/modal-gloss.png
67
67
  - vendor/assets/images/foundation/misc/table-sorter.png
@@ -76,9 +76,11 @@ files:
76
76
  - vendor/assets/javascripts/foundation/app.js
77
77
  - vendor/assets/javascripts/foundation/index.js
78
78
  - vendor/assets/javascripts/foundation/jquery.customforms.js
79
- - vendor/assets/javascripts/foundation/jquery.orbit-1.3.0.js
79
+ - vendor/assets/javascripts/foundation/jquery.orbit-1.4.0.js
80
80
  - vendor/assets/javascripts/foundation/jquery.placeholder.min.js
81
81
  - vendor/assets/javascripts/foundation/jquery.reveal.js
82
+ - vendor/assets/javascripts/foundation/jquery.tooltips.js
83
+ - vendor/assets/javascripts/foundation/modernizr.foundation.js
82
84
  - vendor/assets/stylesheets/foundation/forms.css.scss
83
85
  - vendor/assets/stylesheets/foundation/globals.css.scss
84
86
  - vendor/assets/stylesheets/foundation/grid.css.scss
@@ -89,7 +91,6 @@ files:
89
91
  - vendor/assets/stylesheets/foundation/reveal.css.scss
90
92
  - vendor/assets/stylesheets/foundation/typography.css.scss
91
93
  - vendor/assets/stylesheets/foundation/ui.css.scss
92
- has_rdoc: true
93
94
  homepage: http://foundation.zurb.com
94
95
  licenses: []
95
96
  post_install_message:
@@ -104,7 +105,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
104
105
  version: '0'
105
106
  segments:
106
107
  - 0
107
- hash: 2602047393679453925
108
+ hash: -3939293201830743937
108
109
  required_rubygems_version: !ruby/object:Gem::Requirement
109
110
  none: false
110
111
  requirements:
@@ -113,10 +114,10 @@ required_rubygems_version: !ruby/object:Gem::Requirement
113
114
  version: '0'
114
115
  segments:
115
116
  - 0
116
- hash: 2602047393679453925
117
+ hash: -3939293201830743937
117
118
  requirements: []
118
119
  rubyforge_project: foundation
119
- rubygems_version: 1.6.2
120
+ rubygems_version: 1.8.10
120
121
  signing_key:
121
122
  specification_version: 3
122
123
  summary: Get up and running with Foundation in seconds