[ { "path": ".gitignore", "content": "\n.DS_Store\n" }, { "path": "index.html", "content": "\n\n\n\n\n\n \n\n \n \n \n \n \n Responsive Tables by ZURB\n \n \n \n \n \n \n \n \n \n \n \n \n \n\t\n\t\n\t\n\t\n \n \n \n \n \n\n\n\n\t\n\t
\n\n\t\t
\n\t\t\t
\n\t\t\t\t

Responsive Tables

\n\t\t\t\t

A CSS/JS solution for tables that allows them to shrink on small devices without sacrificing the value of tables, comparison of columns.

\n\t\t\t\t\n\t\t

Our solution for responsive tables requires two included files (both linked on this page): responsive-tables.css and responsive-tables.js.

\n\t\t

The JS will help us create some new elements on small devices, so we don't have to modify our table markup on the page. The CSS applies the requisite positioning and overflow styles to make the new elements work.

\n\t\t\t\t 
\n/* Attach the Table CSS and Javascript */\n<link rel=\"stylesheet\" href=\"responsive-tables.css\">\n<script src=\"stylesheet\" href=\"responsive-tables.js\"></script>
\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n \t\t
Small Word Table
\n\t\t\t\t\n \t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n \t\t\t\t\t\n
Header 1Header 2Header 3Header 4Header 5Header 6Header 7Header 8
row 1, cell 1row 1, cell 2row 1, cell 3row 1, cell 4row 1, cell 5row 1, cell 6row 1, cell 7row 1, cell 8
row 2, cell 1row 2, cell 2row 2, cell 3row 2, cell 4row 2, cell 5row 2, cell 6row 2, cell 7row 2, cell 8
row 3, cell 1row 3, cell 2row 3, cell 3row 3, cell 4row 3, cell 5row 3, cell 6row 3, cell 7row 3, cell 8
row 4, cell 1row 4, cell 2row 4, cell 3row 4, cell 4row 4, cell 5row 4, cell 6row 4, cell 7row 4, cell 8
\n \n
\n \t\t
\n \t\t

In most cases, tables like this are okay at smaller sizes (since they'll break on every small word). However, with this many columns a very small device like a phone would still be a problem.

\n \t\t
\n \t\t
\n \t\t

By attaching a class of .responsive to the table, our JS/CSS will kick in.

\n \t\t
\n \t\t
\n \t\t\n \t\t
\n/* Put the responsive class on the table */\n<table class=\"responsive\">\n  <tr> …\n
\n \n \t\t\n \t\t
\n\n \n \t\t
Larger Content Table
\n \n \t\t\t\t\n \t\t\t\t \n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n \t\t\t\t\n\t\t\t\t \n\t\t\t\t
PerkDescriptionIDSkill ReqPerk Req
Steel SmithingCan create Steel armor and weapons at forges, and improve them twice as much.000cb40d
Arcane BlacksmithYou can improve magical weapons and armor.0005218e60 SmithingSteel Smithing
Dwarven SmithingCan create Dwarven armor and weapons at forges, and improve them twice as much.000cb40e30 SmithingSteel Smithing
Orcish SmithingCan create Orcish armor and weapons at forges, and improve them twice as much.000cb41050 SmithingDwarven Smithing
Ebony SmithingCan create Ebony armor and weapons at forges, and improve them twice as much.000cb41280 SmithingOrcish Smithing
Daedric SmithingCan create Daedric armor and weapons at forges, and improve them twice as much.000cb41390 SmithingEbony Smithing
Elven SmithingCan create Elven armor and weapons at forges, and improve them twice as much.000cb40f30 SmithingSteel Smithing
Advanced ArmorsCan create Scaled and Plate armor at forges, and improve them twice as much.\n \t\t\t\t000cb41450 SmithingElven Smithing
Glass SmithingCan create Glass armor and weapons at forges, and improve them twice as much.000cb41170 SmithingAdvanced Armors
Dragon ArmorCan create Dragon armor at forges, and improve them twice as much.00052190100 SmithingDaedric Smithing or Glass Smithing
\n\t\t\t\t\n \t\t
\n \t\t
\n \t\t

The effect is even more pronounced on a table like this one, where we detail how to craft different armor types in Skyrim (we're nerds, okay).

\n \t\t
\n \t\t
\n \t\t

Notice on a small device how we maintain the left column when it has so much content.

\n \t\t
\n \t\t
\n \t\t\n \t\t
\n \t\t\n \t\t
Very Long 1st Cell Content
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
Header 1Header 2Header 3Header 4Header 5Header 6Header 7Header 8
Ham pork leberkas bresaola, brisket t-bone filet mignon hamburger salami andouille short loin sausage.row 1, cell 2row 1, cell 3row 1, cell 4row 1, cell 5row 1, cell 6row 1, cell 7row 1, cell 8
Ham pork leberkas bresaola, brisket t-bone filet mignon hamburger salami andouille short loin sausage.row 2, cell 2row 2, cell 3row 2, cell 4row 2, cell 5row 2, cell 6row 2, cell 7row 2, cell 8
Ham pork leberkas bresaola, brisket t-bone filet mignon hamburger salami andouille short loin sausage.row 3, cell 2row 3, cell 3row 3, cell 4row 3, cell 5row 3, cell 6row 3, cell 7row 3, cell 8
Ham pork leberkas bresaola, brisket t-bone filet mignon hamburger salami andouille short loin sausage.row 4, cell 2row 4, cell 3row 4, cell 4row 4, cell 5row 4, cell 6row 4, cell 7row 4, cell 8
\n \t\t
\n \t\t
\n \t\t

Finally, in this example you'll see how this works for very long first-cell content. Both the first cell and the remaining cells are independently scrollable on small devices.

\n \t\t
\n \t\t
\n \t\t

We do this so we can correctly predict the height of the cells for both the pinned columns and the rest of the columns.

\n \t\t
\n\t\t\t
\n\t\t
\n\n\n\n\t
\n\n\n\n\n" }, { "path": "javascripts/app.js", "content": "$(document).ready(function () {\n\n\t/* Use this js doc for all application specific JS */\n\n\t/* TABS --------------------------------- */\n\t/* Remove if you don't need :) */\n\n\tfunction activateTab($tab) {\n\t\tvar $activeTab = $tab.closest('dl').find('a.active'),\n\t\t\t\tcontentLocation = $tab.attr(\"href\") + 'Tab';\n\n\t\t//Make Tab Active\n\t\t$activeTab.removeClass('active');\n\t\t$tab.addClass('active');\n\n \t//Show Tab Content\n\t\t$(contentLocation).closest('.tabs-content').children('li').hide();\n\t\t$(contentLocation).show();\n\t}\n\n\t$('dl.tabs').each(function () {\n\t\t//Get all tabs\n\t\tvar tabs = $(this).children('dd').children('a');\n\t\ttabs.click(function (e) {\n\t\t\tactivateTab($(this));\n\t\t});\n\t});\n\n\tif (window.location.hash) {\n\t\tactivateTab($('a[href=\"' + window.location.hash + '\"]'));\n\t}\n\n\t/* ALERT BOXES ------------ */\n\t$(\".alert-box\").delegate(\"a.close\", \"click\", function(event) {\n event.preventDefault();\n\t $(this).closest(\".alert-box\").fadeOut(function(event){\n\t $(this).remove();\n\t });\n\t});\n\n\n\t/* PLACEHOLDER FOR FORMS ------------- */\n\t/* Remove this and jquery.placeholder.min.js if you don't need :) */\n\n\t$('input, textarea').placeholder();\n\n\n\n\t/* UNCOMMENT THE LINE YOU WANT BELOW IF YOU WANT IE6/7/8 SUPPORT AND ARE USING .block-grids */\n//\t$('.block-grid.two-up>li:nth-child(2n+1)').css({clear: 'left'});\n//\t$('.block-grid.three-up>li:nth-child(3n+1)').css({clear: 'left'});\n//\t$('.block-grid.four-up>li:nth-child(4n+1)').css({clear: 'left'});\n//\t$('.block-grid.five-up>li:nth-child(5n+1)').css({clear: 'left'});\n\n\n\n\t/* DROPDOWN NAV ------------- */\n\n\tvar currentFoundationDropdown = null;\n\t$('.nav-bar li a').each(function() {\n\t\t$(this).data('clicks', 0);\n\t});\n\t$('.nav-bar li a').on('click', function(e) {\n\t\te.preventDefault();\n\t\tif (currentFoundationDropdown !== $(this).index() || currentFoundationDropdown === null) {\n\t\t\t$(this).data('clicks', 0);\n\t\t\tcurrentFoundationDropdown = $(this).index();\n\t\t}\n\t\t$(this).data('clicks', ($(this).data('clicks') + 1));\n\t\tvar f = $(this).siblings('.flyout');\n\t\tif (!f.is(':visible') && $(this).parent('.has-flyout').length > 1) {\n\t\t\t$('.nav-bar li .flyout').hide();\n\t\t\tf.show();\n\t\t} else if (($(this).data('clicks') > 1) || ($(this).parent('.has-flyout').length < 1)) {\n\t\t\twindow.location = $(this).attr('href');\n\t\t}\n\t});\n\t$('.nav-bar').on('click', function(e) {\n\t\te.stopPropagation();\n\t\tif ($(e.target).parents().is('.flyout') || $(e.target).is('.flyout')) {\n\t\t\te.preventDefault();\n\t\t}\n\t});\n\t// $('body').bind('touchend', function(e) {\n\t// \tif (!$(e.target).parents().is('.nav-bar') || !$(e.target).is('.nav-bar')) {\n\t// \t\t$('.nav-bar li .flyout').is(':visible').hide();\n\t// \t}\n\t// });\n\n\t/* DISABLED BUTTONS ------------- */\n\t/* Gives elements with a class of 'disabled' a return: false; */\n\n});\n" }, { "path": "javascripts/app.js.orig", "content": "$(document).ready(function () {\n\n\t/* Use this js doc for all application specific JS */\n\n\t/* TABS --------------------------------- */\n\t/* Remove if you don't need :) */\n\n\tfunction activateTab($tab) {\n\t\tvar $activeTab = $tab.closest('dl').find('a.active'),\n\t\t\t\tcontentLocation = $tab.attr(\"href\") + 'Tab';\n\n\t\t//Make Tab Active\n\t\t$activeTab.removeClass('active');\n\t\t$tab.addClass('active');\n\n<<<<<<< HEAD\n \t//Show Tab Content\n\t\t$(contentLocation).closest('.tabs-content').children('li').hide();\n=======\n\t\t//Show Tab Content\n\t\t$(contentLocation).closest('ul.tabs-content').find('> li').hide();\n>>>>>>> bd561f03d730cf888789bb44e12c4e56c5f445ae\n\t\t$(contentLocation).show();\n\t}\n\n\t$('dl.tabs').each(function () {\n\t\t//Get all tabs\n\t\tvar tabs = $(this).children('dd').children('a');\n\t\ttabs.click(function (e) {\n\t\t\tactivateTab($(this));\n\t\t});\n\t});\n\n\tif (window.location.hash) {\n\t\tactivateTab($('a[href=\"' + window.location.hash + '\"]'));\n\t}\n\n\n\t/* PLACEHOLDER FOR FORMS ------------- */\n\t/* Remove this and jquery.placeholder.min.js if you don't need :) */\n\n\t$('input, textarea').placeholder();\n\n\t/* DROPDOWN NAV ------------- */\n\t/*\n\t$('.nav-bar li a, .nav-bar li a:after').each(function() {\n\t\t$(this).data('clicks', 0);\n\t});\n\t$('.nav-bar li a, .nav-bar li a:after').bind('touchend click', function(e){\n\t\te.stopPropagation();\n\t\te.preventDefault();\n\t\tvar f = $(this).siblings('.flyout');\n\t\t$(this).data('clicks', ($(this).data('clicks') + 1));\n\t\tif (!f.is(':visible') && f.length > 0) {\n\t\t\t$('.nav-bar li .flyout').hide();\n\t\t\tf.show();\n\t\t}\n\t});\n\t$('.nav-bar li a, .nav-bar li a:after').bind(' touchend click', function(e) {\n\t\te.stopPropagation();\n\t\te.preventDefault();\n\t\tif ($(this).data('clicks') > 1) {\n\t\t\twindow.location = $(this).attr('href');\n\t\t}\n\t});\n\t$('.nav-bar').bind('touchend click', function(e) {\n\t\te.stopPropagation();\n\t\tif (!$(e.target).parents('.nav-bar li .flyout') || $(e.target) != $('.nav-bar li .flyout')) {\n\t\t\te.preventDefault();\n\t\t}\n\t});\n\t$('body').bind('touchend', function(e) {\n\t\tif (!$(e.target).parents('.nav-bar li .flyout') || $(e.target) != $('.nav-bar li .flyout')) {\n\t\t\t$('.nav-bar li .flyout').hide();\n\t\t}\n\t});\n\t*/\n\n\t/* DISABLED BUTTONS ------------- */\n\t/* Gives elements with a class of 'disabled' a return: false; */\n\n<<<<<<< HEAD\n});\n=======\n});\n>>>>>>> bd561f03d730cf888789bb44e12c4e56c5f445ae\n" }, { "path": "javascripts/forms.jquery.js", "content": "/**\n * jQuery.placeholder - Placeholder plugin for input fields\n * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com)\n * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).\n * Date: 2008/10/14\n *\n * @author Blair Mitchelmore\n * @version 1.0.1\n *\n **/\nnew function($) {\n $.fn.placeholder = function(settings) {\n settings = settings || {};\n var key = settings.dataKey || \"placeholderValue\";\n var attr = settings.attr || \"placeholder\";\n var className = settings.className || \"placeholder\";\n var values = settings.values || [];\n var block = settings.blockSubmit || false;\n var blank = settings.blankSubmit || false;\n var submit = settings.onSubmit || false;\n var value = settings.value || \"\";\n var position = settings.cursor_position || 0;\n\n \n return this.filter(\":input\").each(function(index) { \n $.data(this, key, values[index] || $(this).attr(attr)); \n }).each(function() {\n if ($.trim($(this).val()) === \"\")\n $(this).addClass(className).val($.data(this, key));\n }).focus(function() {\n if ($.trim($(this).val()) === $.data(this, key)) \n $(this).removeClass(className).val(value)\n if ($.fn.setCursorPosition) {\n $(this).setCursorPosition(position);\n }\n }).blur(function() {\n if ($.trim($(this).val()) === value)\n $(this).addClass(className).val($.data(this, key));\n }).each(function(index, elem) {\n if (block)\n new function(e) {\n $(e.form).submit(function() {\n return $.trim($(e).val()) != $.data(e, key)\n });\n }(elem);\n else if (blank)\n new function(e) {\n $(e.form).submit(function() {\n if ($.trim($(e).val()) == $.data(e, key)) \n $(e).removeClass(className).val(\"\");\n return true;\n });\n }(elem);\n else if (submit)\n new function(e) { $(e.form).submit(submit); }(elem);\n });\n };\n}(jQuery);" }, { "path": "javascripts/jquery.customforms.js", "content": "/*\n * jQuery Custom Forms Plugin 1.0\n * www.ZURB.com\n * Copyright 2010, ZURB\n * Free to use under the MIT license.\n * http://www.opensource.org/licenses/mit-license.php\n*/\n\njQuery(document).ready(function ($) {\n \n function appendCustomMarkup(type) {\n $('form.custom input:' + type).each(function () {\n\n var $this = $(this).hide(),\n $span = $this.next('span.custom.' + type);\n\n if ($span.length === 0) {\n $span = $('').insertAfter($this);\n }\n\n $span.toggleClass('checked', $this.is(':checked'));\n });\n }\n appendCustomMarkup('checkbox');\n appendCustomMarkup('radio');\n\n function appendCustomSelect(sel) {\n var $this = $(sel),\n $customSelect = $this.next('div.custom.dropdown'),\n $options = $this.find('option'),\n maxWidth = 0,\n $li;\n\n if ($customSelect.length === 0) {\n $customSelect = $('
\"');\n $options.each(function () {\n $li = $('
  • ' + $(this).html() + '
    • ');\n $customSelect.find('ul').append($li);\n });\n $customSelect.prepend('' + $options.first().html() + '');\n\n $this.after($customSelect);\n $this.hide();\n \n } else {\n // refresh the ul with options from the select in case the supplied markup doesn't match\n $customSelect.find('ul').html('');\n $options.each(function () {\n $li = $('
  • ' + $(this).html() + '
    • ');\n $customSelect.find('ul').append($li);\n });\n }\n\n $options.each(function (index) {\n if (this.selected) {\n $customSelect.find('li').eq(index).addClass('selected');\n $customSelect.find('.current').html($(this).html());\n }\n });\n\n $customSelect.find('li').each(function () {\n $customSelect.addClass('open');\n if ($(this).outerWidth() > maxWidth) {\n maxWidth = $(this).outerWidth();\n }\n $customSelect.removeClass('open');\n });\n $customSelect.css('width', maxWidth + 18 + 'px');\n $customSelect.find('ul').css('width', maxWidth + 16 + 'px');\n\n }\n\n $('form.custom select').each(function () {\n appendCustomSelect(this);\n });\n \n});\n\n(function ($) {\n \n function refreshCustomSelect($select) {\n var maxWidth = 0,\n $customSelect = $select.next();\n $options = $select.find('option');\n $customSelect.find('ul').html('');\n \n $options.each(function () {\n $li = $('
  • ' + $(this).html() + '
    • ');\n $customSelect.find('ul').append($li);\n });\n \n // re-populate\n $options.each(function (index) {\n if (this.selected) {\n $customSelect.find('li').eq(index).addClass('selected');\n $customSelect.find('.current').html($(this).html());\n }\n });\n \n // fix width\n $customSelect.removeAttr('style')\n .find('ul').removeAttr('style');\n $customSelect.find('li').each(function () {\n $customSelect.addClass('open');\n if ($(this).outerWidth() > maxWidth) {\n maxWidth = $(this).outerWidth();\n }\n $customSelect.removeClass('open');\n });\n $customSelect.css('width', maxWidth + 18 + 'px');\n $customSelect.find('ul').css('width', maxWidth + 16 + 'px');\n \n }\n \n function toggleCheckbox($element) {\n var $input = $element.prev(),\n input = $input[0];\n\n input.checked = ((input.checked) ? false : true);\n $element.toggleClass('checked');\n \n $input.trigger('change');\n }\n \n function toggleRadio($element) {\n var $input = $element.prev(),\n input = $input[0];\n\n $('input:radio[name=\"' + $input.attr('name') + '\"]').each(function () {\n $(this).next().removeClass('checked');\n });\n input.checked = ((input.checked) ? false : true);\n $element.toggleClass('checked');\n \n $input.trigger('change');\n }\n \n $('form.custom span.custom.checkbox').live('click', function (event) {\n event.preventDefault();\n event.stopPropagation();\n \n toggleCheckbox($(this));\n });\n \n $('form.custom span.custom.radio').live('click', function (event) {\n event.preventDefault();\n event.stopPropagation();\n \n toggleRadio($(this));\n });\n \n $('form.custom select').live('change', function (event) {\n refreshCustomSelect($(this));\n });\n \n $('form.custom label').live('click', function (event) {\n var $associatedElement = $('#' + $(this).attr('for')),\n $customCheckbox,\n $customRadio;\n if ($associatedElement.length !== 0) {\n if ($associatedElement.attr('type') === 'checkbox') {\n event.preventDefault();\n $customCheckbox = $(this).find('span.custom.checkbox');\n toggleCheckbox($customCheckbox);\n } else if ($associatedElement.attr('type') === 'radio') {\n event.preventDefault();\n $customRadio = $(this).find('span.custom.radio');\n toggleRadio($customRadio);\n }\n }\n });\n\n $('form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector').live('click', function (event) {\n var $this = $(this),\n $dropdown = $this.closest('div.custom.dropdown');\n \n event.preventDefault();\n $dropdown.toggleClass('open');\n \n if ($dropdown.hasClass('open')) {\n $(document).bind('click.customdropdown', function (event) {\n $dropdown.removeClass('open');\n $(document).unbind('.customdropdown');\n });\n } else {\n $(document).unbind('.customdropdown');\n }\n });\n \n $('form.custom div.custom.dropdown li').live('click', function (event) {\n var $this = $(this),\n $customDropdown = $this.closest('div.custom.dropdown'),\n $select = $customDropdown.prev(),\n selectedIndex = 0;\n \n event.preventDefault();\n event.stopPropagation();\n \n $this\n .closest('ul')\n .find('li')\n .removeClass('selected');\n $this.addClass('selected');\n \n $customDropdown\n .removeClass('open')\n .find('a.current')\n .html($this.html());\n \n $this.closest('ul').find('li').each(function (index) {\n if ($this[0] == this) {\n selectedIndex = index;\n }\n \n });\n $select[0].selectedIndex = selectedIndex;\n \n $select.trigger('change');\n });\n})(jQuery);" }, { "path": "javascripts/jquery.orbit-1.3.0.js", "content": "/*\n * jQuery Orbit Plugin 1.3.0\n * www.ZURB.com/playground\n * Copyright 2010, ZURB\n * Free to use under the MIT license.\n * http://www.opensource.org/licenses/mit-license.php\n*/\n\n\n(function($) {\n \n var ORBIT = {\n \n defaults: { \n animation: 'horizontal-push', \t\t// fade, horizontal-slide, vertical-slide, horizontal-push, vertical-push\n animationSpeed: 600, \t\t\t\t// how fast animtions are\n timer: true, \t\t\t\t\t\t// true or false to have the timer\n advanceSpeed: 4000, \t\t\t\t// if timer is enabled, time between transitions \n pauseOnHover: false, \t\t\t\t// if you hover pauses the slider\n startClockOnMouseOut: false, \t\t// if clock should start on MouseOut\n startClockOnMouseOutAfter: 1000, \t// how long after MouseOut should the timer start again\n directionalNav: true, \t\t\t\t// manual advancing directional navs\n captions: true, \t\t\t\t\t// do you want captions?\n captionAnimation: 'fade', \t\t\t// fade, slideOpen, none\n captionAnimationSpeed: 600, \t\t// if so how quickly should they animate in\n bullets: false,\t\t\t\t\t\t// true or false to activate the bullet navigation\n bulletThumbs: false,\t\t\t\t// thumbnails for the bullets\n bulletThumbLocation: '',\t\t\t// location from this file where thumbs will be\n afterSlideChange: $.noop,\t\t// empty function \n fluid: true,\n centerBullets: true // center bullet nav with js, turn this off if you want to position the bullet nav manually\n \t },\n \t \n \t activeSlide: 0,\n numberSlides: 0,\n orbitWidth: null,\n orbitHeight: null,\n locked: null,\n timerRunning: null,\n degrees: 0,\n wrapperHTML: '
    ',\n timerHTML: '
    ',\n captionHTML: '
    ',\n directionalNavHTML: '
    RightLeft
    ',\n bulletHTML: '',\n \n init: function (element, options) {\n var $imageSlides,\n imagesLoadedCount = 0,\n self = this;\n \n // Bind functions to correct context\n this.clickTimer = $.proxy(this.clickTimer, this);\n this.addBullet = $.proxy(this.addBullet, this);\n this.resetAndUnlock = $.proxy(this.resetAndUnlock, this);\n this.stopClock = $.proxy(this.stopClock, this);\n this.startTimerAfterMouseLeave = $.proxy(this.startTimerAfterMouseLeave, this);\n this.clearClockMouseLeaveTimer = $.proxy(this.clearClockMouseLeaveTimer, this);\n this.rotateTimer = $.proxy(this.rotateTimer, this);\n \n this.options = $.extend({}, this.defaults, options);\n if (this.options.timer === 'false') this.options.timer = false;\n if (this.options.captions === 'false') this.options.captions = false;\n if (this.options.directionalNav === 'false') this.options.directionalNav = false;\n \n this.$element = $(element);\n this.$wrapper = this.$element.wrap(this.wrapperHTML).parent();\n this.$slides = this.$element.children('img, a, div');\n \n this.$element.bind('orbit.next', function () {\n self.shift('next');\n });\n \n this.$element.bind('orbit.prev', function () {\n self.shift('prev');\n });\n \n this.$element.bind('orbit.goto', function (event, index) {\n self.shift(index);\n });\n \n this.$element.bind('orbit.start', function (event, index) {\n self.startClock();\n });\n \n this.$element.bind('orbit.stop', function (event, index) {\n self.stopClock();\n });\n \n $imageSlides = this.$slides.filter('img');\n \n if ($imageSlides.length === 0) {\n this.loaded();\n } else {\n $imageSlides.bind('imageready', function () {\n imagesLoadedCount += 1;\n if (imagesLoadedCount === $imageSlides.length) {\n self.loaded();\n }\n });\n }\n },\n \n loaded: function () {\n this.$element\n .addClass('orbit')\n .css({width: '1px', height: '1px'});\n \n this.setDimentionsFromLargestSlide();\n this.updateOptionsIfOnlyOneSlide();\n this.setupFirstSlide();\n \n if (this.options.timer) {\n this.setupTimer();\n this.startClock();\n }\n \n if (this.options.captions) {\n this.setupCaptions();\n }\n \n if (this.options.directionalNav) {\n this.setupDirectionalNav();\n }\n \n if (this.options.bullets) {\n this.setupBulletNav();\n this.setActiveBullet();\n }\n },\n \n currentSlide: function () {\n return this.$slides.eq(this.activeSlide);\n },\n \n setDimentionsFromLargestSlide: function () {\n //Collect all slides and set slider size of largest image\n var self = this,\n $fluidPlaceholder;\n \n self.$element.add(self.$wrapper).width(this.$slides.first().width());\n self.$element.add(self.$wrapper).height(this.$slides.first().height());\n self.orbitWidth = this.$slides.first().width();\n self.orbitHeight = this.$slides.first().height();\n $fluidPlaceholder = this.$slides.first().clone();\n \n this.$slides.each(function () {\n var slide = $(this),\n slideWidth = slide.width(),\n slideHeight = slide.height();\n\n if (slideWidth > self.$element.width()) {\n self.$element.add(self.$wrapper).width(slideWidth);\n self.orbitWidth = self.$element.width();\t \t\t\t\n }\n if (slideHeight > self.$element.height()) {\n self.$element.add(self.$wrapper).height(slideHeight);\n self.orbitHeight = self.$element.height();\n $fluidPlaceholder = $(this).clone();\n\t }\n self.numberSlides += 1;\n });\n \n if (this.options.fluid) {\n if (typeof this.options.fluid === \"string\") {\n $fluidPlaceholder = $('')\n }\n \n self.$element.prepend($fluidPlaceholder);\n $fluidPlaceholder.addClass('fluid-placeholder');\n self.$element.add(self.$wrapper).css({width: 'inherit'});\n self.$element.add(self.$wrapper).css({height: 'inherit'});\n \n $(window).bind('resize', function () {\n self.orbitWidth = self.$element.width();\n self.orbitHeight = self.$element.height();\n });\n }\n },\n \n //Animation locking functions\n lock: function () {\n this.locked = true;\n },\n \n unlock: function () { \n this.locked = false;\n },\n \n updateOptionsIfOnlyOneSlide: function () {\n if(this.$slides.length === 1) {\n \tthis.options.directionalNav = false;\n \tthis.options.timer = false;\n \tthis.options.bullets = false;\n }\n },\n \n setupFirstSlide: function () {\n //Set initial front photo z-index and fades it in\n var self = this;\n this.$slides.first()\n \t.css({\"z-index\" : 3})\n \t.fadeIn(function() {\n \t\t//brings in all other slides IF css declares a display: none\n \t\tself.$slides.css({\"display\":\"block\"})\n });\n },\n \n startClock: function () {\n var self = this;\n \n if(!this.options.timer) { \n \t\treturn false;\n \t} \n\n \tif (this.$timer.is(':hidden')) {\n this.clock = setInterval(function () {\n this.$element.trigger('orbit.next');\n }, this.options.advanceSpeed); \t\t\n \t} else {\n this.timerRunning = true;\n this.$pause.removeClass('active')\n this.clock = setInterval(this.rotateTimer, this.options.advanceSpeed / 180);\n }\n },\n \n rotateTimer: function () {\n var degreeCSS = \"rotate(\" + this.degrees + \"deg)\"\n this.degrees += 2;\n this.$rotator.css({ \n \"-webkit-transform\": degreeCSS,\n \"-moz-transform\": degreeCSS,\n \"-o-transform\": degreeCSS\n });\n if(this.degrees > 180) {\n this.$rotator.addClass('move');\n this.$mask.addClass('move');\n }\n if(this.degrees > 360) {\n this.$rotator.removeClass('move');\n this.$mask.removeClass('move');\n this.degrees = 0;\n this.$element.trigger('orbit.next');\n }\n },\n \n stopClock: function () {\n if (!this.options.timer) { \n return false; \n } else {\n this.timerRunning = false;\n clearInterval(this.clock);\n this.$pause.addClass('active');\n }\n },\n \n setupTimer: function () {\n this.$timer = $(this.timerHTML);\n this.$wrapper.append(this.$timer);\n\n this.$rotator = this.$timer.find('.rotator');\n this.$mask = this.$timer.find('.mask');\n this.$pause = this.$timer.find('.pause');\n \n this.$timer.click(this.clickTimer);\n\n if (this.options.startClockOnMouseOut) {\n this.$wrapper.mouseleave(this.startTimerAfterMouseLeave);\n this.$wrapper.mouseenter(this.clearClockMouseLeaveTimer);\n }\n \n if (this.options.pauseOnHover) {\n this.$wrapper.mouseenter(this.stopClock);\n }\n },\n \n startTimerAfterMouseLeave: function () {\n var self = this;\n\n this.outTimer = setTimeout(function() {\n if(!self.timerRunning){\n self.startClock();\n }\n }, this.options.startClockOnMouseOutAfter)\n },\n \n clearClockMouseLeaveTimer: function () {\n clearTimeout(this.outTimer);\n },\n \n clickTimer: function () {\n if(!this.timerRunning) {\n this.startClock();\n } else { \n this.stopClock();\n }\n },\n \n setupCaptions: function () {\n this.$caption = $(this.captionHTML);\n this.$wrapper.append(this.$caption);\n \t this.setCaption();\n },\n \n setCaption: function () {\n var captionLocation = this.currentSlide().attr('data-caption'),\n captionHTML;\n \t\t\n if (!this.options.captions) {\n \t\treturn false; \n \t} \n \t \t\t\n \t//Set HTML for the caption if it exists\n \tif (captionLocation) {\n \t captionHTML = $(captionLocation).html(); //get HTML from the matching HTML entity\n \t\tthis.$caption\n \t\t.attr('id', captionLocation) // Add ID caption TODO why is the id being set?\n .html(captionHTML); // Change HTML in Caption \n //Animations for Caption entrances\n switch (this.options.captionAnimation) {\n case 'none':\n this.$caption.show();\n break;\n case 'fade':\n this.$caption.fadeIn(this.options.captionAnimationSpeed);\n break;\n case 'slideOpen':\n this.$caption.slideDown(this.options.captionAnimationSpeed);\n break;\n }\n \t} else {\n \t\t//Animations for Caption exits\n \t\tswitch (this.options.captionAnimation) {\n case 'none':\n this.$caption.hide();\n break;\n case 'fade':\n this.$caption.fadeOut(this.options.captionAnimationSpeed);\n break;\n case 'slideOpen':\n this.$caption.slideUp(this.options.captionAnimationSpeed);\n break;\n }\n \t}\n },\n \n setupDirectionalNav: function () {\n var self = this;\n\n this.$wrapper.append(this.directionalNavHTML);\n \n this.$wrapper.find('.left').click(function () { \n self.stopClock();\n self.$element.trigger('orbit.prev');\n });\n \n this.$wrapper.find('.right').click(function () {\n self.stopClock();\n self.$element.trigger('orbit.next');\n });\n },\n \n setupBulletNav: function () {\n this.$bullets = $(this.bulletHTML);\n \tthis.$wrapper.append(this.$bullets);\n \tthis.$slides.each(this.addBullet);\n \tthis.$element.addClass('with-bullets');\n \tif (this.options.centerBullets) this.$bullets.css('margin-left', -this.$bullets.width() / 2);\n },\n \n addBullet: function (index, slide) {\n var position = index + 1,\n $li = $('
  • ' + (position) + '
    • '),\n thumbName,\n self = this;\n\n \t\tif (this.options.bulletThumbs) {\n \t\t\tthumbName = $(slide).attr('data-thumb');\n \t\t\tif (thumbName) {\n $li\n .addClass('has-thumb')\n .css({background: \"url(\" + this.options.bulletThumbLocation + thumbName + \") no-repeat\"});;\n \t\t\t}\n \t\t}\n \t\tthis.$bullets.append($li);\n \t\t$li.data('index', index);\n \t\t$li.click(function () {\n \t\t\tself.stopClock();\n \t\t\tself.$element.trigger('orbit.goto', [$li.data('index')])\n \t\t});\n },\n \n setActiveBullet: function () {\n if(!this.options.bullets) { return false; } else {\n \t\tthis.$bullets.find('li')\n \t\t .removeClass('active')\n \t\t .eq(this.activeSlide)\n \t\t .addClass('active');\n \t}\n },\n \n resetAndUnlock: function () {\n this.$slides\n \t.eq(this.prevActiveSlide)\n \t.css({\"z-index\" : 1});\n this.unlock();\n this.options.afterSlideChange.call(this, this.$slides.eq(this.prevActiveSlide), this.$slides.eq(this.activeSlide));\n },\n \n shift: function (direction) {\n var slideDirection = direction;\n \n //remember previous activeSlide\n this.prevActiveSlide = this.activeSlide;\n \n //exit function if bullet clicked is same as the current image\n if (this.prevActiveSlide == slideDirection) { return false; }\n \n if (this.$slides.length == \"1\") { return false; }\n if (!this.locked) {\n this.lock();\n\t //deduce the proper activeImage\n if (direction == \"next\") {\n this.activeSlide++;\n if (this.activeSlide == this.numberSlides) {\n this.activeSlide = 0;\n }\n } else if (direction == \"prev\") {\n this.activeSlide--\n if (this.activeSlide < 0) {\n this.activeSlide = this.numberSlides - 1;\n }\n } else {\n this.activeSlide = direction;\n if (this.prevActiveSlide < this.activeSlide) { \n slideDirection = \"next\";\n } else if (this.prevActiveSlide > this.activeSlide) { \n slideDirection = \"prev\"\n }\n }\n\n //set to correct bullet\n this.setActiveBullet(); \n \n //set previous slide z-index to one below what new activeSlide will be\n this.$slides\n .eq(this.prevActiveSlide)\n .css({\"z-index\" : 2}); \n \n //fade\n if (this.options.animation == \"fade\") {\n this.$slides\n .eq(this.activeSlide)\n .css({\"opacity\" : 0, \"z-index\" : 3})\n .animate({\"opacity\" : 1}, this.options.animationSpeed, this.resetAndUnlock);\n }\n \n //horizontal-slide\n if (this.options.animation == \"horizontal-slide\") {\n if (slideDirection == \"next\") {\n this.$slides\n .eq(this.activeSlide)\n .css({\"left\": this.orbitWidth, \"z-index\" : 3})\n .animate({\"left\" : 0}, this.options.animationSpeed, this.resetAndUnlock);\n }\n if (slideDirection == \"prev\") {\n this.$slides\n .eq(this.activeSlide)\n .css({\"left\": -this.orbitWidth, \"z-index\" : 3})\n .animate({\"left\" : 0}, this.options.animationSpeed, this.resetAndUnlock);\n }\n }\n \n //vertical-slide\n if (this.options.animation == \"vertical-slide\") { \n if (slideDirection == \"prev\") {\n this.$slides\n .eq(this.activeSlide)\n .css({\"top\": this.orbitHeight, \"z-index\" : 3})\n .animate({\"top\" : 0}, this.options.animationSpeed, this.resetAndUnlock);\n }\n if (slideDirection == \"next\") {\n this.$slides\n .eq(this.activeSlide)\n .css({\"top\": -this.orbitHeight, \"z-index\" : 3})\n .animate({\"top\" : 0}, this.options.animationSpeed, this.resetAndUnlock);\n }\n }\n \n //horizontal-push\n if (this.options.animation == \"horizontal-push\") {\n if (slideDirection == \"next\") {\n this.$slides\n .eq(this.activeSlide)\n .css({\"left\": this.orbitWidth, \"z-index\" : 3})\n .animate({\"left\" : 0}, this.options.animationSpeed, this.resetAndUnlock);\n this.$slides\n .eq(this.prevActiveSlide)\n .animate({\"left\" : -this.orbitWidth}, this.options.animationSpeed);\n }\n if (slideDirection == \"prev\") {\n this.$slides\n .eq(this.activeSlide)\n .css({\"left\": -this.orbitWidth, \"z-index\" : 3})\n .animate({\"left\" : 0}, this.options.animationSpeed, this.resetAndUnlock);\n\t\t this.$slides\n .eq(this.prevActiveSlide)\n .animate({\"left\" : this.orbitWidth}, this.options.animationSpeed);\n }\n }\n \n //vertical-push\n if (this.options.animation == \"vertical-push\") {\n if (slideDirection == \"next\") {\n this.$slides\n .eq(this.activeSlide)\n .css({top: -this.orbitHeight, \"z-index\" : 3})\n .animate({top : 0}, this.options.animationSpeed, this.resetAndUnlock);\n this.$slides\n .eq(this.prevActiveSlide)\n .animate({top : this.orbitHeight}, this.options.animationSpeed);\n }\n if (slideDirection == \"prev\") {\n this.$slides\n .eq(this.activeSlide)\n .css({top: this.orbitHeight, \"z-index\" : 3})\n .animate({top : 0}, this.options.animationSpeed, this.resetAndUnlock);\n\t\t this.$slides\n .eq(this.prevActiveSlide)\n .animate({top : -this.orbitHeight}, this.options.animationSpeed);\n }\n }\n \n this.setCaption();\n }\n }\n };\n\n $.fn.orbit = function (options) {\n return this.each(function () {\n var orbit = $.extend({}, ORBIT);\n orbit.init(this, options);\n });\n };\n\n})(jQuery);\n \n/*!\n * jQuery imageready Plugin\n * http://www.zurb.com/playground/\n *\n * Copyright 2011, ZURB\n * Released under the MIT License\n */\n(function ($) {\n \n var options = {};\n \n $.event.special.imageready = {\n \n setup: function (data, namespaces, eventHandle) {\n options = data || options;\n },\n\t\t\n\t\tadd: function (handleObj) {\n\t\t var $this = $(this),\n\t\t src;\n\t\t \n\t if ( this.nodeType === 1 && this.tagName.toLowerCase() === 'img' && this.src !== '' ) {\n \t\t\tif (options.forceLoad) {\n \t\t\t src = $this.attr('src');\n \t\t\t $this.attr('src', '');\n \t\t\t bindToLoad(this, handleObj.handler);\n $this.attr('src', src);\n \t\t\t} else if ( this.complete || this.readyState === 4 ) {\n handleObj.handler.apply(this, arguments);\n \t\t\t} else {\n \t\t\t bindToLoad(this, handleObj.handler);\n \t\t\t}\n \t\t}\n\t\t},\n\t\t\n\t\tteardown: function (namespaces) {\n\t\t $(this).unbind('.imageready');\n\t\t}\n\t};\n\t\n\tfunction bindToLoad(element, callback) {\n\t var $this = $(element);\n\n $this.bind('load.imageready', function () {\n callback.apply(element, arguments);\n $this.unbind('load.imageready');\n });\n\t}\n\n}(jQuery));" }, { "path": "javascripts/jquery.reveal.js", "content": "/*\n * jQuery Reveal Plugin 1.0\n * www.ZURB.com\n * Copyright 2010, ZURB\n * Free to use under the MIT license.\n * http://www.opensource.org/licenses/mit-license.php\n*/\n\n\n(function ($) {\n $('a[data-reveal-id]').live('click', function (event) {\n event.preventDefault();\n var modalLocation = $(this).attr('data-reveal-id');\n $('#' + modalLocation).reveal($(this).data());\n });\n\n $.fn.reveal = function (options) {\n var defaults = {\n animation: 'fadeAndPop', // fade, fadeAndPop, none\n animationSpeed: 300, // how fast animtions are\n closeOnBackgroundClick: true, // if you click background will modal close?\n dismissModalClass: 'close-reveal-modal' // the class of a button or element that will close an open modal\n };\n var options = $.extend({}, defaults, options);\n\n return this.each(function () {\n var modal = $(this),\n topMeasure = parseInt(modal.css('top')),\n topOffset = modal.height() + topMeasure,\n locked = false,\n modalBg = $('.reveal-modal-bg');\n\n if (modalBg.length == 0) {\n modalBg = $('
    ').insertAfter(modal);\n modalBg.fadeTo('fast', 0.8);\n }\n\n function openAnimation() {\n modalBg.unbind('click.modalEvent');\n $('.' + options.dismissModalClass).unbind('click.modalEvent');\n if (!locked) {\n lockModal();\n if (options.animation == \"fadeAndPop\") {\n modal.css({'top': $(document).scrollTop() - topOffset, 'opacity': 0, 'visibility': 'visible'});\n modalBg.fadeIn(options.animationSpeed / 2);\n modal.delay(options.animationSpeed / 2).animate({\n \"top\": $(document).scrollTop() + topMeasure + 'px',\n \"opacity\": 1\n }, options.animationSpeed, unlockModal);\n }\n if (options.animation == \"fade\") {\n modal.css({'opacity': 0, 'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});\n modalBg.fadeIn(options.animationSpeed / 2);\n modal.delay(options.animationSpeed / 2).animate({\n \"opacity\": 1\n }, options.animationSpeed, unlockModal);\n }\n if (options.animation == \"none\") {\n modal.css({'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});\n modalBg.css({\"display\": \"block\"});\n unlockModal();\n }\n }\n modal.unbind('reveal:open', openAnimation);\n }\n modal.bind('reveal:open', openAnimation);\n\n function closeAnimation() {\n if (!locked) {\n lockModal();\n if (options.animation == \"fadeAndPop\") {\n modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);\n modal.animate({\n \"top\": $(document).scrollTop() - topOffset + 'px',\n \"opacity\": 0\n }, options.animationSpeed / 2, function () {\n modal.css({'top': topMeasure, 'opacity': 1, 'visibility': 'hidden'});\n unlockModal();\n });\n }\n if (options.animation == \"fade\") {\n modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);\n modal.animate({\n \"opacity\" : 0\n }, options.animationSpeed, function () {\n modal.css({'opacity': 1, 'visibility': 'hidden', 'top': topMeasure});\n unlockModal();\n });\n }\n if (options.animation == \"none\") {\n modal.css({'visibility': 'hidden', 'top': topMeasure});\n modalBg.css({'display': 'none'});\n }\n }\n modal.unbind('reveal:close', closeAnimation);\n }\n modal.bind('reveal:close', closeAnimation);\n modal.trigger('reveal:open');\n\n var closeButton = $('.' + options.dismissModalClass).bind('click.modalEvent', function () {\n modal.trigger('reveal:close');\n });\n\n if (options.closeOnBackgroundClick) {\n modalBg.css({\"cursor\": \"pointer\"});\n modalBg.bind('click.modalEvent', function () {\n modal.trigger('reveal:close');\n });\n }\n\n $('body').keyup(function (event) {\n if (event.which === 27) { // 27 is the keycode for the Escape key\n modal.trigger('reveal:close');\n }\n });\n\n function unlockModal() {\n locked = false;\n }\n\n function lockModal() {\n locked = true;\n }\n });\n };\n})(jQuery);" }, { "path": "javascripts/modernizr.foundation.js", "content": "/* Modernizr 2.0.6 (Custom Build) | MIT & BSD\n * Build: http://www.modernizr.com/download/#-touch-iepp-respond-mq-cssclasses-teststyles-prefixes-load\n */\n;window.Modernizr=function(a,b,c){function A(a,b){return!!~(\"\"+a).indexOf(b)}function z(a,b){return typeof a===b}function y(a,b){return x(n.join(a+\";\")+(b||\"\"))}function x(a){k.cssText=a}var d=\"2.0.6\",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName(\"head\")[0],i=\"modernizr\",j=b.createElement(i),k=j.style,l,m=Object.prototype.toString,n=\" -webkit- -moz- -o- -ms- -khtml- \".split(\" \"),o={},p={},q={},r=[],s=function(a,c,d,e){var f,h,j,k=b.createElement(\"div\");if(parseInt(d,10))while(d--)j=b.createElement(\"div\"),j.id=e?e[d]:i+(d+1),k.appendChild(j);f=[\"­\",\"\"].join(\"\"),k.id=i,k.innerHTML+=f,g.appendChild(k),h=c(k,a),k.parentNode.removeChild(k);return!!h},t=function(b){if(a.matchMedia)return matchMedia(b).matches;var c;s(\"@media \"+b+\" { #\"+i+\" { position: absolute; } }\",function(b){c=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle).position==\"absolute\"});return c},u,v={}.hasOwnProperty,w;!z(v,c)&&!z(v.call,c)?w=function(a,b){return v.call(a,b)}:w=function(a,b){return b in a&&z(a.constructor.prototype[b],c)};var B=function(c,d){var f=c.join(\"\"),g=d.length;s(f,function(c,d){var f=b.styleSheets[b.styleSheets.length-1],h=f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||\"\",i=c.childNodes,j={};while(g--)j[i[g].id]=i[g];e.touch=\"ontouchstart\"in a||j.touch.offsetTop===9},g,d)}([,[\"@media (\",n.join(\"touch-enabled),(\"),i,\")\",\"{#touch{top:9px;position:absolute}}\"].join(\"\")],[,\"touch\"]);o.touch=function(){return e.touch};for(var C in o)w(o,C)&&(u=C.toLowerCase(),e[u]=o[C](),r.push((e[u]?\"\":\"no-\")+u));x(\"\"),j=l=null,a.attachEvent&&function(){var a=b.createElement(\"div\");a.innerHTML=\"\";return a.childNodes.length!==1}()&&function(a,b){function s(a){var b=-1;while(++b=u.minw)&&(!u.maxw||u.maxw&&l<=u.maxw))m[u.media]||(m[u.media]=[]),m[u.media].push(f[u.rules])}for(var t in g)g[t]&&g[t].parentNode===j&&j.removeChild(g[t]);for(var t in m){var v=c.createElement(\"style\"),w=m[t].join(\"\\n\");v.type=\"text/css\",v.media=t,v.styleSheet?v.styleSheet.cssText=w:v.appendChild(c.createTextNode(w)),n.appendChild(v),g.push(v)}j.insertBefore(n,o.nextSibling)}},s=function(a,b){var c=t();if(!!c){c.open(\"GET\",a,!0),c.onreadystatechange=function(){c.readyState==4&&(c.status==200||c.status==304)&&b(c.responseText)};if(c.readyState==4)return;c.send()}},t=function(){var a=!1,b=[function(){return new ActiveXObject(\"Microsoft.XMLHTTP\")},function(){return new XMLHttpRequest}],c=b.length;while(c--){try{a=b[c]()}catch(d){continue}break}return function(){return a}}();m(),respond.update=m,a.addEventListener?a.addEventListener(\"resize\",u,!1):a.attachEvent&&a.attachEvent(\"onresize\",u)}}(this,Modernizr.mq(\"only all\")),function(a,b,c){function k(a){return!a||a==\"loaded\"||a==\"complete\"}function j(){var a=1,b=-1;while(p.length- ++b)if(p[b].s&&!(a=p[b].r))break;a&&g()}function i(a){var c=b.createElement(\"script\"),d;c.src=a.s,c.onreadystatechange=c.onload=function(){!d&&k(c.readyState)&&(d=1,j(),c.onload=c.onreadystatechange=null)},m(function(){d||(d=1,j())},H.errorTimeout),a.e?c.onload():n.parentNode.insertBefore(c,n)}function h(a){var c=b.createElement(\"link\"),d;c.href=a.s,c.rel=\"stylesheet\",c.type=\"text/css\";if(!a.e&&(w||r)){var e=function(a){m(function(){if(!d)try{a.sheet.cssRules.length?(d=1,j()):e(a)}catch(b){b.code==1e3||b.message==\"security\"||b.message==\"denied\"?(d=1,m(function(){j()},0)):e(a)}},0)};e(c)}else c.onload=function(){d||(d=1,m(function(){j()},0))},a.e&&c.onload();m(function(){d||(d=1,j())},H.errorTimeout),!a.e&&n.parentNode.insertBefore(c,n)}function g(){var a=p.shift();q=1,a?a.t?m(function(){a.t==\"c\"?h(a):i(a)},0):(a(),j()):q=0}function f(a,c,d,e,f,h){function i(){!o&&k(l.readyState)&&(r.r=o=1,!q&&j(),l.onload=l.onreadystatechange=null,m(function(){u.removeChild(l)},0))}var l=b.createElement(a),o=0,r={t:d,s:c,e:h};l.src=l.data=c,!s&&(l.style.display=\"none\"),l.width=l.height=\"0\",a!=\"object\"&&(l.type=d),l.onload=l.onreadystatechange=i,a==\"img\"?l.onerror=i:a==\"script\"&&(l.onerror=function(){r.e=r.r=1,g()}),p.splice(e,0,r),u.insertBefore(l,s?null:n),m(function(){o||(u.removeChild(l),r.r=r.e=o=1,j())},H.errorTimeout)}function e(a,b,c){var d=b==\"c\"?z:y;q=0,b=b||\"j\",C(a)?f(d,a,b,this.i++,l,c):(p.splice(this.i++,0,a),p.length==1&&g());return this}function d(){var a=H;a.loader={load:e,i:0};return a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName(\"script\")[0],o={}.toString,p=[],q=0,r=\"MozAppearance\"in l.style,s=r&&!!b.createRange().compareNode,t=r&&!s,u=s?l:n.parentNode,v=a.opera&&o.call(a.opera)==\"[object Opera]\",w=\"webkitAppearance\"in l.style,x=w&&\"async\"in b.createElement(\"script\"),y=r?\"object\":v||x?\"img\":\"script\",z=w?\"img\":y,A=Array.isArray||function(a){return o.call(a)==\"[object Array]\"},B=function(a){return Object(a)===a},C=function(a){return typeof a==\"string\"},D=function(a){return o.call(a)==\"[object Function]\"},E=[],F={},G,H;H=function(a){function f(a){var b=a.split(\"!\"),c=E.length,d=b.pop(),e=b.length,f={url:d,origUrl:d,prefixes:b},g,h;for(h=0;h 767)) {\n switched = false;\n $(\"table.responsive\").each(function(i, element) {\n unsplitTable($(element));\n });\n }\n };\n \n $(window).load(updateTables);\n $(window).on(\"redraw\",function(){switched=false;updateTables();}); // An event to listen for\n $(window).on(\"resize\", updateTables);\n \n\t\n\tfunction splitTable(original)\n\t{\n\t\toriginal.wrap(\"
    \");\n\t\t\n\t\tvar copy = original.clone();\n\t\tcopy.find(\"td:not(:first-child), th:not(:first-child)\").css(\"display\", \"none\");\n\t\tcopy.removeClass(\"responsive\");\n\t\t\n\t\toriginal.closest(\".table-wrapper\").append(copy);\n\t\tcopy.wrap(\"
    \");\n\t\toriginal.wrap(\"
    \");\n\n setCellHeights(original, copy);\n\t}\n\t\n\tfunction unsplitTable(original) {\n original.closest(\".table-wrapper\").find(\".pinned\").remove();\n original.unwrap();\n original.unwrap();\n\t}\n\n function setCellHeights(original, copy) {\n var tr = original.find('tr'),\n tr_copy = copy.find('tr'),\n heights = [];\n\n tr.each(function (index) {\n var self = $(this),\n tx = self.find('th, td');\n\n tx.each(function () {\n var height = $(this).outerHeight(true);\n heights[index] = heights[index] || 0;\n if (height > heights[index]) heights[index] = height;\n });\n\n });\n\n tr_copy.each(function (index) {\n $(this).height(heights[index]);\n });\n }\n\n});\n" }, { "path": "stylesheets/app.css", "content": "/* Artfully masterminded by ZURB */\n\n/* -------------------------------------------------- \n Table of Contents\n-----------------------------------------------------\n:: Shared Styles\n:: Page Name 1\n:: Page Name 2\n*/\n\n\n/* -----------------------------------------\n Shared Styles\n----------------------------------------- */\n\n body { background: #f4f4f4; }\n .container { max-width: 740px; box-shadow: 0px 2px 5px rgba(0,0,0,0.25); background: #fff; margin: 0 auto; }\n \n p { color: #999; }\n \n h1 { margin: 20px 0 0; }\n h4.subhead { font-weight: lighter; color: #777; margin-bottom: 20px; }\n \n pre { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin: 0; display: block; font: 11px Monaco, monospace !important; padding: 15px; background-color: #1C1C1C; overflow: auto; color: #D0D0D0; line-height: 125%; margin-bottom: 30px; }\n\n/* -----------------------------------------\n Page Name 1\n----------------------------------------- */\n\n\n\n\n/* -----------------------------------------\n Page Name 2\n----------------------------------------- */\n\n\n" }, { "path": "stylesheets/forms.css", "content": "/* \tArtfully masterminded by ZURB \n\tMake sure to include app.js / foundation.js if you are going to use inline label inputs \n*/\n \n \n/* -----------------------------------------\n Standard Forms\n----------------------------------------- */\n\n\tform { margin: 0 0 18px; }\n\tform label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; }\n\n\tinput.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }\n\tinput.input-text, textarea, select { display: block; margin-bottom: 9px; }\n\tlabel + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }\n\n\t/* Text input and textarea font and padding */\n\tinput.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; background: #fff; }\n\tinput.input-text:focus, textarea:focus { outline: none !important; }\n\tinput.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }\n\tinput.input-text:focus, textarea:focus { background: #f9f9f9; }\n\n\t/* Inlined Label Style */\n\tinput.placeholder, textarea.placeholder { color: #888; }\n\n\t/* Text input and textarea sizes */\n\tinput.input-text, textarea { width: 254px; }\n\tinput.small, textarea.small { width: 134px; }\n\tinput.medium, textarea.medium { width: 254px; }\n\tinput.large, textarea.large { width: 434px; }\n\n\t/* Fieldsets */\n\tform fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }\n\n\t/* Inlined Radio & Checkbox */\n\t.form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }\n\n\t/* Errors */\n\t.form-field.error input, input.input-text.red { border-color: #C00000; background-color: rgba(255,0,0,0.15); }\n\t.form-field.error label, label.red { color: #C00000; }\n\t.form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: #C00000; width: 260px; }\n\n\t.small + small.error { width: 140px; }\n\t.medium + small.error { width: 260px; }\n\t.large + small.error { width: 440px; }\n\n\t/* -----------------------------------------\n\t Nicer Forms\n\t----------------------------------------- */\n\tform.nice div.form-field input, form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }\n\tform.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url(../images/misc/input-bg.png) #fff; }\n\tform.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }\n\n\tform.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }\n\n\tform.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }\n\n\tform.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0 #C00000; border-width: 0 1px 1px 1px; margin-top: -10px; background: #C00000; 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; }\n\n \tform.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; }\n\tform.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; }\n\tform.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; }\n\n\t/* -----------------------------------------\n\t Custom Forms\n\t----------------------------------------- */\n\n\tform.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; }\n\tform.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }\n\tform.custom span.custom.radio.checked { background-position: 0 -14px; }\n\tform.custom span.custom.checkbox.checked { background-position: 0 -28px; }\n\t\n\tform.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; }\n\tform.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; }\n\tform.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; }\n\tform.custom div.custom.dropdown:hover a.selector,\n\tform.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }\n\t\n\tform.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; }\n\tform.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; white-space: nowrap}\n\tform.custom div.custom.dropdown ul li.selected { background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; }\n\tform.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; }\n\tform.custom div.custom.dropdown ul li.selected:hover { background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; }\n\tform.custom div.custom.dropdown ul.show { display: block; }\n\t\n\tform.custom div.custom.dropdown.open ul { display: block; }\n\n\t\n" }, { "path": "stylesheets/globals.css", "content": "/* Artfully Masterminded by ZURB */\n\n/* -------------------------------------------------- \n Table of Contents\n-----------------------------------------------------\n:: Reset & Standards\n:: Links\n:: Lists\n:: Tables\n:: Misc\n*/\n\n\n/*\t--------------------------------------------------\n\t:: Global Reset & Standards\n\t-------------------------------------------------- */\n\t\n\t/* \n\t\tEric Meyer's CSS Reset\n\t\thttp://meyerweb.com/eric/tools/css/reset/ \n\t\tv2.0 | 20110126\n \t\tLicense: none (public domain)\n\t*/\n\t\n\thtml, body, div, span, applet, object, iframe,\n\th1, h2, h3, h4, h5, h6, p, blockquote, pre,\n\ta, abbr, acronym, address, big, cite, code,\n\tdel, dfn, em, img, ins, kbd, q, s, samp,\n\tsmall, strike, strong, sub, sup, tt, var,\n\tb, u, i, center,\n\tdl, dt, dd, ol, ul, li,\n\tfieldset, form, label, legend,\n\ttable, caption, tbody, tfoot, thead, tr, th, td,\n\tarticle, aside, canvas, details, embed, \n\tfigure, figcaption, footer, header, hgroup, \n\tmenu, nav, output, ruby, section, summary,\n\ttime, mark, audio, video {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tfont: inherit;\n\t\tvertical-align: baseline;\n\t}\n\thtml {\n\t\tfont-size: 62.5%; \n\t}\n\t/* HTML5 display-role reset for older browsers */\n\tarticle, aside, details, figcaption, figure, \n\tfooter, header, hgroup, menu, nav, section {\n\t\tdisplay: block;\n\t}\n\tbody {\n\t\tline-height: 1;\n\t}\n\tol, ul {\n\t\tlist-style: none;\n\t}\n\tblockquote, q {\n\t\tquotes: none;\n\t}\n\tblockquote:before, blockquote:after,\n\tq:before, q:after {\n\t\tcontent: '';\n\t\tcontent: none;\n\t}\n\ttable {\n\t\tborder-collapse: collapse;\n\t\tborder-spacing: 0;\n\t}\n\t\n\t\n\t\n\tbody { background: #fff; font-family: \"Helvetica Neue\", \"HelveticaNeue\", Helvetica, Arial, \"Lucida Grande\", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }\n\t\n\n\n/*\t--------------------------------------------------\n\t:: Links\n\t-------------------------------------------------- */\n\ta { color: #2a85e8; text-decoration: none; line-height: inherit; }\n\ta:hover { color: #11639d; }\n\ta:focus { color: #cc4714; outline: none; }\n\tp a, p a:visited { line-height: inherit; }\n\t\n\n/*\t--------------------------------------------------\n\t:: Lists\n\t-------------------------------------------------- */\n\tul, ol { margin-bottom: 18px; }\n\tul { list-style: none outside; }\n\tol { list-style: decimal; }\n\tol, ul.square, ul.circle, ul.disc { margin-left: 30px; }\n\tul.square { list-style: square outside; }\n\tul.circle { list-style: circle outside; }\n\tul.disc { list-style: disc outside; }\n\tli { margin-bottom: 12px; }\n\tul.large li { line-height: 21px; }\n\t\n\n/*\t--------------------------------------------------\n\t:: Tables\n\t-------------------------------------------------- */\n\ttable { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }\n\t\n\ttable thead, table tfoot { background: #f5f5f5; }\n\ttable thead tr th,\n\ttable tfoot tr th,\n\ttable tbody tr td,\n\ttable tr td,\n\ttable tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }\n\ttable thead tr th,\n\ttable tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }\n\ttable thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }\n\ttable thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }\n\n\ttable tbody tr.even,\n\ttable tbody tr.alt { background: #f9f9f9; }\n\ttable tbody tr:nth-child(even) { background: #f9f9f9; }\n\ttable tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }\n\n/* -------------------------------------------------- \n\t:: Misc\n---------------------------------------------------*/\n\t.left { float: left; }\n\t.right { float: right; }\n\t.text-left { text-align: left; }\n\t.text-right { text-align: right; }\n\t.text-center { text-align: center; }\n\t.hide { display: none; }\n\t.highlight { background: #ff0; }\n\t" }, { "path": "stylesheets/grid.css", "content": "/* Artfully Masterminded by ZURB */\n\n/* --------------------------------------------------\n\t:: Grid\n\t\n\tThis is the mobile-friendly, responsive grid that\n\tlets Foundation work much of its magic.\n\t\n\t-------------------------------------------------- */\n\n\t.container { padding: 0 20px; }\n\t\n\t.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }\n\t/* To fix the grid into a certain size, set max-width to width */\n\t.row .row { min-width: 0; }\n\t\n\t.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }\n\t.column:first-child, .columns:first-child { margin-left: 0; }\n\t\n\t.row .one.columns \t\t{ width: 4.3%; }\n\t.row .two.columns \t\t{ width: 13%; }\n\t.row .three.columns \t{ width: 21.68%; }\n\t.row .four.columns \t\t{ width: 30.37%; }\n\t.row .five.columns \t\t{ width: 39.1%; }\n\t.row .six.columns \t\t{ width: 47.8%; }\n\t.row .seven.columns \t{ width: 56.5%; }\n\t.row .eight.columns \t{ width: 65.2%; }\n\t.row .nine.columns \t\t{ width: 73.9%; }\n\t.row .ten.columns \t\t{ width: 82.6%; }\n\t.row .eleven.columns \t{ width: 91.3%; }\n\t.row .twelve.columns \t{ width: 100%; }\n\t\n\t.row .offset-by-one \t{ margin-left: 13.1%; }\n\t.row .offset-by-two \t{ margin-left: 21.8%; }\n\t.row .offset-by-three \t{ margin-left: 30.5%; }\n\t.row .offset-by-four \t{ margin-left: 39.2%; }\n\t.row .offset-by-five \t{ margin-left: 47.9%; }\n\t.row .offset-by-six \t{ margin-left: 56.6%; }\n\t.row .offset-by-seven \t{ margin-left: 65.3%; }\n\t.row .offset-by-eight \t{ margin-left: 74.0%; }\n\t.row .offset-by-nine \t{ margin-left: 82.7%; }\n\t.row .offset-by-ten \t{ margin-left: 91.4%; }\n\t\n\t.row .centered { float: none; margin: 0 auto; }\n\n\t.row .offset-by-one:first-child \t{ margin-left: 8.7%; }\n\t.row .offset-by-two:first-child \t{ margin-left: 17.4%; }\n\t.row .offset-by-three:first-child \t{ margin-left: 26.1%; }\n\t.row .offset-by-four:first-child \t{ margin-left: 34.8%; }\n\t.row .offset-by-five:first-child \t{ margin-left: 43.5%; }\n\t.row .offset-by-six:first-child \t{ margin-left: 52.2%; }\n\t.row .offset-by-seven:first-child \t{ margin-left: 60.9%; }\n\t.row .offset-by-eight:first-child \t{ margin-left: 69.6%; }\n\t.row .offset-by-nine:first-child \t{ margin-left: 78.3%; }\n\t.row .offset-by-ten:first-child \t{ margin-left: 87%; }\n\t.row .offset-by-eleven:first-child \t{ margin-left: 95.7%; }\n\t\n\t/* Source Ordering */\n\t.push-two \t\t{ left: 17.4% }\n\t.push-three \t{ left: 26.1%; }\n\t.push-four \t\t{ left: 34.8%; }\n\t.push-five \t\t{ left: 43.5%; }\n\t.push-six \t\t{ left: 52.2%; }\n\t.push-seven \t{ left: 60.9%; }\n\t.push-eight \t{ left: 69.6%; }\n\t.push-nine \t\t{ left: 78.3%; }\n\t.push-ten \t\t{ left: 87%; }\n\t\n\t.pull-two \t\t{ right: 17.4% }\n\t.pull-three \t{ right: 26.1%; }\n\t.pull-four \t\t{ right: 34.8%; }\n\t.pull-five \t\t{ right: 43.5%; }\n\t.pull-six \t\t{ right: 52.2%; }\n\t.pull-seven \t{ right: 60.9%; }\n\t.pull-eight \t{ right: 69.6%; }\n\t.pull-nine \t\t{ right: 78.3%; }\n\t.pull-ten \t\t{ right: 87%; }\n\t\n\t\n\t\n\timg, object, embed { max-width: 100%; height: auto; }\n\timg { -ms-interpolation-mode: bicubic; }\n\t#map_canvas img, .map_canvas img {max-width: none!important;}\n\t \n\t /* Nicolas Gallagher's micro clearfix */\n\t .row:before, .row:after, .clearfix:before, .clearfix:after { content:\"\"; display:table; }\n\t .row:after, .clearfix:after { clear: both; }\n\t .row, .clearfix { zoom: 1; }\n\t \n\t \n\t\n\t\n/*\t--------------------------------------------------\n\t:: Block grids\n\t\n\tThese are 2-up, 3-up, 4-up and 5-up ULs, suited\n\tfor repeating blocks of content. Add 'mobile' to\n\tthem to switch them just like the layout grid\n\t(one item per line) on phones\n\t\n\tFor IE7/8 compatibility block-grid items need to be\n\tthe same height. You can optionally uncomment the\n\tlines below to support arbitrary height, but know\n\tthat IE7/8 do not support :nth-child.\n\t-------------------------------------------------- */\n\t\n\t.block-grid { display: block; overflow: hidden; }\n\t.block-grid>li { display: block; height: auto; float: left; }\n\t\n\t.block-grid.two-up { margin-left: -4% }\n\t.block-grid.two-up>li { margin-left: 4%; width: 46%; }\n/* \t.block-grid.two-up>li:nth-child(2n+1) {clear: left;} */\n\t\n\t.block-grid.three-up { margin-left: -2% }\n\t.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }\n/* \t.block-grid.three-up>li:nth-child(3n+1) {clear: left;} */\n\t\n\t.block-grid.four-up { margin-left: -2% }\n\t.block-grid.four-up>li { margin-left: 2%; width: 23%; }\n/* \t.block-grid.four-up>li:nth-child(4n+1) {clear: left;} */\n\t\n\t.block-grid.five-up { margin-left: -1.5% }\n\t.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }\n/* \t.block-grid.five-up>li:nth-child(5n+1) {clear: left;} */\n\n" }, { "path": "stylesheets/ie.css", "content": "/* This is for all IE specfific style less than IE9. We hate IE. */\n\n\tdiv.panel { border: 1px solid #ccc; }\n\t.lt-ie8 .nav-bar li.has-flyout a { padding-right: 20px; }\n\t.lt-ie8 .nav-bar li.has-flyout a:after { border-top: none; }" }, { "path": "stylesheets/mobile.css", "content": "/* --------------------------------------------------\n\t:: Typography\n\t-------------------------------------------------- */\n\t\n\t@media handheld, only screen and (max-width: 767px) {\n\t\th1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; }\n\t\th2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; }\n\t\th3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; }\n\t\th4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; }\n\t\th5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; }\n\t\th6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; }\n\t\tbody, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; }\n\t}\n\n\n/* --------------------------------------------------\n\t:: Grid\n\t-------------------------------------------------- */\n\t\n\t/* Tablet screens */\n\t@media only screen and (device-width: 768px), (device-width: 800px) {\n\t\t/* Currently unused */\n\t}\n\t\n\t\n\t/* Mobile */\n\t@media only screen and (max-width: 767px) {\t\t\n\t\tbody { -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; }\n\t\t.container { min-width: 0; margin-left: 0; margin-right: 0; }\n\t\t.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }\n\t\t.row .row .column, .row .row .columns { padding: 0; }\n\t\t.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }\n\t\t.column:last-child, .columns:last-child { margin-right: 0; }\n\t\t\n\t\t.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; }\n\t\t\n\t\t.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }\n\t\t.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }\n\t\t\n\t\t/* Mobile 4-column Grid */\n\t\t.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; }\n\t\t\n\t\t.row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column,\n\t\t.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; }\n\t\t\n\t\t.row .phone-one.columns \t{ width: 21.68% !important; }\n\t\t.row .phone-two.columns \t{ width: 47.8% !important; }\n\t\t.row .phone-three.columns \t{ width: 73.9% !important; }\n\t\t.row .phone-four.columns \t{ width: 100% !important; }\n\t\t\n\t\t.row .columns.push-one-phone { left: 26.08%; }\n\t\t.row .columns.push-two-phone { left: 52.2% }\n\t\t.row .columns.push-three-phone { left: 78.3% }\n\t\t\n\t\t.row .columns.pull-one-phone { right: 26.08% }\n\t\t.row .columns.pull-two-phone { right: 52.2% }\n\t\t.row .columns.pull-three-phone { right: 78.3%; }\n\t\t\n\t\t\n\t}\n\t\n\t\n/* --------------------------------------------------\n\t:: Block Grids\n\t-------------------------------------------------- */\t\n\t\n\t@media only screen and (max-width: 767px) {\n\t\t.block-grid.mobile { margin-left: 0; }\n\t\t.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }\n\t}\n\t\n\t\n\n/* -------------------------------------------------- \n\t:: Mobile Visibility Affordances\n---------------------------------------------------*/\n\t\n\t\n\t.show-on-phones { display: none !important; }\t\n\t.show-on-tablets { display: none !important; }\n\t.show-on-desktops { display: block !important; }\n\t\n\t.hide-on-phones { display: block !important; }\t\n\t.hide-on-tablets { display: block !important; }\n\t.hide-on-desktops { display: none !important; }\n\t\n\t@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) {\n\t\t.hide-on-phones { display: block !important; }\n\t\t.hide-on-tablets { display: none !important; }\n\t\t.hide-on-desktops { display: block !important; }\n\t\t\n\t\t.show-on-phones { display: none !important; }\n\t\t.show-on-tablets { display: block !important; }\n\t\t.show-on-desktops { display: none !important; }\n\t}\n\t\n\t/* Modernizr-enabled tablet targeting */\n\t@media only screen and (max-width: 1280px) and (min-width: 768px) {\n\t\t.touch .hide-on-phones { display: block !important; }\n\t\t.touch .hide-on-tablets { display: none !important; }\n\t\t.touch .hide-on-desktops { display: block !important; }\n\t\t\n\t\t.touch .show-on-phones { display: none !important; }\n\t\t.touch .show-on-tablets { display: block !important; }\n\t\t.touch .show-on-desktops { display: none !important; }\n\t}\n\t\n\t\t\n\t@media only screen and (max-width: 767px) {\n\t\t.hide-on-phones { display: none !important; }\n\t\t.hide-on-tablets { display: block !important; }\n\t\t.hide-on-desktops { display: block !important; }\n\t\t\n\t\t.show-on-phones { display: block !important; }\n\t\t.show-on-tablets { display: none !important; }\n\t\t.show-on-desktops { display: none !important; }\n\t}\n\t\n\t/* only screen and (device-width: 1280px), only screen and (max-device-width: 1280px), /*\n\t/* Keeping this in as a reminder to address support for other tablet devices like the Xoom in the future */\n\t\n\t/* Specific overrides for elements that require something other than display: block */\n\t\n\ttable.show-on-desktops { display: table !important; }\n\ttable.hide-on-phones { display: table !important; }\t\n\ttable.hide-on-tablets { display: table !important; }\n\t\n\t@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) {\n\t\ttable.hide-on-phones { display: block !important; }\n\t\ttable.hide-on-desktops { display: block !important; }\n\t\ttable.show-on-tablets { display: block !important; }\n\t}\n\t\n\t@media only screen and (max-width: 767px) {\n\t\ttable.hide-on-tablets { display: block !important; }\n\t\ttable.hide-on-desktops { display: block !important; }\n\t\ttable.show-on-phones { display: block !important; }\n\t}\n\t\n\t\n/* -------------------------------------------------- \n\t:: Forms\n---------------------------------------------------*/\t\n\n\n\t@media only screen and (max-width: 767px) {\n\t\tdiv.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,\n\t\tform.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; }\n\t\tform.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; }\n\t\tform.nice div.form-field.error small, form.nice small.error { padding: 6px 2%; display: block; }\n\t\tform.nice div.form-field.error .small + small, form.nice .small + .error { width: auto; }\n\t\tform.nice div.form-field.error .medium + small, form.nice .medium + .error { width: auto; }\n\t\tform.nice div.form-field.error .large + small, form.nice .large + .error { width: auto; }\n\t}\n\t\n\t\n/* -------------------------------------------------- \n\t:: UI\n---------------------------------------------------*/\t\n\t\n\t/* Buttons */\n\t@media only screen and (max-width: 767px) {\n\t\t.button { display: block; }\n\t\tbutton.button { width: 100%; padding-left: 0; padding-right: 0; }\n\t}\n\t\n\t/* Tabs */\n\t\n\t@media only screen and (max-width: 767px) {\n\t\tdl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }\n\t\tdl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; }\n\n\t\tdl.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; }\n\t\tdl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }\n\t\n\t\t.nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }\n\t\t.nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }\n\t\t.nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }\n\t\t.nice.tabs.mobile dd:first-child a.active { margin: 0; }\n\t\t\n\t\tdl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; }\n\t\tdl.contained.tabs.mobile dd a { padding: 18px 20px; }\n\t\tdl.nice.contained.tabs.mobile dd a { padding: 18px 20px; }\n\t}\n\t\n\t/* Nav Bar */\n\n\t@media only screen and (max-width: 767px) {\n\t\t.nav-bar { height: auto; }\n\t\t.nav-bar>li { float: none; display: block; border-right: none; }\n\t\t.nav-bar>li>a { text-align: left; border-top: 1px solid #ddd; border-right: none; } \n\t\t.nav-bar>li:first-child>a { border-top: none; }\n\t\t.nav-bar>li.has-flyout>a:after { content: \"\"; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; }\n\t\t.nav-bar>li:hover>a { font-weight: bold; }\n\t\t.nav-bar>li:hover ul { position: relative; }\n\t\t\n\t\t.flyout { position: relative; width: auto; top: auto; margin-right: -2px; border-width: 1px 1px 0px 1px; }\n\t\t.flyout.right { float: none; right: auto; left: -1px; }\n\t\t.flyout.small, .flyout.large { width: auto; }\n\t\t.flyout p:last-child { margin-bottom: 18px; }\n\t}\n\t\n\t/* Nav Bar */\n\t\n\t@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {\n\t\t.video { padding-top: 0; }\n\t}\n" }, { "path": "stylesheets/orbit.css", "content": "/* CSS for jQuery Orbit Plugin 1.2.3\n * www.ZURB.com/playground\n * Copyright 2010, ZURB\n * Free to use under the MIT license.\n * http://www.opensource.org/licenses/mit-license.php\n \n \n \n/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY\n ================================================== */\n#caseStudies { \n\twidth: 1000px;\n\theight: 210px;\n\tbackground: #fff url('../images/orbit/loading.gif') no-repeat center center;\n\toverflow: hidden; }\n#caseStudies>img, \n#caseStudies>div,\n#caseStudies>a { display: none; }\n\n\n\n\n/* CONTAINER\n ================================================== */\n\ndiv.orbit-wrapper {\n width: 1px;\n height: 1px;\n position: relative; }\n\ndiv.orbit {\n width: 1px;\n height: 1px;\n position: relative;\n overflow: hidden }\n \ndiv.orbit.with-bullets {\n margin-bottom: 40px;\n}\n\ndiv.orbit>img {\n position: absolute;\n top: 0;\n left: 0;\n /* display: none; */ }\n\ndiv.orbit>a {\n border: none;\n position: absolute;\n top: 0;\n left: 0;\n line-height: 0; \n display: none; }\n\n.orbit>div {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%; }\n\n/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the \".orbit>div\" and \"div.orbit>a\" tags in addition to just the .orbit-wrapper */\n\n\n/* TIMER\n ================================================== */\n\ndiv.timer {\n width: 40px;\n height: 40px;\n overflow: hidden;\n position: absolute;\n top: 10px;\n right: 10px;\n opacity: .6;\n cursor: pointer;\n z-index: 1001; }\n\nspan.rotator {\n display: block;\n width: 40px;\n height: 40px;\n position: absolute;\n top: 0;\n left: -20px;\n background: url(../images/orbit/rotator-black.png) no-repeat;\n z-index: 3; }\n\nspan.mask {\n display: block;\n width: 20px;\n height: 40px;\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2;\n overflow: hidden; }\n\nspan.rotator.move {\n left: 0 }\n\nspan.mask.move {\n width: 40px;\n left: 0;\n background: url(../images/orbit/timer-black.png) repeat 0 0; }\n\nspan.pause {\n display: block;\n width: 40px;\n height: 40px;\n position: absolute;\n top: 0;\n left: 0;\n background: url(../images/orbit/pause-black.png) no-repeat;\n z-index: 4;\n opacity: 0; }\n\nspan.pause.active {\n background: url(../images/orbit/pause-black.png) no-repeat 0 -40px }\n\ndiv.timer:hover span.pause,\nspan.pause.active {\n opacity: 1 }\n\n\n/* CAPTIONS\n ================================================== */\n\n.orbit-caption {\n display: none;\n font-family: \"HelveticaNeue\", \"Helvetica-Neue\", Helvetica, Arial, sans-serif; }\n\n.orbit-wrapper .orbit-caption {\n background: #000;\n background: rgba(0,0,0,.6);\n z-index: 1000;\n color: #fff;\n\ttext-align: center;\n\tpadding: 7px 0;\n font-size: 13px;\n position: absolute;\n right: 0;\n bottom: 0;\n width: 100%; }\n\n\n/* DIRECTIONAL NAV\n ================================================== */\n\ndiv.slider-nav {\n display: block }\n\ndiv.slider-nav span {\n width: 78px;\n height: 100px;\n text-indent: -9999px;\n position: absolute;\n z-index: 1000;\n top: 50%;\n margin-top: -50px;\n cursor: pointer; }\n\ndiv.slider-nav span.right {\n background: url(../images/orbit/right-arrow.png);\n right: 0; }\n\ndiv.slider-nav span.left {\n background: url(../images/orbit/left-arrow.png);\n left: 0; }\n\n/* BULLET NAV\n ================================================== */\n\n.orbit-bullets {\n position: absolute;\n z-index: 1000;\n list-style: none;\n bottom: -40px;\n left: 50%;\n\tmargin-left: -50px;\n padding: 0; }\n\n.orbit-bullets li {\n float: left;\n margin-left: 5px;\n cursor: pointer;\n color: #999;\n text-indent: -9999px;\n background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;\n width: 13px;\n height: 12px;\n overflow: hidden; }\n\n.orbit-bullets li.active {\n color: #222;\n background-position: -8px 0; }\n \n.orbit-bullets li.has-thumb {\n background: none;\n width: 100px;\n height: 75px; }\n\n.orbit-bullets li.active.has-thumb {\n background-position: 0 0;\n border-top: 2px solid #000; }\n \n/* FLUID LAYOUT\n ================================================== */\n.orbit .fluid-placeholder {\n visibility: hidden;\n position: static;\n display: block;\n width: 100%;\n}\n\n.orbit, .orbit-wrapper { width: 100% !important; }\n\n.orbit-bullets {\n position: absolute;\n z-index: 1000;\n list-style: none;\n bottom: -50px;\n left: 50%;\n\tmargin-left: -50px;\n padding: 0; }\n\n.orbit-bullets li {\n float: left;\n margin-left: 5px;\n cursor: pointer;\n color: #999;\n text-indent: -9999px;\n background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;\n width: 13px;\n height: 12px;\n overflow: hidden; }\n\n.orbit-bullets li.has-thumb {\n background: none;\n width: 100px;\n height: 75px; }\n\n.orbit-bullets li.active {\n color: #222;\n background-position: -8px 0; }\n\n.orbit-bullets li.active.has-thumb {\n background-position: 0 0;\n border-top: 2px solid #000; }" }, { "path": "stylesheets/reveal.css", "content": "/*\t--------------------------------------------------\n\tReveal Modals\n\t-------------------------------------------------- */\n\t\t\n\t.reveal-modal-bg { \n\t\tposition: fixed; \n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tbackground: #000;\n\t\tz-index: 2000;\n\t\tdisplay: none;\n\t\ttop: 0;\n\t\tleft: 0; \n\t\t}\n\t\n\t.reveal-modal {\n\t\tvisibility: hidden;\n\t\ttop: 100px; \n\t\tleft: 50%;\n\t\tmargin-left: -300px;\n\t\twidth: 520px;\n\t\tbackground: #eee url(../images/misc/modal-gloss.png) no-repeat -200px -80px;\n\t\tposition: absolute;\n\t\tz-index: 2001;\n\t\tpadding: 30px 40px 34px;\n\t\t-moz-border-radius: 5px;\n\t\t-webkit-border-radius: 5px;\n\t\tborder-radius: 5px;\n\t\t-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);\n\t\t-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);\n\t\tbox-shadow: 0 0 10px rgba(0,0,0,.4);\n\t\t}\n\t\t\n\t.reveal-modal.small \t\t{ width: 200px; margin-left: -140px;}\n\t.reveal-modal.medium \t\t{ width: 400px; margin-left: -240px;}\n\t.reveal-modal.large \t\t{ width: 600px; margin-left: -340px;}\n\t.reveal-modal.xlarge \t\t{ width: 800px; margin-left: -440px;}\n\t\n\t.reveal-modal .close-reveal-modal {\n\t\tfont-size: 22px;\n\t\tline-height: .5;\n\t\tposition: absolute;\n\t\ttop: 8px;\n\t\tright: 11px;\n\t\tcolor: #aaa;\n\t\ttext-shadow: 0 -1px 1px rbga(0,0,0,.6);\n\t\tfont-weight: bold;\n\t\tcursor: pointer;\n\t\t} \n\t\n\t.reveal-modal .row {\n\t\tmin-width: 0;\n\t}\n\t\n\t/* Mobile */\n\t\t\n\t\t@media handheld, only screen and (device-width: 768px), (device-width: 800px) {\n\t\t\t.reveal-modal-bg { position: absolute; }\n\t\t\t\n\t\t\t.reveal-modal,\n\t\t\t.reveal-modal.small,\n\t\t\t.reveal-modal.medium,\n\t\t\t.reveal-modal.large,\n\t\t\t.reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0; padding: 5%; height: auto; }\n\t\t}\n\t\t\n\t\t@media handheld, only screen and (max-width: 767px) {\n\t\t\t.reveal-modal-bg { position: absolute; }\n\t\t\t\n\t\t\t.reveal-modal,\n\t\t\t.reveal-modal.small,\n\t\t\t.reveal-modal.medium,\n\t\t\t.reveal-modal.large,\n\t\t\t.reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0; padding: 5%; height: auto; }\n\t\t}\n\t\n\t\n\t/*\n\t\t\t\n\tNOTES\n\t\n\tClose button entity is ×\n\t\n\tExample markup\n\t\n\t
    \n\t\t

    Awesome. I have it.

    \n\t\t

    Your couch. I it's mine.

    \n\t\t

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.

    \n\t\t×\n\t
    \n\t\n\t*/\n" }, { "path": "stylesheets/typography.css", "content": "/* Artfully Masterminded by ZURB */\n\n/*\t--------------------------------------------------\n :: Typography\n\t-------------------------------------------------- */\n\th1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25 }\n\th1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }\n\th1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;}\n\th2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; }\n\th3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }\n\th4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }\n\th5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px; }\n\th6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }\n\n\t.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }\n\n\tp { font-size: 13px; font-size: 1.3rem; line-height: 1.25; margin: 0 0 18px; }\n\tp img { margin: 0; }\n\tp.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; }\n\t\n\tem, i { font-style: italic; line-height: inherit; }\n\tstrong, b { font-weight: bold; line-height: inherit; }\n\tsmall { font-size: 60%; line-height: inherit; }\n\t\n\th1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }\n\t\n\t/*\tBlockquotes */\n\tblockquote, blockquote p { line-height: 20px; color: #777; }\n\tblockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }\n\tblockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }\n\tblockquote cite:before { content: \"\\2014 \\0020\"; }\n\tblockquote cite a, blockquote cite a:visited { color: #555; }\n\t\n\thr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }\n\t\n\tabbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }\n\tabbr { text-transform: none; }\n\n\t/**\n \t * Print styles.\n\t *\n\t * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/\n\t * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)\n\t */\n\t.print-only { display: none !important; }\n\t@media print {\n\t\t* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;\n\t\t-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */\n\t\tp a, p a:visited { color: #444 !important; text-decoration: underline; }\n\t\tp a[href]:after { content: \" (\" attr(href) \")\"; }\n\t\tabbr[title]:after { content: \" (\" attr(title) \")\"; }\n\t\t.ir a:after, a[href^=\"javascript:\"]:after, a[href^=\"#\"]:after { content: \"\"; } /* Don't show links for images, or javascript/internal links */\n\t\tpre, blockquote { border: 1px solid #999; page-break-inside: avoid; }\n\t\tthead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */\n\t\ttr, img { page-break-inside: avoid; }\n\t\t@page { margin: 0.5cm; }\n\t\tp, h2, h3 { orphans: 3; widows: 3; }\n\t\th2, h3{ page-break-after: avoid; }\n\t\t.hide-on-print { display: none !important; }\n\t\t.print-only { display: block !important; }\n\t}\n" }, { "path": "stylesheets/ui.css", "content": "/* Artfully masterminded by ZURB */\n\n\n\n/* --------------------------------------------------\n Table of Contents\n-----------------------------------------------------\n:: Buttons\n:: Alerts\n:: Notices/Alerts\n:: Tabs\n:: Pagination\n:: Lists\n:: Panels\n:: Nav\n:: Video\n:: Microformats\n*/\n\n\n\n\n/*\t--------------------------------------------------\n\tButtons\n\t-------------------------------------------------- */\n\n\t.button {\n\t\tbackground: #00a6fc;\n\t\tdisplay: inline-block;\n\t\ttext-align: center;\n\t\tpadding: 9px 34px 11px;\n\t\tcolor: #fff;\n\t\ttext-decoration: none;\n\t\tfont-weight: bold;\n\t\tline-height: 1;\n\t\tfont-family: \"Helvetica Neue\", \"Helvetica\", Arial, Verdana, sans-serif;\n\t\tposition: relative;\n\t\tcursor: pointer;\n\t\tborder: none;\n\t}\n\t\n \t/* Don't use native buttons on iOS */\n\tinput[type=submit].button, button.button { -webkit-appearance: none; }\n\t\n\t.button.nice { \n\t\tbackground: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px;\n\t\t-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);\n\t\t-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);\n\t\ttext-shadow: 0 -1px 1px rgba(0,0,0,0.28);\n\t\tbackground: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);\n\t\tbackground: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));\n\t\tborder: 1px solid #0593dc;\n\t\t-webkit-transition: background-color .15s ease-in-out;\n\t\t-moz-transition: background-color .15s ease-in-out;\n\t\t-o-transition: background-color .15s ease-in-out;\n\t}\n\n\t.button.radius {\n\t\t-moz-border-radius: 3px;\n\t\t-webkit-border-radius: 3px;\n\t\tborder-radius: 3px;\n\t}\n\t.button.round {\n\t\t-moz-border-radius: 1000px;\n\t\t-webkit-border-radius: 1000px;\n\t\tborder-radius: 1000px;\n\t}\n\n\t.button.full-width {\n\t\twidth: 100%;\n\t\tpadding-left: 0 !important;\n\t\tpadding-right: 0 !important;\n\t\ttext-align: center;\n\t}\n\n\t.button.left-align {\n\t\ttext-align: left;\n\t\ttext-indent: 12px;\n\t}\n\t\n\t/* Sizes ---------- */\n\t.small.button \t\t\t{ font-size: 11px; padding: 8px 20px 10px; width: auto; }\n\t.medium.button \t\t\t{ font-size: 13px; width: auto; }\n\t.large.button \t\t\t{ font-size: 18px; padding: 11px 48px 13px; width: auto; }\n\n\t/* Nice Sizes ---------- */\n\t.nice.small.button \t\t{ background-position: 0 -36px; }\n\t.nice.large.button \t\t{ background-position: 0 -30px; }\n\n\t/* Colors ---------- */\n\t.blue.button\t\t\t{ background-color: #00a6fc; }\n\t.red.button\t\t\t\t{ background-color: #e91c21; }\n\t.white.button\t\t\t{ background-color: #e9e9e9; color: #333; }\n\t.black.button\t\t\t{ background-color: #141414; }\n\t\n\t/* Nice Colors ---------- */\n\t.nice.blue.button\t\t{ border: 1px solid #0593dc; }\n\t.nice.red.button\t\t{ border: 1px solid #b90b0b; }\n\t.nice.white.button\t\t{ border: 1px solid #cacaca; text-shadow: none !important; }\n\t.nice.black.button\t\t{ border: 1px solid #000; }\n\t\n\t/* Hovers ---------- */\n\t.button:hover, .button:focus \t\t\t\t{ background-color: #0192dd; color: #fff; }\n\t.blue.button:hover, .blue.button:focus\t\t{ background-color: #0192dd; \t}\n\t.red.button:hover, .red.button:focus \t\t{ background-color: #d01217; \t}\n\t.white.button:hover, .white.button:focus\t{ background-color: #dadada; color: #333; }\n\t.black.button:hover, .black.button:focus\t{ background-color: #000; }\n\t\n\t/* Disabled ---------- */\n\t.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }\n\n\n\n/*\t--------------------------------------------------\n\tAlerts\n\t-------------------------------------------------- */\n\n\tdiv.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; }\n\t.alert-box.success { background-color: #7fae00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }\n\t.alert-box.warning { background-color: #c08c00; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }\n\t.alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0 -1px rgba(0,0,0,0.3); }\n\t\n\t.alert-box a.close { color: #000; position: absolute; right: 4px; top: 0; font-size: 18px; opacity: 0.2; padding: 4px; }\n\t.alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; }\n\n\n/* --------------------------------------------------\n Tabs\n -------------------------------------------------- */\n dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }\n 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; }\n dl.tabs dt:first-child { padding: 0 9px 0 0; }\n dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }\n 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; }\n dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; height: 30px; }\n\n\t\t.nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; }\n\t\t.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }\n\t\t.nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }\n\t\t.nice.tabs dd:first-child a.active { margin-left: 0; }\n\t\t\n\tdl.tabs.vertical { height: auto; }\n\tdl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; }\n\tdl.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; }\n\tdl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; }\n\t\n\t\t.nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; }\n\t\t.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; }\n\t\t.nice.tabs.vertical dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0; height: auto; }\n\t\t.nice.tabs.vertical dd:first-child a.active { margin: 0; }\n \n ul.tabs-content { margin: 0; display: block; }\n ul.tabs-content>li { display:none; }\n ul.tabs-content>li.active { display: block; }\n \n dl.contained, dl.nice.contained { margin-bottom: 0; }\n dl.contained.tabs dd a { padding: 0 14px; }\n dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }\n\n ul.contained.tabs-content { padding: 0; }\n\tul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; }\n\tul.nice.contained.tabs-content>li { border-color: #eee; }\n\t\n/* --------------------------------------------------\n Pagination\n -------------------------------------------------- */\n ul.pagination { display: block; height: 24px; margin-left: -5px; }\n ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }\n ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }\n ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus { border-bottom: solid 2px #00a6fc; color: #141414; }\n ul.pagination li.unavailable a { cursor: default; color: #999; }\n ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { border-bottom: none; }\n \n/* --------------------------------------------------\n Lists\n -------------------------------------------------- */\n ul.nice, ol.nice { list-style: none; margin: 0; }\n ul.nice li, ol.nice li { padding-left: 13px; position: relative }\n ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; }\n\n/*\t--------------------------------------------------\n\tPanels\n\t-------------------------------------------------- */\n\tdiv.panel {\n\t\tpadding: 20px 20px 2px 20px;\n\t\tbackground: #efefef;\n\t\tbackground: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );\n\t\tbox-shadow: 0 2px 5px rgba(0,0,0,0.15);\n\t\t-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);\n\t\t-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);\n\t\tmargin: 0 0 20px 0;\n\t}\n\n/*\t--------------------------------------------------\n \tNav Bar with Dropdowns\n\t-------------------------------------------------- */\n\t\n\t.nav-bar { height: 45px; background: #fff; margin-top: 20px; border: 1px solid #ddd; }\t\n\t.nav-bar>li { float: left; display: block; position: relative; padding: 0; margin: 0; border-right: 1px solid #ddd; line-height: 45px; }\n\t.nav-bar>li>a { position: relative; font-size: 14px; padding: 0 20px; display: block; text-decoration: none; font-size: 15px; font-size: 1.5rem; }\n\t.nav-bar>li>input { margin: 0 16px; }\n\t.nav-bar>li ul { margin-bottom: 0; }\n\t.nav-bar>li li { line-height: 1.3; }\n\t.nav-bar>li.has-flyout>a { padding-right: 36px; }\n\t.nav-bar>li.has-flyout>a:after { content: \"\"; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #2a85e8; display: block; position: absolute; right: 18px; bottom: 20px; }\n\t.nav-bar>li:hover>a { color: #141414; z-index: 2; }\n\t.nav-bar>li:hover>a:after { border-top-color: #141414; }\n\n\t.flyout { background: #fff; margin: 0; padding: 20px; border: 1px solid #ddd; position: absolute; top: 45px; left: -1px; width: 400px; z-index: 10; }\n\t.flyout.small { width: 200px; }\n\t.flyout.large { width: 600px; }\n\t.flyout.right { left: auto; right: 0; }\n\t.flyout p:last-child { margin-bottom: 0; }\n\t.nav-bar>li .flyout { display: none; }\n\t.nav-bar>li:hover .flyout { display: block; }\n\n\n/*\t--------------------------------------------------\n \tVideo\n \tMad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/\n\t-------------------------------------------------- */\n\t\n\t.flex-video {\n\t\tposition: relative;\n\t\tpadding-top: 25px;\n\t\tpadding-bottom: 67.5%;\n\t\theight: 0;\n\t\tmargin-bottom: 16px;\n\t\toverflow: hidden;\n\t}\n\t\n\t.flex-video.widescreen { padding-bottom: 57.25%; }\n\t.flex-video.vimeo { padding-top: 0; }\n\t\n\t.flex-video iframe,\n\t.flex-video object,\n\t.flex-video embed {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\n\n/*\t--------------------------------------------------\n \tMicroformats\n\t-------------------------------------------------- */\n\t\n\t/* hCard */\n\tul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }\n\tul.vcard li { margin: 0; display: block; }\n\tul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; }\n\t\n\tp.vevent span.summary { font-weight: bold; }\n\tp.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }\n\t\n\t\n\t\n\t\n\t\n" } ]