diff --git a/.eslintignore b/.eslintignore index 60b17779..278b72e3 100644 --- a/.eslintignore +++ b/.eslintignore @@ -2,3 +2,4 @@ examples/* docs/* tmp/* coverage/* +test/mocha/html-snapshots/server diff --git a/test/mocha/html-snapshots/server/app/app.js b/test/mocha/html-snapshots/server/app/app.js new file mode 100644 index 00000000..8b3d4b28 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/app.js @@ -0,0 +1,74 @@ +define([ + "backbone.layoutmanager" +], function() { + + // Provide a global location to place configuration settings and module + // creation. + var app = { + // The root path to run the application. + root: "/" + }; + + // Localize or create a new JavaScript Template object. + var JST = window.JST = window.JST || {}; + + // Configure LayoutManager with Backbone Boilerplate defaults. + Backbone.Layout.configure({ + // Allow LayoutManager to augment Backbone.View.prototype. + manage: true, + + prefix: "app/templates/", + + fetch: function(path) { + // Concatenate the file extension. + path = path + ".html"; + + // If cached, use the compiled template. + if (JST[path]) { + return JST[path]; + } + + // Put fetch into `async-mode`. + var done = this.async(); + + // Seek out the template asynchronously. + $.get(app.root + path, function(contents) { + done(JST[path] = _.template(contents)); + }); + } + }); + + // Mix Backbone.Events, modules, and layout management into the app object. + return _.extend(app, { + // Create a custom object with a nested Views object. + module: function(additionalProps) { + return _.extend({ Views: {} }, additionalProps); + }, + + // Helper for using layouts. + useLayout: function(name, options) { + // Enable variable arity by allowing the first argument to be the options + // object and omitting the name argument. + if (_.isObject(name)) { + options = name; + } + + // Ensure options is an object. + options = options || {}; + + // If a name property was specified use that as the template. + if (_.isString(name)) { + options.template = name; + } + + // Create a new Layout with options. + var layout = new Backbone.Layout(_.extend({ + el: "#main" + }, options)); + + // Cache the refererence. + return this.layout = layout; + } + }, Backbone.Events); + +}); diff --git a/test/mocha/html-snapshots/server/app/config.js b/test/mocha/html-snapshots/server/app/config.js new file mode 100644 index 00000000..4e32ebe1 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/config.js @@ -0,0 +1,74 @@ +// Set the require.js configuration for your application. +require.config({ + + // Initialize the application with the main application file and the JamJS + // generated configuration file. + deps: ["../vendor/jam/require.config", "main"], + + paths: { + + // Use the underscore build of Lo-Dash to minimize incompatibilities. + "lodash": "../vendor/jam/lodash/dist/lodash.underscore", + + // JavaScript folders. + plugins: "../vendor/js/plugins", + vendor: "../vendor", + + // shortcut to foundation + foundation: "../vendor/foundation", + + polyfiller: "../vendor/js/libs/webshim/minified/polyfiller" + + }, + + config: { + "modules/contact": { + // these have to match the api + endpoint: "/api", + resource: "contact", + slug: "NORTHSTAR86i23a03pZ" + }, + "modules/render": { + polyfillerBasePath: "/vendor/js/libs/webshim/minified/shims/" + } + }, + + map: { + // Ensure Lo-Dash is used instead of underscore. + "*": { "underscore": "lodash" } + + // Put additional maps here. + }, + + shim: { + + "foundation/jquery.event.move": { + deps: ["jquery"] + }, + "foundation/jquery.event.swipe": { + deps: ["jquery"] + }, + + "foundation/jquery.foundation.orbit.ln": { + deps: ["jquery"] + }, + "foundation/init": { + deps: ["jquery"] + }, +/* + "foundation/jquery.foundation.mediaQueryToggle": { + deps: ["jquery"] + }, +*/ + "foundation/jquery.foundation.navigation.ln" : { + deps: ["jquery"] + }, + "foundation/jquery.placeholder": { + deps: ["jquery"] + }, + "foundation/jquery.foundation.reveal": { + deps: ["jquery"] + } + } + +}); diff --git a/test/mocha/html-snapshots/server/app/data/pageData.json b/test/mocha/html-snapshots/server/app/data/pageData.json new file mode 100644 index 00000000..3260f273 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/data/pageData.json @@ -0,0 +1,193 @@ +{ + "home": { + "name": "home", + "type": "target", + "url": "/", + "displayName": "Home", + "slides": [ + { + "cssclass": "slider-1", + "content": "

Welcome to North Star Cleaning

" + }, + { + "cssclass": "slider-1", + "content": "

The next slide

" + } + ], + "mainArt": "/images/art1.jpg", + "mainArtAlt": "Test Art", + "pageTitle": "North Star Cleaning Service", + "pageDescription": "this is the home page", + "pageKeywords": "home page", + "vectorArt": true, + "images": [] + }, + "contact": { + "name": "contact", + "type": "target", + "slides": [ + { + "cssclass": "slider-1", + "content": "

Contact us today!

" + } + ], + "mainArt": "", + "mainArtAlt": "", + "pageTitle": "Contact - North Star Cleaning Service", + "pageDescription": "this is the contact page", + "pageKeywords": "contact page", + "displayName": "Contact", + "url": "/contact", + "mailTo": "info@northstarcleaningme.com", + "responseTime": "24 hours", + "vectorArt": false + }, + "footer": { + "name": "footer", + "type": "component", + "mainArt": "/images/art1.jpg", + "mainArtAlt": "Footer Art" + }, + "carpets": { + "name": "carpets", + "type": "service", + "slides": [ + { + "cssclass": "", + "content": "

We Clean Carpets

Oh yes we do. We really really do - believe it!

" + } + ], + "mainArt": "/images/art1.jpg", + "mainArtAlt": "Test Art", + "pageTitle": "Carpet Cleaning - North Star Cleaning Service", + "pageDescription": "this is the carpets page", + "pageKeywords": "carpets page", + "displayName": "Carpets", + "url": "/services/carpets", + "vectorArt": true, + "images": [ + { + "pair": 0, + "revealId": "carpet1", + "th_src": "/images/carpets/carpet1_th.jpg", + "th_alt": "small carpet", + "th_width": "300px", + "th_height": "300px", + "m_src": "/images/carpets/carpet1.jpg", + "m_alt": "big carpet", + "m_width": "600px", + "m_height": "600px", + "title": "carpet one" + }, + { + "pair": 0, + "revealId": "carpet2", + "th_src": "/images/carpets/carpet2_th.jpg", + "th_alt": "small carpet", + "th_width": "300px", + "th_height": "300px", + "m_src": "/images/carpets/carpet2.jpg", + "m_alt": "big carpet", + "m_width": "600px", + "m_height": "600px", + "title": "carpet two" + }, + { + "pair": 1, + "revealId": "carpet3", + "th_src": "/images/carpets/carpet3_th.jpg", + "th_alt": "small carpet", + "th_width": "300px", + "th_height": "300px", + "m_src": "/images/carpets/carpet3.jpg", + "m_alt": "big carpet", + "m_width": "600px", + "m_height": "600px", + "title": "carpet three" + }, + { + "pair": 1, + "revealId": "carpet4", + "th_src": "/images/carpets/carpet4_th.jpg", + "th_alt": "small carpet", + "th_width": "300px", + "th_height": "300px", + "m_src": "/images/carpets/carpet4.jpg", + "m_alt": "big carpet", + "m_width": "600px", + "m_height": "600px", + "title": "carpet four" + } + ] + }, + "floors": { + "name": "floors", + "type": "service", + "slides": [], + "mainArt": "", + "mainArtAlt": "", + "pageTitle": "Floor Cleaning - North Star Cleaning Service", + "pageDescription": "this is the floors page", + "pageKeywords": "floors page", + "displayName": "Floors", + "url": "/services/floors", + "vectorArt": false, + "images": [] + }, + "upholstery": { + "name": "upholstery", + "type": "service", + "slides": [], + "mainArt": "", + "mainArtAlt": "", + "pageTitle": "Upholstery Cleaning - North Star Cleaning Service", + "pageDescription": "this is the upholstery page", + "pageKeywords": "upholstery page", + "displayName": "Upholstery", + "url": "/services/upholstery", + "vectorArt": false, + "images": [] + }, + "tile-grout": { + "name": "tile-grout", + "type": "service", + "slides": [], + "mainArt": "", + "mainArtAlt": "", + "pageTitle": "Tile & Grout - North Star Cleaning Service", + "pageDescription": "this is the tile & grout page", + "pageKeywords": "tile & grout page", + "displayName": "Tile & Grout", + "url": "/services/tile-grout", + "vectorArt": false, + "images": [] + }, + "water-damage": { + "name": "water-damage", + "type": "service", + "slides": [], + "mainArt": "", + "mainArtAlt": "", + "pageTitle": "Water Damage - North Star Cleaning Service", + "pageDescription": "this is the water damage page", + "pageKeywords": "water damage page", + "displayName": "Water Damage", + "url": "/services/water-damage", + "vectorArt": false, + "images": [] + }, + "faq": { + "name": "faq", + "type": "service", + "slides": [], + "mainArt": "", + "mainArtAlt": "", + "pageTitle": "FAQ - North Star Cleaning Service", + "pageDescription": "this is the FAQ page", + "pageKeywords": "FAQ page", + "displayName": "FAQ", + "url": "/services/faq", + "vectorArt": false, + "images": [] + } + } \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/main.js b/test/mocha/html-snapshots/server/app/main.js new file mode 100644 index 00000000..8fb85116 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/main.js @@ -0,0 +1,43 @@ +require([ + "app", + "router" +], +function(app, Router) { + + // Define your master router on the application namespace and trigger all + // navigation from this instance. + app.router = new Router(); + + // Trigger the initial route and enable HTML5 History API support, set the + // root folder to '/' by default. Change in app.js. + Backbone.history.start({ pushState: true, root: app.root }); + + // All navigation that is relative should be passed through the navigate + // method, to be processed by the router. If the link has a `data-bypass` + // attribute, bypass the delegation completely. + $(document).on("click", "a[href]:not([data-bypass])", function(evt) { + // Get the absolute anchor href. + var href = { prop: $(this).prop("href"), attr: $(this).attr("href") }; + + // Get the absolute root. + var root = location.protocol + "//" + location.host + app.root; + + // If the browser is normalizing, remove the absolute root from the href attr + // Switch to normalizr instead when if/when it becomes available + if (!$.support.hrefNormalized) + href.attr = href.attr.replace(root, ""); + + // Ensure the root is part of the anchor href, meaning it's relative. + if (href.prop.slice(0, root.length) === root) { + // Stop the default event to ensure the link will not cause a page + // refresh. + evt.preventDefault(); + + // `Backbone.history.navigate` is sufficient for all Routers and will + // trigger the correct events. The Router's internal `navigate` method + // calls this anyways. The fragment is sliced from the root. + Backbone.history.navigate(href.attr, true); + } + }); + +}); diff --git a/test/mocha/html-snapshots/server/app/modules/art.js b/test/mocha/html-snapshots/server/app/modules/art.js new file mode 100644 index 00000000..2524daf1 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/modules/art.js @@ -0,0 +1,373 @@ +/* + * art.js + * Draws all of the artwork for the pages + */ +define([ + "app", + "modules/spline", + "waitforimages" +], +function(app, spline, waitForImages){ + + var module = app.module(); + + var tension = 0.33; + + // bend + //x: lastCol+(colinc > 0 ? width-lastCol : (lastCol*-1))/2, + //y: (rows[i]+rows[i+1])/2 + + // if width is 0, then bends left, else right + var bend = function(pts, width, endX, endY) { + var bendMax = 40, + ltrBend, + startY = pts.pop(), + startX = pts.pop(); + if (width !== 0 && Math.abs(width-startX) > bendMax) + ltrBend = bendMax; + else + ltrBend = width-startX; + pts.push( + startX, startY, + startX+(width !== 0 ? ltrBend : (startX*-1))/2, + (startY+endY)/2, endX, endY + ); + }; + + // insert a smoothing point between the last pt and next pt + var smoothLast = function(pts, nextX, nextY) { + var lastY = pts.pop(), + lastX = pts.pop(); + pts.push(lastX, lastY); + pts.push(lastX+(nextX-lastX)/1.414, lastY+(nextY-lastY)/2); + }; + + // make horizontal variations between the last point and endX + // squeeze tween points in between + var variateHorz = function(pts, tween, endX, smoothStart, modulation) { + var colmod = modulation || 5, + i, x, + startY = pts.pop(), + startX = pts.pop(), + ltr = startX < endX; + tp = Math.round(Math.abs(endX - startX) / tween); + if (smoothStart) + smoothLast(pts, startX, startY); + pts.push(startX, startY); + for (x=startX, i=0; i < tween; + (ltr ? x+=tp : x-=tp), i++) { + if (ltr ? x+(tp*1.5) < endX : x-(tp*1.5) > endX) + pts.push( + ltr ? x+tp : x-tp, + startY+(colmod * ((i % 2)===0 ? 1 : -1)) + ); + else + break; + } + }; + + // same as variateHorz, but vertical - top down only. + var variateVertical = function(pts, tween, endY, smoothStart) { + var colmod = 5, + i, y, + startY = pts.pop(), + startX = pts.pop(), + tp = Math.round(Math.abs(endY - startY) / tween); + if (smoothStart) + smoothLast(pts, startX, startY); + pts.push(startX, startY); + for (y=startY, i=0; i < tween; y+=tp, i++) { + if (y+(tp*1.5) < endY) { + pts.push( + startX+(colmod * ((i % 2)===0 ? 1 : -1)), + y+tp + ); + } + else + break; + } + }; + + // draw a loop + var loop = function(pts, startDegree, endDegree, radius, smoothStart) { + var i, degInc = 45, + startY = pts.pop(), + startX = pts.pop(); + + if (smoothStart) + smoothLast(pts, startX, startY); + + pts.push(startX, startY); + + for (i = startDegree; i <= endDegree; i+=degInc) { + pts.push( + startX + radius + Math.cos(i * Math.PI/180) * (radius/2), + startY + radius + Math.sin(i * Math.PI/180) * radius + ); + } + }; + + // draw a looping coil horizontally + var coilHorz = function(pts, width) { + var x, y, radius = 40; + loop(pts, 315, 595, radius, false); + y = pts.pop(); + x = pts.pop(); + pts.push(x, y, x+radius, y-(radius/1.414)); + variateHorz(pts, 4, x+width/2, false); + loop(pts, 315, 595, radius, false); + y = pts.pop(); + x = pts.pop(); + pts.push(x, y, x+radius, y-(radius/1.414)); + + }; + + /** + * makeServicePoints + * Create the points for the services page. + */ + var makeServicePoints = function(pts, bp, canvas, page) { + // offsets to start in art1.jpg + var initOffsetX = 175; + var initOffsetY = 114; + + // make starting point + var imgDims = page.css("img-ctl-js", [$.fn.width, $.fn.height]); + var img = $(".image-ctl-inner>img"), + imgOrigWidth = imgDims[0], + imgOrigHeight = imgDims[1], + imgOffsetXAdj = Math.round((img.width()*initOffsetX)/imgOrigWidth), + imgOffsetYAdj = Math.round((img.height()*initOffsetY)/imgOrigHeight); + + var imgX = img.offset().left + imgOffsetXAdj; + var imgY = img.offset().top + imgOffsetYAdj; + pts.push(imgX, imgY); + + // make random kink + if (!bp) { + pts.push(imgX+40, imgY); + pts.push(imgX+100, imgY+80); + } + + // 1st destination - badges + var badges = $(".badges-outer"), + pos = badges.offset(), + badgesWidth = badges.width(), + badgesHeight = badges.height(), + badgesTopOffset = 0; + if (!bp) { + pts.push(pos.left, pos.top+badgesHeight); + } + + // ltr + if (bp) + variateHorz(pts, 4, pos.left+badgesWidth, false); + else + //coilHorz(pts, canvas.width - pos.left); + variateHorz(pts, bp ? 4 : 8, pos.left+badgesWidth, false, badgesHeight*2); + + pts.push(pos.left+badgesWidth, pos.top+badgesHeight); + + var footerImgDims = page.css("footer-image-js", [$.fn.width, $.fn.height]); + var footer = $(".footer-inner"), + footerImg = $(".footer-image"), + footerImgImg = $(".footer-image>img"), + footerOrigWidth = footerImgDims[0], + footerOrigHeight = footerImgDims[1], + footerOffsetX = initOffsetX, + footerOffsetY = initOffsetY, + footerOffsetXAdj = Math.round((footerImgImg.width()*footerOffsetX)/footerOrigWidth), + footerOffsetYAdj = Math.round((footerImgImg.height()*footerOffsetY)/footerOrigHeight); + + pos = footer.offset(); + + // end at footer + variateVertical(pts, bp ? 22 : 12, pos.top, bp ? true : false); + pts.push(pos.left+footer.width(), pos.top); + pos = footerImg.offset(); + pts.push(pos.left+(footerImg.width()/2)+30, pos.top); + pts.push(footerImgImg.offset().left+footerOffsetXAdj, footerImgImg.offset().top+footerOffsetYAdj); + //} + }; + + /** + * makeHomePoints + * Create the points for the home page. + */ + var makeHomePoints = function(pts, bp, canvas, page) { + // offsets to start in art1.jpg + var initOffsetX = 175; + var initOffsetY = 114; + + // make starting point + var imgDims = page.css("img-ctl-js", [$.fn.width, $.fn.height]); + var img = $(".image-ctl-inner>img"), + imgOrigWidth = imgDims[0], + imgOrigHeight = imgDims[1], + imgOffsetXAdj = Math.round((img.width()*initOffsetX)/imgOrigWidth), + imgOffsetYAdj = Math.round((img.height()*initOffsetY)/imgOrigHeight); + + var imgX = img.offset().left + imgOffsetXAdj; + var imgY = img.offset().top + imgOffsetYAdj; + pts.push(imgX, imgY); + + // make random kink + if (!bp) { + pts.push(imgX+40, imgY); + pts.push(imgX+100, imgY+80); + } + + // test loop + //loop(pts, 90, 405, 50); + + // 1st destination - badges + var badges = $(".badges-outer"), + pos = badges.offset(), + badgesWidth = badges.width(), + badgesHeight = badges.height(), + badgesTopOffset = 0; + if (!bp) { + pts.push(pos.left, pos.top-badgesTopOffset); + } + // ltr + variateHorz(pts, bp ? 4 : 6, pos.left+badgesWidth, false); + pts.push(pos.left+badgesWidth, pos.top-badgesTopOffset); + if (!bp) + bend(pts, canvas.width, pos.left+badgesWidth, pos.top+badgesHeight-badgesTopOffset); + + var footerImgDims = page.css("footer-image-js", [$.fn.width, $.fn.height]); + var footer = $(".footer-inner"), + footerImg = $(".footer-image"), + footerImgImg = $(".footer-image>img"), + footerOrigWidth = footerImgDims[0], + footerOrigHeight = footerImgDims[1], + footerOffsetX = initOffsetX, + footerOffsetY = initOffsetY, + footerOffsetXAdj = Math.round((footerImgImg.width()*footerOffsetX)/footerOrigWidth), + footerOffsetYAdj = Math.round((footerImgImg.height()*footerOffsetY)/footerOrigHeight); + + pos = footer.offset(); + + // end at footer + variateVertical(pts, bp ? 12 : 6, pos.top, bp ? true : false); + pts.push(pos.left+footer.width(), pos.top); + pos = footerImg.offset(); + pts.push(pos.left+(footerImg.width()/2)+30, pos.top); + pts.push(footerImgImg.offset().left+footerOffsetXAdj, footerImgImg.offset().top+footerOffsetYAdj); + + }; + + /** + * superstition + * Totally superstitious code that works. + * Runs some code that causes the UI to complete updating. + * I'm not sure why, but this works beyond all other measures. + * Relies on there being an img in the footer and the supporting css. + * Initial tests showed that doing the math on the object did the trick. + * NOTE: This just makes it work in screenfly. No evidence to support this + * is even really required, or that it works in real life - yet. + */ + var superstition = function(page) { + var footerImgImg = $(".footer-image>img"); + var footerOrigWidth = page.css("footer-image-js", $.fn.width); + var footerOrigHeight = page.css("footer-image-js", $.fn.height); + var footerOffsetXAdj = Math.round((footerImgImg.width()*1)/footerOrigWidth); + var footerOffsetYAdj = Math.round((footerImgImg.height()*1)/footerOrigHeight); + }; + + /** + * drawArt + * Actually draw the art, which is really two splines. + * Depending on the name, make the appropriate points. + */ + var drawArt = function(name, page) { + + // yup, I'm really doing this. + superstition(page); + + var canvas = document.getElementById("canvas-section"); + var container = $(canvas).parent(); + canvas.width = container.width(); + canvas.height = container.height(); + + var ctx = canvas.getContext("2d"); + ctx.clearRect(0, 0, canvas.width, canvas.height); + ctx.scale(1.0, 1.0); + + var bp = page.css("small-breakpoint-js", $.fn.width), + breakpoint = $(window).width() <= bp, + pts = []; + + switch (name) { + case "home": + makeHomePoints(pts, breakpoint, canvas, page); + break; + case "service": + makeServicePoints(pts, breakpoint, canvas, page); + break; + default: + break; + } + + spline.draw(ctx, pts, tension, 12, "#020202"); + spline.draw(ctx, pts, tension, 10, "#de8938"); + }; + + + /** + * drawAdjust + * Adjust the art if a window resize has actually occurred. + */ + var drawAdjust = function(name, page) { + var winWidth = $(window).width(), + winHeight = $(window).height(); + + // return the resize handler + return function () { + var newWinWidth = $(window).width(), + newWinHeight = $(window).height(); + + if (newWinWidth != winWidth || newWinHeight != winHeight) { + winWidth = newWinWidth; + winHeight = newWinHeight; + //_.defer(function() { drawArt(name, page); }); + _.defer(function() { $("#main").waitForImages(loaded(name, page), $.noop, true); }); + } + }; + }; + + /** + * loaded + * Return the ImageLoaded handler + */ + var loaded = function(name, page) { + return function() { + drawArt(name, page); + }; + }; + + /** + * draw + * If the options indicate that there is art, setup to draw the art. + * Otherwise, clear the art. + */ + module.draw = function(options) { + var opts = options || {}; + if (opts.art) { + // loaded returns the image load handler + $("#main").waitForImages(loaded(opts.name, opts.page), $.noop, true); + // resize handler + $(window).off("resize").on("resize", + // drawAdjust returns the handler to run after 100ms + _.debounce(drawAdjust(opts.name, opts.page), 100) + ); + } else { + var canvas = document.getElementById("canvas-section"); + var ctx = canvas.getContext("2d"); + ctx.clearRect(0, 0, canvas.width, canvas.height); + $(window).off("resize"); + } + }; + + return module; +}); \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/modules/contact.js b/test/mocha/html-snapshots/server/app/modules/contact.js new file mode 100644 index 00000000..280d68ac --- /dev/null +++ b/test/mocha/html-snapshots/server/app/modules/contact.js @@ -0,0 +1,139 @@ +/* + * contact.js + * The view for the contact page + */ + define([ + "app", + "modules/page", + "plugins/text!../templates/contact-fail.html", + "plugins/text!../templates/contact-success.html", + "module" +], +function(app, page, failTemplate, successTemplate, module){ + var $d = document, + $m = window.Modernizr; + + var contactModule = app.module(); + + // the contact model definition + contactModule.Model = Backbone.Model.extend({ + id: module.config().resource, + urlRoot: module.config().endpoint + }); + + // contact view + contactModule.View = Backbone.View.extend({ + template: "contact", + id: "dynamic-content", + contentId: "contact-content", + formId: "contact-form", + + events: { + "click #submit": "submit" + }, + + serialize: function() { + this.pageData = page.data("contact"); + return { + //art: data.mainArt, + contentId: this.contentId, + formId: this.formId + }; + }, + + afterRender: function() { + page.afterRender(); + + // focus on the first input element - fallback only + $("input").filter(":first").focus(); + }, + + // create a new model, disconnect the old one if it exists + createModel: function() { + if (this.model) + this.stopListening(this.model); + this.model = new contactModule.Model(); + + // wire up request, sync, and error + this.listenTo(this.model, "request", this.send); + this.listenTo(this.model, "sync", this.sync); + this.listenTo(this.model, "error", this.fail); + return this.model; + }, + + // making the request, so show the spinner + send: function() { + if (!this.finished) + $("#"+this.contentId).html("
"); + }, + + // model is synchronized + sync: function() { + this.finished = true; + + // api returns the error property + var error = this.model.get("error"); + if (!error) + $("#"+this.contentId).html( + _.template(successTemplate, { + name: this.model.get("Name"), + email: this.model.get("Email"), + responseTime: this.pageData.responseTime + })); + else { + console.log("Error submitting contact form: "+error.reason); + this.fail(); + } + }, + + // we failed + fail: function() { + this.finished = true; + $("#"+this.contentId).html( + _.template(failTemplate, { + message: this.model.get("Message"), + mailTo: this.pageData.mailTo + })); + }, + + // handle the submit button + submit: function() { + var form = $d.getElementById(this.formId), + valid = false; + + // cross-browser check validity + if(typeof form.checkValidity != "undefined") + valid = form.checkValidity(); + else + valid = $(form).checkValidity(); + + // performs the actual submit + function doSubmit (self) { + return function() { + self.finished = false; + + // get the form input + var i, formInput = $('[id^="form-"]'); + + // make the input data to send + var input = { Slug: module.config().slug }; + for (i = 0; i < formInput.length; i++) + input[formInput[i].title] = formInput[i].value; + + // send the data + self.createModel().save(input); + }; + } + + if (valid) { + // call on the leading edge, tossing double-clicks + _.debounce(doSubmit(this), 500, true)(); + return false; + } + // otherwise return nothing so the validation result can present. + } + + }); + + return contactModule; +}); \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/modules/footer.js b/test/mocha/html-snapshots/server/app/modules/footer.js new file mode 100644 index 00000000..3c625415 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/modules/footer.js @@ -0,0 +1,39 @@ +/* + * footer.js + * The view for the footer + */ + define([ + "app", + "modules/page" +], +function(app, page){ + var module = app.module(); + + var theDate = new Date(); + + module.View = Backbone.View.extend({ + template: "footer", + initialize: function() { + page.on(page.Events.page, this.updateView, this); + }, + + serialize: function() { + var data = page.data("footer"); + var imgProps = page.css("footer-image-js", [$.fn.width, $.fn.height]); + return { + art: data.mainArt, + artAlt: data.mainArtAlt, + artWidth: imgProps[0], + artHeight: imgProps[1], + copyYear: theDate.getFullYear() + }; + }, + + updateView: function(data) { + // update the view with the page data + // maybe footer can be static? + } + }); + + return module; +}); \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/modules/header.js b/test/mocha/html-snapshots/server/app/modules/header.js new file mode 100644 index 00000000..000a49ec --- /dev/null +++ b/test/mocha/html-snapshots/server/app/modules/header.js @@ -0,0 +1,70 @@ +/* + * header.js + * The view for the header + */ +define([ + "app", + "modules/page", + "foundation/jquery.foundation.navigation.ln", + "foundation/jquery.foundation.orbit.ln" +], +function(app, page){ + var $d = document;//, + //$m = window.Modernizr; + + //var mq = $m.mq("only all"); + + var module = app.module(); + + module.View = Backbone.View.extend({ + template: "header", + orbitId: "featured-orbit", + + initialize: function() { + page.on(page.Events.page, this.updateView, this); + this.services = page.serviceNavigation(); + this.contact = page.data("contact"); + }, + + serialize: function() { + var imgProps = page.css("logo-img-js", [$.fn.width, $.fn.height]); + return { + orbitId: this.orbitId, + services: this.services, + contact: this.contact, + logoWidth: imgProps[0], + logoHeight: imgProps[1] + }; + }, + + updateView: function(data) { + // update the head elements + $d.title = data.pageTitle; + $("meta[name=description]").attr("content", data.pageDescription); + $("meta[name=keywords]").attr("content", data.pageKeywords); + + this.data = data; + }, + + afterRender: function() { + // update the slides + var orbit = this.$("#"+this.orbitId).empty(); + if (this.data && this.data.slides) { + var i; + for (i = 0; i < this.data.slides.length; i++) + orbit.append($("
") + .addClass(this.data.slides[i].cssclass) + .append(this.data.slides[i].content) + ); + } + var fluid = "47x24";//mq ? "47x24" : false; + orbit.orbit({ fluid: fluid, advanceSpeed: 8000, captions: false, bullets: false, + afterLoadComplete: function(){ + orbit.trigger("loadComplete"); + } }); + } + + }); + + return module; +}); \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/modules/home.js b/test/mocha/html-snapshots/server/app/modules/home.js new file mode 100644 index 00000000..05ccc6fc --- /dev/null +++ b/test/mocha/html-snapshots/server/app/modules/home.js @@ -0,0 +1,33 @@ +/* + * home.js + * The view for the home page + */ +define([ + "app", + "modules/page" +], +function(app, page){ + var module = app.module(); + + module.View = Backbone.View.extend({ + template: "home", + id: "dynamic-content", + + serialize: function() { + var data = page.data("home"); + var imgProps = page.css("img-ctl-js", [$.fn.width, $.fn.height]); + return { + art: data.mainArt, + artAlt: data.mainArtAlt, + artWidth: imgProps[0], + artHeight: imgProps[1] + }; + }, + + afterRender: function() { + page.afterRender({ art: true, name: "home", page: page }); + } + }); + + return module; +}); \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/modules/page.js b/test/mocha/html-snapshots/server/app/modules/page.js new file mode 100644 index 00000000..67443a48 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/modules/page.js @@ -0,0 +1,105 @@ +/* + * page.js + * + * The common page module + * Loads the page data + * Defines page events + * Exports common page tasks + */ +define([ + "app", + "modules/art", + "foundation/init", + "plugins/text!../data/pageData.json", + "plugins/text!../templates/modal.html" +], +function(app, art, foundation, pageDataJson, modalTemplate) { + // get a module + var module = app.module(); + + // hydrate the page data + var pageData = $.parseJSON(pageDataJson); + + // this module's events + module.Events = { + page: "data", + notfound: "404" + }; + + // prepare modal dialogs + module.modalRender = function(images) { + var i; + for (i = 0; i < images.length; i++) { + if ($("#"+images[i].revealId).length===0) + $("body").append(_.template(modalTemplate, { image: images[i] })); + } + }; + + // General utility function to pull a property value(s) from a css style + // temporarily inject the DOM with the style, and pull the properties + module.css = function(style, prop) { + var i, tmp, + multi = _.isArray(prop), + value = [], + props = multi ? prop : [prop]; + + tmp = $("
").appendTo("body"); + + for (i = 0; i < props.length; i++) + value.push(props[i].call(tmp)); + + tmp.remove(); + + return multi ? value : value[0]; + }; + + // access any page data, trigger the page data event + module.data = function(page, options) { + var result, e; + options = options || {}; + + if (options.type) { + result = _.findWhere(pageData, { type: options.type, name: page }); + } else { + result = pageData[page]; + } + e = module.Events.page; + + // if the page is not found, trigger the notfound event + if (!result) { + e = module.Events.notfound; + result = page; + } + + this.trigger(e, result); + return result; + }; + + // access service page data only + module.service = function(page) { + return module.data(page, { type: "service" }); + }; + + // common afterRender + // called by pages that need foundation init and optional art + module.afterRender = function(options) { + foundation.initialize(); + art.draw(options); + }; + + // return the service navigation + module.serviceNavigation = function() { + var nav = {}; + var services = _.where(pageData, { type: "service" }); + for (var k in services) { + nav[k] = { + url: services[k].url, + name: services[k].displayName + }; + } + return nav; + }; + + _.extend(module, Backbone.Events); + return module; +}); diff --git a/test/mocha/html-snapshots/server/app/modules/render.js b/test/mocha/html-snapshots/server/app/modules/render.js new file mode 100644 index 00000000..1890178d --- /dev/null +++ b/test/mocha/html-snapshots/server/app/modules/render.js @@ -0,0 +1,66 @@ +/* + * render.js + * Runs render code. + * If the browser requires polyfill: + * Load the polyfiller, run the render, then polyfill it. + * Otherwise, just run the render code. + */ +define([ + "require", + "app", + "module" +], +function (require, app, module) { + var $m = window.Modernizr, + $n = window.navigator, + renderModule = app.module(); + + var hasCanvas = $m.canvas, + hasForms = $m.input && $m.inputtypes && $m.formvalidation, + hasBoxsizing = $m.boxsizing, + phantom = $n.userAgent.match(/phantom/i), + + // the main polyfill policy + poly = (!hasCanvas || !hasForms) && !phantom; + + var render = function(fn, context) { + if (poly) { + // dynamically load the polyfiller, also load oldie if they don't support boxsizing + require(["plugins/cload!"+!hasBoxsizing+"?plugins/oldie", "polyfiller"], function(oldie) { + $.webshims.setOptions({ + waitReady : false, + disableShivMethods: false, + basePath: module.config().polyfillerBasePath, + canvas: { + type: "excanvas" + } + }); + // set the features + var features = !hasForms ? ["forms"] : []; + if (!hasCanvas) + features.push("canvas"); + + // start polyfilling + $.webshims.polyfill(features.join(" ")); + + // when DOM ready and webshims ready run fn + $(function(){ + $.webshims.ready(features.join(" ")+" DOM", function(){ + // if the browser does not support box sizing, setup an after render call to the oldie poly + var opts = hasBoxsizing ? {} : { afterRender: oldie.all }; + fn.call(context, opts); + }); + }); + }); + } else { + // no poly so just run fn + fn.call(context); + } + }; + + renderModule.run = function(fn, context) { + render(fn, context); + }; + + return renderModule; +}); \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/modules/service.js b/test/mocha/html-snapshots/server/app/modules/service.js new file mode 100644 index 00000000..a52c8c49 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/modules/service.js @@ -0,0 +1,47 @@ +/* + * service.js + * The view for all service pages + */ +define([ + "app", + "modules/page", + "foundation/jquery.foundation.reveal" +], +function(app, page){ + var module = app.module(); + + module.View = Backbone.View.extend({ + template: "service", + id: "dynamic-content", + + initialize: function() { + if (this.options.router) + this.options.router.on("service", this.service, this); + }, + + // my service changed handler + service: function(options) { + options = options || {}; + this.service = options.service; + }, + + serialize: function() { + this.data = page.service(this.service); + var imgProps = page.css("img-ctl-js", [$.fn.width, $.fn.height]); + return { + art: this.data.mainArt, + artAlt: this.data.mainArtAlt, + artWidth: imgProps[0], + artHeight: imgProps[1], + images: this.data.images, + modal: page.modalRender + }; + }, + + afterRender: function() { + page.afterRender({ art: this.data.vectorArt, name: "service", page: page }); + } + }); + + return module; +}); \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/modules/spline.js b/test/mocha/html-snapshots/server/app/modules/spline.js new file mode 100644 index 00000000..5f4254f4 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/modules/spline.js @@ -0,0 +1,125 @@ +define([ + "app" +], +function (app) { + var module = app.module(); + + var hexToCanvasColor = function (hexColor,opacity) { + // Convert #AA77CC to rbga() format for Firefox + opacity=opacity || "1.0"; + hexColor=hexColor.replace("#",""); + var r=parseInt(hexColor.substring(0,2),16); + var g=parseInt(hexColor.substring(2,4),16); + var b=parseInt(hexColor.substring(4,6),16); + return "rgba("+r+","+g+","+b+","+opacity+")"; + }; + + var drawPoint = function (ctx,x,y,r,color) { + ctx.save(); + ctx.beginPath(); + ctx.lineWidth=1; + ctx.fillStyle=hexToCanvasColor(color,1); + ctx.arc(x,y,r,0.0,2*Math.PI,false); + ctx.closePath(); + ctx.stroke(); + ctx.fill(); + ctx.restore(); + }; + + var getControlPoints = function (x0,y0,x1,y1,x2,y2,t) { + // x0,y0,x1,y1 are the coordinates of the end (knot) pts of this segment + // x2,y2 is the next knot -- not connected here but needed to calculate p2 + // p1 is the control point calculated here, from x1 back toward x0. + // p2 is the next control point, calculated here and returned to become the + // next segment's p1. + // t is the 'tension' which controls how far the control points spread. + + // Scaling factors: distances from this knot to the previous and following knots. + var d01=Math.sqrt(Math.pow(x1-x0,2)+Math.pow(y1-y0,2)); + var d12=Math.sqrt(Math.pow(x2-x1,2)+Math.pow(y2-y1,2)); + + var fa=t*d01/(d01+d12); + var fb=t-fa; + + var p1x=x1+fa*(x0-x2); + var p1y=y1+fa*(y0-y2); + + var p2x=x1-fb*(x0-x2); + var p2y=y1-fb*(y0-y2); + + return [p1x,p1y,p2x,p2y]; + }; + + var drawControlLine = function (ctx,x,y,px,py) { + // Only for demo purposes: show the control line and control points. + ctx.save(); + ctx.beginPath(); + ctx.lineWidth=1; + ctx.strokeStyle="rgba(0,0,0,0.3)"; + ctx.moveTo(x,y); + ctx.lineTo(px,py); + ctx.closePath(); + ctx.stroke(); + drawPoint(ctx,px,py,1.5,"#000000"); + ctx.restore(); + }; + + // context, points, tension, linewidth, color + module.draw = function(ctx,pts,t,lw,cl) { + + var closed = false, + showDetails = false, + cp = []; // array of control points, as x0,y0,x1,y1,... + n = pts.length, + i = 0; + + ctx.lineWidth=lw; + ctx.save(); + + // Draw an open curve, not connected at the ends + for (i=0; i < n-4; i+=2) { + cp=cp.concat(getControlPoints(pts[i],pts[i+1],pts[i+2],pts[i+3],pts[i+4],pts[i+5],t)); + } + for(i=2; i < pts.length-5; i+=2) { + ctx.strokeStyle=hexToCanvasColor(cl,0.75); + ctx.beginPath(); + ctx.moveTo(pts[i],pts[i+1]); + ctx.bezierCurveTo(cp[2*i-2],cp[2*i-1],cp[2*i],cp[2*i+1],pts[i+2],pts[i+3]); + ctx.stroke(); + ctx.closePath(); + if(showDetails){ + drawControlLine(ctx,pts[i],pts[i+1],cp[2*i-2],cp[2*i-1]); + drawControlLine(ctx,pts[i+2],pts[i+3],cp[2*i],cp[2*i+1]); + } + } + + // For open curves the first and last arcs are simple quadratics. + ctx.strokeStyle=hexToCanvasColor(cl,0.75); + ctx.beginPath(); + ctx.moveTo(pts[0],pts[1]); + ctx.quadraticCurveTo(cp[0],cp[1],pts[2],pts[3]); + ctx.stroke(); + ctx.closePath(); + + ctx.strokeStyle=hexToCanvasColor(cl,0.75); + ctx.beginPath(); + ctx.moveTo(pts[n-2],pts[n-1]); + ctx.quadraticCurveTo(cp[2*n-10],cp[2*n-9],pts[n-4],pts[n-3]); + ctx.stroke(); + ctx.closePath(); + if(showDetails){ + drawControlLine(ctx,pts[2],pts[3],cp[0],cp[1]); + drawControlLine(ctx,pts[n-4],pts[n-3],cp[2*n-10],cp[2*n-9]); + } + + ctx.restore(); + + if(showDetails){ // Draw the knot points. + for(i=0; i < n; i+=2){ + drawPoint(ctx,pts[i],pts[i+1],2.5,"#ffff00"); + } + } + }; + + return module; +}); \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/router.js b/test/mocha/html-snapshots/server/app/router.js new file mode 100644 index 00000000..842f65ec --- /dev/null +++ b/test/mocha/html-snapshots/server/app/router.js @@ -0,0 +1,112 @@ +define([ + "app", + "modules/header", + "modules/home", + "modules/service", + "modules/contact", + "modules/footer", + "modules/page", + "modules/render" +], +function(app, header, home, service, contact, footer, page, render) { + + var $w = window; + + // Defining the application router, you can attach sub routers here. + var Router = Backbone.Router.extend({ + + routes: { + "(/)": "index", + "services/:service(/)": "service", + "contact(/)": "contact", + "*default": "notfound" + }, + + initialize: function() { + + // wire up the page notfound event + page.on(page.Events.notfound, this.notfound, this); + + // create the main layout views + var mainLayout = app.useLayout("main-layout"); + var homeView = new home.View(); + var serviceView = new service.View({router: this}); + var contactView = new contact.View(); + + // keep references to the views + _.extend(this, { + mainLayout: mainLayout, + home: homeView, + service: serviceView, + contact: contactView + }); + + // set the child views, they get notified via page events + mainLayout.setViews({ + "#header": new header.View(), + "#footer": new footer.View() + }); + }, + + // default route handler and page notfound handler + // exits the app to the 404 handler + notfound: function(path) { + $w.location.replace("/"+path+".notfound"); + }, + + // handle the index route + index: function() { + render.run( + function(options){ + options = options || {}; + + // hook up after render + if (options.afterRender) + this.mainLayout.once("afterRender", options.afterRender); + + // render the home view + this.mainLayout.setViews({"#content": this.home}).render(); + }, this + ); + }, + + // handle the service route + service: function(service) { + render.run( + function(options){ + options = options || {}; + + // hook up after render + if (options.afterRender) + this.mainLayout.once("afterRender", options.afterRender); + + // trigger a service change + this.trigger("service", {service: service}); + + // render the service view + this.mainLayout.setViews({"#content": this.service}).render(); + }, this + ); + }, + + // handle the contact route + contact: function() { + render.run( + function(options){ + options = options || {}; + + // hook up after render + if (options.afterRender) + this.mainLayout.once("afterRender", options.afterRender); + + // render the contact view + this.mainLayout.setViews({"#content": this.contact}).render(); + }, this + ); + } + + }); + + return Router; + +}); diff --git a/test/mocha/html-snapshots/server/app/sass/_contact.scss b/test/mocha/html-snapshots/server/app/sass/_contact.scss new file mode 100644 index 00000000..6a28aa86 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_contact.scss @@ -0,0 +1,21 @@ +.form-message { + min-height: 100px; +} +#contact-content { + position: relative; + @extend %level-page; + overflow: visible; +} +.contact-inner-input { + @include column(6); +} +.contact-inner { + @include column(12); +} +.contact-button { + color: $site-black; + font: { + weight: bold; + size: ms(1); + } +} diff --git a/test/mocha/html-snapshots/server/app/sass/_footer.bak.scss b/test/mocha/html-snapshots/server/app/sass/_footer.bak.scss new file mode 100644 index 00000000..e7e61175 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_footer.bak.scss @@ -0,0 +1,72 @@ +.footer-outer { + @include column($totalColumns, center); +} +.footer-inner { + @extend .panel; + min-height: 100px; + @include clearfix(); + + @include background($primary-3); + color: $primary-5; +} +$footerImgWidth: 308px; +$footerImgHeight: 200px; +.footer-image-js { + width: $footerImgWidth; + height: $footerImgHeight; +} +.footer-image { + min-height: $footerImgHeight; + @include background(transparent); + //padding-bottom: 10% !important; + //padding-top: 10% !important; + margin: auto; + text-align: center; + @include breakpoint(very-small) { + width: 33% !important; + } + @include breakpoint(super-small) { + width: 25% !important; + } + color: $site-black; +} +.footer-content { + text-align: left; + padding-bottom: 0px !important; + position: relative; + @extend %level-page; + @include breakpoint(very-small) { + width: 67% !important; + } + @include breakpoint(super-small) { + width: 75% !important; + } +} +.footer-block { + margin: 0px; +} +.footer-item-block { + display: block; + padding: 10px 0; + +} +.footer-item { + display: block; + @include breakpoint(super-small) { + font-size: 12px; + } +} +//.footer-item[itemprop="email"] { +//} +//.footer-legal { +// margin: 20px 0; +//} +//.footer-item { + //display: block; + //line-height: 1.2; + //font-size: 12px; +//} + +.footer-block-panel { + @extend %grid-half; +} \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/sass/_footer.scss b/test/mocha/html-snapshots/server/app/sass/_footer.scss new file mode 100644 index 00000000..fd1dedba --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_footer.scss @@ -0,0 +1,71 @@ +.footer-outer { + @include column($totalColumns, center); +} +.footer-inner { + @extend .panel; + min-height: 100px; + @include clearfix(); + + //@include background($primary-3); + //@include background(#948c4c); + @include background($kuler-shade-2); + color: $primary-5; +} +$footerImgWidth: 308px; +$footerImgHeight: 200px; +.footer-image-js { + width: $footerImgWidth; + height: $footerImgHeight; +} +.footer-image { + @include background(transparent); + margin: 10px auto; + text-align: center; + color: $site-black; +} +.footer-content { + text-align: left; + padding-bottom: 0px !important; +} +.footer-block { + margin: 0px; +} +.footer-item-block { + display: block; + padding: 10px 0; + position: relative; + @extend %level-page; +} +.footer-item { + display: block; + line-height: 1.2; + @include breakpoint(small) { + text-align: center; + } + @include breakpoint(super-small) { + font-size: 12px; + } +} +.footer-item.credits { + text-align: center; +} + +.small-text { + @include breakpoint(extra-small) { + display: block; + } +} +//.footer-item[itemprop="email"] { +//} +//.footer-legal { +// margin: 20px 0; +//} +//.footer-item { + //display: block; + //line-height: 1.2; + //font-size: 12px; +//} + +.footer-block-panel { + @include column(6); +} \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/sass/_foundation-settings.scss b/test/mocha/html-snapshots/server/app/sass/_foundation-settings.scss new file mode 100644 index 00000000..235ef76d --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_foundation-settings.scss @@ -0,0 +1,245 @@ +@import "foundation/common/ratios"; + +// Settings file containing Foundation defaults + +// Grid Settings + +// $rowWidth: 1000px; +// $columnGutter: 30px; +// $totalColumns: 12; +// $mobileTotalColumns: 4; +// $blockGridElements: 12; // Highest number of block grid elements, Maximum of 24 supported + +// Colors Settings + +$mainColor: $primary-4; +$secondaryColor: $primary-1; +$alertColor: $secondary-b-3; +//$successColor: #5da423; +$txtColor: $site-black; +// $highlightColor: #ffff99; +$black: $site-black; +$white: $site-white; +$shinyEdge: rgba(#fff, .5); +// $darkEdge: rgba(#000, .2); + +// Font Settings + +// $fontSmoothing: antialiased; +// $headerFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $headerFontWeight: bold; +// $headerFontStyle: normal; +// $headerFontColor: #222; +// $bodyFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; +// $bodyFontWeight: normal; +// $bodyFontStyle: normal; +// $bodyFontColor: $txtColor; + +// Text Direction Settings + +// $textDirection: ltr; // Controls default global text direction, 'rtl' or 'ltr' + +// Button Settings + +//$buttonRadius: $default-border-radius; +// $btnBase: 10px; + +// $tinyBtnBase: $btnBase - 5; +// $smallBtnBase: $btnBase - 3; +// $largeBtnBase: $btnBase + 5; + +// Form Settings + +// $formSpacing: 12px; +// $labelFontWeight: 500; +// $labelFontColor: lighten(#000, 30%); +// $labelBtmMargin: 3px; +// $inputFontColor: rgba(0,0,0,0.75); +// $inputFontSize: 14px; +// $inputBgColor: #fff; +// $inputFocusBgColor: darken(#fff, 2%); +// $inputBorderColor: darken(#fff, 20%); +// $inputFocusBorderColor: darken(#fff, 30%); +// $inputBorderStyle: solid; +// $inputBorderWidth: 1px; +// $inputBorderRadius: 2px; +// $fieldsetBorderRadius: 3px; + +// Custom Form Settings + +// $custFormBorderColor: #ccc; +// $custFormBgColor: #fff; +// $custCheckColor: #222; +// $custSelectCurrentFontColor: #141414; +// $custSelectBgColor: #fff; +// $custSelectBorderColor: #ddd; +// $custSelectTriangleColor: #aaa; +// $custSelectTriangleColorOpen: #222; +// $custSelectDropHeight: 200px; +// $custDropdownBgColor: #fff; +// $custDropdownBorderColor: darken(#fff, 20%); +// $custDropdownFontColor: #555; +// $custDropdownSelectedBgColor: lighten(#2ba6cb, 40%); +// $custDropdownSelectedFontColor: #000; +// $custFormDisabledBgColor: #ddd; + +// Tab Settings + +// $tabHeight: 40px; +// $tabTermFontSize: 12px; + +// Nav Bar Settings + +$navBarHeight: 36px; +$navFlyoutBaseWidth: 200px; + +// Top Bar Settings + +//$topBarBgColor: #d2d2d2; +// $topBarHeight: 45px; +// $topBarHeightMobile: 45px; +//$topBarBtmMargin: 20px; +// $topBarTitleWeight: bold; +// $topBarTitleSize: 17px; +//$topBarLinkColor: #222; +// $topBarLinkWeight: bold; +// $topBarLinkSize: 13px; +//$topBarDropBgColor: #d2d2d2; +//$topBarDropLinkColor: $topBarLinkColor; +// $topBarDropToggleSize: 5px; +// $topBarDropToggleColor: #fff; +// $topBarDropToggleAlpha: 0.5; +// $topBarSearchWidth: 200px; +//$topBarBreakPoint: $breakTopBar; // Change to 9999px for always mobile layout +// $topBarNavToggleSize: 8px; +//$topBarNavToggleColor: $topBarLinkColor; + +// UI Settings + +// $thumbRadius: 3px; +// $progBarHeight: 25px; +// $progBarBorderColor: darken(#fff, 20%); +// $progBarBorderSize: 1px; +// $progBarPad: 2px; +// $linkListBottomMargin: 17px -22px; +// $tableBorderRadius: 3px; +// $alertBorderRadius: 3px; + +// Tooltip Settings + +// $hasTipBorderBottom: dotted 1px #ccc; +// $hasTipFontWeight: bold; +// $hasTipFontColor: #333; +// $hasTipBorderBottomHover: dotted 1px darken($mainColor, 20%); +// $hasTipFontColorHover: $mainColor; +// $tooltipBackgroundColor: #000; +// $tooltipBackgroundOpacity: 0.85; +// $tooltipFontSize: 12px; +// $tooltipFontWeight: bold; +// $tooltipFontColor: #fff; +// $tapToCloseFontSize: 10; +// $tapToCloseFontWeight: normal; +// $tapToCloseFontColor: #888; +// $tooltipFontSizeScreenSm: 14; +// $tooltipBgOpacityScreenSm: 0.85; +// $tooltipBorderRadius: 4px; + +// Pricing Table Settings + +// $priceTableBorder: solid 1px #ddd; +// $priceTitleBgColor: #ddd; +// $priceTitlePadding: 15px 20px; +// $priceTitleAlign: center; +// $priceTitleColor: #333; +// $priceTitleWeight: bold; +// $priceTitleSize: 16px; + +// $priceMoneyBgColor: #eee; +// $priceMoneyPadding: 15px 20px; +// $priceMoneyAlign: center; +// $priceMoneyColor: #333; +// $priceMoneyWeight: normal; +// $priceMoneySize: 20px; + +// $priceBgColor: #fff; +// $priceDescColor: #777; +// $priceDescPadding: 15px; +// $priceDescAlign: center; +// $priceDescFontSize: 12px; +// $priceDescWeight: normal; +// $priceDescLineHeight: 1.4; +// $priceDescBtmBorder: dotted 1px #ddd; + +// $priceItemColor: #333; +// $priceItemPadding: 15px; +// $priceItemAlign: center; +// $priceItemFontSize: 14px; +// $priceItemWeight: normal; +// $priceItemBtmBorder: dotted 1px #ddd; + +// $priceCtaBgColor: #f5f5f5; +// $priceCtaAlign: center; +// $priceCtaPadding: 20px; + +// Orbit Settings + +$orbitCaptionBgColorOldBrowser: #020202; +$orbitCaptionBgColor: rgba(02,02,02,.8); +$orbitCaptionFontColor: $site-white; +// $orbitBulletNavColor: #999; +// $orbitBulletNavColorActive: #222; +// $orbitHasThumbBorderColor: #000; +// $orbitHasThumbBorderWidth: 2px; +// $orbitHasThumbBorderStyle: solid; +// $orbitSlideNumBgColor: rgba(0,0,0,0.7); +// $orbitSlideNumFontColor: #fff; +// $orbitSlideNumPadding: 5px; + +// Clearing Settings + +// $clearingBg: rgba(0,0,0,0.8); +// $clearingOldBrowserBg: rgb(0,0,0); +// $clearingCaptionBg: rgba(0,0,0,0.7); +// $clearingCaptionOldBrowserBg: rgb(0,0,0); +// $clearingCaptionFontColor: #fff; +// $clearingCloseColor: #fff; +// $clearingArrowColor: #fff; +// $clearingArrowSize: 16px; +// $clearingCarouselBg: rgba(0,0,0,0.75); +// $clearingCarouselOldBrowserBg: rgb(0,0,0); +// $clearingCarouselHeight: 150px; +// $clearingActiveImgHeight: 75%; +// $clearingCarouselThumbWidth: 175px; +// $clearingCarouselThumbActiveBorder: 4px solid rgb(255,255,255); +// $clearingImgBg: rgba(0,0,0,0.75); +// $clearingImgOldBrowserBg: rgb(0,0,0); + +// Joyride Settings + +// $tipBg: rgba(0,0,0,0.8); +// $tipBgIE8: #000; +// $tipFontColor: #fff; +// $tipHeaderWeight: bold; +// $tipDefaultWidth: 300px; +// $tipBorderRadius: 4px; +// $tipPadding: 18px 20px 24px; +// $tipNubSize: 14px; +// $tipFontSize: 14px; +// $tipTimerWidth: 50px; +// $tipTimerHeight: 3px; +// $tipTimerBorder: solid 1px #555; +// $tipTimerColor: #666; +// $tipCloseColor: #777; +// $tipCloseSize: 20px; +// $tipCloseWeight: normal; +// $tipScreenFill: rgba(0,0,0,0.5); + +// Modular Scale Settings + +// $ratio: $golden; // THIS IS DEFAULT IN MODULAR-SCALE +// $baseFontSize: 14px; +// $importantModNum: 44px; +// $base-size: $baseFontSize $importantModNum; +// Produced the following list of values: 14, 17, 23, 27, 37, 44, 59, 71, 95, 115; +// http://www.modularscale.com by Tim Brown +// https://github.com/scottkellum/modular-scale by scottkellum \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/sass/_global-mixins.scss b/test/mocha/html-snapshots/server/app/sass/_global-mixins.scss new file mode 100644 index 00000000..1525632c --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_global-mixins.scss @@ -0,0 +1,93 @@ +// +// global-mixins +// +// The mixins exposed to the container and application that are original +// to the container itself (not vendor). +// + +// ------------------------- +// breakpoint(point) +// ------------------------- +// Takes one argument, the breakpoint +// Accepted argument values (can be one of the following): +// large, medium, medium-portrait, medium-landscape, small, small-portrait, small-landscape, +// very-small, very-small-portrait, very-small-landscape, super-small, super-small-portrait, +// super-small-landscape +// These values are defined in container-settings.scss +// +@mixin breakpoint($point) { + @if $point == large { + @media only screen and (min-width: $breakLargeMin) { @content; } + } + @else if $point == medium { + @media only screen and (max-width: $breakMediumMax) and (min-width: $breakMediumMin) { @content; } + } + @else if $point == medium-portrait { + @media screen and (orientation: portrait) and (max-width: $breakMediumPortraitMax) and (min-width: $breakMediumPortraitMin) { @content; } + } + @else if $point == medium-landscape { + @media screen and (orientation: landscape) and (max-width: $breakMediumLandscapeMax) and (min-width: $breakMediumLandscapeMin) { @content; } + } + @else if $point == medium-small { + @media only screen and (max-width: $breakMedSmallMax) { @content; } + } + @else if $point == small { + @media only screen and (max-width: $breakSmallMax) { @content; } + } + @else if $point == small-portrait { + @media screen and (orientation: portrait) and (max-width: $breakSmallPortraitMax) { @content; } + } + @else if $point == small-landscape { + @media screen and (orientation: landscape) and (max-width: $breakSmallLandscapeMax) { @content; } + } + @else if $point == very-small { + @media only screen and (max-width: $breakVerySmallMax) { @content; } + } + @else if $point == very-small-portrait { + @media only screen and (max-width: $breakVerySmallPortraitMax) { @content; } + } + @else if $point == very-small-landscape { + @media screen and (orientation: landscape) and (max-width: $breakVerySmallLandscapeMax) { @content; } + } + @elseif $point == very-small-super-small { + @media only screen and (max-width: $breakVerySmallSuperSmallMax) { @content; } + } + @else if $point == super-small { + @media only screen and (max-width: $breakSuperSmallMax) { @content; } + } + @else if $point == super-small-portrait { + @media screen and (orientation: portrait) and (max-width: $breakSuperSmallPortraitMax) { @content; } + } + @else if $point == super-small-landscape { + @media screen and (orientation: landscape) and (max-width: $breakSuperSmallLandscapeMax) { @content; } + } + @else if $point == super-small-extra-small { + @media only screen and (max-width: $breakSuperSmallExtraSmallMax) { @content; } + } + @else if $point == extra-small { + @media only screen and (max-width: $breakExtraSmallMax) { @content; } + } + @else if $point == extra-small-portrait { + @media screen and (orientation: portrait) and (max-width: $breakExtraSmallPortraitMax) { @content; } + } + @else if $point == extra-small-landscape { + @media screen and (orientation: landscape) and (max-width: $breakExtraSmallPortraitMax) { @content; } + } + @else { + @warn ILLEGAL ARGUMENT TO breakpoint; + @debug ILLEGAL ARGUMENT TO breakpoint; + @content; + } +} + +@mixin switcher($direction, $point) { + float: $direction; + @include breakpoint($point) { + @if ($direction == left) { + float: right; + } + @else { + float: left; + } + } +} \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/sass/_global-settings.scss b/test/mocha/html-snapshots/server/app/sass/_global-settings.scss new file mode 100644 index 00000000..7000411d --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_global-settings.scss @@ -0,0 +1,135 @@ +// +// global-settings +// +// This settings file has the main variables exposed to applications. +// + +// Breakpoints +// ------------------------- +$breakLargeMin: 1441px; +$breakMediumMin: 768px; +$breakMediumMax: 1279px; +$breakMediumPortraitMin: $breakMediumMin; +$breakMediumPortraitMax: $breakMediumMax; +$breakMediumLandscapeMin: $breakMediumMin; +$breakMediumLandscapeMax: $breakMediumMax; +$breakMedSmallMax: 885px; +$breakSmallMax: 767px; +$breakSmallPortraitMax: $breakSmallMax; +$breakSmallLandscapeMax: $breakSmallMax; +$breakVerySmallMax: 480px; +$breakVerySmallPortraitMax: $breakVerySmallMax; +$breakVerySmallLandscapeMax: $breakVerySmallMax; +$breakVerySmallSuperSmallMax: 435px; +$breakSuperSmallMax: 380px; +$breakSuperSmallPortraitMax: $breakSuperSmallMax; +$breakSuperSmallLandscapeMax: $breakSuperSmallMax; +$breakSuperSmallExtraSmallMax: 320px; +$breakExtraSmallMax: 240px; +$breakExtraSmallPortraitMax: $breakExtraSmallMax; +$breakExtraSmallLandscapeMax: $breakExtraSmallMax; + +// urls +$urlbase: ""; +$urlfbfwoff: "#{$urlbase}/fonts/facebolf-webfont.woff"; +$urlfbfeot: "#{$urlbase}/fonts/facebolf-webfont.eot"; +$urlfbfeotie: $urlfbfeot + "?#iefix"; +$urlfbfttf: "#{$urlbase}/fonts/facebolf-webfont.ttf"; +$urlfbfsvg: "#{$urlbase}/fonts/facebolf-webfont.svg#facebook_letter_facesregular"; + +// panel bottom margin +$panel-bottom-margin: 22px; + +// colors +$site-white: #fdfdfd; +$site-black: #050001; // from the logo font color + +// analogic to primary yellow faaa00 +$primary-1: #F9AA00; +$primary-2: #BB8E2F; +$primary-3: #A26F00; +$primary-4: #FCC03F; +$primary-5: #FCD071; + +$secondary-a-1: #F9D200; +$secondary-a-2: #BBA52F; +$secondary-a-3: #A28900; +$secondary-a-4: #FCDF3F; +$secondary-a-5: #FCE671; + +$secondary-b-1: #F97700; +$secondary-b-2: #BB722F; +$secondary-b-3: #A24E00; +$secondary-b-4: #FC9A3F; +$secondary-b-5: #FCB471; + +// yellow/green +$secondary-c-1: #F7FE00; +$secondary-c-2: #BBBE30; //lt +$secondary-c-3: #A1A500; //dk +$secondary-c-4: #F9FE40; +$secondary-c-5: #FBFE72; + +/* +Web palate analogic +Primary: +FF9900 CC9933 996600 FFCC33 FFCC66 +Secondary Color A: +FFCC00 CC9933 999900 FFCC33 FFFF66 +Secondary Color B: +FF6600 CC6633 993300 FF9933 FF9966 +*/ +/* +OMS +OMS 4027 +(F1A02D) OMS 4584 +(BA932F) OMS 4137 +(B95E0E) OMS 4494 +(FAC23D) OMS 4018 +(FEC478) +Secondary Color A: +OMS 4481 +(F6D93E) OMS 4583 +(C1A52E) OMS 4123 +(BC8023) OMS 4005 +(FCEE66) +Secondary Color B: +OMS 4522 +(FF6000) OMS 4545 +(C07235) OMS 4144 +(B55100) OMS 4026 +(F0A142) OMS 4018 +(FEC478) +*/ + +//Kuler Mono: +$kuler-mono-1: #FBCC68; +$kuler-mono-2: #7A580E; +$kuler-mono-3: #FAB41D; +$kuler-mono-4: #7A6433; +$kuler-mono-5: #C78F17; + +// Kuler Analog: +$kuler-analog-1: #E3850F; +$kuler-analog-2: #FDE211; +$kuler-analog-3: #FAB41D; +$kuler-analog-4: #E38A0F; +$kuler-analog-5: #FD7811; + +// Kuler Compound (green/yel): +$kuler-comp-1: #948C4C; +$kuler-comp-2: #C7B003; + +// Kuler Shades: +$kuler-shade-1: #7A580E; +$kuler-shade-2: #BA8616; +$kuler-shade-3: #FAB41D; +$kuler-shade-4: #3B2A07; +$kuler-shade-5: #E0A21A; + +// Snapshot (green to white w/yel): +$snap-1: #262401; // super dk green +$snap-2: #3e4001; // dark green +$snap-3: #70731f; // green +$snap-4: #b8a03e; // yel +$snap-5: #e0e4e5; // off-white diff --git a/test/mocha/html-snapshots/server/app/sass/_global.scss b/test/mocha/html-snapshots/server/app/sass/_global.scss new file mode 100644 index 00000000..5dd39be3 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_global.scss @@ -0,0 +1,86 @@ +$home-sprite-sprite-dimensions: true; +$home-sprite-spacing: 10px; +@import "home-sprite/*.png"; +@include all-home-sprite-sprites; + +%grid-full { + @include column($totalColumns); +} +%grid-half { + @include column($totalColumns/2); + @include breakpoint(extra-small) { + padding: 0; + } +} + +.small-breakpoint-js { width: $breakSmallMax; } + +// fonts +@font-face { + font-family: 'facebook_letter_facesregular'; + src: url($urlfbfeot); + src: url($urlfbfeotie) format('embedded-opentype'), + url($urlfbfwoff) format('woff'), + url($urlfbfttf) format('truetype'), + url($urlfbfsvg) format('svg'); + font-weight: normal; + font-style: normal; +} + +%level-dropdown { + z-index: 9; +} +%level-page { + z-index: 3; +} +%level-logo { + z-index: 2; +} +%level-canvas { + z-index: 1; +} +%level-art { + z-index: 0; +} + +%radius-panel { + @include border-radius($default-border-radius); +} + +.js .page-spinner { + @include background(image-url("/images/ajax-loader.gif") no-repeat); + height: 32px; + width: 32px; + margin: 64px auto; +} + +//.body { + // oldie hack +// *position: relative; +// *z-index: -1; +//} +#canvas-section { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + @extend %level-canvas; +} + +.main-grid-row { + @include outerRow(); + @include breakpoint(small) { + padding: inherit; + } +} +.main-grid-column { + @extend %grid-full; + background: $site-white; +} + +.image-ctl-inner { + background: transparent; + margin: 0 0 $panel-bottom-margin 0; + @extend %level-art; +} diff --git a/test/mocha/html-snapshots/server/app/sass/_header.scss b/test/mocha/html-snapshots/server/app/sass/_header.scss new file mode 100644 index 00000000..29eb10a0 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_header.scss @@ -0,0 +1,319 @@ +.header-top-block { + @extend %grid-half; + @include clearfix(); +} +.header-top-left { + float: left; +} +.header-top-right { + float: right; +} +%topline-item { + margin-top: 5px; + @include breakpoint(small) { + margin: 15px auto 0 auto; + } +} +.header-top-left-switch { + @include switcher(left, small); +} +.header-top-right-switch { + @include switcher(right, small); +} + +// +// Logo +// ---------------------------------------------------------------------- +$logo-width: 265px; +$logo-height: 211px; +$logo-margin-top: -30px; // -50 +$logo-margin-top-ms-reduction: 15px; // 35 + +.logo-img-js { + width: $logo-width; + height: $logo-height; +} +.logo-outer { + @extend %grid-half; +} +.logo-inner { + margin: $logo-margin-top 0 $panel-bottom-margin -20px; + min-height: $logo-height;// + abs($logo-margin-top); + text-align: center; + @include breakpoint(medium-small) { + // reduce to make room for nav + margin-top: $logo-margin-top + $logo-margin-top-ms-reduction; + //min-height: $logo-height + abs($logo-margin-top + $logo-margin-top-ms-reduction); + //margin-bottom: abs($logo-margin-top + $logo-margin-top-ms-reduction) / 2 * -1; + } + @include breakpoint(small) { + margin-top: $logo-margin-top - $logo-margin-top-ms-reduction; + //min-height: $logo-height + abs($logo-margin-top - $logo-margin-top-ms-reduction); + //margin-bottom: abs($logo-margin-top - $logo-margin-top-ms-reduction) / 2 * -1; + } + @include breakpoint(extra-small) { + margin-top: 0px; + margin-bottom: 0px; + } + position: relative; + @extend %level-logo; +} +.logo-inner a { + //display: block; + height: $logo-height; + width: $logo-width; // 100% +} + +// +// Slider +// ---------------------------------------------------------------------- + +$slider-container-height: 240px; +// this is really the foundation panel bottom margin value +$slider-container-bottom-margin: $panel-bottom-margin; +.slider-1 { + @include background(image-url('/images/slider1.jpg') no-repeat); + @include breakpoint(small) { + background: image-url('/images/slider1-lg.jpg') no-repeat; + } + @include breakpoint(very-small) { + background: image-url('/images/slider1.jpg') no-repeat; + } +} +.slider-outer { + @extend %grid-half; +} +.slider-inner { + //@include background($primary-4); + //border: 1px solid $secondary-b-3; + //padding: 10px; + margin: 0 0 $slider-container-bottom-margin 0; + @include box-shadow(rgba($primary-3, 0.6) 0 0 25px); +} +/* .ie7 .orbit-wrapper { + height: $slider-container-height !important; +} +.ie7 #featured-orbit { + height: inherit !important; +} + */ +#featured-orbit div { + // extra right for timer + padding: 10px 30px 10px 20px; +} +#featured-orbit h1 { + @include breakpoint(super-small) { + font-size: 22px; + } +} +#featured-orbit h2 { + @include breakpoint(super-small) { + font-size: 22px; + } +} +.orbit-wrapper { + @extend %level-canvas; +} +.no-touch .orbit-wrapper { + .slider-nav span { @include opacity(0); @include single-transition(opacity, 400ms); } + &:hover .slider-nav span { @include opacity(1); } +} +.ie8 .orbit-wrapper, .ie7 .orbit-wrapper { + .slider-nav span { display: none; } + &:hover .slider-nav span { display: none; } +} +.ie8 .orbit-wrapper .timer, .ie7 .orbit-wrapper .timer { + display: none; +} +.orbit-wrapper .timer { + @include breakpoint(super-small) { + display: none; + } +} + +// +// top buttons +// ---------------------------------------------------------------------- + +//%top-pill-box-shadow { +// @include box-shadow(rgba($primary-4, 0.8) 0 0 25px, rgba($primary-5, 0.6) 0 0 3px 1px inset); +//} +%top-pill-box-shadow { + -webkit-box-shadow: rgba($primary-4, 0.8) 0 0 25px, rgba($primary-5, 0.6) 0 0 3px 1px inset !important; + -moz-box-shadow: rgba($primary-4, 0.8) 0 0 25px, rgba($primary-5, 0.6) 0 0 3px 1px inset !important; + box-shadow: rgba($primary-4, 0.8) 0 0 25px, rgba($primary-5, 0.6) 0 0 3px 1px inset !important; +} +%top-pill-hover { + @include background($primary-1 !important); + @extend %top-pill-box-shadow; +} +%top-text { + font : { + size: ms(2) !important; + weight: bold; + } + color: $site-black; + @include breakpoint(very-small-super-small) { + font-size: ms(1) !important; + } + @include breakpoint(extra-small) { + font-size: 14px !important; + } +} +.top-pill { + @extend %radius-panel; + @extend %topline-item; + + position: relative; + @extend %level-page; + + @include background($primary-4); + padding: 5px 18px; + border: { + color: #eba104 !important; // transparent + width: 1px; + style: solid; + }; + @include box-shadow(0 1px 0 $shinyEdge inset); + + @include breakpoint(super-small) { + padding: 5px 8px; + } + + //-webkit-transition: background-color 0.3s ease-in-out; + @include transition-property(background-color); + @include transition-duration(0.3s); + @include transition-timing-function(ease-in-out); +} +.top-pill:hover { + @extend %top-pill-hover; +} +.top-pill a { + @extend %top-text; + text-align: center; +} +.ie7 .top-pill { + box-sizing: content-box; +} +.ie7 .has-flyout.top-pill { + box-sizing: border-box; +} + +$contact-facebook-width: 149px; +.contact-facebook { + @extend %radius-panel; + @extend %topline-item; + position: relative; + @extend %level-page; + + @include single-box-shadow(white, 0px, 1px, 1px, 0px, true); + border: { + style: solid; + width: 1px; + color: #29447e #29447e #1a356e; + }; + @include background(#2e4a83); + @include clearfix(); + width: $contact-facebook-width; + @include breakpoint(very-small-super-small) { + width: 100px; + } + @include breakpoint(extra-small) { + width: 80px; + } +} +.contact-facebook-text { + float: left; + font-family: 'facebook_letter_facesregular'; + font-weight: normal; + font-size: ms(2); + text-shadow: none; + color: white; + line-height: 31px; + text-align: center !important; + width: $contact-facebook-width; + margin-top: 2px; + @include breakpoint(very-small-super-small) { + line-height: 26px; + width: 100px; + font-size: ms(1); + } + @include breakpoint(extra-small) { + width: 80px; + } +} + +// +// Navbar +// ---------------------------------------------------------------------- + +$icon-width: 20px; +$icon-height: 3px; +$icon-container-height: 35px; +$icon-container-width: 35px; + +.nav-bar { + @extend %topline-item; + @include background(transparent); + //@include breakpoint(small) { + //margin-top: inherit; + //} +} +.nav-bar li.has-flyout { + @include box-shadow(0 1px 0 $shinyEdge inset); + @include breakpoint(small) { + width: $icon-container-width; + height: $icon-container-height; + } +} +.nav-bar li:hover { + @extend %top-pill-box-shadow; + } +.nav-bar li a { + @extend %top-text; +} +.flyout { + //@include box-shadow(rgba($primary-3, 0.6) 0 1px 5px); + //border: 1px solid darken($primary-3, 2%); + @include background($primary-4); + @include breakpoint(small) { + position: absolute; + width: 200px !important; // this is tied to the text size + } +} +ul.flyout li, .nav-bar li ul li { + border-left: solid 3px darken($primary-1, 10%); +} +ul.flyout li a, .nav-bar li ul li a { + @include background($primary-4); + border: 1px solid $primary-1; +} +.ie7 ul.flyout li a, .ie7 .nav-bar li ul li a { + box-sizing: content-box; +} +ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { + @extend %top-pill-hover; +} +.nav-bar > li.has-flyout > a:first-child:after { + border: { + width: 6px; + color: $site-black transparent transparent transparent; + } +} +.line-menu { + padding: ((($icon-height*3+6)/$icon-container-height)*100/2)#{"%"} (((1 - $icon-width / $icon-container-width) * 100) / 2)#{"%"}; + width: $icon-container-width; + height: $icon-container-height; + @include breakpoint(very-small-super-small) { + height: 26px; + } +} +.line-menu .icon-bar { + display: block; + width: $icon-width; + height: $icon-height; + margin-top: $icon-height - 1; + @include background($site-black); + @include border-radius(1px); + @include box-shadow(0 1px 0 rgba(0, 0, 0, 0.25)); +} \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/sass/_home.scss b/test/mocha/html-snapshots/server/app/sass/_home.scss new file mode 100644 index 00000000..2213b428 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_home.scss @@ -0,0 +1,147 @@ +// +// Badges +// --------------------------------------------------------------------- +.badges-outer { + @extend %grid-half; +} +$badges-number: 3; +$badge-margin: 20px; +$badge-width: 80px; +$total-badge-width: (($badge-width+$badge-margin) * $badges-number) + $badge-margin; +.badges-inner { + margin: 10px auto $panel-bottom-margin auto; + //min-height: 120px; + @include clearfix(); + width: $total-badge-width; + position: relative; + @extend %level-logo; +} +.badge { + margin-left: $badge-margin; + float: right; +} +.home-sprite-certification { + margin-right: $badge-margin; +} + +// +// Main art image +// --------------------------------------------------------------------- +$img-height: 200px; +$img-width: 308px; +$img-margin-top: ($img-height / 2) * -1 + 20px; +.img-ctl-home { + // ? mh for this space is determined by the image and badge height + + position: relative; + margin: $img-margin-top auto 0 auto; + width: $img-width; + min-height: $img-height; + + @extend %level-art; + + @include breakpoint(medium-small) { + margin-top: $img-margin-top + $logo-margin-top-ms-reduction + 20px; + } + @include breakpoint(small) { + margin: 0 auto $panel-bottom-margin auto; + } + @include breakpoint(extra-small) { + width: $breakExtraSmallMax; + margin-bottom: 0; + } +} +.img-ctl-js { + height: $img-height; + width: $img-width; +} + +// +// Buttons +// --------------------------------------------------------------------- +.optional-text { + @include breakpoint(extra-small) { + display: none; + } +} + +$home-button-height: 60px; +%home-button { + @extend %radius-panel; + @include box-shadow(0 1px 0 $shinyEdge inset); + min-height: $home-button-height; + line-height: $home-button-height; + border: { + style: solid; + width: 1px; + } + width: 85%; + margin: 0 auto $panel-bottom-margin auto; + position: relative; + @extend %level-page; +} + +.home-link { + text-align: center; + display: block; + height: $home-button-height; + width: 100%; + font: { + weight: bold; + size: ms(2); + } + color: $primary-5; + @include text-shadow( + 2px 2px 2px rgba(20, 20, 20, 0.8), + -1px -1px 0 #202020, + 1px -1px 0 #202020, + -1px 1px 0 #202020, + 1px 1px 0 #202020 + ); + @include breakpoint(super-small) { + font-size: ms(1); + } +} +.carpet-button { + @extend %home-button; + @include background(image-url('/images/carpetw2.jpg') repeat-x); + border: { + //color: $secondary-b-2; + color: #d8d8d8; + } +} +.floor-button { + @extend %home-button; + @include background(image-url('/images/floor2.jpg') repeat-x); + border: { + color: $primary-3; + } +} +.fabric-button { + @extend %home-button; + @include background(image-url('/images/fabricw2.jpg') repeat-x); + border: { + color: #d8d8d8; + } +} +.tile-button { + @extend %home-button; + @include background(image-url('/images/tile.jpg') repeat-x); + border: { + color: #d8d8d8; + } +} +.water-button { + @extend %home-button; + @include background(image-url('/images/waterw.jpg') repeat-x); + border: { + color: #5ba1bb; + } +} +.generic-button { + @extend %home-button; + @include background($primary-2); + border: { + color: $primary-3; + } +} \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/sass/_service.scss b/test/mocha/html-snapshots/server/app/sass/_service.scss new file mode 100644 index 00000000..4be675c9 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/_service.scss @@ -0,0 +1,32 @@ +// nothing yet +.img-ctl-service { + // mh is controlled by image alone + min-height: 120px; + + @include breakpoint(small) { + min-height: 100px; + } +} + +.service-inner { + @include background(darken($primary-2, 2%)); + width: 92%; + border: solid 1px $primary-3; + margin: 0 0 $panel-bottom-margin 0; + padding: 20px; + text-align: center; + position: relative; + @extend %level-page; +} + +.service-inner img { + border: solid 4px $primary-4; +} + +.reveal-modal { + @include background(darken($primary-2, 10%)); +} + +.reveal-modal img { + border: solid 4px $primary-4; +} \ No newline at end of file diff --git a/test/mocha/html-snapshots/server/app/sass/index.scss b/test/mocha/html-snapshots/server/app/sass/index.scss new file mode 100644 index 00000000..08bcc3d2 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/sass/index.scss @@ -0,0 +1,39 @@ +@import "global-settings"; +@import "global-mixins"; + +// Foundation overrides +@import "foundation-settings"; + +// Foundation styles and dependencies +@import "compass/css3"; +@import "foundation/settings"; +@import "foundation/functions/all"; +@import "foundation/mixins/clearfix"; +@import "foundation/mixins/css-triangle"; +@import "foundation/mixins/font-size"; +@import "foundation/mixins/respond-to"; +@import "foundation/mixins/semantic-grid"; +@import "modular-scale"; +@import "foundation/common/globals"; +@import "foundation/components/grid"; +@import "foundation/common/typography"; +@import "foundation/common/forms"; +@import "foundation/components/modules/buttons"; +// @import "foundation/components/modules/tabs"; +@import "foundation/components/modules/ui"; +// @import "foundation/components/modules/topbar"; +@import "foundation/components/modules/navbar"; +@import "foundation/components/modules/orbit"; +@import "foundation/components/modules/reveal"; +// @import "foundation/components/modules/offcanvas"; +// @import "foundation/components/modules/clearing"; +// @import "foundation/components/modules/joyride"; +@import "foundation/components/modules/mqueries"; + +// application styles +@import "global"; +@import "header"; +@import "footer"; +@import "home"; +@import "service"; +@import "contact"; diff --git a/test/mocha/html-snapshots/server/app/styles/index.css b/test/mocha/html-snapshots/server/app/styles/index.css new file mode 100644 index 00000000..34c728ef --- /dev/null +++ b/test/mocha/html-snapshots/server/app/styles/index.css @@ -0,0 +1,5873 @@ +/* +Web palate analogic +Primary: +FF9900 CC9933 996600 FFCC33 FFCC66 +Secondary Color A: +FFCC00 CC9933 999900 FFCC33 FFFF66 +Secondary Color B: +FF6600 CC6633 993300 FF9933 FF9966 +*/ +/* +OMS +OMS 4027 +(F1A02D) OMS 4584 +(BA932F) OMS 4137 +(B95E0E) OMS 4494 +(FAC23D) OMS 4018 +(FEC478) +Secondary Color A: +OMS 4481 +(F6D93E) OMS 4583 +(C1A52E) OMS 4123 +(BC8023) OMS 4005 +(FCEE66) +Secondary Color B: +OMS 4522 +(FF6000) OMS 4545 +(C07235) OMS 4144 +(B55100) OMS 4026 +(F0A142) OMS 4018 +(FEC478) +*/ +/* line 51, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_semantic-grid.scss */ +.main-grid-column, .header-top-block, .logo-outer, .slider-outer, .badges-outer, .footer-block-panel, .contact-inner-input, .contact-inner { + float: left; +} + +/* line 53, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_semantic-grid.scss */ +.footer-outer { + float: none; +} + +/* line 55, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_semantic-grid.scss */ +.main-grid-row { + *zoom: 1; +} +/* line 4, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.main-grid-row:before, .main-grid-row:after { + content: " "; + display: table; +} +/* line 5, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.main-grid-row:after { + clear: both; +} + +/* line 62, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_semantic-grid.scss */ +.main-grid-column, .header-top-block, .logo-outer, .slider-outer, .badges-outer, .footer-outer, .footer-block-panel, .contact-inner-input, .contact-inner { + position: relative; + min-height: 1px; + padding: 0 15px; +} + +/* Requires: normalize.css */ +/* Global Reset & Standards ---------------------- */ +/* line 5, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +*, *:before, *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +/* line 6, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +html { + font-size: 62.5%; +} + +/* line 7, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +body { + background: #fdfdfd; + font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + font-weight: normal; + font-style: normal; + font-size: 14px; + line-height: 1; + color: #050001; + position: relative; + -webkit-font-smoothing: antialiased; +} + +/* Links ---------------------- */ +/* line 11, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +a img { + border: none; +} + +/* line 12, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +a { + color: #fcc03f; + text-decoration: none; + line-height: inherit; +} + +/* line 13, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +a:hover { + color: #fcb826; +} + +/* line 14, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +a:focus { + color: #fcb826; +} + +/* line 15, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +p a, p a:visited { + line-height: inherit; +} + +/* Misc ---------------------- */ +/* line 19, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +.left { + float: left; +} + +/* line 20, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +.right { + float: right; +} + +/* line 21, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +.text-left { + text-align: left; +} + +/* line 22, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +.text-right { + text-align: right; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +.text-center { + text-align: center; +} + +/* line 24, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +.hide { + display: none; +} + +/* line 25, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +.hide-override { + display: none !important; +} + +/* line 26, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +.highlight { + background: #ffff99; +} + +/* line 28, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +#googlemap img, object, embed { + max-width: none; +} + +/* line 30, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +#map_canvas embed { + max-width: none; +} + +/* line 31, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +#map_canvas img { + max-width: none; +} + +/* line 32, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +#map_canvas object { + max-width: none; +} + +/* Reset for strange margins by default on
elements */ +/* line 35, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_globals.scss */ +figure { + margin: 0; +} + +/* The Grid ---------------------- */ +/* line 3, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row { + width: 1000px; + max-width: 100%; + min-width: 768px; + margin: 0 auto; +} +/* line 4, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .row { + width: auto; + max-width: none; + min-width: 0; + margin: 0 -15px; +} +/* line 7, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row.collapse .column, .row.collapse .columns { + padding: 0; +} +/* line 9, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .row { + width: auto; + max-width: none; + min-width: 0; + margin: 0 -15px; +} +/* line 10, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .row.collapse { + margin: 0; +} + +/* line 14, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.column, .columns { + float: left; + min-height: 1px; + padding: 0 15px; + position: relative; +} +/* line 15, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.column.centered, .columns.centered { + float: none; + margin: 0 auto; +} + +/* line 18, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +[class*="column"] + [class*="column"]:last-child { + float: right; +} + +/* line 19, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +[class*="column"] + [class*="column"].end { + float: left; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.one, .row .one { + width: 8.33333%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.two, .row .two { + width: 16.66667%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.three, .row .three { + width: 25%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.four, .row .four { + width: 33.33333%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.five, .row .five { + width: 41.66667%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.six, .row .six { + width: 50%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.seven, .row .seven { + width: 58.33333%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.eight, .row .eight { + width: 66.66667%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.nine, .row .nine { + width: 75%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.ten, .row .ten { + width: 83.33333%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.eleven, .row .eleven { + width: 91.66667%; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.twelve, .row .twelve { + width: 100%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-one { + margin-left: 8.33333%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-two { + margin-left: 16.66667%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-three { + margin-left: 25%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-four { + margin-left: 33.33333%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-five { + margin-left: 41.66667%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-six { + margin-left: 50%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-seven { + margin-left: 58.33333%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-eight { + margin-left: 66.66667%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-nine { + margin-left: 75%; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row .offset-by-ten { + margin-left: 83.33333%; +} + +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.push-two { + left: 16.66667%; +} + +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.pull-two { + right: 16.66667%; +} + +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.push-three { + left: 25%; +} + +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.pull-three { + right: 25%; +} + +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.push-four { + left: 33.33333%; +} + +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.pull-four { + right: 33.33333%; +} + +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.push-five { + left: 41.66667%; +} + +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.pull-five { + right: 41.66667%; +} + +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.push-six { + left: 50%; +} + +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.pull-six { + right: 50%; +} + +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.push-seven { + left: 58.33333%; +} + +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.pull-seven { + right: 58.33333%; +} + +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.push-eight { + left: 66.66667%; +} + +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.pull-eight { + right: 66.66667%; +} + +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.push-nine { + left: 75%; +} + +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.pull-nine { + right: 75%; +} + +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.push-ten { + left: 83.33333%; +} + +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.pull-ten { + right: 83.33333%; +} + +/* line 46, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +img { + height: auto; +} + +/* line 47, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +img, object, embed { + max-width: 100%; +} + +/* line 48, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +img { + -ms-interpolation-mode: bicubic; +} + +/* line 49, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +#map_canvas img, .map_canvas img { + max-width: none!important; +} + +/* Nicolas Gallagher's micro clearfix */ +/* line 52, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.row { + *zoom: 1; +} +/* line 4, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.row:before, .row:after { + content: " "; + display: table; +} +/* line 5, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.row:after { + clear: both; +} + +/* Block Grids ---------------------- */ +/* These are 2-up, 3-up, 4-up and 5-up ULs, suited +for repeating blocks of content. Add 'mobile' to +them to switch them just like the layout grid +(one item per line) on phones + +For IE7/8 compatibility block-grid items need to be +the same height. You can optionally uncomment the +lines below to support arbitrary height, but know +that IE7/8 do not support :nth-child. +-------------------------------------------------- */ +/* line 67, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid { + display: block; + overflow: hidden; + padding: 0; +} +/* line 69, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid > li { + display: block; + height: auto; + float: left; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.one-up { + margin: 0; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.one-up > li { + width: 100%; + padding: 0 0 15px; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.two-up { + margin: 0 -15px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.two-up > li { + width: 50%; + padding: 0 15px 15px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.two-up > li:nth-child(2n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.three-up { + margin: 0 -12px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.three-up > li { + width: 33.33333%; + padding: 0 12px 12px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.three-up > li:nth-child(3n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.four-up { + margin: 0 -10px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.four-up > li { + width: 25%; + padding: 0 10px 10px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.four-up > li:nth-child(4n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.five-up { + margin: 0 -8px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.five-up > li { + width: 20%; + padding: 0 8px 8px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.five-up > li:nth-child(5n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.six-up { + margin: 0 -8px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.six-up > li { + width: 16.66667%; + padding: 0 8px 8px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.six-up > li:nth-child(6n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.seven-up { + margin: 0 -8px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.seven-up > li { + width: 14.28571%; + padding: 0 8px 8px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.seven-up > li:nth-child(7n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.eight-up { + margin: 0 -8px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.eight-up > li { + width: 12.5%; + padding: 0 8px 8px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.eight-up > li:nth-child(8n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.nine-up { + margin: 0 -8px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.nine-up > li { + width: 11.11111%; + padding: 0 8px 8px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.nine-up > li:nth-child(9n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.ten-up { + margin: 0 -8px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.ten-up > li { + width: 10%; + padding: 0 8px 8px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.ten-up > li:nth-child(10n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.eleven-up { + margin: 0 -8px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.eleven-up > li { + width: 9.09091%; + padding: 0 8px 8px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.eleven-up > li:nth-child(11n+1) { + clear: both; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.twelve-up { + margin: 0 -8px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.twelve-up > li { + width: 8.33333%; + padding: 0 8px 8px; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/_grid.scss */ +.block-grid.twelve-up > li:nth-child(12n+1) { + clear: both; +} + +/* Base Type Styles Using Modular Scale ---------------------- */ +/* line 3, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { + margin: 0; + padding: 0; + font-size: 14px; + direction: ltr; +} + +/* line 10, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +p { + font-family: inherit; + font-weight: normal; + font-size: 14px; + line-height: 1.6; + margin-bottom: 17px; +} +/* line 11, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +p.lead { + font-size: 17.5px; + line-height: 1.6; + margin-bottom: 17px; +} + +/* line 13, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +aside p { + font-size: 13px; + line-height: 1.35; + font-style: italic; +} + +/* line 15, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +h1, h2, h3, h4, h5, h6 { + font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + font-weight: bold; + font-style: normal; + color: #222222; + text-rendering: optimizeLegibility; + line-height: 1.1; + margin-bottom: 14px; + margin-top: 14px; +} +/* line 24, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + font-size: 60%; + color: #6f6f6f; + line-height: 0; +} + +/* line 27, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +h1 { + font-size: 44px; +} + +/* line 28, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +h2 { + font-size: 37px; +} + +/* line 29, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +h3 { + font-size: 27px; +} + +/* line 30, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +h4 { + font-size: 23px; +} + +/* line 31, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +h5 { + font-size: 17px; +} + +/* line 32, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +h6 { + font-size: 14px; +} + +/* line 34, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +hr { + border: solid #ddd; + border-width: 1px 0 0; + clear: both; + margin: 22px 0 21px; + height: 0; +} + +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +.subheader { + line-height: 1.3; + color: #6f6f6f; + font-weight: 300; + margin-bottom: 17px; +} + +/* line 38, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +em, i { + font-style: italic; + line-height: inherit; +} + +/* line 39, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +strong, b { + font-weight: bold; + line-height: inherit; +} + +/* line 40, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +small { + font-size: 60%; + line-height: inherit; +} + +/* line 41, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +code { + font-weight: bold; + background: #ffff99; +} + +/* Lists ---------------------- */ +/* line 44, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul, ol, dl { + font-size: 14px; + line-height: 1.6; + margin-bottom: 17px; + list-style-position: outside; +} + +/* line 47, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul li ul, ul li ol { + margin-left: 20px; + margin-bottom: 0; +} +/* line 49, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul.square, ul.circle, ul.disc { + margin-left: 17px; +} +/* line 50, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul.square { + list-style-type: square; +} +/* line 51, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul.square li ul { + list-style: inherit; +} +/* line 53, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul.circle { + list-style-type: circle; +} +/* line 54, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul.circle li ul { + list-style: inherit; +} +/* line 56, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul.disc { + list-style-type: disc; +} +/* line 57, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul.disc li ul { + list-style: inherit; +} +/* line 59, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul.no-bullet { + list-style: none; +} +/* line 60, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ul.large li { + line-height: 21px; +} + +/* line 62, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ol { + margin-left: 20px; +} +/* line 64, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +ol li ul, ol li ol { + margin-left: 20px; + margin-bottom: 0; +} + +/* Blockquotes ---------------------- */ +/* line 69, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +blockquote, blockquote p { + line-height: 1.5; + color: #6f6f6f; +} + +/* line 70, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +blockquote { + margin: 0 0 17px; + padding: 9px 20px 0 19px; + border-left: 1px solid #ddd; +} +/* line 71, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +blockquote cite { + display: block; + font-size: 13px; + color: #555555; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +blockquote cite:before { + content: "\2014 \0020"; +} +/* line 73, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +blockquote cite a, blockquote cite a:visited { + color: #555555; +} + +/* line 77, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +abbr, acronym { + text-transform: uppercase; + font-size: 90%; + color: #222222; + border-bottom: 1px solid #ddd; + cursor: help; +} + +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +abbr { + text-transform: none; +} + +/* + * Print styles. + * + * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ + * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) +*/ +/* line 86, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ +.print-only { + display: none !important; +} + +@media print { + /* line 88, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + * { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + filter: none !important; + -ms-filter: none !important; + } + + /* Black prints faster: h5bp.com/s */ + /* line 89, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + a, a:visited { + text-decoration: underline; + } + + /* line 90, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + a[href]:after { + content: " (" attr(href) ")"; + } + + /* line 91, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + abbr[title]:after { + content: " (" attr(title) ")"; + } + + /* line 92, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { + content: ""; + } + + /* Don't show links for images, or javascript/internal links */ + /* line 93, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + pre, blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + /* line 94, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + thead { + display: table-header-group; + } + + /* h5bp.com/t */ + /* line 95, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + tr, img { + page-break-inside: avoid; + } + + /* line 96, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + img { + max-width: 100% !important; + } + + @page { + margin: 0.5cm; +} + + /* line 98, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + p, h2, h3 { + orphans: 3; + widows: 3; + } + + /* line 99, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + h2, h3 { + page-break-after: avoid; + } + + /* line 100, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + .hide-on-print { + display: none !important; + } + + /* line 101, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + .print-only { + display: block !important; + } + + /* line 102, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + .hide-for-print { + display: none !important; + } + + /* line 103, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_typography.scss */ + .show-for-print { + display: inherit !important; + } +} +/* Requires + globals.css */ +/* Standard Forms ---------------------- */ +/* line 6, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form { + margin: 0 0 19.41641px; +} + +/* line 8, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.row form .row { + margin: 0 -6px; +} +/* line 10, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.row form .row .column, .row form .row .columns { + padding: 0 6px; +} +/* line 12, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.row form .row.collapse { + margin: 0; +} +/* line 13, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.row form .row.collapse .column, .row form .row.collapse .columns { + padding: 0; +} + +/* line 17, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +label { + font-size: 14px; + color: #4d4d4d; + cursor: pointer; + display: block; + font-weight: 500; + margin-bottom: 3px; +} +/* line 19, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +label.right { + float: none; + text-align: right; +} +/* line 20, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +label.inline { + line-height: 32px; + margin: 0 0 12px 0; +} + +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.prefix, .postfix { + display: block; + position: relative; + z-index: 2; + text-align: center; + width: 100%; + padding-top: 0; + padding-bottom: 0; + height: 32px; + line-height: 31px; +} + +/* line 24, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +a.button.prefix, a.button.postfix { + padding-left: 0; + padding-right: 0; + text-align: center; +} + +/* line 25, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +span.prefix, span.postfix { + background: #f0f0f0; + border: 1px solid #cacaca; +} + +/* line 27, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.prefix { + left: 2px; + -moz-border-radius-topleft: 2px; + -webkit-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + overflow: hidden; +} + +/* line 28, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.postfix { + right: 2px; + -moz-border-radius-topright: 2px; + -webkit-border-top-right-radius: 2px; + border-top-right-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +/* line 30, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { + background-color: white; + font-family: inherit; + border: 1px solid #cccccc; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.75); + display: block; + font-size: 14px; + margin: 0 0 12px 0; + padding: 6px; + height: 32px; + width: 100%; + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + -o-transition: all 0.15s linear; + transition: all 0.15s linear; +} +/* line 32, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { + font-size: 17px; + padding: 4px 6px; +} +/* line 34, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { + background: #fafafa; + border-color: #b3b3b3; +} +/* line 35, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { + background-color: #ddd; +} + +/* line 38, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +textarea { + height: auto; +} + +/* line 40, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +select { + width: 100%; +} + +/* Fieldsets */ +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +fieldset { + border: solid 1px #ddd; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: 12px; + margin: 18px 0; +} +/* line 45, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +fieldset legend { + font-weight: bold; + background: #fdfdfd; + padding: 0 3px; + margin: 0; + margin-left: -3px; +} + +/* Errors */ +/* line 49, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { + border-color: #a24e00; + background-color: rgba(162, 78, 0, 0.1); +} + +/* line 50, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { + outline-color: #ff9a3c; +} + +/* line 51, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.error label, label.error { + color: #a24e00; +} + +/* line 52, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.error small, small.error { + display: block; + padding: 6px 4px; + margin-top: -13px; + margin-bottom: 12px; + background: #a24e00; + color: #fff; + font-size: 12px; + font-weight: bold; + -moz-border-radius-bottomleft: 2px; + -webkit-border-bottom-left-radius: 2px; + border-bottom-left-radius: 2px; + -moz-border-radius-bottomright: 2px; + -webkit-border-bottom-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +/* Custom Forms ---------------------- */ +/* line 55, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom { + /* Custom input, disabled */ +} +/* line 57, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom span.custom { + display: inline-block; + width: 16px; + height: 16px; + position: relative; + top: 2px; + border: solid 1px #cccccc; + background: white; +} +/* line 59, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom span.custom.radio { + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + border-radius: 100px; +} +/* line 61, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom span.custom.checkbox:before { + content: ""; + display: block; + line-height: 0.8; + height: 14px; + width: 14px; + text-align: center; + position: absolute; + top: 0; + left: 0; + font-size: 14px; + color: #fff; +} +/* line 64, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom span.custom.radio.checked:before { + content: ""; + display: block; + width: 8px; + height: 8px; + -webkit-border-radius: 100px; + -moz-border-radius: 100px; + -ms-border-radius: 100px; + -o-border-radius: 100px; + border-radius: 100px; + background: #222222; + position: relative; + top: 3px; + left: 3px; +} +/* line 67, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom span.custom.checkbox.checked:before { + content: "\00d7"; + color: #222222; +} +/* line 70, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown { + display: block; + position: relative; + width: auto; + height: 28px; + margin-bottom: 9px; + margin-top: 2px; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul { + overflow-y: auto; + max-height: 200px; +} +/* line 73, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown a.current { + display: block; + width: auto; + line-height: 26px; + min-height: 28px; + padding: 0; + padding-left: 6px; + padding-right: 38px; + border: solid 1px #dddddd; + color: #141414; + background-color: white; + white-space: nowrap; +} +/* line 74, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown a.selector { + position: absolute; + width: 27px; + height: 28px; + display: block; + right: 0; + top: 0; + border: solid 1px #dddddd; +} +/* line 75, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown a.selector:after { + content: ""; + display: block; + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: #aaaaaa transparent transparent transparent; + position: absolute; + left: 50%; + top: 50%; + margin-top: -2px; + margin-left: -5px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: #222222 transparent transparent transparent; +} +/* line 81, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown.open ul { + display: block; + z-index: 10; +} +/* line 83, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown.small { + width: 134px !important; +} +/* line 84, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown.medium { + width: 254px !important; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown.large { + width: 434px !important; +} +/* line 86, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown.expand { + width: 100% !important; +} +/* line 88, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown.open.small ul { + width: 134px !important; +} +/* line 89, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown.open.medium ul { + width: 254px !important; +} +/* line 90, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown.open.large ul { + width: 434px !important; +} +/* line 91, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown.open.expand ul { + width: 100% !important; +} +/* line 94, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul { + position: absolute; + width: auto; + display: none; + margin: 0; + left: 0; + top: 27px; + margin: 0; + padding: 0; + background: white; + background: rgba(255, 255, 255, 0.95); + border: solid 1px #cccccc; +} +/* line 96, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul li { + color: #555555; + font-size: 13px; + cursor: pointer; + padding: 3px; + padding-left: 6px; + padding-right: 38px; + min-height: 18px; + line-height: 18px; + margin: 0; + white-space: nowrap; + list-style: none; +} +/* line 97, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul li.selected { + background: #cdebf5; + color: black; +} +/* line 98, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul li.selected:after { + content: "\2013"; + position: absolute; + right: 10px; +} +/* line 100, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul li:hover { + background-color: #cdebf5; + color: black; +} +/* line 101, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul li:hover:after { + content: "\2013"; + position: absolute; + right: 10px; + color: #a3dbec; +} +/* line 103, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul li.selected:hover { + background: #cdebf5; + cursor: default; + color: black; +} +/* line 104, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul li.selected:hover:after { + color: black; +} +/* line 106, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom div.custom.dropdown ul.show { + display: block; +} +/* line 110, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +form.custom .custom.disabled { + background-color: #dddddd; +} + +/* Correct FF custom dropdown height */ +@-moz-document url-prefix() { + /* line 115, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ + form.custom div.custom.dropdown a.selector { + height: 28px; + } +} + +/* line 117, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/common/_forms.scss */ +.lt-ie9 form.custom div.custom.dropdown a.selector { + height: 28px; +} + +/* Normal Buttons ---------------------- */ +/* line 3, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button { + width: auto; + background: #fcc03f; + border: 1px solid #eba104; + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + color: #fdfdfd; + cursor: pointer; + display: inline-block; + font-family: inherit; + font-size: 14px; + font-weight: bold; + line-height: 1; + margin: 0; + padding: 10px 20px 11px; + position: relative; + text-align: center; + text-decoration: none; + -webkit-transition: background-color 0.15s ease-in-out; + -moz-transition: background-color 0.15s ease-in-out; + -o-transition: background-color 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out; + /* Hovers */ + /* Sizes */ + /* Colors */ + /* Radii */ + /* Layout */ + /* Disabled ---------- */ +} +/* line 6, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button:hover, .button:focus { + color: #fdfdfd; + background-color: #fbb00d; +} +/* line 7, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button:active { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; +} +/* line 10, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.large { + font-size: 17px; + padding: 15px 30px 16px; +} +/* line 11, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.medium { + font-size: 14px; +} +/* line 12, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.small { + font-size: 11px; + padding: 7px 14px 8px; +} +/* line 13, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.tiny { + font-size: 10px; + padding: 5px 10px 6px; +} +/* line 14, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.expand { + width: 100%; + text-align: center; +} +/* line 17, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.primary { + background-color: #fcc03f; + border: 1px solid #eba104; +} +/* line 18, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.primary:hover, .button.primary:focus { + background-color: #fbb00d; +} +/* line 20, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.success { + background-color: #5da423; + border: 1px solid #396516; +} +/* line 21, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.success:hover, .button.success:focus { + background-color: #457a1a; +} +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.alert { + background-color: #a24e00; + border: 1px solid #552900; +} +/* line 24, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.alert:hover, .button.alert:focus { + background-color: #6f3500; +} +/* line 26, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.secondary { + background-color: #f9aa00; + color: black; + border: 1px solid #ac7600; +} +/* line 27, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.secondary:hover, .button.secondary:focus { + background-color: #c68700; +} +/* line 31, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.radius { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} +/* line 32, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.round { + -webkit-border-radius: 1000px; + -moz-border-radius: 1000px; + -ms-border-radius: 1000px; + -o-border-radius: 1000px; + border-radius: 1000px; +} +/* line 35, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.full-width { + width: 100%; + text-align: center; + padding-left: 0px !important; + padding-right: 0px !important; +} +/* line 36, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.left-align { + text-align: left; + text-indent: 12px; +} +/* line 39, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.disabled, .button[disabled] { + opacity: 0.6; + cursor: default; + background: #fcc03f; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +/* line 40, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.disabled:hover, .button[disabled]:hover { + background: #fcc03f; +} +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.disabled.success, .button[disabled].success { + background-color: #5da423; +} +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { + background-color: #5da423; + outline: none; +} +/* line 45, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.disabled.alert, .button[disabled].alert { + background-color: #a24e00; +} +/* line 46, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { + background-color: #a24e00; + outline: none; +} +/* line 48, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.disabled.secondary, .button[disabled].secondary { + background-color: #f9aa00; +} +/* line 49, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { + background-color: #f9aa00; + outline: none; +} + +/* Don't use native buttons on iOS */ +/* line 55, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +input[type=submit].button, button.button { + -webkit-appearance: none; +} + +/* Correct FF button padding */ +@-moz-document url-prefix() { + /* line 59, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ + button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { + border: none; + padding: 0; + } + + /* line 60, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ + input[type="submit"].tiny.button { + padding: 3px 10px 4px; + } + + /* line 61, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ + input[type="submit"].small.button { + padding: 5px 14px 6px; + } + + /* line 62, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ + input[type="submit"].button, input[type=submit].medium.button { + padding: 8px 20px 9px; + } + + /* line 63, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ + input[type="submit"].large.button { + padding: 13px 30px 14px; + } +} + +/* Buttons with Dropdowns ---------------------- */ +/* line 68, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown { + position: relative; + padding-right: 44px; + /* Sizes */ + /* Triangles */ + /* Flyout List */ + /* Split Dropdown Buttons */ +} +/* line 71, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.large { + padding-right: 60px; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.small { + padding-right: 28px; +} +/* line 73, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.tiny { + padding-right: 20px; +} +/* line 76, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 6px; + border-color: white transparent transparent transparent; + position: absolute; + top: 50%; + right: 20px; + margin-top: -2px; +} +/* line 77, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.large:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 7px; + border-color: white transparent transparent transparent; + margin-top: -3px; + right: 30px; +} +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.small:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: white transparent transparent transparent; + margin-top: -2px; + right: 14px; +} +/* line 79, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.tiny:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 4px; + border-color: white transparent transparent transparent; + margin-top: -1px; + right: 10px; +} +/* line 82, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown > ul { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + display: none; + position: absolute; + left: -1px; + background: #fff; + background: rgba(255, 255, 255, 0.95); + list-style: none; + margin: 0; + padding: 0; + border: 1px solid #cacaca; + border-top: none; + min-width: 100%; + z-index: 40; +} +/* line 84, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown > ul li { + width: 100%; + cursor: pointer; + padding: 0; + min-height: 18px; + line-height: 18px; + margin: 0; + white-space: nowrap; + list-style: none; +} +/* line 85, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown > ul li a, .button.dropdown > ul li button { + display: block; + color: #555; + font-size: 13px; + font-weight: normal; + padding: 6px 14px; + text-align: left; +} +/* line 86, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown > ul li button { + width: 100%; + border: inherit; + background: inherit; + font-family: inherit; + margin: inherit; + -webkit-font-smoothing: antialiased; +} +/* line 87, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown > ul li:hover, .button.dropdown > ul li:focus { + background-color: white; + color: #222; +} +/* line 88, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown > ul li.divider { + min-height: 0; + padding: 0; + height: 1px; + margin: 4px 0; + background: #ebebeb; +} +/* line 92, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.up > ul { + border-top: 1px solid #cacaca; + border-bottom: none; +} +/* line 94, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown ul.no-hover.show-dropdown { + display: block !important; +} +/* line 96, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown:hover > ul.no-hover { + display: none; +} +/* line 102, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split { + padding: 0; + position: relative; + /* Sizes */ + /* Triangle Spans */ + /* Colors */ +} +/* line 104, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split:after { + display: none; +} +/* line 105, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split:hover, .button.dropdown.split:focus { + background-color: #fcc03f; +} +/* line 106, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus { + background-color: #a24e00; +} +/* line 107, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.success:hover, .button.dropdown.split.success:focus { + background-color: #5da423; +} +/* line 108, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus { + background-color: #f9aa00; +} +/* line 111, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split > a { + color: #fdfdfd; + display: block; + padding: 10px 50px 11px 20px; + padding-left: 20px; + padding-right: 50px; + -webkit-transition: background-color 0.15s ease-in-out; + -moz-transition: background-color 0.15s ease-in-out; + -o-transition: background-color 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out; +} +/* line 112, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split > a:hover, .button.dropdown.split > a:focus { + background-color: #fbb00d; + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; +} +/* line 114, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.large > a { + padding: 15px 75px 16px 30px; + padding-left: 30px; + padding-right: 75px; +} +/* line 115, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.small > a { + padding: 7px 35px 8px 14px; + padding-left: 14px; + padding-right: 35px; +} +/* line 116, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.tiny > a { + padding: 5px 25px 6px 10px; + padding-left: 10px; + padding-right: 25px; +} +/* line 119, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split > span { + background-color: #fcc03f; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 30px; + border-left: 1px solid #eba104; + -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; + -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; + box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; + -webkit-transition: background-color 0.15s ease-in-out; + -moz-transition: background-color 0.15s ease-in-out; + -o-transition: background-color 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out; +} +/* line 120, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split > span:hover, .button.dropdown.split > span:focus { + background-color: #fbb00d; +} +/* line 121, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split > span:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 6px; + border-color: white transparent transparent transparent; + position: absolute; + top: 50%; + left: 50%; + margin-left: -6px; + margin-top: -2px; +} +/* line 123, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.secondary > span:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 6px; + border-color: black transparent transparent transparent; +} +/* line 125, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.large span { + width: 45px; +} +/* line 126, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.small span { + width: 21px; +} +/* line 127, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.tiny span { + width: 15px; +} +/* line 129, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.large span:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 7px; + border-color: white transparent transparent transparent; + margin-top: -3px; + margin-left: -7px; +} +/* line 130, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.small span:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 4px; + border-color: white transparent transparent transparent; + margin-top: -1px; + margin-left: -4px; +} +/* line 131, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.tiny span:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 3px; + border-color: white transparent transparent transparent; + margin-top: -1px; + margin-left: -3px; +} +/* line 134, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.alert > span { + background-color: #a24e00; + border-left-color: #552900; +} +/* line 135, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.success > span { + background-color: #5da423; + border-left-color: #396516; +} +/* line 136, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.secondary > span { + background-color: #f9aa00; + border-left-color: #ac7600; +} +/* line 137, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.secondary > a { + color: black; +} +/* line 139, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover, .button.dropdown.split.alert > a:focus, .button.dropdown.split.alert > span:focus { + background-color: #6f3500; +} +/* line 140, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover, .button.dropdown.split.success > a:focus, .button.dropdown.split.success > span:focus { + background-color: #457a1a; +} +/* line 141, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus { + background-color: #c68700; +} + +/* Button Groups ---------------------- */ +/* line 147, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group { + list-style: none; + padding: 0; + margin: 0 0 12px; + *zoom: 1; +} +/* line 4, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +ul.button-group:before, ul.button-group:after { + content: " "; + display: table; +} +/* line 5, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +ul.button-group:after { + clear: both; +} +/* line 149, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group li { + padding: 0; + margin: 0 0 0 -1px; + float: left; +} +/* line 150, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group li:first-child { + margin-left: 0; +} +/* line 154, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.radius li .button, ul.button-group.radius li .button.radius, ul.button-group.radius li .button-rounded { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + -ms-border-radius: 0px; + -o-border-radius: 0px; + border-radius: 0px; +} +/* line 156, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius { + -moz-border-radius-topleft: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; +} +/* line 157, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.radius li:first-child .button.rounded { + -moz-border-radius-topleft: 1000px; + -webkit-border-top-left-radius: 1000px; + border-top-left-radius: 1000px; + -moz-border-radius-bottomleft: 1000px; + -webkit-border-bottom-left-radius: 1000px; + border-bottom-left-radius: 1000px; +} +/* line 160, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius { + -moz-border-radius-topright: 3px; + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; +} +/* line 161, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.radius li:last-child .button.rounded { + -moz-border-radius-topright: 1000px; + -webkit-border-top-right-radius: 1000px; + border-top-right-radius: 1000px; + -moz-border-radius-bottomright: 1000px; + -webkit-border-bottom-right-radius: 1000px; + border-bottom-right-radius: 1000px; +} +/* line 166, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.even .button { + width: 100%; +} +/* line 167, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.even.two-up li { + width: 50%; +} +/* line 168, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.even.three-up li { + width: 33.3%; +} +/* line 169, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.even.three-up li:first-child { + width: 33.4%; +} +/* line 170, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.even.four-up li { + width: 25%; +} +/* line 171, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +ul.button-group.even.five-up li { + width: 20%; +} + +/* line 175, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +div.button-bar { + overflow: hidden; +} +/* line 176, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +div.button-bar ul.button-group { + float: left; + margin-right: 8px; +} +/* line 177, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_buttons.scss */ +div.button-bar ul.button-group:last-child { + margin-left: 0; +} + +/* Table of Contents + +:: Visibility +:: Alerts +:: Labels +:: Tooltips +:: Panels +:: Accordion +:: Side Nav +:: Sub Nav +:: Pagination +:: Breadcrumbs +:: Lists +:: Inline/Link Lists +:: Keystroke Chars +:: Image Thumbnails +:: Video +:: Tables +:: Microformats +:: Progress Bars +:: Pricing Tables + +*/ +/* Alerts ---------------------- */ +/* line 27, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.alert-box { + display: block; + padding: 6px 7px 7px; + font-weight: bold; + font-size: 14px; + color: #fdfdfd; + background-color: #fcc03f; + border: 1px solid rgba(0, 0, 0, 0.1); + margin-bottom: 12px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + text-shadow: 0 -1px rgba(0, 0, 0, 0.3); + position: relative; +} +/* line 29, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.alert-box.success { + background-color: #5da423; + color: #fff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.3); +} +/* line 30, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.alert-box.alert { + background-color: #a24e00; + color: #fff; + text-shadow: 0 -1px rgba(0, 0, 0, 0.3); +} +/* line 31, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.alert-box.secondary { + background-color: #f9aa00; + color: black; + text-shadow: 0 1px rgba(255, 255, 255, 0.3); +} +/* line 33, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.alert-box a.close { + color: #333; + position: absolute; + right: 4px; + top: -1px; + font-size: 17px; + opacity: 0.2; + padding: 4px; +} +/* line 34, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.alert-box a.close:hover, div.alert-box a.close:focus { + opacity: 0.4; +} + +/* Labels ---------------------- */ +/* line 41, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.label { + padding: 1px 4px 2px; + font-size: 12px; + font-weight: bold; + text-align: center; + text-decoration: none; + line-height: 1; + white-space: nowrap; + display: inline; + position: relative; + bottom: 1px; + color: #fff; + background: #fcc03f; +} +/* line 43, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.label.radius { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} +/* line 44, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.label.round { + padding: 1px 7px 2px; + -webkit-border-radius: 1000px; + -moz-border-radius: 1000px; + -ms-border-radius: 1000px; + -o-border-radius: 1000px; + border-radius: 1000px; +} +/* line 46, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.label.alert { + background-color: #a24e00; +} +/* line 47, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.label.success { + background-color: #5da423; +} +/* line 48, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.label.secondary { + background-color: #f9aa00; + color: black; +} + +/* Tooltips ---------------------- */ +/* line 54, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.has-tip { + border-bottom: dotted 1px #cccccc; + cursor: help; + font-weight: bold; + color: #333333; +} +/* line 56, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.has-tip:hover, .has-tip:focus { + border-bottom: dotted 1px #d29003; + color: #fcc03f; +} +/* line 57, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.has-tip.tip-left, .has-tip.tip-right { + float: none !important; +} + +/* line 61, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tooltip { + display: none; + background: black; + background: rgba(0, 0, 0, 0.85); + position: absolute; + color: white; + font-weight: bold; + font-size: 12px; + padding: 5px; + z-index: 999; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + line-height: normal; +} +/* line 63, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tooltip > .nub { + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: transparent transparent black transparent; + border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; + position: absolute; + top: -10px; + left: 10px; +} +/* line 64, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tooltip.tip-override > .nub { + border-color: transparent transparent black transparent !important; + border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; + top: -10px !important; +} +/* line 65, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub { + border-color: black transparent transparent transparent; + border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; + top: auto; + bottom: -10px; +} +/* line 67, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tooltip.tip-left, .tooltip.tip-right { + float: none !important; +} +/* line 69, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tooltip.tip-left > .nub { + border-color: transparent transparent transparent black; + border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); + right: -10px; + left: auto; +} +/* line 70, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tooltip.tip-right > .nub { + border-color: transparent black transparent transparent; + border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; + right: auto; + left: -10px; +} +/* line 72, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tooltip.noradius { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; +} +/* line 73, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tooltip.opened { + color: #fcc03f !important; + border-bottom: dotted 1px #d29003 !important; +} + +/* line 77, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.tap-to-close { + display: block; + font-size: 10px; + font-size: 1rem; + color: #888888; + font-weight: normal; +} + +/* Panels ---------------------- */ +/* line 81, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.panel, .footer-inner { + background: #f0f0f0; + border: solid 1px #e4e4e4; + margin: 0 0 22px 0; + padding: 20px; +} +/* line 83, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.panel > :first-child, .footer-inner > :first-child { + margin-top: 0; +} +/* line 84, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.panel > :last-child, .footer-inner > :last-child { + margin-bottom: 0; +} +/* line 86, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.panel.callout, .callout.footer-inner { + background: #fcc03f; + color: #fff; + border-color: #fbb00d; + -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); + -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); + box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); +} +/* line 87, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.panel.callout a, .callout.footer-inner a { + color: #fff; +} +/* line 88, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.panel.callout .button, .callout.footer-inner .button { + background: #fdfdfd; + border: none; + color: #fcc03f; + text-shadow: none; +} +/* line 90, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.panel.callout .button:hover, .callout.footer-inner .button:hover, .panel.callout .button:focus, .callout.footer-inner .button:focus { + background: rgba(255, 255, 255, 0.8); +} +/* line 94, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.panel.radius, .radius.footer-inner { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} + +/* Accordion ---------------------- */ +/* line 100, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion { + margin: 0 0 22px 0; + border-bottom: 1px solid #f9aa00; +} +/* line 102, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion > li { + list-style: none; + margin: 0; + padding: 0; + border-top: 1px solid #f9aa00; +} +/* line 104, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion > li > div.title { + cursor: pointer; + background: #ffb414; + padding: 15px; + margin: 0; + position: relative; + border-left: 1px solid #f9aa00; + border-right: 1px solid #f9aa00; + -webkit-transition: 0.15s background linear; + -moz-transition: 0.15s background linear; + -o-transition: 0.15s background linear; + transition: 0.15s background linear; +} +/* line 106, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 { + margin: 0; +} +/* line 107, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion > li > div.title:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 6px; + border-color: transparent #604200 transparent transparent; + position: absolute; + right: 15px; + top: 21px; +} +/* line 110, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion > li .content { + display: none; + padding: 15px; +} +/* line 112, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion > li.active { + border-top: 3px solid #fcc03f; +} +/* line 114, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion > li.active .title { + background: #fdfdfd; + padding-top: 13px; +} +/* line 116, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion > li.active .title:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 6px; + border-color: #604200 transparent transparent transparent; +} +/* line 118, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.accordion > li.active .content { + background: #fdfdfd; + display: block; + border-left: 1px solid #f9aa00; + border-right: 1px solid #f9aa00; +} + +/* Side Nav ---------------------- */ +/* line 127, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.side-nav { + display: block; + list-style: none; + margin: 0; + padding: 17px 0; +} +/* line 129, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.side-nav li { + display: block; + list-style: none; + margin: 0 0 7px 0; +} +/* line 131, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.side-nav li a { + display: block; +} +/* line 132, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.side-nav li.active a { + color: #9e0020; + font-weight: bold; +} +/* line 133, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.side-nav li.divider { + border-top: 1px solid #e4e4e4; + height: 0; + padding: 0; +} + +/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */ +/* line 139, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +dl.sub-nav { + display: block; + width: auto; + overflow: hidden; + margin: -4px 0 18px; + margin-right: 0; + margin-left: -9px; + padding-top: 4px; +} +/* line 141, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +dl.sub-nav dt, dl.sub-nav dd { + float: left; + display: inline; + margin-left: 9px; + margin-bottom: 10px; +} +/* line 142, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +dl.sub-nav dt { + color: #999; + font-weight: normal; +} +/* line 143, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +dl.sub-nav dd a { + text-decoration: none; + -webkit-border-radius: 1000px; + -moz-border-radius: 1000px; + -ms-border-radius: 1000px; + -o-border-radius: 1000px; + border-radius: 1000px; +} +/* line 144, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +dl.sub-nav dd.active a { + font-weight: bold; + background: #fcc03f; + color: #fff; + padding: 3px 9px; + cursor: default; +} + +/* Pagination ---------------------- */ +/* line 150, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.pagination { + display: block; + height: 24px; + margin-left: -5px; +} +/* line 152, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.pagination li { + float: left; + display: block; + height: 24px; + color: #999; + font-size: 14px; + margin-left: 5px; +} +/* line 154, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.pagination li a { + display: block; + padding: 1px 7px 1px; + color: #555; +} +/* line 155, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.pagination li:hover a, ul.pagination li a:focus { + background: #e4e4e4; +} +/* line 156, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.pagination li.unavailable a { + cursor: default; + color: #999; +} +/* line 157, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { + background: transparent; +} +/* line 158, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.pagination li.current a { + background: #fcc03f; + color: #fdfdfd; + font-weight: bold; + cursor: default; +} +/* line 159, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.pagination li.current a:hover, ul.pagination li.current a:focus { + background: #fcc03f; +} + +/* line 165, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.pagination-centered { + text-align: center; +} +/* line 167, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.pagination-centered ul > li { + float: none; + display: inline-block; +} + +/* Breadcrums ---------------------- */ +/* line 172, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs { + display: block; + background: #ffb414; + padding: 6px 10px 7px; + border: 1px solid #f9aa00; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + overflow: hidden; + margin-left: 0; +} +/* line 174, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li { + margin: 0; + padding: 0 12px 0 0; + float: left; + list-style: none; +} +/* line 176, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li a, ul.breadcrumbs li span { + text-transform: uppercase; + font-size: 11px; + font-size: 1.1rem; + padding-left: 12px; +} +/* line 177, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { + padding-left: 0; +} +/* line 180, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li:before { + content: "/"; + color: #aaa; +} +/* line 181, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li:first-child:before { + content: " "; +} +/* line 182, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li.current a { + cursor: default; + color: #333; +} +/* line 183, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { + text-decoration: underline; +} +/* line 184, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { + text-decoration: none; +} +/* line 186, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li.unavailable a { + color: #999; +} +/* line 187, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { + text-decoration: none; + color: #999; + cursor: default; +} + +/* Inline Link List */ +/* line 193, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.inline-list, ul.link-list { + margin: 0 0 17px -22px; + padding: 0; + list-style: none; + overflow: hidden; +} +/* line 195, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.inline-list > li, ul.link-list > li { + list-style: none; + float: left; + margin-left: 22px; + display: block; +} +/* line 197, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.inline-list > li > *, ul.link-list > li > * { + display: block; +} + +/* Keytroke Characters ---------------------- */ +/* line 203, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.keystroke, kbd { + font-family: "Consolas", "Menlo", "Courier", monospace; + font-size: 13px; + padding: 2px 4px 0px; + margin: 0; + background: #ebebeb; + border: solid 1px #d9d9d9; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} + +/* Image Thumbnails ---------------------- */ +/* line 206, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.th { + display: block; +} +/* line 207, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.th img { + display: block; + border: solid 4px #fff; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + -webkit-transition-property: box-shadow; + -moz-transition-property: box-shadow; + -o-transition-property: box-shadow; + transition-property: box-shadow; + -webkit-transition-duration: 300ms; + -moz-transition-duration: 300ms; + -o-transition-duration: 300ms; + transition-duration: 300ms; +} +/* line 209, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.th:hover img, .th:focus img { + -webkit-box-shadow: 0 0 6px 1px rgba(252, 192, 63, 0.5); + -moz-box-shadow: 0 0 6px 1px rgba(252, 192, 63, 0.5); + box-shadow: 0 0 6px 1px rgba(252, 192, 63, 0.5); +} + +/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */ +/* line 215, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.flex-video { + position: relative; + padding-top: 25px; + padding-bottom: 67.5%; + height: 0; + margin-bottom: 16px; + overflow: hidden; +} +/* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.flex-video.widescreen { + padding-bottom: 57.25%; +} +/* line 224, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.flex-video.vimeo { + padding-top: 0; +} +/* line 226, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* Tables ---------------------- */ +/* line 232, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +table { + background: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + margin: 0 0 18px; + border: 1px solid #ddd; +} + +/* line 234, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +table thead, table tfoot { + background: #f5f5f5; +} + +/* line 239, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +table thead tr th, +table tfoot tr th, +table tbody tr td, +table tr td, +table tfoot tr td { + display: table-cell; + font-size: 14px; + line-height: 18px; + text-align: left; +} + +/* line 241, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +table thead tr th, +table tfoot tr td { + padding: 8px 10px 9px; + font-size: 14px; + font-weight: bold; + color: #222; +} + +/* line 242, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +table thead tr th:first-child, table tfoot tr td:first-child { + border-left: none; +} + +/* line 243, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +table thead tr th:last-child, table tfoot tr td:last-child { + border-right: none; +} + +/* line 246, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +table tbody tr.even, +table tbody tr.alt { + background: #f9f9f9; +} + +/* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +table tbody tr:nth-child(even) { + background: #f9f9f9; +} + +/* line 248, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +table tbody tr td { + color: #333; + padding: 9px 10px; + vertical-align: top; + border: none; +} + +/* Microformats ---------------------- */ +/* line 252, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.vcard { + display: inline-block; + margin: 0 0 12px 0; + border: 1px solid #ddd; + padding: 10px; +} +/* line 254, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.vcard li { + margin: 0; + display: block; +} +/* line 255, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +ul.vcard li.fn { + font-weight: bold; + font-size: 15px; +} + +/* line 260, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +p.vevent span.summary { + font-weight: bold; +} +/* line 261, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +p.vevent abbr { + cursor: default; + text-decoration: none; + font-weight: bold; + border: none; + padding: 0 1px; +} + +/* Progress Bar ---------------------- */ +/* line 266, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.progress { + padding: 2px; + margin-bottom: 10px; + border: 1px solid #cccccc; + height: 25px; + /* meter */ + /* border radii */ +} +/* line 269, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.progress .meter { + background: #fcc03f; + height: 100%; + display: block; + width: 50%; +} +/* line 270, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.progress.secondary .meter { + background: #f9aa00; +} +/* line 271, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.progress.success .meter { + background: #5da423; +} +/* line 272, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.progress.alert .meter { + background: #a24e00; +} +/* line 275, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.progress.radius { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} +/* line 276, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.progress.radius .meter { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -ms-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; +} +/* line 278, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.progress.round { + -webkit-border-radius: 1000px; + -moz-border-radius: 1000px; + -ms-border-radius: 1000px; + -o-border-radius: 1000px; + border-radius: 1000px; +} +/* line 279, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +div.progress.round .meter { + -webkit-border-radius: 1000px; + -moz-border-radius: 1000px; + -ms-border-radius: 1000px; + -o-border-radius: 1000px; + border-radius: 1000px; +} + +/* Pricing Tables ---------------------- */ +/* line 285, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.pricing-table { + border: solid 1px #dddddd; + margin-left: 0; + margin-bottom: 20px; +} +/* line 286, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.pricing-table * { + list-style: none; + line-height: 1; +} +/* line 287, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.pricing-table .title { + background-color: #dddddd; + padding: 15px 20px; + text-align: center; + color: #333333; + font-weight: bold; + font-size: 16px; +} +/* line 288, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.pricing-table .price { + background-color: #eeeeee; + padding: 15px 20px; + text-align: center; + color: #333333; + font-weight: normal; + font-size: 20px; +} +/* line 289, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.pricing-table .description { + background-color: white; + padding: 15px; + text-align: center; + color: #777777; + font-size: 12px; + font-weight: normal; + line-height: 1.4; + border-bottom: dotted 1px #dddddd; +} +/* line 290, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.pricing-table .bullet-item { + background-color: white; + padding: 15px; + text-align: center; + color: #333333; + font-size: 14px; + font-weight: normal; + border-bottom: dotted 1px #dddddd; +} +/* line 291, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_ui.scss */ +.pricing-table .cta-button { + background-color: whitesmoke; + text-align: center; + padding: 20px; +} + +/* line 1, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar { + height: 36px; + background: #9e0020; + margin-left: 0; + margin-top: 18px; + padding: 0; +} +/* line 3, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li { + float: left; + display: block; + position: relative; + padding: 0; + margin: 0; + border: 1px solid #6b0015; + border-right: none; + line-height: 34px; + -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; + -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; + box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; +} +/* line 5, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li:first-child { + -webkit-box-shadow: 0 0 0; + -moz-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} +/* line 6, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li:last-child { + border-right: solid 1px #6b0015; + -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); + -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); + box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); +} +/* line 8, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li.active { + background: #fcc03f; + border-color: #fbb00d; +} +/* line 9, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li.active > a { + color: #fdfdfd; + cursor: default; +} +/* line 10, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li.active:hover { + background: #fcc03f; + cursor: default; +} +/* line 12, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li:hover { + background: #6b0015; +} +/* line 14, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li > a { + color: #e4e4e4; +} +/* line 15, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li ul { + margin-bottom: 0; +} +/* line 16, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li .flyout { + display: none; +} +/* line 19, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li.has-flyout > a:first-child { + padding-right: 36px; + position: relative; +} +/* line 20, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li.has-flyout > a:first-child:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 4px; + border-color: #e4e4e4 transparent transparent transparent; + position: absolute; + right: 18px; + top: 15px; +} +/* line 22, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li.has-flyout > a.flyout-toggle { + border-left: 0 !important; + position: absolute; + right: 0; + top: 0; + padding: 18px; + z-index: 2; + display: block; +} +/* line 24, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li.has-flyout.is-touch > a:first-child { + padding-right: 55px; +} +/* line 25, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { + border-left: 1px dashed #666; +} +/* line 30, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li > a:first-child { + position: relative; + padding: 0 18px; + display: block; + text-decoration: none; + font-size: 14px; +} +/* line 31, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar > li > input { + margin: 0 10px; +} +/* line 33, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar.vertical { + height: auto; + margin-top: 0; +} +/* line 35, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar.vertical > li { + float: none; + border-bottom: none; + border-right: solid 1px #6b0015; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +/* line 37, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar.vertical > li.has-flyout > a:first-child:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 4px; + border-color: transparent transparent transparent #e4e4e4; +} +/* line 38, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar.vertical > li .flyout { + left: 100%; + top: -1px; +} +/* line 39, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar.vertical > li .flyout.right { + left: auto; + right: 100%; +} +/* line 41, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar.vertical > li.active { + border-right: solid 1px #fbb00d; +} +/* line 42, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.nav-bar.vertical > li:last-child { + border-bottom: solid 1px #6b0015; +} + +/* line 48, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.flyout { + background: #f0f0f0; + padding: 18px; + margin: 0; + border: 1px solid #d7d7d7; + position: absolute; + top: 35px; + left: -1px; + width: 200px; + z-index: 40; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); + /* remove margin on any first-child element */ + /* remove margin on last element */ +} +/* line 50, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.flyout p { + line-height: 1.2; + font-size: 13px; +} +/* line 51, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.flyout *:first-child { + margin-top: 0; +} +/* line 52, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.flyout *:last-child { + margin-bottom: 0; +} +/* line 54, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.flyout.small { + width: 133.33333px; +} +/* line 55, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.flyout.large { + width: 350px; +} +/* line 57, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.flyout.right { + left: auto; + right: -2px; +} +/* line 58, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.flyout.left { + right: auto; + left: -2px; +} +/* line 59, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +.flyout.up { + top: auto; + bottom: 35px; +} + +/* line 63, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +ul.flyout, .nav-bar li ul { + padding: 0; + list-style: none; +} +/* line 65, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +ul.flyout li, .nav-bar li ul li { + border-left: solid 3px #CCC; +} +/* line 66, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +ul.flyout li a, .nav-bar li ul li a { + background: #f0f0f0; + border: 1px solid #e4e4e4; + border-width: 1px 1px 0 0; + color: #555; + display: block; + font-size: 14px; + height: auto; + line-height: 1; + padding: 13px 18px; + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; +} +/* line 67, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { + background: #e9e9e9; + color: #333; +} +/* line 69, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +ul.flyout li.active, .nav-bar li ul li.active { + margin-top: 0; + border-top: 1px solid #9e0020; + border-left: 4px solid #38000b; +} +/* line 70, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_navbar.scss */ +ul.flyout li.active a, .nav-bar li ul li.active a { + background: #9e0020; + border: none; + color: #fff; + height: auto; + margin: 0; + position: static; + top: 0; + -webkit-box-shadow: 0 0 0; + -moz-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} + +/* CSS for jQuery Orbit Plugin 1.4.0 + * Maintained for Foundation. foundation.zurb.com + * Free to use under the MIT license. + * http://www.opensource.org/licenses/mit-license.php +*/ +/* Container ---------------------- */ +/* line 9, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper { + width: 1px; + height: 1px; + position: relative; +} + +/* line 11, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit { + width: 1px; + height: 1px; + position: relative; + overflow: hidden; + margin-bottom: 17px; +} +/* line 13, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit.with-bullets { + margin-bottom: 40px; +} +/* line 15, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit .orbit-slide { + max-width: 100%; + position: absolute; + top: 0; + left: 0; +} +/* line 16, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit a.orbit-slide { + border: none; + line-height: 0; + display: none; +} +/* line 17, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit div.orbit-slide { + width: 100%; + height: 100%; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; +} + +/* 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 */ +/* Timer ---------------------- */ +/* line 25, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper .timer { + width: 40px; + height: 40px; + overflow: hidden; + position: absolute; + top: 10px; + right: 10px; + opacity: .6; + cursor: pointer; + z-index: 31; +} +/* line 26, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper span.rotator { + display: block; + width: 40px; + height: 40px; + position: absolute; + top: 0; + left: -20px; + background: url('/images/foundation/orbit/rotator-black.png?1361632812') no-repeat; + z-index: 3; +} +/* line 27, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper span.rotator.move { + left: 0; +} +/* line 29, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper span.mask { + display: block; + width: 20px; + height: 40px; + position: absolute; + top: 0; + right: 0; + z-index: 2; + overflow: hidden; +} +/* line 30, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper span.mask.move { + width: 40px; + left: 0; + background: url('/images/foundation/orbit/timer-black.png?1361632812') repeat 0 0; +} +/* line 32, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper span.pause { + display: block; + width: 40px; + height: 40px; + position: absolute; + top: 0; + left: 0; + background: url('/images/foundation/orbit/pause-black.png?1361632812') no-repeat; + z-index: 4; + opacity: 0; +} +/* line 33, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper span.pause.active { + background: url('/images/foundation/orbit/pause-black.png?1361632812') no-repeat 0 -40px; +} +/* line 35, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper .timer:hover span.pause, .orbit-wrapper .timer:focus span.pause, .orbit-wrapper span.pause.active { + opacity: 1; +} + +/* Captions ---------------------- */ +/* line 40, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-caption { + display: none; + font-family: inherit; +} + +/* line 41, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper .orbit-caption { + background: #020202; + background: rgba(2, 2, 2, 0.8); + z-index: 30; + color: #fdfdfd; + text-align: center; + padding: 7px 0; + font-size: 13px; + position: absolute; + right: 0; + bottom: 0; + width: 100%; +} + +/* Directional Nav ---------------------- */ +/* line 46, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper .slider-nav { + display: block; +} +/* line 47, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper .slider-nav span { + width: 39px; + height: 50px; + text-indent: -9999px; + position: absolute; + z-index: 30; + top: 50%; + margin-top: -25px; + cursor: pointer; +} +/* line 48, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper .slider-nav span.right { + background: url('/images/foundation/orbit/right-arrow.png?1361632812'); + background-size: 100%; + right: 0; +} +/* line 49, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-wrapper .slider-nav span.left { + background: url('/images/foundation/orbit/left-arrow.png?1361632812'); + background-size: 100%; + left: 0; +} + +/* line 54, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.lt-ie9 .orbit-wrapper .slider-nav span.right { + background: url('/images/foundation/orbit/right-arrow-small.png?1361632812'); +} +/* line 55, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.lt-ie9 .orbit-wrapper .slider-nav span.left { + background: url('/images/foundation/orbit/left-arrow-small.png?1361632812'); +} + +/* Bullet Nav ---------------------- */ +/* line 61, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +ul.orbit-bullets { + position: absolute; + z-index: 30; + list-style: none; + bottom: -40px; + left: 50%; + margin-left: -50px; + padding: 0; +} +/* line 62, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +ul.orbit-bullets li { + float: left; + margin-left: 5px; + cursor: pointer; + color: #999999; + text-indent: -9999px; + background: url('/images/foundation/orbit/bullets.jpg?1361632812') no-repeat 4px 0; + width: 13px; + height: 12px; + overflow: hidden; +} +/* line 63, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +ul.orbit-bullets li.active { + color: #222222; + background-position: -8px 0; +} +/* line 64, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +ul.orbit-bullets li.has-thumb { + background: none; + width: 100px; + height: 75px; +} +/* line 65, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +ul.orbit-bullets li.active.has-thumb { + background-position: 0 0; + border-top: 2px solid black; +} + +/* Orbit Slide Counter */ +/* line 70, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit-slide-counter { + position: absolute; + bottom: 0; + z-index: 99; + background: rgba(0, 0, 0, 0.7); + color: white; + padding: 5px; +} + +/* Fluid Layout ---------------------- */ +/* line 74, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit img.fluid-placeholder { + visibility: hidden; + position: static; + display: block; + width: 100%; +} + +/* line 75, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.orbit, .orbit-wrapper { + width: 100% !important; +} + +/* Correct timer in IE */ +/* line 78, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.lt-ie9 .timer { + display: none !important; +} + +/* line 79, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ +.lt-ie9 .orbit-caption { + background: #020202; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); + zoom: 1; +} + +@media only screen and (max-width: 767px) { + /* line 83, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ + .orbit.orbit-stack-on-small img.fluid-placeholder { + visibility: visible; + } + + /* line 86, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_orbit.scss */ + .orbit.orbit-stack-on-small .orbit-slide { + position: static; + margin-bottom: 10px; + } +} +/* CSS for jQuery Reveal Plugin + * Maintained for Foundation. foundation.zurb.com + * Free to use under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + */ +/* Reveal Modals ---------------------- */ +/* line 9, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal-bg { + position: fixed; + height: 100%; + width: 100%; + background: #000; + background: rgba(0, 0, 0, 0.45); + z-index: 40; + display: none; + top: 0; + left: 0; +} + +/* line 11, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal { + background: #fff; + visibility: hidden; + display: none; + top: 100px; + left: 50%; + margin-left: -260px; + width: 520px; + position: absolute; + z-index: 41; + padding: 30px; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); +} +/* line 12, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal .close-reveal-modal:not(.button) { + font-size: 22px; + font-size: 2.2rem; + line-height: .5; + position: absolute; + top: 8px; + right: 11px; + color: #aaa; + text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); + font-weight: bold; + cursor: pointer; +} +/* line 23, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal.small { + width: 30%; + margin-left: -15%; +} +/* line 24, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal.medium { + width: 40%; + margin-left: -20%; +} +/* line 25, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal.large { + width: 60%; + margin-left: -30%; +} +/* line 26, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal.xlarge { + width: 70%; + margin-left: -35%; +} +/* line 27, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal.expand { + width: 90%; + margin-left: -45%; +} +/* line 28, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal .row { + min-width: 0; + margin-bottom: 10px; +} +/* line 29, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal > :first-child { + margin-top: 0; +} +/* line 30, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ +.reveal-modal > :last-child { + margin-bottom: 0; +} + +@media print { + /* line 33, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_reveal.scss */ + .reveal-modal { + border: solid 1px #000; + background: #fff; + } +} +/* Visibility Classes ---------------------- */ +/* */ +/* Standard (large) display targeting */ +/* line 10, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ +.show-for-small, +.show-for-medium, +.show-for-medium-down, +.hide-for-large, +.hide-for-large-up, +.show-for-xlarge, +.show-for-print { + display: none !important; +} + +/* line 18, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ +.hide-for-small, +.hide-for-medium, +.hide-for-medium-down, +.show-for-large, +.show-for-large-up, +.hide-for-xlarge, +.hide-for-print { + display: inherit !important; +} + +/* Very large display targeting */ +@media only screen and (min-width: 1441px) { + /* line 27, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .hide-for-small, + .hide-for-medium, + .hide-for-medium-down, + .hide-for-large, + .show-for-large-up, + .show-for-xlarge { + display: inherit !important; + } + + /* line 34, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .show-for-small, + .show-for-medium, + .show-for-medium-down, + .show-for-large, + .hide-for-large-up, + .hide-for-xlarge { + display: none !important; + } +} +/* Medium display targeting */ +@media only screen and (max-width: 1279px) and (min-width: 768px) { + /* line 44, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .hide-for-small, + .show-for-medium, + .show-for-medium-down, + .hide-for-large, + .hide-for-large-up, + .hide-for-xlarge { + display: inherit !important; + } + + /* line 51, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .show-for-small, + .hide-for-medium, + .hide-for-medium-down, + .show-for-large, + .show-for-large-up, + .show-for-xlarge { + display: none !important; + } +} +/* Small display targeting */ +@media only screen and (max-width: 767px) { + /* line 61, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .show-for-small, + .hide-for-medium, + .show-for-medium-down, + .hide-for-large, + .hide-for-large-up, + .hide-for-xlarge { + display: inherit !important; + } + + /* line 68, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .hide-for-small, + .show-for-medium, + .hide-for-medium-down, + .show-for-large, + .show-for-large-up, + .show-for-xlarge { + display: none !important; + } +} +/* Orientation targeting */ +/* line 73, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ +.show-for-landscape, +.hide-for-portrait { + display: inherit !important; +} + +/* line 75, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ +.hide-for-landscape, +.show-for-portrait { + display: none !important; +} + +@media screen and (orientation: landscape) { + /* line 79, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .show-for-landscape, + .hide-for-portrait { + display: inherit !important; + } + + /* line 81, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .hide-for-landscape, + .show-for-portrait { + display: none !important; + } +} +@media screen and (orientation: portrait) { + /* line 86, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .show-for-portrait, + .hide-for-landscape { + display: inherit !important; + } + + /* line 88, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .hide-for-portrait, + .show-for-landscape { + display: none !important; + } +} +/* Touch-enabled device targeting */ +/* line 92, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ +.show-for-touch { + display: none !important; +} + +/* line 93, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ +.hide-for-touch { + display: inherit !important; +} + +/* line 94, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ +.touch .show-for-touch { + display: inherit !important; +} + +/* line 95, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ +.touch .hide-for-touch { + display: none !important; +} + +/* Specific overrides for elements that require something other than display: block */ +/* line 102, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ +table.show-for-xlarge, +table.show-for-large, +table.hide-for-small, +table.hide-for-medium { + display: table !important; +} + +@media only screen and (max-width: 1279px) and (min-width: 768px) { + /* line 108, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .touch table.hide-for-xlarge, + .touch table.hide-for-large, + .touch table.hide-for-small, + .touch table.show-for-medium { + display: table !important; + } +} +@media only screen and (max-width: 767px) { + /* line 115, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + table.hide-for-xlarge, + table.hide-for-large, + table.hide-for-medium, + table.show-for-small { + display: table !important; + } +} +/* 1280 tablet ------------ */ +@media only screen and (max-device-width: 1280px) { + /* NavBar --- */ + /* */ + /* line 124, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .touch .nav-bar li.has-flyout > a { + padding-right: 36px !important; + } +} +/* Covering almost all ----- */ +@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) { + /* line 130, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .flex-video { + padding-top: 0; + } +} +/* Between Medium and Small */ +@media only screen and (max-width: 1279px) and (min-width: 768px) { + /* NavBar --- */ + /* */ + /* line 139, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .touch .nav-bar li a { + font-size: 13px; + } + /* line 141, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .touch .nav-bar li.has-flyout > a.flyout-toggle { + padding: 18px !important; + } + /* line 142, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .touch .nav-bar li.has-flyout > a { + padding-right: 32px !important; + } + + /* Clearing --- */ + /* */ + /* line 148, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-main-right, .clearing-main-left { + height: 100%; + width: 40px; + top: 0; + border: none; + } + /* line 153, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-main-right:before, .clearing-main-left:before { + position: absolute; + top: 50%; + } + + /* line 155, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-main-left { + left: 0; + } + /* line 157, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-main-left:before { + left: 5px; + content: ""; + display: block; + width: 0; + height: 0; + border: solid 16px; + border-color: transparent white transparent transparent; + } + + /* line 159, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-main-right { + height: 100%; + right: 0; + } + /* line 162, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-main-right:before { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 16px; + border-color: transparent transparent transparent white; + } +} +/* Small Devices ------------ */ +@media only screen and (max-width: 767px) { + /* Global Misc --- */ + /* */ + /* line 172, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .left, .right { + float: none; + } + + /* line 173, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + body { + -webkit-text-size-adjust: none; + -ms-text-size-adjust: none; + width: 100%; + min-width: 0; + margin-left: 0; + margin-right: 0; + padding-left: 0; + padding-right: 0; + } + + /* The Grid --- */ + /* */ + /* line 177, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row { + width: auto; + min-width: 0; + margin-left: 0; + margin-right: 0; + } + + /* line 178, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .column, .columns { + width: auto !important; + float: none; + } + + /* line 179, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .column:last-child, .columns:last-child { + float: none; + } + + /* line 180, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + [class*="column"] + [class*="column"]:last-child { + float: none; + } + + /* line 181, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .column:before, .columns:before, .column:after, .columns:after { + content: ""; + display: table; + } + + /* line 182, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .column:after, .columns:after { + clear: both; + } + + /* line 185, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .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 { + margin-left: 0 !important; + } + + /* line 186, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { + left: auto; + } + + /* line 187, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { + right: auto; + } + + /* Mobile 4-column Grid */ + /* line 200, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-one { + width: 25% !important; + float: left; + padding: 0 15px; + } + /* line 201, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-one:last-child { + float: right; + } + /* line 202, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-one.end { + float: left; + } + /* line 205, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row.collapse .mobile-one { + padding: 0; + } + + /* line 200, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-two { + width: 50% !important; + float: left; + padding: 0 15px; + } + /* line 201, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-two:last-child { + float: right; + } + /* line 202, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-two.end { + float: left; + } + /* line 205, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row.collapse .mobile-two { + padding: 0; + } + + /* line 200, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-three { + width: 75% !important; + float: left; + padding: 0 15px; + } + /* line 201, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-three:last-child { + float: right; + } + /* line 202, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-three.end { + float: left; + } + /* line 205, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row.collapse .mobile-three { + padding: 0; + } + + /* line 200, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-four { + width: 100% !important; + float: left; + padding: 0 15px; + } + /* line 201, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-four:last-child { + float: right; + } + /* line 202, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row .mobile-four.end { + float: left; + } + /* line 205, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .row.collapse .mobile-four { + padding: 0; + } + + /* line 210, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .push-one-mobile { + left: 25%; + } + + /* line 211, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .pull-one-mobile { + right: 25%; + } + + /* line 210, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .push-two-mobile { + left: 50%; + } + + /* line 211, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .pull-two-mobile { + right: 50%; + } + + /* line 210, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .push-three-mobile { + left: 75%; + } + + /* line 211, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .pull-three-mobile { + right: 75%; + } + + /* Block Grids --- */ + /* */ + /* line 217, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile > li { + float: none; + width: 100%; + margin-left: 0; + } + + /* line 221, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid > li { + clear: none; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-one-up > li { + width: 100%; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-two-up > li { + width: 50%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-two-up > li:nth-child(2n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-three-up > li { + width: 33.33333%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-three-up > li:nth-child(3n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-four-up > li { + width: 25%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-four-up > li:nth-child(4n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-five-up > li { + width: 20%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-five-up > li:nth-child(5n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-six-up > li { + width: 16.66667%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-six-up > li:nth-child(6n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-seven-up > li { + width: 14.28571%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-seven-up > li:nth-child(7n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-eight-up > li { + width: 12.5%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-eight-up > li:nth-child(8n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-nine-up > li { + width: 11.11111%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-nine-up > li:nth-child(9n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-ten-up > li { + width: 10%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-ten-up > li:nth-child(10n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-eleven-up > li { + width: 9.09091%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-eleven-up > li:nth-child(11n+1) { + clear: both; + } + /* line 223, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-twelve-up > li { + width: 8.33333%; + } + /* line 225, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .block-grid.mobile-twelve-up > li:nth-child(12n+1) { + clear: both; + } + + /* Forms --- */ + /* */ + /* Label alignment */ + /* line 234, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + label.right { + text-align: left; + } + + /* Extend width of all inputs */ + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].one, .row input[type="text"].one, + input[type="password"].one, + .row input[type="password"].one, + input[type="date"].one, + .row input[type="date"].one, + input[type="datetime"].one, + .row input[type="datetime"].one, + input[type="email"].one, + .row input[type="email"].one, + input[type="number"].one, + .row input[type="number"].one, + input[type="search"].one, + .row input[type="search"].one, + input[type="tel"].one, + .row input[type="tel"].one, + input[type="time"].one, + .row input[type="time"].one, + input[type="url"].one, + .row input[type="url"].one, + textarea.one, + .row textarea.one { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].two, .row input[type="text"].two, + input[type="password"].two, + .row input[type="password"].two, + input[type="date"].two, + .row input[type="date"].two, + input[type="datetime"].two, + .row input[type="datetime"].two, + input[type="email"].two, + .row input[type="email"].two, + input[type="number"].two, + .row input[type="number"].two, + input[type="search"].two, + .row input[type="search"].two, + input[type="tel"].two, + .row input[type="tel"].two, + input[type="time"].two, + .row input[type="time"].two, + input[type="url"].two, + .row input[type="url"].two, + textarea.two, + .row textarea.two { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].three, .row input[type="text"].three, + input[type="password"].three, + .row input[type="password"].three, + input[type="date"].three, + .row input[type="date"].three, + input[type="datetime"].three, + .row input[type="datetime"].three, + input[type="email"].three, + .row input[type="email"].three, + input[type="number"].three, + .row input[type="number"].three, + input[type="search"].three, + .row input[type="search"].three, + input[type="tel"].three, + .row input[type="tel"].three, + input[type="time"].three, + .row input[type="time"].three, + input[type="url"].three, + .row input[type="url"].three, + textarea.three, + .row textarea.three { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].four, .row input[type="text"].four, + input[type="password"].four, + .row input[type="password"].four, + input[type="date"].four, + .row input[type="date"].four, + input[type="datetime"].four, + .row input[type="datetime"].four, + input[type="email"].four, + .row input[type="email"].four, + input[type="number"].four, + .row input[type="number"].four, + input[type="search"].four, + .row input[type="search"].four, + input[type="tel"].four, + .row input[type="tel"].four, + input[type="time"].four, + .row input[type="time"].four, + input[type="url"].four, + .row input[type="url"].four, + textarea.four, + .row textarea.four { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].five, .row input[type="text"].five, + input[type="password"].five, + .row input[type="password"].five, + input[type="date"].five, + .row input[type="date"].five, + input[type="datetime"].five, + .row input[type="datetime"].five, + input[type="email"].five, + .row input[type="email"].five, + input[type="number"].five, + .row input[type="number"].five, + input[type="search"].five, + .row input[type="search"].five, + input[type="tel"].five, + .row input[type="tel"].five, + input[type="time"].five, + .row input[type="time"].five, + input[type="url"].five, + .row input[type="url"].five, + textarea.five, + .row textarea.five { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].six, .row input[type="text"].six, + input[type="password"].six, + .row input[type="password"].six, + input[type="date"].six, + .row input[type="date"].six, + input[type="datetime"].six, + .row input[type="datetime"].six, + input[type="email"].six, + .row input[type="email"].six, + input[type="number"].six, + .row input[type="number"].six, + input[type="search"].six, + .row input[type="search"].six, + input[type="tel"].six, + .row input[type="tel"].six, + input[type="time"].six, + .row input[type="time"].six, + input[type="url"].six, + .row input[type="url"].six, + textarea.six, + .row textarea.six { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].seven, .row input[type="text"].seven, + input[type="password"].seven, + .row input[type="password"].seven, + input[type="date"].seven, + .row input[type="date"].seven, + input[type="datetime"].seven, + .row input[type="datetime"].seven, + input[type="email"].seven, + .row input[type="email"].seven, + input[type="number"].seven, + .row input[type="number"].seven, + input[type="search"].seven, + .row input[type="search"].seven, + input[type="tel"].seven, + .row input[type="tel"].seven, + input[type="time"].seven, + .row input[type="time"].seven, + input[type="url"].seven, + .row input[type="url"].seven, + textarea.seven, + .row textarea.seven { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].eight, .row input[type="text"].eight, + input[type="password"].eight, + .row input[type="password"].eight, + input[type="date"].eight, + .row input[type="date"].eight, + input[type="datetime"].eight, + .row input[type="datetime"].eight, + input[type="email"].eight, + .row input[type="email"].eight, + input[type="number"].eight, + .row input[type="number"].eight, + input[type="search"].eight, + .row input[type="search"].eight, + input[type="tel"].eight, + .row input[type="tel"].eight, + input[type="time"].eight, + .row input[type="time"].eight, + input[type="url"].eight, + .row input[type="url"].eight, + textarea.eight, + .row textarea.eight { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].nine, .row input[type="text"].nine, + input[type="password"].nine, + .row input[type="password"].nine, + input[type="date"].nine, + .row input[type="date"].nine, + input[type="datetime"].nine, + .row input[type="datetime"].nine, + input[type="email"].nine, + .row input[type="email"].nine, + input[type="number"].nine, + .row input[type="number"].nine, + input[type="search"].nine, + .row input[type="search"].nine, + input[type="tel"].nine, + .row input[type="tel"].nine, + input[type="time"].nine, + .row input[type="time"].nine, + input[type="url"].nine, + .row input[type="url"].nine, + textarea.nine, + .row textarea.nine { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].ten, .row input[type="text"].ten, + input[type="password"].ten, + .row input[type="password"].ten, + input[type="date"].ten, + .row input[type="date"].ten, + input[type="datetime"].ten, + .row input[type="datetime"].ten, + input[type="email"].ten, + .row input[type="email"].ten, + input[type="number"].ten, + .row input[type="number"].ten, + input[type="search"].ten, + .row input[type="search"].ten, + input[type="tel"].ten, + .row input[type="tel"].ten, + input[type="time"].ten, + .row input[type="time"].ten, + input[type="url"].ten, + .row input[type="url"].ten, + textarea.ten, + .row textarea.ten { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].eleven, .row input[type="text"].eleven, + input[type="password"].eleven, + .row input[type="password"].eleven, + input[type="date"].eleven, + .row input[type="date"].eleven, + input[type="datetime"].eleven, + .row input[type="datetime"].eleven, + input[type="email"].eleven, + .row input[type="email"].eleven, + input[type="number"].eleven, + .row input[type="number"].eleven, + input[type="search"].eleven, + .row input[type="search"].eleven, + input[type="tel"].eleven, + .row input[type="tel"].eleven, + input[type="time"].eleven, + .row input[type="time"].eleven, + input[type="url"].eleven, + .row input[type="url"].eleven, + textarea.eleven, + .row textarea.eleven { + width: 100% !important; + } + + /* line 247, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + input[type="text"].twelve, .row input[type="text"].twelve, + input[type="password"].twelve, + .row input[type="password"].twelve, + input[type="date"].twelve, + .row input[type="date"].twelve, + input[type="datetime"].twelve, + .row input[type="datetime"].twelve, + input[type="email"].twelve, + .row input[type="email"].twelve, + input[type="number"].twelve, + .row input[type="number"].twelve, + input[type="search"].twelve, + .row input[type="search"].twelve, + input[type="tel"].twelve, + .row input[type="tel"].twelve, + input[type="time"].twelve, + .row input[type="time"].twelve, + input[type="url"].twelve, + .row input[type="url"].twelve, + textarea.twelve, + .row textarea.twelve { + width: 100% !important; + } + + /* Buttons --- */ + /* */ + /* Basic overrides */ + /* line 261, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .button { + display: block; + } + + /* line 262, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + button.button, input[type="submit"].button, input[type="reset"].button { + width: 100%; + padding-left: 0; + padding-right: 0; + } + + /* Button Groups */ + /* line 265, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .button-group button.button, .button-group input[type="submit"].button { + width: auto; + padding: 10px 20px 11px; + } + /* line 266, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .button-group button.button.large, .button-group input[type="submit"].button.large { + padding: 15px 30px 16px; + } + /* line 267, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .button-group button.button.medium, .button-group input[type="submit"].button.medium { + padding: 10px 20px 11px; + } + /* line 268, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .button-group button.button.small, .button-group input[type="submit"].button.small { + padding: 7px 14px 8px; + } + /* line 269, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .button-group button.button.tiny, .button-group input[type="submit"].button.tiny { + padding: 5px 10px 6px; + } + /* line 271, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .button-group.even button.button, .button-group.even input[type="submit"].button { + width: 100%; + padding-left: 0; + padding-right: 0; + } + + /* Navbar --- */ + /* */ + /* line 276, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .nav-bar { + height: auto; + } + /* line 277, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .nav-bar > li { + float: none; + display: block; + border-right: none; + } + /* line 278, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .nav-bar > li > a.main { + text-align: left; + border-top: 1px solid #ddd; + border-right: none; + } + /* line 279, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .nav-bar > li:first-child > a.main { + border-top: none; + } + /* line 280, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .nav-bar > li.has-flyout > a.flyout-toggle { + position: absolute; + right: 0; + top: 0; + padding: 20px; + z-index: 2; + display: block; + } + /* line 281, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .nav-bar > li.has-flyout.is-touch > a.flyout-toggle span { + content: ""; + width: 0; + height: 0; + display: block; + } + /* line 282, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .nav-bar > li.has-flyout > a.flyout-toggle:hover span { + border-top-color: #141414; + } + /* line 283, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .nav-bar.vertical > li.has-flyout > .flyout { + left: 0; + } + + /* line 285, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .flyout { + position: relative; + width: 100% !important; + top: auto; + margin-right: -2px; + border-width: 1px 1px 0 1px; + } + /* line 286, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .flyout.right { + float: none; + right: auto; + left: -1px; + } + /* line 287, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .flyout.small, .flyout.large { + width: 100% !important; + } + /* line 288, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .flyout p:last-child { + margin-bottom: 18px; + } + + /* Reveal --- */ + /* */ + /* line 293, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .reveal-modal-bg { + position: absolute; + } + + /* line 298, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .reveal-modal, + .reveal-modal.small, + .reveal-modal.medium, + .reveal-modal.large, + .reveal-modal.xlarge { + width: 80%; + top: 15px; + left: 50%; + margin-left: -40%; + padding: 20px; + height: auto; + } + + /* Clearing --- */ + /* */ + /* line 302, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-container { + margin: 0; + } + + /* line 303, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-close { + z-index: 99; + font-size: 37px; + top: 0px; + right: 5px; + } + + /* line 304, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-caption { + position: fixed; + bottom: 0; + left: 0; + padding: 10px !important; + line-height: 1.3; + } + + /* line 305, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-main-right, .clearing-main-left { + display: none; + } + + /* line 307, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container { + height: 100%; + } + /* line 308, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .clearing-blackout.clearing-assembled ul[data-clearing] { + display: none; + } + + /* Joyride --- */ + /* */ + /* line 313, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .joyride-tip-guide { + width: 95% !important; + left: 2.5% !important; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -ms-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + } + + /* line 314, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .joyride-tip-guide-wrapper { + width: 100%; + } + + /* Tabs --- */ + /* */ + /* line 318, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tabs.mobile { + width: auto; + margin: 20px -20px 40px; + border-bottom: solid 1px #ccc; + height: auto; + margin: 20px -15px 0px -15px; + } + /* line 319, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd { + float: none; + height: auto; + } + /* line 320, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tabs.mobile dd a, .tabs.mobile li a { + font-size: 15px; + display: block; + width: auto; + height: auto; + padding: 18px 20px; + margin: 0; + color: #555; + line-height: 1; + border: none; + border-left: none; + border-right: none; + border-top: 1px solid #ccc; + background: #fff; + } + /* line 321, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tabs.mobile dd a.active, .tabs.mobile li a.active { + border: none; + background: #fcc03f; + color: #fff; + margin: 0; + position: static; + top: 0; + height: auto; + } + /* line 322, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active { + margin: 0; + } + /* line 323, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tabs.mobile + .tabs-content.contained { + margin-left: -15px; + margin-right: -15px; + } + /* line 324, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tabs.mobile .section-title { + padding-left: 20px !important; + } + + /* line 327, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .contained.mobile { + margin-bottom: 0; + } + + /* line 328, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .contained.tabs.mobile dd a, .contained.tabs.mobile li a { + padding: 18px 20px; + } + + /* line 329, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tabs.mobile + ul.contained { + margin-left: -20px; + margin-right: -20px; + border-width: 0 0 1px 0; + } + + /* UI Elements --- */ + /* */ + /* Tooltips */ + /* line 334, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tooltip { + font-size: 14px; + line-height: 1.4; + padding: 7px 10px 9px 10px; + left: 50% !important; + max-width: 80% !important; + margin-left: -40%; + font-size: 110%; + } + + /* line 343, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub { + border-color: transparent transparent black transparent; + border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; + top: -12px; + left: 10px; + } +} +/* Topbar Specific Breakpoint that you can customize */ +@media only screen and (max-width: 940px) { + /* line 354, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar { + margin-bottom: 0; + overflow: hidden; + height: 45px; + background: #222222; + /* Override contain to grid stuff for breakpoint */ + /* Setting up the sliding area */ + /* When the Small Nav is Showing */ + } + /* line 355, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar .js-generated { + display: block; + } + /* line 358, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .contain-to-grid .top-bar { + width: auto; + } + /* line 361, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar section { + left: 0; + position: relative; + width: auto; + -webkit-transition: left 300ms 0; + -moz-transition: left 300ms 0; + -o-transition: left 300ms 0; + transition: left 300ms 0; + } + /* line 362, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul { + width: 100%; + height: 100%; + margin-bottom: 0; + display: block; + } + /* line 363, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li { + float: none; + /* Branding and name */ + /* Dropdown Toggle */ + /* Divider for breakpoint */ + /* Search Overrides for breakpoint size */ + /* Dropdown Level 1 */ + /* Dropdown Level 2 */ + } + /* line 364, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.active, .top-bar ul > li:hover { + background: #151515; + } + /* line 366, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.name { + height: 45px; + } + /* line 367, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.name h1 { + line-height: 1; + } + /* line 368, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.name h1 a { + color: white; + display: block; + line-height: 45px !important; + padding-left: 15px; + height: 45px; + } + /* line 371, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li:hover a, .top-bar ul > li.active a { + color: white; + } + /* line 372, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li a:not(.button) { + color: white; + } + /* line 375, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.toggle-topbar { + cursor: pointer; + display: block; + height: 45px; + position: absolute; + right: 0; + top: 0; + width: 50%; + } + /* line 376, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.toggle-topbar a { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 8px; + border-color: white transparent transparent transparent; + padding: 0; + position: absolute; + top: 50%; + right: 22.5px; + margin-top: -4px; + } + /* line 378, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.toggle-topbar:hover { + background: inherit; + } + /* line 380, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.toggle-topbar a { + padding: 0 !important; + } + /* line 383, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.divider { + border-bottom: solid 1px #3c3c3c; + border-top: solid 1px black; + clear: both; + height: 1px !important; + margin: 8px 0 !important; + width: 100%; + } + /* line 386, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.search { + padding: 0 22.5px; + } + /* line 387, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.search form { + width: 100%; + } + /* line 388, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.search form input[type=text] { + width: 75%; + } + /* line 389, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.search form .button { + top: -1px; + width: 25%; + } + /* line 395, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown a { + padding-right: 33.75px; + } + /* line 396, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown a:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); + margin-right: 15px; + margin-top: -4.5px; + position: absolute; + top: 50%; + } + /* line 398, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown:hover > .dropdown { + display: block; + visibility: hidden; + } + /* line 399, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown .dropdown { + visibility: hidden; + z-index: 0 !important; + } + /* line 400, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved { + position: static; + } + /* line 401, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved > .dropdown { + top: 0; + visibility: visible; + } + /* line 403, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved > .dropdown li label { + margin-bottom: 6px; + padding-top: 6px !important; + font-size: 11px; + } + /* line 404, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) { + padding-bottom: 0; + } + /* line 405, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a { + padding: 8px 22.5px; + font-size: 14px; + } + /* line 407, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved > .dropdown li a, .top-bar ul > li.has-dropdown.moved > .dropdown li label { + padding: 0 22.5px; + } + /* line 408, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover { + background: #3c3c3c; + display: block; + } + /* line 409, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved > .dropdown li.divider { + border-bottom: solid 1px rgba(255, 255, 255, 0.1); + margin-top: 8px !important; + margin-bottom: 8px !important; + } + /* line 412, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved .back.title { + padding-bottom: 0; + } + /* line 413, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved .back.title a:before { + position: absolute; + top: 50%; + left: 17.5px; + margin-top: -5px; + width: 0; + height: 0; + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: transparent white transparent transparent; + } + /* line 414, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved .back.title h5 { + margin: 0; + padding-left: 15px; + position: relative; + } + /* line 415, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown.moved .back.title h5 a { + background: transparent; + padding-top: 8px; + padding-bottom: 8px; + font-size: 23px; + font-weight: bold; + } + /* line 422, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown .dropdown li { + background: transparent; + } + /* line 424, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { + left: 100% !important; + top: 0; + right: auto !important; + } + /* line 425, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { + padding-right: 33.75px; + } + /* line 426, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { + content: ""; + margin-right: 15px; + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); + position: absolute; + top: 50%; + margin-top: -4.5px; + } + /* line 428, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover { + background: #3c3c3c; + } + /* line 431, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved { + position: static; + } + /* line 432, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved .dropdown { + top: 0; + visibility: visible; + } + /* line 434, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover { + display: block; + } + /* line 438, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul.left, .top-bar ul.right { + float: none; + width: 100%; + } + /* line 439, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul.left > li, .top-bar ul.right > li { + display: block; + float: none; + margin: 0 !important; + } + /* line 441, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown { + left: 100% !important; + top: 0; + right: auto !important; + } + /* line 446, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar section > ul li a:not(.button) { + padding-left: 22.5px !important; + } + /* line 449, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar.expanded { + height: 100%; + } + /* line 450, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar.expanded ul li.toggle-topbar a { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 8px; + border-color: transparent transparent #cccccc transparent; + top: auto; + bottom: 50%; + margin-bottom: -4px; + } + + /* line 453, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul li.has-button { + padding: 5px 15px; + } + + /* line 454, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul li .button.small { + margin: 0 !important; + display: inline-block; + width: 100%; + } + + /* line 456, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/components/modules/_mqueries.scss */ + .top-bar ul > li.has-button a.button { + margin: 0; + } +} +/* line 58, home-sprite/*.png */ +.home-sprite-sprite, .home-sprite-certification, .home-sprite-cleantrust, .home-sprite-institute { + background: url('/images/home-sprite-s1a48fdbd81.png') no-repeat; +} + +/* line 60, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ +.home-sprite-certification { + background-position: 0 -90px; + height: 80px; + width: 79px; +} + +/* line 60, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ +.home-sprite-cleantrust { + background-position: 0 -180px; + height: 80px; + width: 60px; +} + +/* line 60, ../../../../../../../../var/lib/gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */ +.home-sprite-institute { + background-position: 0 0; + height: 80px; + width: 80px; +} + +/* line 6, ../sass/_global.scss */ +.main-grid-column { + width: 100%; +} +@media only screen and (max-width: 767px) { + /* line 6, ../sass/_global.scss */ + .main-grid-column { + float: none; + width: auto; + } +} + +/* line 9, ../sass/_global.scss */ +.header-top-block, .logo-outer, .slider-outer, .badges-outer { + width: 50%; +} +@media only screen and (max-width: 767px) { + /* line 9, ../sass/_global.scss */ + .header-top-block, .logo-outer, .slider-outer, .badges-outer { + float: none; + width: auto; + } +} +@media only screen and (max-width: 240px) { + /* line 9, ../sass/_global.scss */ + .header-top-block, .logo-outer, .slider-outer, .badges-outer { + padding: 0; + } +} + +/* line 16, ../sass/_global.scss */ +.small-breakpoint-js { + width: 767px; +} + +@font-face { + font-family: 'facebook_letter_facesregular'; + src: url("/fonts/facebolf-webfont.eot"); + src: url("/fonts/facebolf-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/facebolf-webfont.woff") format("woff"), url("/fonts/facebolf-webfont.ttf") format("truetype"), url("/fonts/facebolf-webfont.svg#facebook_letter_facesregular") format("svg"); + font-weight: normal; + font-style: normal; +} + +/* line 33, ../sass/_global.scss */ +.top-pill, .contact-facebook, .footer-item-block, .carpet-button, .floor-button, .fabric-button, .tile-button, .water-button, .generic-button, .service-inner, #contact-content { + z-index: 3; +} + +/* line 36, ../sass/_global.scss */ +.logo-inner, .badges-inner { + z-index: 2; +} + +/* line 39, ../sass/_global.scss */ +#canvas-section, .orbit-wrapper { + z-index: 1; +} + +/* line 42, ../sass/_global.scss */ +.image-ctl-inner, .img-ctl-home { + z-index: 0; +} + +/* line 46, ../sass/_global.scss */ +.top-pill, .contact-facebook, .carpet-button, .floor-button, .fabric-button, .tile-button, .water-button, .generic-button { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -ms-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; +} + +/* line 50, ../sass/_global.scss */ +.js .page-spinner { + background: url('/images/ajax-loader.gif?1352595802') no-repeat; + height: 32px; + width: 32px; + margin: 64px auto; +} + +/* line 62, ../sass/_global.scss */ +#canvas-section { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* line 71, ../sass/_global.scss */ +.main-grid-row { + width: 1000px; + max-width: 100%; + min-width: 768px; + margin: 0 auto; +} +@media only screen and (max-width: 767px) { + /* line 71, ../sass/_global.scss */ + .main-grid-row { + width: auto; + min-width: 0; + margin-left: 0; + margin-right: 0; + } +} +@media only screen and (max-width: 767px) { + /* line 71, ../sass/_global.scss */ + .main-grid-row { + padding: inherit; + } +} + +/* line 77, ../sass/_global.scss */ +.main-grid-column { + background: #fdfdfd; +} + +/* line 82, ../sass/_global.scss */ +.image-ctl-inner { + background: transparent; + margin: 0 0 22px 0; +} + +/* line 1, ../sass/_header.scss */ +.header-top-block { + *zoom: 1; +} +/* line 4, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.header-top-block:before, .header-top-block:after { + content: " "; + display: table; +} +/* line 5, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.header-top-block:after { + clear: both; +} + +/* line 5, ../sass/_header.scss */ +.header-top-left { + float: left; +} + +/* line 8, ../sass/_header.scss */ +.header-top-right { + float: right; +} + +/* line 11, ../sass/_header.scss */ +.top-pill, .contact-facebook, .nav-bar { + margin-top: 5px; +} +@media only screen and (max-width: 767px) { + /* line 11, ../sass/_header.scss */ + .top-pill, .contact-facebook, .nav-bar { + margin: 15px auto 0 auto; + } +} + +/* line 17, ../sass/_header.scss */ +.header-top-left-switch { + float: left; +} +@media only screen and (max-width: 767px) { + /* line 17, ../sass/_header.scss */ + .header-top-left-switch { + float: right; + } +} + +/* line 20, ../sass/_header.scss */ +.header-top-right-switch { + float: right; +} +@media only screen and (max-width: 767px) { + /* line 20, ../sass/_header.scss */ + .header-top-right-switch { + float: left; + } +} + +/* line 32, ../sass/_header.scss */ +.logo-img-js { + width: 265px; + height: 211px; +} + +/* line 39, ../sass/_header.scss */ +.logo-inner { + margin: -30px 0 22px -20px; + min-height: 211px; + text-align: center; + position: relative; +} +@media only screen and (max-width: 885px) { + /* line 39, ../sass/_header.scss */ + .logo-inner { + margin-top: -15px; + } +} +@media only screen and (max-width: 767px) { + /* line 39, ../sass/_header.scss */ + .logo-inner { + margin-top: -45px; + } +} +@media only screen and (max-width: 240px) { + /* line 39, ../sass/_header.scss */ + .logo-inner { + margin-top: 0px; + margin-bottom: 0px; + } +} + +/* line 61, ../sass/_header.scss */ +.logo-inner a { + height: 211px; + width: 265px; +} + +/* line 74, ../sass/_header.scss */ +.slider-1 { + background: url('/images/slider1.jpg?1362392289') no-repeat; +} +@media only screen and (max-width: 767px) { + /* line 74, ../sass/_header.scss */ + .slider-1 { + background: url('/images/slider1-lg.jpg?1363975186') no-repeat; + } +} +@media only screen and (max-width: 480px) { + /* line 74, ../sass/_header.scss */ + .slider-1 { + background: url('/images/slider1.jpg?1362392289') no-repeat; + } +} + +/* line 86, ../sass/_header.scss */ +.slider-inner { + margin: 0 0 22px 0; + -webkit-box-shadow: rgba(162, 111, 0, 0.6) 0 0 25px; + -moz-box-shadow: rgba(162, 111, 0, 0.6) 0 0 25px; + box-shadow: rgba(162, 111, 0, 0.6) 0 0 25px; +} + +/* .ie7 .orbit-wrapper { + height: $slider-container-height !important; +} +.ie7 #featured-orbit { + height: inherit !important; +} + */ +/* line 100, ../sass/_header.scss */ +#featured-orbit div { + padding: 10px 30px 10px 20px; +} + +@media only screen and (max-width: 380px) { + /* line 104, ../sass/_header.scss */ + #featured-orbit h1 { + font-size: 22px; + } +} + +@media only screen and (max-width: 380px) { + /* line 109, ../sass/_header.scss */ + #featured-orbit h2 { + font-size: 22px; + } +} + +/* line 118, ../sass/_header.scss */ +.no-touch .orbit-wrapper .slider-nav span { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); + opacity: 0; + -webkit-transition: opacity 400ms; + -moz-transition: opacity 400ms; + -o-transition: opacity 400ms; + transition: opacity 400ms; +} +/* line 119, ../sass/_header.scss */ +.no-touch .orbit-wrapper:hover .slider-nav span { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} + +/* line 122, ../sass/_header.scss */ +.ie8 .orbit-wrapper .slider-nav span, .ie7 .orbit-wrapper .slider-nav span { + display: none; +} +/* line 123, ../sass/_header.scss */ +.ie8 .orbit-wrapper:hover .slider-nav span, .ie7 .orbit-wrapper:hover .slider-nav span { + display: none; +} + +/* line 125, ../sass/_header.scss */ +.ie8 .orbit-wrapper .timer, .ie7 .orbit-wrapper .timer { + display: none; +} + +@media only screen and (max-width: 380px) { + /* line 128, ../sass/_header.scss */ + .orbit-wrapper .timer { + display: none; + } +} + +/* line 141, ../sass/_header.scss */ +.top-pill:hover, ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus, .nav-bar li:hover { + -webkit-box-shadow: rgba(252, 192, 63, 0.8) 0 0 25px, rgba(252, 208, 113, 0.6) 0 0 3px 1px inset !important; + -moz-box-shadow: rgba(252, 192, 63, 0.8) 0 0 25px, rgba(252, 208, 113, 0.6) 0 0 3px 1px inset !important; + box-shadow: rgba(252, 192, 63, 0.8) 0 0 25px, rgba(252, 208, 113, 0.6) 0 0 3px 1px inset !important; +} + +/* line 146, ../sass/_header.scss */ +.top-pill:hover, ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus { + background: #f9aa00 !important; +} + +/* line 150, ../sass/_header.scss */ +.top-pill a, .nav-bar li a { + font-size: 23px !important; + font-weight: bold; + color: #050001; +} +@media only screen and (max-width: 435px) { + /* line 150, ../sass/_header.scss */ + .top-pill a, .nav-bar li a { + font-size: 17px !important; + } +} +@media only screen and (max-width: 240px) { + /* line 150, ../sass/_header.scss */ + .top-pill a, .nav-bar li a { + font-size: 14px !important; + } +} + +/* line 163, ../sass/_header.scss */ +.top-pill { + position: relative; + background: #fcc03f; + padding: 5px 18px; + border-color: #eba104 !important; + border-width: 1px; + border-style: solid; + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + -o-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.3s; + -moz-transition-duration: 0.3s; + -o-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: ease-in-out; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; +} +@media only screen and (max-width: 380px) { + /* line 163, ../sass/_header.scss */ + .top-pill { + padding: 5px 8px; + } +} + +/* line 191, ../sass/_header.scss */ +.top-pill a { + text-align: center; +} + +/* line 195, ../sass/_header.scss */ +.ie7 .top-pill { + box-sizing: content-box; +} + +/* line 198, ../sass/_header.scss */ +.ie7 .has-flyout.top-pill { + box-sizing: border-box; +} + +/* line 203, ../sass/_header.scss */ +.contact-facebook { + position: relative; + -webkit-box-shadow: inset 0px 1px 1px 0px white; + -moz-box-shadow: inset 0px 1px 1px 0px white; + box-shadow: inset 0px 1px 1px 0px white; + border-style: solid; + border-width: 1px; + border-color: #29447e #29447e #1a356e; + background: #2e4a83; + *zoom: 1; + width: 149px; +} +/* line 4, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.contact-facebook:before, .contact-facebook:after { + content: " "; + display: table; +} +/* line 5, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.contact-facebook:after { + clear: both; +} +@media only screen and (max-width: 435px) { + /* line 203, ../sass/_header.scss */ + .contact-facebook { + width: 100px; + } +} +@media only screen and (max-width: 240px) { + /* line 203, ../sass/_header.scss */ + .contact-facebook { + width: 80px; + } +} + +/* line 225, ../sass/_header.scss */ +.contact-facebook-text { + float: left; + font-family: 'facebook_letter_facesregular'; + font-weight: normal; + font-size: 23px; + text-shadow: none; + color: white; + line-height: 31px; + text-align: center !important; + width: 149px; + margin-top: 2px; +} +@media only screen and (max-width: 435px) { + /* line 225, ../sass/_header.scss */ + .contact-facebook-text { + line-height: 26px; + width: 100px; + font-size: 17px; + } +} +@media only screen and (max-width: 240px) { + /* line 225, ../sass/_header.scss */ + .contact-facebook-text { + width: 80px; + } +} + +/* line 255, ../sass/_header.scss */ +.nav-bar { + background: transparent; +} + +/* line 262, ../sass/_header.scss */ +.nav-bar li.has-flyout { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; +} +@media only screen and (max-width: 767px) { + /* line 262, ../sass/_header.scss */ + .nav-bar li.has-flyout { + width: 35px; + height: 35px; + } +} + +/* line 275, ../sass/_header.scss */ +.flyout { + background: #fcc03f; +} +@media only screen and (max-width: 767px) { + /* line 275, ../sass/_header.scss */ + .flyout { + position: absolute; + width: 200px !important; + } +} + +/* line 284, ../sass/_header.scss */ +ul.flyout li, .nav-bar li ul li { + border-left: solid 3px #c68700; +} + +/* line 287, ../sass/_header.scss */ +ul.flyout li a, .nav-bar li ul li a { + background: #fcc03f; + border: 1px solid #f9aa00; +} + +/* line 291, ../sass/_header.scss */ +.ie7 ul.flyout li a, .ie7 .nav-bar li ul li a { + box-sizing: content-box; +} + +/* line 297, ../sass/_header.scss */ +.nav-bar > li.has-flyout > a:first-child:after { + border-width: 6px; + border-color: #050001 transparent transparent transparent; +} + +/* line 303, ../sass/_header.scss */ +.line-menu { + padding: 21.42857% 21.42857%; + width: 35px; + height: 35px; +} +@media only screen and (max-width: 435px) { + /* line 303, ../sass/_header.scss */ + .line-menu { + height: 26px; + } +} + +/* line 311, ../sass/_header.scss */ +.line-menu .icon-bar { + display: block; + width: 20px; + height: 3px; + margin-top: 2px; + background: #050001; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + -ms-border-radius: 1px; + -o-border-radius: 1px; + border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); +} + +/* line 1, ../sass/_footer.scss */ +.footer-outer { + margin-left: auto; + margin-right: auto; + width: 100%; +} +@media only screen and (max-width: 767px) { + /* line 1, ../sass/_footer.scss */ + .footer-outer { + float: none; + width: auto; + } +} + +/* line 4, ../sass/_footer.scss */ +.footer-inner { + min-height: 100px; + *zoom: 1; + background: #ba8616; + color: #fcd071; +} +/* line 4, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.footer-inner:before, .footer-inner:after { + content: " "; + display: table; +} +/* line 5, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.footer-inner:after { + clear: both; +} + +/* line 16, ../sass/_footer.scss */ +.footer-image-js { + width: 308px; + height: 200px; +} + +/* line 20, ../sass/_footer.scss */ +.footer-image { + background: transparent; + margin: 10px auto; + text-align: center; + color: #050001; +} + +/* line 26, ../sass/_footer.scss */ +.footer-content { + text-align: left; + padding-bottom: 0px !important; +} + +/* line 30, ../sass/_footer.scss */ +.footer-block { + margin: 0px; +} + +/* line 33, ../sass/_footer.scss */ +.footer-item-block { + display: block; + padding: 10px 0; + position: relative; +} + +/* line 39, ../sass/_footer.scss */ +.footer-item { + display: block; + line-height: 1.2; +} +@media only screen and (max-width: 767px) { + /* line 39, ../sass/_footer.scss */ + .footer-item { + text-align: center; + } +} +@media only screen and (max-width: 380px) { + /* line 39, ../sass/_footer.scss */ + .footer-item { + font-size: 12px; + } +} + +/* line 49, ../sass/_footer.scss */ +.footer-item.credits { + text-align: center; +} + +@media only screen and (max-width: 240px) { + /* line 53, ../sass/_footer.scss */ + .small-text { + display: block; + } +} + +/* line 69, ../sass/_footer.scss */ +.footer-block-panel { + width: 50%; +} +@media only screen and (max-width: 767px) { + /* line 69, ../sass/_footer.scss */ + .footer-block-panel { + float: none; + width: auto; + } +} + +/* line 11, ../sass/_home.scss */ +.badges-inner { + margin: 10px auto 22px auto; + *zoom: 1; + width: 320px; + position: relative; +} +/* line 4, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.badges-inner:before, .badges-inner:after { + content: " "; + display: table; +} +/* line 5, ../../../../../../../../var/lib/gems/1.8/gems/zurb-foundation-3.2.5/scss/foundation/mixins/_clearfix.scss */ +.badges-inner:after { + clear: both; +} + +/* line 19, ../sass/_home.scss */ +.badge { + margin-left: 20px; + float: right; +} + +/* line 23, ../sass/_home.scss */ +.home-sprite-certification { + margin-right: 20px; +} + +/* line 33, ../sass/_home.scss */ +.img-ctl-home { + position: relative; + margin: -80px auto 0 auto; + width: 308px; + min-height: 200px; +} +@media only screen and (max-width: 885px) { + /* line 33, ../sass/_home.scss */ + .img-ctl-home { + margin-top: -45px; + } +} +@media only screen and (max-width: 767px) { + /* line 33, ../sass/_home.scss */ + .img-ctl-home { + margin: 0 auto 22px auto; + } +} +@media only screen and (max-width: 240px) { + /* line 33, ../sass/_home.scss */ + .img-ctl-home { + width: 240px; + margin-bottom: 0; + } +} + +/* line 54, ../sass/_home.scss */ +.img-ctl-js { + height: 200px; + width: 308px; +} + +@media only screen and (max-width: 240px) { + /* line 62, ../sass/_home.scss */ + .optional-text { + display: none; + } +} + +/* line 69, ../sass/_home.scss */ +.carpet-button, .floor-button, .fabric-button, .tile-button, .water-button, .generic-button { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + min-height: 60px; + line-height: 60px; + border-style: solid; + border-width: 1px; + width: 85%; + margin: 0 auto 22px auto; + position: relative; +} + +/* line 84, ../sass/_home.scss */ +.home-link { + text-align: center; + display: block; + height: 60px; + width: 100%; + font-weight: bold; + font-size: 23px; + color: #fcd071; + text-shadow: 2px 2px 2px rgba(20, 20, 20, 0.8), -1px -1px 0 #202020, 1px -1px 0 #202020, -1px 1px 0 #202020, 1px 1px 0 #202020; +} +@media only screen and (max-width: 380px) { + /* line 84, ../sass/_home.scss */ + .home-link { + font-size: 17px; + } +} + +/* line 105, ../sass/_home.scss */ +.carpet-button { + background: url('/images/carpetw2.jpg?1365345775') repeat-x; + border-color: #d8d8d8; +} + +/* line 113, ../sass/_home.scss */ +.floor-button { + background: url('/images/floor2.jpg?1365344909') repeat-x; + border-color: #a26f00; +} + +/* line 120, ../sass/_home.scss */ +.fabric-button { + background: url('/images/fabricw2.jpg?1365344509') repeat-x; + border-color: #d8d8d8; +} + +/* line 127, ../sass/_home.scss */ +.tile-button { + background: url('/images/tile.jpg?1365269399') repeat-x; + border-color: #d8d8d8; +} + +/* line 134, ../sass/_home.scss */ +.water-button { + background: url('/images/waterw.jpg?1365340182') repeat-x; + border-color: #5ba1bb; +} + +/* line 141, ../sass/_home.scss */ +.generic-button { + background: #bb8e2f; + border-color: #a26f00; +} + +/* line 2, ../sass/_service.scss */ +.img-ctl-service { + min-height: 120px; +} +@media only screen and (max-width: 767px) { + /* line 2, ../sass/_service.scss */ + .img-ctl-service { + min-height: 100px; + } +} + +/* line 11, ../sass/_service.scss */ +.service-inner { + background: #b3882d; + width: 92%; + border: solid 1px #a26f00; + margin: 0 0 22px 0; + padding: 20px; + text-align: center; + position: relative; +} + +/* line 22, ../sass/_service.scss */ +.service-inner img { + border: solid 4px #fcc03f; +} + +/* line 26, ../sass/_service.scss */ +.reveal-modal { + background: #926f25; +} + +/* line 30, ../sass/_service.scss */ +.reveal-modal img { + border: solid 4px #fcc03f; +} + +/* line 1, ../sass/_contact.scss */ +.form-message { + min-height: 100px; +} + +/* line 4, ../sass/_contact.scss */ +#contact-content { + position: relative; + overflow: visible; +} + +/* line 9, ../sass/_contact.scss */ +.contact-inner-input { + width: 50%; +} +@media only screen and (max-width: 767px) { + /* line 9, ../sass/_contact.scss */ + .contact-inner-input { + float: none; + width: auto; + } +} + +/* line 12, ../sass/_contact.scss */ +.contact-inner { + width: 100%; +} +@media only screen and (max-width: 767px) { + /* line 12, ../sass/_contact.scss */ + .contact-inner { + float: none; + width: auto; + } +} + +/* line 15, ../sass/_contact.scss */ +.contact-button { + color: #050001; + font-weight: bold; + font-size: 17px; +} diff --git a/test/mocha/html-snapshots/server/app/templates/contact-fail.html b/test/mocha/html-snapshots/server/app/templates/contact-fail.html new file mode 100644 index 00000000..92b3f96d --- /dev/null +++ b/test/mocha/html-snapshots/server/app/templates/contact-fail.html @@ -0,0 +1,15 @@ +

+ Whoops! :( +

+

+ Our contact system is temporarily unavailable. We apologize for the inconvenience. +

+

Here is your message:

+ +

+ Please consider mailing your message to us directly: + <%= mailTo %> +

+

+ We really would love to hear from you! +

diff --git a/test/mocha/html-snapshots/server/app/templates/contact-success.html b/test/mocha/html-snapshots/server/app/templates/contact-success.html new file mode 100644 index 00000000..9dcbbd4c --- /dev/null +++ b/test/mocha/html-snapshots/server/app/templates/contact-success.html @@ -0,0 +1,7 @@ +

+ Thanks, <%= name %>! +

+

+ Thank you for your inquiry. We will reply to <%= email %> within <%= responseTime %>. +

+ diff --git a/test/mocha/html-snapshots/server/app/templates/contact.html b/test/mocha/html-snapshots/server/app/templates/contact.html new file mode 100644 index 00000000..a6d89a69 --- /dev/null +++ b/test/mocha/html-snapshots/server/app/templates/contact.html @@ -0,0 +1,28 @@ +
+
+
+

Contact us instructions go here. All form inputs are required.

+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ +