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 +2 -2
- data/lib/foundation/version.rb +2 -2
- data/vendor/assets/images/foundation/misc/input-bg-outset.png +0 -0
- data/vendor/assets/javascripts/foundation/app.js +25 -27
- data/vendor/assets/javascripts/foundation/index.js +3 -1
- data/vendor/assets/javascripts/foundation/jquery.customforms.js +22 -13
- data/vendor/assets/javascripts/foundation/{jquery.orbit-1.3.0.js → jquery.orbit-1.4.0.js} +14 -4
- data/vendor/assets/javascripts/foundation/jquery.tooltips.js +102 -0
- data/vendor/assets/javascripts/foundation/modernizr.foundation.js +5 -0
- data/vendor/assets/stylesheets/foundation/forms.css.scss +24 -8
- data/vendor/assets/stylesheets/foundation/mobile.css.scss +25 -13
- data/vendor/assets/stylesheets/foundation/orbit.css.scss +38 -46
- data/vendor/assets/stylesheets/foundation/reveal.css.scss +3 -3
- data/vendor/assets/stylesheets/foundation/ui.css.scss +132 -11
- metadata +13 -12
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.
|
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")
|
data/lib/foundation/version.rb
CHANGED
Binary file
|
@@ -56,39 +56,37 @@ $(document).ready(function () {
|
|
56
56
|
|
57
57
|
/* DROPDOWN NAV ------------- */
|
58
58
|
|
59
|
-
var
|
60
|
-
$('.nav-bar
|
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
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
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
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
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
|
+
//= 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
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
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 ($
|
181
|
-
|
182
|
-
|
183
|
-
$
|
184
|
-
|
185
|
-
|
186
|
-
|
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.
|
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
|
-
|
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=["­","<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
|
194
|
-
.nav-bar>li
|
195
|
-
.nav-bar>li:hover
|
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
|
-
|
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.
|
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
|
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
|
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
|
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
|
-
|
139
|
-
|
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
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
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 (
|
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:
|
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:
|
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
|
-
::
|
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
|
-
|
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
|
208
|
-
.nav-bar>li
|
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
|
+
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-
|
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: &
|
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: *
|
24
|
+
version_requirements: *70285237279140
|
26
25
|
- !ruby/object:Gem::Dependency
|
27
26
|
name: jquery-rails
|
28
|
-
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: *
|
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.
|
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:
|
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:
|
117
|
+
hash: -3939293201830743937
|
117
118
|
requirements: []
|
118
119
|
rubyforge_project: foundation
|
119
|
-
rubygems_version: 1.
|
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
|