zurb-foundation 2.1.0 → 2.1.2
Sign up to get free protection for your applications and to get access to all the features.
- data/build.rb +16 -8
- data/lib/foundation/generators/templates/application.html.erb +1 -1
- data/lib/foundation/version.rb +2 -2
- data/vendor/assets/javascripts/foundation/app.js +78 -0
- data/vendor/assets/javascripts/foundation/forms.jquery.js +59 -0
- data/vendor/assets/javascripts/foundation/index.js +6 -0
- data/vendor/assets/javascripts/foundation/jquery.customforms.js +169 -0
- data/vendor/assets/javascripts/{foundation.js → foundation/jquery.orbit-1.3.0.js} +0 -407
- data/vendor/assets/javascripts/foundation/jquery.placeholder.min.js +3 -0
- data/vendor/assets/javascripts/foundation/jquery.reveal.js +127 -0
- data/vendor/assets/stylesheets/foundation/forms.css.scss +89 -0
- data/vendor/assets/stylesheets/foundation/globals.css.scss +129 -0
- data/vendor/assets/stylesheets/foundation/grid.css.scss +94 -0
- data/vendor/assets/stylesheets/foundation/index.css +10 -0
- data/vendor/assets/stylesheets/foundation/mobile.css.scss +181 -0
- data/vendor/assets/stylesheets/foundation/orbit.css.scss +250 -0
- data/vendor/assets/stylesheets/foundation/reveal.css.scss +95 -0
- data/vendor/assets/stylesheets/foundation/typography.css.scss +60 -0
- data/vendor/assets/stylesheets/foundation/ui.css.scss +234 -0
- metadata +24 -10
- data/vendor/assets/stylesheets/foundation.scss +0 -1084
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! http://mths.be/placeholder v1.8.5 by @mathias */
|
|
2
|
+
(function(g,a,$){var f='placeholder' in a.createElement('input'),b='placeholder' in a.createElement('textarea');if(f&&b){$.fn.placeholder=function(){return this};$.fn.placeholder.input=$.fn.placeholder.textarea=true}else{$.fn.placeholder=function(){return this.filter((f?'textarea':':input')+'[placeholder]').bind('focus.placeholder',c).bind('blur.placeholder',e).trigger('blur.placeholder').end()};$.fn.placeholder.input=f;$.fn.placeholder.textarea=b;$(function(){$('form').bind('submit.placeholder',function(){var h=$('.placeholder',this).each(c);setTimeout(function(){h.each(e)},10)})});$(g).bind('unload.placeholder',function(){$('.placeholder').val('')})}function d(i){var h={},j=/^jQuery\d+$/;$.each(i.attributes,function(l,k){if(k.specified&&!j.test(k.name)){h[k.name]=k.value}});return h}function c(){var h=$(this);if(h.val()===h.attr('placeholder')&&h.hasClass('placeholder')){if(h.data('placeholder-password')){h.hide().next().show().focus().attr('id',h.removeAttr('id').data('placeholder-id'))}else{h.val('').removeClass('placeholder')}}}function e(){var l,k=$(this),h=k,j=this.id;if(k.val()===''){if(k.is(':password')){if(!k.data('placeholder-textinput')){try{l=k.clone().attr({type:'text'})}catch(i){l=$('<input>').attr($.extend(d(this),{type:'text'}))}l.removeAttr('name').data('placeholder-password',true).data('placeholder-id',j).bind('focus.placeholder',c);k.data('placeholder-textinput',l).data('placeholder-id',j).before(l)}k=k.removeAttr('id').hide().prev().attr('id',j).show()}k.addClass('placeholder').val(k.attr('placeholder'))}else{k.removeClass('placeholder')}}}(this,document,jQuery));
|
|
3
|
+
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* jQuery Reveal Plugin 1.0
|
|
3
|
+
* www.ZURB.com
|
|
4
|
+
* Copyright 2010, ZURB
|
|
5
|
+
* Free to use under the MIT license.
|
|
6
|
+
* http://www.opensource.org/licenses/mit-license.php
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
(function ($) {
|
|
11
|
+
$('a[data-reveal-id]').live('click', function (event) {
|
|
12
|
+
event.preventDefault();
|
|
13
|
+
var modalLocation = $(this).attr('data-reveal-id');
|
|
14
|
+
$('#' + modalLocation).reveal($(this).data());
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
$.fn.reveal = function (options) {
|
|
18
|
+
var defaults = {
|
|
19
|
+
animation: 'fadeAndPop', // fade, fadeAndPop, none
|
|
20
|
+
animationSpeed: 300, // how fast animtions are
|
|
21
|
+
closeOnBackgroundClick: true, // if you click background will modal close?
|
|
22
|
+
dismissModalClass: 'close-reveal-modal' // the class of a button or element that will close an open modal
|
|
23
|
+
};
|
|
24
|
+
var options = $.extend({}, defaults, options);
|
|
25
|
+
|
|
26
|
+
return this.each(function () {
|
|
27
|
+
var modal = $(this),
|
|
28
|
+
topMeasure = parseInt(modal.css('top')),
|
|
29
|
+
topOffset = modal.height() + topMeasure,
|
|
30
|
+
locked = false,
|
|
31
|
+
modalBg = $('.reveal-modal-bg');
|
|
32
|
+
|
|
33
|
+
if (modalBg.length == 0) {
|
|
34
|
+
modalBg = $('<div class="reveal-modal-bg" />').insertAfter(modal);
|
|
35
|
+
modalBg.fadeTo('fast', 0.8);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
function openAnimation() {
|
|
39
|
+
modalBg.unbind('click.modalEvent');
|
|
40
|
+
$('.' + options.dismissModalClass).unbind('click.modalEvent');
|
|
41
|
+
if (!locked) {
|
|
42
|
+
lockModal();
|
|
43
|
+
if (options.animation == "fadeAndPop") {
|
|
44
|
+
modal.css({'top': $(document).scrollTop() - topOffset, 'opacity': 0, 'visibility': 'visible'});
|
|
45
|
+
modalBg.fadeIn(options.animationSpeed / 2);
|
|
46
|
+
modal.delay(options.animationSpeed / 2).animate({
|
|
47
|
+
"top": $(document).scrollTop() + topMeasure + 'px',
|
|
48
|
+
"opacity": 1
|
|
49
|
+
}, options.animationSpeed, unlockModal);
|
|
50
|
+
}
|
|
51
|
+
if (options.animation == "fade") {
|
|
52
|
+
modal.css({'opacity': 0, 'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});
|
|
53
|
+
modalBg.fadeIn(options.animationSpeed / 2);
|
|
54
|
+
modal.delay(options.animationSpeed / 2).animate({
|
|
55
|
+
"opacity": 1
|
|
56
|
+
}, options.animationSpeed, unlockModal);
|
|
57
|
+
}
|
|
58
|
+
if (options.animation == "none") {
|
|
59
|
+
modal.css({'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});
|
|
60
|
+
modalBg.css({"display": "block"});
|
|
61
|
+
unlockModal();
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
modal.unbind('reveal:open', openAnimation);
|
|
65
|
+
}
|
|
66
|
+
modal.bind('reveal:open', openAnimation);
|
|
67
|
+
|
|
68
|
+
function closeAnimation() {
|
|
69
|
+
if (!locked) {
|
|
70
|
+
lockModal();
|
|
71
|
+
if (options.animation == "fadeAndPop") {
|
|
72
|
+
modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);
|
|
73
|
+
modal.animate({
|
|
74
|
+
"top": $(document).scrollTop() - topOffset + 'px',
|
|
75
|
+
"opacity": 0
|
|
76
|
+
}, options.animationSpeed / 2, function () {
|
|
77
|
+
modal.css({'top': topMeasure, 'opacity': 1, 'visibility': 'hidden'});
|
|
78
|
+
unlockModal();
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
if (options.animation == "fade") {
|
|
82
|
+
modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);
|
|
83
|
+
modal.animate({
|
|
84
|
+
"opacity" : 0
|
|
85
|
+
}, options.animationSpeed, function () {
|
|
86
|
+
modal.css({'opacity': 1, 'visibility': 'hidden', 'top': topMeasure});
|
|
87
|
+
unlockModal();
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
if (options.animation == "none") {
|
|
91
|
+
modal.css({'visibility': 'hidden', 'top': topMeasure});
|
|
92
|
+
modalBg.css({'display': 'none'});
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
modal.unbind('reveal:close', closeAnimation);
|
|
96
|
+
}
|
|
97
|
+
modal.bind('reveal:close', closeAnimation);
|
|
98
|
+
modal.trigger('reveal:open');
|
|
99
|
+
|
|
100
|
+
var closeButton = $('.' + options.dismissModalClass).bind('click.modalEvent', function () {
|
|
101
|
+
modal.trigger('reveal:close');
|
|
102
|
+
});
|
|
103
|
+
|
|
104
|
+
if (options.closeOnBackgroundClick) {
|
|
105
|
+
modalBg.css({"cursor": "pointer"});
|
|
106
|
+
modalBg.bind('click.modalEvent', function () {
|
|
107
|
+
modal.trigger('reveal:close');
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
$('body').keyup(function (event) {
|
|
112
|
+
if (event.which === 27) { // 27 is the keycode for the Escape key
|
|
113
|
+
modal.trigger('reveal:close');
|
|
114
|
+
}
|
|
115
|
+
});
|
|
116
|
+
|
|
117
|
+
function unlockModal() {
|
|
118
|
+
locked = false;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
function lockModal() {
|
|
122
|
+
locked = true;
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
};
|
|
126
|
+
})(jQuery);
|
|
127
|
+
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
/* Artfully masterminded by ZURB
|
|
2
|
+
Make sure to include app.js / foundation.js if you are going to use inline label inputs
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
/* -----------------------------------------
|
|
7
|
+
Standard Forms
|
|
8
|
+
----------------------------------------- */
|
|
9
|
+
|
|
10
|
+
form { margin: 0 0 18px; }
|
|
11
|
+
form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; }
|
|
12
|
+
|
|
13
|
+
input.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
|
|
14
|
+
input.input-text, textarea, select { display: block; margin-bottom: 9px; }
|
|
15
|
+
label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }
|
|
16
|
+
|
|
17
|
+
/* Text input and textarea font and padding */
|
|
18
|
+
input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; background: #fff; }
|
|
19
|
+
input.input-text:focus, textarea:focus { outline: none !important; }
|
|
20
|
+
input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
|
|
21
|
+
input.input-text:focus, textarea:focus { background: #f9f9f9; }
|
|
22
|
+
|
|
23
|
+
/* Inlined Label Style */
|
|
24
|
+
input.placeholder, textarea.placeholder { color: #888; }
|
|
25
|
+
|
|
26
|
+
/* Text input and textarea sizes */
|
|
27
|
+
input.input-text, textarea { width: 254px; }
|
|
28
|
+
input.small, textarea.small { width: 134px; }
|
|
29
|
+
input.medium, textarea.medium { width: 254px; }
|
|
30
|
+
input.large, textarea.large { width: 434px; }
|
|
31
|
+
|
|
32
|
+
/* Fieldsets */
|
|
33
|
+
form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }
|
|
34
|
+
|
|
35
|
+
/* Inlined Radio & Checkbox */
|
|
36
|
+
.form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }
|
|
37
|
+
|
|
38
|
+
/* Errors */
|
|
39
|
+
.form-field.error input, input.input-text.red { border-color: red; background-color: rgba(255,0,0,0.15); }
|
|
40
|
+
.form-field.error label, label.red { color: red; }
|
|
41
|
+
.form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: red; width: 260px; }
|
|
42
|
+
|
|
43
|
+
.small + small.error { width: 140px; }
|
|
44
|
+
.medium + small.error { width: 260px; }
|
|
45
|
+
.large + small.error { width: 440px; }
|
|
46
|
+
|
|
47
|
+
/* -----------------------------------------
|
|
48
|
+
Nicer Forms
|
|
49
|
+
----------------------------------------- */
|
|
50
|
+
form.nice div.form-field input, form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
|
|
51
|
+
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
|
+
form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }
|
|
53
|
+
|
|
54
|
+
form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
|
|
55
|
+
|
|
56
|
+
form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }
|
|
57
|
+
|
|
58
|
+
form.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0 red; border-width: 0 1px 1px 1px; margin-top: -10px; background: red; color: #fff; font-size: 12px; font-weight: bold; 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; }
|
|
59
|
+
|
|
60
|
+
form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; }
|
|
61
|
+
form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; }
|
|
62
|
+
form.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; }
|
|
63
|
+
|
|
64
|
+
/* -----------------------------------------
|
|
65
|
+
Custom Forms
|
|
66
|
+
----------------------------------------- */
|
|
67
|
+
|
|
68
|
+
form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: image-url("foundation/misc/custom-form-sprites.png") 0 0 no-repeat; }
|
|
69
|
+
form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
|
|
70
|
+
form.custom span.custom.radio.checked { background-position: 0 -14px; }
|
|
71
|
+
form.custom span.custom.checkbox.checked { background-position: 0 -28px; }
|
|
72
|
+
|
|
73
|
+
form.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; }
|
|
74
|
+
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
|
+
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
|
+
form.custom div.custom.dropdown:hover a.selector,
|
|
77
|
+
form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }
|
|
78
|
+
|
|
79
|
+
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
|
+
form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; }
|
|
81
|
+
form.custom div.custom.dropdown ul li.selected { background: image-url("foundation/misc/custom-form-sprites.png") right -52px no-repeat; }
|
|
82
|
+
form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; }
|
|
83
|
+
form.custom div.custom.dropdown ul li.selected:hover { background: image-url("foundation/misc/custom-form-sprites.png") #2a85e8 right -78px no-repeat; }
|
|
84
|
+
form.custom div.custom.dropdown ul.show { display: block; }
|
|
85
|
+
|
|
86
|
+
form.custom div.custom.dropdown.open ul { display: block; }
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
/* Artfully Masterminded by ZURB */
|
|
2
|
+
|
|
3
|
+
/* --------------------------------------------------
|
|
4
|
+
Table of Contents
|
|
5
|
+
-----------------------------------------------------
|
|
6
|
+
:: Reset & Standards
|
|
7
|
+
:: Links
|
|
8
|
+
:: Lists
|
|
9
|
+
:: Tables
|
|
10
|
+
:: Misc
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
/* --------------------------------------------------
|
|
15
|
+
:: Global Reset & Standards
|
|
16
|
+
-------------------------------------------------- */
|
|
17
|
+
|
|
18
|
+
/*
|
|
19
|
+
Eric Meyer's CSS Reset
|
|
20
|
+
http://meyerweb.com/eric/tools/css/reset/
|
|
21
|
+
v2.0 | 20110126
|
|
22
|
+
License: none (public domain)
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
html, body, div, span, applet, object, iframe,
|
|
26
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
27
|
+
a, abbr, acronym, address, big, cite, code,
|
|
28
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
29
|
+
small, strike, strong, sub, sup, tt, var,
|
|
30
|
+
b, u, i, center,
|
|
31
|
+
dl, dt, dd, ol, ul, li,
|
|
32
|
+
fieldset, form, label, legend,
|
|
33
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
34
|
+
article, aside, canvas, details, embed,
|
|
35
|
+
figure, figcaption, footer, header, hgroup,
|
|
36
|
+
menu, nav, output, ruby, section, summary,
|
|
37
|
+
time, mark, audio, video {
|
|
38
|
+
margin: 0;
|
|
39
|
+
padding: 0;
|
|
40
|
+
border: 0;
|
|
41
|
+
font: inherit;
|
|
42
|
+
vertical-align: baseline;
|
|
43
|
+
}
|
|
44
|
+
html {
|
|
45
|
+
font-size: 62.5%;
|
|
46
|
+
}
|
|
47
|
+
/* HTML5 display-role reset for older browsers */
|
|
48
|
+
article, aside, details, figcaption, figure,
|
|
49
|
+
footer, header, hgroup, menu, nav, section {
|
|
50
|
+
display: block;
|
|
51
|
+
}
|
|
52
|
+
body {
|
|
53
|
+
line-height: 1;
|
|
54
|
+
}
|
|
55
|
+
ol, ul {
|
|
56
|
+
list-style: none;
|
|
57
|
+
}
|
|
58
|
+
blockquote, q {
|
|
59
|
+
quotes: none;
|
|
60
|
+
}
|
|
61
|
+
blockquote:before, blockquote:after,
|
|
62
|
+
q:before, q:after {
|
|
63
|
+
content: '';
|
|
64
|
+
content: none;
|
|
65
|
+
}
|
|
66
|
+
table {
|
|
67
|
+
border-collapse: collapse;
|
|
68
|
+
border-spacing: 0;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
/* --------------------------------------------------
|
|
78
|
+
:: Links
|
|
79
|
+
-------------------------------------------------- */
|
|
80
|
+
a { color: #2a85e8; text-decoration: none; line-height: inherit; }
|
|
81
|
+
a:hover { color: #11639d; }
|
|
82
|
+
a:focus { color: #cc4714; outline: none; }
|
|
83
|
+
p a, p a:visited { line-height: inherit; }
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
/* --------------------------------------------------
|
|
87
|
+
:: Lists
|
|
88
|
+
-------------------------------------------------- */
|
|
89
|
+
ul, ol { margin-bottom: 18px; }
|
|
90
|
+
ul { list-style: none outside; }
|
|
91
|
+
ol { list-style: decimal; }
|
|
92
|
+
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
|
|
93
|
+
ul.square { list-style: square outside; }
|
|
94
|
+
ul.circle { list-style: circle outside; }
|
|
95
|
+
ul.disc { list-style: disc outside; }
|
|
96
|
+
ul ul, ol ol { margin: 4px 0 5px 30px; }
|
|
97
|
+
li { margin-bottom: 12px; }
|
|
98
|
+
ul.large li { line-height: 21px; }
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
/* --------------------------------------------------
|
|
102
|
+
:: Tables
|
|
103
|
+
-------------------------------------------------- */
|
|
104
|
+
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; margin: 0 0 18px; border: 1px solid #ddd; }
|
|
105
|
+
|
|
106
|
+
table thead, table tfoot { background: #f5f5f5; }
|
|
107
|
+
table thead tr th,
|
|
108
|
+
table tfoot tr th
|
|
109
|
+
table tbody tr td,
|
|
110
|
+
table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
|
|
111
|
+
table thead tr th,
|
|
112
|
+
table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
|
|
113
|
+
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
|
|
114
|
+
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
|
|
115
|
+
|
|
116
|
+
table tbody tr.even,
|
|
117
|
+
table tbody tr.alt { background: #f9f9f9; }
|
|
118
|
+
table tbody tr:nth-child(even) { background: #f9f9f9; }
|
|
119
|
+
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
|
|
120
|
+
|
|
121
|
+
/* --------------------------------------------------
|
|
122
|
+
:: Misc
|
|
123
|
+
---------------------------------------------------*/
|
|
124
|
+
.left { float: left; }
|
|
125
|
+
.right { float: right; }
|
|
126
|
+
.hide { display: none; }
|
|
127
|
+
.highlight { background: #ff0; }
|
|
128
|
+
|
|
129
|
+
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/* Arfully Masterminded by ZURB */
|
|
2
|
+
|
|
3
|
+
/* --------------------------------------------------
|
|
4
|
+
:: Grid
|
|
5
|
+
|
|
6
|
+
This is the mobile-friendly, responsive grid that
|
|
7
|
+
lets Foundation work much of its magic.
|
|
8
|
+
|
|
9
|
+
-------------------------------------------------- */
|
|
10
|
+
|
|
11
|
+
.container { padding: 0 20px; }
|
|
12
|
+
|
|
13
|
+
.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
|
|
14
|
+
/* To fix the grid into a certain size, set max-width to width */
|
|
15
|
+
.row .row { min-width: 0; }
|
|
16
|
+
|
|
17
|
+
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
|
|
18
|
+
.column:first-child, .columns:first-child { margin-left: 0; }
|
|
19
|
+
|
|
20
|
+
.row .one.columns { width: 4.3%; }
|
|
21
|
+
.row .two.columns { width: 13%; }
|
|
22
|
+
.row .three.columns { width: 21.68%; }
|
|
23
|
+
.row .four.columns { width: 30.4%; }
|
|
24
|
+
.row .five.columns { width: 39.1%; }
|
|
25
|
+
.row .six.columns { width: 47.8%; }
|
|
26
|
+
.row .seven.columns { width: 56.5%; }
|
|
27
|
+
.row .eight.columns { width: 65.2%; }
|
|
28
|
+
.row .nine.columns { width: 73.9%; }
|
|
29
|
+
.row .ten.columns { width: 82.6%; }
|
|
30
|
+
.row .eleven.columns { width: 91.3%; }
|
|
31
|
+
.row .twelve.columns { width: 100%; }
|
|
32
|
+
|
|
33
|
+
.row .offset-by-one { margin-left: 13.1%; }
|
|
34
|
+
.row .offset-by-two { margin-left: 21.8%; }
|
|
35
|
+
.row .offset-by-three { margin-left: 30.5%; }
|
|
36
|
+
.row .offset-by-four { margin-left: 39.2%; }
|
|
37
|
+
.row .offset-by-five { margin-left: 47.9%; }
|
|
38
|
+
.row .offset-by-six { margin-left: 56.6%; }
|
|
39
|
+
.row .offset-by-seven { margin-left: 65.3%; }
|
|
40
|
+
.row .offset-by-eight { margin-left: 74.0%; }
|
|
41
|
+
.row .offset-by-nine { margin-left: 82.7%; }
|
|
42
|
+
.row .offset-by-ten { margin-left: 91.4%; }
|
|
43
|
+
|
|
44
|
+
.row .centered { float: none; margin: 0 auto; }
|
|
45
|
+
|
|
46
|
+
.row .offset-by-one:first-child { margin-left: 8.7%; }
|
|
47
|
+
.row .offset-by-two:first-child { margin-left: 17.4%; }
|
|
48
|
+
.row .offset-by-three:first-child { margin-left: 26.1%; }
|
|
49
|
+
.row .offset-by-four:first-child { margin-left: 34.8%; }
|
|
50
|
+
.row .offset-by-five:first-child { margin-left: 43.5%; }
|
|
51
|
+
.row .offset-by-six:first-child { margin-left: 52.2%; }
|
|
52
|
+
.row .offset-by-seven:first-child { margin-left: 60.9%; }
|
|
53
|
+
.row .offset-by-eight:first-child { margin-left: 69.6%; }
|
|
54
|
+
.row .offset-by-nine:first-child { margin-left: 78.3%; }
|
|
55
|
+
.row .offset-by-ten:first-child { margin-left: 87%; }
|
|
56
|
+
.row .offset-by-eleven:first-child { margin-left: 95.7%; }
|
|
57
|
+
|
|
58
|
+
img, object, embed { max-width: 100%; height: auto; }
|
|
59
|
+
img { -ms-interpolation-mode: bicubic; }
|
|
60
|
+
|
|
61
|
+
/* Nicolas Gallagher's micro clearfix */
|
|
62
|
+
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
|
|
63
|
+
.row:after, .clearfix:after { clear: both; }
|
|
64
|
+
.row, .clearfix { zoom: 1; }
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
/* --------------------------------------------------
|
|
70
|
+
:: Block grids
|
|
71
|
+
|
|
72
|
+
These are 2-up, 3-up, 4-up and 5-up ULs, suited
|
|
73
|
+
for repeating blocks of content. Add 'mobile' to
|
|
74
|
+
them to switch them just like the layout grid
|
|
75
|
+
(one item per line) on phones
|
|
76
|
+
-------------------------------------------------- */
|
|
77
|
+
|
|
78
|
+
.block-grid { display: block; overflow: hidden; }
|
|
79
|
+
.block-grid>li { display: block; height: auto; float: left; }
|
|
80
|
+
|
|
81
|
+
.block-grid.two-up { margin-left: -4% }
|
|
82
|
+
.block-grid.two-up>li { margin-left: 4%; width: 46%; }
|
|
83
|
+
|
|
84
|
+
.block-grid.three-up { margin-left: -2% }
|
|
85
|
+
.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
|
|
86
|
+
|
|
87
|
+
.block-grid.four-up { margin-left: -2% }
|
|
88
|
+
.block-grid.four-up>li { margin-left: 2%; width: 23%; }
|
|
89
|
+
|
|
90
|
+
.block-grid.five-up { margin-left: -1.5% }
|
|
91
|
+
.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
*= require 'foundation/globals'
|
|
3
|
+
*= require 'foundation/typography'
|
|
4
|
+
*= require 'foundation/grid'
|
|
5
|
+
*= require 'foundation/ui'
|
|
6
|
+
*= require 'foundation/forms'
|
|
7
|
+
*= require 'foundation/orbit'
|
|
8
|
+
*= require 'foundation/reveal'
|
|
9
|
+
*= require 'foundation/mobile'
|
|
10
|
+
*/
|