From 5ac636215e7eeefa2ef01e09b5e0241c6dacc406 Mon Sep 17 00:00:00 2001 From: Matt Date: Wed, 23 Nov 2011 16:19:29 -0800 Subject: [PATCH 001/201] #97 Put quotes around string passed to selector --- javascripts/jquery.customforms.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/javascripts/jquery.customforms.js b/javascripts/jquery.customforms.js index e4c17564cd..1552687cdb 100644 --- a/javascripts/jquery.customforms.js +++ b/javascripts/jquery.customforms.js @@ -78,7 +78,7 @@ jQuery(document).ready(function ($) { var $input = $element.prev(), input = $input[0]; - $('input:radio[name=' + $input.attr('name') + ']').each(function () { + $('input:radio[name="' + $input.attr('name') + '"]').each(function () { $(this).next().removeClass('checked'); }); input.checked = ((input.checked) ? false : true); From 555bed6a610f93c232a3dbf4b86d1de290d7b740 Mon Sep 17 00:00:00 2001 From: Matt Date: Wed, 23 Nov 2011 16:37:21 -0800 Subject: [PATCH 002/201] #100 Allow deep linking of tab states --- javascripts/app.js | 37 ++++++++++++++++++------------------- 1 file changed, 18 insertions(+), 19 deletions(-) diff --git a/javascripts/app.js b/javascripts/app.js index 23006272ba..5acf34c8f3 100644 --- a/javascripts/app.js +++ b/javascripts/app.js @@ -8,32 +8,31 @@ $(document).ready(function() { var tabs = $('dl.tabs'); tabsContent = $('ul.tabs-content') + function activateTab($tab) { + var $activeTab = $tab.closest('dl').find('a.active'), + contentLocation = $tab.attr("href") + 'Tab'; + + //Make Tab Active + $activeTab.removeClass('active'); + $tab.addClass('active'); + + //Show Tab Content + $(contentLocation).closest('.tabs-content').find('li').hide(); + $(contentLocation).show(); + } + tabs.each(function(i) { //Get all tabs var tab = $(this).children('dd').children('a'); tab.click(function(e) { - - //Get Location of tab's content - var contentLocation = $(this).attr("href") - contentLocation = contentLocation + "Tab"; - - //Let go if not a hashed one - if(contentLocation.charAt(0)=="#") { - - e.preventDefault(); - - //Make Tab Active - tab.removeClass('active'); - $(this).addClass('active'); - - //Show Tab Content - $(contentLocation).parent('.tabs-content').children('li').css({"display":"none"}); - $(contentLocation).css({"display":"block"}); - - } + activateTab($(this)); }); }); + if(window.location.hash) { + activateTab($('a[href="' + window.location.hash + '"]')); + } + /* PLACEHOLDER FOR FORMS ------------- */ /* Remove this and jquery.placeholder.min.js if you don't need :) */ From 4695d41aba02456cb4f074b4a55c84ff52723ac9 Mon Sep 17 00:00:00 2001 From: Matt Date: Wed, 23 Nov 2011 16:40:23 -0800 Subject: [PATCH 003/201] Formatting and naming --- javascripts/app.js | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) diff --git a/javascripts/app.js b/javascripts/app.js index 5acf34c8f3..c2b82c2468 100644 --- a/javascripts/app.js +++ b/javascripts/app.js @@ -1,13 +1,10 @@ -$(document).ready(function() { +$(document).ready(function () { /* Use this js doc for all application specific JS */ /* TABS --------------------------------- */ /* Remove if you don't need :) */ - var tabs = $('dl.tabs'); - tabsContent = $('ul.tabs-content') - function activateTab($tab) { var $activeTab = $tab.closest('dl').find('a.active'), contentLocation = $tab.attr("href") + 'Tab'; @@ -21,15 +18,15 @@ $(document).ready(function() { $(contentLocation).show(); } - tabs.each(function(i) { + $('dl.tabs').each(function () { //Get all tabs - var tab = $(this).children('dd').children('a'); - tab.click(function(e) { + var tabs = $(this).children('dd').children('a'); + tabs.click(function (e) { activateTab($(this)); }); }); - if(window.location.hash) { + if (window.location.hash) { activateTab($('a[href="' + window.location.hash + '"]')); } From 9b63d0820e27d5d0fa89c014e1f8d8a561cb1270 Mon Sep 17 00:00:00 2001 From: Matt Date: Wed, 23 Nov 2011 16:42:23 -0800 Subject: [PATCH 004/201] Fix links from vertical tab demo --- marketing/docs/ui.php | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/marketing/docs/ui.php b/marketing/docs/ui.php index f7bd45aa52..ea950b9be3 100755 --- a/marketing/docs/ui.php +++ b/marketing/docs/ui.php @@ -126,8 +126,8 @@
Vertical Tab 1
-
Vertical Tab 2
-
Vertical Tab 3
+
Vertical Tab 2
+
Vertical Tab 3
From 7c1d8d60d947de22fa81261da3b304c18354d2f2 Mon Sep 17 00:00:00 2001 From: kazimanzurrashid Date: Fri, 25 Nov 2011 13:36:14 +0600 Subject: [PATCH 005/201] Fixed when pages is initially rendered with checked and none of the custom checkbox/radio does not reflect it in the custom span. --- javascripts/jquery.customforms.js | 20 +++++++++++--------- 1 file changed, 11 insertions(+), 9 deletions(-) diff --git a/javascripts/jquery.customforms.js b/javascripts/jquery.customforms.js index 1552687cdb..4fd1515c4e 100644 --- a/javascripts/jquery.customforms.js +++ b/javascripts/jquery.customforms.js @@ -10,14 +10,16 @@ jQuery(document).ready(function ($) { function appendCustomMarkup(type) { $('form.custom input:' + type).each(function () { - var $span = $(''); - if ($(this).next('span.custom.' + type).length === 0) { - if (this.checked) { - $span.addClass('checked'); - } - $(this) - .hide() - .after($span); + var selector = 'span.custom.' + type, + $this = $(this).hide(); + + if ($this.next(selector).length === 0) { + $('') + .toggleClass('checked', $this.is(':checked')) + .insertAfter($this); + } + else { + $this.next(selector).toggleClass('checked', $this.is(':checked')); } }); } @@ -165,4 +167,4 @@ jQuery(document).ready(function ($) { $select.trigger('change'); }); -})(jQuery); \ No newline at end of file +})(jQuery); From a23143a402c5cbb8f9387612e48a7f79167eba61 Mon Sep 17 00:00:00 2001 From: kazimanzurrashid Date: Fri, 25 Nov 2011 14:07:30 +0600 Subject: [PATCH 006/201] Optimized the code of initial checkbox/radio checked issue. --- javascripts/jquery.customforms.js | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/javascripts/jquery.customforms.js b/javascripts/jquery.customforms.js index 4fd1515c4e..28b838994c 100644 --- a/javascripts/jquery.customforms.js +++ b/javascripts/jquery.customforms.js @@ -10,17 +10,15 @@ jQuery(document).ready(function ($) { function appendCustomMarkup(type) { $('form.custom input:' + type).each(function () { - var selector = 'span.custom.' + type, - $this = $(this).hide(); - if ($this.next(selector).length === 0) { - $('') - .toggleClass('checked', $this.is(':checked')) - .insertAfter($this); - } - else { - $this.next(selector).toggleClass('checked', $this.is(':checked')); + var $this = $(this).hide(), + $span = $this.next('span.custom.' + type); + + if ($span.length === 0) { + $span = $('').insertAfter($this); } + + $span.toggleClass('checked', $this.is(':checked')); }); } appendCustomMarkup('checkbox'); From 799633f4d4a4a7bb7d7f7cc647a35a3dd7017556 Mon Sep 17 00:00:00 2001 From: Seb Barre Date: Fri, 25 Nov 2011 13:19:47 -0500 Subject: [PATCH 007/201] added events to select: --- index.html | 17 ++++++++ javascripts/jquery.customforms.js | 64 +++++++++++++++++++++++++++---- 2 files changed, 74 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 437b08b48d..920bc6ca66 100644 --- a/index.html +++ b/index.html @@ -106,6 +106,22 @@

Tabs

  • This is simple tab 3's content. It's, you know...okay.
  • +

    Forms

    + +
    + + + + +
    +

    Buttons

    Small Blue Button

    @@ -116,6 +132,7 @@

    Buttons

    Nice Blue Button

    Nice Blue Button

    +
    diff --git a/javascripts/jquery.customforms.js b/javascripts/jquery.customforms.js index 1552687cdb..5e46ed31f0 100644 --- a/javascripts/jquery.customforms.js +++ b/javascripts/jquery.customforms.js @@ -24,32 +24,41 @@ jQuery(document).ready(function ($) { appendCustomMarkup('checkbox'); appendCustomMarkup('radio'); - $('form.custom select').each(function () { - var $this = $(this), + + function appendCustomSelect(sel) { + var $this = $(sel), $customSelect = $this.next('div.custom.dropdown'), $options = $this.find('option'), maxWidth = 0, $li; - - if ($customSelect.length === 0) { + + if ($customSelect.length === 0) { $customSelect = $('"'); $options.each(function () { $li = $('
  • ' + $(this).html() + '
  • '); $customSelect.find('ul').append($li); }); $customSelect.prepend('' + $options.first().html() + ''); - + $this.after($customSelect); $this.hide(); + + } else { + // refresh the ul with options from the select in case the supplied markup doesn't match + $customSelect.find('ul').html(''); + $options.each(function () { + $li = $('
  • ' + $(this).html() + '
  • '); + $customSelect.find('ul').append($li); + }); } - + $options.each(function (index) { if (this.selected) { $customSelect.find('li').eq(index).addClass('selected'); $customSelect.find('.current').html($(this).html()); } }); - + $customSelect.find('li').each(function () { $customSelect.addClass('open'); if ($(this).outerWidth() > maxWidth) { @@ -59,11 +68,48 @@ jQuery(document).ready(function ($) { }); $customSelect.css('width', maxWidth + 18 + 'px'); $customSelect.find('ul').css('width', maxWidth + 16 + 'px'); + + } + + $('form.custom select').each(function () { + appendCustomSelect(this); }); + }); (function ($) { + function refreshSelect($select) { + var $customSelect = $select.next(); + $options = $select.find('option'); + $customSelect.find('ul').html(''); + $options.each(function () { + $li = $('
  • ' + $(this).html() + '
  • '); + $customSelect.find('ul').append($li); + }); + + // re-populate + $options.each(function (index) { + if (this.selected) { + $customSelect.find('li').eq(index).addClass('selected'); + $customSelect.find('.current').html($(this).html()); + } + }); + + // fix width + $customSelect.find('li').each(function () { + $customSelect.addClass('open'); + if ($(this).outerWidth() > maxWidth) { + maxWidth = $(this).outerWidth(); + } + $customSelect.removeClass('open'); + }); + $customSelect.css('width', maxWidth + 18 + 'px'); + $customSelect.find('ul').css('width', maxWidth + 16 + 'px'); + + + } + function toggleCheckbox($element) { var $input = $element.prev(), input = $input[0]; @@ -101,6 +147,10 @@ jQuery(document).ready(function ($) { toggleRadio($(this)); }); + $('form.custom').delegate('select','change', function (event) { + refreshSelect($(this)); + }); + $('form.custom label').live('click', function (event) { var $associatedElement = $('#' + $(this).attr('for')), $customCheckbox, From d5830eeb1c92a75827c82e83fa1b871afbbc1964 Mon Sep 17 00:00:00 2001 From: Seb Barre Date: Fri, 25 Nov 2011 13:32:48 -0500 Subject: [PATCH 008/201] fixed index Please enter the commit message for your changes. Lines starting --- index.html | 16 ---------------- 1 file changed, 16 deletions(-) diff --git a/index.html b/index.html index 920bc6ca66..955b19f069 100644 --- a/index.html +++ b/index.html @@ -106,22 +106,6 @@

    Tabs

  • This is simple tab 3's content. It's, you know...okay.
  • -

    Forms

    - -
    - - - - -
    -

    Buttons

    Small Blue Button

    From 3deda0e37761a05708008818bdadf6b6e729e1e6 Mon Sep 17 00:00:00 2001 From: Seb Barre Date: Fri, 25 Nov 2011 13:35:45 -0500 Subject: [PATCH 009/201] updated index --- index.html | 1 - 1 file changed, 1 deletion(-) diff --git a/index.html b/index.html index 955b19f069..437b08b48d 100644 --- a/index.html +++ b/index.html @@ -116,7 +116,6 @@

    Buttons

    Nice Blue Button

    Nice Blue Button

    -
    From cbdbc4afc3fd0b6d9733d441e9449726031f9469 Mon Sep 17 00:00:00 2001 From: Seb Barre Date: Fri, 25 Nov 2011 16:15:47 -0500 Subject: [PATCH 010/201] Updated customform to track changes to native select --- javascripts/jquery.customforms.js | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/javascripts/jquery.customforms.js b/javascripts/jquery.customforms.js index 5e46ed31f0..3057a5f467 100644 --- a/javascripts/jquery.customforms.js +++ b/javascripts/jquery.customforms.js @@ -23,7 +23,6 @@ jQuery(document).ready(function ($) { } appendCustomMarkup('checkbox'); appendCustomMarkup('radio'); - function appendCustomSelect(sel) { var $this = $(sel), @@ -79,15 +78,17 @@ jQuery(document).ready(function ($) { (function ($) { - function refreshSelect($select) { + function refreshCustomSelect($select) { + var maxWidth = 0; var $customSelect = $select.next(); $options = $select.find('option'); $customSelect.find('ul').html(''); + $options.each(function () { $li = $('
  • ' + $(this).html() + '
  • '); $customSelect.find('ul').append($li); }); - + // re-populate $options.each(function (index) { if (this.selected) { @@ -97,6 +98,8 @@ jQuery(document).ready(function ($) { }); // fix width + $customSelect.removeAttr('style') + .find('ul').removeAttr('style'); $customSelect.find('li').each(function () { $customSelect.addClass('open'); if ($(this).outerWidth() > maxWidth) { @@ -107,7 +110,6 @@ jQuery(document).ready(function ($) { $customSelect.css('width', maxWidth + 18 + 'px'); $customSelect.find('ul').css('width', maxWidth + 16 + 'px'); - } function toggleCheckbox($element) { @@ -147,8 +149,9 @@ jQuery(document).ready(function ($) { toggleRadio($(this)); }); - $('form.custom').delegate('select','change', function (event) { - refreshSelect($(this)); +// $('form.custom').delegate('select','change', function (event) { + $('form.custom select').live('change', function (event) { + refreshCustomSelect($(this)); }); $('form.custom label').live('click', function (event) { From 3368890a3b03c1c048b2c5d526dfb49221e0c16f Mon Sep 17 00:00:00 2001 From: Seb Barre Date: Fri, 25 Nov 2011 16:18:07 -0500 Subject: [PATCH 011/201] removed commented out testing code --- javascripts/jquery.customforms.js | 1 - 1 file changed, 1 deletion(-) diff --git a/javascripts/jquery.customforms.js b/javascripts/jquery.customforms.js index 3057a5f467..2d6e106a7a 100644 --- a/javascripts/jquery.customforms.js +++ b/javascripts/jquery.customforms.js @@ -149,7 +149,6 @@ jQuery(document).ready(function ($) { toggleRadio($(this)); }); -// $('form.custom').delegate('select','change', function (event) { $('form.custom select').live('change', function (event) { refreshCustomSelect($(this)); }); From ca98db18bf6a4f1f4ff89f478d390c8d346a6dc5 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Tue, 29 Nov 2011 10:03:46 -0800 Subject: [PATCH 012/201] Updated the base index to properly reflect the current version --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 437b08b48d..744aceb16f 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,7 @@

    Welcome to Foundation

    -

    This is version 2.1 released on November 18, 2011

    +

    This is version 2.1.1 released on November 21, 2011


    From d08e4745a6a4a9845d8d8278cbbe3c916b303ebc Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Wed, 30 Nov 2011 13:45:45 -0800 Subject: [PATCH 013/201] Fixed broken links on mobile in the marketing site --- marketing/grid.php | 4 ++-- marketing/mobile.php | 4 ++-- marketing/prototyping.php | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/marketing/grid.php b/marketing/grid.php index d2fa623f24..8b0de7f189 100644 --- a/marketing/grid.php +++ b/marketing/grid.php @@ -60,8 +60,8 @@

    diff --git a/marketing/mobile.php b/marketing/mobile.php index b9bfdbbc24..95b86f5b3e 100644 --- a/marketing/mobile.php +++ b/marketing/mobile.php @@ -60,8 +60,8 @@

    diff --git a/marketing/prototyping.php b/marketing/prototyping.php index 1f2d7820a3..c80396a8cb 100644 --- a/marketing/prototyping.php +++ b/marketing/prototyping.php @@ -63,8 +63,8 @@

    From 90f416885ae8174d9d126c9175537212a3176708 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Wed, 30 Nov 2011 14:37:34 -0800 Subject: [PATCH 014/201] Retooled the grid to support phone grid without nesting. Cleaned up some errant general CSS. Cleaned up the visual presentation of features, case studies, etc on phones. --- marketing/case-foundation.php | 4 +-- marketing/case-reel.php | 4 +-- marketing/case-soapbox.php | 4 +-- marketing/case-swizzle.php | 4 +-- marketing/docs/presentation.css | 4 ++- marketing/grid-example1.php | 6 ++--- marketing/grid-example2.php | 6 +++-- marketing/grid-example3.php | 6 +++-- marketing/grid.php | 4 +-- marketing/mobile.php | 4 +-- marketing/presentation.css | 18 ++++++++----- marketing/prototype-example1.php | 11 ++++---- marketing/prototype-example2.php | 13 ++++++--- marketing/prototyping.php | 4 +-- stylesheets/forms.css | 16 ++++++------ stylesheets/globals.css | 5 ++-- stylesheets/grid.css | 45 ++++++++++++-------------------- stylesheets/mobile.css | 32 +++++++++++------------ stylesheets/reveal.css | 6 ++--- stylesheets/ui.css | 38 +++++++++++++-------------- 20 files changed, 118 insertions(+), 116 deletions(-) diff --git a/marketing/case-foundation.php b/marketing/case-foundation.php index 3a39485085..610f506903 100644 --- a/marketing/case-foundation.php +++ b/marketing/case-foundation.php @@ -2,8 +2,8 @@ -
    -
    +
    +
    diff --git a/marketing/case-reel.php b/marketing/case-reel.php index 033e8f9b0b..948d36ac17 100644 --- a/marketing/case-reel.php +++ b/marketing/case-reel.php @@ -2,8 +2,8 @@ -
    -
    +
    +
    diff --git a/marketing/case-soapbox.php b/marketing/case-soapbox.php index 11dedb1e64..0e056da0b6 100644 --- a/marketing/case-soapbox.php +++ b/marketing/case-soapbox.php @@ -2,8 +2,8 @@ -
    -
    +
    +
    diff --git a/marketing/case-swizzle.php b/marketing/case-swizzle.php index f64f3fc815..9698acab0f 100644 --- a/marketing/case-swizzle.php +++ b/marketing/case-swizzle.php @@ -2,8 +2,8 @@ -
    -
    +
    +
    diff --git a/marketing/docs/presentation.css b/marketing/docs/presentation.css index 698cbc2f76..2a3b124b80 100644 --- a/marketing/docs/presentation.css +++ b/marketing/docs/presentation.css @@ -54,7 +54,9 @@ footer.row a:hover { padding: 15px 20px 13px 20px; } @media handheld, only screen and (max-width: 767px) { - #zurBar { padding: 15px 0px 13px 0px; } + #zurBar { + padding-left: 20px; + padding-right: 20px; } } #zurBar h1, #zurBar h2 { diff --git a/marketing/grid-example1.php b/marketing/grid-example1.php index 821424b5a8..62ff52d08c 100644 --- a/marketing/grid-example1.php +++ b/marketing/grid-example1.php @@ -16,8 +16,8 @@ -
    -
    +
    +
    @@ -118,6 +118,6 @@
    - +
    \ No newline at end of file diff --git a/marketing/grid-example2.php b/marketing/grid-example2.php index 6e8c134381..323b67d815 100644 --- a/marketing/grid-example2.php +++ b/marketing/grid-example2.php @@ -16,8 +16,8 @@ -
    -
    +
    +
    @@ -106,6 +106,8 @@
    +
    + \ No newline at end of file diff --git a/marketing/grid-example3.php b/marketing/grid-example3.php index ad828f302a..9d41de20d0 100644 --- a/marketing/grid-example3.php +++ b/marketing/grid-example3.php @@ -16,8 +16,8 @@ -
    -
    +
    +
    @@ -90,6 +90,8 @@
    +
    + \ No newline at end of file diff --git a/marketing/grid.php b/marketing/grid.php index d2fa623f24..c4670d4686 100644 --- a/marketing/grid.php +++ b/marketing/grid.php @@ -2,8 +2,8 @@ -
    -
    +
    +
    diff --git a/marketing/mobile.php b/marketing/mobile.php index b9bfdbbc24..921880a4e8 100644 --- a/marketing/mobile.php +++ b/marketing/mobile.php @@ -2,8 +2,8 @@ -
    -
    +
    +
    diff --git a/marketing/presentation.css b/marketing/presentation.css index cb76a818eb..c850207590 100644 --- a/marketing/presentation.css +++ b/marketing/presentation.css @@ -546,14 +546,16 @@ footer.row a:hover { } @media only screen and (max-width: 767px) { #zurBar { - padding-left: 0; - padding-right: 0; } + padding-left: 20px; + padding-right: 20px; } #zurBar h1 { float: left; } #gridBg { display: none; } - + + #insideContainer { top: 20px; } + header { margin-top: 40px; } header img { @@ -589,7 +591,8 @@ footer.row a:hover { #logos { text-align: center; - margin-bottom: 0; } + margin-bottom: 0; + border-bottom: none; } #logos h4 { font-size: 20px; font-size: 2rem; } @@ -602,19 +605,22 @@ footer.row a:hover { height: 200px; } footer.row { - margin-top: 0; } + margin-top: 0; + border-top: none; } div.slider-nav span.left { left: 94% !important; } /* Swipey, swipey $3.50 */ + #swipeArea { background: #f0f0f0; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.27) inset; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.27) inset; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.27) inset; margin-bottom: 0; - padding-top: 16px; + padding-top: 16px; padding-left: 20px; padding-right: 20px; + margin-left: -20px; margin-right: -20px; overflow: hidden; } #swipeArea h5 { margin-bottom: 12px; diff --git a/marketing/prototype-example1.php b/marketing/prototype-example1.php index a4d569c82c..04f4d7f0b5 100644 --- a/marketing/prototype-example1.php +++ b/marketing/prototype-example1.php @@ -3,8 +3,8 @@ -
    -
    +
    +
    @@ -12,12 +12,11 @@
    -
    - ← About Prototyping + -

    -

    Ye Olde Game Reviews

    diff --git a/marketing/prototype-example2.php b/marketing/prototype-example2.php index d12f7ddb09..dd28574ca6 100644 --- a/marketing/prototype-example2.php +++ b/marketing/prototype-example2.php @@ -6,12 +6,16 @@ #exampleHeader h3 { color: #fff; } #exampleHeader a { color: #fff; position: relative; top: 10px; } + @media only screen and (max-width: 767px) { + #exampleHeader { margin-top: 30px; } + } + .comments { background: #eee; padding: 10px; margin-bottom: 20px; } -
    -
    +
    +
    @@ -19,8 +23,9 @@
    - diff --git a/marketing/prototyping.php b/marketing/prototyping.php index 1f2d7820a3..b2c738dc9d 100644 --- a/marketing/prototyping.php +++ b/marketing/prototyping.php @@ -2,8 +2,8 @@ -
    -
    +
    +
    diff --git a/stylesheets/forms.css b/stylesheets/forms.css index fc81d8e2e8..5babb269b0 100644 --- a/stylesheets/forms.css +++ b/stylesheets/forms.css @@ -1,6 +1,5 @@ /* Artfully masterminded by ZURB - - Make sure to include the app.js if you are going to use inline label inputs + Make sure to include app.js / foundation.js if you are going to use inline label inputs */ @@ -16,7 +15,8 @@ label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; } /* Text input and textarea font and padding */ - input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; outline: none !important; background: #fff; } + input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; background: #fff; } + input.input-text:focus, textarea:focus { outline: none !important; } input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; } input.input-text:focus, textarea:focus { background: #f9f9f9; } @@ -55,7 +55,7 @@ form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; } - form.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0px red; border-width: 0px 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; } + 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; } form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; } form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; } @@ -67,16 +67,16 @@ form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat; } form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } - form.custom span.custom.radio.checked { background-position: 0px -14px; } - form.custom span.custom.checkbox.checked { background-position: 0px -28px; } + form.custom span.custom.radio.checked { background-position: 0 -14px; } + form.custom span.custom.checkbox.checked { background-position: 0 -28px; } form.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; } 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; } - form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url(../images/misc/custom-form-sprites.png) -14px 0 no-repeat; right: 0px; top: 0px; border: solid 1px #ddd; } + form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url(../images/misc/custom-form-sprites.png) -14px 0 no-repeat; right: 0; top: 0; border: solid 1px #ddd; } form.custom div.custom.dropdown:hover a.selector, form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; } - form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0px; top: 27px; margin: 0; padding: 0; background: rgba(255,255,255,0.9); border: solid 1px #ddd; z-index: 10; } + 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; } form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; } form.custom div.custom.dropdown ul li.selected { background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; } form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; } diff --git a/stylesheets/globals.css b/stylesheets/globals.css index a3c54b18e4..ac11f5cbfd 100644 --- a/stylesheets/globals.css +++ b/stylesheets/globals.css @@ -79,8 +79,7 @@ -------------------------------------------------- */ a { color: #2a85e8; text-decoration: none; line-height: inherit; } a:hover { color: #11639d; } - a:focus { color: #cc4714; } - a:hover, a:active { outline: none; } + a:focus { color: #cc4714; outline: none; } p a, p a:visited { line-height: inherit; } @@ -102,7 +101,7 @@ /* -------------------------------------------------- :: Tables -------------------------------------------------- */ - table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd; } + table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; margin: 0 0 18px; border: 1px solid #ddd; } table thead, table tfoot { background: #f5f5f5; } table thead tr th, diff --git a/stylesheets/grid.css b/stylesheets/grid.css index 3a90250297..74af6149b5 100644 --- a/stylesheets/grid.css +++ b/stylesheets/grid.css @@ -8,27 +8,27 @@ -------------------------------------------------- */ - .container { padding: 0px 20px; } + .container { padding: 0 20px; } .row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; } /* To fix the grid into a certain size, set max-width to width */ - .row .row { min-width: 0px; } + .row .row { min-width: 0; } .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } - .column:first-child, .columns:first-child { margin-left: 0px; } - - .row .one.columns { width: 4.3%; } - .row .two.columns { width: 13%; } - .row .three.columns { width: 21.68%; } - .row .four.columns { width: 30.4%; } - .row .five.columns { width: 39.1%; } - .row .six.columns { width: 47.8%; } - .row .seven.columns { width: 56.5%; } - .row .eight.columns { width: 65.2%; } - .row .nine.columns { width: 73.9%; } - .row .ten.columns { width: 82.6%; } - .row .eleven.columns { width: 91.3%; } - .row .twelve.columns { width: 100%; } + .column:first-child, .columns:first-child { margin-left: 0; } + + .row .one.columns { width: 4.3%; } + .row .two.columns { width: 13%; } + .row .three.columns { width: 21.68%; } + .row .four.columns { width: 30.4%; } + .row .five.columns { width: 39.1%; } + .row .six.columns { width: 47.8%; } + .row .seven.columns { width: 56.5%; } + .row .eight.columns { width: 65.2%; } + .row .nine.columns { width: 73.9%; } + .row .ten.columns { width: 82.6%; } + .row .eleven.columns { width: 91.3%; } + .row .twelve.columns { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } @@ -40,21 +40,8 @@ .row .offset-by-eight { margin-left: 74.0%; } .row .offset-by-nine { margin-left: 82.7%; } .row .offset-by-ten { margin-left: 91.4%; } - /*.row .offset-by-eleven { margin-left: 95.7%; }*/ .row .centered { float: none; margin: 0 auto; } - - /*.row .one.centered { margin-left: 47.9%; } - .row .two.centered { margin-left: 43.5%; } - .row .three.centered { margin-left: 39.2%; } - .row .four.centered { margin-left: 34.8%; } - .row .five.centered { margin-left: 30.5%; } - .row .six.centered { margin-left: 26.1%; } - .row .seven.centered { margin-left: 21.8%; } - .row .eight.centered { margin-left: 17.4%; } - .row .nine.centered { margin-left: 13.1%; } - .row .ten.centered { margin-left: 8.7%; } - .row .eleven.centered { margin-left: 4.3%; }*/ .row .offset-by-one:first-child { margin-left: 8.7%; } .row .offset-by-two:first-child { margin-left: 17.4%; } diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index e7a37ea6aa..481a788212 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -9,18 +9,18 @@ /* Mobile */ - @media only screen and (max-width: 767px) { - body { -webkit-text-size-adjust: none; } - - .row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } + @media only screen and (max-width: 767px) { + 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; } + .container { min-width: 0; margin-left: 0; margin-right: 0; } + .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .row .row .column, .row .row .columns { padding: 0; } - .column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; } - .column:last-child, .columns:last-child { margin-right: 0px; } - .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0% !important; } + .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } + .column:last-child, .columns:last-child { margin-right: 0; } + .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; } /* Mobile 4-column Grid */ - .row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0px; } + .row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0; } .row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column, .row .phone-one.columns, .row .phone-two.columns, .row .phone-three.columns, .row .phone-four.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } @@ -39,8 +39,8 @@ -------------------------------------------------- */ @media only screen and (max-width: 767px) { - .block-grid.mobile { margin-left: 0%; } - .block-grid.mobile li { float: none; width: 100%; margin-left: 0%; } + .block-grid.mobile { margin-left: 0; } + .block-grid.mobile li { float: none; width: 100%; margin-left: 0; } } @@ -110,7 +110,7 @@ @media only screen and (max-width: 767px) { div.form-field input, div.form-field input.small, div.form-field input.medium, div.form-field input.large, div.form-field input.oversize, input.input-text, input.input-text.oversize, textarea, form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 96%; padding: 6px 2% 4px; font-size: 18px; } - form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; } + form.nice div.form-field input, form.nice div.form-field input.oversize, form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } form.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; } form.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; } form.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; } @@ -125,7 +125,7 @@ /* Buttons */ @media only screen and (max-width: 767px) { .button { display: block; } - button.button { width: 100%; padding-left: 0px; padding-right: 0px; } + button.button { width: 100%; padding-left: 0; padding-right: 0; } } /* Tabs */ @@ -134,15 +134,15 @@ dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; } dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; } - dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0px #ccc; border-width: 1px 0px 0px; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } - dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0px 0px; } + dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } + dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; } .nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; } .nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; } - .nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0px; height: auto; } + .nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; } .nice.tabs.mobile dd:first-child a.active { margin: 0; } - dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0px; } + dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; } dl.contained.tabs.mobile dd a { padding: 18px 20px; } dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; } } diff --git a/stylesheets/reveal.css b/stylesheets/reveal.css index e7756508df..32cb5faf4e 100644 --- a/stylesheets/reveal.css +++ b/stylesheets/reveal.css @@ -49,7 +49,7 @@ } .reveal-modal .row { - min-width: 0px; + min-width: 0; } /* Mobile */ @@ -61,7 +61,7 @@ .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, - .reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0px; padding: 5%; height: auto; } + .reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0; padding: 5%; height: auto; } } @media handheld, only screen and (max-width: 767px) { @@ -71,7 +71,7 @@ .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, - .reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0px; padding: 5%; height: auto; } + .reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0; padding: 5%; height: auto; } } diff --git a/stylesheets/ui.css b/stylesheets/ui.css index baaf3cf35d..8c5e7e24cb 100644 --- a/stylesheets/ui.css +++ b/stylesheets/ui.css @@ -113,12 +113,12 @@ Alerts -------------------------------------------------- */ - div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 1px rgba(255,255,255,0.9); position: relative; } - .alert-box.success { background-color: #7fae00; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); } - .alert-box.warning { background-color: #c08c00; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); } - .alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); } + div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px rgba(255,255,255,0.9); position: relative; } + .alert-box.success { background-color: #7fae00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); } + .alert-box.warning { background-color: #c08c00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); } + .alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); } - .alert-box a.close { color: #000; position: absolute; right: 4px; top: 0px; font-size: 18px; opacity: 0.2; padding: 4px; } + .alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; } .alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; } @@ -127,11 +127,11 @@ Tabs -------------------------------------------------- */ dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; } - dl.tabs dt { display: block; width: auto; height: 30px; padding: 0px 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; } - dl.tabs dt:first-child { padding: 0 9px 0 0px; } + 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; } + dl.tabs dt:first-child { padding: 0 9px 0 0; } dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; } - dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0px 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; } - dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0px 1px; height: 30px; } + dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; } + dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; height: 30px; } .nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; } .nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; } @@ -140,24 +140,24 @@ dl.tabs.vertical { height: auto; } dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; } - dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0px #ccc; border-width: 1px 1px 0px; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } - dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0px 0px; background: #fff; } + dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; } + dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; } .nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; } .nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; } - .nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0px; height: auto; } + .nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; } .nice.tabs.vertical dd:first-child a.active { margin: 0; } ul.tabs-content { margin: 0; display: block; } ul.tabs-content>li { display:none; } ul.tabs-content>li.active { display: block; } - dl.contained, dl.nice.contained { margin-bottom: 0px; } - dl.contained.tabs dd a { padding: 0px 14px; } + dl.contained, dl.nice.contained { margin-bottom: 0; } + dl.contained.tabs dd a { padding: 0 14px; } dl.nice.contained.tabs dd a { padding: 7px 18px 9px; } ul.contained.tabs-content { padding: 0; } - ul.contained.tabs-content>li { padding: 20px; border: solid 0px #ddd; border-width: 0px 1px 1px 1px; } + ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; } ul.nice.contained.tabs-content>li { border-color: #eee; } /* -------------------------------------------------- @@ -176,7 +176,7 @@ -------------------------------------------------- */ ul.nice, ol.nice { list-style: none; margin: 0; } ul.nice li, ol.nice li { padding-left: 13px; position: relative } - ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0px; top: 0px; color: #ccc; } + ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; } /* -------------------------------------------------- @@ -188,9 +188,9 @@ background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 ); - box-shadow: 0px 2px 5px rgba(0,0,0,0.15); - -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.15); - -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.25); + box-shadow: 0 2px 5px rgba(0,0,0,0.15); + -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15); + -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25); margin: 0 0 20px 0; } From 6e10151b092b66a02152b543e87e8ab4eaa7a90d Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Thu, 1 Dec 2011 08:58:08 -0800 Subject: [PATCH 015/201] Revised the typography on mobile for headers --- stylesheets/mobile.css | 15 +++++++++++++++ stylesheets/typography.css | 6 ------ 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index 481a788212..eb7a4aa9ae 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -1,3 +1,18 @@ +/* -------------------------------------------------- + :: Typography + -------------------------------------------------- */ + + @media handheld, only screen and (max-width: 767px) { + h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; } + h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; } + h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; } + h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; } + h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; } + h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; } + body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; } + } + + /* -------------------------------------------------- :: Grid -------------------------------------------------- */ diff --git a/stylesheets/typography.css b/stylesheets/typography.css index af053af9f6..385cbb2326 100644 --- a/stylesheets/typography.css +++ b/stylesheets/typography.css @@ -18,12 +18,6 @@ p img { margin: 0; } p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px; } - /* Mobile */ - - @media handheld, only screen and (max-width: 767px) { - body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; } - } - em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } From d02946e99de9e9f2a2326185142a1dfbae65ee76 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Thu, 1 Dec 2011 09:27:00 -0800 Subject: [PATCH 016/201] Added .twelve.columns to the documentation. --- marketing/docs/grid.php | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/marketing/docs/grid.php b/marketing/docs/grid.php index 1abaf0965e..a101d917f4 100755 --- a/marketing/docs/grid.php +++ b/marketing/docs/grid.php @@ -172,6 +172,12 @@ .one
    +
    +
    + .twelve.columns +
    +
    +

    @@ -290,6 +296,11 @@ .eleven.columns.centered
    +
    +
    + .twelve.columns.centered +
    +

    From 442ee4389704c185601a887b2bc463c00be7d296 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Thu, 1 Dec 2011 09:28:01 -0800 Subject: [PATCH 017/201] Fixing a docs typo --- marketing/docs/grid.php | 1 - 1 file changed, 1 deletion(-) diff --git a/marketing/docs/grid.php b/marketing/docs/grid.php index a101d917f4..e85ba296cb 100755 --- a/marketing/docs/grid.php +++ b/marketing/docs/grid.php @@ -175,7 +175,6 @@
    .twelve.columns -
    From a0c11630f72eb8dbc7cbfdd9767f51e4c1095116 Mon Sep 17 00:00:00 2001 From: Matt Date: Fri, 2 Dec 2011 10:08:22 -0800 Subject: [PATCH 018/201] Append version to built zip file --- build.rb | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/build.rb b/build.rb index 95a4fda30c..f0f8f8c5e5 100644 --- a/build.rb +++ b/build.rb @@ -35,5 +35,5 @@ def prepend_text(file_name, text) prepend_text(file_name, "/* Foundation v#{VERSION_STRING} http://foundation.zurb.com */") end -`cd public/src && zip -r ../../marketing/files/foundation-download.zip *` +`cd public/src && zip -r ../../marketing/files/foundation-download-#{VERSION_STRING}.zip *` `rm -rf public` \ No newline at end of file From faca9dead784d1255e45e4decfe6d6677c1c1603 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Mon, 5 Dec 2011 12:13:56 -0800 Subject: [PATCH 019/201] Merging in new nav bar element, initial micro formats support and documentation, some bug fixes. --- images/arrow-hover.png | Bin 0 -> 2831 bytes images/arrow.png | Bin 0 -> 2859 bytes images/pdf.jpg | Bin 0 -> 25558 bytes images/webapp-icon.png | Bin 0 -> 3415 bytes index.html | 33 +++++----- marketing/docs/ui.php | 139 ++++++++++++++++++++++++++--------------- marketing/swipe.js | 2 +- stylesheets/app.css | 4 -- stylesheets/mobile.css | 16 +++++ stylesheets/ui.css | 84 +++++++++++++++++-------- 10 files changed, 179 insertions(+), 99 deletions(-) create mode 100644 images/arrow-hover.png create mode 100644 images/arrow.png create mode 100644 images/pdf.jpg create mode 100644 images/webapp-icon.png diff --git a/images/arrow-hover.png b/images/arrow-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..bedf585984ca31f97503a56c2e63fa1da81189b9 GIT binary patch literal 2831 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 literal 0 HcmV?d00001 diff --git a/images/webapp-icon.png b/images/webapp-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..ad91fbd21e51b73f934805f7c775c141377f213b GIT binary patch literal 3415 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%0AME}q`yQ!ty4+NP58lOUO!Y2vCXP4 tPSup{l - + - + Welcome to Foundation @@ -30,7 +30,7 @@ - +
    - +

    Welcome to Foundation

    This is version 2.1.1 released on November 21, 2011

    -
    - +

    The Grid

    - +
    @@ -92,26 +91,26 @@

    The Grid

    - +

    Tabs

    Simple Tab 1
    Simple Tab 2
    Simple Tab 3
    - +
    • This is simple tab 1's content. Pretty neat, huh?
    • This is simple tab 2's content. Now you see it!
    • This is simple tab 3's content. It's, you know...okay.
    - +

    Buttons

    - +

    Small Blue Button

    Medium Blue Button

    Large Blue Button

    - +

    Nice Blue Button

    Nice Blue Button

    Nice Blue Button

    @@ -121,7 +120,7 @@

    Buttons

    Getting Started

    We're stoked you want to try Foundation! To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.

    - +

    Other Resources

    Once you've exhausted the fun in this document, you should check out:

      @@ -131,11 +130,11 @@

      Other Resources

    - +
    - - + + @@ -148,6 +147,6 @@

    Other Resources

    - + \ No newline at end of file diff --git a/marketing/docs/ui.php b/marketing/docs/ui.php index ea950b9be3..2a73f8e1ee 100755 --- a/marketing/docs/ui.php +++ b/marketing/docs/ui.php @@ -139,6 +139,61 @@
    +

    Nav Bar

    +

    If you need a more traditional nav bar with dropdowns, you can use this sucka. The dropdowns are optional - omitting the flyout element means it will act as a standard link. The flyouts can hold arbitrary content, including grid objects, and have three sizes (.small, standard, and .large).

    + + + + + +
    +

    Pagination

    Breaking stuff up into pages? Yeah you are. Here's some pagination to get you started.

    @@ -158,57 +213,6 @@
    - -

    Tables

    Okay, they're not the sexiest things ever, but tables get the job done (for tabular data).

    @@ -250,6 +254,39 @@ +
    + + +

    Microformats

    +

    Microformats are formats for data objects represented on the page using standard HTML. By applying specific classes to objects parsers like the operator plugin can detect relevant data and display it. This can be especially handy for contact info, events, locations and news articles. We've supplied some base styling for microformats, as well as the relevant markup.

    + +
    hCard
    +

    hCards are a microformat for contact information. We've represented the correct syntax here to ensure they are machine readable, as well as applied some minimal styling.

    + + + +

    + +
    hCalendar
    +

    An hCalendar event is an iCalendar formatted entry for an event at a specific time and location. This can be interpreted by parsing tools to recognize events and add them to a calendar.

    + +

    + The Foundation Launch Party + was on October 13 2011 from + 24pm at + ZURB HQ + (More Info) +

    + +

    + +
    diff --git a/marketing/swipe.js b/marketing/swipe.js index 736c39b3e9..dae2bffb30 100644 --- a/marketing/swipe.js +++ b/marketing/swipe.js @@ -20,7 +20,7 @@ // Detect Resize for offset animation $(window).resize(function(e) { offset = $('#swipeMeParent').width()+40; - $('#swipeme1, #swipeme2, #swipeme3').css({ + $('#swipeme1, #swipeme2, #swipeme3, #swipeme4').css({ left: offset }); $('#swipeme' + currentSlide).css({ diff --git a/stylesheets/app.css b/stylesheets/app.css index adf12d61bf..bfe91732e9 100644 --- a/stylesheets/app.css +++ b/stylesheets/app.css @@ -15,8 +15,6 @@ - - /* ----------------------------------------- Page Name 1 ----------------------------------------- */ @@ -24,8 +22,6 @@ - - /* ----------------------------------------- Page Name 2 ----------------------------------------- */ diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index eb7a4aa9ae..3c5435fc97 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -161,3 +161,19 @@ dl.contained.tabs.mobile dd a { padding: 18px 20px; } dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; } } + + /* Nav Bar */ + + @media only screen and (max-width: 767px) { + .nav-bar { height: auto; } + .nav-bar li { float: none; display: block; } + .nav-bar li a { text-align: left; border-top: 1px solid #ddd; border-right: none; } + .nav-bar li:first-child a { border-top: none; } + .nav-bar li a:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; } + .nav-bar li:hover a { font-weight: bold; } + .nav-bar li:hover ul { position: relative; } + + .flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 1px 1px 0px 1px; } + .flyout.small, .flyout.large { width: auto; } + .flyout p:last-child { margin-bottom: 18px; } + } diff --git a/stylesheets/ui.css b/stylesheets/ui.css index 8c5e7e24cb..18fbe84535 100644 --- a/stylesheets/ui.css +++ b/stylesheets/ui.css @@ -2,7 +2,7 @@ -/* -------------------------------------------------- +/* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Buttons @@ -12,11 +12,13 @@ :: Pagination :: Lists :: Panels +:: Nav +:: Microformats */ - + /* -------------------------------------------------- Buttons -------------------------------------------------- */ @@ -36,7 +38,7 @@ border: none; } - /* Don't use native buttons on iOS */ + /* Don't use native buttons on iOS */ input[type=submit].button { -webkit-appearance: none; } .button.nice { @@ -49,29 +51,29 @@ border: 1px solid #0593dc; -webkit-transition: background-color .15s ease-in-out; -moz-transition: background-color .15s ease-in-out; - -o-transition: background-color .15s ease-in-out; + -o-transition: background-color .15s ease-in-out; } - .button.radius { + .button.radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } - .button.round { + .button.round { -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; } - - .button.full-width { + + .button.full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; - text-align: center; + text-align: center; } - - .button.left-align { - text-align: left; + + .button.left-align { + text-align: left; text-indent: 12px; } @@ -79,11 +81,11 @@ .small.button { font-size: 11px; padding: 8px 20px 10px; width: auto; } .medium.button { font-size: 13px; width: auto; } .large.button { font-size: 18px; padding: 11px 48px 13px; width: auto; } - + /* Nice Sizes ---------- */ .nice.small.button { background-position: 0 -36px; } .nice.large.button { background-position: 0 -30px; } - + /* Colors ---------- */ .blue.button { background-color: #00a6fc; } .red.button { background-color: #e91c21; } @@ -103,10 +105,9 @@ .white.button:hover, .white.button:focus { background-color: #dadada; color: #333; } .black.button:hover, .black.button:focus { background-color: #000; } - /* Disabled ---------- */ .button.disabled, .button[disabled] { opacity: 0.6; cursor: default; } - + /* -------------------------------------------------- @@ -120,7 +121,6 @@ .alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; } .alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; } - /* -------------------------------------------------- @@ -155,14 +155,14 @@ dl.contained, dl.nice.contained { margin-bottom: 0; } dl.contained.tabs dd a { padding: 0 14px; } dl.nice.contained.tabs dd a { padding: 7px 18px 9px; } - + ul.contained.tabs-content { padding: 0; } ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; } ul.nice.contained.tabs-content>li { border-color: #eee; } - + /* -------------------------------------------------- Pagination - -------------------------------------------------- */ + -------------------------------------------------- */ ul.pagination { display: block; height: 24px; margin-left: -5px; } ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; } ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; } @@ -170,22 +170,20 @@ ul.pagination li.unavailable a { cursor: default; color: #999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { border-bottom: none; } - /* -------------------------------------------------- Lists - -------------------------------------------------- */ + -------------------------------------------------- */ ul.nice, ol.nice { list-style: none; margin: 0; } ul.nice li, ol.nice li { padding-left: 13px; position: relative } ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; } - /* -------------------------------------------------- Panels -------------------------------------------------- */ - div.panel { + div.panel { padding: 20px 20px 2px 20px; background: #efefef; - background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); + background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 ); box-shadow: 0 2px 5px rgba(0,0,0,0.15); @@ -193,6 +191,40 @@ -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25); margin: 0 0 20px 0; } + +/* -------------------------------------------------- + Nav Bar with Dropdowns + -------------------------------------------------- */ - + .nav-bar { height: 45px; background: #fff; margin-top: 20px; border: 1px solid #ddd; } + .nav-bar li { float: left; display: block; position: relative; padding: 0; margin: 0; border: none; } + .nav-bar li a { position: relative; font-size: 14px; padding: 14px 36px 13px 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; border-right: 1px solid #ddd; } + .nav-bar li 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; } + .nav-bar li:hover a { color: #141414; z-index: 2; } + .nav-bar li:hover a:after { border-top-color: #141414; } + + .flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 10; } + .flyout.small { width: 200px; } + .flyout.large { width: 600px; } + .flyout p:last-child { margin-bottom: 0; } + .nav-bar li .flyout { display: none; } + .nav-bar li:hover .flyout { display: block; } + + +/* -------------------------------------------------- + Microformats + -------------------------------------------------- */ + + /* hCard */ + ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; } + ul.vcard li { margin: 0; display: block; } + ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; } + + p.vevent span.summary { font-weight: bold; } + p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; } + + + + + From 9da3ffbf55f17c61906b82b39f3f2207e83786b4 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Mon, 5 Dec 2011 12:16:15 -0800 Subject: [PATCH 020/201] Removing some errant testing images --- images/arrow-hover.png | Bin 2831 -> 0 bytes images/arrow.png | Bin 2859 -> 0 bytes images/pdf.jpg | Bin 25558 -> 0 bytes images/webapp-icon.png | Bin 3415 -> 0 bytes 4 files changed, 0 insertions(+), 0 deletions(-) delete mode 100644 images/arrow-hover.png delete mode 100644 images/arrow.png delete mode 100644 images/pdf.jpg delete mode 100644 images/webapp-icon.png diff --git a/images/arrow-hover.png b/images/arrow-hover.png deleted file mode 100644 index bedf585984ca31f97503a56c2e63fa1da81189b9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2831 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 diff --git a/images/webapp-icon.png b/images/webapp-icon.png deleted file mode 100644 index ad91fbd21e51b73f934805f7c775c141377f213b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3415 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%0AME}q`yQ!ty4+NP58lOUO!Y2vCXP4 tPSup{l Date: Tue, 6 Dec 2011 08:56:06 -0800 Subject: [PATCH 021/201] Fixing up the new nav for IE --- marketing/docs/includes/_documentation_head.php | 2 +- marketing/docs/ui.php | 11 ++++++----- stylesheets/ie.css | 4 +++- stylesheets/mobile.css | 2 +- stylesheets/ui.css | 5 +++-- 5 files changed, 14 insertions(+), 10 deletions(-) diff --git a/marketing/docs/includes/_documentation_head.php b/marketing/docs/includes/_documentation_head.php index f2a3b71a30..03b465fea9 100644 --- a/marketing/docs/includes/_documentation_head.php +++ b/marketing/docs/includes/_documentation_head.php @@ -30,7 +30,7 @@ diff --git a/marketing/docs/ui.php b/marketing/docs/ui.php index 2a73f8e1ee..4c21685ff3 100755 --- a/marketing/docs/ui.php +++ b/marketing/docs/ui.php @@ -140,16 +140,17 @@

    Nav Bar

    -

    If you need a more traditional nav bar with dropdowns, you can use this sucka. The dropdowns are optional - omitting the flyout element means it will act as a standard link. The flyouts can hold arbitrary content, including grid objects, and have three sizes (.small, standard, and .large).

    +

    If you need a more traditional nav bar with dropdowns, you can use this sucka. The dropdowns are optional - omitting the flyout element and .has-flyout class means it will act as a standard link. The flyouts can hold arbitrary content, including grid objects, and have three sizes (.small, standard, and .large).

    + + + + + + + + + - - - - - - - - - - diff --git a/marketing/docs/ui.php b/marketing/docs/ui.php index c557956ac3..f33174126d 100755 --- a/marketing/docs/ui.php +++ b/marketing/docs/ui.php @@ -94,9 +94,8 @@

    By default the tooltip takes the width of the element that it is applied to, but you can override this behavior by applying a data-width attribute to the target element. The tooltip takes on the content of the targets title attribute.

    -

    The tooltips can be positioned top, bottom, left, or right of the target element.In a mobile environment the tooltips are full width and bottom aligned.

    +

    The tooltips can be positioned on the "bottom", which is the default position, "top", "left", or "right" of the target element.In a mobile environment the tooltips are full width and bottom aligned.

    -
    diff --git a/marketing/includes/_footer.php b/marketing/includes/_footer.php index 037b4c7068..52fe28f38c 100644 --- a/marketing/includes/_footer.php +++ b/marketing/includes/_footer.php @@ -44,6 +44,31 @@
    + + + + + + + + + + + + + + - - - - - - - - - - - - - - - From e982217bddea1824f8266d46fc164169fa085e5e Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Fri, 27 Jan 2012 11:58:35 -0800 Subject: [PATCH 175/201] Removing an errant ghost file. Silly ghosts. --- stylesheets/ie7.css | 9 --------- 1 file changed, 9 deletions(-) delete mode 100644 stylesheets/ie7.css diff --git a/stylesheets/ie7.css b/stylesheets/ie7.css deleted file mode 100644 index 556ee8d0e3..0000000000 --- a/stylesheets/ie7.css +++ /dev/null @@ -1,9 +0,0 @@ -/* This is for all IE specfific style less than IE9. We hate IE. */ - - -form.custom span.custom.radio.checked > * { - display: block; - width: 10px; - height: 10px; - background: #bbb; -} \ No newline at end of file From d180fa2d3b8e4a1a8be898ef2f87421469e12a2f Mon Sep 17 00:00:00 2001 From: Thierry Poinot Date: Sat, 28 Jan 2012 16:06:40 +0100 Subject: [PATCH 176/201] vertical tab content border top --- stylesheets/ui.css | 1 + 1 file changed, 1 insertion(+) diff --git a/stylesheets/ui.css b/stylesheets/ui.css index 2a47e694d3..bef47e84ce 100644 --- a/stylesheets/ui.css +++ b/stylesheets/ui.css @@ -174,6 +174,7 @@ ul.contained.tabs-content { padding: 0; } ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; } + ul.contained.vertical.tabs-content>li { border-width: 1px 1px 1px 1px; } ul.nice.contained.tabs-content>li { border-color: #eee; } /* -------------------------------------------------- From 4c67df3748f15537449a1ea431b65a537703c9ee Mon Sep 17 00:00:00 2001 From: Jordan Humphreys Date: Sun, 29 Jan 2012 18:48:26 -0800 Subject: [PATCH 177/201] Fix click state on iOS for tooltip targets. --- javascripts/jquery.tooltips.js | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/javascripts/jquery.tooltips.js b/javascripts/jquery.tooltips.js index 6c49064485..52bba491b8 100644 --- a/javascripts/jquery.tooltips.js +++ b/javascripts/jquery.tooltips.js @@ -90,12 +90,9 @@ $(document).ready(function () { }); targets.live('click touchend', function(e){ e.preventDefault(); - targets.hover(function() { - $('span[data-id=' + $(this).attr('id') + ']').show(); - targets.attr('title', ""); - }, function() { - $('span[data-id=' + $(this).attr('id') + ']').hide(); - }); + $('.tooltip').hide(); + $('span[data-id=' + $(this).attr('id') + ']').show(); + targets.attr('title', ""); }); } else { From 7fddf7025232245273a044ed8f12a0e65752e610 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Mon, 30 Jan 2012 07:12:37 -0800 Subject: [PATCH 178/201] Adding updated 2.1.5 download pack --- marketing/files/foundation-download-2.1.5.zip | Bin 71790 -> 71790 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/marketing/files/foundation-download-2.1.5.zip b/marketing/files/foundation-download-2.1.5.zip index 9d2f0dbb6bc08e595e8d9f1be3e4ef07e548bf0d..1c52385c99f4cf1269c5b689738c78471e896749 100644 GIT binary patch delta 1231 zcmZ|MKWq|F90&0G9UzqBfP>?Jw$Tcup0+H}0>n063LNaNHh(h(qb(=$Qsndh~W*n-NXz@JrY z)HbwZW-aOjUe{PlSGZr4YxT2*nN)V)Eee7geTb=gC;)zUpJ40k1GQptych)|<>PDF1$VV)L7R2Y}e~-Ws~OpaWq%3lU-fOr>Qmba*)`)5`7cAS&|fDyI1K56fQ3i zx?Ap=@U48p?1ns*7o_T4C1Vn{Ro6#}eOabKkhAfX&_;vhh^*YW)ixc;FizI4XTqTA z-xWAS^oIx*rN0eDbp?EaIdB z6I|J{!Wyx%Uy7yMOrTfU!+@pC73?+iT2Fl+WVdFM(<7TNtvErDzww#Sw+77-UtPG-HWNuOPS$Q_bM9GwdJVnWQ{Tqut?A^9LOWR7YAU@}-CpXTxvzlATqdu= sBm=7|oMT`|b#3;d_TTm|G*|oI8Wfmrb2^-7;DPQ6;E#6#l;SY*7sft!)Bpeg From 1362295a9224619b0b040d97158c637477a37804 Mon Sep 17 00:00:00 2001 From: Stanislav Kurinec Date: Wed, 1 Feb 2012 08:25:44 +0100 Subject: [PATCH 179/201] Fix error in IE7 --- javascripts/app.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/javascripts/app.js b/javascripts/app.js index 2ba9999efc..8ff1fd87d1 100644 --- a/javascripts/app.js +++ b/javascripts/app.js @@ -70,7 +70,7 @@ $(document).ready(function () { }); if (Modernizr.touch) { $('.nav-bar>li.has-flyout>a.main').css({ - 'padding-right' : '75px', + 'padding-right' : '75px' }); $('.nav-bar>li.has-flyout>a.flyout-toggle').css({ 'border-left' : '1px dashed #eee' From 8ada3d07c4d1e3800f6fb8b08136d9dfdad92793 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Wed, 1 Feb 2012 08:06:04 -0800 Subject: [PATCH 180/201] Streamlining some CSS declarations --- stylesheets/grid.css | 30 +++++++++++++++--------------- stylesheets/mobile.css | 35 +++++++++++++++++------------------ 2 files changed, 32 insertions(+), 33 deletions(-) diff --git a/stylesheets/grid.css b/stylesheets/grid.css index eaaeb14574..25aabbd19f 100644 --- a/stylesheets/grid.css +++ b/stylesheets/grid.css @@ -14,21 +14,21 @@ /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0; } - .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } - .column:first-child, .columns:first-child { margin-left: 0; } - - .row .one.columns { width: 4.3%; } - .row .two.columns { width: 13%; } - .row .three.columns { width: 21.68%; } - .row .four.columns { width: 30.37%; } - .row .five.columns { width: 39.1%; } - .row .six.columns { width: 47.8%; } - .row .seven.columns { width: 56.5%; } - .row .eight.columns { width: 65.2%; } - .row .nine.columns { width: 73.9%; } - .row .ten.columns { width: 82.6%; } - .row .eleven.columns { width: 91.3%; } - .row .twelve.columns { width: 100%; } + [class*='column'] { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } + [class*='column']:first-child { margin-left: 0; } + + .row .one { width: 4.3%; } + .row .two { width: 13%; } + .row .three { width: 21.68%; } + .row .four { width: 30.37%; } + .row .five { width: 39.1%; } + .row .six { width: 47.8%; } + .row .seven { width: 56.5%; } + .row .eight { width: 65.2%; } + .row .nine { width: 73.9%; } + .row .ten { width: 82.6%; } + .row .eleven { width: 91.3%; } + .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index 5a3ce6e460..bd070e5cab 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -23,32 +23,31 @@ .container { min-width: 0; margin-left: 0; margin-right: 0; } .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .row .row .column, .row .row .columns { padding: 0; } - .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } - .column:last-child, .columns:last-child { margin-right: 0; } + [class*='column'] { width: auto !important; float: none; margin-left: 0; margin-right: 0; } + [class*='column']:last-child { margin-right: 0; } - .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; } + [class*='offset-by-'], .centered { margin-left: 0 !important; } - .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } - .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } + [class*='push-'] { left: auto; } + [class*='pull-'] { right: auto; } /* Mobile 4-column Grid */ - .row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0; } + .row [class*='phone-']:first-child { margin-left: 0; } - .row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column, - .row .phone-one.columns, .row .phone-two.columns, .row .phone-three.columns, .row .phone-four.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } + .row [class*='phone-'] { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } - .row .phone-one.columns { width: 21.68% !important; } - .row .phone-two.columns { width: 47.8% !important; } - .row .phone-three.columns { width: 73.9% !important; } - .row .phone-four.columns { width: 100% !important; } + .row .phone-one { width: 21.68% !important; } + .row .phone-two { width: 47.8% !important; } + .row .phone-three { width: 73.9% !important; } + .row .phone-four { width: 100% !important; } - .row .columns.push-one-phone { left: 26.08%; } - .row .columns.push-two-phone { left: 52.2% } - .row .columns.push-three-phone { left: 78.3% } + .row .push-one-phone { left: 26.08%; } + .row .push-two-phone { left: 52.2% } + .row .push-three-phone { left: 78.3% } - .row .columns.pull-one-phone { right: 26.08% } - .row .columns.pull-two-phone { right: 52.2% } - .row .columns.pull-three-phone { right: 78.3%; } + .row .pull-one-phone { right: 26.08% } + .row .pull-two-phone { right: 52.2% } + .row .pull-three-phone { right: 78.3%; } } From 634b07d3ac150655349a2a2f4e9bf4088fe1f2fe Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Wed, 1 Feb 2012 08:11:29 -0800 Subject: [PATCH 181/201] Revert "Streamlining some CSS declarations" This reverts commit 8ada3d07c4d1e3800f6fb8b08136d9dfdad92793. --- stylesheets/grid.css | 30 +++++++++++++++--------------- stylesheets/mobile.css | 35 ++++++++++++++++++----------------- 2 files changed, 33 insertions(+), 32 deletions(-) diff --git a/stylesheets/grid.css b/stylesheets/grid.css index 25aabbd19f..eaaeb14574 100644 --- a/stylesheets/grid.css +++ b/stylesheets/grid.css @@ -14,21 +14,21 @@ /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0; } - [class*='column'] { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } - [class*='column']:first-child { margin-left: 0; } - - .row .one { width: 4.3%; } - .row .two { width: 13%; } - .row .three { width: 21.68%; } - .row .four { width: 30.37%; } - .row .five { width: 39.1%; } - .row .six { width: 47.8%; } - .row .seven { width: 56.5%; } - .row .eight { width: 65.2%; } - .row .nine { width: 73.9%; } - .row .ten { width: 82.6%; } - .row .eleven { width: 91.3%; } - .row .twelve { width: 100%; } + .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } + .column:first-child, .columns:first-child { margin-left: 0; } + + .row .one.columns { width: 4.3%; } + .row .two.columns { width: 13%; } + .row .three.columns { width: 21.68%; } + .row .four.columns { width: 30.37%; } + .row .five.columns { width: 39.1%; } + .row .six.columns { width: 47.8%; } + .row .seven.columns { width: 56.5%; } + .row .eight.columns { width: 65.2%; } + .row .nine.columns { width: 73.9%; } + .row .ten.columns { width: 82.6%; } + .row .eleven.columns { width: 91.3%; } + .row .twelve.columns { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index bd070e5cab..5a3ce6e460 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -23,31 +23,32 @@ .container { min-width: 0; margin-left: 0; margin-right: 0; } .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .row .row .column, .row .row .columns { padding: 0; } - [class*='column'] { width: auto !important; float: none; margin-left: 0; margin-right: 0; } - [class*='column']:last-child { margin-right: 0; } + .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } + .column:last-child, .columns:last-child { margin-right: 0; } - [class*='offset-by-'], .centered { margin-left: 0 !important; } + .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; } - [class*='push-'] { left: auto; } - [class*='pull-'] { right: auto; } + .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } + .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } /* Mobile 4-column Grid */ - .row [class*='phone-']:first-child { margin-left: 0; } + .row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0; } - .row [class*='phone-'] { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } + .row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column, + .row .phone-one.columns, .row .phone-two.columns, .row .phone-three.columns, .row .phone-four.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } - .row .phone-one { width: 21.68% !important; } - .row .phone-two { width: 47.8% !important; } - .row .phone-three { width: 73.9% !important; } - .row .phone-four { width: 100% !important; } + .row .phone-one.columns { width: 21.68% !important; } + .row .phone-two.columns { width: 47.8% !important; } + .row .phone-three.columns { width: 73.9% !important; } + .row .phone-four.columns { width: 100% !important; } - .row .push-one-phone { left: 26.08%; } - .row .push-two-phone { left: 52.2% } - .row .push-three-phone { left: 78.3% } + .row .columns.push-one-phone { left: 26.08%; } + .row .columns.push-two-phone { left: 52.2% } + .row .columns.push-three-phone { left: 78.3% } - .row .pull-one-phone { right: 26.08% } - .row .pull-two-phone { right: 52.2% } - .row .pull-three-phone { right: 78.3%; } + .row .columns.pull-one-phone { right: 26.08% } + .row .columns.pull-two-phone { right: 52.2% } + .row .columns.pull-three-phone { right: 78.3%; } } From 7fb556e2302baac91d4f9d98c12b1671ab81fc05 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Wed, 1 Feb 2012 08:17:18 -0800 Subject: [PATCH 182/201] Streamlining some CSS in the Grid and Mobile files --- stylesheets/grid.css | 24 ++++++++++++------------ stylesheets/mobile.css | 25 ++++++++++++------------- 2 files changed, 24 insertions(+), 25 deletions(-) diff --git a/stylesheets/grid.css b/stylesheets/grid.css index eaaeb14574..63485a7c31 100644 --- a/stylesheets/grid.css +++ b/stylesheets/grid.css @@ -17,18 +17,18 @@ .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } .column:first-child, .columns:first-child { margin-left: 0; } - .row .one.columns { width: 4.3%; } - .row .two.columns { width: 13%; } - .row .three.columns { width: 21.68%; } - .row .four.columns { width: 30.37%; } - .row .five.columns { width: 39.1%; } - .row .six.columns { width: 47.8%; } - .row .seven.columns { width: 56.5%; } - .row .eight.columns { width: 65.2%; } - .row .nine.columns { width: 73.9%; } - .row .ten.columns { width: 82.6%; } - .row .eleven.columns { width: 91.3%; } - .row .twelve.columns { width: 100%; } + .row .one { width: 4.3%; } + .row .two { width: 13%; } + .row .three { width: 21.68%; } + .row .four { width: 30.37%; } + .row .five { width: 39.1%; } + .row .six { width: 47.8%; } + .row .seven { width: 56.5%; } + .row .eight { width: 65.2%; } + .row .nine { width: 73.9%; } + .row .ten { width: 82.6%; } + .row .eleven { width: 91.3%; } + .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index 5a3ce6e460..7eb7c2a8bc 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -32,23 +32,22 @@ .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } /* Mobile 4-column Grid */ - .row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0; } + .row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; } - .row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column, - .row .phone-one.columns, .row .phone-two.columns, .row .phone-three.columns, .row .phone-four.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } + .row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } - .row .phone-one.columns { width: 21.68% !important; } - .row .phone-two.columns { width: 47.8% !important; } - .row .phone-three.columns { width: 73.9% !important; } - .row .phone-four.columns { width: 100% !important; } + .row .phone-one { width: 21.68% !important; } + .row .phone-two { width: 47.8% !important; } + .row .phone-three { width: 73.9% !important; } + .row .phone-four { width: 100% !important; } - .row .columns.push-one-phone { left: 26.08%; } - .row .columns.push-two-phone { left: 52.2% } - .row .columns.push-three-phone { left: 78.3% } + .row .push-one-phone { left: 26.08%; } + .row .push-two-phone { left: 52.2% } + .row .push-three-phone { left: 78.3% } - .row .columns.pull-one-phone { right: 26.08% } - .row .columns.pull-two-phone { right: 52.2% } - .row .columns.pull-three-phone { right: 78.3%; } + .row .pull-one-phone { right: 26.08% } + .row .pull-two-phone { right: 52.2% } + .row .pull-three-phone { right: 78.3%; } } From 53759fabd9c78ebe7fe74b60594b975e6667901d Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Wed, 1 Feb 2012 10:55:09 -0800 Subject: [PATCH 183/201] Adding Drupal to the read me and changing my twitter handle in humans.txt --- README.markdown | 4 ++++ marketing/humans.txt | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/README.markdown b/README.markdown index 84536b0310..f2aeffe675 100644 --- a/README.markdown +++ b/README.markdown @@ -38,6 +38,10 @@ WordPress * [Starter Theme](https://github.com/drewsymo/Foundation) by Drew Morris * [Optional install for roots](https://github.com/retlehs/roots) by Corey Wagehoft +Drupal + +* [Drupal Theme](https://github.com/drewkennelly/foundation7) by Drew Kennelly + .NET * [NuGet Package for ASP.Net MVC](http://nuget.org/List/Packages/Zurb_Foundation_MPC3) by Edward Charbeneau, @EdCharbeneau diff --git a/marketing/humans.txt b/marketing/humans.txt index a93241eb41..161968d81c 100755 --- a/marketing/humans.txt +++ b/marketing/humans.txt @@ -8,7 +8,7 @@ /* ZURB TEAM */ Design Lead: Jonathan Smiley Site: rienaretrancher.net - Twitter: @smileyj68 + Twitter: @smiley Engineer: Matt Kelly Twitter: @mkelly12 From d925a94239b6375f95779b9eeb12cbdfe3e2144c Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Thu, 2 Feb 2012 08:46:26 -0800 Subject: [PATCH 184/201] Adding gradient to .panel for Opera --- stylesheets/ui.css | 1 + 1 file changed, 1 insertion(+) diff --git a/stylesheets/ui.css b/stylesheets/ui.css index bef47e84ce..8e223cbe9f 100644 --- a/stylesheets/ui.css +++ b/stylesheets/ui.css @@ -202,6 +202,7 @@ background: #efefef; background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4)); + background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 ); box-shadow: 0 2px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15); From 39069c3c768776a452b27b4300ff878cc1117cc2 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Thu, 2 Feb 2012 09:42:59 -0800 Subject: [PATCH 185/201] Fixed up the error sizes when placed after an oversized input --- stylesheets/forms.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/stylesheets/forms.css b/stylesheets/forms.css index 1a6f71747a..61da07c710 100644 --- a/stylesheets/forms.css +++ b/stylesheets/forms.css @@ -46,6 +46,10 @@ .small + small.error { width: 140px; } .medium + small.error { width: 260px; } .large + small.error { width: 440px; } + + .small.oversize + small.error { width: 144px; } + .medium.oversize + small.error { width: 264px; } + .large.oversize + small.error { width: 444px; } /* ----------------------------------------- Nicer Forms @@ -66,6 +70,10 @@ form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; } form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; } form.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; } + + form.nice div.form-field.error .small.oversize + small, form.nice .small.oversize + small.error { width: 136px; } + form.nice div.form-field.error .medium.oversize + small, form.nice .medium.oversize + small.error { width: 256px; } + form.nice div.form-field.error .large.oversize + small, form.nice .large.oversize + small.error { width: 436px; } /* ----------------------------------------- Custom Forms From 27b3232dc630fecfe6ce74b9e29bc8cec4f06dd7 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Fri, 3 Feb 2012 08:44:56 -0800 Subject: [PATCH 186/201] Testing out stenlyk's fix for last column misalignment --- stylesheets/grid.css | 1 + stylesheets/mobile.css | 3 ++- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/stylesheets/grid.css b/stylesheets/grid.css index 63485a7c31..b2b9166529 100644 --- a/stylesheets/grid.css +++ b/stylesheets/grid.css @@ -16,6 +16,7 @@ .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } .column:first-child, .columns:first-child { margin-left: 0; } + .column:last-child, .columns:last-child { float: right; } .row .one { width: 4.3%; } .row .two { width: 13%; } diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index 7eb7c2a8bc..f990f53911 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -24,7 +24,7 @@ .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .row .row .column, .row .row .columns { padding: 0; } .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } - .column:last-child, .columns:last-child { margin-right: 0; } + .column:last-child, .columns:last-child { margin-right: 0; float: none; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; } @@ -33,6 +33,7 @@ /* Mobile 4-column Grid */ .row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; } + .row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; } .row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; } From fcffac7619906b51ec1b62557756c0854074eb37 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Fri, 3 Feb 2012 10:02:16 -0800 Subject: [PATCH 187/201] Added in examples for expanded inputs, fixed an issue with the grid alignment patch --- marketing/docs/forms.php | 6 ++++++ stylesheets/grid.css | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/marketing/docs/forms.php b/marketing/docs/forms.php index cb10bd0f6b..f3b4919ff7 100755 --- a/marketing/docs/forms.php +++ b/marketing/docs/forms.php @@ -47,6 +47,9 @@ + + + @@ -129,6 +132,9 @@ + + + diff --git a/stylesheets/grid.css b/stylesheets/grid.css index b2b9166529..7ec371801c 100644 --- a/stylesheets/grid.css +++ b/stylesheets/grid.css @@ -16,7 +16,7 @@ .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } .column:first-child, .columns:first-child { margin-left: 0; } - .column:last-child, .columns:last-child { float: right; } + [class*="column"] + [class*="column"]:last-child { float: right; } .row .one { width: 4.3%; } .row .two { width: 13%; } From 71febdaa9754587326d2145781ca76c3138947d0 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Fri, 3 Feb 2012 15:28:50 -0800 Subject: [PATCH 188/201] Added an active state to .nice buttons --- marketing/includes/_footer.php | 2 +- stylesheets/ui.css | 18 +++++++++++++----- 2 files changed, 14 insertions(+), 6 deletions(-) diff --git a/marketing/includes/_footer.php b/marketing/includes/_footer.php index 52fe28f38c..205660b3e0 100644 --- a/marketing/includes/_footer.php +++ b/marketing/includes/_footer.php @@ -20,7 +20,7 @@ - + + + + + + + + + + + + \ No newline at end of file From f9b33cc154bbe3ccb76d503455f5d0a481980bb2 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Tue, 7 Feb 2012 06:31:17 -0800 Subject: [PATCH 195/201] Modified the QA docs to correctly show Android browser testing --- marketing/docs/qa.php | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/marketing/docs/qa.php b/marketing/docs/qa.php index 449b626c58..3716fd23af 100755 --- a/marketing/docs/qa.php +++ b/marketing/docs/qa.php @@ -109,13 +109,7 @@ - Android Browser - - - - - - Chrome for Android + Android Browser2 @@ -132,6 +126,7 @@
    1. Reveal uses RGBa colors, which IE7 does not support. You can manually exchange RGBa for PNGs to provide IE7 support in Reveal
    2. +
    3. This includes the shipping browser on the Motorola XOOM and several newer Android phones. However, there is no single Android browser so testing is slightly constrained.
    From eeb1470209bc949beb4ec369cb3a1047576731eb Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Tue, 7 Feb 2012 06:50:38 -0800 Subject: [PATCH 196/201] Added MODX version to the README --- README.markdown | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.markdown b/README.markdown index f2aeffe675..d6e36583e7 100644 --- a/README.markdown +++ b/README.markdown @@ -42,6 +42,10 @@ Drupal * [Drupal Theme](https://github.com/drewkennelly/foundation7) by Drew Kennelly +MODX + +* [MODX Version](http://designfromwithin.com/blog/2012/02/07/foundation-modx/) by Menno Pietersen + .NET * [NuGet Package for ASP.Net MVC](http://nuget.org/List/Packages/Zurb_Foundation_MPC3) by Edward Charbeneau, @EdCharbeneau From 449d012f86caec748afa94bbfc65e8ff4272e843 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Tue, 7 Feb 2012 06:51:18 -0800 Subject: [PATCH 197/201] Fixed a typo on the gems page --- marketing/docs/gems.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/marketing/docs/gems.php b/marketing/docs/gems.php index a2e116cd22..47f7363bc1 100644 --- a/marketing/docs/gems.php +++ b/marketing/docs/gems.php @@ -52,7 +52,7 @@

    Adding to Existing Projects
    -

    We've also made it very easy to add out gem to existing project. You just need to make sure to add require "ZURB-foundation" to the top of your config file. Then navigate to your project directory and run:

    +

    We've also made it very easy to add our gem to existing project. You just need to make sure to add require "ZURB-foundation" to the top of your config file. Then navigate to your project directory and run:

    Using Compass to Compile Your SASS/SCSS into CSS

    From 81b6ddd432c84a66cbe9c0d9845cad6b4285b632 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Tue, 7 Feb 2012 10:17:35 -0800 Subject: [PATCH 198/201] Fixed the media queries for mobile visibility - now requires modernizer for correct tablet detection in all cases. --- stylesheets/mobile.css | 9 --------- 1 file changed, 9 deletions(-) diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index f1917c39ce..83cc4efa53 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -78,15 +78,6 @@ .hide-on-tablets { display: block !important; } .hide-on-desktops { display: none !important; } - @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) { - .hide-on-phones { display: block !important; } - .hide-on-tablets { display: none !important; } - .hide-on-desktops { display: block !important; } - - .show-on-phones { display: none !important; } - .show-on-tablets { display: block !important; } - .show-on-desktops { display: none !important; } - } /* Modernizr-enabled tablet targeting */ @media only screen and (max-width: 1280px) and (min-width: 768px) { From adf86eb86caa6b43151211d0e73281bb882d5aed Mon Sep 17 00:00:00 2001 From: Jordan Humphreys Date: Tue, 7 Feb 2012 10:33:36 -0800 Subject: [PATCH 199/201] Make tooltips a jquery plugin so that they can be loaded whenever the user desires. --- javascripts/app.js | 5 +- javascripts/jquery.tooltips.js | 129 +++++++++++++++++++-------------- 2 files changed, 80 insertions(+), 54 deletions(-) diff --git a/javascripts/app.js b/javascripts/app.js index 8ff1fd87d1..44cbe18c7a 100644 --- a/javascripts/app.js +++ b/javascripts/app.js @@ -15,7 +15,7 @@ $(document).ready(function () { //Show Tab Content $(contentLocation).closest('.tabs-content').children('li').hide(); - $(contentLocation).show(); + $(contentLocation).css('display', 'block'); } $('dl.tabs').each(function () { @@ -44,6 +44,9 @@ $(document).ready(function () { $('input, textarea').placeholder(); + /* TOOLTIPS ------------ */ + $(this).tooltips(); + /* UNCOMMENT THE LINE YOU WANT BELOW IF YOU WANT IE6/7/8 SUPPORT AND ARE USING .block-grids */ diff --git a/javascripts/jquery.tooltips.js b/javascripts/jquery.tooltips.js index 52bba491b8..013fce2414 100644 --- a/javascripts/jquery.tooltips.js +++ b/javascripts/jquery.tooltips.js @@ -1,37 +1,68 @@ -$(document).ready(function () { -/* TOOLTIPS ---------- */ - /* Positiong and options for adding tooltips */ +/* + * jQuery Foundation Tooltip Plugin 1.0 + * http://foundation.zurb.com + * Copyright 2012, ZURB + * Free to use under the MIT license. + * http://www.opensource.org/licenses/mit-license.php +*/ + +;(function($) { + var methods = { + init : function( options ) { + + return this.each(function() { + var targets = $('.has-tip'), + tipTemplate = function(target, content) { + return '' + content + ''; + }; + targets.each(function(){ + var target = $(this), + content = target.attr('title'), + classes = target.attr('class'), + id = target.attr('id'), + tip = $(tipTemplate(id, content)); + tip.addClass(classes).removeClass('has-tip').appendTo('body'); + if (Modernizr.touch) { + tip.append('tap to close '); + } + methods.reposition(target, tip, classes); + tip.hide(); + }); + $(window).resize(function() { + var tips = $('.tooltip'); + tips.each(function() { + var target = $('#' + $(this).data('id')), + tip = $(this), + classes = tip.attr('class'); + methods.reposition(target, tip, classes); + }); + + }); + + if (Modernizr.touch) { + $('.tooltip').live('click touchstart touchend', function(e) { + e.preventDefault(); + $(this).hide(); + }); + targets.live('click touchstart touchend', function(e){ + e.preventDefault(); + $('.tooltip').hide(); + $('span[data-id=' + $(this).attr('id') + ']').show(); + targets.attr('title', ""); + }); + + } else { + targets.hover(function() { + $('span[data-id=' + $(this).attr('id') + ']').show(); + targets.attr('title', ""); + }, function() { + $('span[data-id=' + $(this).attr('id') + ']').hide(); + }); + } - function foundationTooltipsInit() { - var targets = $('.has-tip'), - tipTemplate = function(target, content) { - return '' + content + ''; - }; - targets.each(function(){ - var target = $(this), - content = target.attr('title'), - classes = target.attr('class'), - id = target.attr('id'), - tip = $(tipTemplate(id, content)); - tip.addClass(classes).removeClass('has-tip').appendTo('body'); - if (Modernizr.touch) { - tip.append('tap to close '); - } - reposition(target, tip, classes); - tip.hide(); - }); - $(window).resize(function() { - var tips = $('.tooltip'); - tips.each(function() { - var target = $('#' + $(this).data('id')), - tip = $(this), - classes = tip.attr('class'); - reposition(target, tip, classes); }); - - }); - - function reposition(target, tip, classes) { + }, + reposition : function(target, tip, classes) { var width = target.data('width'), nub = tip.children('.nub'), nubHeight = nub.outerHeight(), @@ -83,26 +114,18 @@ $(document).ready(function () { } } } - if (Modernizr.touch) { - $('.tooltip').live('click touchend', function(e) { - e.preventDefault(); - $(this).hide(); - }); - targets.live('click touchend', function(e){ - e.preventDefault(); - $('.tooltip').hide(); - $('span[data-id=' + $(this).attr('id') + ']').show(); - targets.attr('title', ""); - }); + }; + $.fn.tooltips = function( method ) { + + // Method calling logic + if ( methods[method] ) { + return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 )); + } else if ( typeof method === 'object' || ! method ) { + return methods.init.apply( this, arguments ); } else { - targets.hover(function() { - $('span[data-id=' + $(this).attr('id') + ']').show(); - targets.attr('title', ""); - }, function() { - $('span[data-id=' + $(this).attr('id') + ']').hide(); - }); - } - } - foundationTooltipsInit(); -}); \ No newline at end of file + $.error( 'Method ' + method + ' does not exist on jQuery.zSlide' ); + } + + }; +})(jQuery);; \ No newline at end of file From dc6b2109f44f7c7e79fe3001e7897a375ba2cf76 Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Tue, 7 Feb 2012 12:56:27 -0800 Subject: [PATCH 200/201] Fixed the media queries for tablet visibility --- stylesheets/mobile.css | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css index 83cc4efa53..7c88e48feb 100644 --- a/stylesheets/mobile.css +++ b/stylesheets/mobile.css @@ -101,8 +101,6 @@ .show-on-desktops { display: none !important; } } - /* only screen and (device-width: 1280px), only screen and (max-device-width: 1280px), /* - /* Keeping this in as a reminder to address support for other tablet devices like the Xoom in the future */ /* Specific overrides for elements that require something other than display: block */ @@ -110,16 +108,16 @@ table.hide-on-phones { display: table !important; } table.hide-on-tablets { display: table !important; } - @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) { - table.hide-on-phones { display: block !important; } - table.hide-on-desktops { display: block !important; } - table.show-on-tablets { display: block !important; } + @media only screen and (max-width: 1280px) and (min-width: 768px) { + .touch table.hide-on-phones { display: table !important; } + .touch table.hide-on-desktops { display: table !important; } + .touch table.show-on-tablets { display: table !important; } } @media only screen and (max-width: 767px) { - table.hide-on-tablets { display: block !important; } - table.hide-on-desktops { display: block !important; } - table.show-on-phones { display: block !important; } + table.hide-on-tablets { display: table !important; } + table.hide-on-desktops { display: table !important; } + table.show-on-phones { display: table !important; } } From 6cf51cfe98e29894f0478400d06f160b3a20f75b Mon Sep 17 00:00:00 2001 From: Jonathan Smiley Date: Tue, 7 Feb 2012 20:20:59 -0800 Subject: [PATCH 201/201] Fixed a typo. --- marketing/docs/grid.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/marketing/docs/grid.php b/marketing/docs/grid.php index 39d1dcad0f..620b8f72be 100755 --- a/marketing/docs/grid.php +++ b/marketing/docs/grid.php @@ -212,7 +212,7 @@ .one
    - .eight.columns.offset-by.three + .eight.columns.offset-by-three