diff --git a/.gitignore b/.gitignore index f7deb99..e20e246 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,6 @@ .sass-cache .DS_Store *.psd -node_modules \ No newline at end of file +node_modules +showcase/css/showcase.css.map +showcase-dist diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 0000000..de6aec5 --- /dev/null +++ b/.travis.yml @@ -0,0 +1,10 @@ +language: node_js +node_js: +- 0.10 +before_script: +- npm install -g grunt-cli + +env: + global: + - secure: UpriWPnu18P/BWtqzKCCSta9921Z2947bTuniQoDc/ywFrC1Kpix4BL98fT3IB/8z4B3S+vXLbe+3qSeltjX2tNtYCY0JLkS9gijXrYLp7buphkBMdMPdTmEFM66iTwy2YD71XCqrh7fViuE5uMR4MHKRq3RCBeXrsQO8YcKUig= + - secure: HKlIRHrUj3uTOstiY8BLWAZqpiUXOaS6DhP0IIUCJ6JLWoFGm91l9sr2mR+sRcRdQ13oMTV0rXEZQ3uMJrTpxNv5jt7/QFpwi1m62RkyUwqTWCmPgduQ9HKqPKkw4xA+UXRHqv+I2sLFCamts9OFErqPTEWMJDKEfilLOqmsrUE= diff --git a/Gruntfile.js b/Gruntfile.js new file mode 100644 index 0000000..000b7ea --- /dev/null +++ b/Gruntfile.js @@ -0,0 +1,277 @@ +module.exports = function (grunt) { + /** + * Load Grunt Npm Modules + * + */ + grunt.loadNpmTasks('grunt-autoprefixer'); + grunt.loadNpmTasks('grunt-contrib-sass'); + grunt.loadNpmTasks('grunt-contrib-clean'); + grunt.loadNpmTasks('grunt-contrib-watch'); + grunt.loadNpmTasks('grunt-contrib-connect'); + grunt.loadNpmTasks('grunt-contrib-copy'); + grunt.loadNpmTasks('grunt-contrib-cssmin'); + grunt.loadNpmTasks('grunt-saucelabs'); + grunt.loadNpmTasks('grunt-contrib-qunit'); + grunt.loadNpmTasks('grunt-includes'); + + /** + * Grunt Configuration + * + */ + grunt.initConfig({ + + /* + * Template Includes + * + */ + + includes: { + build: { + cwd: 'showcase/pages', + src: ['*.html' ], + dest: 'showcase/', + options: { + includePath: 'showcase/includes' + } + } + }, + + + /* + * Sass Compilation + * + */ + + sass: { + all: { + files: { + 'tmp/css/buttons.css': 'scss/buttons.scss', + 'tmp/css/showcase.css': 'showcase/scss/showcase.scss' + } + } + }, + + + /* + * Vendor Prefixing + * + */ + + autoprefixer: { + options: { + browsers: ['last 3 versions', 'safari 5', 'ie 8', 'ie 9', 'Firefox >= 20'] + }, + all: { + expand: true, + flatten: true, + src: 'tmp/css/*.css', + dest: 'tmp/css' + } + }, + + + /* + * Minify files + * + */ + + cssmin: { + add_banner: { + options: { + banner: '/* Buttons */', + keepSpecialComments: 1 + }, + files: { + 'tmp/css/buttons.min.css': ['tmp/css/buttons.css'] + } + } + }, + + /* + * Copy files + * + */ + + copy: { + css_library: { + files: [{ + expand: true, + cwd: 'tmp/css', + src: ['**/*', '!showcase.css', '!showcase.css.map'], + dest: 'css' + }] + }, + css_showcase: { + files: [{ + expand: true, + cwd: 'tmp/css', + src: ['**/*', '!buttons.min.css', '!buttons.css.map'], + dest: 'showcase/css' + }] + }, + js_showcase: { + files: [{ + expand: true, + cwd: 'js', + src: ['**/*'], + dest: 'showcase/js' + }] + }, + showcase_dist: { + files: [{ + expand: true, + cwd: 'showcase', + src: ['*.html', 'css/**/*', 'fonts/**/*', 'images/**/*', 'js/**/*'], + dest: 'showcase-dist' + }] + } + }, + + + /* + * Clean tmp folders + * + */ + + clean: { + dev: { + src: ["tmp"] + }, + build: { + src: ["showcase-dist"] + } + }, + + + /* + * Launch local server + * + */ + + connect: { + livereload: { + options: { + port: 8000, + livereload: 35729, // change this to '0.0.0.0' to access the server from outside + hostname: 'localhost', + base: 'showcase', + open: true + } + }, + sauce: { + options: { + port: 9999, + hostname: 'localhost', + base: '', + } + } + }, + + + /* + * Watch for changes + * + */ + + watch: { + scripts: { + files: ['js/**/*.js'], + tasks: ['copy:main:js_showcase', 'clean:dev'] + }, + sass: { + files: ['scss/**/*.scss', 'showcase/scss/**/*.scss'], + tasks: ['sass', 'autoprefixer', 'copy:css_showcase', 'copy:css_library', 'clean:dev'] + }, + includes: { + files: ['showcase/includes/**/*.html', 'showcase/pages/**/*.html'], + tasks: ['includes'] + }, + livereload: { + options: { + livereload: '<%= connect.livereload.options.livereload %>' + }, + files: [ + 'scss/**/*.scss', + 'css/**/*.css', + 'js/**/*', + 'showcase/**/*' + ] + } + }, + + + /* + * QUnit + * + */ + + qunit: { + options: { + urls:[ + 'http://localhost:9999/js/tests/*.html' + ] + } + }, + + /* + * Saucelabs + * Requires environment variables set e.g. export SAUCE_USERNAME=XX; export SAUCE_ACCESS_KEY=XX + * + */ + 'saucelabs-qunit': { //DO NOT CHANGE NAME + all: { + options: { + build: process.env.TRAVIS_JOB_ID, + concurrency: 3, + tunnelTimeout: 5, + urls: ['http://localhost:9999/tests/index.html'], + testname: 'Buttons Sauce Unit Tests', + browsers: [ + { + browserName: 'safari', + version: '6', + platform: 'OS X 10.8' + }, + { + browserName: 'firefox', + version: '25', + platform: 'OS X 10.6' + }, + { + browserName: 'chrome', + version: '31', + platform: 'Windows 8.1' + } + ] + } + } + } + }); + + + /** + * Grunt Helper Tasks + * + */ + + grunt.registerTask('test', 'qunit'); + grunt.registerTask('sauceserver', 'connect:sauce'); + grunt.registerTask('sauce', 'saucelabs-qunit'); + var testSubtasks = ['test']; + if (process.env.SAUCE_ACCESS_KEY !== undefined) { + testSubtasks.push('sauceserver'); + testSubtasks.push('sauce'); + } + grunt.registerTask('copyMain', ['copy:css_library', 'copy:css_showcase', 'copy:js_showcase']); + + + /** + * Grunt Core Build Tasks + * + */ + + grunt.registerTask('default', ['sass', 'autoprefixer', 'cssmin', 'copyMain', 'clean:dev']); + grunt.registerTask('dev', ['includes', 'sass', 'autoprefixer', 'cssmin', 'copyMain', 'clean:dev', 'connect', 'watch']); + grunt.registerTask('dist', ['clean:build', 'includes', 'sass', 'autoprefixer', 'cssmin', 'copyMain', 'copy:showcase_dist', 'clean:dev']); + grunt.registerTask('tests', testSubtasks); +}; diff --git a/LICENSE b/LICENSE index 10670fb..8dbe649 100644 --- a/LICENSE +++ b/LICENSE @@ -1,3 +1,5 @@ +Buttons + Copyright 2012-2014 Alex Wolfe and Rob Levin Licensed under the Apache License, Version 2.0 (the "License"); diff --git a/README.md b/README.md index cf6c0bc..41727dd 100644 --- a/README.md +++ b/README.md @@ -1,93 +1,103 @@ -Buttons -======= +# Buttons 2.0 -Buttons is a fully customizable CSS button library that's built using Sass & Compass, and created by [Alex Wolfe](https://twitter.com/alexwolfe) and [Rob Levin](https://twitter.com/roblevintennis). +[![Sauce Test Status](https://saucelabs.com/browser-matrix/unicornuirocks.svg)](https://saucelabs.com/u/unicornuirocks) -Quickly get started by [visiting the Buttons Builder Website](http://alexwolfe.github.io/Buttons/) where you can view live examples and fully customize your Buttons download. +[![Build Status](https://travis-ci.org/alexwolfe/Buttons.svg?branch=buttons-2)](https://travis-ci.org/alexwolfe/Buttons) -[![Example of Buttons](https://dl.dropboxusercontent.com/u/1517246/builder.png "Example of Buttons")](http://alexwolfe.github.io/Buttons/) +#Buttons 2.0 -Setup & Installation -==================== +Buttons is a highly customizable production ready mobile web and desktop css button library. Buttons is a free open source project created using Sass. -1. Visit the [Buttons Builder Website](http://alexwolfe.github.io/Buttons/), download and add files to your website. -2. Include css in the head of your webpage. *You only need the font-awesome css if you're using icons* - `` - `` -3. Include jQuery and buttons.js if you're using dropdown menu buttons. - `` - `` -4. Create buttons in your html. [View code examples here](http://alexwolfe.github.io/Buttons/). +Authors [Alex Wolfe](https://twitter.com/alexwolfe) and [Rob Levin](https://twitter.com/roblevintennis). +## Showcase Demo -or Install with Bower -==================== -You can also install Buttons using [Bower](http://bower.io/) if you're using that for your package management. +View the [showcase demo](http://unicorn-ui.com/buttons/) to see the buttons in action. The showcase provides full list of examples along with code snippets to speed up development. -`Bower install Buttons` +[![Buttons 2.0 Showcase](https://www.dropbox.com/s/y9cbmxmih6uwrmm/buttons-showcase.png?dl=1 "Buttons 2.0 Showcase")](http://unicorn-ui.com/buttons/) -Using as a Partial -================== -You can easily import Buttons as a partial into an existing project. -```css -@import 'partials/buttons'; -``` - -The buttons partial will, in turn, import compass plus any additional partials included in the Buttons library that you'll need. - -Customize Buttons -==================== - -1. Clone the Buttons repo -2. Make sure you have Sass and Compass installed -3. Edit the `partials/_options.scss` with your own custom values (see example values below) -4. Run the *compass watch* command from the root directory of the Buttons directory from the command line -5. The buttons.css file should now be updated - - -General Options ---------------- -In order to edit your Button options, simply change option values within the *partials/_options.scss* file to your liking. After you make your edits run *compass watch* in the root of the button directory and the updates should take place. -You can open up index.html in a browser to view your changes. +## Setup & Installation -* **$unicorn-btn-namespace:** Desired CSS namespace for your buttons (default .button) -* **$unicorn-btn-glow_namespace:** Desired CSS namespace for your glow effect (default .glow) -* **$unicorn-btn-glow_color:** Default glow color (#2c9adb, light blue) -* **$unicorn-btn-bgcolor:** Default button background color (#EEE, light gray) -* **$unicorn-btn-height:** Default height, also used to calculate padding on the sides (32px) -* **$unicorn-btn-font-color:** Default font color (#666, gray) -* **$unicorn-btn-font-size:** Default font size (14px) -* **$unicorn-btn-font-weight:** Default font weight (300) -* **$unicorn-btn-font-family:** Default font family ("HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif) +1. Download the latest [buttons.css](http://unicorn-ui.com/buttons/showcase/css/buttons.css) +2. Include buttons in your website: +```html + + -Advanced Options ----------------- - -The only option you should adjust here is the button actions. When you need to add/remove/edit another button -color simply add/remove/edit one of the items in the list. There is no limit to the number of items in your list (hint: you can create additional items if you wish). Each item will create a new button. - -* **$unicorn-btn-actions:** Edit this to add new buttons ('name' background-color font-color) example: ('highlight' #F18D05 #FFF) ('caution' #E54028 #FFF) -* **$unicorn-btn-types:** Correspond to the styles avaialble ('rounded' 'pill' 'circle') -* **$unicorn-btn-sizes:** Correspond to the sizes avaialble ('large' 'small' 'tiny') -* **$unicorn-btn-circle-size:** Radius for circle buttons, circles only have one size (120px) - -* **$unicorn-btn-dropdown-background:** Backround color of dropdown menu -* **$unicorn-btn-dropdown-link-color:** Link color in dropdown menu -* **$unicorn-btn-dropdown-link-hover:** Hover color for link in dropdown menu -* **$unicorn-btn-dropdown-link-hover-background:** Background hover color for link in dropdown menu + + + + + +``` -Browser Support -==================== -Buttons works in All modern browsers (Firefox, Chrome, Safari, IE) and gracefully degrades all the way down to Internet Explorer 8. +## Bower Installation +1. If you're using [Bower](http://bower.io/) you can run `bower install buttons` + +## Transitioning From Buttons 1.0 to Buttons 2.0 +We've made some major improvements to the Buttons library. In order to integrate buttons into your current project you'll need to make the following changes: + +1. Compass has been replaced with [autoprefixer](https://github.com/postcss/autoprefixer). Compass is not recommended but it is still supported. +2. Button colors are now complete independent (ex. button-primary) we no longer have classes like button-flat-primary to achieve this you now simply add button-flat button-primary +3. Buttons styles are now independent (ex. button-flat, button-3d, etc.). You can apply these styles and they will automatically pick up the color attached to the button (ex. button-primary button-3d) + +## Customize Buttons (Recommended uses Sass & Autoprefixer) +0. Clone the Buttons repository. +0. Make sure you have [node.js](http://nodejs.org/) installed. +0. From the command line cd into the root for the Buttons directory +0. Run ```npm install``` or ```sudo npm install``` (depending on your system permissions). +0. On the command line run ```grunt dev```, this will open a browser with Buttons +0. Locate **scss** in the root directory +0. You can modify the _options.scss where you can customize colors, typography, and … +0. Anytime you save your changes the Buttons showcase page will live reload with your changes! + +## Customize Buttons with only Sass or Compass +0. Clone the Buttons repo +0. Make sure you have Sass installed +0. Run `npm install` from your terminal +0. Edit the `_options.scss` with your own custom values (see example values below) +0. Buttons now works with–or without–Compass. So choose one of the following examples accordingly and run from the command line in Buttons's root directory: + For Sass run: `$ sass --watch --scss scss/buttons.scss:css/buttons.css` + For Compass run: `$ compass watch` +0. The `css/buttons.css` file should now be updated + +## Button Options + +To edit Buttons simply change values within the `_options.scss` file. After you make your edits recompile your sass file and your changes will get processed. + +* **$ubtn:** This prefix stands for Unicorn Button and prevents namespace collisions that could occur if you import buttons as part of your Sass build process. We kindly ask you not to use the prefix $ubtn in your project in order to avoid possilbe name conflicts. Thanks! +* **$ubtn-namespace:** Desired CSS namespace for your buttons (default .button) +* **$ubtn-glow-namespace:** Desired CSS namespace for your glow effect (default .glow) +* **$ubtn-colors:** List of colors in format like `(name, background, color)`. +* **$ubtn-glow-color:** Default glow color (#2c9adb, light blue) +* **$ubtn-shapes:** List of shapes in format like `(square 0px)`. You can use Sass maps if you're using 3.3. See `_options.scss` for details. +* **$ubtn-sizes:** List of sizes in format like `(jumbo 1.5)`. You can use Sass maps if you're using 3.3. See `_options.scss` for details. +* **$ubtn-bgcolor:** Default button background color (#EEE, light gray) +* **$ubtn-height:** Default height, also used to calculate padding on the sides (32px) +* **$ubtn-font-family:** Default font family +* **$ubtn-font-color:** Default font color (#666, gray) +* **$ubtn-font-weight:** Default font weight +* **$ubtn-font-size:** Default font size (14px). You can also specify a value of `inherit` and it will be respected. + + +## Excluding Button Types + +By default, Buttons will include all button types. You can exclude types from your compilation by simply removing the corresponding *@import* statement in the buttons.scss file. + +```shell +//Example import statement for 3d button. +@import 'types/3d'; +``` +Remove this statement then recompile to create a build without 3d buttons. -Authors -=================== -Created by Alex Wolfe [@alexwolfe](https://twitter.com/alexwolfe) and Rob Levin [@roblevintennis ](https://twitter.com/roblevintennis) +## Browser Support +Buttons works in all modern browsers (Firefox, Chrome, Safari, IE) and gracefully degrades all to Internet Explorer 8. -[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/alexwolfe/buttons/trend.png)](https://bitdeli.com/free "Bitdeli Badge") +## About Buttons +Buttons is part of the [Unicorn-UI Framework](http://unicorn-ui.com). Created by Alex Wolfe [@alexwolfe](https://twitter.com/alexwolfe) and Rob Levin [@roblevintennis ](https://twitter.com/roblevintennis). diff --git a/bower.json b/bower.json index 65bc751..2fdcca2 100644 --- a/bower.json +++ b/bower.json @@ -1,19 +1,20 @@ { "name": "Buttons", - "version": "1.1.1", + "version": "2.0", "homepage": "https://github.com/alexwolfe/Buttons", "authors": [ - "alexwolfe" + "alexwolfe", + "roblevintennis" ], - "description": "A fully customizable CSS button library built using Sass & Compass", + "description": "A fully customizable CSS button library built with Sass", "main": "css/buttons.css", "keywords": [ - "Buttons", - "Sass", + "buttons", + "sass", "scss", "css", - "Css Buttons", - "Sass Buttons" + "css buttons", + "sass buttons" ], "license": "Apache License v2.0" } diff --git a/config.rb b/config.rb index c29cff0..3c9feb6 100644 --- a/config.rb +++ b/config.rb @@ -4,7 +4,7 @@ http_path = "/" css_dir = "css" sass_dir = "scss" -images_dir = "img" +images_dir = "images" javascripts_dir = "js" # You can select your preferred output style here (can be overridden via the command line): diff --git a/css/buttons.css b/css/buttons.css index e2d928e..eccdca3 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -1,4 +1,6 @@ /*! @license +* +* Buttons * Copyright 2012-2014 Alex Wolfe and Rob Levin * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -13,1575 +15,1532 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -@-webkit-keyframes glowing, { - from { - -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - } - 50% { - -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - } - to { - -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - } -} -@-moz-keyframes glowing, { - from { - -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - } - 50% { - -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - } - to { - -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - } -} -@-o-keyframes glowing, { - from { - -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - } - 50% { - -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - } - to { - -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - } -} -@keyframes glowing, { - from { - -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - } - 50% { - -moz-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2); - } - to { - -moz-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2); - } -} -/* line 26, ../scss/partials/_buttons.scss */ +/* +* Compass (optional) +* +* We recommend the use of autoprefixer instead of Compass +* when using buttons. However, buttons does support Compass. +* simply change $ubtn-use-compass to true and uncomment the +* @import 'compass' code below to use Compass. +*/ +/* +* Required Files +* +* These files include the variables and options +* and base css styles that are required to generate buttons. +*/ +/* +* $ubtn prefix (reserved) +* +* This prefix stands for Unicorn Button - ubtn +* We provide a prefix to the Sass Variables to +* prevent namespace collisions that could occur if +* you import buttons as part of your Sass build process. +* We kindly ask you not to use the prefix $ubtn in your project +* in order to avoid possilbe name conflicts. Thanks! +*/ +/* +* Button Namespace (ex .button or .btn) +* +*/ +/* +* Button Defaults +* +* Some default settings that are used throughout the button library. +* Changes to these settings will be picked up by all of the other modules. +* The colors used here are the default colors for the base button (gray). +* The font size and height are used to set the base size for the buttons. +* The size values will be used to calculate the larger and smaller button sizes. +*/ +/* +* Button Colors +* +* $ubtn-colors is used to generate the different button colors. +* Edit or add colors to the list below and recompile. +* Each block contains the (name, background, color) +* The class is generated using the name: (ex .button-primary) +*/ +/* +* Button Shapes +* +* $ubtn-shapes is used to generate the different button shapes. +* Edit or add shapes to the list below and recompile. +* Each block contains the (name, border-radius). +* The class is generated using the name: (ex .button-square). +*/ +/* +* Button Sizes +* +* $ubtn-sizes is used to generate the different button sizes. +* Edit or add colors to the list below and recompile. +* Each block contains the (name, size multiplier). +* The class is generated using the name: (ex .button-giant). +*/ +/* +* Color Mixin +* +* Iterates through the list of colors and creates +* +*/ +/* +* No Animation +* +* Sets animation property to none +*/ +/* +* Clearfix +* +* Clears floats inside the container +*/ +/* +* Base Button Style +* +* The default values for the .button class +*/ .button { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15); - background-color: #EEE; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1)); - background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1); - background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1); - background: linear-gradient(to bottom, #fbfbfb, #e1e1e1); - display: inline-block; - vertical-align: middle; - *vertical-align: auto; - *zoom: 1; - *display: inline; - border: 1px solid #d4d4d4; - height: 32px; - line-height: 30px; - padding: 0px 25.6px; + color: #666666; + background-color: #eeeeee; + border-color: #eeeeee; font-weight: 300; font-size: 16px; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - color: #666; - text-shadow: 0 1px 1px white; - margin: 0; text-decoration: none; text-align: center; -} -/* line 44, ../scss/partials/_buttons.scss */ -.button:hover, .button:focus, .button:active, .button.is-active, .button.active { - text-decoration: none; -} -/* line 48, ../scss/partials/_buttons.scss */ -.button:hover, .button:focus { - color: #666; - background-color: #EEE; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc)); - background: -moz-linear-gradient(top, #ffffff, #dcdcdc); - background: -webkit-linear-gradient(top, #ffffff, #dcdcdc); - background: linear-gradient(to bottom, #ffffff, #dcdcdc); -} -/* line 53, ../scss/partials/_buttons.scss */ -.button:active, .button.is-active, .button.active { - -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; - -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; - text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4); - background: #eeeeee; - color: #bbbbbb; -} -/* line 59, ../scss/partials/_buttons.scss */ -.button:focus { - outline: none; -} - -/* line 65, ../scss/partials/_buttons.scss */ -input.button, button.button { - height: 34px; - cursor: pointer; - -webkit-appearance: none; -} - -/* line 72, ../scss/partials/_buttons.scss */ -.button-block { - display: block; -} - -/* line 77, ../scss/partials/_buttons.scss */ -.button.disabled, -.button.disabled:hover, -.button.disabled:focus, -.button.disabled:active, -input.button:disabled, -button.button:disabled { - -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); - opacity: 0.8; - background: #EEE; - border: 1px solid #DDD; - text-shadow: 0 1px 1px white; - color: #CCC; - cursor: default; - -webkit-appearance: none; -} - -/* line 94, ../scss/partials/_buttons.scss */ -.button-wrap { - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2)); - background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2); - background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2); - background: linear-gradient(to bottom, #e3e3e3, #f2f2f2); - -moz-border-radius: 200px; - -webkit-border-radius: 200px; - border-radius: 200px; - -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04); - -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04); - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04); - padding: 10px; + line-height: 40px; + height: 40px; + padding: 0 40px; + margin: 0; display: inline-block; -} - -/* line 104, ../scss/partials/_buttons.scss */ -.button-flat { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: background; - -o-transition-property: background; - -webkit-transition-property: background; - transition-property: background; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - background: #EEE; + appearance: none; + cursor: pointer; border: none; - text-shadow: none; -} -/* line 113, ../scss/partials/_buttons.scss */ -.button-flat:hover, .button-flat:focus { - background: #fbfbfb; -} -/* line 116, ../scss/partials/_buttons.scss */ -.button-flat:active, .button-flat.is-active, .button-flat.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: #eeeeee; - color: #bbbbbb; -} -/* line 121, ../scss/partials/_buttons.scss */ -.button-flat.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 131, ../scss/partials/_buttons.scss */ -.button-border { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: all; - -o-transition-property: all; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - color: #666; - border: 2px solid #666; - background: none; - text-shadow: none; -} -/* line 140, ../scss/partials/_buttons.scss */ -.button-border:hover, .button-border:focus { - background: none; - color: gray; - border: 2px solid gray; -} -/* line 145, ../scss/partials/_buttons.scss */ -.button-border:active, .button-border.is-active, .button-border.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: none; - color: #4d4d4d; - border: 2px solid #4d4d4d; -} -/* line 151, ../scss/partials/_buttons.scss */ -.button-border.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 161, ../scss/partials/_buttons.scss */ -.button-3d { - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e9e9e9)); - background: -moz-linear-gradient(top, #f3f3f3, #e9e9e9); - background: -webkit-linear-gradient(top, #f3f3f3, #e9e9e9); - background: linear-gradient(to bottom, #f3f3f3, #e9e9e9); - background-color: #EEE; - color: #666; - border: 1px solid #e1e1e1; - text-shadow: none; - position: relative; - top: 0px; -} -/* line 173, ../scss/partials/_buttons.scss */ -.button-3d:hover, .button-3d:focus { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bbbbbb, 0px 8px 3px rgba(0, 0, 0, 0.2); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ebebeb)); - background: -moz-linear-gradient(top, #ffffff, #ebebeb); - background: -webkit-linear-gradient(top, #ffffff, #ebebeb); - background: linear-gradient(to bottom, #ffffff, #ebebeb); + transition-property: all; + -webkit-transition-duration: .3s; + transition-duration: .3s; + /* + * Disabled State + * + * The disabled state uses the class .disabled, is-disabled, + * and the form attribute disabled="disabled". + * The use of !important is only added because this is a state + * that must be applied to all buttons when in a disabled state. + */ } + .button:visited { + color: #666666; } + .button:hover, .button:focus { + background-color: #f6f6f6; + text-decoration: none; + outline: none; } + .button:active, .button.active, .button.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); + text-decoration: none; + background-color: #eeeeee; + border-color: #cfcfcf; + color: #d4d4d4; + -webkit-transition-duration: 0s; + transition-duration: 0s; + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); } + .button.disabled, .button.is-disabled, .button:disabled { + top: 0 !important; + background: #EEE !important; + border: 1px solid #DDD !important; + text-shadow: 0 1px 1px white !important; + color: #CCC !important; + cursor: default !important; + appearance: none !important; } + .button.disabled else, .button.is-disabled else, .button:disabled else { + -webkit-box-shadow: none !important; + box-shadow: none !important; + opacity: .8 !important; } + +/* +* Base Button Tyography +* +*/ +.button-uppercase { + text-transform: uppercase; } + +.button-lowercase { + text-transform: lowercase; } + +.button-capitalize { + text-transform: capitalize; } + +.button-small-caps { + font-variant: small-caps; } + +.button-icon-txt-large { + font-size: 36px !important; } + +/* +* Base padding +* +*/ +.button-width-small { + padding: 0 10px !important; } + +/* +* Base Colors +* +* Create colors for buttons +* (.button-primary, .button-secondary, etc.) +*/ +.button-primary, +.button-primary-flat { + background-color: #1b9af7; + border-color: #1b9af7; + color: white; } + .button-primary:visited, + .button-primary-flat:visited { + color: white; } + .button-primary:hover, .button-primary:focus, + .button-primary-flat:hover, + .button-primary-flat:focus { + background-color: #4cb0f9; + border-color: #4cb0f9; + color: white; } + .button-primary:active, .button-primary.active, .button-primary.is-active, + .button-primary-flat:active, + .button-primary-flat.active, + .button-primary-flat.is-active { + background-color: #2798eb; + border-color: #2798eb; + color: #0880d7; } + +.button-plain, +.button-plain-flat { background-color: white; - color: #666; -} -/* line 179, ../scss/partials/_buttons.scss */ -.button-3d:active, .button-3d.is-active, .button-3d.active { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bbbbbb, 0px 3px 3px rgba(0, 0, 0, 0.2); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #f3f3f3)); - background: -moz-linear-gradient(top, #e9e9e9, #f3f3f3); - background: -webkit-linear-gradient(top, #e9e9e9, #f3f3f3); - background: linear-gradient(to bottom, #e9e9e9, #f3f3f3); - background-color: #eeeeee; - color: #bbbbbb; - border: 1px solid #e1e1e1; - top: 5px; -} -/* line 187, ../scss/partials/_buttons.scss */ -.button-3d.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 201, ../scss/partials/_buttons.scss */ + border-color: white; + color: #1b9af7; } + .button-plain:visited, + .button-plain-flat:visited { + color: #1b9af7; } + .button-plain:hover, .button-plain:focus, + .button-plain-flat:hover, + .button-plain-flat:focus { + background-color: white; + border-color: white; + color: #1b9af7; } + .button-plain:active, .button-plain.active, .button-plain.is-active, + .button-plain-flat:active, + .button-plain-flat.active, + .button-plain-flat.is-active { + background-color: white; + border-color: white; + color: #e6e6e6; } + +.button-inverse, +.button-inverse-flat { + background-color: #222222; + border-color: #222222; + color: #eeeeee; } + .button-inverse:visited, + .button-inverse-flat:visited { + color: #eeeeee; } + .button-inverse:hover, .button-inverse:focus, + .button-inverse-flat:hover, + .button-inverse-flat:focus { + background-color: #3c3c3c; + border-color: #3c3c3c; + color: #eeeeee; } + .button-inverse:active, .button-inverse.active, .button-inverse.is-active, + .button-inverse-flat:active, + .button-inverse-flat.active, + .button-inverse-flat.is-active { + background-color: #222222; + border-color: #222222; + color: #090909; } + +.button-action, +.button-action-flat { + background-color: #a5de37; + border-color: #a5de37; + color: white; } + .button-action:visited, + .button-action-flat:visited { + color: white; } + .button-action:hover, .button-action:focus, + .button-action-flat:hover, + .button-action-flat:focus { + background-color: #b9e563; + border-color: #b9e563; + color: white; } + .button-action:active, .button-action.active, .button-action.is-active, + .button-action-flat:active, + .button-action-flat.active, + .button-action-flat.is-active { + background-color: #a1d243; + border-color: #a1d243; + color: #8bc220; } + +.button-highlight, +.button-highlight-flat { + background-color: #feae1b; + border-color: #feae1b; + color: white; } + .button-highlight:visited, + .button-highlight-flat:visited { + color: white; } + .button-highlight:hover, .button-highlight:focus, + .button-highlight-flat:hover, + .button-highlight-flat:focus { + background-color: #fec04e; + border-color: #fec04e; + color: white; } + .button-highlight:active, .button-highlight.active, .button-highlight.is-active, + .button-highlight-flat:active, + .button-highlight-flat.active, + .button-highlight-flat.is-active { + background-color: #f3ab26; + border-color: #f3ab26; + color: #e59501; } + +.button-caution, +.button-caution-flat { + background-color: #ff4351; + border-color: #ff4351; + color: white; } + .button-caution:visited, + .button-caution-flat:visited { + color: white; } + .button-caution:hover, .button-caution:focus, + .button-caution-flat:hover, + .button-caution-flat:focus { + background-color: #ff7680; + border-color: #ff7680; + color: white; } + .button-caution:active, .button-caution.active, .button-caution.is-active, + .button-caution-flat:active, + .button-caution-flat.active, + .button-caution-flat.is-active { + background-color: #f64c59; + border-color: #f64c59; + color: #ff1022; } + +.button-royal, +.button-royal-flat { + background-color: #7b72e9; + border-color: #7b72e9; + color: white; } + .button-royal:visited, + .button-royal-flat:visited { + color: white; } + .button-royal:hover, .button-royal:focus, + .button-royal-flat:hover, + .button-royal-flat:focus { + background-color: #a49ef0; + border-color: #a49ef0; + color: white; } + .button-royal:active, .button-royal.active, .button-royal.is-active, + .button-royal-flat:active, + .button-royal-flat.active, + .button-royal-flat.is-active { + background-color: #827ae1; + border-color: #827ae1; + color: #5246e2; } + +/* +* Base Layout Styles +* +* Very Miminal Layout Styles +*/ +.button-block, +.button-stacked { + display: block; } + +/* +* Button Types (optional) +* +* All of the files below represent the various button +* types (including shapes & sizes). None of these files +* are required. Simple remove the uneeded type below and +* the button type will be excluded from the final build +*/ +/* +* Button Shapes +* +* This file creates the various button shapes +* (ex. Circle, Rounded, Pill) +*/ +.button-square { + border-radius: 0; } + +.button-box { + border-radius: 10px; } + .button-rounded { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} + border-radius: 4px; } -/* line 201, ../scss/partials/_buttons.scss */ .button-pill { - -moz-border-radius: 50px; - -webkit-border-radius: 50px; - border-radius: 50px; -} + border-radius: 200px; } -/* line 201, ../scss/partials/_buttons.scss */ .button-circle { - -moz-border-radius: 240px; - -webkit-border-radius: 240px; - border-radius: 240px; - -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); - box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2); - width: 120px; - line-height: 120px; - height: 120px; - padding: 0px; - border-width: 4px; - font-size: 18px; -} - -/* line 235, ../scss/partials/_buttons.scss */ -.button-primary { - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjVlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGRiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #008db2)); - background: -moz-linear-gradient(top, #00b5e5, #008db2); - background: -webkit-linear-gradient(top, #00b5e5, #008db2); - background: linear-gradient(to bottom, #00b5e5, #008db2); - background-color: #00A1CB; - border-color: #007998; - color: #FFF; - text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35); -} -/* line 242, ../scss/partials/_buttons.scss */ -.button-primary:hover, .button-primary:focus { - background-color: #00A1CB; - color: #FFF; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzlmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGRiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #008db2)); - background: -moz-linear-gradient(top, #00c9fe, #008db2); - background: -webkit-linear-gradient(top, #00c9fe, #008db2); - background: linear-gradient(to bottom, #00c9fe, #008db2); -} -/* line 247, ../scss/partials/_buttons.scss */ -.button-primary:active, .button-primary.is-active, .button-primary.active { - background: #1495b7; - color: #005065; -} - -/* line 260, ../scss/partials/_buttons.scss */ -.button-3d-primary { - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #007998, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTlkNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a9d5), color-stop(100%, #0099c1)); - background: -moz-linear-gradient(top, #00a9d5, #0099c1); - background: -webkit-linear-gradient(top, #00a9d5, #0099c1); - background: linear-gradient(to bottom, #00a9d5, #0099c1); - background-color: #00A1CB; - color: #FFF; - border: 1px solid #007998; - text-shadow: none; - position: relative; - top: 0px; -} -/* line 272, ../scss/partials/_buttons.scss */ -.button-3d-primary:hover, .button-3d-primary:focus { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #00708e, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzFmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOWRjNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c1f4), color-stop(100%, #009dc6)); - background: -moz-linear-gradient(top, #00c1f4, #009dc6); - background: -webkit-linear-gradient(top, #00c1f4, #009dc6); - background: linear-gradient(to bottom, #00c1f4, #009dc6); - background-color: #00c9fe; - color: #FFF; -} -/* line 278, ../scss/partials/_buttons.scss */ -.button-3d-primary:active, .button-3d-primary.is-active, .button-3d-primary.active { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #007998, 0px 3px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTljMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTlkNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0099c1), color-stop(100%, #00a9d5)); - background: -moz-linear-gradient(top, #0099c1, #00a9d5); - background: -webkit-linear-gradient(top, #0099c1, #00a9d5); - background: linear-gradient(to bottom, #0099c1, #00a9d5); - background-color: #1495b7; - color: #005065; - border: 1px solid #008db2; - top: 5px; -} -/* line 286, ../scss/partials/_buttons.scss */ -.button-3d-primary.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 300, ../scss/partials/_buttons.scss */ -.button-border-primary { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - color: #00A1CB; - border: 2px solid #00A1CB; - background: none; - text-shadow: none; -} -/* line 309, ../scss/partials/_buttons.scss */ -.button-border-primary:hover, .button-border-primary:focus { - background: none; - color: #00c9fe; - border: 2px solid #00c9fe; -} -/* line 314, ../scss/partials/_buttons.scss */ -.button-border-primary:active, .button-border-primary.is-active, .button-border-primary.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: none; - color: #007998; - border: 2px solid #007998; -} -/* line 320, ../scss/partials/_buttons.scss */ -.button-border-primary.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 332, ../scss/partials/_buttons.scss */ -.button-flat-primary { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: background; - -o-transition-property: background; - -webkit-transition-property: background; - transition-property: background; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - background: #00A1CB; - color: #FFF; - text-shadow: none; - border: none; -} -/* line 341, ../scss/partials/_buttons.scss */ -.button-flat-primary:hover, .button-flat-primary:focus { - color: #FFF; - background: #00b5e5; -} -/* line 345, ../scss/partials/_buttons.scss */ -.button-flat-primary:active, .button-flat-primary.is-active, .button-flat-primary.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: #1495b7; - color: #00647f; -} -/* line 350, ../scss/partials/_buttons.scss */ -.button-flat-primary.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 235, ../scss/partials/_buttons.scss */ -.button-secondary { - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); - background: -moz-linear-gradient(top, #ffffff, #f2f2f2); - background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); - background: linear-gradient(to bottom, #ffffff, #f2f2f2); - background-color: #FFF; - border-color: #e6e6e6; - color: #FFF; - text-shadow: 0 -1px 1px rgba(179, 179, 179, 0.35); -} -/* line 242, ../scss/partials/_buttons.scss */ -.button-secondary:hover, .button-secondary:focus { - background-color: #FFF; - color: #FFF; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); - background: -moz-linear-gradient(top, #ffffff, #f2f2f2); - background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); - background: linear-gradient(to bottom, #ffffff, #f2f2f2); -} -/* line 247, ../scss/partials/_buttons.scss */ -.button-secondary:active, .button-secondary.is-active, .button-secondary.active { - background: white; - color: #cccccc; -} - -/* line 260, ../scss/partials/_buttons.scss */ -.button-3d-secondary { - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e6e6e6, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafa)); - background: -moz-linear-gradient(top, #ffffff, #fafafa); - background: -webkit-linear-gradient(top, #ffffff, #fafafa); - background: linear-gradient(to bottom, #ffffff, #fafafa); - background-color: #FFF; - color: #FFF; - border: 1px solid #e6e6e6; - text-shadow: none; - position: relative; - top: 0px; -} -/* line 272, ../scss/partials/_buttons.scss */ -.button-3d-secondary:hover, .button-3d-secondary:focus { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #e0e0e0, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fcfcfc)); - background: -moz-linear-gradient(top, #ffffff, #fcfcfc); - background: -webkit-linear-gradient(top, #ffffff, #fcfcfc); - background: linear-gradient(to bottom, #ffffff, #fcfcfc); - background-color: white; - color: #FFF; -} -/* line 278, ../scss/partials/_buttons.scss */ -.button-3d-secondary:active, .button-3d-secondary.is-active, .button-3d-secondary.active { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #e6e6e6, 0px 3px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #ffffff)); - background: -moz-linear-gradient(top, #fafafa, #ffffff); - background: -webkit-linear-gradient(top, #fafafa, #ffffff); - background: linear-gradient(to bottom, #fafafa, #ffffff); - background-color: white; - color: #cccccc; - border: 1px solid #f2f2f2; - top: 5px; -} -/* line 286, ../scss/partials/_buttons.scss */ -.button-3d-secondary.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 300, ../scss/partials/_buttons.scss */ -.button-border-secondary { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - color: #FFF; - border: 2px solid #FFF; - background: none; - text-shadow: none; -} -/* line 309, ../scss/partials/_buttons.scss */ -.button-border-secondary:hover, .button-border-secondary:focus { - background: none; - color: white; - border: 2px solid white; -} -/* line 314, ../scss/partials/_buttons.scss */ -.button-border-secondary:active, .button-border-secondary.is-active, .button-border-secondary.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: none; - color: #e6e6e6; - border: 2px solid #e6e6e6; -} -/* line 320, ../scss/partials/_buttons.scss */ -.button-border-secondary.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 332, ../scss/partials/_buttons.scss */ -.button-flat-secondary { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: background; - -o-transition-property: background; - -webkit-transition-property: background; - transition-property: background; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - background: #FFF; - color: #FFF; - text-shadow: none; - border: none; -} -/* line 341, ../scss/partials/_buttons.scss */ -.button-flat-secondary:hover, .button-flat-secondary:focus { - color: #FFF; - background: white; -} -/* line 345, ../scss/partials/_buttons.scss */ -.button-flat-secondary:active, .button-flat-secondary.is-active, .button-flat-secondary.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: white; - color: #d9d9d9; -} -/* line 350, ../scss/partials/_buttons.scss */ -.button-flat-secondary.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 235, ../scss/partials/_buttons.scss */ -.button-action { - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmY2YwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiOWMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00)); - background: -moz-linear-gradient(top, #8fcf00, #6b9c00); - background: -webkit-linear-gradient(top, #8fcf00, #6b9c00); - background: linear-gradient(to bottom, #8fcf00, #6b9c00); - background-color: #7db500; - border-color: #5a8200; - color: #FFF; - text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35); -} -/* line 242, ../scss/partials/_buttons.scss */ -.button-action:hover, .button-action:focus { - background-color: #7db500; - color: #FFF; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwZTgwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiOWMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0e800), color-stop(100%, #6b9c00)); - background: -moz-linear-gradient(top, #a0e800, #6b9c00); - background: -webkit-linear-gradient(top, #a0e800, #6b9c00); - background: linear-gradient(to bottom, #a0e800, #6b9c00); -} -/* line 247, ../scss/partials/_buttons.scss */ -.button-action:active, .button-action.is-active, .button-action.active { - background: #76a312; - color: #374f00; -} - -/* line 260, ../scss/partials/_buttons.scss */ -.button-3d-action { - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5a8200, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0YmYwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc2YWIwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84bf00), color-stop(100%, #76ab00)); - background: -moz-linear-gradient(top, #84bf00, #76ab00); - background: -webkit-linear-gradient(top, #84bf00, #76ab00); - background: linear-gradient(to bottom, #84bf00, #76ab00); - background-color: #7db500; - color: #FFF; - border: 1px solid #5a8200; - text-shadow: none; - position: relative; - top: 0px; -} -/* line 272, ../scss/partials/_buttons.scss */ -.button-3d-action:hover, .button-3d-action:focus { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #537800, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5ZGUwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc5YjAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99de00), color-stop(100%, #79b000)); - background: -moz-linear-gradient(top, #99de00, #79b000); - background: -webkit-linear-gradient(top, #99de00, #79b000); - background: linear-gradient(to bottom, #99de00, #79b000); - background-color: #a0e800; - color: #FFF; -} -/* line 278, ../scss/partials/_buttons.scss */ -.button-3d-action:active, .button-3d-action.is-active, .button-3d-action.active { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #5a8200, 0px 3px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2YWIwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg0YmYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76ab00), color-stop(100%, #84bf00)); - background: -moz-linear-gradient(top, #76ab00, #84bf00); - background: -webkit-linear-gradient(top, #76ab00, #84bf00); - background: linear-gradient(to bottom, #76ab00, #84bf00); - background-color: #76a312; - color: #374f00; - border: 1px solid #6b9c00; - top: 5px; -} -/* line 286, ../scss/partials/_buttons.scss */ -.button-3d-action.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 300, ../scss/partials/_buttons.scss */ -.button-border-action { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - color: #7db500; - border: 2px solid #7db500; - background: none; - text-shadow: none; -} -/* line 309, ../scss/partials/_buttons.scss */ -.button-border-action:hover, .button-border-action:focus { - background: none; - color: #a0e800; - border: 2px solid #a0e800; -} -/* line 314, ../scss/partials/_buttons.scss */ -.button-border-action:active, .button-border-action.is-active, .button-border-action.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: none; - color: #5a8200; - border: 2px solid #5a8200; -} -/* line 320, ../scss/partials/_buttons.scss */ -.button-border-action.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 332, ../scss/partials/_buttons.scss */ -.button-flat-action { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: background; - -o-transition-property: background; - -webkit-transition-property: background; - transition-property: background; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - background: #7db500; - color: #FFF; - text-shadow: none; - border: none; -} -/* line 341, ../scss/partials/_buttons.scss */ -.button-flat-action:hover, .button-flat-action:focus { - color: #FFF; - background: #8fcf00; -} -/* line 345, ../scss/partials/_buttons.scss */ -.button-flat-action:active, .button-flat-action.is-active, .button-flat-action.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: #76a312; - color: #486900; -} -/* line 350, ../scss/partials/_buttons.scss */ -.button-flat-action.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 235, ../scss/partials/_buttons.scss */ -.button-highlight { - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOTkxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4N2UwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9915), color-stop(100%, #d87e04)); - background: -moz-linear-gradient(top, #fa9915, #d87e04); - background: -webkit-linear-gradient(top, #fa9915, #d87e04); - background: linear-gradient(to bottom, #fa9915, #d87e04); - background-color: #F18D05; - border-color: #bf7004; - color: #FFF; - text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35); -} -/* line 242, ../scss/partials/_buttons.scss */ -.button-highlight:hover, .button-highlight:focus { - background-color: #F18D05; - color: #FFF; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYTQyZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4N2UwNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fba42e), color-stop(100%, #d87e04)); - background: -moz-linear-gradient(top, #fba42e, #d87e04); - background: -webkit-linear-gradient(top, #fba42e, #d87e04); - background: linear-gradient(to bottom, #fba42e, #d87e04); -} -/* line 247, ../scss/partials/_buttons.scss */ -.button-highlight:active, .button-highlight.is-active, .button-highlight.active { - background: #d8891e; - color: #8d5303; -} - -/* line 260, ../scss/partials/_buttons.scss */ -.button-3d-highlight { - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #bf7004, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOTMwNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ODcwNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9306), color-stop(100%, #e78705)); - background: -moz-linear-gradient(top, #fa9306, #e78705); - background: -webkit-linear-gradient(top, #fa9306, #e78705); - background: linear-gradient(to bottom, #fa9306, #e78705); - background-color: #F18D05; - color: #FFF; - border: 1px solid #bf7004; - text-shadow: none; - position: relative; - top: 0px; -} -/* line 272, ../scss/partials/_buttons.scss */ -.button-3d-highlight:hover, .button-3d-highlight:focus { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b56a04, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTAyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjOGEwNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #faa024), color-stop(100%, #ec8a05)); - background: -moz-linear-gradient(top, #faa024, #ec8a05); - background: -webkit-linear-gradient(top, #faa024, #ec8a05); - background: linear-gradient(to bottom, #faa024, #ec8a05); - background-color: #fba42e; - color: #FFF; -} -/* line 278, ../scss/partials/_buttons.scss */ -.button-3d-highlight:active, .button-3d-highlight.is-active, .button-3d-highlight.active { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #bf7004, 0px 3px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ODcwNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhOTMwNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e78705), color-stop(100%, #fa9306)); - background: -moz-linear-gradient(top, #e78705, #fa9306); - background: -webkit-linear-gradient(top, #e78705, #fa9306); - background: linear-gradient(to bottom, #e78705, #fa9306); - background-color: #d8891e; - color: #8d5303; - border: 1px solid #d87e04; - top: 5px; -} -/* line 286, ../scss/partials/_buttons.scss */ -.button-3d-highlight.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 300, ../scss/partials/_buttons.scss */ -.button-border-highlight { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - color: #F18D05; - border: 2px solid #F18D05; - background: none; - text-shadow: none; -} -/* line 309, ../scss/partials/_buttons.scss */ -.button-border-highlight:hover, .button-border-highlight:focus { - background: none; - color: #fba42e; - border: 2px solid #fba42e; -} -/* line 314, ../scss/partials/_buttons.scss */ -.button-border-highlight:active, .button-border-highlight.is-active, .button-border-highlight.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: none; - color: #bf7004; - border: 2px solid #bf7004; -} -/* line 320, ../scss/partials/_buttons.scss */ -.button-border-highlight.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 332, ../scss/partials/_buttons.scss */ -.button-flat-highlight { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: background; - -o-transition-property: background; - -webkit-transition-property: background; - transition-property: background; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - background: #F18D05; - color: #FFF; - text-shadow: none; - border: none; -} -/* line 341, ../scss/partials/_buttons.scss */ -.button-flat-highlight:hover, .button-flat-highlight:focus { - color: #FFF; - background: #fa9915; -} -/* line 345, ../scss/partials/_buttons.scss */ -.button-flat-highlight:active, .button-flat-highlight.is-active, .button-flat-highlight.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: #d8891e; - color: #a66103; -} -/* line 350, ../scss/partials/_buttons.scss */ -.button-flat-highlight.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 235, ../scss/partials/_buttons.scss */ -.button-caution { - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NTQzZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5MzMxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8543f), color-stop(100%, #d9331a)); - background: -moz-linear-gradient(top, #e8543f, #d9331a); - background: -webkit-linear-gradient(top, #e8543f, #d9331a); - background: linear-gradient(to bottom, #e8543f, #d9331a); - background-color: #E54028; - border-color: #c22d18; - color: #FFF; - text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35); -} -/* line 242, ../scss/partials/_buttons.scss */ -.button-caution:hover, .button-caution:focus { - background-color: #E54028; - color: #FFF; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNjg1NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5MzMxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6855), color-stop(100%, #d9331a)); - background: -moz-linear-gradient(top, #eb6855, #d9331a); - background: -webkit-linear-gradient(top, #eb6855, #d9331a); - background: linear-gradient(to bottom, #eb6855, #d9331a); -} -/* line 247, ../scss/partials/_buttons.scss */ -.button-caution:active, .button-caution.is-active, .button-caution.active { - background: #cd5240; - color: #952312; -} - -/* line 260, ../scss/partials/_buttons.scss */ -.button-3d-caution { - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #c22d18, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2NDgzMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0MzgxZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e64831), color-stop(100%, #e4381f)); - background: -moz-linear-gradient(top, #e64831, #e4381f); - background: -webkit-linear-gradient(top, #e64831, #e4381f); - background: linear-gradient(to bottom, #e64831, #e4381f); - background-color: #E54028; - color: #FFF; - border: 1px solid #c22d18; - text-shadow: none; - position: relative; - top: 0px; -} -/* line 272, ../scss/partials/_buttons.scss */ -.button-3d-caution:hover, .button-3d-caution:focus { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #b92b16, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5NjA0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0M2MyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9604c), color-stop(100%, #e43c23)); - background: -moz-linear-gradient(top, #e9604c, #e43c23); - background: -webkit-linear-gradient(top, #e9604c, #e43c23); - background: linear-gradient(to bottom, #e9604c, #e43c23); - background-color: #eb6855; - color: #FFF; -} -/* line 278, ../scss/partials/_buttons.scss */ -.button-3d-caution:active, .button-3d-caution.is-active, .button-3d-caution.active { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #c22d18, 0px 3px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0MzgxZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2NDgzMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4381f), color-stop(100%, #e64831)); - background: -moz-linear-gradient(top, #e4381f, #e64831); - background: -webkit-linear-gradient(top, #e4381f, #e64831); - background: linear-gradient(to bottom, #e4381f, #e64831); - background-color: #cd5240; - color: #952312; - border: 1px solid #d9331a; - top: 5px; -} -/* line 286, ../scss/partials/_buttons.scss */ -.button-3d-caution.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 300, ../scss/partials/_buttons.scss */ -.button-border-caution { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - color: #E54028; - border: 2px solid #E54028; - background: none; - text-shadow: none; -} -/* line 309, ../scss/partials/_buttons.scss */ -.button-border-caution:hover, .button-border-caution:focus { - background: none; - color: #eb6855; - border: 2px solid #eb6855; -} -/* line 314, ../scss/partials/_buttons.scss */ -.button-border-caution:active, .button-border-caution.is-active, .button-border-caution.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: none; - color: #c22d18; - border: 2px solid #c22d18; -} -/* line 320, ../scss/partials/_buttons.scss */ -.button-border-caution.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 332, ../scss/partials/_buttons.scss */ -.button-flat-caution { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: background; - -o-transition-property: background; - -webkit-transition-property: background; - transition-property: background; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - background: #E54028; - color: #FFF; - text-shadow: none; - border: none; -} -/* line 341, ../scss/partials/_buttons.scss */ -.button-flat-caution:hover, .button-flat-caution:focus { - color: #FFF; - background: #e8543f; -} -/* line 345, ../scss/partials/_buttons.scss */ -.button-flat-caution:active, .button-flat-caution.is-active, .button-flat-caution.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: #cd5240; - color: #ac2815; -} -/* line 350, ../scss/partials/_buttons.scss */ -.button-flat-caution.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 235, ../scss/partials/_buttons.scss */ -.button-royal { - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5Mzg5ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1MmE3OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99389f), color-stop(100%, #752a79)); - background: -moz-linear-gradient(top, #99389f, #752a79); - background: -webkit-linear-gradient(top, #99389f, #752a79); - background: linear-gradient(to bottom, #99389f, #752a79); - background-color: #87318C; - border-color: #632466; - color: #FFF; - text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35); -} -/* line 242, ../scss/partials/_buttons.scss */ -.button-royal:hover, .button-royal:focus { - background-color: #87318C; - color: #FFF; - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiM2ViMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1MmE3OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ab3eb2), color-stop(100%, #752a79)); - background: -moz-linear-gradient(top, #ab3eb2, #752a79); - background: -webkit-linear-gradient(top, #ab3eb2, #752a79); - background: linear-gradient(to bottom, #ab3eb2, #752a79); -} -/* line 247, ../scss/partials/_buttons.scss */ -.button-royal:active, .button-royal.is-active, .button-royal.active { - background: #764479; - color: #3e1740; -} - -/* line 260, ../scss/partials/_buttons.scss */ -.button-3d-royal { - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #632466, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlMzQ5NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgwMmU4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8e3494), color-stop(100%, #802e84)); - background: -moz-linear-gradient(top, #8e3494, #802e84); - background: -webkit-linear-gradient(top, #8e3494, #802e84); - background: linear-gradient(to bottom, #8e3494, #802e84); - background-color: #87318C; - color: #FFF; - border: 1px solid #632466; - text-shadow: none; - position: relative; - top: 0px; -} -/* line 272, ../scss/partials/_buttons.scss */ -.button-3d-royal:hover, .button-3d-royal:focus { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 7px 0px #5b215f, 0px 8px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0M2NhYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgzMzA4OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a43caa), color-stop(100%, #833088)); - background: -moz-linear-gradient(top, #a43caa, #833088); - background: -webkit-linear-gradient(top, #a43caa, #833088); - background: linear-gradient(to bottom, #a43caa, #833088); - background-color: #ab3eb2; - color: #FFF; -} -/* line 278, ../scss/partials/_buttons.scss */ -.button-3d-royal:active, .button-3d-royal.is-active, .button-3d-royal.active { - -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3); - box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.15), 0px 2px 0px #632466, 0px 3px 3px rgba(0, 0, 0, 0.3); - background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwMmU4NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhlMzQ5NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #802e84), color-stop(100%, #8e3494)); - background: -moz-linear-gradient(top, #802e84, #8e3494); - background: -webkit-linear-gradient(top, #802e84, #8e3494); - background: linear-gradient(to bottom, #802e84, #8e3494); - background-color: #764479; - color: #3e1740; - border: 1px solid #752a79; - top: 5px; -} -/* line 286, ../scss/partials/_buttons.scss */ -.button-3d-royal.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 300, ../scss/partials/_buttons.scss */ -.button-border-royal { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: all; - -o-transition-property: all; - -webkit-transition-property: all; - transition-property: all; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - color: #87318C; - border: 2px solid #87318C; - background: none; - text-shadow: none; -} -/* line 309, ../scss/partials/_buttons.scss */ -.button-border-royal:hover, .button-border-royal:focus { + border-radius: 100%; } + +/* +* Size Adjustment for equal height & widht buttons +* +* Remove padding and set a fixed width. +*/ +.button-circle, +.button-box, +.button-square { + padding: 0 !important; + width: 40px; } + .button-circle.button-giant, + .button-box.button-giant, + .button-square.button-giant { + width: 70px; } + .button-circle.button-jumbo, + .button-box.button-jumbo, + .button-square.button-jumbo { + width: 60px; } + .button-circle.button-large, + .button-box.button-large, + .button-square.button-large { + width: 50px; } + .button-circle.button-normal, + .button-box.button-normal, + .button-square.button-normal { + width: 40px; } + .button-circle.button-small, + .button-box.button-small, + .button-square.button-small { + width: 30px; } + .button-circle.button-tiny, + .button-box.button-tiny, + .button-square.button-tiny { + width: 24px; } + +/* +* Border Buttons +* +* These buttons have no fill they only have a +* border to define their hit target. +*/ +.button-border, .button-border-thin, .button-border-thick { background: none; - color: #ab3eb2; - border: 2px solid #ab3eb2; -} -/* line 314, ../scss/partials/_buttons.scss */ -.button-border-royal:active, .button-border-royal.is-active, .button-border-royal.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; + border-width: 2px; + border-style: solid; + line-height: 36px; } + .button-border:hover, .button-border-thin:hover, .button-border-thick:hover { + background-color: rgba(255, 255, 255, 0.9); } + .button-border:active, .button-border-thin:active, .button-border-thick:active, .button-border.active, .active.button-border-thin, .active.button-border-thick, .button-border.is-active, .is-active.button-border-thin, .is-active.button-border-thick { + -webkit-box-shadow: none; + box-shadow: none; + text-shadow: none; + -webkit-transition-property: all; + transition-property: all; + -webkit-transition-duration: .3s; + transition-duration: .3s; } + +/* +* Border Optional Sizes +* +* A slight variation in border thickness +*/ +.button-border-thin { + border-width: 1px; } + +.button-border-thick { + border-width: 3px; } + +/* +* Border Button Colors +* +* Create colors for buttons +* (.button-primary, .button-secondary, etc.) +*/ +.button-border, .button-border-thin, .button-border-thick, +.button-border-thin, +.button-border-thick { + /* + * Border Button Size Adjustment + * + * The line-height must be adjusted to compinsate for + * the width of the border. + */ } + .button-border.button-primary, .button-primary.button-border-thin, .button-primary.button-border-thick, + .button-border-thin.button-primary, + .button-border-thick.button-primary { + color: #1b9af7; } + .button-border.button-primary:hover, .button-primary.button-border-thin:hover, .button-primary.button-border-thick:hover, .button-border.button-primary:focus, .button-primary.button-border-thin:focus, .button-primary.button-border-thick:focus, + .button-border-thin.button-primary:hover, + .button-border-thin.button-primary:focus, + .button-border-thick.button-primary:hover, + .button-border-thick.button-primary:focus { + background-color: rgba(76, 176, 249, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-primary:active, .button-primary.button-border-thin:active, .button-primary.button-border-thick:active, .button-border.button-primary.active, .button-primary.active.button-border-thin, .button-primary.active.button-border-thick, .button-border.button-primary.is-active, .button-primary.is-active.button-border-thin, .button-primary.is-active.button-border-thick, + .button-border-thin.button-primary:active, + .button-border-thin.button-primary.active, + .button-border-thin.button-primary.is-active, + .button-border-thick.button-primary:active, + .button-border-thick.button-primary.active, + .button-border-thick.button-primary.is-active { + background-color: rgba(39, 152, 235, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-plain, .button-plain.button-border-thin, .button-plain.button-border-thick, + .button-border-thin.button-plain, + .button-border-thick.button-plain { + color: white; } + .button-border.button-plain:hover, .button-plain.button-border-thin:hover, .button-plain.button-border-thick:hover, .button-border.button-plain:focus, .button-plain.button-border-thin:focus, .button-plain.button-border-thick:focus, + .button-border-thin.button-plain:hover, + .button-border-thin.button-plain:focus, + .button-border-thick.button-plain:hover, + .button-border-thick.button-plain:focus { + background-color: rgba(255, 255, 255, 0.9); + color: rgba(27, 154, 247, 0.9); } + .button-border.button-plain:active, .button-plain.button-border-thin:active, .button-plain.button-border-thick:active, .button-border.button-plain.active, .button-plain.active.button-border-thin, .button-plain.active.button-border-thick, .button-border.button-plain.is-active, .button-plain.is-active.button-border-thin, .button-plain.is-active.button-border-thick, + .button-border-thin.button-plain:active, + .button-border-thin.button-plain.active, + .button-border-thin.button-plain.is-active, + .button-border-thick.button-plain:active, + .button-border-thick.button-plain.active, + .button-border-thick.button-plain.is-active { + background-color: rgba(255, 255, 255, 0.7); + color: rgba(27, 154, 247, 0.5); + opacity: .3; } + .button-border.button-inverse, .button-inverse.button-border-thin, .button-inverse.button-border-thick, + .button-border-thin.button-inverse, + .button-border-thick.button-inverse { + color: #222222; } + .button-border.button-inverse:hover, .button-inverse.button-border-thin:hover, .button-inverse.button-border-thick:hover, .button-border.button-inverse:focus, .button-inverse.button-border-thin:focus, .button-inverse.button-border-thick:focus, + .button-border-thin.button-inverse:hover, + .button-border-thin.button-inverse:focus, + .button-border-thick.button-inverse:hover, + .button-border-thick.button-inverse:focus { + background-color: rgba(60, 60, 60, 0.9); + color: rgba(238, 238, 238, 0.9); } + .button-border.button-inverse:active, .button-inverse.button-border-thin:active, .button-inverse.button-border-thick:active, .button-border.button-inverse.active, .button-inverse.active.button-border-thin, .button-inverse.active.button-border-thick, .button-border.button-inverse.is-active, .button-inverse.is-active.button-border-thin, .button-inverse.is-active.button-border-thick, + .button-border-thin.button-inverse:active, + .button-border-thin.button-inverse.active, + .button-border-thin.button-inverse.is-active, + .button-border-thick.button-inverse:active, + .button-border-thick.button-inverse.active, + .button-border-thick.button-inverse.is-active { + background-color: rgba(34, 34, 34, 0.7); + color: rgba(238, 238, 238, 0.5); + opacity: .3; } + .button-border.button-action, .button-action.button-border-thin, .button-action.button-border-thick, + .button-border-thin.button-action, + .button-border-thick.button-action { + color: #a5de37; } + .button-border.button-action:hover, .button-action.button-border-thin:hover, .button-action.button-border-thick:hover, .button-border.button-action:focus, .button-action.button-border-thin:focus, .button-action.button-border-thick:focus, + .button-border-thin.button-action:hover, + .button-border-thin.button-action:focus, + .button-border-thick.button-action:hover, + .button-border-thick.button-action:focus { + background-color: rgba(185, 229, 99, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-action:active, .button-action.button-border-thin:active, .button-action.button-border-thick:active, .button-border.button-action.active, .button-action.active.button-border-thin, .button-action.active.button-border-thick, .button-border.button-action.is-active, .button-action.is-active.button-border-thin, .button-action.is-active.button-border-thick, + .button-border-thin.button-action:active, + .button-border-thin.button-action.active, + .button-border-thin.button-action.is-active, + .button-border-thick.button-action:active, + .button-border-thick.button-action.active, + .button-border-thick.button-action.is-active { + background-color: rgba(161, 210, 67, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-highlight, .button-highlight.button-border-thin, .button-highlight.button-border-thick, + .button-border-thin.button-highlight, + .button-border-thick.button-highlight { + color: #feae1b; } + .button-border.button-highlight:hover, .button-highlight.button-border-thin:hover, .button-highlight.button-border-thick:hover, .button-border.button-highlight:focus, .button-highlight.button-border-thin:focus, .button-highlight.button-border-thick:focus, + .button-border-thin.button-highlight:hover, + .button-border-thin.button-highlight:focus, + .button-border-thick.button-highlight:hover, + .button-border-thick.button-highlight:focus { + background-color: rgba(254, 192, 78, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-highlight:active, .button-highlight.button-border-thin:active, .button-highlight.button-border-thick:active, .button-border.button-highlight.active, .button-highlight.active.button-border-thin, .button-highlight.active.button-border-thick, .button-border.button-highlight.is-active, .button-highlight.is-active.button-border-thin, .button-highlight.is-active.button-border-thick, + .button-border-thin.button-highlight:active, + .button-border-thin.button-highlight.active, + .button-border-thin.button-highlight.is-active, + .button-border-thick.button-highlight:active, + .button-border-thick.button-highlight.active, + .button-border-thick.button-highlight.is-active { + background-color: rgba(243, 171, 38, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-caution, .button-caution.button-border-thin, .button-caution.button-border-thick, + .button-border-thin.button-caution, + .button-border-thick.button-caution { + color: #ff4351; } + .button-border.button-caution:hover, .button-caution.button-border-thin:hover, .button-caution.button-border-thick:hover, .button-border.button-caution:focus, .button-caution.button-border-thin:focus, .button-caution.button-border-thick:focus, + .button-border-thin.button-caution:hover, + .button-border-thin.button-caution:focus, + .button-border-thick.button-caution:hover, + .button-border-thick.button-caution:focus { + background-color: rgba(255, 118, 128, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-caution:active, .button-caution.button-border-thin:active, .button-caution.button-border-thick:active, .button-border.button-caution.active, .button-caution.active.button-border-thin, .button-caution.active.button-border-thick, .button-border.button-caution.is-active, .button-caution.is-active.button-border-thin, .button-caution.is-active.button-border-thick, + .button-border-thin.button-caution:active, + .button-border-thin.button-caution.active, + .button-border-thin.button-caution.is-active, + .button-border-thick.button-caution:active, + .button-border-thick.button-caution.active, + .button-border-thick.button-caution.is-active { + background-color: rgba(246, 76, 89, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-royal, .button-royal.button-border-thin, .button-royal.button-border-thick, + .button-border-thin.button-royal, + .button-border-thick.button-royal { + color: #7b72e9; } + .button-border.button-royal:hover, .button-royal.button-border-thin:hover, .button-royal.button-border-thick:hover, .button-border.button-royal:focus, .button-royal.button-border-thin:focus, .button-royal.button-border-thick:focus, + .button-border-thin.button-royal:hover, + .button-border-thin.button-royal:focus, + .button-border-thick.button-royal:hover, + .button-border-thick.button-royal:focus { + background-color: rgba(164, 158, 240, 0.9); + color: rgba(255, 255, 255, 0.9); } + .button-border.button-royal:active, .button-royal.button-border-thin:active, .button-royal.button-border-thick:active, .button-border.button-royal.active, .button-royal.active.button-border-thin, .button-royal.active.button-border-thick, .button-border.button-royal.is-active, .button-royal.is-active.button-border-thin, .button-royal.is-active.button-border-thick, + .button-border-thin.button-royal:active, + .button-border-thin.button-royal.active, + .button-border-thin.button-royal.is-active, + .button-border-thick.button-royal:active, + .button-border-thick.button-royal.active, + .button-border-thick.button-royal.is-active { + background-color: rgba(130, 122, 225, 0.7); + color: rgba(255, 255, 255, 0.5); + opacity: .3; } + .button-border.button-giant, .button-giant.button-border-thin, .button-giant.button-border-thick, + .button-border-thin.button-giant, + .button-border-thick.button-giant { + line-height: 66px; } + .button-border.button-jumbo, .button-jumbo.button-border-thin, .button-jumbo.button-border-thick, + .button-border-thin.button-jumbo, + .button-border-thick.button-jumbo { + line-height: 56px; } + .button-border.button-large, .button-large.button-border-thin, .button-large.button-border-thick, + .button-border-thin.button-large, + .button-border-thick.button-large { + line-height: 46px; } + .button-border.button-normal, .button-normal.button-border-thin, .button-normal.button-border-thick, + .button-border-thin.button-normal, + .button-border-thick.button-normal { + line-height: 36px; } + .button-border.button-small, .button-small.button-border-thin, .button-small.button-border-thick, + .button-border-thin.button-small, + .button-border-thick.button-small { + line-height: 26px; } + .button-border.button-tiny, .button-tiny.button-border-thin, .button-tiny.button-border-thick, + .button-border-thin.button-tiny, + .button-border-thick.button-tiny { + line-height: 20px; } + +/* +* Border Buttons +* +* These buttons have no fill they only have a +* border to define their hit target. +*/ +.button-borderless { background: none; - color: #632466; - border: 2px solid #632466; -} -/* line 320, ../scss/partials/_buttons.scss */ -.button-border-royal.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 332, ../scss/partials/_buttons.scss */ -.button-flat-royal { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-transition-property: background; - -o-transition-property: background; - -webkit-transition-property: background; - transition-property: background; - -moz-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - background: #87318C; - color: #FFF; - text-shadow: none; border: none; -} -/* line 341, ../scss/partials/_buttons.scss */ -.button-flat-royal:hover, .button-flat-royal:focus { - color: #FFF; - background: #99389f; -} -/* line 345, ../scss/partials/_buttons.scss */ -.button-flat-royal:active, .button-flat-royal.is-active, .button-flat-royal.active { - -moz-transition-duration: 0s; - -o-transition-duration: 0s; - -webkit-transition-duration: 0s; - transition-duration: 0s; - background: #764479; - color: #501d53; -} -/* line 350, ../scss/partials/_buttons.scss */ -.button-flat-royal.disabled { - -moz-box-shadow: none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-appearance: none; -} - -/* line 363, ../scss/partials/_buttons.scss */ -.button-group { + padding: 0 8px !important; + color: #eeeeee; + font-size: 20.8px; + font-weight: 200; + /* + * Borderless Button Colors + * + * Create colors for buttons + * (.button-primary, .button-secondary, etc.) + */ + /* + * Borderles Size Adjustment + * + * The font-size must be large to compinsate for + * the lack of a hit target. + */ } + .button-borderless:hover, .button-borderless:focus { + background: none; } + .button-borderless:active, .button-borderless.active, .button-borderless.is-active { + -webkit-box-shadow: none; + box-shadow: none; + text-shadow: none; + -webkit-transition-property: all; + transition-property: all; + -webkit-transition-duration: .3s; + transition-duration: .3s; + opacity: .3; } + .button-borderless.button-primary { + color: #1b9af7; } + .button-borderless.button-plain { + color: white; } + .button-borderless.button-inverse { + color: #222222; } + .button-borderless.button-action { + color: #a5de37; } + .button-borderless.button-highlight { + color: #feae1b; } + .button-borderless.button-caution { + color: #ff4351; } + .button-borderless.button-royal { + color: #7b72e9; } + .button-borderless.button-giant { + font-size: 36.4px; + height: 52.4px; + line-height: 52.4px; } + .button-borderless.button-jumbo { + font-size: 31.2px; + height: 47.2px; + line-height: 47.2px; } + .button-borderless.button-large { + font-size: 26px; + height: 42px; + line-height: 42px; } + .button-borderless.button-normal { + font-size: 20.8px; + height: 36.8px; + line-height: 36.8px; } + .button-borderless.button-small { + font-size: 15.6px; + height: 31.6px; + line-height: 31.6px; } + .button-borderless.button-tiny { + font-size: 12.48px; + height: 28.48px; + line-height: 28.48px; } + +/* +* Raised Buttons +* +* A classic looking button that offers +* great depth and affordance. +*/ +.button-raised { + border-color: #e1e1e1; + border-style: solid; + border-width: 1px; + line-height: 38px; + background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1)); + background: linear-gradient(#f6f6f6, #e1e1e1); + -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); } + .button-raised:hover, .button-raised:focus { + background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro)); + background: linear-gradient(top, white, gainsboro); } + .button-raised:active, .button-raised.active, .button-raised.is-active { + background: #eeeeee; + -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; } + +/* +* Raised Button Colors +* +* Create colors for raised buttons +*/ +.button-raised.button-primary { + border-color: #088ef0; + background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0)); + background: linear-gradient(#34a5f8, #088ef0); } + .button-raised.button-primary:hover, .button-raised.button-primary:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6)); + background: linear-gradient(top, #42abf8, #0888e6); } + .button-raised.button-primary:active, .button-raised.button-primary.active, .button-raised.button-primary.is-active { + border-color: #0880d7; + background: #2798eb; } +.button-raised.button-plain { + border-color: #f2f2f2; + background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2)); + background: linear-gradient(white, #f2f2f2); } + .button-raised.button-plain:hover, .button-raised.button-plain:focus { + background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed)); + background: linear-gradient(top, white, #ededed); } + .button-raised.button-plain:active, .button-raised.button-plain.active, .button-raised.button-plain.is-active { + border-color: #e6e6e6; + background: white; } +.button-raised.button-inverse { + border-color: #151515; + background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515)); + background: linear-gradient(#2f2f2f, #151515); } + .button-raised.button-inverse:hover, .button-raised.button-inverse:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#101010)); + background: linear-gradient(top, #363636, #101010); } + .button-raised.button-inverse:active, .button-raised.button-inverse.active, .button-raised.button-inverse.is-active { + border-color: #090909; + background: #222222; } +.button-raised.button-action { + border-color: #9ad824; + background: -webkit-gradient(linear, left top, left bottom, from(#afe24d), to(#9ad824)); + background: linear-gradient(#afe24d, #9ad824); } + .button-raised.button-action:hover, .button-raised.button-action:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#b5e45a), to(#94cf22)); + background: linear-gradient(top, #b5e45a, #94cf22); } + .button-raised.button-action:active, .button-raised.button-action.active, .button-raised.button-action.is-active { + border-color: #8bc220; + background: #a1d243; } +.button-raised.button-highlight { + border-color: #fea502; + background: -webkit-gradient(linear, left top, left bottom, from(#feb734), to(#fea502)); + background: linear-gradient(#feb734, #fea502); } + .button-raised.button-highlight:hover, .button-raised.button-highlight:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#febc44), to(#f49f01)); + background: linear-gradient(top, #febc44, #f49f01); } + .button-raised.button-highlight:active, .button-raised.button-highlight.active, .button-raised.button-highlight.is-active { + border-color: #e59501; + background: #f3ab26; } +.button-raised.button-caution { + border-color: #ff2939; + background: -webkit-gradient(linear, left top, left bottom, from(#ff5c69), to(#ff2939)); + background: linear-gradient(#ff5c69, #ff2939); } + .button-raised.button-caution:hover, .button-raised.button-caution:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#ff6c77), to(#ff1f30)); + background: linear-gradient(top, #ff6c77, #ff1f30); } + .button-raised.button-caution:active, .button-raised.button-caution.active, .button-raised.button-caution.is-active { + border-color: #ff1022; + background: #f64c59; } +.button-raised.button-royal { + border-color: #665ce6; + background: -webkit-gradient(linear, left top, left bottom, from(#9088ec), to(#665ce6)); + background: linear-gradient(#9088ec, #665ce6); } + .button-raised.button-royal:hover, .button-raised.button-royal:focus { + background: -webkit-gradient(linear, left top, left bottom, from(#9c95ef), to(#5e53e4)); + background: linear-gradient(top, #9c95ef, #5e53e4); } + .button-raised.button-royal:active, .button-raised.button-royal.active, .button-raised.button-royal.is-active { + border-color: #5246e2; + background: #827ae1; } + +/* +* 3D Buttons +* +* These buttons have a heavy three dimensional +* style that mimics the visual appearance of a +* real life button. +*/ +.button-3d { position: relative; - display: inline-block; -} -/* line 366, ../scss/partials/_buttons.scss */ -.button-group .button { - float: left; -} -/* line 368, ../scss/partials/_buttons.scss */ -.button-group .button:focus, .button-group .button:hover, .button-group .button.active { - z-index: 5; -} -/* line 371, ../scss/partials/_buttons.scss */ -.button-group .button:active, .button-group .button.active { - background: gainsboro; -} -/* line 375, ../scss/partials/_buttons.scss */ -.button-group .button:not(:first-child):not(:last-child) { - border-radius: 0; -} -/* line 378, ../scss/partials/_buttons.scss */ -.button-group .button:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -/* line 382, ../scss/partials/_buttons.scss */ -.button-group .button:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -/* line 388, ../scss/partials/_buttons.scss */ -.button-group .button + .button { - margin-left: -1px; -} - -/* line 401, ../scss/partials/_buttons.scss */ -.button-jumbo { - font-size: 24px; - height: 51.2px; - line-height: 51.2px; - padding: 0px 40.96px; -} + top: 0; + -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); } + .button-3d:hover, .button-3d:focus { + -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); } + .button-3d:active, .button-3d.active, .button-3d.is-active { + top: 5px; + -webkit-transition-property: all; + transition-property: all; + -webkit-transition-duration: .15s; + transition-duration: .15s; + -webkit-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); } -/* line 401, ../scss/partials/_buttons.scss */ -.button-large { - font-size: 18px; - height: 38.4px; - line-height: 38.4px; - padding: 0px 30.72px; -} - -/* line 432, ../scss/partials/_buttons.scss */ -input.button-large, button.button-large { - height: 40.4px; -} - -/* line 401, ../scss/partials/_buttons.scss */ -.button-small { - font-size: 14px; - height: 25.6px; - line-height: 24px; - padding: 0px 20.48px; -} +/* +* 3D Button Colors +* +* Create colors for buttons +* (.button-primary, .button-secondary, etc.) +*/ +.button-3d.button-primary { + -webkit-box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-primary:hover, .button-3d.button-primary:focus { + -webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-primary:active, .button-3d.button-primary.active, .button-3d.button-primary.is-active { + -webkit-box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-plain { + -webkit-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-plain:hover, .button-3d.button-plain:focus { + -webkit-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-plain:active, .button-3d.button-plain.active, .button-3d.button-plain.is-active { + -webkit-box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-inverse { + -webkit-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-inverse:hover, .button-3d.button-inverse:focus { + -webkit-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-inverse:active, .button-3d.button-inverse.active, .button-3d.button-inverse.is-active { + -webkit-box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-action { + -webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-action:hover, .button-3d.button-action:focus { + -webkit-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-action:active, .button-3d.button-action.active, .button-3d.button-action.is-active { + -webkit-box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-highlight { + -webkit-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-highlight:hover, .button-3d.button-highlight:focus { + -webkit-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-highlight:active, .button-3d.button-highlight.active, .button-3d.button-highlight.is-active { + -webkit-box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-caution { + -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-caution:hover, .button-3d.button-caution:focus { + -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-caution:active, .button-3d.button-caution.active, .button-3d.button-caution.is-active { + -webkit-box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); } +.button-3d.button-royal { + -webkit-box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-royal:hover, .button-3d.button-royal:focus { + -webkit-box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); } + .button-3d.button-royal:active, .button-3d.button-royal.active, .button-3d.button-royal.is-active { + -webkit-box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); } -/* line 432, ../scss/partials/_buttons.scss */ -input.button-small, button.button-small { - height: 27.6px; -} +/* +* Glowing Buttons +* +* A pulse like glow that appears +* rythmically around the edges of +* a button. +*/ +/* +* Glow animation mixin for Compass users +* +*/ +/* +* Glowing Keyframes +* +*/ +@-webkit-keyframes glowing { + from { + -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); + box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } -/* line 401, ../scss/partials/_buttons.scss */ -.button-tiny { - font-size: 12px; - height: 22.4px; - line-height: 22.4px; - padding: 0px 19.2px; -} - -/* line 432, ../scss/partials/_buttons.scss */ -input.button-tiny, button.button-tiny { - height: 24.4px; -} - -/* line 453, ../scss/partials/_buttons.scss */ -.button.glow { + 50% { + -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); + box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); + box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } } +@keyframes glowing { + from { + -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); + box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); + box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); + box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } } + +/* +* Glowing Keyframes for various colors +* +*/ +@-webkit-keyframes glowing-primary { + from { + -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); + box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); + box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); + box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } } +@keyframes glowing-primary { + from { + -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); + box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); + box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); + box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } } + +@-webkit-keyframes glowing-plain { + from { + -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); + box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); + box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); + box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } } + +@keyframes glowing-plain { + from { + -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); + box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); + box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); + box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } } + +@-webkit-keyframes glowing-inverse { + from { + -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); + box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); + box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); + box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } } + +@keyframes glowing-inverse { + from { + -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); + box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); + box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); + box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } } + +@-webkit-keyframes glowing-action { + from { + -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); + box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); + box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); + box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } } + +@keyframes glowing-action { + from { + -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); + box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); + box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); + box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } } + +@-webkit-keyframes glowing-highlight { + from { + -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); + box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); + box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); + box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } } + +@keyframes glowing-highlight { + from { + -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); + box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); + box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); + box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } } + +@-webkit-keyframes glowing-caution { + from { + -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); + box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); + box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); + box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } } + +@keyframes glowing-caution { + from { + -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); + box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); + box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); + box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } } + +@-webkit-keyframes glowing-royal { + from { + -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); + box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); + box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); + box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } } + +@keyframes glowing-royal { + from { + -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); + box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } + + 50% { + -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); + box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); } + + to { + -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); + box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } } + +/* +* Glowing Buttons Base Styes +* +* A pulse like glow that appears +* rythmically around the edges of +* a button. +*/ +.button-glow { -webkit-animation-duration: 3s; - -moz-animation-duration: 3s; - -ms-animation-duration: 3s; - -o-animation-duration: 3s; - animation-duration: 3s; + animation-duration: 3s; -webkit-animation-iteration-count: infinite; - -khtml-animation-iteration-count: infinite; - -moz-animation-iteration-count: infinite; - -ms-animation-iteration-count: infinite; - -o-animation-iteration-count: infinite; - animation-iteration-count: infinite; + animation-iteration-count: infinite; -webkit-animation-name: glowing; - -khtml-animation-name: glowing; - -moz-animation-name: glowing; - -ms-animation-name: glowing; - -o-animation-name: glowing; - animation-name: glowing; -} -/* line 456, ../scss/partials/_buttons.scss */ -.button.glow:active { - -webkit-animation-name: none; - -moz-animation-name: none; - -ms-animation-name: none; - -o-animation-name: none; - animation-name: none; - -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; - -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white; -} - -/* line 468, ../scss/partials/_buttons.scss */ + animation-name: glowing; } + .button-glow:active, .button-glow.active, .button-glow.is-active { + -webkit-animation-name: none; + animation-name: none; } + +/* +* Glowing Button Colors +* +* Create colors for glowing buttons +*/ +.button-glow.button-primary { + -webkit-animation-name: glowing-primary; + animation-name: glowing-primary; } +.button-glow.button-plain { + -webkit-animation-name: glowing-plain; + animation-name: glowing-plain; } +.button-glow.button-inverse { + -webkit-animation-name: glowing-inverse; + animation-name: glowing-inverse; } +.button-glow.button-action { + -webkit-animation-name: glowing-action; + animation-name: glowing-action; } +.button-glow.button-highlight { + -webkit-animation-name: glowing-highlight; + animation-name: glowing-highlight; } +.button-glow.button-caution { + -webkit-animation-name: glowing-caution; + animation-name: glowing-caution; } +.button-glow.button-royal { + -webkit-animation-name: glowing-royal; + animation-name: glowing-royal; } + +/* +* Dropdown menu buttons +* +* A dropdown menu appears +* when a button is pressed +*/ +/* +* Dropdown Container +* +*/ .button-dropdown { position: relative; overflow: visible; - display: inline-block; -} -/* line 475, ../scss/partials/_buttons.scss */ -.button-dropdown .button .icon-caret-down { - font-size: 90%; - margin: 0px 0px 0px 3px; - vertical-align: middle; -} -/* line 482, ../scss/partials/_buttons.scss */ -.button-dropdown ul.button-dropdown-menu-below { - top: 115%; -} -/* line 485, ../scss/partials/_buttons.scss */ -.button-dropdown ul.button-dropdown-menu-above { - bottom: 115%; - top: auto; -} -/* line 491, ../scss/partials/_buttons.scss */ -.button-dropdown ul { - -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6); - -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6); - box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6); - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; + display: inline-block; } + +/* +* Dropdown List Style +* +*/ +.button-dropdown-list { display: none; position: absolute; - background: #fcfcfc; - top: -2px; - left: -2px; + padding: 0; + margin: 0; + top: 0; + left: 0; z-index: 1000; - padding: 0px; - margin: 0px; + min-width: 100%; list-style-type: none; - min-width: 102%; -} -/* line 505, ../scss/partials/_buttons.scss */ -.button-dropdown ul li { - padding: 0px; - margin: 0px; - display: block; -} -/* line 510, ../scss/partials/_buttons.scss */ -.button-dropdown ul li:first-child a { - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; -} -/* line 513, ../scss/partials/_buttons.scss */ -.button-dropdown ul li:last-child a { - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; -} -/* line 519, ../scss/partials/_buttons.scss */ -.button-dropdown ul .button-dropdown-divider { - -moz-box-shadow: inset 0px 1px 0px #FFF; - -webkit-box-shadow: inset 0px 1px 0px #FFF; - box-shadow: inset 0px 1px 0px #FFF; - border-top: 1px solid #e4e4e4; -} -/* line 524, ../scss/partials/_buttons.scss */ -.button-dropdown ul a { - display: block; - padding: 0px 20px; - text-decoration: none; + background: rgba(255, 255, 255, 0.95); + border-style: solid; + border-width: 1px; + border-color: #d4d4d4; + font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); + border-radius: 3px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + /* + * Dropdown Below + * + */ + /* + * Dropdown Above + * + */ } + .button-dropdown-list.is-below { + top: 100%; + border-top: none; + border-radius: 0 0 3px 3px; } + .button-dropdown-list.is-above { + bottom: 100%; + top: auto; + border-bottom: none; + border-radius: 3px 3px 0 0; + -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); + box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); } + +/* +* Dropdown Buttons +* +*/ +.button-dropdown-list > li { + padding: 0; + margin: 0; + display: block; } + .button-dropdown-list > li > a { + display: block; + line-height: 40px; + font-size: 12.8px; + padding: 5px 10px; + float: none; + color: #666666; + text-decoration: none; } + .button-dropdown-list > li > a:hover { + color: #5e5e5e; + background: #f6f6f6; + text-decoration: none; } + +.button-dropdown-divider { + border-top: 1px solid #e6e6e6; } + +/* +* Dropdown Colors +* +* Create colors for buttons +* (.button-primary, .button-secondary, etc.) +*/ +.button-dropdown.button-dropdown-primary .button-dropdown-list { + background: rgba(27, 154, 247, 0.95); + border-color: #0880d7; } + .button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider { + border-color: #0888e6; } + .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a { + color: white; } + .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #088ef0; } +.button-dropdown.button-dropdown-plain .button-dropdown-list { + background: rgba(255, 255, 255, 0.95); + border-color: #e6e6e6; } + .button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider { + border-color: #ededed; } + .button-dropdown.button-dropdown-plain .button-dropdown-list > li > a { + color: #1b9af7; } + .button-dropdown.button-dropdown-plain .button-dropdown-list > li > a:hover { + color: #088ef0; + background: #f2f2f2; } +.button-dropdown.button-dropdown-inverse .button-dropdown-list { + background: rgba(34, 34, 34, 0.95); + border-color: #090909; } + .button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider { + border-color: #101010; } + .button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a { + color: #eeeeee; } + .button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a:hover { + color: #e1e1e1; + background: #151515; } +.button-dropdown.button-dropdown-action .button-dropdown-list { + background: rgba(165, 222, 55, 0.95); + border-color: #8bc220; } + .button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider { + border-color: #94cf22; } + .button-dropdown.button-dropdown-action .button-dropdown-list > li > a { + color: white; } + .button-dropdown.button-dropdown-action .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #9ad824; } +.button-dropdown.button-dropdown-highlight .button-dropdown-list { + background: rgba(254, 174, 27, 0.95); + border-color: #e59501; } + .button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider { + border-color: #f49f01; } + .button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a { + color: white; } + .button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #fea502; } +.button-dropdown.button-dropdown-caution .button-dropdown-list { + background: rgba(255, 67, 81, 0.95); + border-color: #ff1022; } + .button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider { + border-color: #ff1f30; } + .button-dropdown.button-dropdown-caution .button-dropdown-list > li > a { + color: white; } + .button-dropdown.button-dropdown-caution .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #ff2939; } +.button-dropdown.button-dropdown-royal .button-dropdown-list { + background: rgba(123, 114, 233, 0.95); + border-color: #5246e2; } + .button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider { + border-color: #5e53e4; } + .button-dropdown.button-dropdown-royal .button-dropdown-list > li > a { + color: white; } + .button-dropdown.button-dropdown-royal .button-dropdown-list > li > a:hover { + color: #f2f2f2; + background: #665ce6; } + +/* +* Buton Groups +* +* A group of related buttons +* displayed edge to edge +*/ +.button-group { + *zoom: 1; + position: relative; + display: inline-block; } + .button-group:after, .button-group:before { + content: '.'; + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; } + .button-group .button, + .button-group .button-dropdown { + float: left; } + .button-group .button:not(:first-child):not(:last-child), + .button-group .button-dropdown:not(:first-child):not(:last-child) { + border-radius: 0; + border-right: none; } + .button-group .button:first-child, + .button-group .button-dropdown:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: none; } + .button-group .button:last-child, + .button-group .button-dropdown:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +/* +* Button Wrapper +* +* A wrap around effect to highlight +* the shape of the button and offer +* a subtle visual effect. +*/ +.button-wrap { + border: 1px solid #e3e3e3; + display: inline-block; + padding: 9px; + background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(white)); + background: linear-gradient(#f2f2f2, white); + border-radius: 200px; + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); } + +/* +* Long Shadow Buttons +* +* A visual effect adding a flat shadow to the text of a button +*/ +/* +* Long Shadow Function +* +* Loops $length times building a long shadow. Defaults downward right +*/ +/* +* LONG SHADOW MIXIN +* +*/ +/* +* Shadow Right +* +*/ +.button-longshadow, +.button-longshadow-right { + overflow: hidden; } + .button-longshadow.button-primary, + .button-longshadow-right.button-primary { + text-shadow: 0px 0px #0880d7, 1px 1px #0880d7, 2px 2px #0880d7, 3px 3px #0880d7, 4px 4px #0880d7, 5px 5px #0880d7, 6px 6px #0880d7, 7px 7px #0880d7, 8px 8px #0880d7, 9px 9px #0880d7, 10px 10px #0880d7, 11px 11px #0880d7, 12px 12px #0880d7, 13px 13px #0880d7, 14px 14px #0880d7, 15px 15px #0880d7, 16px 16px #0880d7, 17px 17px #0880d7, 18px 18px #0880d7, 19px 19px #0880d7, 20px 20px #0880d7, 21px 21px #0880d7, 22px 22px #0880d7, 23px 23px #0880d7, 24px 24px #0880d7, 25px 25px #0880d7, 26px 26px #0880d7, 27px 27px #0880d7, 28px 28px #0880d7, 29px 29px #0880d7, 30px 30px #0880d7, 31px 31px #0880d7, 32px 32px #0880d7, 33px 33px #0880d7, 34px 34px #0880d7, 35px 35px #0880d7, 36px 36px #0880d7, 37px 37px #0880d7, 38px 38px #0880d7, 39px 39px #0880d7, 40px 40px #0880d7, 41px 41px #0880d7, 42px 42px #0880d7, 43px 43px #0880d7, 44px 44px #0880d7, 45px 45px #0880d7, 46px 46px #0880d7, 47px 47px #0880d7, 48px 48px #0880d7, 49px 49px #0880d7, 50px 50px #0880d7, 51px 51px #0880d7, 52px 52px #0880d7, 53px 53px #0880d7, 54px 54px #0880d7, 55px 55px #0880d7, 56px 56px #0880d7, 57px 57px #0880d7, 58px 58px #0880d7, 59px 59px #0880d7, 60px 60px #0880d7, 61px 61px #0880d7, 62px 62px #0880d7, 63px 63px #0880d7, 64px 64px #0880d7, 65px 65px #0880d7, 66px 66px #0880d7, 67px 67px #0880d7, 68px 68px #0880d7, 69px 69px #0880d7, 70px 70px #0880d7, 71px 71px #0880d7, 72px 72px #0880d7, 73px 73px #0880d7, 74px 74px #0880d7, 75px 75px #0880d7, 76px 76px #0880d7, 77px 77px #0880d7, 78px 78px #0880d7, 79px 79px #0880d7, 80px 80px #0880d7, 81px 81px #0880d7, 82px 82px #0880d7, 83px 83px #0880d7, 84px 84px #0880d7, 85px 85px #0880d7; } + .button-longshadow.button-primary:active, .button-longshadow.button-primary.active, .button-longshadow.button-primary.is-active, + .button-longshadow-right.button-primary:active, + .button-longshadow-right.button-primary.active, + .button-longshadow-right.button-primary.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-plain, + .button-longshadow-right.button-plain { + text-shadow: 0px 0px #e6e6e6, 1px 1px #e6e6e6, 2px 2px #e6e6e6, 3px 3px #e6e6e6, 4px 4px #e6e6e6, 5px 5px #e6e6e6, 6px 6px #e6e6e6, 7px 7px #e6e6e6, 8px 8px #e6e6e6, 9px 9px #e6e6e6, 10px 10px #e6e6e6, 11px 11px #e6e6e6, 12px 12px #e6e6e6, 13px 13px #e6e6e6, 14px 14px #e6e6e6, 15px 15px #e6e6e6, 16px 16px #e6e6e6, 17px 17px #e6e6e6, 18px 18px #e6e6e6, 19px 19px #e6e6e6, 20px 20px #e6e6e6, 21px 21px #e6e6e6, 22px 22px #e6e6e6, 23px 23px #e6e6e6, 24px 24px #e6e6e6, 25px 25px #e6e6e6, 26px 26px #e6e6e6, 27px 27px #e6e6e6, 28px 28px #e6e6e6, 29px 29px #e6e6e6, 30px 30px #e6e6e6, 31px 31px #e6e6e6, 32px 32px #e6e6e6, 33px 33px #e6e6e6, 34px 34px #e6e6e6, 35px 35px #e6e6e6, 36px 36px #e6e6e6, 37px 37px #e6e6e6, 38px 38px #e6e6e6, 39px 39px #e6e6e6, 40px 40px #e6e6e6, 41px 41px #e6e6e6, 42px 42px #e6e6e6, 43px 43px #e6e6e6, 44px 44px #e6e6e6, 45px 45px #e6e6e6, 46px 46px #e6e6e6, 47px 47px #e6e6e6, 48px 48px #e6e6e6, 49px 49px #e6e6e6, 50px 50px #e6e6e6, 51px 51px #e6e6e6, 52px 52px #e6e6e6, 53px 53px #e6e6e6, 54px 54px #e6e6e6, 55px 55px #e6e6e6, 56px 56px #e6e6e6, 57px 57px #e6e6e6, 58px 58px #e6e6e6, 59px 59px #e6e6e6, 60px 60px #e6e6e6, 61px 61px #e6e6e6, 62px 62px #e6e6e6, 63px 63px #e6e6e6, 64px 64px #e6e6e6, 65px 65px #e6e6e6, 66px 66px #e6e6e6, 67px 67px #e6e6e6, 68px 68px #e6e6e6, 69px 69px #e6e6e6, 70px 70px #e6e6e6, 71px 71px #e6e6e6, 72px 72px #e6e6e6, 73px 73px #e6e6e6, 74px 74px #e6e6e6, 75px 75px #e6e6e6, 76px 76px #e6e6e6, 77px 77px #e6e6e6, 78px 78px #e6e6e6, 79px 79px #e6e6e6, 80px 80px #e6e6e6, 81px 81px #e6e6e6, 82px 82px #e6e6e6, 83px 83px #e6e6e6, 84px 84px #e6e6e6, 85px 85px #e6e6e6; } + .button-longshadow.button-plain:active, .button-longshadow.button-plain.active, .button-longshadow.button-plain.is-active, + .button-longshadow-right.button-plain:active, + .button-longshadow-right.button-plain.active, + .button-longshadow-right.button-plain.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-inverse, + .button-longshadow-right.button-inverse { + text-shadow: 0px 0px #090909, 1px 1px #090909, 2px 2px #090909, 3px 3px #090909, 4px 4px #090909, 5px 5px #090909, 6px 6px #090909, 7px 7px #090909, 8px 8px #090909, 9px 9px #090909, 10px 10px #090909, 11px 11px #090909, 12px 12px #090909, 13px 13px #090909, 14px 14px #090909, 15px 15px #090909, 16px 16px #090909, 17px 17px #090909, 18px 18px #090909, 19px 19px #090909, 20px 20px #090909, 21px 21px #090909, 22px 22px #090909, 23px 23px #090909, 24px 24px #090909, 25px 25px #090909, 26px 26px #090909, 27px 27px #090909, 28px 28px #090909, 29px 29px #090909, 30px 30px #090909, 31px 31px #090909, 32px 32px #090909, 33px 33px #090909, 34px 34px #090909, 35px 35px #090909, 36px 36px #090909, 37px 37px #090909, 38px 38px #090909, 39px 39px #090909, 40px 40px #090909, 41px 41px #090909, 42px 42px #090909, 43px 43px #090909, 44px 44px #090909, 45px 45px #090909, 46px 46px #090909, 47px 47px #090909, 48px 48px #090909, 49px 49px #090909, 50px 50px #090909, 51px 51px #090909, 52px 52px #090909, 53px 53px #090909, 54px 54px #090909, 55px 55px #090909, 56px 56px #090909, 57px 57px #090909, 58px 58px #090909, 59px 59px #090909, 60px 60px #090909, 61px 61px #090909, 62px 62px #090909, 63px 63px #090909, 64px 64px #090909, 65px 65px #090909, 66px 66px #090909, 67px 67px #090909, 68px 68px #090909, 69px 69px #090909, 70px 70px #090909, 71px 71px #090909, 72px 72px #090909, 73px 73px #090909, 74px 74px #090909, 75px 75px #090909, 76px 76px #090909, 77px 77px #090909, 78px 78px #090909, 79px 79px #090909, 80px 80px #090909, 81px 81px #090909, 82px 82px #090909, 83px 83px #090909, 84px 84px #090909, 85px 85px #090909; } + .button-longshadow.button-inverse:active, .button-longshadow.button-inverse.active, .button-longshadow.button-inverse.is-active, + .button-longshadow-right.button-inverse:active, + .button-longshadow-right.button-inverse.active, + .button-longshadow-right.button-inverse.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-action, + .button-longshadow-right.button-action { + text-shadow: 0px 0px #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220; } + .button-longshadow.button-action:active, .button-longshadow.button-action.active, .button-longshadow.button-action.is-active, + .button-longshadow-right.button-action:active, + .button-longshadow-right.button-action.active, + .button-longshadow-right.button-action.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-highlight, + .button-longshadow-right.button-highlight { + text-shadow: 0px 0px #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501; } + .button-longshadow.button-highlight:active, .button-longshadow.button-highlight.active, .button-longshadow.button-highlight.is-active, + .button-longshadow-right.button-highlight:active, + .button-longshadow-right.button-highlight.active, + .button-longshadow-right.button-highlight.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-caution, + .button-longshadow-right.button-caution { + text-shadow: 0px 0px #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022; } + .button-longshadow.button-caution:active, .button-longshadow.button-caution.active, .button-longshadow.button-caution.is-active, + .button-longshadow-right.button-caution:active, + .button-longshadow-right.button-caution.active, + .button-longshadow-right.button-caution.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow.button-royal, + .button-longshadow-right.button-royal { + text-shadow: 0px 0px #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2; } + .button-longshadow.button-royal:active, .button-longshadow.button-royal.active, .button-longshadow.button-royal.is-active, + .button-longshadow-right.button-royal:active, + .button-longshadow-right.button-royal.active, + .button-longshadow-right.button-royal.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + +/* +* Shadow Left +* +*/ +.button-longshadow-left { + overflow: hidden; } + .button-longshadow-left.button-primary { + text-shadow: 0px 0px #0880d7, -1px 1px #0880d7, -2px 2px #0880d7, -3px 3px #0880d7, -4px 4px #0880d7, -5px 5px #0880d7, -6px 6px #0880d7, -7px 7px #0880d7, -8px 8px #0880d7, -9px 9px #0880d7, -10px 10px #0880d7, -11px 11px #0880d7, -12px 12px #0880d7, -13px 13px #0880d7, -14px 14px #0880d7, -15px 15px #0880d7, -16px 16px #0880d7, -17px 17px #0880d7, -18px 18px #0880d7, -19px 19px #0880d7, -20px 20px #0880d7, -21px 21px #0880d7, -22px 22px #0880d7, -23px 23px #0880d7, -24px 24px #0880d7, -25px 25px #0880d7, -26px 26px #0880d7, -27px 27px #0880d7, -28px 28px #0880d7, -29px 29px #0880d7, -30px 30px #0880d7, -31px 31px #0880d7, -32px 32px #0880d7, -33px 33px #0880d7, -34px 34px #0880d7, -35px 35px #0880d7, -36px 36px #0880d7, -37px 37px #0880d7, -38px 38px #0880d7, -39px 39px #0880d7, -40px 40px #0880d7, -41px 41px #0880d7, -42px 42px #0880d7, -43px 43px #0880d7, -44px 44px #0880d7, -45px 45px #0880d7, -46px 46px #0880d7, -47px 47px #0880d7, -48px 48px #0880d7, -49px 49px #0880d7, -50px 50px #0880d7, -51px 51px #0880d7, -52px 52px #0880d7, -53px 53px #0880d7, -54px 54px #0880d7, -55px 55px #0880d7, -56px 56px #0880d7, -57px 57px #0880d7, -58px 58px #0880d7, -59px 59px #0880d7, -60px 60px #0880d7, -61px 61px #0880d7, -62px 62px #0880d7, -63px 63px #0880d7, -64px 64px #0880d7, -65px 65px #0880d7, -66px 66px #0880d7, -67px 67px #0880d7, -68px 68px #0880d7, -69px 69px #0880d7, -70px 70px #0880d7, -71px 71px #0880d7, -72px 72px #0880d7, -73px 73px #0880d7, -74px 74px #0880d7, -75px 75px #0880d7, -76px 76px #0880d7, -77px 77px #0880d7, -78px 78px #0880d7, -79px 79px #0880d7, -80px 80px #0880d7, -81px 81px #0880d7, -82px 82px #0880d7, -83px 83px #0880d7, -84px 84px #0880d7, -85px 85px #0880d7; } + .button-longshadow-left.button-primary:active, .button-longshadow-left.button-primary.active, .button-longshadow-left.button-primary.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-plain { + text-shadow: 0px 0px #e6e6e6, -1px 1px #e6e6e6, -2px 2px #e6e6e6, -3px 3px #e6e6e6, -4px 4px #e6e6e6, -5px 5px #e6e6e6, -6px 6px #e6e6e6, -7px 7px #e6e6e6, -8px 8px #e6e6e6, -9px 9px #e6e6e6, -10px 10px #e6e6e6, -11px 11px #e6e6e6, -12px 12px #e6e6e6, -13px 13px #e6e6e6, -14px 14px #e6e6e6, -15px 15px #e6e6e6, -16px 16px #e6e6e6, -17px 17px #e6e6e6, -18px 18px #e6e6e6, -19px 19px #e6e6e6, -20px 20px #e6e6e6, -21px 21px #e6e6e6, -22px 22px #e6e6e6, -23px 23px #e6e6e6, -24px 24px #e6e6e6, -25px 25px #e6e6e6, -26px 26px #e6e6e6, -27px 27px #e6e6e6, -28px 28px #e6e6e6, -29px 29px #e6e6e6, -30px 30px #e6e6e6, -31px 31px #e6e6e6, -32px 32px #e6e6e6, -33px 33px #e6e6e6, -34px 34px #e6e6e6, -35px 35px #e6e6e6, -36px 36px #e6e6e6, -37px 37px #e6e6e6, -38px 38px #e6e6e6, -39px 39px #e6e6e6, -40px 40px #e6e6e6, -41px 41px #e6e6e6, -42px 42px #e6e6e6, -43px 43px #e6e6e6, -44px 44px #e6e6e6, -45px 45px #e6e6e6, -46px 46px #e6e6e6, -47px 47px #e6e6e6, -48px 48px #e6e6e6, -49px 49px #e6e6e6, -50px 50px #e6e6e6, -51px 51px #e6e6e6, -52px 52px #e6e6e6, -53px 53px #e6e6e6, -54px 54px #e6e6e6, -55px 55px #e6e6e6, -56px 56px #e6e6e6, -57px 57px #e6e6e6, -58px 58px #e6e6e6, -59px 59px #e6e6e6, -60px 60px #e6e6e6, -61px 61px #e6e6e6, -62px 62px #e6e6e6, -63px 63px #e6e6e6, -64px 64px #e6e6e6, -65px 65px #e6e6e6, -66px 66px #e6e6e6, -67px 67px #e6e6e6, -68px 68px #e6e6e6, -69px 69px #e6e6e6, -70px 70px #e6e6e6, -71px 71px #e6e6e6, -72px 72px #e6e6e6, -73px 73px #e6e6e6, -74px 74px #e6e6e6, -75px 75px #e6e6e6, -76px 76px #e6e6e6, -77px 77px #e6e6e6, -78px 78px #e6e6e6, -79px 79px #e6e6e6, -80px 80px #e6e6e6, -81px 81px #e6e6e6, -82px 82px #e6e6e6, -83px 83px #e6e6e6, -84px 84px #e6e6e6, -85px 85px #e6e6e6; } + .button-longshadow-left.button-plain:active, .button-longshadow-left.button-plain.active, .button-longshadow-left.button-plain.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-inverse { + text-shadow: 0px 0px #090909, -1px 1px #090909, -2px 2px #090909, -3px 3px #090909, -4px 4px #090909, -5px 5px #090909, -6px 6px #090909, -7px 7px #090909, -8px 8px #090909, -9px 9px #090909, -10px 10px #090909, -11px 11px #090909, -12px 12px #090909, -13px 13px #090909, -14px 14px #090909, -15px 15px #090909, -16px 16px #090909, -17px 17px #090909, -18px 18px #090909, -19px 19px #090909, -20px 20px #090909, -21px 21px #090909, -22px 22px #090909, -23px 23px #090909, -24px 24px #090909, -25px 25px #090909, -26px 26px #090909, -27px 27px #090909, -28px 28px #090909, -29px 29px #090909, -30px 30px #090909, -31px 31px #090909, -32px 32px #090909, -33px 33px #090909, -34px 34px #090909, -35px 35px #090909, -36px 36px #090909, -37px 37px #090909, -38px 38px #090909, -39px 39px #090909, -40px 40px #090909, -41px 41px #090909, -42px 42px #090909, -43px 43px #090909, -44px 44px #090909, -45px 45px #090909, -46px 46px #090909, -47px 47px #090909, -48px 48px #090909, -49px 49px #090909, -50px 50px #090909, -51px 51px #090909, -52px 52px #090909, -53px 53px #090909, -54px 54px #090909, -55px 55px #090909, -56px 56px #090909, -57px 57px #090909, -58px 58px #090909, -59px 59px #090909, -60px 60px #090909, -61px 61px #090909, -62px 62px #090909, -63px 63px #090909, -64px 64px #090909, -65px 65px #090909, -66px 66px #090909, -67px 67px #090909, -68px 68px #090909, -69px 69px #090909, -70px 70px #090909, -71px 71px #090909, -72px 72px #090909, -73px 73px #090909, -74px 74px #090909, -75px 75px #090909, -76px 76px #090909, -77px 77px #090909, -78px 78px #090909, -79px 79px #090909, -80px 80px #090909, -81px 81px #090909, -82px 82px #090909, -83px 83px #090909, -84px 84px #090909, -85px 85px #090909; } + .button-longshadow-left.button-inverse:active, .button-longshadow-left.button-inverse.active, .button-longshadow-left.button-inverse.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-action { + text-shadow: 0px 0px #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220; } + .button-longshadow-left.button-action:active, .button-longshadow-left.button-action.active, .button-longshadow-left.button-action.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-highlight { + text-shadow: 0px 0px #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501; } + .button-longshadow-left.button-highlight:active, .button-longshadow-left.button-highlight.active, .button-longshadow-left.button-highlight.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-caution { + text-shadow: 0px 0px #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022; } + .button-longshadow-left.button-caution:active, .button-longshadow-left.button-caution.active, .button-longshadow-left.button-caution.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + .button-longshadow-left.button-royal { + text-shadow: 0px 0px #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2; } + .button-longshadow-left.button-royal:active, .button-longshadow-left.button-royal.active, .button-longshadow-left.button-royal.is-active { + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } + +/* +* Button Sizes +* +* This file creates the various button sizes +* (ex. .button-large, .button-small, etc.) +*/ +.button-giant { + font-size: 28px; + height: 70px; + line-height: 70px; + padding: 0 70px; } + +.button-jumbo { + font-size: 24px; + height: 60px; + line-height: 60px; + padding: 0 60px; } + +.button-large { + font-size: 20px; + height: 50px; + line-height: 50px; + padding: 0 50px; } + +.button-normal { + font-size: 16px; + height: 40px; + line-height: 40px; + padding: 0 40px; } + +.button-small { font-size: 12px; - color: #333; + height: 30px; line-height: 30px; - white-space: nowrap; -} -/* line 533, ../scss/partials/_buttons.scss */ -.button-dropdown ul a:hover, .button-dropdown ul a:focus { - background-color: #3c6ab9; - color: #FFF; -} + padding: 0 30px; } + +.button-tiny { + font-size: 9.6px; + height: 24px; + line-height: 24px; + padding: 0 24px; } diff --git a/css/buttons.min.css b/css/buttons.min.css new file mode 100644 index 0000000..39c6790 --- /dev/null +++ b/css/buttons.min.css @@ -0,0 +1,18 @@ +/* Buttons */ +/*! @license +* +* Buttons +* Copyright 2012-2014 Alex Wolfe and Rob Levin +* +* Licensed under the Apache License, Version 2.0 (the "License"); +* you may not use this file except in compliance with the License. +* You may obtain a copy of the License at +* +* http://www.apache.org/licenses/LICENSE-2.0 +* +* Unless required by applicable law or agreed to in writing, software +* distributed under the License is distributed on an "AS IS" BASIS, +* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +* See the License for the specific language governing permissions and +* limitations under the License. +*/.button{color:#666;background-color:#eee;font-weight:300;font-size:16px;font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-decoration:none;text-align:center;line-height:40px;height:40px;padding:0 40px;margin:0;display:inline-block;appearance:none;cursor:pointer;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s}.button:visited{color:#666}.button:focus,.button:hover{background-color:#f6f6f6;text-decoration:none;outline:0}.button.active,.button.is-active,.button:active{text-shadow:0 1px 0 rgba(255,255,255,.3);text-decoration:none;background-color:#eee;border-color:#cfcfcf;color:#d4d4d4;-webkit-transition-duration:0s;transition-duration:0s;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.button.disabled,.button.is-disabled,.button:disabled{top:0!important;background:#EEE!important;border:1px solid #DDD!important;text-shadow:0 1px 1px #fff!important;color:#CCC!important;cursor:default!important;appearance:none!important}.button.disabled else,.button.is-disabled else,.button:disabled else{-webkit-box-shadow:none!important;box-shadow:none!important;opacity:.8!important}.button-uppercase{text-transform:uppercase}.button-lowercase{text-transform:lowercase}.button-capitalize{text-transform:capitalize}.button-small-caps{font-variant:small-caps}.button-icon-txt-large{font-size:36px!important}.button-width-small{padding:0 10px!important}.button-primary,.button-primary-flat{background-color:#1b9af7;border-color:#1b9af7;color:#fff}.button-primary-flat:visited,.button-primary:visited{color:#fff}.button-primary-flat:focus,.button-primary-flat:hover,.button-primary:focus,.button-primary:hover{background-color:#4cb0f9;border-color:#4cb0f9;color:#fff}.button-primary-flat.active,.button-primary-flat.is-active,.button-primary-flat:active,.button-primary.active,.button-primary.is-active,.button-primary:active{background-color:#2798eb;border-color:#2798eb;color:#0880d7}.button-plain,.button-plain-flat{background-color:#fff;border-color:#fff;color:#1b9af7}.button-plain-flat:visited,.button-plain:visited{color:#1b9af7}.button-plain-flat:focus,.button-plain-flat:hover,.button-plain:focus,.button-plain:hover{background-color:#fff;border-color:#fff;color:#1b9af7}.button-plain-flat.active,.button-plain-flat.is-active,.button-plain-flat:active,.button-plain.active,.button-plain.is-active,.button-plain:active{background-color:#fff;border-color:#fff;color:#e6e6e6}.button-inverse,.button-inverse-flat{background-color:#222;border-color:#222;color:#eee}.button-inverse-flat:visited,.button-inverse:visited{color:#eee}.button-inverse-flat:focus,.button-inverse-flat:hover,.button-inverse:focus,.button-inverse:hover{background-color:#3c3c3c;border-color:#3c3c3c;color:#eee}.button-inverse-flat.active,.button-inverse-flat.is-active,.button-inverse-flat:active,.button-inverse.active,.button-inverse.is-active,.button-inverse:active{background-color:#222;border-color:#222;color:#090909}.button-action,.button-action-flat{background-color:#a5de37;border-color:#a5de37;color:#fff}.button-action-flat:visited,.button-action:visited{color:#fff}.button-action-flat:focus,.button-action-flat:hover,.button-action:focus,.button-action:hover{background-color:#b9e563;border-color:#b9e563;color:#fff}.button-action-flat.active,.button-action-flat.is-active,.button-action-flat:active,.button-action.active,.button-action.is-active,.button-action:active{background-color:#a1d243;border-color:#a1d243;color:#8bc220}.button-highlight,.button-highlight-flat{background-color:#feae1b;border-color:#feae1b;color:#fff}.button-highlight-flat:visited,.button-highlight:visited{color:#fff}.button-highlight-flat:focus,.button-highlight-flat:hover,.button-highlight:focus,.button-highlight:hover{background-color:#fec04e;border-color:#fec04e;color:#fff}.button-highlight-flat.active,.button-highlight-flat.is-active,.button-highlight-flat:active,.button-highlight.active,.button-highlight.is-active,.button-highlight:active{background-color:#f3ab26;border-color:#f3ab26;color:#e59501}.button-caution,.button-caution-flat{background-color:#ff4351;border-color:#ff4351;color:#fff}.button-caution-flat:visited,.button-caution:visited{color:#fff}.button-caution-flat:focus,.button-caution-flat:hover,.button-caution:focus,.button-caution:hover{background-color:#ff7680;border-color:#ff7680;color:#fff}.button-caution-flat.active,.button-caution-flat.is-active,.button-caution-flat:active,.button-caution.active,.button-caution.is-active,.button-caution:active{background-color:#f64c59;border-color:#f64c59;color:#ff1022}.button-royal,.button-royal-flat{background-color:#7b72e9;border-color:#7b72e9;color:#fff}.button-royal-flat:visited,.button-royal:visited{color:#fff}.button-royal-flat:focus,.button-royal-flat:hover,.button-royal:focus,.button-royal:hover{background-color:#a49ef0;border-color:#a49ef0;color:#fff}.button-royal-flat.active,.button-royal-flat.is-active,.button-royal-flat:active,.button-royal.active,.button-royal.is-active,.button-royal:active{background-color:#827ae1;border-color:#827ae1;color:#5246e2}.button-block,.button-stacked{display:block}.button-square{border-radius:0}.button-box{border-radius:10px}.button-rounded{border-radius:4px}.button-pill{border-radius:200px}.button-circle{border-radius:100%}.button-box,.button-circle,.button-square{padding:0!important;width:40px}.button-box.button-giant,.button-circle.button-giant,.button-square.button-giant{width:70px}.button-box.button-jumbo,.button-circle.button-jumbo,.button-square.button-jumbo{width:60px}.button-box.button-large,.button-circle.button-large,.button-square.button-large{width:50px}.button-box.button-normal,.button-circle.button-normal,.button-square.button-normal{width:40px}.button-box.button-small,.button-circle.button-small,.button-square.button-small{width:30px}.button-box.button-tiny,.button-circle.button-tiny,.button-square.button-tiny{width:24px}.button-border,.button-border-thick,.button-border-thin{background:0 0;border-width:2px;border-style:solid;line-height:36px}.button-border-thick:hover,.button-border-thin:hover,.button-border:hover{background-color:rgba(255,255,255,.9)}.active.button-border-thick,.active.button-border-thin,.button-border-thick:active,.button-border-thin:active,.button-border.active,.button-border.is-active,.button-border:active,.is-active.button-border-thick,.is-active.button-border-thin{-webkit-box-shadow:none;box-shadow:none;text-shadow:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s}.button-border-thin{border-width:1px}.button-border-thick{border-width:3px}.button-border-thick.button-primary,.button-border-thin.button-primary,.button-border.button-primary,.button-primary.button-border-thick,.button-primary.button-border-thin{color:#1b9af7}.button-border-thick.button-primary:focus,.button-border-thick.button-primary:hover,.button-border-thin.button-primary:focus,.button-border-thin.button-primary:hover,.button-border.button-primary:focus,.button-border.button-primary:hover,.button-primary.button-border-thick:focus,.button-primary.button-border-thick:hover,.button-primary.button-border-thin:focus,.button-primary.button-border-thin:hover{background-color:rgba(76,176,249,.9);color:rgba(255,255,255,.9)}.button-border-thick.button-primary.active,.button-border-thick.button-primary.is-active,.button-border-thick.button-primary:active,.button-border-thin.button-primary.active,.button-border-thin.button-primary.is-active,.button-border-thin.button-primary:active,.button-border.button-primary.active,.button-border.button-primary.is-active,.button-border.button-primary:active,.button-primary.active.button-border-thick,.button-primary.active.button-border-thin,.button-primary.button-border-thick:active,.button-primary.button-border-thin:active,.button-primary.is-active.button-border-thick,.button-primary.is-active.button-border-thin{background-color:rgba(39,152,235,.7);color:rgba(255,255,255,.5);opacity:.3}.button-border-thick.button-plain,.button-border-thin.button-plain,.button-border.button-plain,.button-plain.button-border-thick,.button-plain.button-border-thin{color:#fff}.button-border-thick.button-plain:focus,.button-border-thick.button-plain:hover,.button-border-thin.button-plain:focus,.button-border-thin.button-plain:hover,.button-border.button-plain:focus,.button-border.button-plain:hover,.button-plain.button-border-thick:focus,.button-plain.button-border-thick:hover,.button-plain.button-border-thin:focus,.button-plain.button-border-thin:hover{background-color:rgba(255,255,255,.9);color:rgba(27,154,247,.9)}.button-border-thick.button-plain.active,.button-border-thick.button-plain.is-active,.button-border-thick.button-plain:active,.button-border-thin.button-plain.active,.button-border-thin.button-plain.is-active,.button-border-thin.button-plain:active,.button-border.button-plain.active,.button-border.button-plain.is-active,.button-border.button-plain:active,.button-plain.active.button-border-thick,.button-plain.active.button-border-thin,.button-plain.button-border-thick:active,.button-plain.button-border-thin:active,.button-plain.is-active.button-border-thick,.button-plain.is-active.button-border-thin{background-color:rgba(255,255,255,.7);color:rgba(27,154,247,.5);opacity:.3}.button-border-thick.button-inverse,.button-border-thin.button-inverse,.button-border.button-inverse,.button-inverse.button-border-thick,.button-inverse.button-border-thin{color:#222}.button-border-thick.button-inverse:focus,.button-border-thick.button-inverse:hover,.button-border-thin.button-inverse:focus,.button-border-thin.button-inverse:hover,.button-border.button-inverse:focus,.button-border.button-inverse:hover,.button-inverse.button-border-thick:focus,.button-inverse.button-border-thick:hover,.button-inverse.button-border-thin:focus,.button-inverse.button-border-thin:hover{background-color:rgba(60,60,60,.9);color:rgba(238,238,238,.9)}.button-border-thick.button-inverse.active,.button-border-thick.button-inverse.is-active,.button-border-thick.button-inverse:active,.button-border-thin.button-inverse.active,.button-border-thin.button-inverse.is-active,.button-border-thin.button-inverse:active,.button-border.button-inverse.active,.button-border.button-inverse.is-active,.button-border.button-inverse:active,.button-inverse.active.button-border-thick,.button-inverse.active.button-border-thin,.button-inverse.button-border-thick:active,.button-inverse.button-border-thin:active,.button-inverse.is-active.button-border-thick,.button-inverse.is-active.button-border-thin{background-color:rgba(34,34,34,.7);color:rgba(238,238,238,.5);opacity:.3}.button-action.button-border-thick,.button-action.button-border-thin,.button-border-thick.button-action,.button-border-thin.button-action,.button-border.button-action{color:#a5de37}.button-action.button-border-thick:focus,.button-action.button-border-thick:hover,.button-action.button-border-thin:focus,.button-action.button-border-thin:hover,.button-border-thick.button-action:focus,.button-border-thick.button-action:hover,.button-border-thin.button-action:focus,.button-border-thin.button-action:hover,.button-border.button-action:focus,.button-border.button-action:hover{background-color:rgba(185,229,99,.9);color:rgba(255,255,255,.9)}.button-action.active.button-border-thick,.button-action.active.button-border-thin,.button-action.button-border-thick:active,.button-action.button-border-thin:active,.button-action.is-active.button-border-thick,.button-action.is-active.button-border-thin,.button-border-thick.button-action.active,.button-border-thick.button-action.is-active,.button-border-thick.button-action:active,.button-border-thin.button-action.active,.button-border-thin.button-action.is-active,.button-border-thin.button-action:active,.button-border.button-action.active,.button-border.button-action.is-active,.button-border.button-action:active{background-color:rgba(161,210,67,.7);color:rgba(255,255,255,.5);opacity:.3}.button-border-thick.button-highlight,.button-border-thin.button-highlight,.button-border.button-highlight,.button-highlight.button-border-thick,.button-highlight.button-border-thin{color:#feae1b}.button-border-thick.button-highlight:focus,.button-border-thick.button-highlight:hover,.button-border-thin.button-highlight:focus,.button-border-thin.button-highlight:hover,.button-border.button-highlight:focus,.button-border.button-highlight:hover,.button-highlight.button-border-thick:focus,.button-highlight.button-border-thick:hover,.button-highlight.button-border-thin:focus,.button-highlight.button-border-thin:hover{background-color:rgba(254,192,78,.9);color:rgba(255,255,255,.9)}.button-border-thick.button-highlight.active,.button-border-thick.button-highlight.is-active,.button-border-thick.button-highlight:active,.button-border-thin.button-highlight.active,.button-border-thin.button-highlight.is-active,.button-border-thin.button-highlight:active,.button-border.button-highlight.active,.button-border.button-highlight.is-active,.button-border.button-highlight:active,.button-highlight.active.button-border-thick,.button-highlight.active.button-border-thin,.button-highlight.button-border-thick:active,.button-highlight.button-border-thin:active,.button-highlight.is-active.button-border-thick,.button-highlight.is-active.button-border-thin{background-color:rgba(243,171,38,.7);color:rgba(255,255,255,.5);opacity:.3}.button-border-thick.button-caution,.button-border-thin.button-caution,.button-border.button-caution,.button-caution.button-border-thick,.button-caution.button-border-thin{color:#ff4351}.button-border-thick.button-caution:focus,.button-border-thick.button-caution:hover,.button-border-thin.button-caution:focus,.button-border-thin.button-caution:hover,.button-border.button-caution:focus,.button-border.button-caution:hover,.button-caution.button-border-thick:focus,.button-caution.button-border-thick:hover,.button-caution.button-border-thin:focus,.button-caution.button-border-thin:hover{background-color:rgba(255,118,128,.9);color:rgba(255,255,255,.9)}.button-border-thick.button-caution.active,.button-border-thick.button-caution.is-active,.button-border-thick.button-caution:active,.button-border-thin.button-caution.active,.button-border-thin.button-caution.is-active,.button-border-thin.button-caution:active,.button-border.button-caution.active,.button-border.button-caution.is-active,.button-border.button-caution:active,.button-caution.active.button-border-thick,.button-caution.active.button-border-thin,.button-caution.button-border-thick:active,.button-caution.button-border-thin:active,.button-caution.is-active.button-border-thick,.button-caution.is-active.button-border-thin{background-color:rgba(246,76,89,.7);color:rgba(255,255,255,.5);opacity:.3}.button-border-thick.button-royal,.button-border-thin.button-royal,.button-border.button-royal,.button-royal.button-border-thick,.button-royal.button-border-thin{color:#7b72e9}.button-border-thick.button-royal:focus,.button-border-thick.button-royal:hover,.button-border-thin.button-royal:focus,.button-border-thin.button-royal:hover,.button-border.button-royal:focus,.button-border.button-royal:hover,.button-royal.button-border-thick:focus,.button-royal.button-border-thick:hover,.button-royal.button-border-thin:focus,.button-royal.button-border-thin:hover{background-color:rgba(164,158,240,.9);color:rgba(255,255,255,.9)}.button-border-thick.button-royal.active,.button-border-thick.button-royal.is-active,.button-border-thick.button-royal:active,.button-border-thin.button-royal.active,.button-border-thin.button-royal.is-active,.button-border-thin.button-royal:active,.button-border.button-royal.active,.button-border.button-royal.is-active,.button-border.button-royal:active,.button-royal.active.button-border-thick,.button-royal.active.button-border-thin,.button-royal.button-border-thick:active,.button-royal.button-border-thin:active,.button-royal.is-active.button-border-thick,.button-royal.is-active.button-border-thin{background-color:rgba(130,122,225,.7);color:rgba(255,255,255,.5);opacity:.3}.button-border-thick.button-giant,.button-border-thin.button-giant,.button-border.button-giant,.button-giant.button-border-thick,.button-giant.button-border-thin{line-height:66px}.button-border-thick.button-jumbo,.button-border-thin.button-jumbo,.button-border.button-jumbo,.button-jumbo.button-border-thick,.button-jumbo.button-border-thin{line-height:56px}.button-border-thick.button-large,.button-border-thin.button-large,.button-border.button-large,.button-large.button-border-thick,.button-large.button-border-thin{line-height:46px}.button-border-thick.button-normal,.button-border-thin.button-normal,.button-border.button-normal,.button-normal.button-border-thick,.button-normal.button-border-thin{line-height:36px}.button-border-thick.button-small,.button-border-thin.button-small,.button-border.button-small,.button-small.button-border-thick,.button-small.button-border-thin{line-height:26px}.button-border-thick.button-tiny,.button-border-thin.button-tiny,.button-border.button-tiny,.button-tiny.button-border-thick,.button-tiny.button-border-thin{line-height:20px}.button-borderless{background:0 0;border:none;padding:0 8px!important;color:#eee;font-size:20.8px;font-weight:200}.button-borderless:focus,.button-borderless:hover{background:0 0}.button-borderless.active,.button-borderless.is-active,.button-borderless:active{-webkit-box-shadow:none;box-shadow:none;text-shadow:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;opacity:.3}.button-borderless.button-primary{color:#1b9af7}.button-borderless.button-plain{color:#fff}.button-borderless.button-inverse{color:#222}.button-borderless.button-action{color:#a5de37}.button-borderless.button-highlight{color:#feae1b}.button-borderless.button-caution{color:#ff4351}.button-borderless.button-royal{color:#7b72e9}.button-borderless.button-giant{font-size:36.4px;height:52.4px;line-height:52.4px}.button-borderless.button-jumbo{font-size:31.2px;height:47.2px;line-height:47.2px}.button-borderless.button-large{font-size:26px;height:42px;line-height:42px}.button-borderless.button-normal{font-size:20.8px;height:36.8px;line-height:36.8px}.button-borderless.button-small{font-size:15.6px;height:31.6px;line-height:31.6px}.button-borderless.button-tiny{font-size:12.48px;height:28.48px;line-height:28.48px}.button-raised{border-color:#e1e1e1;border-style:solid;border-width:1px;line-height:38px;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e1e1e1));background:linear-gradient(#f6f6f6,#e1e1e1);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.15)}.button-raised:focus,.button-raised:hover{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));background:linear-gradient(top,#fff,#dcdcdc)}.button-raised.active,.button-raised.is-active,.button-raised:active{background:#eee;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 #fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.2),0 1px 0 #fff}.button-raised.button-primary{border-color:#088ef0;background:-webkit-gradient(linear,left top,left bottom,from(#34a5f8),to(#088ef0));background:linear-gradient(#34a5f8,#088ef0)}.button-raised.button-primary:focus,.button-raised.button-primary:hover{background:-webkit-gradient(linear,left top,left bottom,from(#42abf8),to(#0888e6));background:linear-gradient(top,#42abf8,#0888e6)}.button-raised.button-primary.active,.button-raised.button-primary.is-active,.button-raised.button-primary:active{border-color:#0880d7;background:#2798eb}.button-raised.button-plain{border-color:#f2f2f2;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));background:linear-gradient(white,#f2f2f2)}.button-raised.button-plain:focus,.button-raised.button-plain:hover{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));background:linear-gradient(top,#fff,#ededed)}.button-raised.button-plain.active,.button-raised.button-plain.is-active,.button-raised.button-plain:active{border-color:#e6e6e6;background:#fff}.button-raised.button-inverse{border-color:#151515;background:-webkit-gradient(linear,left top,left bottom,from(#2f2f2f),to(#151515));background:linear-gradient(#2f2f2f,#151515)}.button-raised.button-inverse:focus,.button-raised.button-inverse:hover{background:-webkit-gradient(linear,left top,left bottom,from(#363636),to(#101010));background:linear-gradient(top,#363636,#101010)}.button-raised.button-inverse.active,.button-raised.button-inverse.is-active,.button-raised.button-inverse:active{border-color:#090909;background:#222}.button-raised.button-action{border-color:#9ad824;background:-webkit-gradient(linear,left top,left bottom,from(#afe24d),to(#9ad824));background:linear-gradient(#afe24d,#9ad824)}.button-raised.button-action:focus,.button-raised.button-action:hover{background:-webkit-gradient(linear,left top,left bottom,from(#b5e45a),to(#94cf22));background:linear-gradient(top,#b5e45a,#94cf22)}.button-raised.button-action.active,.button-raised.button-action.is-active,.button-raised.button-action:active{border-color:#8bc220;background:#a1d243}.button-raised.button-highlight{border-color:#fea502;background:-webkit-gradient(linear,left top,left bottom,from(#feb734),to(#fea502));background:linear-gradient(#feb734,#fea502)}.button-raised.button-highlight:focus,.button-raised.button-highlight:hover{background:-webkit-gradient(linear,left top,left bottom,from(#febc44),to(#f49f01));background:linear-gradient(top,#febc44,#f49f01)}.button-raised.button-highlight.active,.button-raised.button-highlight.is-active,.button-raised.button-highlight:active{border-color:#e59501;background:#f3ab26}.button-raised.button-caution{border-color:#ff2939;background:-webkit-gradient(linear,left top,left bottom,from(#ff5c69),to(#ff2939));background:linear-gradient(#ff5c69,#ff2939)}.button-raised.button-caution:focus,.button-raised.button-caution:hover{background:-webkit-gradient(linear,left top,left bottom,from(#ff6c77),to(#ff1f30));background:linear-gradient(top,#ff6c77,#ff1f30)}.button-raised.button-caution.active,.button-raised.button-caution.is-active,.button-raised.button-caution:active{border-color:#ff1022;background:#f64c59}.button-raised.button-royal{border-color:#665ce6;background:-webkit-gradient(linear,left top,left bottom,from(#9088ec),to(#665ce6));background:linear-gradient(#9088ec,#665ce6)}.button-raised.button-royal:focus,.button-raised.button-royal:hover{background:-webkit-gradient(linear,left top,left bottom,from(#9c95ef),to(#5e53e4));background:linear-gradient(top,#9c95ef,#5e53e4)}.button-raised.button-royal.active,.button-raised.button-royal.is-active,.button-raised.button-royal:active{border-color:#5246e2;background:#827ae1}.button-3d{position:relative;top:0;-webkit-box-shadow:0 7px 0 #bbb,0 8px 3px rgba(0,0,0,.2);box-shadow:0 7px 0 #bbb,0 8px 3px rgba(0,0,0,.2)}.button-3d:focus,.button-3d:hover{-webkit-box-shadow:0 7px 0 #bbb,0 8px 3px rgba(0,0,0,.2);box-shadow:0 7px 0 #bbb,0 8px 3px rgba(0,0,0,.2)}.button-3d.active,.button-3d.is-active,.button-3d:active{top:5px;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-box-shadow:0 2px 0 #bbb,0 3px 3px rgba(0,0,0,.2);box-shadow:0 2px 0 #bbb,0 3px 3px rgba(0,0,0,.2)}.button-3d.button-primary{-webkit-box-shadow:0 7px 0 #0880d7,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #0880d7,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-primary:focus,.button-3d.button-primary:hover{-webkit-box-shadow:0 7px 0 #077ace,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #077ace,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-primary.active,.button-3d.button-primary.is-active,.button-3d.button-primary:active{-webkit-box-shadow:0 2px 0 #0662a6,0 3px 3px rgba(0,0,0,.2);box-shadow:0 2px 0 #0662a6,0 3px 3px rgba(0,0,0,.2)}.button-3d.button-plain{-webkit-box-shadow:0 7px 0 #e6e6e6,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #e6e6e6,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-plain:focus,.button-3d.button-plain:hover{-webkit-box-shadow:0 7px 0 #e0e0e0,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #e0e0e0,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-plain.active,.button-3d.button-plain.is-active,.button-3d.button-plain:active{-webkit-box-shadow:0 2px 0 #ccc,0 3px 3px rgba(0,0,0,.2);box-shadow:0 2px 0 #ccc,0 3px 3px rgba(0,0,0,.2)}.button-3d.button-inverse{-webkit-box-shadow:0 7px 0 #090909,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #090909,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-inverse:focus,.button-3d.button-inverse:hover{-webkit-box-shadow:0 7px 0 #030303,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #030303,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-inverse.active,.button-3d.button-inverse.is-active,.button-3d.button-inverse:active{-webkit-box-shadow:0 2px 0 black,0 3px 3px rgba(0,0,0,.2);box-shadow:0 2px 0 black,0 3px 3px rgba(0,0,0,.2)}.button-3d.button-action{-webkit-box-shadow:0 7px 0 #8bc220,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #8bc220,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-action:focus,.button-3d.button-action:hover{-webkit-box-shadow:0 7px 0 #84b91f,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #84b91f,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-action.active,.button-3d.button-action.is-active,.button-3d.button-action:active{-webkit-box-shadow:0 2px 0 #6b9619,0 3px 3px rgba(0,0,0,.2);box-shadow:0 2px 0 #6b9619,0 3px 3px rgba(0,0,0,.2)}.button-3d.button-highlight{-webkit-box-shadow:0 7px 0 #e59501,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #e59501,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-highlight:focus,.button-3d.button-highlight:hover{-webkit-box-shadow:0 7px 0 #db8e01,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #db8e01,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-highlight.active,.button-3d.button-highlight.is-active,.button-3d.button-highlight:active{-webkit-box-shadow:0 2px 0 #b27401,0 3px 3px rgba(0,0,0,.2);box-shadow:0 2px 0 #b27401,0 3px 3px rgba(0,0,0,.2)}.button-3d.button-caution{-webkit-box-shadow:0 7px 0 #ff1022,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #ff1022,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-caution:focus,.button-3d.button-caution:hover{-webkit-box-shadow:0 7px 0 #ff0618,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #ff0618,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-caution.active,.button-3d.button-caution.is-active,.button-3d.button-caution:active{-webkit-box-shadow:0 2px 0 #dc0010,0 3px 3px rgba(0,0,0,.2);box-shadow:0 2px 0 #dc0010,0 3px 3px rgba(0,0,0,.2)}.button-3d.button-royal{-webkit-box-shadow:0 7px 0 #5246e2,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #5246e2,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-royal:focus,.button-3d.button-royal:hover{-webkit-box-shadow:0 7px 0 #493de1,0 8px 3px rgba(0,0,0,.3);box-shadow:0 7px 0 #493de1,0 8px 3px rgba(0,0,0,.3)}.button-3d.button-royal.active,.button-3d.button-royal.is-active,.button-3d.button-royal:active{-webkit-box-shadow:0 2px 0 #2f21d4,0 3px 3px rgba(0,0,0,.2);box-shadow:0 2px 0 #2f21d4,0 3px 3px rgba(0,0,0,.2)}@-webkit-keyframes glowing{from{-webkit-box-shadow:0 0 0 rgba(44,154,219,.3);box-shadow:0 0 0 rgba(44,154,219,.3)}50%{-webkit-box-shadow:0 0 20px rgba(44,154,219,.8);box-shadow:0 0 20px rgba(44,154,219,.8)}to{-webkit-box-shadow:0 0 0 rgba(44,154,219,.3);box-shadow:0 0 0 rgba(44,154,219,.3)}}@keyframes glowing{from{-webkit-box-shadow:0 0 0 rgba(44,154,219,.3);box-shadow:0 0 0 rgba(44,154,219,.3)}50%{-webkit-box-shadow:0 0 20px rgba(44,154,219,.8);box-shadow:0 0 20px rgba(44,154,219,.8)}to{-webkit-box-shadow:0 0 0 rgba(44,154,219,.3);box-shadow:0 0 0 rgba(44,154,219,.3)}}@-webkit-keyframes glowing-primary{from{-webkit-box-shadow:0 0 0 rgba(27,154,247,.3);box-shadow:0 0 0 rgba(27,154,247,.3)}50%{-webkit-box-shadow:0 0 20px rgba(27,154,247,.8);box-shadow:0 0 20px rgba(27,154,247,.8)}to{-webkit-box-shadow:0 0 0 rgba(27,154,247,.3);box-shadow:0 0 0 rgba(27,154,247,.3)}}@keyframes glowing-primary{from{-webkit-box-shadow:0 0 0 rgba(27,154,247,.3);box-shadow:0 0 0 rgba(27,154,247,.3)}50%{-webkit-box-shadow:0 0 20px rgba(27,154,247,.8);box-shadow:0 0 20px rgba(27,154,247,.8)}to{-webkit-box-shadow:0 0 0 rgba(27,154,247,.3);box-shadow:0 0 0 rgba(27,154,247,.3)}}@-webkit-keyframes glowing-plain{from{-webkit-box-shadow:0 0 0 rgba(255,255,255,.3);box-shadow:0 0 0 rgba(255,255,255,.3)}50%{-webkit-box-shadow:0 0 20px rgba(255,255,255,.8);box-shadow:0 0 20px rgba(255,255,255,.8)}to{-webkit-box-shadow:0 0 0 rgba(255,255,255,.3);box-shadow:0 0 0 rgba(255,255,255,.3)}}@keyframes glowing-plain{from{-webkit-box-shadow:0 0 0 rgba(255,255,255,.3);box-shadow:0 0 0 rgba(255,255,255,.3)}50%{-webkit-box-shadow:0 0 20px rgba(255,255,255,.8);box-shadow:0 0 20px rgba(255,255,255,.8)}to{-webkit-box-shadow:0 0 0 rgba(255,255,255,.3);box-shadow:0 0 0 rgba(255,255,255,.3)}}@-webkit-keyframes glowing-inverse{from{-webkit-box-shadow:0 0 0 rgba(34,34,34,.3);box-shadow:0 0 0 rgba(34,34,34,.3)}50%{-webkit-box-shadow:0 0 20px rgba(34,34,34,.8);box-shadow:0 0 20px rgba(34,34,34,.8)}to{-webkit-box-shadow:0 0 0 rgba(34,34,34,.3);box-shadow:0 0 0 rgba(34,34,34,.3)}}@keyframes glowing-inverse{from{-webkit-box-shadow:0 0 0 rgba(34,34,34,.3);box-shadow:0 0 0 rgba(34,34,34,.3)}50%{-webkit-box-shadow:0 0 20px rgba(34,34,34,.8);box-shadow:0 0 20px rgba(34,34,34,.8)}to{-webkit-box-shadow:0 0 0 rgba(34,34,34,.3);box-shadow:0 0 0 rgba(34,34,34,.3)}}@-webkit-keyframes glowing-action{from{-webkit-box-shadow:0 0 0 rgba(165,222,55,.3);box-shadow:0 0 0 rgba(165,222,55,.3)}50%{-webkit-box-shadow:0 0 20px rgba(165,222,55,.8);box-shadow:0 0 20px rgba(165,222,55,.8)}to{-webkit-box-shadow:0 0 0 rgba(165,222,55,.3);box-shadow:0 0 0 rgba(165,222,55,.3)}}@keyframes glowing-action{from{-webkit-box-shadow:0 0 0 rgba(165,222,55,.3);box-shadow:0 0 0 rgba(165,222,55,.3)}50%{-webkit-box-shadow:0 0 20px rgba(165,222,55,.8);box-shadow:0 0 20px rgba(165,222,55,.8)}to{-webkit-box-shadow:0 0 0 rgba(165,222,55,.3);box-shadow:0 0 0 rgba(165,222,55,.3)}}@-webkit-keyframes glowing-highlight{from{-webkit-box-shadow:0 0 0 rgba(254,174,27,.3);box-shadow:0 0 0 rgba(254,174,27,.3)}50%{-webkit-box-shadow:0 0 20px rgba(254,174,27,.8);box-shadow:0 0 20px rgba(254,174,27,.8)}to{-webkit-box-shadow:0 0 0 rgba(254,174,27,.3);box-shadow:0 0 0 rgba(254,174,27,.3)}}@keyframes glowing-highlight{from{-webkit-box-shadow:0 0 0 rgba(254,174,27,.3);box-shadow:0 0 0 rgba(254,174,27,.3)}50%{-webkit-box-shadow:0 0 20px rgba(254,174,27,.8);box-shadow:0 0 20px rgba(254,174,27,.8)}to{-webkit-box-shadow:0 0 0 rgba(254,174,27,.3);box-shadow:0 0 0 rgba(254,174,27,.3)}}@-webkit-keyframes glowing-caution{from{-webkit-box-shadow:0 0 0 rgba(255,67,81,.3);box-shadow:0 0 0 rgba(255,67,81,.3)}50%{-webkit-box-shadow:0 0 20px rgba(255,67,81,.8);box-shadow:0 0 20px rgba(255,67,81,.8)}to{-webkit-box-shadow:0 0 0 rgba(255,67,81,.3);box-shadow:0 0 0 rgba(255,67,81,.3)}}@keyframes glowing-caution{from{-webkit-box-shadow:0 0 0 rgba(255,67,81,.3);box-shadow:0 0 0 rgba(255,67,81,.3)}50%{-webkit-box-shadow:0 0 20px rgba(255,67,81,.8);box-shadow:0 0 20px rgba(255,67,81,.8)}to{-webkit-box-shadow:0 0 0 rgba(255,67,81,.3);box-shadow:0 0 0 rgba(255,67,81,.3)}}@-webkit-keyframes glowing-royal{from{-webkit-box-shadow:0 0 0 rgba(123,114,233,.3);box-shadow:0 0 0 rgba(123,114,233,.3)}50%{-webkit-box-shadow:0 0 20px rgba(123,114,233,.8);box-shadow:0 0 20px rgba(123,114,233,.8)}to{-webkit-box-shadow:0 0 0 rgba(123,114,233,.3);box-shadow:0 0 0 rgba(123,114,233,.3)}}@keyframes glowing-royal{from{-webkit-box-shadow:0 0 0 rgba(123,114,233,.3);box-shadow:0 0 0 rgba(123,114,233,.3)}50%{-webkit-box-shadow:0 0 20px rgba(123,114,233,.8);box-shadow:0 0 20px rgba(123,114,233,.8)}to{-webkit-box-shadow:0 0 0 rgba(123,114,233,.3);box-shadow:0 0 0 rgba(123,114,233,.3)}}.button-glow{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:glowing;animation-name:glowing}.button-glow.active,.button-glow.is-active,.button-glow:active{-webkit-animation-name:none;animation-name:none}.button-glow.button-primary{-webkit-animation-name:glowing-primary;animation-name:glowing-primary}.button-glow.button-plain{-webkit-animation-name:glowing-plain;animation-name:glowing-plain}.button-glow.button-inverse{-webkit-animation-name:glowing-inverse;animation-name:glowing-inverse}.button-glow.button-action{-webkit-animation-name:glowing-action;animation-name:glowing-action}.button-glow.button-highlight{-webkit-animation-name:glowing-highlight;animation-name:glowing-highlight}.button-glow.button-caution{-webkit-animation-name:glowing-caution;animation-name:glowing-caution}.button-glow.button-royal{-webkit-animation-name:glowing-royal;animation-name:glowing-royal}.button-dropdown{position:relative;overflow:visible;display:inline-block}.button-dropdown-list{display:none;position:absolute;padding:0;margin:0;top:0;left:0;z-index:1000;min-width:100%;list-style-type:none;background:rgba(255,255,255,.95);border-style:solid;border-width:1px;border-color:#d4d4d4;font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;-webkit-box-shadow:0 2px 7px rgba(0,0,0,.2);box-shadow:0 2px 7px rgba(0,0,0,.2);border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.button-dropdown-list.is-below{top:100%;border-top:none;border-radius:0 0 3px 3px}.button-dropdown-list.is-above{bottom:100%;top:auto;border-bottom:none;border-radius:3px 3px 0 0;-webkit-box-shadow:0 -2px 7px rgba(0,0,0,.2);box-shadow:0 -2px 7px rgba(0,0,0,.2)}.button-dropdown-list>li{padding:0;margin:0;display:block}.button-dropdown-list>li>a{display:block;line-height:40px;font-size:12.8px;padding:5px 10px;float:none;color:#666;text-decoration:none}.button-dropdown-list>li>a:hover{color:#5e5e5e;background:#f6f6f6;text-decoration:none}.button-dropdown-divider{border-top:1px solid #e6e6e6}.button-dropdown.button-dropdown-primary .button-dropdown-list{background:rgba(27,154,247,.95);border-color:#0880d7}.button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider{border-color:#0888e6}.button-dropdown.button-dropdown-primary .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-primary .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#088ef0}.button-dropdown.button-dropdown-plain .button-dropdown-list{background:rgba(255,255,255,.95);border-color:#e6e6e6}.button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider{border-color:#ededed}.button-dropdown.button-dropdown-plain .button-dropdown-list>li>a{color:#1b9af7}.button-dropdown.button-dropdown-plain .button-dropdown-list>li>a:hover{color:#088ef0;background:#f2f2f2}.button-dropdown.button-dropdown-inverse .button-dropdown-list{background:rgba(34,34,34,.95);border-color:#090909}.button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider{border-color:#101010}.button-dropdown.button-dropdown-inverse .button-dropdown-list>li>a{color:#eee}.button-dropdown.button-dropdown-inverse .button-dropdown-list>li>a:hover{color:#e1e1e1;background:#151515}.button-dropdown.button-dropdown-action .button-dropdown-list{background:rgba(165,222,55,.95);border-color:#8bc220}.button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider{border-color:#94cf22}.button-dropdown.button-dropdown-action .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-action .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#9ad824}.button-dropdown.button-dropdown-highlight .button-dropdown-list{background:rgba(254,174,27,.95);border-color:#e59501}.button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider{border-color:#f49f01}.button-dropdown.button-dropdown-highlight .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-highlight .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#fea502}.button-dropdown.button-dropdown-caution .button-dropdown-list{background:rgba(255,67,81,.95);border-color:#ff1022}.button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider{border-color:#ff1f30}.button-dropdown.button-dropdown-caution .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-caution .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#ff2939}.button-dropdown.button-dropdown-royal .button-dropdown-list{background:rgba(123,114,233,.95);border-color:#5246e2}.button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider{border-color:#5e53e4}.button-dropdown.button-dropdown-royal .button-dropdown-list>li>a{color:#fff}.button-dropdown.button-dropdown-royal .button-dropdown-list>li>a:hover{color:#f2f2f2;background:#665ce6}.button-group{position:relative;display:inline-block}.button-group:after,.button-group:before{content:'.';clear:both;display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.button-group .button,.button-group .button-dropdown{float:left}.button-group .button-dropdown:not(:first-child):not(:last-child),.button-group .button:not(:first-child):not(:last-child){border-radius:0;border-right:none}.button-group .button-dropdown:first-child,.button-group .button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.button-group .button-dropdown:last-child,.button-group .button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.button-wrap{border:1px solid #e3e3e3;display:inline-block;padding:9px;background:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#fff));background:linear-gradient(#f2f2f2,#fff);border-radius:200px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.04);box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}.button-longshadow,.button-longshadow-right{overflow:hidden}.button-longshadow-right.button-primary,.button-longshadow.button-primary{text-shadow:0 0 #0880d7,1px 1px #0880d7,2px 2px #0880d7,3px 3px #0880d7,4px 4px #0880d7,5px 5px #0880d7,6px 6px #0880d7,7px 7px #0880d7,8px 8px #0880d7,9px 9px #0880d7,10px 10px #0880d7,11px 11px #0880d7,12px 12px #0880d7,13px 13px #0880d7,14px 14px #0880d7,15px 15px #0880d7,16px 16px #0880d7,17px 17px #0880d7,18px 18px #0880d7,19px 19px #0880d7,20px 20px #0880d7,21px 21px #0880d7,22px 22px #0880d7,23px 23px #0880d7,24px 24px #0880d7,25px 25px #0880d7,26px 26px #0880d7,27px 27px #0880d7,28px 28px #0880d7,29px 29px #0880d7,30px 30px #0880d7,31px 31px #0880d7,32px 32px #0880d7,33px 33px #0880d7,34px 34px #0880d7,35px 35px #0880d7,36px 36px #0880d7,37px 37px #0880d7,38px 38px #0880d7,39px 39px #0880d7,40px 40px #0880d7,41px 41px #0880d7,42px 42px #0880d7,43px 43px #0880d7,44px 44px #0880d7,45px 45px #0880d7,46px 46px #0880d7,47px 47px #0880d7,48px 48px #0880d7,49px 49px #0880d7,50px 50px #0880d7,51px 51px #0880d7,52px 52px #0880d7,53px 53px #0880d7,54px 54px #0880d7,55px 55px #0880d7,56px 56px #0880d7,57px 57px #0880d7,58px 58px #0880d7,59px 59px #0880d7,60px 60px #0880d7,61px 61px #0880d7,62px 62px #0880d7,63px 63px #0880d7,64px 64px #0880d7,65px 65px #0880d7,66px 66px #0880d7,67px 67px #0880d7,68px 68px #0880d7,69px 69px #0880d7,70px 70px #0880d7,71px 71px #0880d7,72px 72px #0880d7,73px 73px #0880d7,74px 74px #0880d7,75px 75px #0880d7,76px 76px #0880d7,77px 77px #0880d7,78px 78px #0880d7,79px 79px #0880d7,80px 80px #0880d7,81px 81px #0880d7,82px 82px #0880d7,83px 83px #0880d7,84px 84px #0880d7,85px 85px #0880d7}.button-longshadow-right.button-primary.active,.button-longshadow-right.button-primary.is-active,.button-longshadow-right.button-primary:active,.button-longshadow.button-primary.active,.button-longshadow.button-primary.is-active,.button-longshadow.button-primary:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-right.button-plain,.button-longshadow.button-plain{text-shadow:0 0 #e6e6e6,1px 1px #e6e6e6,2px 2px #e6e6e6,3px 3px #e6e6e6,4px 4px #e6e6e6,5px 5px #e6e6e6,6px 6px #e6e6e6,7px 7px #e6e6e6,8px 8px #e6e6e6,9px 9px #e6e6e6,10px 10px #e6e6e6,11px 11px #e6e6e6,12px 12px #e6e6e6,13px 13px #e6e6e6,14px 14px #e6e6e6,15px 15px #e6e6e6,16px 16px #e6e6e6,17px 17px #e6e6e6,18px 18px #e6e6e6,19px 19px #e6e6e6,20px 20px #e6e6e6,21px 21px #e6e6e6,22px 22px #e6e6e6,23px 23px #e6e6e6,24px 24px #e6e6e6,25px 25px #e6e6e6,26px 26px #e6e6e6,27px 27px #e6e6e6,28px 28px #e6e6e6,29px 29px #e6e6e6,30px 30px #e6e6e6,31px 31px #e6e6e6,32px 32px #e6e6e6,33px 33px #e6e6e6,34px 34px #e6e6e6,35px 35px #e6e6e6,36px 36px #e6e6e6,37px 37px #e6e6e6,38px 38px #e6e6e6,39px 39px #e6e6e6,40px 40px #e6e6e6,41px 41px #e6e6e6,42px 42px #e6e6e6,43px 43px #e6e6e6,44px 44px #e6e6e6,45px 45px #e6e6e6,46px 46px #e6e6e6,47px 47px #e6e6e6,48px 48px #e6e6e6,49px 49px #e6e6e6,50px 50px #e6e6e6,51px 51px #e6e6e6,52px 52px #e6e6e6,53px 53px #e6e6e6,54px 54px #e6e6e6,55px 55px #e6e6e6,56px 56px #e6e6e6,57px 57px #e6e6e6,58px 58px #e6e6e6,59px 59px #e6e6e6,60px 60px #e6e6e6,61px 61px #e6e6e6,62px 62px #e6e6e6,63px 63px #e6e6e6,64px 64px #e6e6e6,65px 65px #e6e6e6,66px 66px #e6e6e6,67px 67px #e6e6e6,68px 68px #e6e6e6,69px 69px #e6e6e6,70px 70px #e6e6e6,71px 71px #e6e6e6,72px 72px #e6e6e6,73px 73px #e6e6e6,74px 74px #e6e6e6,75px 75px #e6e6e6,76px 76px #e6e6e6,77px 77px #e6e6e6,78px 78px #e6e6e6,79px 79px #e6e6e6,80px 80px #e6e6e6,81px 81px #e6e6e6,82px 82px #e6e6e6,83px 83px #e6e6e6,84px 84px #e6e6e6,85px 85px #e6e6e6}.button-longshadow-right.button-plain.active,.button-longshadow-right.button-plain.is-active,.button-longshadow-right.button-plain:active,.button-longshadow.button-plain.active,.button-longshadow.button-plain.is-active,.button-longshadow.button-plain:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-right.button-inverse,.button-longshadow.button-inverse{text-shadow:0 0 #090909,1px 1px #090909,2px 2px #090909,3px 3px #090909,4px 4px #090909,5px 5px #090909,6px 6px #090909,7px 7px #090909,8px 8px #090909,9px 9px #090909,10px 10px #090909,11px 11px #090909,12px 12px #090909,13px 13px #090909,14px 14px #090909,15px 15px #090909,16px 16px #090909,17px 17px #090909,18px 18px #090909,19px 19px #090909,20px 20px #090909,21px 21px #090909,22px 22px #090909,23px 23px #090909,24px 24px #090909,25px 25px #090909,26px 26px #090909,27px 27px #090909,28px 28px #090909,29px 29px #090909,30px 30px #090909,31px 31px #090909,32px 32px #090909,33px 33px #090909,34px 34px #090909,35px 35px #090909,36px 36px #090909,37px 37px #090909,38px 38px #090909,39px 39px #090909,40px 40px #090909,41px 41px #090909,42px 42px #090909,43px 43px #090909,44px 44px #090909,45px 45px #090909,46px 46px #090909,47px 47px #090909,48px 48px #090909,49px 49px #090909,50px 50px #090909,51px 51px #090909,52px 52px #090909,53px 53px #090909,54px 54px #090909,55px 55px #090909,56px 56px #090909,57px 57px #090909,58px 58px #090909,59px 59px #090909,60px 60px #090909,61px 61px #090909,62px 62px #090909,63px 63px #090909,64px 64px #090909,65px 65px #090909,66px 66px #090909,67px 67px #090909,68px 68px #090909,69px 69px #090909,70px 70px #090909,71px 71px #090909,72px 72px #090909,73px 73px #090909,74px 74px #090909,75px 75px #090909,76px 76px #090909,77px 77px #090909,78px 78px #090909,79px 79px #090909,80px 80px #090909,81px 81px #090909,82px 82px #090909,83px 83px #090909,84px 84px #090909,85px 85px #090909}.button-longshadow-right.button-inverse.active,.button-longshadow-right.button-inverse.is-active,.button-longshadow-right.button-inverse:active,.button-longshadow.button-inverse.active,.button-longshadow.button-inverse.is-active,.button-longshadow.button-inverse:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-right.button-action,.button-longshadow.button-action{text-shadow:0 0 #8bc220,1px 1px #8bc220,2px 2px #8bc220,3px 3px #8bc220,4px 4px #8bc220,5px 5px #8bc220,6px 6px #8bc220,7px 7px #8bc220,8px 8px #8bc220,9px 9px #8bc220,10px 10px #8bc220,11px 11px #8bc220,12px 12px #8bc220,13px 13px #8bc220,14px 14px #8bc220,15px 15px #8bc220,16px 16px #8bc220,17px 17px #8bc220,18px 18px #8bc220,19px 19px #8bc220,20px 20px #8bc220,21px 21px #8bc220,22px 22px #8bc220,23px 23px #8bc220,24px 24px #8bc220,25px 25px #8bc220,26px 26px #8bc220,27px 27px #8bc220,28px 28px #8bc220,29px 29px #8bc220,30px 30px #8bc220,31px 31px #8bc220,32px 32px #8bc220,33px 33px #8bc220,34px 34px #8bc220,35px 35px #8bc220,36px 36px #8bc220,37px 37px #8bc220,38px 38px #8bc220,39px 39px #8bc220,40px 40px #8bc220,41px 41px #8bc220,42px 42px #8bc220,43px 43px #8bc220,44px 44px #8bc220,45px 45px #8bc220,46px 46px #8bc220,47px 47px #8bc220,48px 48px #8bc220,49px 49px #8bc220,50px 50px #8bc220,51px 51px #8bc220,52px 52px #8bc220,53px 53px #8bc220,54px 54px #8bc220,55px 55px #8bc220,56px 56px #8bc220,57px 57px #8bc220,58px 58px #8bc220,59px 59px #8bc220,60px 60px #8bc220,61px 61px #8bc220,62px 62px #8bc220,63px 63px #8bc220,64px 64px #8bc220,65px 65px #8bc220,66px 66px #8bc220,67px 67px #8bc220,68px 68px #8bc220,69px 69px #8bc220,70px 70px #8bc220,71px 71px #8bc220,72px 72px #8bc220,73px 73px #8bc220,74px 74px #8bc220,75px 75px #8bc220,76px 76px #8bc220,77px 77px #8bc220,78px 78px #8bc220,79px 79px #8bc220,80px 80px #8bc220,81px 81px #8bc220,82px 82px #8bc220,83px 83px #8bc220,84px 84px #8bc220,85px 85px #8bc220}.button-longshadow-right.button-action.active,.button-longshadow-right.button-action.is-active,.button-longshadow-right.button-action:active,.button-longshadow.button-action.active,.button-longshadow.button-action.is-active,.button-longshadow.button-action:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-right.button-highlight,.button-longshadow.button-highlight{text-shadow:0 0 #e59501,1px 1px #e59501,2px 2px #e59501,3px 3px #e59501,4px 4px #e59501,5px 5px #e59501,6px 6px #e59501,7px 7px #e59501,8px 8px #e59501,9px 9px #e59501,10px 10px #e59501,11px 11px #e59501,12px 12px #e59501,13px 13px #e59501,14px 14px #e59501,15px 15px #e59501,16px 16px #e59501,17px 17px #e59501,18px 18px #e59501,19px 19px #e59501,20px 20px #e59501,21px 21px #e59501,22px 22px #e59501,23px 23px #e59501,24px 24px #e59501,25px 25px #e59501,26px 26px #e59501,27px 27px #e59501,28px 28px #e59501,29px 29px #e59501,30px 30px #e59501,31px 31px #e59501,32px 32px #e59501,33px 33px #e59501,34px 34px #e59501,35px 35px #e59501,36px 36px #e59501,37px 37px #e59501,38px 38px #e59501,39px 39px #e59501,40px 40px #e59501,41px 41px #e59501,42px 42px #e59501,43px 43px #e59501,44px 44px #e59501,45px 45px #e59501,46px 46px #e59501,47px 47px #e59501,48px 48px #e59501,49px 49px #e59501,50px 50px #e59501,51px 51px #e59501,52px 52px #e59501,53px 53px #e59501,54px 54px #e59501,55px 55px #e59501,56px 56px #e59501,57px 57px #e59501,58px 58px #e59501,59px 59px #e59501,60px 60px #e59501,61px 61px #e59501,62px 62px #e59501,63px 63px #e59501,64px 64px #e59501,65px 65px #e59501,66px 66px #e59501,67px 67px #e59501,68px 68px #e59501,69px 69px #e59501,70px 70px #e59501,71px 71px #e59501,72px 72px #e59501,73px 73px #e59501,74px 74px #e59501,75px 75px #e59501,76px 76px #e59501,77px 77px #e59501,78px 78px #e59501,79px 79px #e59501,80px 80px #e59501,81px 81px #e59501,82px 82px #e59501,83px 83px #e59501,84px 84px #e59501,85px 85px #e59501}.button-longshadow-right.button-highlight.active,.button-longshadow-right.button-highlight.is-active,.button-longshadow-right.button-highlight:active,.button-longshadow.button-highlight.active,.button-longshadow.button-highlight.is-active,.button-longshadow.button-highlight:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-right.button-caution,.button-longshadow.button-caution{text-shadow:0 0 #ff1022,1px 1px #ff1022,2px 2px #ff1022,3px 3px #ff1022,4px 4px #ff1022,5px 5px #ff1022,6px 6px #ff1022,7px 7px #ff1022,8px 8px #ff1022,9px 9px #ff1022,10px 10px #ff1022,11px 11px #ff1022,12px 12px #ff1022,13px 13px #ff1022,14px 14px #ff1022,15px 15px #ff1022,16px 16px #ff1022,17px 17px #ff1022,18px 18px #ff1022,19px 19px #ff1022,20px 20px #ff1022,21px 21px #ff1022,22px 22px #ff1022,23px 23px #ff1022,24px 24px #ff1022,25px 25px #ff1022,26px 26px #ff1022,27px 27px #ff1022,28px 28px #ff1022,29px 29px #ff1022,30px 30px #ff1022,31px 31px #ff1022,32px 32px #ff1022,33px 33px #ff1022,34px 34px #ff1022,35px 35px #ff1022,36px 36px #ff1022,37px 37px #ff1022,38px 38px #ff1022,39px 39px #ff1022,40px 40px #ff1022,41px 41px #ff1022,42px 42px #ff1022,43px 43px #ff1022,44px 44px #ff1022,45px 45px #ff1022,46px 46px #ff1022,47px 47px #ff1022,48px 48px #ff1022,49px 49px #ff1022,50px 50px #ff1022,51px 51px #ff1022,52px 52px #ff1022,53px 53px #ff1022,54px 54px #ff1022,55px 55px #ff1022,56px 56px #ff1022,57px 57px #ff1022,58px 58px #ff1022,59px 59px #ff1022,60px 60px #ff1022,61px 61px #ff1022,62px 62px #ff1022,63px 63px #ff1022,64px 64px #ff1022,65px 65px #ff1022,66px 66px #ff1022,67px 67px #ff1022,68px 68px #ff1022,69px 69px #ff1022,70px 70px #ff1022,71px 71px #ff1022,72px 72px #ff1022,73px 73px #ff1022,74px 74px #ff1022,75px 75px #ff1022,76px 76px #ff1022,77px 77px #ff1022,78px 78px #ff1022,79px 79px #ff1022,80px 80px #ff1022,81px 81px #ff1022,82px 82px #ff1022,83px 83px #ff1022,84px 84px #ff1022,85px 85px #ff1022}.button-longshadow-right.button-caution.active,.button-longshadow-right.button-caution.is-active,.button-longshadow-right.button-caution:active,.button-longshadow.button-caution.active,.button-longshadow.button-caution.is-active,.button-longshadow.button-caution:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-right.button-royal,.button-longshadow.button-royal{text-shadow:0 0 #5246e2,1px 1px #5246e2,2px 2px #5246e2,3px 3px #5246e2,4px 4px #5246e2,5px 5px #5246e2,6px 6px #5246e2,7px 7px #5246e2,8px 8px #5246e2,9px 9px #5246e2,10px 10px #5246e2,11px 11px #5246e2,12px 12px #5246e2,13px 13px #5246e2,14px 14px #5246e2,15px 15px #5246e2,16px 16px #5246e2,17px 17px #5246e2,18px 18px #5246e2,19px 19px #5246e2,20px 20px #5246e2,21px 21px #5246e2,22px 22px #5246e2,23px 23px #5246e2,24px 24px #5246e2,25px 25px #5246e2,26px 26px #5246e2,27px 27px #5246e2,28px 28px #5246e2,29px 29px #5246e2,30px 30px #5246e2,31px 31px #5246e2,32px 32px #5246e2,33px 33px #5246e2,34px 34px #5246e2,35px 35px #5246e2,36px 36px #5246e2,37px 37px #5246e2,38px 38px #5246e2,39px 39px #5246e2,40px 40px #5246e2,41px 41px #5246e2,42px 42px #5246e2,43px 43px #5246e2,44px 44px #5246e2,45px 45px #5246e2,46px 46px #5246e2,47px 47px #5246e2,48px 48px #5246e2,49px 49px #5246e2,50px 50px #5246e2,51px 51px #5246e2,52px 52px #5246e2,53px 53px #5246e2,54px 54px #5246e2,55px 55px #5246e2,56px 56px #5246e2,57px 57px #5246e2,58px 58px #5246e2,59px 59px #5246e2,60px 60px #5246e2,61px 61px #5246e2,62px 62px #5246e2,63px 63px #5246e2,64px 64px #5246e2,65px 65px #5246e2,66px 66px #5246e2,67px 67px #5246e2,68px 68px #5246e2,69px 69px #5246e2,70px 70px #5246e2,71px 71px #5246e2,72px 72px #5246e2,73px 73px #5246e2,74px 74px #5246e2,75px 75px #5246e2,76px 76px #5246e2,77px 77px #5246e2,78px 78px #5246e2,79px 79px #5246e2,80px 80px #5246e2,81px 81px #5246e2,82px 82px #5246e2,83px 83px #5246e2,84px 84px #5246e2,85px 85px #5246e2}.button-longshadow-right.button-royal.active,.button-longshadow-right.button-royal.is-active,.button-longshadow-right.button-royal:active,.button-longshadow.button-royal.active,.button-longshadow.button-royal.is-active,.button-longshadow.button-royal:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-left{overflow:hidden}.button-longshadow-left.button-primary{text-shadow:0 0 #0880d7,-1px 1px #0880d7,-2px 2px #0880d7,-3px 3px #0880d7,-4px 4px #0880d7,-5px 5px #0880d7,-6px 6px #0880d7,-7px 7px #0880d7,-8px 8px #0880d7,-9px 9px #0880d7,-10px 10px #0880d7,-11px 11px #0880d7,-12px 12px #0880d7,-13px 13px #0880d7,-14px 14px #0880d7,-15px 15px #0880d7,-16px 16px #0880d7,-17px 17px #0880d7,-18px 18px #0880d7,-19px 19px #0880d7,-20px 20px #0880d7,-21px 21px #0880d7,-22px 22px #0880d7,-23px 23px #0880d7,-24px 24px #0880d7,-25px 25px #0880d7,-26px 26px #0880d7,-27px 27px #0880d7,-28px 28px #0880d7,-29px 29px #0880d7,-30px 30px #0880d7,-31px 31px #0880d7,-32px 32px #0880d7,-33px 33px #0880d7,-34px 34px #0880d7,-35px 35px #0880d7,-36px 36px #0880d7,-37px 37px #0880d7,-38px 38px #0880d7,-39px 39px #0880d7,-40px 40px #0880d7,-41px 41px #0880d7,-42px 42px #0880d7,-43px 43px #0880d7,-44px 44px #0880d7,-45px 45px #0880d7,-46px 46px #0880d7,-47px 47px #0880d7,-48px 48px #0880d7,-49px 49px #0880d7,-50px 50px #0880d7,-51px 51px #0880d7,-52px 52px #0880d7,-53px 53px #0880d7,-54px 54px #0880d7,-55px 55px #0880d7,-56px 56px #0880d7,-57px 57px #0880d7,-58px 58px #0880d7,-59px 59px #0880d7,-60px 60px #0880d7,-61px 61px #0880d7,-62px 62px #0880d7,-63px 63px #0880d7,-64px 64px #0880d7,-65px 65px #0880d7,-66px 66px #0880d7,-67px 67px #0880d7,-68px 68px #0880d7,-69px 69px #0880d7,-70px 70px #0880d7,-71px 71px #0880d7,-72px 72px #0880d7,-73px 73px #0880d7,-74px 74px #0880d7,-75px 75px #0880d7,-76px 76px #0880d7,-77px 77px #0880d7,-78px 78px #0880d7,-79px 79px #0880d7,-80px 80px #0880d7,-81px 81px #0880d7,-82px 82px #0880d7,-83px 83px #0880d7,-84px 84px #0880d7,-85px 85px #0880d7}.button-longshadow-left.button-primary.active,.button-longshadow-left.button-primary.is-active,.button-longshadow-left.button-primary:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-left.button-plain{text-shadow:0 0 #e6e6e6,-1px 1px #e6e6e6,-2px 2px #e6e6e6,-3px 3px #e6e6e6,-4px 4px #e6e6e6,-5px 5px #e6e6e6,-6px 6px #e6e6e6,-7px 7px #e6e6e6,-8px 8px #e6e6e6,-9px 9px #e6e6e6,-10px 10px #e6e6e6,-11px 11px #e6e6e6,-12px 12px #e6e6e6,-13px 13px #e6e6e6,-14px 14px #e6e6e6,-15px 15px #e6e6e6,-16px 16px #e6e6e6,-17px 17px #e6e6e6,-18px 18px #e6e6e6,-19px 19px #e6e6e6,-20px 20px #e6e6e6,-21px 21px #e6e6e6,-22px 22px #e6e6e6,-23px 23px #e6e6e6,-24px 24px #e6e6e6,-25px 25px #e6e6e6,-26px 26px #e6e6e6,-27px 27px #e6e6e6,-28px 28px #e6e6e6,-29px 29px #e6e6e6,-30px 30px #e6e6e6,-31px 31px #e6e6e6,-32px 32px #e6e6e6,-33px 33px #e6e6e6,-34px 34px #e6e6e6,-35px 35px #e6e6e6,-36px 36px #e6e6e6,-37px 37px #e6e6e6,-38px 38px #e6e6e6,-39px 39px #e6e6e6,-40px 40px #e6e6e6,-41px 41px #e6e6e6,-42px 42px #e6e6e6,-43px 43px #e6e6e6,-44px 44px #e6e6e6,-45px 45px #e6e6e6,-46px 46px #e6e6e6,-47px 47px #e6e6e6,-48px 48px #e6e6e6,-49px 49px #e6e6e6,-50px 50px #e6e6e6,-51px 51px #e6e6e6,-52px 52px #e6e6e6,-53px 53px #e6e6e6,-54px 54px #e6e6e6,-55px 55px #e6e6e6,-56px 56px #e6e6e6,-57px 57px #e6e6e6,-58px 58px #e6e6e6,-59px 59px #e6e6e6,-60px 60px #e6e6e6,-61px 61px #e6e6e6,-62px 62px #e6e6e6,-63px 63px #e6e6e6,-64px 64px #e6e6e6,-65px 65px #e6e6e6,-66px 66px #e6e6e6,-67px 67px #e6e6e6,-68px 68px #e6e6e6,-69px 69px #e6e6e6,-70px 70px #e6e6e6,-71px 71px #e6e6e6,-72px 72px #e6e6e6,-73px 73px #e6e6e6,-74px 74px #e6e6e6,-75px 75px #e6e6e6,-76px 76px #e6e6e6,-77px 77px #e6e6e6,-78px 78px #e6e6e6,-79px 79px #e6e6e6,-80px 80px #e6e6e6,-81px 81px #e6e6e6,-82px 82px #e6e6e6,-83px 83px #e6e6e6,-84px 84px #e6e6e6,-85px 85px #e6e6e6}.button-longshadow-left.button-plain.active,.button-longshadow-left.button-plain.is-active,.button-longshadow-left.button-plain:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-left.button-inverse{text-shadow:0 0 #090909,-1px 1px #090909,-2px 2px #090909,-3px 3px #090909,-4px 4px #090909,-5px 5px #090909,-6px 6px #090909,-7px 7px #090909,-8px 8px #090909,-9px 9px #090909,-10px 10px #090909,-11px 11px #090909,-12px 12px #090909,-13px 13px #090909,-14px 14px #090909,-15px 15px #090909,-16px 16px #090909,-17px 17px #090909,-18px 18px #090909,-19px 19px #090909,-20px 20px #090909,-21px 21px #090909,-22px 22px #090909,-23px 23px #090909,-24px 24px #090909,-25px 25px #090909,-26px 26px #090909,-27px 27px #090909,-28px 28px #090909,-29px 29px #090909,-30px 30px #090909,-31px 31px #090909,-32px 32px #090909,-33px 33px #090909,-34px 34px #090909,-35px 35px #090909,-36px 36px #090909,-37px 37px #090909,-38px 38px #090909,-39px 39px #090909,-40px 40px #090909,-41px 41px #090909,-42px 42px #090909,-43px 43px #090909,-44px 44px #090909,-45px 45px #090909,-46px 46px #090909,-47px 47px #090909,-48px 48px #090909,-49px 49px #090909,-50px 50px #090909,-51px 51px #090909,-52px 52px #090909,-53px 53px #090909,-54px 54px #090909,-55px 55px #090909,-56px 56px #090909,-57px 57px #090909,-58px 58px #090909,-59px 59px #090909,-60px 60px #090909,-61px 61px #090909,-62px 62px #090909,-63px 63px #090909,-64px 64px #090909,-65px 65px #090909,-66px 66px #090909,-67px 67px #090909,-68px 68px #090909,-69px 69px #090909,-70px 70px #090909,-71px 71px #090909,-72px 72px #090909,-73px 73px #090909,-74px 74px #090909,-75px 75px #090909,-76px 76px #090909,-77px 77px #090909,-78px 78px #090909,-79px 79px #090909,-80px 80px #090909,-81px 81px #090909,-82px 82px #090909,-83px 83px #090909,-84px 84px #090909,-85px 85px #090909}.button-longshadow-left.button-inverse.active,.button-longshadow-left.button-inverse.is-active,.button-longshadow-left.button-inverse:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-left.button-action{text-shadow:0 0 #8bc220,-1px 1px #8bc220,-2px 2px #8bc220,-3px 3px #8bc220,-4px 4px #8bc220,-5px 5px #8bc220,-6px 6px #8bc220,-7px 7px #8bc220,-8px 8px #8bc220,-9px 9px #8bc220,-10px 10px #8bc220,-11px 11px #8bc220,-12px 12px #8bc220,-13px 13px #8bc220,-14px 14px #8bc220,-15px 15px #8bc220,-16px 16px #8bc220,-17px 17px #8bc220,-18px 18px #8bc220,-19px 19px #8bc220,-20px 20px #8bc220,-21px 21px #8bc220,-22px 22px #8bc220,-23px 23px #8bc220,-24px 24px #8bc220,-25px 25px #8bc220,-26px 26px #8bc220,-27px 27px #8bc220,-28px 28px #8bc220,-29px 29px #8bc220,-30px 30px #8bc220,-31px 31px #8bc220,-32px 32px #8bc220,-33px 33px #8bc220,-34px 34px #8bc220,-35px 35px #8bc220,-36px 36px #8bc220,-37px 37px #8bc220,-38px 38px #8bc220,-39px 39px #8bc220,-40px 40px #8bc220,-41px 41px #8bc220,-42px 42px #8bc220,-43px 43px #8bc220,-44px 44px #8bc220,-45px 45px #8bc220,-46px 46px #8bc220,-47px 47px #8bc220,-48px 48px #8bc220,-49px 49px #8bc220,-50px 50px #8bc220,-51px 51px #8bc220,-52px 52px #8bc220,-53px 53px #8bc220,-54px 54px #8bc220,-55px 55px #8bc220,-56px 56px #8bc220,-57px 57px #8bc220,-58px 58px #8bc220,-59px 59px #8bc220,-60px 60px #8bc220,-61px 61px #8bc220,-62px 62px #8bc220,-63px 63px #8bc220,-64px 64px #8bc220,-65px 65px #8bc220,-66px 66px #8bc220,-67px 67px #8bc220,-68px 68px #8bc220,-69px 69px #8bc220,-70px 70px #8bc220,-71px 71px #8bc220,-72px 72px #8bc220,-73px 73px #8bc220,-74px 74px #8bc220,-75px 75px #8bc220,-76px 76px #8bc220,-77px 77px #8bc220,-78px 78px #8bc220,-79px 79px #8bc220,-80px 80px #8bc220,-81px 81px #8bc220,-82px 82px #8bc220,-83px 83px #8bc220,-84px 84px #8bc220,-85px 85px #8bc220}.button-longshadow-left.button-action.active,.button-longshadow-left.button-action.is-active,.button-longshadow-left.button-action:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-left.button-highlight{text-shadow:0 0 #e59501,-1px 1px #e59501,-2px 2px #e59501,-3px 3px #e59501,-4px 4px #e59501,-5px 5px #e59501,-6px 6px #e59501,-7px 7px #e59501,-8px 8px #e59501,-9px 9px #e59501,-10px 10px #e59501,-11px 11px #e59501,-12px 12px #e59501,-13px 13px #e59501,-14px 14px #e59501,-15px 15px #e59501,-16px 16px #e59501,-17px 17px #e59501,-18px 18px #e59501,-19px 19px #e59501,-20px 20px #e59501,-21px 21px #e59501,-22px 22px #e59501,-23px 23px #e59501,-24px 24px #e59501,-25px 25px #e59501,-26px 26px #e59501,-27px 27px #e59501,-28px 28px #e59501,-29px 29px #e59501,-30px 30px #e59501,-31px 31px #e59501,-32px 32px #e59501,-33px 33px #e59501,-34px 34px #e59501,-35px 35px #e59501,-36px 36px #e59501,-37px 37px #e59501,-38px 38px #e59501,-39px 39px #e59501,-40px 40px #e59501,-41px 41px #e59501,-42px 42px #e59501,-43px 43px #e59501,-44px 44px #e59501,-45px 45px #e59501,-46px 46px #e59501,-47px 47px #e59501,-48px 48px #e59501,-49px 49px #e59501,-50px 50px #e59501,-51px 51px #e59501,-52px 52px #e59501,-53px 53px #e59501,-54px 54px #e59501,-55px 55px #e59501,-56px 56px #e59501,-57px 57px #e59501,-58px 58px #e59501,-59px 59px #e59501,-60px 60px #e59501,-61px 61px #e59501,-62px 62px #e59501,-63px 63px #e59501,-64px 64px #e59501,-65px 65px #e59501,-66px 66px #e59501,-67px 67px #e59501,-68px 68px #e59501,-69px 69px #e59501,-70px 70px #e59501,-71px 71px #e59501,-72px 72px #e59501,-73px 73px #e59501,-74px 74px #e59501,-75px 75px #e59501,-76px 76px #e59501,-77px 77px #e59501,-78px 78px #e59501,-79px 79px #e59501,-80px 80px #e59501,-81px 81px #e59501,-82px 82px #e59501,-83px 83px #e59501,-84px 84px #e59501,-85px 85px #e59501}.button-longshadow-left.button-highlight.active,.button-longshadow-left.button-highlight.is-active,.button-longshadow-left.button-highlight:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-left.button-caution{text-shadow:0 0 #ff1022,-1px 1px #ff1022,-2px 2px #ff1022,-3px 3px #ff1022,-4px 4px #ff1022,-5px 5px #ff1022,-6px 6px #ff1022,-7px 7px #ff1022,-8px 8px #ff1022,-9px 9px #ff1022,-10px 10px #ff1022,-11px 11px #ff1022,-12px 12px #ff1022,-13px 13px #ff1022,-14px 14px #ff1022,-15px 15px #ff1022,-16px 16px #ff1022,-17px 17px #ff1022,-18px 18px #ff1022,-19px 19px #ff1022,-20px 20px #ff1022,-21px 21px #ff1022,-22px 22px #ff1022,-23px 23px #ff1022,-24px 24px #ff1022,-25px 25px #ff1022,-26px 26px #ff1022,-27px 27px #ff1022,-28px 28px #ff1022,-29px 29px #ff1022,-30px 30px #ff1022,-31px 31px #ff1022,-32px 32px #ff1022,-33px 33px #ff1022,-34px 34px #ff1022,-35px 35px #ff1022,-36px 36px #ff1022,-37px 37px #ff1022,-38px 38px #ff1022,-39px 39px #ff1022,-40px 40px #ff1022,-41px 41px #ff1022,-42px 42px #ff1022,-43px 43px #ff1022,-44px 44px #ff1022,-45px 45px #ff1022,-46px 46px #ff1022,-47px 47px #ff1022,-48px 48px #ff1022,-49px 49px #ff1022,-50px 50px #ff1022,-51px 51px #ff1022,-52px 52px #ff1022,-53px 53px #ff1022,-54px 54px #ff1022,-55px 55px #ff1022,-56px 56px #ff1022,-57px 57px #ff1022,-58px 58px #ff1022,-59px 59px #ff1022,-60px 60px #ff1022,-61px 61px #ff1022,-62px 62px #ff1022,-63px 63px #ff1022,-64px 64px #ff1022,-65px 65px #ff1022,-66px 66px #ff1022,-67px 67px #ff1022,-68px 68px #ff1022,-69px 69px #ff1022,-70px 70px #ff1022,-71px 71px #ff1022,-72px 72px #ff1022,-73px 73px #ff1022,-74px 74px #ff1022,-75px 75px #ff1022,-76px 76px #ff1022,-77px 77px #ff1022,-78px 78px #ff1022,-79px 79px #ff1022,-80px 80px #ff1022,-81px 81px #ff1022,-82px 82px #ff1022,-83px 83px #ff1022,-84px 84px #ff1022,-85px 85px #ff1022}.button-longshadow-left.button-caution.active,.button-longshadow-left.button-caution.is-active,.button-longshadow-left.button-caution:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-longshadow-left.button-royal{text-shadow:0 0 #5246e2,-1px 1px #5246e2,-2px 2px #5246e2,-3px 3px #5246e2,-4px 4px #5246e2,-5px 5px #5246e2,-6px 6px #5246e2,-7px 7px #5246e2,-8px 8px #5246e2,-9px 9px #5246e2,-10px 10px #5246e2,-11px 11px #5246e2,-12px 12px #5246e2,-13px 13px #5246e2,-14px 14px #5246e2,-15px 15px #5246e2,-16px 16px #5246e2,-17px 17px #5246e2,-18px 18px #5246e2,-19px 19px #5246e2,-20px 20px #5246e2,-21px 21px #5246e2,-22px 22px #5246e2,-23px 23px #5246e2,-24px 24px #5246e2,-25px 25px #5246e2,-26px 26px #5246e2,-27px 27px #5246e2,-28px 28px #5246e2,-29px 29px #5246e2,-30px 30px #5246e2,-31px 31px #5246e2,-32px 32px #5246e2,-33px 33px #5246e2,-34px 34px #5246e2,-35px 35px #5246e2,-36px 36px #5246e2,-37px 37px #5246e2,-38px 38px #5246e2,-39px 39px #5246e2,-40px 40px #5246e2,-41px 41px #5246e2,-42px 42px #5246e2,-43px 43px #5246e2,-44px 44px #5246e2,-45px 45px #5246e2,-46px 46px #5246e2,-47px 47px #5246e2,-48px 48px #5246e2,-49px 49px #5246e2,-50px 50px #5246e2,-51px 51px #5246e2,-52px 52px #5246e2,-53px 53px #5246e2,-54px 54px #5246e2,-55px 55px #5246e2,-56px 56px #5246e2,-57px 57px #5246e2,-58px 58px #5246e2,-59px 59px #5246e2,-60px 60px #5246e2,-61px 61px #5246e2,-62px 62px #5246e2,-63px 63px #5246e2,-64px 64px #5246e2,-65px 65px #5246e2,-66px 66px #5246e2,-67px 67px #5246e2,-68px 68px #5246e2,-69px 69px #5246e2,-70px 70px #5246e2,-71px 71px #5246e2,-72px 72px #5246e2,-73px 73px #5246e2,-74px 74px #5246e2,-75px 75px #5246e2,-76px 76px #5246e2,-77px 77px #5246e2,-78px 78px #5246e2,-79px 79px #5246e2,-80px 80px #5246e2,-81px 81px #5246e2,-82px 82px #5246e2,-83px 83px #5246e2,-84px 84px #5246e2,-85px 85px #5246e2}.button-longshadow-left.button-royal.active,.button-longshadow-left.button-royal.is-active,.button-longshadow-left.button-royal:active{text-shadow:0 1px 0 rgba(255,255,255,.4)}.button-giant{font-size:28px;height:70px;line-height:70px;padding:0 70px}.button-jumbo{font-size:24px;height:60px;line-height:60px;padding:0 60px}.button-large{font-size:20px;height:50px;line-height:50px;padding:0 50px}.button-normal{font-size:16px;height:40px;line-height:40px;padding:0 40px}.button-small{font-size:12px;height:30px;line-height:30px;padding:0 30px}.button-tiny{font-size:9.6px;height:24px;line-height:24px;padding:0 24px} \ No newline at end of file diff --git a/css/main.css b/css/main.css deleted file mode 100755 index 2790786..0000000 --- a/css/main.css +++ /dev/null @@ -1,417 +0,0 @@ -@-webkit-keyframes title { - /* line 12, ../scss/main.scss */ - from { - color: #EEE; - margin-top: -220px; - } - - /* line 16, ../scss/main.scss */ - to { - color: #333; - margin-top: 0px; - } -} - -/* line 35, ../scss/main.scss */ -.clear { - clear: both; -} - -/* line 37, ../scss/main.scss */ -body { - padding: 60px 0px 0px 0px; - margin: 0px; - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - font-weight: 300; -} - -/* line 45, ../scss/main.scss */ -nav { - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); - opacity: 0.9; - background: #FFF; - padding: 0px; - position: fixed; - top: 0px; - left: 0px; - right: 0px; - z-index: 100; -} -/* line 55, ../scss/main.scss */ -nav ul { - width: 900px; - margin: 0px auto; - padding: 0px; - list-style-type: none; -} -/* line 63, ../scss/main.scss */ -nav ul li { - -webkit-transition: border 0.2s; - -moz-transition: border 0.2s; - -o-transition: border 0.2s; - transition: border 0.2s; - float: left; - margin-bottom: -3px; -} -/* line 68, ../scss/main.scss */ -nav ul li.selected { - border-bottom: 10px solid #d30d15; -} -/* line 72, ../scss/main.scss */ -nav ul li.home { - padding: 10px; -} -/* line 75, ../scss/main.scss */ -nav ul li.home a { - -webkit-border-radius: 100px; - -moz-border-radius: 100px; - -ms-border-radius: 100px; - -o-border-radius: 100px; - border-radius: 100px; - display: block; - line-height: 40px; - width: 40px; - background: #d30d15; - color: #FFF; - font-family: "Cherry Swash", sans-serif; - text-align: center; - font-size: 24px; - padding: 0px; -} -/* line 90, ../scss/main.scss */ -nav ul a { - float: left; - text-decoration: none; - padding: 20px 15px; - color: #999; - text-transform: uppercase; - font-size: 14px; -} - -/* line 102, ../scss/main.scss */ -header { - background: #fcfcfc; - padding: 40px 0px 100px 0px; - border-bottom: 1px solid #eeeeee; - position: relative; - margin-bottom: 100px; - position: relative; -} -/* line 110, ../scss/main.scss */ -header hgroup { - text-align: center; - font-family: "Cherry Swash", sans-serif; -} -/* line 114, ../scss/main.scss */ -header hgroup h1 { - -webkit-animation-name: title; - -khtml-animation-name: title; - -moz-animation-name: title; - -ms-animation-name: title; - -o-animation-name: title; - animation-name: title; - -webkit-animation-duration: 2.5s; - -webkit-animation-iteration-count: 1; - font-size: 150px; - font-weight: 700; - margin: 0px 10px 0px 10px; - line-height: 150px; - color: #333; - text-shadow: 0px 1px 0px #FFF; -} -/* line 123, ../scss/main.scss */ -header hgroup h2 { - color: #999; - font-weight: normal; - margin: 0px 10px 20px 10px; - text-shadow: 0px 1px 0px #FFF; -} -/* line 131, ../scss/main.scss */ -header .social-buttons { - position: absolute; - bottom: 20px; - left: 20px; -} -/* line 136, ../scss/main.scss */ -header .social-buttons .github-button { - min-width: 90px; -} -/* line 141, ../scss/main.scss */ -header .button-download { - position: absolute; - bottom: -74px; - left: 50%; - margin-left: -74px; - z-index: 10; -} -@media only screen and (max-width: 480px) { - /* line 102, ../scss/main.scss */ - header { - padding: 70px 0px 80px 0px; - } - /* line 156, ../scss/main.scss */ - header hgroup h1 { - font-size: 70px; - line-height: 80px; - margin: 0px 10px 10px 10px; - } - /* line 161, ../scss/main.scss */ - header hgroup h2 { - font-size: 24px; - margin: 0px 20px 20px 20px; - } - /* line 167, ../scss/main.scss */ - header .social-buttons { - position: absolute; - top: 20px; - left: auto; - bottom: auto; - right: 20px; - } -} - -/* line 179, ../scss/main.scss */ -#page { - max-width: 920px; - margin: 0px auto; -} -/* line 184, ../scss/main.scss */ -#page .showcase { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - -ms-border-radius: 10px; - -o-border-radius: 10px; - border-radius: 10px; - -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); - background: #fcfcfc; - margin: 0px 10px 60px 10px; - position: relative; -} -/* line 191, ../scss/main.scss */ -#page .showcase hgroup { - position: absolute; - top: -30px; - z-index: 1; -} -/* line 196, ../scss/main.scss */ -#page .showcase hgroup h3 { - font-family: "Cherry Swash", sans-serif; - font-weight: lighter; - color: #CCC; - font-size: 16px; - line-height: 30px; - margin: 0px; - padding: 0px; -} -/* line 205, ../scss/main.scss */ -#page .showcase hgroup h3 em { - font-size: 11px; - color: #999; - font-style: normal; -} -/* line 210, ../scss/main.scss */ -#page .showcase hgroup h3 em a { - color: #999; -} -/* line 217, ../scss/main.scss */ -#page .showcase .gallery { - padding: 20px 20px 20px 20px; -} -/* line 220, ../scss/main.scss */ -#page .showcase .gallery > ul { - list-style-type: none; - margin: 0px 0px 20px 0px; - padding: 0; -} -/* line 225, ../scss/main.scss */ -#page .showcase .gallery > ul:last-child { - margin-bottom: 0px; -} -/* line 229, ../scss/main.scss */ -#page .showcase .gallery > ul > li { - margin: 5px; - display: inline-block; -} -/* line 235, ../scss/main.scss */ -#page .showcase .gallery em { - font-size: 11px; - color: #999; - font-style: normal; -} -/* line 240, ../scss/main.scss */ -#page .showcase .gallery em a { - color: #999; -} -/* line 246, ../scss/main.scss */ -#page .showcase .prettyprint { - -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4); - -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4); - -moz-border-radius-bottomleft: 10px; - -webkit-border-bottom-left-radius: 10px; - border-bottom-left-radius: 10px; - -moz-border-radius-bottomright: 10px; - -webkit-border-bottom-right-radius: 10px; - border-bottom-right-radius: 10px; - background: #333; - padding: 10px 5px; - margin: 0; - font-size: 11px; - line-height: 16px; - overflow: hidden; -} -/* line 256, ../scss/main.scss */ -#page .showcase .prettyprint li.L1, #page .showcase .prettyprint li.L3, #page .showcase .prettyprint li.L5, #page .showcase .prettyprint li.L7, #page .showcase .prettyprint li.L9 { - background: #333; -} - -/* line 264, ../scss/main.scss */ -#setup { - background: #EEE; -} -/* line 267, ../scss/main.scss */ -#setup h2 { - text-align: center; - font-weight: 100; - font-size: 60px; - color: #CCC; - text-shadow: 0px 1px 0px #FFF; - margin: 0px 0px 20px 0px; - line-height: 60px; -} -@media only screen and (max-width: 480px) { - /* line 267, ../scss/main.scss */ - #setup h2 { - font-size: 44px; - } -} -/* line 280, ../scss/main.scss */ -#setup h3 { - color: #666; - font-size: 22px; -} -/* line 285, ../scss/main.scss */ -#setup .instructions { - max-width: 880px; - padding: 40px 20px; - margin: 0px auto; -} -/* line 290, ../scss/main.scss */ -#setup .instructions ol.steps { - padding-left: 30px; -} -/* line 292, ../scss/main.scss */ -#setup .instructions ol.steps > li { - line-height: 22px; - margin-bottom: 10px; - color: #666; -} -/* line 299, ../scss/main.scss */ -#setup .instructions em { - font-size: 12px; -} -/* line 305, ../scss/main.scss */ -#setup .prettyprint { - -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4); - -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -ms-border-radius: 3px; - -o-border-radius: 3px; - border-radius: 3px; - background: #333; - padding: 5px; - margin: 0; - font-size: 10px; - line-height: 16px; - overflow: hidden; -} -/* line 315, ../scss/main.scss */ -#setup .prettyprint .linenums { - padding-left: 20px; -} -/* line 319, ../scss/main.scss */ -#setup .prettyprint li.L1, #setup .prettyprint li.L3, #setup .prettyprint li.L5, #setup .prettyprint li.L7, #setup .prettyprint li.L9 { - background: #333; -} -/* line 324, ../scss/main.scss */ -#setup .customize { - float: right; -} -/* line 328, ../scss/main.scss */ -#setup .setup { - float: left; -} -/* line 331, ../scss/main.scss */ -#setup .customize, #setup .setup { - width: 47%; - text-align: left; -} -@media only screen and (max-width: 480px) { - /* line 331, ../scss/main.scss */ - #setup .customize, #setup .setup { - float: none; - width: auto; - margin: 20px auto 40px auto; - } -} - -/* line 344, ../scss/main.scss */ -footer { - background: #333; - color: #FFF; - padding: 20px; - text-align: center; - font-size: 12px; -} -/* line 351, ../scss/main.scss */ -footer a { - color: #FFF; -} - -@media only screen and (max-width: 480px) { - /* line 366, ../scss/main.scss */ - body { - padding: 0px; - } - - /* line 371, ../scss/main.scss */ - nav { - position: static; - } - /* line 374, ../scss/main.scss */ - nav ul { - width: auto; - } - /* line 377, ../scss/main.scss */ - nav ul li { - float: none; - display: block; - border-bottom: 1px solid #EEE; - } - /* line 382, ../scss/main.scss */ - nav ul li.home { - padding: 10px; - margin: 5px auto; - } - /* line 385, ../scss/main.scss */ - nav ul li.home a { - margin: 5px auto; - } - /* line 391, ../scss/main.scss */ - nav ul li.selected { - border-bottom: 1px solid #EEE; - } - /* line 395, ../scss/main.scss */ - nav ul li a { - float: none; - display: block; - line-height: 24px; - padding: 10px 20px; - font-size: 18px; - text-align: center; - } -} diff --git a/humans.txt b/humans.txt index e215586..2bc3f4a 100755 --- a/humans.txt +++ b/humans.txt @@ -3,14 +3,21 @@ # TEAM Alexander Wolfe -- Author -- @alexwolfe + Rob Levin -- Author -- @roblevintennis # THANKS The Sass Team The Compass Team - Google Prettify for making my code snippets look nicer! - Font Awesome for the great looking font icons. + The Gulp Team + The Grunt Team + The Autoprefixer Team + Google Prettify Team + Font Awesome Team. jQuery Plugin Boiler Plate @addyosmani and @zenorocha + The Saucelabs Team. + The QUnit Team. + The Travic CI Team. # TECHNOLOGY COLOPHON - HTML5, CSS3, Sass, Compass + HTML5, CSS3, Sass, Autoprefixer, Compass, Gulp, Grunt diff --git a/index.html b/index.html deleted file mode 100755 index 7d17dd4..0000000 --- a/index.html +++ /dev/null @@ -1,778 +0,0 @@ - - - - - - - - - - - - - - - - - - Buttons - A CSS button library built with Sass and Compass - - - -
- - - - - -
-
-

Buttons

-

A CSS button library built with Sass & Compass

-
- - - Download - - -
- - - - - - - - - - - -
-
-
- - -
- - - - - -
-
-

Flat Buttons

-
- - - -
-<a href="#" class="button button-rounded button-flat-primary">press me</a>
-<a href="#" class="button button-pill button-flat-primary">press me</a>
-<a href="#" class="button button-flat-primary">press me</a>
-<a href="#" class="button button-circle button-flat-primary">press me</a>
-
- - - - - - - -
-
-

Icon Buttons (icons provided by Font Awesome)

-
- - - -
-<a href="#" class="button button-rounded button-flat"><i class="fa fa-github"></i> press me</a>
-<a href="#" class="button button-rounded button-flat-primary"><i class="fa fa-refresh"></i> press me</a>
-<a href="#" class="button button-rounded button-flat-action"><i class="fa fa-cloud"></i> press me</a>
-<a href="#" class="button button-rounded button-flat-highlight"><i class="fa fa-camera"></i> press me</a>
-<a href="#" class="button button-rounded button-flat-caution"><i class="fa fa-code"></i> press me</a>
-<a href="#" class="button button-rounded button-flat-royal"><i class="fa fa-download"></i> press me</a>
-
- - - - - - -
-
-

Glow Buttons

-
- - - -
-<a href="#" class="button glow button-rounded button-flat">press me</a>
-<a href="#" class="button glow button-rounded button-flat-primary">press me</a>
-<a href="#" class="button glow button-rounded button-flat-action">press me</a>
-<a href="#" class="button glow button-rounded button-flat-highlight">press me</a>
-<a href="#" class="button glow button-rounded button-flat-caution">press me</a>
-<a href="#" class="button glow button-rounded button-flat-royal">press me</a>
-
- - - - - - -
-
-

Rounded Buttons

-
- - - -
-<a href="#" class="button button-rounded">press me</a>
-<a href="#" class="button button-rounded button-primary">press me</a>
-<a href="#" class="button button-rounded button-action">press me</a>
-<a href="#" class="button button-rounded button-highlight">press me</a>
-<a href="#" class="button button-rounded button-caution">press me</a>
-<a href="#" class="button button-rounded button-royal">press me</a>
-
- - - - - - - -
-
-

Pill Buttons

-
- - - -
-<a href="#" class="button button-pill">press me</a>
-<a href="#" class="button button-pill button-primary">press me</a>
-<a href="#" class="button button-pill button-action">press me</a>
-<a href="#" class="button button-pill button-highlight">press me</a>
-<a href="#" class="button button-pill button-caution">press me</a>
-<a href="#" class="button button-pill button-royal">press me</a>
-
- - - - - - - -
-
-

Border Buttons

-
- - - -
-<a href="#" class="button button-border">press me</a>
-<a href="#" class="button button-border-primary button-rounded">press me</a>
-<a href="#" class="button button-border-action button-pill">press me</a>
-<a href="#" class="button button-border-highlight button-circle">press me</a>
-<a href="#" class="button button-border-caution"><i class="fa fa-camera"></i> press me</a>
-<a href="#" class="button button-border-royal">press me</a>
-
- - - - - - - -
-
-

3D Buttons

-
- - - -
-<a href="#" class="button button-3d">press me</a>
-<a href="#" class="button button-3d-primary button-rounded">press me</a>
-<a href="#" class="button button-3d-action button-pill">press me</a>
-<a href="#" class="button button-3d-highlight button-circle">press me</a>
-<a href="#" class="button button-3d-caution"><i class="fa fa-camera"></i> press me</a>
-<a href="#" class="button button-3d-royal">press me</a>
-
- - - - - - - -
-
-

Square Buttons

-
- - - -
-<a href="#" class="button">press me</a>
-<a href="#" class="button button-primary">press me</a>
-<a href="#" class="button button-action">press me</a>
-<a href="#" class="button button-highlight">press me</a>
-<a href="#" class="button button-caution">press me</a>
-<a href="#" class="button button-royal">press me</a>
-
- - - - - - - -
-
-

Circle Buttons

-
- - - -
-<a href="#" class="button button-circle">press me</a>
-<a href="#" class="button button-circle button-primary">press me</a>
-<a href="#" class="button button-circle button-action">press me</a>
-<a href="#" class="button button-circle button-highlight">press me</a>
-<a href="#" class="button button-circle button-caution">press me</a>
-<a href="#" class="button button-circle button-royal">press me</a>
-
- - - - - - - -
-
-

Dropdown Buttons (Include jQuery & buttons.js)

-
- - - - -
<span class="button-dropdown" data-buttons="dropdown">
-    <a href="#" class="button button-rounded button-flat-primary"> press me <i class="fa fa-caret-down"></i></a>
-    <ul>
-         <li><a href="http://airwolfe.com">AirWolfe.com</a></li>
-         <li><a href="http://twitter.com">Twitter</a></li>
-         <li class="button-dropdown-divider"><a href="http://google.com">Google</a></li>
-    </ul>
-</span>
-
-<span class="button-dropdown" data-buttons="dropdown">
-    <a href="#" class="button button-rounded button-flat-primary"> press me <i class="fa fa-caret-down"></i></a>
-
-    <!-- Dropdown Below Button -->
-    <ul class="button-dropdown-menu-below">
-         <li><a href="http://airwolfe.com">AirWolfe.com</a></li>
-         <li><a href="http://twitter.com">Twitter</a></li>
-         <li class="button-dropdown-divider"><a href="http://google.com">Google</a></li>
-    </ul>
-</span>
-
-<span class="button-dropdown" data-buttons="dropdown">
-    <a href="#" class="button button-rounded button-flat-primary"> press me <i class="fa fa-caret-down"></i></a>
-
-    <!-- Dropdown Above Button -->
-    <ul class="button-dropdown-menu-above">
-         <li><a href="http://airwolfe.com">AirWolfe.com</a></li>
-         <li><a href="http://twitter.com">Twitter</a></li>
-         <li class="button-dropdown-divider"><a href="http://google.com">Google</a></li>
-    </ul>
-</span>
-
-
- - - - - - - -
-
-

Block Buttons

-
- - - -
<a href="#" class="button button-block button-rounded button-primary button-large">press me</a>
- -
- - - - - - - -
-
-

Button Sizes

-
- - - -
-<a href="#" class="button button-rounded button-flat-primary button-large">press me</a>
-<a href="#" class="button button-rounded button-flat-primary">press me</a>
-<a href="#" class="button button-rounded button-flat-primary button-small">press me</a>
-<a href="#" class="button button-rounded button-flat-primary button-tiny">press me</a>
- - - - - - - -
-
-

Button Wrappers

-
- - - -
<span class="button-wrap"><a href="#" class="button button-circle">press me</a></span>
-<span class="button-wrap"><a href="#" class="button button-circle button-primary">press me</a></span>
-<span class="button-wrap"><a href="#" class="button button-pill ">press me</a></span>
-<span class="button-wrap"><a href="#" class="button button-pill button-primary">press me</a></span>
-
- - - - - - - -
-
-

Button Groups

-
- - -
<div class="button-group">
-    <button type="button" class="button">Option 1</button>
-    <button type="button" class="button">Option 2</button>
-    <button type="button" class="button">Option 3</button>
-</div>
-<div class="button-group">
-    <button type="button" class="button button-primary">Option 1</button>
-    <button type="button" class="button button-primary">Option 2</button>
-    <button type="button" class="button button-primary">Option 3</button>
-</div>
-<div class="button-group">
-    <button type="button" class="active button button-pill">Option 1</button>
-    <button type="button" class="button button-pill">Option 2</button>
-    <button type="button" class="button button-pill">Option 3</button>
-</div>
-<div class="button-group">
-    <button type="button" class="button button-pill button-action">Option 1</button>
-    <button type="button" class="button button-pill button-action">Option 2</button>
-    <button type="button" class="button button-pill button-action">Option 3</button>
-</div>
-<div class="button-group">
-    <button type="button" class="button button-rounded">Option 1</button>
-    <button type="button" class="button button-rounded">Option 2</button>
-    <button type="button" class="button button-rounded">Option 3</button>
-</div>
-<div class="button-group">
-    <button type="button" class="button button-flat-primary">Option 1</button>
-    <button type="button" class="button button-flat-primary">Option 2</button>
-    <button type="button" class="button button-flat-primary">Option 3</button>
-</div>
-
- - - - - -
-
-

Form Elements Work Too

-
- - - -
-<input type="submit" value="press me" class="button button-pill button-primary"/>
-<button class="button button-pill button-primary">press me</button>
-
-<!-- DISABLED BUTTONS -->
-<input  disabled type="submit"  value="press me" class="button button-pill button-primary"/>
-<button disabled class="button  button-pill button-primary">press me</button>
-<a href="#" class="button disabled button-pill button-primary">press me</a>
-
- -
- - -
-
-

Getting Started

-
-

Setup Buttons

-
    -
  1. - Download Buttons and add files to your website. -
  2. -
  3. Add css in the head of your webpage. -
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    -<link rel="stylesheet" href="css/buttons.css">
    -
    -<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    -<script type="text/javascript" src="js/buttons.js"></script>
    - - * You only need the font-awesome css if you're using icons
    - * You only need jquery & buttons.js if you're using dropdown buttons -
  4. -
  5. Create buttons in your html.
  6. -
-
- -
-

Customize Buttons

-
    -
  1. Fork or Download the Buttons project on github. -
  2. -
  3. Make sure you have Sass and Compass installed.
  4. -
  5. Edit the _options.scss with your own custom values
  6. -
  7. In the root of the Buttons directory type compass watch on the command line.
  8. -
  9. The buttons.css file should now be updated
  10. -
-
-
-
-
- - - - - - - - - - - - diff --git a/js/buttons.js b/js/buttons.js index 55dcc35..1cf2591 100644 --- a/js/buttons.js +++ b/js/buttons.js @@ -1,112 +1,115 @@ /*! @license - * Project: Buttons - * Description: A highly customizable CSS button library built with Sass and Compass - * Author: Alex Wolfe - * License: Apache License v2.0 - */ +* Project: Buttons +* Description: A highly customizable CSS button library built with Sass and Compass +* Author: Alex Wolfe and Rob Levin +* License: Apache License v2.0 +*/ + // the semi-colon before function invocation is a safety net against concatenated // scripts and/or other plugins which may not be closed properly. ;(function ( $, window, document, undefined ) { - 'use strict'; - - // undefined is used here as the undefined global variable in ECMAScript 3 is - // mutable (ie. it can be changed by someone else). undefined isn't really being - // passed in so we can ensure the value of it is truly undefined. In ES5, undefined - // can no longer be modified. - - // window and document are passed through as local variable rather than global - // as this (slightly) quickens the resolution process and can be more efficiently - // minified (especially when both are regularly referenced in your plugin). - - // Create the defaults once - var pluginName = "menuButton"; - var menuClass = ".button-dropdown"; - var defaults = { - propertyName: "value" - }; - - // The actual plugin constructor - function Plugin( element, options ) { - - //SET OPTIONS - this.options = $.extend( {}, defaults, options ); - this._defaults = defaults; - this._name = pluginName; - - //REGISTER ELEMENT - this.$element = $(element); - - //INITIALIZE - this.init(); + 'use strict'; + + // undefined is used here as the undefined global variable in ECMAScript 3 is + // mutable (ie. it can be changed by someone else). undefined isn't really being + // passed in so we can ensure the value of it is truly undefined. In ES5, undefined + // can no longer be modified. + + // window and document are passed through as local variable rather than global + // as this (slightly) quickens the resolution process and can be more efficiently + // minified (especially when both are regularly referenced in your plugin). + + // Create the defaults once + var pluginName = "menuButton"; + var menuClass = ".button-dropdown"; + var defaults = { + propertyName: "value" + }; + + // The actual plugin constructor + function Plugin( element, options ) { + + //SET OPTIONS + this.options = $.extend( {}, defaults, options ); + this._defaults = defaults; + this._name = pluginName; + + //REGISTER ELEMENT + this.$element = $(element); + + //INITIALIZE + this.init(); + } + + Plugin.prototype = { + constructor: Plugin, + + init: function() { + // WE DON'T STOP PROPGATION SO CLICKS WILL AUTOMATICALLY + // TOGGLE AND REMOVE THE DROPDOWN + this.toggle(); + }, + + toggle: function(el, options) { + if(this.$element.data('dropdown') === 'show') { + this.hideMenu(); + } + else { + this.showMenu(); + } + }, + + showMenu: function() { + this.$element.data('dropdown', 'show'); + this.$element.find('ul').show(); + this.$element.find('.button:first').addClass('is-active'); + }, + + hideMenu: function() { + this.$element.data('dropdown', 'hide'); + this.$element.find('ul').hide(); + this.$element.find('.button:first').removeClass('is-active'); } - - Plugin.prototype = { - constructor: Plugin, - - init: function() { - // WE DON'T STOP PROPGATION SO CLICKS WILL AUTOMATICALLY - // TOGGLE AND REMOVE THE DROPDOWN - this.toggle(); - }, - - toggle: function(el, options) { - if(this.$element.data('dropdown') === 'show') { - this.hideMenu(); - } - else { - this.showMenu(); - } - }, - - showMenu: function() { - this.$element.data('dropdown', 'show'); - this.$element.find('ul').show(); - }, - - hideMenu: function() { - this.$element.data('dropdown', 'hide'); - this.$element.find('ul').hide(); - } - }; - - // A really lightweight plugin wrapper around the constructor, - // preventing against multiple instantiations - $.fn[pluginName] = function ( options ) { - return this.each(function () { - - // TOGGLE BUTTON IF IT EXISTS - if ($.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName).toggle(); - } - // OTHERWISE CREATE A NEW INSTANCE - else { - $.data(this, "plugin_" + pluginName, new Plugin( this, options )); - } - }); - }; - - //CLOSE OPEN DROPDOWN MENUS IF CLICKED SOMEWHERE ELSE - $(document).on('click', function(e) { - $.each($('[data-buttons=dropdown]'), function(i, value) { - if ($(e.target.offsetParent)[0] != $(this)[0]) { - if ($.data(this, "plugin_" + pluginName)) { - $.data(this, "plugin_" + pluginName).hideMenu(); - $(this).find('ul').hide(); - } - } - }); + }; + + // A really lightweight plugin wrapper around the constructor, + // preventing against multiple instantiations + $.fn[pluginName] = function ( options ) { + return this.each(function () { + + // TOGGLE BUTTON IF IT EXISTS + if ($.data(this, "plugin_" + pluginName)) { + $.data(this, "plugin_" + pluginName).toggle(); + } + // OTHERWISE CREATE A NEW INSTANCE + else { + $.data(this, "plugin_" + pluginName, new Plugin( this, options )); + } }); - - //DELEGATE CLICK EVENT FOR DROPDOWN MENUS - $(document).on('click', '[data-buttons=dropdown]', function(e) { - var $dropdown = $(e.currentTarget); - $dropdown.menuButton(); - }); - - //IGNORE CLICK EVENTS FROM DISPLAY BUTTON IN DROPDOWN - $(document).on('click', '[data-buttons=dropdown] > a', function(e) { - e.preventDefault(); + }; + + //CLOSE OPEN DROPDOWN MENUS IF CLICKED SOMEWHERE ELSE + $(document).on('click', function(e) { + $.each($('[data-buttons=dropdown]'), function(i, value) { + if ($(e.target.offsetParent)[0] != $(this)[0]) { + if ($.data(this, "plugin_" + pluginName)) { + $.data(this, "plugin_" + pluginName).hideMenu(); + $(this).find('ul').hide(); + } + } }); + }); + + //DELEGATE CLICK EVENT FOR DROPDOWN MENUS + $(document).on('click', '[data-buttons=dropdown]', function(e) { + var $dropdown = $(e.currentTarget); + $dropdown.menuButton(); + }); + + //IGNORE CLICK EVENTS FROM DISPLAY BUTTON IN DROPDOWN + $(document).on('click', '[data-buttons=dropdown] > a', function(e) { + e.preventDefault(); + }); })( jQuery, window, document); \ No newline at end of file diff --git a/js/main.js b/js/main.js deleted file mode 100755 index 57093d0..0000000 --- a/js/main.js +++ /dev/null @@ -1,41 +0,0 @@ -$(document).ready(function(){ - - //CREATE PAGE METHODS - var page = { - init: function() { - this.buttons = $('#main-nav a'); - - this.activateNav(); - this.disableDemoButtons(); - }, - - activateNav: function() { - var that = this; - - this.buttons.click(function(e) { - e.preventDefault(); - var currentButton = $(e.currentTarget); - var buttonId = currentButton.attr('href'); - - //DESELECT ALL BUTTONS & SELECT CURRRENT ONE - that.buttons.parent().removeClass('selected'); - currentButton.parent().addClass('selected'); - - //ANIMATE SCROLL EFFECT - $("html, body").animate({ - scrollTop: $(buttonId).offset().top - 100 - }, 'slow'); - - }); - }, - - disableDemoButtons: function() { - $('.showcase [href^=#]').on('click', function(e) { - e.preventDefault(); - }); - } - }; - - //INITIALIZE PAGE - page.init(); -}); \ No newline at end of file diff --git a/js/vendor/jquery-1.9.1.min.js b/js/vendor/jquery-1.9.1.min.js deleted file mode 100755 index 006e953..0000000 --- a/js/vendor/jquery-1.9.1.min.js +++ /dev/null @@ -1,5 +0,0 @@ -/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license -//@ sourceMappingURL=jquery.min.map -*/(function(e,t){var n,r,i=typeof t,o=e.document,a=e.location,s=e.jQuery,u=e.$,l={},c=[],p="1.9.1",f=c.concat,d=c.push,h=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,b=function(e,t){return new b.fn.init(e,t,r)},x=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^[\],:{}\s]*$/,E=/(?:^|:|,)(?:\s*\[)+/g,S=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,A=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,j=/^-ms-/,D=/-([\da-z])/gi,L=function(e,t){return t.toUpperCase()},H=function(e){(o.addEventListener||"load"===e.type||"complete"===o.readyState)&&(q(),b.ready())},q=function(){o.addEventListener?(o.removeEventListener("DOMContentLoaded",H,!1),e.removeEventListener("load",H,!1)):(o.detachEvent("onreadystatechange",H),e.detachEvent("onload",H))};b.fn=b.prototype={jquery:p,constructor:b,init:function(e,n,r){var i,a;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof b?n[0]:n,b.merge(this,b.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:o,!0)),C.test(i[1])&&b.isPlainObject(n))for(i in n)b.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(a=o.getElementById(i[2]),a&&a.parentNode){if(a.id!==i[2])return r.find(e);this.length=1,this[0]=a}return this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):b.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),b.makeArray(e,this))},selector:"",length:0,size:function(){return this.length},toArray:function(){return h.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=b.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return b.each(this,e,t)},ready:function(e){return b.ready.promise().done(e),this},slice:function(){return this.pushStack(h.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(b.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:d,sort:[].sort,splice:[].splice},b.fn.init.prototype=b.fn,b.extend=b.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},u=2),"object"==typeof s||b.isFunction(s)||(s={}),l===u&&(s=this,--u);l>u;u++)if(null!=(o=arguments[u]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(b.isPlainObject(r)||(n=b.isArray(r)))?(n?(n=!1,a=e&&b.isArray(e)?e:[]):a=e&&b.isPlainObject(e)?e:{},s[i]=b.extend(c,a,r)):r!==t&&(s[i]=r));return s},b.extend({noConflict:function(t){return e.$===b&&(e.$=u),t&&e.jQuery===b&&(e.jQuery=s),b},isReady:!1,readyWait:1,holdReady:function(e){e?b.readyWait++:b.ready(!0)},ready:function(e){if(e===!0?!--b.readyWait:!b.isReady){if(!o.body)return setTimeout(b.ready);b.isReady=!0,e!==!0&&--b.readyWait>0||(n.resolveWith(o,[b]),b.fn.trigger&&b(o).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===b.type(e)},isArray:Array.isArray||function(e){return"array"===b.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if(!e||"object"!==b.type(e)||e.nodeType||b.isWindow(e))return!1;try{if(e.constructor&&!y.call(e,"constructor")&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||y.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=b.buildFragment([e],t,i),i&&b(i).remove(),b.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=b.trim(n),n&&k.test(n.replace(S,"@").replace(A,"]").replace(E,"")))?Function("return "+n)():(b.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||b.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&b.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(j,"ms-").replace(D,L)},nodeName:function(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()},each:function(e,t,n){var r,i=0,o=e.length,a=M(e);if(n){if(a){for(;o>i;i++)if(r=t.apply(e[i],n),r===!1)break}else for(i in e)if(r=t.apply(e[i],n),r===!1)break}else if(a){for(;o>i;i++)if(r=t.call(e[i],i,e[i]),r===!1)break}else for(i in e)if(r=t.call(e[i],i,e[i]),r===!1)break;return e},trim:v&&!v.call("\ufeff\u00a0")?function(e){return null==e?"":v.call(e)}:function(e){return null==e?"":(e+"").replace(T,"")},makeArray:function(e,t){var n=t||[];return null!=e&&(M(Object(e))?b.merge(n,"string"==typeof e?[e]:e):d.call(n,e)),n},inArray:function(e,t,n){var r;if(t){if(g)return g.call(t,e,n);for(r=t.length,n=n?0>n?Math.max(0,r+n):n:0;r>n;n++)if(n in t&&t[n]===e)return n}return-1},merge:function(e,n){var r=n.length,i=e.length,o=0;if("number"==typeof r)for(;r>o;o++)e[i++]=n[o];else while(n[o]!==t)e[i++]=n[o++];return e.length=i,e},grep:function(e,t,n){var r,i=[],o=0,a=e.length;for(n=!!n;a>o;o++)r=!!t(e[o],o),n!==r&&i.push(e[o]);return i},map:function(e,t,n){var r,i=0,o=e.length,a=M(e),s=[];if(a)for(;o>i;i++)r=t(e[i],i,n),null!=r&&(s[s.length]=r);else for(i in e)r=t(e[i],i,n),null!=r&&(s[s.length]=r);return f.apply([],s)},guid:1,proxy:function(e,n){var r,i,o;return"string"==typeof n&&(o=e[n],n=e,e=o),b.isFunction(e)?(r=h.call(arguments,2),i=function(){return e.apply(n||this,r.concat(h.call(arguments)))},i.guid=e.guid=e.guid||b.guid++,i):t},access:function(e,n,r,i,o,a,s){var u=0,l=e.length,c=null==r;if("object"===b.type(r)){o=!0;for(u in r)b.access(e,n,u,r[u],!0,a,s)}else if(i!==t&&(o=!0,b.isFunction(i)||(s=!0),c&&(s?(n.call(e,i),n=null):(c=n,n=function(e,t,n){return c.call(b(e),n)})),n))for(;l>u;u++)n(e[u],r,s?i:i.call(e[u],u,n(e[u],r)));return o?e:c?n.call(e):l?n(e[0],r):a},now:function(){return(new Date).getTime()}}),b.ready.promise=function(t){if(!n)if(n=b.Deferred(),"complete"===o.readyState)setTimeout(b.ready);else if(o.addEventListener)o.addEventListener("DOMContentLoaded",H,!1),e.addEventListener("load",H,!1);else{o.attachEvent("onreadystatechange",H),e.attachEvent("onload",H);var r=!1;try{r=null==e.frameElement&&o.documentElement}catch(i){}r&&r.doScroll&&function a(){if(!b.isReady){try{r.doScroll("left")}catch(e){return setTimeout(a,50)}q(),b.ready()}}()}return n.promise(t)},b.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(e,t){l["[object "+t+"]"]=t.toLowerCase()});function M(e){var t=e.length,n=b.type(e);return b.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||"function"!==n&&(0===t||"number"==typeof t&&t>0&&t-1 in e)}r=b(o);var _={};function F(e){var t=_[e]={};return b.each(e.match(w)||[],function(e,n){t[n]=!0}),t}b.Callbacks=function(e){e="string"==typeof e?_[e]||F(e):b.extend({},e);var n,r,i,o,a,s,u=[],l=!e.once&&[],c=function(t){for(r=e.memory&&t,i=!0,a=s||0,s=0,o=u.length,n=!0;u&&o>a;a++)if(u[a].apply(t[0],t[1])===!1&&e.stopOnFalse){r=!1;break}n=!1,u&&(l?l.length&&c(l.shift()):r?u=[]:p.disable())},p={add:function(){if(u){var t=u.length;(function i(t){b.each(t,function(t,n){var r=b.type(n);"function"===r?e.unique&&p.has(n)||u.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=u.length:r&&(s=t,c(r))}return this},remove:function(){return u&&b.each(arguments,function(e,t){var r;while((r=b.inArray(t,u,r))>-1)u.splice(r,1),n&&(o>=r&&o--,a>=r&&a--)}),this},has:function(e){return e?b.inArray(e,u)>-1:!(!u||!u.length)},empty:function(){return u=[],this},disable:function(){return u=l=r=t,this},disabled:function(){return!u},lock:function(){return l=t,r||p.disable(),this},locked:function(){return!l},fireWith:function(e,t){return t=t||[],t=[e,t.slice?t.slice():t],!u||i&&!l||(n?l.push(t):c(t)),this},fire:function(){return p.fireWith(this,arguments),this},fired:function(){return!!i}};return p},b.extend({Deferred:function(e){var t=[["resolve","done",b.Callbacks("once memory"),"resolved"],["reject","fail",b.Callbacks("once memory"),"rejected"],["notify","progress",b.Callbacks("memory")]],n="pending",r={state:function(){return n},always:function(){return i.done(arguments).fail(arguments),this},then:function(){var e=arguments;return b.Deferred(function(n){b.each(t,function(t,o){var a=o[0],s=b.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&b.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()},promise:function(e){return null!=e?b.extend(e,r):r}},i={};return r.pipe=r.then,b.each(t,function(e,o){var a=o[2],s=o[3];r[o[1]]=a.add,s&&a.add(function(){n=s},t[1^e][2].disable,t[2][2].lock),i[o[0]]=function(){return i[o[0]+"With"](this===i?r:this,arguments),this},i[o[0]+"With"]=a.fireWith}),r.promise(i),e&&e.call(i,i),i},when:function(e){var t=0,n=h.call(arguments),r=n.length,i=1!==r||e&&b.isFunction(e.promise)?r:0,o=1===i?e:b.Deferred(),a=function(e,t,n){return function(r){t[e]=this,n[e]=arguments.length>1?h.call(arguments):r,n===s?o.notifyWith(t,n):--i||o.resolveWith(t,n)}},s,u,l;if(r>1)for(s=Array(r),u=Array(r),l=Array(r);r>t;t++)n[t]&&b.isFunction(n[t].promise)?n[t].promise().done(a(t,l,n)).fail(o.reject).progress(a(t,u,s)):--i;return i||o.resolveWith(l,n),o.promise()}}),b.support=function(){var t,n,r,a,s,u,l,c,p,f,d=o.createElement("div");if(d.setAttribute("className","t"),d.innerHTML="
a",n=d.getElementsByTagName("*"),r=d.getElementsByTagName("a")[0],!n||!r||!n.length)return{};s=o.createElement("select"),l=s.appendChild(o.createElement("option")),a=d.getElementsByTagName("input")[0],r.style.cssText="top:1px;float:left;opacity:.5",t={getSetAttribute:"t"!==d.className,leadingWhitespace:3===d.firstChild.nodeType,tbody:!d.getElementsByTagName("tbody").length,htmlSerialize:!!d.getElementsByTagName("link").length,style:/top/.test(r.getAttribute("style")),hrefNormalized:"/a"===r.getAttribute("href"),opacity:/^0.5/.test(r.style.opacity),cssFloat:!!r.style.cssFloat,checkOn:!!a.value,optSelected:l.selected,enctype:!!o.createElement("form").enctype,html5Clone:"<:nav>"!==o.createElement("nav").cloneNode(!0).outerHTML,boxModel:"CSS1Compat"===o.compatMode,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0,boxSizingReliable:!0,pixelPosition:!1},a.checked=!0,t.noCloneChecked=a.cloneNode(!0).checked,s.disabled=!0,t.optDisabled=!l.disabled;try{delete d.test}catch(h){t.deleteExpando=!1}a=o.createElement("input"),a.setAttribute("value",""),t.input=""===a.getAttribute("value"),a.value="t",a.setAttribute("type","radio"),t.radioValue="t"===a.value,a.setAttribute("checked","t"),a.setAttribute("name","t"),u=o.createDocumentFragment(),u.appendChild(a),t.appendChecked=a.checked,t.checkClone=u.cloneNode(!0).cloneNode(!0).lastChild.checked,d.attachEvent&&(d.attachEvent("onclick",function(){t.noCloneEvent=!1}),d.cloneNode(!0).click());for(f in{submit:!0,change:!0,focusin:!0})d.setAttribute(c="on"+f,"t"),t[f+"Bubbles"]=c in e||d.attributes[c].expando===!1;return d.style.backgroundClip="content-box",d.cloneNode(!0).style.backgroundClip="",t.clearCloneStyle="content-box"===d.style.backgroundClip,b(function(){var n,r,a,s="padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",u=o.getElementsByTagName("body")[0];u&&(n=o.createElement("div"),n.style.cssText="border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px",u.appendChild(n).appendChild(d),d.innerHTML="
t
",a=d.getElementsByTagName("td"),a[0].style.cssText="padding:0;margin:0;border:0;display:none",p=0===a[0].offsetHeight,a[0].style.display="",a[1].style.display="none",t.reliableHiddenOffsets=p&&0===a[0].offsetHeight,d.innerHTML="",d.style.cssText="box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;",t.boxSizing=4===d.offsetWidth,t.doesNotIncludeMarginInBodyOffset=1!==u.offsetTop,e.getComputedStyle&&(t.pixelPosition="1%"!==(e.getComputedStyle(d,null)||{}).top,t.boxSizingReliable="4px"===(e.getComputedStyle(d,null)||{width:"4px"}).width,r=d.appendChild(o.createElement("div")),r.style.cssText=d.style.cssText=s,r.style.marginRight=r.style.width="0",d.style.width="1px",t.reliableMarginRight=!parseFloat((e.getComputedStyle(r,null)||{}).marginRight)),typeof d.style.zoom!==i&&(d.innerHTML="",d.style.cssText=s+"width:1px;padding:1px;display:inline;zoom:1",t.inlineBlockNeedsLayout=3===d.offsetWidth,d.style.display="block",d.innerHTML="
",d.firstChild.style.width="5px",t.shrinkWrapBlocks=3!==d.offsetWidth,t.inlineBlockNeedsLayout&&(u.style.zoom=1)),u.removeChild(n),n=d=a=r=null)}),n=s=u=l=r=a=null,t}();var O=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/,B=/([A-Z])/g;function P(e,n,r,i){if(b.acceptData(e)){var o,a,s=b.expando,u="string"==typeof n,l=e.nodeType,p=l?b.cache:e,f=l?e[s]:e[s]&&s;if(f&&p[f]&&(i||p[f].data)||!u||r!==t)return f||(l?e[s]=f=c.pop()||b.guid++:f=s),p[f]||(p[f]={},l||(p[f].toJSON=b.noop)),("object"==typeof n||"function"==typeof n)&&(i?p[f]=b.extend(p[f],n):p[f].data=b.extend(p[f].data,n)),o=p[f],i||(o.data||(o.data={}),o=o.data),r!==t&&(o[b.camelCase(n)]=r),u?(a=o[n],null==a&&(a=o[b.camelCase(n)])):a=o,a}}function R(e,t,n){if(b.acceptData(e)){var r,i,o,a=e.nodeType,s=a?b.cache:e,u=a?e[b.expando]:b.expando;if(s[u]){if(t&&(o=n?s[u]:s[u].data)){b.isArray(t)?t=t.concat(b.map(t,b.camelCase)):t in o?t=[t]:(t=b.camelCase(t),t=t in o?[t]:t.split(" "));for(r=0,i=t.length;i>r;r++)delete o[t[r]];if(!(n?$:b.isEmptyObject)(o))return}(n||(delete s[u].data,$(s[u])))&&(a?b.cleanData([e],!0):b.support.deleteExpando||s!=s.window?delete s[u]:s[u]=null)}}}b.extend({cache:{},expando:"jQuery"+(p+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(e){return e=e.nodeType?b.cache[e[b.expando]]:e[b.expando],!!e&&!$(e)},data:function(e,t,n){return P(e,t,n)},removeData:function(e,t){return R(e,t)},_data:function(e,t,n){return P(e,t,n,!0)},_removeData:function(e,t){return R(e,t,!0)},acceptData:function(e){if(e.nodeType&&1!==e.nodeType&&9!==e.nodeType)return!1;var t=e.nodeName&&b.noData[e.nodeName.toLowerCase()];return!t||t!==!0&&e.getAttribute("classid")===t}}),b.fn.extend({data:function(e,n){var r,i,o=this[0],a=0,s=null;if(e===t){if(this.length&&(s=b.data(o),1===o.nodeType&&!b._data(o,"parsedAttrs"))){for(r=o.attributes;r.length>a;a++)i=r[a].name,i.indexOf("data-")||(i=b.camelCase(i.slice(5)),W(o,i,s[i]));b._data(o,"parsedAttrs",!0)}return s}return"object"==typeof e?this.each(function(){b.data(this,e)}):b.access(this,function(n){return n===t?o?W(o,e,b.data(o,e)):null:(this.each(function(){b.data(this,e,n)}),t)},null,n,arguments.length>1,null,!0)},removeData:function(e){return this.each(function(){b.removeData(this,e)})}});function W(e,n,r){if(r===t&&1===e.nodeType){var i="data-"+n.replace(B,"-$1").toLowerCase();if(r=e.getAttribute(i),"string"==typeof r){try{r="true"===r?!0:"false"===r?!1:"null"===r?null:+r+""===r?+r:O.test(r)?b.parseJSON(r):r}catch(o){}b.data(e,n,r)}else r=t}return r}function $(e){var t;for(t in e)if(("data"!==t||!b.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}b.extend({queue:function(e,n,r){var i;return e?(n=(n||"fx")+"queue",i=b._data(e,n),r&&(!i||b.isArray(r)?i=b._data(e,n,b.makeArray(r)):i.push(r)),i||[]):t},dequeue:function(e,t){t=t||"fx";var n=b.queue(e,t),r=n.length,i=n.shift(),o=b._queueHooks(e,t),a=function(){b.dequeue(e,t)};"inprogress"===i&&(i=n.shift(),r--),o.cur=i,i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,a,o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return b._data(e,n)||b._data(e,n,{empty:b.Callbacks("once memory").add(function(){b._removeData(e,t+"queue"),b._removeData(e,n)})})}}),b.fn.extend({queue:function(e,n){var r=2;return"string"!=typeof e&&(n=e,e="fx",r--),r>arguments.length?b.queue(this[0],e):n===t?this:this.each(function(){var t=b.queue(this,e,n);b._queueHooks(this,e),"fx"===e&&"inprogress"!==t[0]&&b.dequeue(this,e)})},dequeue:function(e){return this.each(function(){b.dequeue(this,e)})},delay:function(e,t){return e=b.fx?b.fx.speeds[e]||e:e,t=t||"fx",this.queue(t,function(t,n){var r=setTimeout(t,e);n.stop=function(){clearTimeout(r)}})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,n){var r,i=1,o=b.Deferred(),a=this,s=this.length,u=function(){--i||o.resolveWith(a,[a])};"string"!=typeof e&&(n=e,e=t),e=e||"fx";while(s--)r=b._data(a[s],e+"queueHooks"),r&&r.empty&&(i++,r.empty.add(u));return u(),o.promise(n)}});var I,z,X=/[\t\r\n]/g,U=/\r/g,V=/^(?:input|select|textarea|button|object)$/i,Y=/^(?:a|area)$/i,J=/^(?:checked|selected|autofocus|autoplay|async|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped)$/i,G=/^(?:checked|selected)$/i,Q=b.support.getSetAttribute,K=b.support.input;b.fn.extend({attr:function(e,t){return b.access(this,b.attr,e,t,arguments.length>1)},removeAttr:function(e){return this.each(function(){b.removeAttr(this,e)})},prop:function(e,t){return b.access(this,b.prop,e,t,arguments.length>1)},removeProp:function(e){return e=b.propFix[e]||e,this.each(function(){try{this[e]=t,delete this[e]}catch(n){}})},addClass:function(e){var t,n,r,i,o,a=0,s=this.length,u="string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).addClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):" ")){o=0;while(i=t[o++])0>r.indexOf(" "+i+" ")&&(r+=i+" ");n.className=b.trim(r)}return this},removeClass:function(e){var t,n,r,i,o,a=0,s=this.length,u=0===arguments.length||"string"==typeof e&&e;if(b.isFunction(e))return this.each(function(t){b(this).removeClass(e.call(this,t,this.className))});if(u)for(t=(e||"").match(w)||[];s>a;a++)if(n=this[a],r=1===n.nodeType&&(n.className?(" "+n.className+" ").replace(X," "):"")){o=0;while(i=t[o++])while(r.indexOf(" "+i+" ")>=0)r=r.replace(" "+i+" "," ");n.className=e?b.trim(r):""}return this},toggleClass:function(e,t){var n=typeof e,r="boolean"==typeof t;return b.isFunction(e)?this.each(function(n){b(this).toggleClass(e.call(this,n,this.className,t),t)}):this.each(function(){if("string"===n){var o,a=0,s=b(this),u=t,l=e.match(w)||[];while(o=l[a++])u=r?u:!s.hasClass(o),s[u?"addClass":"removeClass"](o)}else(n===i||"boolean"===n)&&(this.className&&b._data(this,"__className__",this.className),this.className=this.className||e===!1?"":b._data(this,"__className__")||"")})},hasClass:function(e){var t=" "+e+" ",n=0,r=this.length;for(;r>n;n++)if(1===this[n].nodeType&&(" "+this[n].className+" ").replace(X," ").indexOf(t)>=0)return!0;return!1},val:function(e){var n,r,i,o=this[0];{if(arguments.length)return i=b.isFunction(e),this.each(function(n){var o,a=b(this);1===this.nodeType&&(o=i?e.call(this,n,a.val()):e,null==o?o="":"number"==typeof o?o+="":b.isArray(o)&&(o=b.map(o,function(e){return null==e?"":e+""})),r=b.valHooks[this.type]||b.valHooks[this.nodeName.toLowerCase()],r&&"set"in r&&r.set(this,o,"value")!==t||(this.value=o))});if(o)return r=b.valHooks[o.type]||b.valHooks[o.nodeName.toLowerCase()],r&&"get"in r&&(n=r.get(o,"value"))!==t?n:(n=o.value,"string"==typeof n?n.replace(U,""):null==n?"":n)}}}),b.extend({valHooks:{option:{get:function(e){var t=e.attributes.value;return!t||t.specified?e.value:e.text}},select:{get:function(e){var t,n,r=e.options,i=e.selectedIndex,o="select-one"===e.type||0>i,a=o?null:[],s=o?i+1:r.length,u=0>i?s:o?i:0;for(;s>u;u++)if(n=r[u],!(!n.selected&&u!==i||(b.support.optDisabled?n.disabled:null!==n.getAttribute("disabled"))||n.parentNode.disabled&&b.nodeName(n.parentNode,"optgroup"))){if(t=b(n).val(),o)return t;a.push(t)}return a},set:function(e,t){var n=b.makeArray(t);return b(e).find("option").each(function(){this.selected=b.inArray(b(this).val(),n)>=0}),n.length||(e.selectedIndex=-1),n}}},attr:function(e,n,r){var o,a,s,u=e.nodeType;if(e&&3!==u&&8!==u&&2!==u)return typeof e.getAttribute===i?b.prop(e,n,r):(a=1!==u||!b.isXMLDoc(e),a&&(n=n.toLowerCase(),o=b.attrHooks[n]||(J.test(n)?z:I)),r===t?o&&a&&"get"in o&&null!==(s=o.get(e,n))?s:(typeof e.getAttribute!==i&&(s=e.getAttribute(n)),null==s?t:s):null!==r?o&&a&&"set"in o&&(s=o.set(e,r,n))!==t?s:(e.setAttribute(n,r+""),r):(b.removeAttr(e,n),t))},removeAttr:function(e,t){var n,r,i=0,o=t&&t.match(w);if(o&&1===e.nodeType)while(n=o[i++])r=b.propFix[n]||n,J.test(n)?!Q&&G.test(n)?e[b.camelCase("default-"+n)]=e[r]=!1:e[r]=!1:b.attr(e,n,""),e.removeAttribute(Q?n:r)},attrHooks:{type:{set:function(e,t){if(!b.support.radioValue&&"radio"===t&&b.nodeName(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(e,n,r){var i,o,a,s=e.nodeType;if(e&&3!==s&&8!==s&&2!==s)return a=1!==s||!b.isXMLDoc(e),a&&(n=b.propFix[n]||n,o=b.propHooks[n]),r!==t?o&&"set"in o&&(i=o.set(e,r,n))!==t?i:e[n]=r:o&&"get"in o&&null!==(i=o.get(e,n))?i:e[n]},propHooks:{tabIndex:{get:function(e){var n=e.getAttributeNode("tabindex");return n&&n.specified?parseInt(n.value,10):V.test(e.nodeName)||Y.test(e.nodeName)&&e.href?0:t}}}}),z={get:function(e,n){var r=b.prop(e,n),i="boolean"==typeof r&&e.getAttribute(n),o="boolean"==typeof r?K&&Q?null!=i:G.test(n)?e[b.camelCase("default-"+n)]:!!i:e.getAttributeNode(n);return o&&o.value!==!1?n.toLowerCase():t},set:function(e,t,n){return t===!1?b.removeAttr(e,n):K&&Q||!G.test(n)?e.setAttribute(!Q&&b.propFix[n]||n,n):e[b.camelCase("default-"+n)]=e[n]=!0,n}},K&&Q||(b.attrHooks.value={get:function(e,n){var r=e.getAttributeNode(n);return b.nodeName(e,"input")?e.defaultValue:r&&r.specified?r.value:t},set:function(e,n,r){return b.nodeName(e,"input")?(e.defaultValue=n,t):I&&I.set(e,n,r)}}),Q||(I=b.valHooks.button={get:function(e,n){var r=e.getAttributeNode(n);return r&&("id"===n||"name"===n||"coords"===n?""!==r.value:r.specified)?r.value:t},set:function(e,n,r){var i=e.getAttributeNode(r);return i||e.setAttributeNode(i=e.ownerDocument.createAttribute(r)),i.value=n+="","value"===r||n===e.getAttribute(r)?n:t}},b.attrHooks.contenteditable={get:I.get,set:function(e,t,n){I.set(e,""===t?!1:t,n)}},b.each(["width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{set:function(e,r){return""===r?(e.setAttribute(n,"auto"),r):t}})})),b.support.hrefNormalized||(b.each(["href","src","width","height"],function(e,n){b.attrHooks[n]=b.extend(b.attrHooks[n],{get:function(e){var r=e.getAttribute(n,2);return null==r?t:r}})}),b.each(["href","src"],function(e,t){b.propHooks[t]={get:function(e){return e.getAttribute(t,4)}}})),b.support.style||(b.attrHooks.style={get:function(e){return e.style.cssText||t},set:function(e,t){return e.style.cssText=t+""}}),b.support.optSelected||(b.propHooks.selected=b.extend(b.propHooks.selected,{get:function(e){var t=e.parentNode;return t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex),null}})),b.support.enctype||(b.propFix.enctype="encoding"),b.support.checkOn||b.each(["radio","checkbox"],function(){b.valHooks[this]={get:function(e){return null===e.getAttribute("value")?"on":e.value}}}),b.each(["radio","checkbox"],function(){b.valHooks[this]=b.extend(b.valHooks[this],{set:function(e,n){return b.isArray(n)?e.checked=b.inArray(b(e).val(),n)>=0:t}})});var Z=/^(?:input|select|textarea)$/i,et=/^key/,tt=/^(?:mouse|contextmenu)|click/,nt=/^(?:focusinfocus|focusoutblur)$/,rt=/^([^.]*)(?:\.(.+)|)$/;function it(){return!0}function ot(){return!1}b.event={global:{},add:function(e,n,r,o,a){var s,u,l,c,p,f,d,h,g,m,y,v=b._data(e);if(v){r.handler&&(c=r,r=c.handler,a=c.selector),r.guid||(r.guid=b.guid++),(u=v.events)||(u=v.events={}),(f=v.handle)||(f=v.handle=function(e){return typeof b===i||e&&b.event.triggered===e.type?t:b.event.dispatch.apply(f.elem,arguments)},f.elem=e),n=(n||"").match(w)||[""],l=n.length;while(l--)s=rt.exec(n[l])||[],g=y=s[1],m=(s[2]||"").split(".").sort(),p=b.event.special[g]||{},g=(a?p.delegateType:p.bindType)||g,p=b.event.special[g]||{},d=b.extend({type:g,origType:y,data:o,handler:r,guid:r.guid,selector:a,needsContext:a&&b.expr.match.needsContext.test(a),namespace:m.join(".")},c),(h=u[g])||(h=u[g]=[],h.delegateCount=0,p.setup&&p.setup.call(e,o,m,f)!==!1||(e.addEventListener?e.addEventListener(g,f,!1):e.attachEvent&&e.attachEvent("on"+g,f))),p.add&&(p.add.call(e,d),d.handler.guid||(d.handler.guid=r.guid)),a?h.splice(h.delegateCount++,0,d):h.push(d),b.event.global[g]=!0;e=null}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,p,f,d,h,g,m=b.hasData(e)&&b._data(e);if(m&&(c=m.events)){t=(t||"").match(w)||[""],l=t.length;while(l--)if(s=rt.exec(t[l])||[],d=g=s[1],h=(s[2]||"").split(".").sort(),d){p=b.event.special[d]||{},d=(r?p.delegateType:p.bindType)||d,f=c[d]||[],s=s[2]&&RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),u=o=f.length;while(o--)a=f[o],!i&&g!==a.origType||n&&n.guid!==a.guid||s&&!s.test(a.namespace)||r&&r!==a.selector&&("**"!==r||!a.selector)||(f.splice(o,1),a.selector&&f.delegateCount--,p.remove&&p.remove.call(e,a));u&&!f.length&&(p.teardown&&p.teardown.call(e,h,m.handle)!==!1||b.removeEvent(e,d,m.handle),delete c[d])}else for(d in c)b.event.remove(e,d+t[l],n,r,!0);b.isEmptyObject(c)&&(delete m.handle,b._removeData(e,"events"))}},trigger:function(n,r,i,a){var s,u,l,c,p,f,d,h=[i||o],g=y.call(n,"type")?n.type:n,m=y.call(n,"namespace")?n.namespace.split("."):[];if(l=f=i=i||o,3!==i.nodeType&&8!==i.nodeType&&!nt.test(g+b.event.triggered)&&(g.indexOf(".")>=0&&(m=g.split("."),g=m.shift(),m.sort()),u=0>g.indexOf(":")&&"on"+g,n=n[b.expando]?n:new b.Event(g,"object"==typeof n&&n),n.isTrigger=!0,n.namespace=m.join("."),n.namespace_re=n.namespace?RegExp("(^|\\.)"+m.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,n.result=t,n.target||(n.target=i),r=null==r?[n]:b.makeArray(r,[n]),p=b.event.special[g]||{},a||!p.trigger||p.trigger.apply(i,r)!==!1)){if(!a&&!p.noBubble&&!b.isWindow(i)){for(c=p.delegateType||g,nt.test(c+g)||(l=l.parentNode);l;l=l.parentNode)h.push(l),f=l;f===(i.ownerDocument||o)&&h.push(f.defaultView||f.parentWindow||e)}d=0;while((l=h[d++])&&!n.isPropagationStopped())n.type=d>1?c:p.bindType||g,s=(b._data(l,"events")||{})[n.type]&&b._data(l,"handle"),s&&s.apply(l,r),s=u&&l[u],s&&b.acceptData(l)&&s.apply&&s.apply(l,r)===!1&&n.preventDefault();if(n.type=g,!(a||n.isDefaultPrevented()||p._default&&p._default.apply(i.ownerDocument,r)!==!1||"click"===g&&b.nodeName(i,"a")||!b.acceptData(i)||!u||!i[g]||b.isWindow(i))){f=i[u],f&&(i[u]=null),b.event.triggered=g;try{i[g]()}catch(v){}b.event.triggered=t,f&&(i[u]=f)}return n.result}},dispatch:function(e){e=b.event.fix(e);var n,r,i,o,a,s=[],u=h.call(arguments),l=(b._data(this,"events")||{})[e.type]||[],c=b.event.special[e.type]||{};if(u[0]=e,e.delegateTarget=this,!c.preDispatch||c.preDispatch.call(this,e)!==!1){s=b.event.handlers.call(this,e,l),n=0;while((o=s[n++])&&!e.isPropagationStopped()){e.currentTarget=o.elem,a=0;while((i=o.handlers[a++])&&!e.isImmediatePropagationStopped())(!e.namespace_re||e.namespace_re.test(i.namespace))&&(e.handleObj=i,e.data=i.data,r=((b.event.special[i.origType]||{}).handle||i.handler).apply(o.elem,u),r!==t&&(e.result=r)===!1&&(e.preventDefault(),e.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,e),e.result}},handlers:function(e,n){var r,i,o,a,s=[],u=n.delegateCount,l=e.target;if(u&&l.nodeType&&(!e.button||"click"!==e.type))for(;l!=this;l=l.parentNode||this)if(1===l.nodeType&&(l.disabled!==!0||"click"!==e.type)){for(o=[],a=0;u>a;a++)i=n[a],r=i.selector+" ",o[r]===t&&(o[r]=i.needsContext?b(r,this).index(l)>=0:b.find(r,this,null,[l]).length),o[r]&&o.push(i);o.length&&s.push({elem:l,handlers:o})}return n.length>u&&s.push({elem:this,handlers:n.slice(u)}),s},fix:function(e){if(e[b.expando])return e;var t,n,r,i=e.type,a=e,s=this.fixHooks[i];s||(this.fixHooks[i]=s=tt.test(i)?this.mouseHooks:et.test(i)?this.keyHooks:{}),r=s.props?this.props.concat(s.props):this.props,e=new b.Event(a),t=r.length;while(t--)n=r[t],e[n]=a[n];return e.target||(e.target=a.srcElement||o),3===e.target.nodeType&&(e.target=e.target.parentNode),e.metaKey=!!e.metaKey,s.filter?s.filter(e,a):e},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(e,t){return null==e.which&&(e.which=null!=t.charCode?t.charCode:t.keyCode),e}},mouseHooks:{props:"button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(e,n){var r,i,a,s=n.button,u=n.fromElement;return null==e.pageX&&null!=n.clientX&&(i=e.target.ownerDocument||o,a=i.documentElement,r=i.body,e.pageX=n.clientX+(a&&a.scrollLeft||r&&r.scrollLeft||0)-(a&&a.clientLeft||r&&r.clientLeft||0),e.pageY=n.clientY+(a&&a.scrollTop||r&&r.scrollTop||0)-(a&&a.clientTop||r&&r.clientTop||0)),!e.relatedTarget&&u&&(e.relatedTarget=u===e.target?n.toElement:u),e.which||s===t||(e.which=1&s?1:2&s?3:4&s?2:0),e}},special:{load:{noBubble:!0},click:{trigger:function(){return b.nodeName(this,"input")&&"checkbox"===this.type&&this.click?(this.click(),!1):t}},focus:{trigger:function(){if(this!==o.activeElement&&this.focus)try{return this.focus(),!1}catch(e){}},delegateType:"focusin"},blur:{trigger:function(){return this===o.activeElement&&this.blur?(this.blur(),!1):t},delegateType:"focusout"},beforeunload:{postDispatch:function(e){e.result!==t&&(e.originalEvent.returnValue=e.result)}}},simulate:function(e,t,n,r){var i=b.extend(new b.Event,n,{type:e,isSimulated:!0,originalEvent:{}});r?b.event.trigger(i,null,t):b.event.dispatch.call(t,i),i.isDefaultPrevented()&&n.preventDefault()}},b.removeEvent=o.removeEventListener?function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n,!1)}:function(e,t,n){var r="on"+t;e.detachEvent&&(typeof e[r]===i&&(e[r]=null),e.detachEvent(r,n))},b.Event=function(e,n){return this instanceof b.Event?(e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||e.returnValue===!1||e.getPreventDefault&&e.getPreventDefault()?it:ot):this.type=e,n&&b.extend(this,n),this.timeStamp=e&&e.timeStamp||b.now(),this[b.expando]=!0,t):new b.Event(e,n)},b.Event.prototype={isDefaultPrevented:ot,isPropagationStopped:ot,isImmediatePropagationStopped:ot,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=it,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=it,e&&(e.stopPropagation&&e.stopPropagation(),e.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=it,this.stopPropagation()}},b.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(e,t){b.event.special[e]={delegateType:t,bindType:t,handle:function(e){var n,r=this,i=e.relatedTarget,o=e.handleObj; -return(!i||i!==r&&!b.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),b.support.submitBubbles||(b.event.special.submit={setup:function(){return b.nodeName(this,"form")?!1:(b.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=b.nodeName(n,"input")||b.nodeName(n,"button")?n.form:t;r&&!b._data(r,"submitBubbles")&&(b.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),b._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&b.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return b.nodeName(this,"form")?!1:(b.event.remove(this,"._submit"),t)}}),b.support.changeBubbles||(b.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(b.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),b.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),b.event.simulate("change",this,e,!0)})),!1):(b.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!b._data(t,"changeBubbles")&&(b.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||b.event.simulate("change",this.parentNode,e,!0)}),b._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return b.event.remove(this,"._change"),!Z.test(this.nodeName)}}),b.support.focusinBubbles||b.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){b.event.simulate(t,e.target,b.event.fix(e),!0)};b.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),b.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return b().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=b.guid++)),this.each(function(){b.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,b(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){b.event.remove(this,e,r,n)})},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},trigger:function(e,t){return this.each(function(){b.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?b.event.trigger(e,n,r,!0):t}}),function(e,t){var n,r,i,o,a,s,u,l,c,p,f,d,h,g,m,y,v,x="sizzle"+-new Date,w=e.document,T={},N=0,C=0,k=it(),E=it(),S=it(),A=typeof t,j=1<<31,D=[],L=D.pop,H=D.push,q=D.slice,M=D.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},_="[\\x20\\t\\r\\n\\f]",F="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=F.replace("w","w#"),B="([*^$|!~]?=)",P="\\["+_+"*("+F+")"+_+"*(?:"+B+_+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+O+")|)|)"+_+"*\\]",R=":("+F+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+P.replace(3,8)+")*)|.*)\\)|)",W=RegExp("^"+_+"+|((?:^|[^\\\\])(?:\\\\.)*)"+_+"+$","g"),$=RegExp("^"+_+"*,"+_+"*"),I=RegExp("^"+_+"*([\\x20\\t\\r\\n\\f>+~])"+_+"*"),z=RegExp(R),X=RegExp("^"+O+"$"),U={ID:RegExp("^#("+F+")"),CLASS:RegExp("^\\.("+F+")"),NAME:RegExp("^\\[name=['\"]?("+F+")['\"]?\\]"),TAG:RegExp("^("+F.replace("w","w*")+")"),ATTR:RegExp("^"+P),PSEUDO:RegExp("^"+R),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+_+"*(even|odd|(([+-]|)(\\d*)n|)"+_+"*(?:([+-]|)"+_+"*(\\d+)|))"+_+"*\\)|)","i"),needsContext:RegExp("^"+_+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+_+"*((?:-\\d)?\\d*)"+_+"*\\)|)(?=[^-]|$)","i")},V=/[\x20\t\r\n\f]*[+~]/,Y=/^[^{]+\{\s*\[native code/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,G=/^(?:input|select|textarea|button)$/i,Q=/^h\d$/i,K=/'|\\/g,Z=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,et=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,tt=function(e,t){var n="0x"+t-65536;return n!==n?t:0>n?String.fromCharCode(n+65536):String.fromCharCode(55296|n>>10,56320|1023&n)};try{q.call(w.documentElement.childNodes,0)[0].nodeType}catch(nt){q=function(e){var t,n=[];while(t=this[e++])n.push(t);return n}}function rt(e){return Y.test(e+"")}function it(){var e,t=[];return e=function(n,r){return t.push(n+=" ")>i.cacheLength&&delete e[t.shift()],e[n]=r}}function ot(e){return e[x]=!0,e}function at(e){var t=p.createElement("div");try{return e(t)}catch(n){return!1}finally{t=null}}function st(e,t,n,r){var i,o,a,s,u,l,f,g,m,v;if((t?t.ownerDocument||t:w)!==p&&c(t),t=t||p,n=n||[],!e||"string"!=typeof e)return n;if(1!==(s=t.nodeType)&&9!==s)return[];if(!d&&!r){if(i=J.exec(e))if(a=i[1]){if(9===s){if(o=t.getElementById(a),!o||!o.parentNode)return n;if(o.id===a)return n.push(o),n}else if(t.ownerDocument&&(o=t.ownerDocument.getElementById(a))&&y(t,o)&&o.id===a)return n.push(o),n}else{if(i[2])return H.apply(n,q.call(t.getElementsByTagName(e),0)),n;if((a=i[3])&&T.getByClassName&&t.getElementsByClassName)return H.apply(n,q.call(t.getElementsByClassName(a),0)),n}if(T.qsa&&!h.test(e)){if(f=!0,g=x,m=t,v=9===s&&e,1===s&&"object"!==t.nodeName.toLowerCase()){l=ft(e),(f=t.getAttribute("id"))?g=f.replace(K,"\\$&"):t.setAttribute("id",g),g="[id='"+g+"'] ",u=l.length;while(u--)l[u]=g+dt(l[u]);m=V.test(e)&&t.parentNode||t,v=l.join(",")}if(v)try{return H.apply(n,q.call(m.querySelectorAll(v),0)),n}catch(b){}finally{f||t.removeAttribute("id")}}}return wt(e.replace(W,"$1"),t,n,r)}a=st.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return t?"HTML"!==t.nodeName:!1},c=st.setDocument=function(e){var n=e?e.ownerDocument||e:w;return n!==p&&9===n.nodeType&&n.documentElement?(p=n,f=n.documentElement,d=a(n),T.tagNameNoComments=at(function(e){return e.appendChild(n.createComment("")),!e.getElementsByTagName("*").length}),T.attributes=at(function(e){e.innerHTML="";var t=typeof e.lastChild.getAttribute("multiple");return"boolean"!==t&&"string"!==t}),T.getByClassName=at(function(e){return e.innerHTML="",e.getElementsByClassName&&e.getElementsByClassName("e").length?(e.lastChild.className="e",2===e.getElementsByClassName("e").length):!1}),T.getByName=at(function(e){e.id=x+0,e.innerHTML="
",f.insertBefore(e,f.firstChild);var t=n.getElementsByName&&n.getElementsByName(x).length===2+n.getElementsByName(x+0).length;return T.getIdNotName=!n.getElementById(x),f.removeChild(e),t}),i.attrHandle=at(function(e){return e.innerHTML="",e.firstChild&&typeof e.firstChild.getAttribute!==A&&"#"===e.firstChild.getAttribute("href")})?{}:{href:function(e){return e.getAttribute("href",2)},type:function(e){return e.getAttribute("type")}},T.getIdNotName?(i.find.ID=function(e,t){if(typeof t.getElementById!==A&&!d){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){return e.getAttribute("id")===t}}):(i.find.ID=function(e,n){if(typeof n.getElementById!==A&&!d){var r=n.getElementById(e);return r?r.id===e||typeof r.getAttributeNode!==A&&r.getAttributeNode("id").value===e?[r]:t:[]}},i.filter.ID=function(e){var t=e.replace(et,tt);return function(e){var n=typeof e.getAttributeNode!==A&&e.getAttributeNode("id");return n&&n.value===t}}),i.find.TAG=T.tagNameNoComments?function(e,n){return typeof n.getElementsByTagName!==A?n.getElementsByTagName(e):t}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},i.find.NAME=T.getByName&&function(e,n){return typeof n.getElementsByName!==A?n.getElementsByName(name):t},i.find.CLASS=T.getByClassName&&function(e,n){return typeof n.getElementsByClassName===A||d?t:n.getElementsByClassName(e)},g=[],h=[":focus"],(T.qsa=rt(n.querySelectorAll))&&(at(function(e){e.innerHTML="",e.querySelectorAll("[selected]").length||h.push("\\["+_+"*(?:checked|disabled|ismap|multiple|readonly|selected|value)"),e.querySelectorAll(":checked").length||h.push(":checked")}),at(function(e){e.innerHTML="",e.querySelectorAll("[i^='']").length&&h.push("[*^$]="+_+"*(?:\"\"|'')"),e.querySelectorAll(":enabled").length||h.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),h.push(",.*:")})),(T.matchesSelector=rt(m=f.matchesSelector||f.mozMatchesSelector||f.webkitMatchesSelector||f.oMatchesSelector||f.msMatchesSelector))&&at(function(e){T.disconnectedMatch=m.call(e,"div"),m.call(e,"[s!='']:x"),g.push("!=",R)}),h=RegExp(h.join("|")),g=RegExp(g.join("|")),y=rt(f.contains)||f.compareDocumentPosition?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},v=f.compareDocumentPosition?function(e,t){var r;return e===t?(u=!0,0):(r=t.compareDocumentPosition&&e.compareDocumentPosition&&e.compareDocumentPosition(t))?1&r||e.parentNode&&11===e.parentNode.nodeType?e===n||y(w,e)?-1:t===n||y(w,t)?1:0:4&r?-1:1:e.compareDocumentPosition?-1:1}:function(e,t){var r,i=0,o=e.parentNode,a=t.parentNode,s=[e],l=[t];if(e===t)return u=!0,0;if(!o||!a)return e===n?-1:t===n?1:o?-1:a?1:0;if(o===a)return ut(e,t);r=e;while(r=r.parentNode)s.unshift(r);r=t;while(r=r.parentNode)l.unshift(r);while(s[i]===l[i])i++;return i?ut(s[i],l[i]):s[i]===w?-1:l[i]===w?1:0},u=!1,[0,0].sort(v),T.detectDuplicates=u,p):p},st.matches=function(e,t){return st(e,null,null,t)},st.matchesSelector=function(e,t){if((e.ownerDocument||e)!==p&&c(e),t=t.replace(Z,"='$1']"),!(!T.matchesSelector||d||g&&g.test(t)||h.test(t)))try{var n=m.call(e,t);if(n||T.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(r){}return st(t,p,null,[e]).length>0},st.contains=function(e,t){return(e.ownerDocument||e)!==p&&c(e),y(e,t)},st.attr=function(e,t){var n;return(e.ownerDocument||e)!==p&&c(e),d||(t=t.toLowerCase()),(n=i.attrHandle[t])?n(e):d||T.attributes?e.getAttribute(t):((n=e.getAttributeNode(t))||e.getAttribute(t))&&e[t]===!0?t:n&&n.specified?n.value:null},st.error=function(e){throw Error("Syntax error, unrecognized expression: "+e)},st.uniqueSort=function(e){var t,n=[],r=1,i=0;if(u=!T.detectDuplicates,e.sort(v),u){for(;t=e[r];r++)t===e[r-1]&&(i=n.push(r));while(i--)e.splice(n[i],1)}return e};function ut(e,t){var n=t&&e,r=n&&(~t.sourceIndex||j)-(~e.sourceIndex||j);if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function lt(e){return function(t){var n=t.nodeName.toLowerCase();return"input"===n&&t.type===e}}function ct(e){return function(t){var n=t.nodeName.toLowerCase();return("input"===n||"button"===n)&&t.type===e}}function pt(e){return ot(function(t){return t=+t,ot(function(n,r){var i,o=e([],n.length,t),a=o.length;while(a--)n[i=o[a]]&&(n[i]=!(r[i]=n[i]))})})}o=st.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else for(;t=e[r];r++)n+=o(t);return n},i=st.selectors={cacheLength:50,createPseudo:ot,match:U,find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(et,tt),e[3]=(e[4]||e[5]||"").replace(et,tt),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||st.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&st.error(e[0]),e},PSEUDO:function(e){var t,n=!e[5]&&e[2];return U.CHILD.test(e[0])?null:(e[4]?e[2]=e[4]:n&&z.test(n)&&(t=ft(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){return"*"===e?function(){return!0}:(e=e.replace(et,tt).toLowerCase(),function(t){return t.nodeName&&t.nodeName.toLowerCase()===e})},CLASS:function(e){var t=k[e+" "];return t||(t=RegExp("(^|"+_+")"+e+"("+_+"|$)"))&&k(e,function(e){return t.test(e.className||typeof e.getAttribute!==A&&e.getAttribute("class")||"")})},ATTR:function(e,t,n){return function(r){var i=st.attr(r,e);return null==i?"!="===t:t?(i+="","="===t?i===n:"!="===t?i!==n:"^="===t?n&&0===i.indexOf(n):"*="===t?n&&i.indexOf(n)>-1:"$="===t?n&&i.slice(-n.length)===n:"~="===t?(" "+i+" ").indexOf(n)>-1:"|="===t?i===n||i.slice(0,n.length+1)===n+"-":!1):!0}},CHILD:function(e,t,n,r,i){var o="nth"!==e.slice(0,3),a="last"!==e.slice(-4),s="of-type"===t;return 1===r&&0===i?function(e){return!!e.parentNode}:function(t,n,u){var l,c,p,f,d,h,g=o!==a?"nextSibling":"previousSibling",m=t.parentNode,y=s&&t.nodeName.toLowerCase(),v=!u&&!s;if(m){if(o){while(g){p=t;while(p=p[g])if(s?p.nodeName.toLowerCase()===y:1===p.nodeType)return!1;h=g="only"===e&&!h&&"nextSibling"}return!0}if(h=[a?m.firstChild:m.lastChild],a&&v){c=m[x]||(m[x]={}),l=c[e]||[],d=l[0]===N&&l[1],f=l[0]===N&&l[2],p=d&&m.childNodes[d];while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if(1===p.nodeType&&++f&&p===t){c[e]=[N,d,f];break}}else if(v&&(l=(t[x]||(t[x]={}))[e])&&l[0]===N)f=l[1];else while(p=++d&&p&&p[g]||(f=d=0)||h.pop())if((s?p.nodeName.toLowerCase()===y:1===p.nodeType)&&++f&&(v&&((p[x]||(p[x]={}))[e]=[N,f]),p===t))break;return f-=i,f===r||0===f%r&&f/r>=0}}},PSEUDO:function(e,t){var n,r=i.pseudos[e]||i.setFilters[e.toLowerCase()]||st.error("unsupported pseudo: "+e);return r[x]?r(t):r.length>1?(n=[e,e,"",t],i.setFilters.hasOwnProperty(e.toLowerCase())?ot(function(e,n){var i,o=r(e,t),a=o.length;while(a--)i=M.call(e,o[a]),e[i]=!(n[i]=o[a])}):function(e){return r(e,0,n)}):r}},pseudos:{not:ot(function(e){var t=[],n=[],r=s(e.replace(W,"$1"));return r[x]?ot(function(e,t,n,i){var o,a=r(e,null,i,[]),s=e.length;while(s--)(o=a[s])&&(e[s]=!(t[s]=o))}):function(e,i,o){return t[0]=e,r(t,null,o,n),!n.pop()}}),has:ot(function(e){return function(t){return st(e,t).length>0}}),contains:ot(function(e){return function(t){return(t.textContent||t.innerText||o(t)).indexOf(e)>-1}}),lang:ot(function(e){return X.test(e||"")||st.error("unsupported lang: "+e),e=e.replace(et,tt).toLowerCase(),function(t){var n;do if(n=d?t.getAttribute("xml:lang")||t.getAttribute("lang"):t.lang)return n=n.toLowerCase(),n===e||0===n.indexOf(e+"-");while((t=t.parentNode)&&1===t.nodeType);return!1}}),target:function(t){var n=e.location&&e.location.hash;return n&&n.slice(1)===t.id},root:function(e){return e===f},focus:function(e){return e===p.activeElement&&(!p.hasFocus||p.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return e.disabled===!1},disabled:function(e){return e.disabled===!0},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,e.selected===!0},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeName>"@"||3===e.nodeType||4===e.nodeType)return!1;return!0},parent:function(e){return!i.pseudos.empty(e)},header:function(e){return Q.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||t.toLowerCase()===e.type)},first:pt(function(){return[0]}),last:pt(function(e,t){return[t-1]}),eq:pt(function(e,t,n){return[0>n?n+t:n]}),even:pt(function(e,t){var n=0;for(;t>n;n+=2)e.push(n);return e}),odd:pt(function(e,t){var n=1;for(;t>n;n+=2)e.push(n);return e}),lt:pt(function(e,t,n){var r=0>n?n+t:n;for(;--r>=0;)e.push(r);return e}),gt:pt(function(e,t,n){var r=0>n?n+t:n;for(;t>++r;)e.push(r);return e})}};for(n in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})i.pseudos[n]=lt(n);for(n in{submit:!0,reset:!0})i.pseudos[n]=ct(n);function ft(e,t){var n,r,o,a,s,u,l,c=E[e+" "];if(c)return t?0:c.slice(0);s=e,u=[],l=i.preFilter;while(s){(!n||(r=$.exec(s)))&&(r&&(s=s.slice(r[0].length)||s),u.push(o=[])),n=!1,(r=I.exec(s))&&(n=r.shift(),o.push({value:n,type:r[0].replace(W," ")}),s=s.slice(n.length));for(a in i.filter)!(r=U[a].exec(s))||l[a]&&!(r=l[a](r))||(n=r.shift(),o.push({value:n,type:a,matches:r}),s=s.slice(n.length));if(!n)break}return t?s.length:s?st.error(e):E(e,u).slice(0)}function dt(e){var t=0,n=e.length,r="";for(;n>t;t++)r+=e[t].value;return r}function ht(e,t,n){var i=t.dir,o=n&&"parentNode"===i,a=C++;return t.first?function(t,n,r){while(t=t[i])if(1===t.nodeType||o)return e(t,n,r)}:function(t,n,s){var u,l,c,p=N+" "+a;if(s){while(t=t[i])if((1===t.nodeType||o)&&e(t,n,s))return!0}else while(t=t[i])if(1===t.nodeType||o)if(c=t[x]||(t[x]={}),(l=c[i])&&l[0]===p){if((u=l[1])===!0||u===r)return u===!0}else if(l=c[i]=[p],l[1]=e(t,n,s)||r,l[1]===!0)return!0}}function gt(e){return e.length>1?function(t,n,r){var i=e.length;while(i--)if(!e[i](t,n,r))return!1;return!0}:e[0]}function mt(e,t,n,r,i){var o,a=[],s=0,u=e.length,l=null!=t;for(;u>s;s++)(o=e[s])&&(!n||n(o,r,i))&&(a.push(o),l&&t.push(s));return a}function yt(e,t,n,r,i,o){return r&&!r[x]&&(r=yt(r)),i&&!i[x]&&(i=yt(i,o)),ot(function(o,a,s,u){var l,c,p,f=[],d=[],h=a.length,g=o||xt(t||"*",s.nodeType?[s]:s,[]),m=!e||!o&&t?g:mt(g,f,e,s,u),y=n?i||(o?e:h||r)?[]:a:m;if(n&&n(m,y,s,u),r){l=mt(y,d),r(l,[],s,u),c=l.length;while(c--)(p=l[c])&&(y[d[c]]=!(m[d[c]]=p))}if(o){if(i||e){if(i){l=[],c=y.length;while(c--)(p=y[c])&&l.push(m[c]=p);i(null,y=[],l,u)}c=y.length;while(c--)(p=y[c])&&(l=i?M.call(o,p):f[c])>-1&&(o[l]=!(a[l]=p))}}else y=mt(y===a?y.splice(h,y.length):y),i?i(null,a,y,u):H.apply(a,y)})}function vt(e){var t,n,r,o=e.length,a=i.relative[e[0].type],s=a||i.relative[" "],u=a?1:0,c=ht(function(e){return e===t},s,!0),p=ht(function(e){return M.call(t,e)>-1},s,!0),f=[function(e,n,r){return!a&&(r||n!==l)||((t=n).nodeType?c(e,n,r):p(e,n,r))}];for(;o>u;u++)if(n=i.relative[e[u].type])f=[ht(gt(f),n)];else{if(n=i.filter[e[u].type].apply(null,e[u].matches),n[x]){for(r=++u;o>r;r++)if(i.relative[e[r].type])break;return yt(u>1&>(f),u>1&&dt(e.slice(0,u-1)).replace(W,"$1"),n,r>u&&vt(e.slice(u,r)),o>r&&vt(e=e.slice(r)),o>r&&dt(e))}f.push(n)}return gt(f)}function bt(e,t){var n=0,o=t.length>0,a=e.length>0,s=function(s,u,c,f,d){var h,g,m,y=[],v=0,b="0",x=s&&[],w=null!=d,T=l,C=s||a&&i.find.TAG("*",d&&u.parentNode||u),k=N+=null==T?1:Math.random()||.1;for(w&&(l=u!==p&&u,r=n);null!=(h=C[b]);b++){if(a&&h){g=0;while(m=e[g++])if(m(h,u,c)){f.push(h);break}w&&(N=k,r=++n)}o&&((h=!m&&h)&&v--,s&&x.push(h))}if(v+=b,o&&b!==v){g=0;while(m=t[g++])m(x,y,u,c);if(s){if(v>0)while(b--)x[b]||y[b]||(y[b]=L.call(f));y=mt(y)}H.apply(f,y),w&&!s&&y.length>0&&v+t.length>1&&st.uniqueSort(f)}return w&&(N=k,l=T),x};return o?ot(s):s}s=st.compile=function(e,t){var n,r=[],i=[],o=S[e+" "];if(!o){t||(t=ft(e)),n=t.length;while(n--)o=vt(t[n]),o[x]?r.push(o):i.push(o);o=S(e,bt(i,r))}return o};function xt(e,t,n){var r=0,i=t.length;for(;i>r;r++)st(e,t[r],n);return n}function wt(e,t,n,r){var o,a,u,l,c,p=ft(e);if(!r&&1===p.length){if(a=p[0]=p[0].slice(0),a.length>2&&"ID"===(u=a[0]).type&&9===t.nodeType&&!d&&i.relative[a[1].type]){if(t=i.find.ID(u.matches[0].replace(et,tt),t)[0],!t)return n;e=e.slice(a.shift().value.length)}o=U.needsContext.test(e)?0:a.length;while(o--){if(u=a[o],i.relative[l=u.type])break;if((c=i.find[l])&&(r=c(u.matches[0].replace(et,tt),V.test(a[0].type)&&t.parentNode||t))){if(a.splice(o,1),e=r.length&&dt(a),!e)return H.apply(n,q.call(r,0)),n;break}}}return s(e,p)(r,t,d,n,V.test(e)),n}i.pseudos.nth=i.pseudos.eq;function Tt(){}i.filters=Tt.prototype=i.pseudos,i.setFilters=new Tt,c(),st.attr=b.attr,b.find=st,b.expr=st.selectors,b.expr[":"]=b.expr.pseudos,b.unique=st.uniqueSort,b.text=st.getText,b.isXMLDoc=st.isXML,b.contains=st.contains}(e);var at=/Until$/,st=/^(?:parents|prev(?:Until|All))/,ut=/^.[^:#\[\.,]*$/,lt=b.expr.match.needsContext,ct={children:!0,contents:!0,next:!0,prev:!0};b.fn.extend({find:function(e){var t,n,r,i=this.length;if("string"!=typeof e)return r=this,this.pushStack(b(e).filter(function(){for(t=0;i>t;t++)if(b.contains(r[t],this))return!0}));for(n=[],t=0;i>t;t++)b.find(e,this[t],n);return n=this.pushStack(i>1?b.unique(n):n),n.selector=(this.selector?this.selector+" ":"")+e,n},has:function(e){var t,n=b(e,this),r=n.length;return this.filter(function(){for(t=0;r>t;t++)if(b.contains(this,n[t]))return!0})},not:function(e){return this.pushStack(ft(this,e,!1))},filter:function(e){return this.pushStack(ft(this,e,!0))},is:function(e){return!!e&&("string"==typeof e?lt.test(e)?b(e,this.context).index(this[0])>=0:b.filter(e,this).length>0:this.filter(e).length>0)},closest:function(e,t){var n,r=0,i=this.length,o=[],a=lt.test(e)||"string"!=typeof e?b(e,t||this.context):0;for(;i>r;r++){n=this[r];while(n&&n.ownerDocument&&n!==t&&11!==n.nodeType){if(a?a.index(n)>-1:b.find.matchesSelector(n,e)){o.push(n);break}n=n.parentNode}}return this.pushStack(o.length>1?b.unique(o):o)},index:function(e){return e?"string"==typeof e?b.inArray(this[0],b(e)):b.inArray(e.jquery?e[0]:e,this):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){var n="string"==typeof e?b(e,t):b.makeArray(e&&e.nodeType?[e]:e),r=b.merge(this.get(),n);return this.pushStack(b.unique(r))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),b.fn.andSelf=b.fn.addBack;function pt(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}b.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return b.dir(e,"parentNode")},parentsUntil:function(e,t,n){return b.dir(e,"parentNode",n)},next:function(e){return pt(e,"nextSibling")},prev:function(e){return pt(e,"previousSibling")},nextAll:function(e){return b.dir(e,"nextSibling")},prevAll:function(e){return b.dir(e,"previousSibling")},nextUntil:function(e,t,n){return b.dir(e,"nextSibling",n)},prevUntil:function(e,t,n){return b.dir(e,"previousSibling",n)},siblings:function(e){return b.sibling((e.parentNode||{}).firstChild,e)},children:function(e){return b.sibling(e.firstChild)},contents:function(e){return b.nodeName(e,"iframe")?e.contentDocument||e.contentWindow.document:b.merge([],e.childNodes)}},function(e,t){b.fn[e]=function(n,r){var i=b.map(this,t,n);return at.test(e)||(r=n),r&&"string"==typeof r&&(i=b.filter(r,i)),i=this.length>1&&!ct[e]?b.unique(i):i,this.length>1&&st.test(e)&&(i=i.reverse()),this.pushStack(i)}}),b.extend({filter:function(e,t,n){return n&&(e=":not("+e+")"),1===t.length?b.find.matchesSelector(t[0],e)?[t[0]]:[]:b.find.matches(e,t)},dir:function(e,n,r){var i=[],o=e[n];while(o&&9!==o.nodeType&&(r===t||1!==o.nodeType||!b(o).is(r)))1===o.nodeType&&i.push(o),o=o[n];return i},sibling:function(e,t){var n=[];for(;e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n}});function ft(e,t,n){if(t=t||0,b.isFunction(t))return b.grep(e,function(e,r){var i=!!t.call(e,r,e);return i===n});if(t.nodeType)return b.grep(e,function(e){return e===t===n});if("string"==typeof t){var r=b.grep(e,function(e){return 1===e.nodeType});if(ut.test(t))return b.filter(t,r,!n);t=b.filter(t,r)}return b.grep(e,function(e){return b.inArray(e,t)>=0===n})}function dt(e){var t=ht.split("|"),n=e.createDocumentFragment();if(n.createElement)while(t.length)n.createElement(t.pop());return n}var ht="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",gt=/ jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/\s*$/g,At={option:[1,""],legend:[1,"
","
"],area:[1,"",""],param:[1,"",""],thead:[1,"","
"],tr:[2,"","
"],col:[2,"","
"],td:[3,"","
"],_default:b.support.htmlSerialize?[0,"",""]:[1,"X
","
"]},jt=dt(o),Dt=jt.appendChild(o.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,b.fn.extend({text:function(e){return b.access(this,function(e){return e===t?b.text(this):this.empty().append((this[0]&&this[0].ownerDocument||o).createTextNode(e))},null,e,arguments.length)},wrapAll:function(e){if(b.isFunction(e))return this.each(function(t){b(this).wrapAll(e.call(this,t))});if(this[0]){var t=b(e,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstChild&&1===e.firstChild.nodeType)e=e.firstChild;return e}).append(this)}return this},wrapInner:function(e){return b.isFunction(e)?this.each(function(t){b(this).wrapInner(e.call(this,t))}):this.each(function(){var t=b(this),n=t.contents();n.length?n.wrapAll(e):t.append(e)})},wrap:function(e){var t=b.isFunction(e);return this.each(function(n){b(this).wrapAll(t?e.call(this,n):e)})},unwrap:function(){return this.parent().each(function(){b.nodeName(this,"body")||b(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.appendChild(e)})},prepend:function(){return this.domManip(arguments,!0,function(e){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&this.insertBefore(e,this.firstChild)})},before:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return this.domManip(arguments,!1,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},remove:function(e,t){var n,r=0;for(;null!=(n=this[r]);r++)(!e||b.filter(e,[n]).length>0)&&(t||1!==n.nodeType||b.cleanData(Ot(n)),n.parentNode&&(t&&b.contains(n.ownerDocument,n)&&Mt(Ot(n,"script")),n.parentNode.removeChild(n)));return this},empty:function(){var e,t=0;for(;null!=(e=this[t]);t++){1===e.nodeType&&b.cleanData(Ot(e,!1));while(e.firstChild)e.removeChild(e.firstChild);e.options&&b.nodeName(e,"select")&&(e.options.length=0)}return this},clone:function(e,t){return e=null==e?!1:e,t=null==t?e:t,this.map(function(){return b.clone(this,e,t)})},html:function(e){return b.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!b.support.htmlSerialize&&mt.test(e)||!b.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(b.cleanData(Ot(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(e){var t=b.isFunction(e);return t||"string"==typeof e||(e=b(e).not(this).detach()),this.domManip([e],!0,function(e){var t=this.nextSibling,n=this.parentNode;n&&(b(this).remove(),n.insertBefore(e,t))})},detach:function(e){return this.remove(e,!0)},domManip:function(e,n,r){e=f.apply([],e);var i,o,a,s,u,l,c=0,p=this.length,d=this,h=p-1,g=e[0],m=b.isFunction(g);if(m||!(1>=p||"string"!=typeof g||b.support.checkClone)&&Ct.test(g))return this.each(function(i){var o=d.eq(i);m&&(e[0]=g.call(this,i,n?o.html():t)),o.domManip(e,n,r)});if(p&&(l=b.buildFragment(e,this[0].ownerDocument,!1,this),i=l.firstChild,1===l.childNodes.length&&(l=i),i)){for(n=n&&b.nodeName(i,"tr"),s=b.map(Ot(l,"script"),Ht),a=s.length;p>c;c++)o=l,c!==h&&(o=b.clone(o,!0,!0),a&&b.merge(s,Ot(o,"script"))),r.call(n&&b.nodeName(this[c],"table")?Lt(this[c],"tbody"):this[c],o,c);if(a)for(u=s[s.length-1].ownerDocument,b.map(s,qt),c=0;a>c;c++)o=s[c],kt.test(o.type||"")&&!b._data(o,"globalEval")&&b.contains(u,o)&&(o.src?b.ajax({url:o.src,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0}):b.globalEval((o.text||o.textContent||o.innerHTML||"").replace(St,"")));l=i=null}return this}});function Lt(e,t){return e.getElementsByTagName(t)[0]||e.appendChild(e.ownerDocument.createElement(t))}function Ht(e){var t=e.getAttributeNode("type");return e.type=(t&&t.specified)+"/"+e.type,e}function qt(e){var t=Et.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function Mt(e,t){var n,r=0;for(;null!=(n=e[r]);r++)b._data(n,"globalEval",!t||b._data(t[r],"globalEval"))}function _t(e,t){if(1===t.nodeType&&b.hasData(e)){var n,r,i,o=b._data(e),a=b._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)b.event.add(t,n,s[n][r])}a.data&&(a.data=b.extend({},a.data))}}function Ft(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!b.support.noCloneEvent&&t[b.expando]){i=b._data(t);for(r in i.events)b.removeEvent(t,r,i.handle);t.removeAttribute(b.expando)}"script"===n&&t.text!==e.text?(Ht(t).text=e.text,qt(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),b.support.html5Clone&&e.innerHTML&&!b.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Nt.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}b.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,t){b.fn[e]=function(e){var n,r=0,i=[],o=b(e),a=o.length-1;for(;a>=r;r++)n=r===a?this:this.clone(!0),b(o[r])[t](n),d.apply(i,n.get());return this.pushStack(i)}});function Ot(e,n){var r,o,a=0,s=typeof e.getElementsByTagName!==i?e.getElementsByTagName(n||"*"):typeof e.querySelectorAll!==i?e.querySelectorAll(n||"*"):t;if(!s)for(s=[],r=e.childNodes||e;null!=(o=r[a]);a++)!n||b.nodeName(o,n)?s.push(o):b.merge(s,Ot(o,n));return n===t||n&&b.nodeName(e,n)?b.merge([e],s):s}function Bt(e){Nt.test(e.type)&&(e.defaultChecked=e.checked)}b.extend({clone:function(e,t,n){var r,i,o,a,s,u=b.contains(e.ownerDocument,e);if(b.support.html5Clone||b.isXMLDoc(e)||!mt.test("<"+e.nodeName+">")?o=e.cloneNode(!0):(Dt.innerHTML=e.outerHTML,Dt.removeChild(o=Dt.firstChild)),!(b.support.noCloneEvent&&b.support.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||b.isXMLDoc(e)))for(r=Ot(o),s=Ot(e),a=0;null!=(i=s[a]);++a)r[a]&&Ft(i,r[a]);if(t)if(n)for(s=s||Ot(e),r=r||Ot(o),a=0;null!=(i=s[a]);a++)_t(i,r[a]);else _t(e,o);return r=Ot(o,"script"),r.length>0&&Mt(r,!u&&Ot(e,"script")),r=s=i=null,o},buildFragment:function(e,t,n,r){var i,o,a,s,u,l,c,p=e.length,f=dt(t),d=[],h=0;for(;p>h;h++)if(o=e[h],o||0===o)if("object"===b.type(o))b.merge(d,o.nodeType?[o]:o);else if(wt.test(o)){s=s||f.appendChild(t.createElement("div")),u=(bt.exec(o)||["",""])[1].toLowerCase(),c=At[u]||At._default,s.innerHTML=c[1]+o.replace(vt,"<$1>")+c[2],i=c[0];while(i--)s=s.lastChild;if(!b.support.leadingWhitespace&&yt.test(o)&&d.push(t.createTextNode(yt.exec(o)[0])),!b.support.tbody){o="table"!==u||xt.test(o)?""!==c[1]||xt.test(o)?0:s:s.firstChild,i=o&&o.childNodes.length;while(i--)b.nodeName(l=o.childNodes[i],"tbody")&&!l.childNodes.length&&o.removeChild(l) -}b.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),b.support.appendChecked||b.grep(Ot(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===b.inArray(o,r))&&(a=b.contains(o.ownerDocument,o),s=Ot(f.appendChild(o),"script"),a&&Mt(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,u=b.expando,l=b.cache,p=b.support.deleteExpando,f=b.event.special;for(;null!=(n=e[s]);s++)if((t||b.acceptData(n))&&(o=n[u],a=o&&l[o])){if(a.events)for(r in a.events)f[r]?b.event.remove(n,r):b.removeEvent(n,r,a.handle);l[o]&&(delete l[o],p?delete n[u]:typeof n.removeAttribute!==i?n.removeAttribute(u):n[u]=null,c.push(o))}}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+x+")(.*)$","i"),Yt=RegExp("^("+x+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+x+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===b.css(e,"display")||!b.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=b._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=b._data(r,"olddisplay",un(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&b._data(r,"olddisplay",i?n:b.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}b.fn.extend({css:function(e,n){return b.access(this,function(e,n,r){var i,o,a={},s=0;if(b.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=b.css(e,n[s],!1,o);return a}return r!==t?b.style(e,n,r):b.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){var t="boolean"==typeof e;return this.each(function(){(t?e:nn(this))?b(this).show():b(this).hide()})}}),b.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":b.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,u=b.camelCase(n),l=e.style;if(n=b.cssProps[u]||(b.cssProps[u]=tn(l,u)),s=b.cssHooks[n]||b.cssHooks[u],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:l[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(b.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||b.cssNumber[u]||(r+="px"),b.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(l[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{l[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,u=b.camelCase(n);return n=b.cssProps[u]||(b.cssProps[u]=tn(e.style,u)),s=b.cssHooks[n]||b.cssHooks[u],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||b.isNumeric(o)?o||0:a):a},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s.getPropertyValue(n)||s[n]:t,l=e.style;return s&&(""!==u||b.contains(e.ownerDocument,e)||(u=b.style(e,n)),Yt.test(u)&&Ut.test(n)&&(i=l.width,o=l.minWidth,a=l.maxWidth,l.minWidth=l.maxWidth=l.width=u,u=s.width,l.width=i,l.minWidth=o,l.maxWidth=a)),u}):o.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s[n]:t,l=e.style;return null==u&&l&&l[n]&&(u=l[n]),Yt.test(u)&&!zt.test(n)&&(i=l.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),l.left="fontSize"===n?"1em":u,u=l.pixelLeft+"px",l.left=i,a&&(o.left=a)),""===u?"auto":u});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=b.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=b.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=b.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=b.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=b.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=b.support.boxSizing&&"border-box"===b.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(b.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}return i+an(e,t,n||(a?"border":"content"),r,o)+"px"}function un(e){var t=o,n=Gt[e];return n||(n=ln(e,t),"none"!==n&&n||(Pt=(Pt||b(" + + + + + + + Tweet + + + \ No newline at end of file diff --git a/showcase/includes/raised.html b/showcase/includes/raised.html new file mode 100644 index 0000000..ab45fe9 --- /dev/null +++ b/showcase/includes/raised.html @@ -0,0 +1,17 @@ + +
+
+

Raised Buttons

+

A classic looking button that offers great depth and affordance

+
+ +
+Visit Us! + + Go +Say Hi! +Say Hi! +
+ + +
\ No newline at end of file diff --git a/showcase/includes/setup.html b/showcase/includes/setup.html new file mode 100644 index 0000000..7437c3e --- /dev/null +++ b/showcase/includes/setup.html @@ -0,0 +1,47 @@ + +
+
+

Installation & Setup

+
+ +
+
    +
  1. + DOWNLOAD +
  2. +
  3. Include buttons in your website +
    +
    +

    Buttons Setup

    + +
    + + + + + +
    +<!-- Buttons core css -->
    +<link rel="stylesheet" href="css/buttons.css">
    +
    +<!-- Only needed if you want support for dropdown menus -->
    +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    +<script type="text/javascript" src="js/buttons.js"></script>
    +
    +<!-- Only needed if you want font icons -->
    +<link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
    +
    +
  4. +
+
diff --git a/showcase/includes/sizes.html b/showcase/includes/sizes.html new file mode 100644 index 0000000..c8b0a0b --- /dev/null +++ b/showcase/includes/sizes.html @@ -0,0 +1,60 @@ + +
+
+
+ +
+
+ +
+
+ +
+

Shapes & Sizes

+

Choose from a variety of shapes and sizes.

+ +
+Go +Go +Go + + + +
+Go +Go +Go + + + +
+Go +Go +Go + + + +
+Go +Go +Go + + + +
+Go +Go +Go + + + +
+Go +Go +Go + + +
+ +
+
\ No newline at end of file diff --git a/showcase/includes/templates.html b/showcase/includes/templates.html new file mode 100644 index 0000000..2cca797 --- /dev/null +++ b/showcase/includes/templates.html @@ -0,0 +1,11 @@ + + \ No newline at end of file diff --git a/showcase/includes/text.html b/showcase/includes/text.html new file mode 100644 index 0000000..ea887bd --- /dev/null +++ b/showcase/includes/text.html @@ -0,0 +1,13 @@ + +
+
+

Tyographic Styles

+

A variety of tyographic styles for buttons

+
+ +
+uppercase +lowercase +capitalize +small caps
+
\ No newline at end of file diff --git a/showcase/includes/transition-guide.html b/showcase/includes/transition-guide.html new file mode 100644 index 0000000..c7699f0 --- /dev/null +++ b/showcase/includes/transition-guide.html @@ -0,0 +1,15 @@ + +
+
+

Transition Guide 1.0 -> 2.0

+
+ +

We've made some major improvements to the Buttons library. In order to integrate buttons into your current project you'll need to make the following changes:

+ +
+
    +
  1. Compass has been replaced with [autoprefixer](https://github.com/postcss/autoprefixer). Compass is not recommended but it is still supported.
  2. +
  3. Button colors are now complete independent (ex. button-primary) we no longer have classes like button-flat-primary to achieve this you now simply add button-flat button-primary
  4. +
  5. Buttons styles are now independent (ex. button-flat, button-3d, etc.). You can apply these styles and they will automatically pick up the color attached to the button (ex. button-primary button-3d)
  6. +
+
\ No newline at end of file diff --git a/showcase/includes/unicorn-nav.html b/showcase/includes/unicorn-nav.html new file mode 100644 index 0000000..9681799 --- /dev/null +++ b/showcase/includes/unicorn-nav.html @@ -0,0 +1,6 @@ + \ No newline at end of file diff --git a/showcase/includes/wrapper.html b/showcase/includes/wrapper.html new file mode 100644 index 0000000..538ca19 --- /dev/null +++ b/showcase/includes/wrapper.html @@ -0,0 +1,28 @@ + +
+
+

Button Wrappers

+

A wrap around effect to highlight the shape of the button and offer a subtle visual effect

+
+ +
+ + + + + + + + + + Go + + + Go +
+ +
\ No newline at end of file diff --git a/showcase/index.html b/showcase/index.html new file mode 100644 index 0000000..ed3d92e --- /dev/null +++ b/showcase/index.html @@ -0,0 +1,702 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Buttons - A highly customizable CSS button library. + + + + + + + +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +

Buttons V. 2.0.0

+ +

+ Buttons is a highly customizable production ready mobile web and desktop css button library. Buttons is free and open source. +

+ + Download +
+ + + +
+ + + + +
+ + + U + A Unicorn UI Module + www.unicorn-ui.com + +
+ + + + +
+
+
+ +
+
+ +
+
+ +
+

Shapes & Sizes

+

Choose from a variety of shapes and sizes.

+ +
+ Go + Go + Go + + + +
+ Go + Go + Go + + + +
+ Go + Go + Go + + + +
+ Go + Go + Go + + + +
+ Go + Go + Go + + + +
+ Go + Go + Go + + +
+ +
+
+ +
+
+ +
+
+

Border & Borderless Buttons

+

+ Icons provided by Font Awesome Great for mobile devices

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

Buttons App

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

3D Buttons

+

Mimics the appearance of a real life button

+
+ +
+ + Check out the new site! + Visit Us! + + Go + Say Hi!
+ +
+ +
+
+

Raised Buttons

+

A classic looking button that offers great depth and affordance

+
+ +
+ Visit Us! + + Go + Say Hi! + Say Hi! +
+ + +
+ +
+

Long Shadows

+

A visual effect adding a flat shadow to the text of a button

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

Glowing

+

A pulse like glow around the edges of a button

+
+ +
+ Go + Go + + Go + Go + Go +
+ +
+ +
+ + +
+
+

Dropdown Buttons

+

A dropdown menu appears when the button is pressed

+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + Select Me + + + +
+
+ + +
+
+

Buttons Groups

+

A group of related buttons displayed edge to edge

+
+ +
+
+ + + + + + + Select Me + + + +
+ +
+ + + +
+ +
+ + + +
+
+ + +
+
+

Stacked Buttons

+

Block level buttons that expand the width of their container

+
+ +
+ Go + Go + Go + Go + Go + Go
+
+ +
+
+

Button Wrappers

+

A wrap around effect to highlight the shape of the button and offer a subtle visual effect

+
+ +
+ + + + + + + + + + Go + + + Go +
+ +
+ +
+
+

Form Buttons

+

Buttons works great on form elements too

+
+ +
+ + + + + + + + Go
+ +
+ +
+
+

Tyographic Styles

+

A variety of tyographic styles for buttons

+
+ +
+ uppercase + lowercase + capitalize + small caps
+
+ + + + +
+
+
+
+

Semantics & Accessibility

+
+ +
+

+ Buttons should be used responsibly with accessibility in mind. You should use anchor tags when you are linking to an external resource or an internal page link. Use the button tag when you have an application command such as add to shopping cart. Use input tags (such as the submit input type) when creating forms. If you would like to learn more on this subject we highly reccomend reading the following articles.

+ + +
+
+
+
+ +
+
+

Installation & Setup

+
+ +
+
    +
  1. + DOWNLOAD +
  2. +
  3. Include buttons in your website +
    +
    +

    Buttons Setup

    + +
    + + + + + +
    +  <!-- Buttons core css -->
    +  <link rel="stylesheet" href="css/buttons.css">
    +
    +  <!-- Only needed if you want support for dropdown menus -->
    +  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    +  <script type="text/javascript" src="js/buttons.js"></script>
    +
    +  <!-- Only needed if you want font icons -->
    +  <link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
    +
    +
  4. +
+
+ + +
+
+

Transition Guide 1.0 -> 2.0

+
+ +

We've made some major improvements to the Buttons library. In order to integrate buttons into your current project you'll need to make the following changes:

+ +
+
    +
  1. Compass has been replaced with [autoprefixer](https://github.com/postcss/autoprefixer). Compass is not recommended but it is still supported.
  2. +
  3. Button colors are now complete independent (ex. button-primary) we no longer have classes like button-flat-primary to achieve this you now simply add button-flat button-primary
  4. +
  5. Buttons styles are now independent (ex. button-flat, button-3d, etc.). You can apply these styles and they will automatically pick up the color attached to the button (ex. button-primary button-3d)
  6. +
+
+ +
+
+

Customize Buttons

+
+ +
+
    +
  1. + CLONE REPO +
  2. +
  3. Make sure you have Node.js installed.
  4. +
  5. From the command line cd into the root for the Buttons directory
  6. +
  7. Run npm install or sudo npm install (depending on your system permissions).
  8. +
  9. On the command line run grunt dev, this will open a browser with Buttons
  10. +
  11. Locate scss in the root directory
  12. +
  13. You can modify the _options.scss where you can customize colors, typography, and …
  14. +
  15. Anytime you save your changes the Buttons showcase page will live reload with your changes!
  16. +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/showcase/js/animate.css b/showcase/js/animate.css new file mode 100644 index 0000000..f784ce8 --- /dev/null +++ b/showcase/js/animate.css @@ -0,0 +1,3158 @@ +@charset "UTF-8"; +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2014 Daniel Eden +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +@keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +@keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} diff --git a/showcase/js/buttons.js b/showcase/js/buttons.js new file mode 100644 index 0000000..1cf2591 --- /dev/null +++ b/showcase/js/buttons.js @@ -0,0 +1,115 @@ +/*! @license +* Project: Buttons +* Description: A highly customizable CSS button library built with Sass and Compass +* Author: Alex Wolfe and Rob Levin +* License: Apache License v2.0 +*/ + + +// the semi-colon before function invocation is a safety net against concatenated +// scripts and/or other plugins which may not be closed properly. +;(function ( $, window, document, undefined ) { + 'use strict'; + + // undefined is used here as the undefined global variable in ECMAScript 3 is + // mutable (ie. it can be changed by someone else). undefined isn't really being + // passed in so we can ensure the value of it is truly undefined. In ES5, undefined + // can no longer be modified. + + // window and document are passed through as local variable rather than global + // as this (slightly) quickens the resolution process and can be more efficiently + // minified (especially when both are regularly referenced in your plugin). + + // Create the defaults once + var pluginName = "menuButton"; + var menuClass = ".button-dropdown"; + var defaults = { + propertyName: "value" + }; + + // The actual plugin constructor + function Plugin( element, options ) { + + //SET OPTIONS + this.options = $.extend( {}, defaults, options ); + this._defaults = defaults; + this._name = pluginName; + + //REGISTER ELEMENT + this.$element = $(element); + + //INITIALIZE + this.init(); + } + + Plugin.prototype = { + constructor: Plugin, + + init: function() { + // WE DON'T STOP PROPGATION SO CLICKS WILL AUTOMATICALLY + // TOGGLE AND REMOVE THE DROPDOWN + this.toggle(); + }, + + toggle: function(el, options) { + if(this.$element.data('dropdown') === 'show') { + this.hideMenu(); + } + else { + this.showMenu(); + } + }, + + showMenu: function() { + this.$element.data('dropdown', 'show'); + this.$element.find('ul').show(); + this.$element.find('.button:first').addClass('is-active'); + }, + + hideMenu: function() { + this.$element.data('dropdown', 'hide'); + this.$element.find('ul').hide(); + this.$element.find('.button:first').removeClass('is-active'); + } + }; + + // A really lightweight plugin wrapper around the constructor, + // preventing against multiple instantiations + $.fn[pluginName] = function ( options ) { + return this.each(function () { + + // TOGGLE BUTTON IF IT EXISTS + if ($.data(this, "plugin_" + pluginName)) { + $.data(this, "plugin_" + pluginName).toggle(); + } + // OTHERWISE CREATE A NEW INSTANCE + else { + $.data(this, "plugin_" + pluginName, new Plugin( this, options )); + } + }); + }; + + //CLOSE OPEN DROPDOWN MENUS IF CLICKED SOMEWHERE ELSE + $(document).on('click', function(e) { + $.each($('[data-buttons=dropdown]'), function(i, value) { + if ($(e.target.offsetParent)[0] != $(this)[0]) { + if ($.data(this, "plugin_" + pluginName)) { + $.data(this, "plugin_" + pluginName).hideMenu(); + $(this).find('ul').hide(); + } + } + }); + }); + + //DELEGATE CLICK EVENT FOR DROPDOWN MENUS + $(document).on('click', '[data-buttons=dropdown]', function(e) { + var $dropdown = $(e.currentTarget); + $dropdown.menuButton(); + }); + + //IGNORE CLICK EVENTS FROM DISPLAY BUTTON IN DROPDOWN + $(document).on('click', '[data-buttons=dropdown] > a', function(e) { + e.preventDefault(); + }); + +})( jQuery, window, document); \ No newline at end of file diff --git a/showcase/js/handlebars.js b/showcase/js/handlebars.js new file mode 100644 index 0000000..f826bbf --- /dev/null +++ b/showcase/js/handlebars.js @@ -0,0 +1,3079 @@ +/*! + + handlebars v2.0.0 + +Copyright (C) 2011-2014 by Yehuda Katz + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + +@license +*/ +/* exported Handlebars */ +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + define([], factory); + } else if (typeof exports === 'object') { + module.exports = factory(); + } else { + root.Handlebars = root.Handlebars || factory(); + } +}(this, function () { +// handlebars/safe-string.js +var __module4__ = (function() { + "use strict"; + var __exports__; + // Build out our basic SafeString type + function SafeString(string) { + this.string = string; + } + + SafeString.prototype.toString = function() { + return "" + this.string; + }; + + __exports__ = SafeString; + return __exports__; +})(); + +// handlebars/utils.js +var __module3__ = (function(__dependency1__) { + "use strict"; + var __exports__ = {}; + /*jshint -W004 */ + var SafeString = __dependency1__; + + var escape = { + "&": "&", + "<": "<", + ">": ">", + '"': """, + "'": "'", + "`": "`" + }; + + var badChars = /[&<>"'`]/g; + var possible = /[&<>"'`]/; + + function escapeChar(chr) { + return escape[chr]; + } + + function extend(obj /* , ...source */) { + for (var i = 1; i < arguments.length; i++) { + for (var key in arguments[i]) { + if (Object.prototype.hasOwnProperty.call(arguments[i], key)) { + obj[key] = arguments[i][key]; + } + } + } + + return obj; + } + + __exports__.extend = extend;var toString = Object.prototype.toString; + __exports__.toString = toString; + // Sourced from lodash + // https://github.com/bestiejs/lodash/blob/master/LICENSE.txt + var isFunction = function(value) { + return typeof value === 'function'; + }; + // fallback for older versions of Chrome and Safari + /* istanbul ignore next */ + if (isFunction(/x/)) { + isFunction = function(value) { + return typeof value === 'function' && toString.call(value) === '[object Function]'; + }; + } + var isFunction; + __exports__.isFunction = isFunction; + /* istanbul ignore next */ + var isArray = Array.isArray || function(value) { + return (value && typeof value === 'object') ? toString.call(value) === '[object Array]' : false; + }; + __exports__.isArray = isArray; + + function escapeExpression(string) { + // don't escape SafeStrings, since they're already safe + if (string instanceof SafeString) { + return string.toString(); + } else if (string == null) { + return ""; + } else if (!string) { + return string + ''; + } + + // Force a string conversion as this will be done by the append regardless and + // the regex test will do this transparently behind the scenes, causing issues if + // an object's to string has escaped characters in it. + string = "" + string; + + if(!possible.test(string)) { return string; } + return string.replace(badChars, escapeChar); + } + + __exports__.escapeExpression = escapeExpression;function isEmpty(value) { + if (!value && value !== 0) { + return true; + } else if (isArray(value) && value.length === 0) { + return true; + } else { + return false; + } + } + + __exports__.isEmpty = isEmpty;function appendContextPath(contextPath, id) { + return (contextPath ? contextPath + '.' : '') + id; + } + + __exports__.appendContextPath = appendContextPath; + return __exports__; +})(__module4__); + +// handlebars/exception.js +var __module5__ = (function() { + "use strict"; + var __exports__; + + var errorProps = ['description', 'fileName', 'lineNumber', 'message', 'name', 'number', 'stack']; + + function Exception(message, node) { + var line; + if (node && node.firstLine) { + line = node.firstLine; + + message += ' - ' + line + ':' + node.firstColumn; + } + + var tmp = Error.prototype.constructor.call(this, message); + + // Unfortunately errors are not enumerable in Chrome (at least), so `for prop in tmp` doesn't work. + for (var idx = 0; idx < errorProps.length; idx++) { + this[errorProps[idx]] = tmp[errorProps[idx]]; + } + + if (line) { + this.lineNumber = line; + this.column = node.firstColumn; + } + } + + Exception.prototype = new Error(); + + __exports__ = Exception; + return __exports__; +})(); + +// handlebars/base.js +var __module2__ = (function(__dependency1__, __dependency2__) { + "use strict"; + var __exports__ = {}; + var Utils = __dependency1__; + var Exception = __dependency2__; + + var VERSION = "2.0.0"; + __exports__.VERSION = VERSION;var COMPILER_REVISION = 6; + __exports__.COMPILER_REVISION = COMPILER_REVISION; + var REVISION_CHANGES = { + 1: '<= 1.0.rc.2', // 1.0.rc.2 is actually rev2 but doesn't report it + 2: '== 1.0.0-rc.3', + 3: '== 1.0.0-rc.4', + 4: '== 1.x.x', + 5: '== 2.0.0-alpha.x', + 6: '>= 2.0.0-beta.1' + }; + __exports__.REVISION_CHANGES = REVISION_CHANGES; + var isArray = Utils.isArray, + isFunction = Utils.isFunction, + toString = Utils.toString, + objectType = '[object Object]'; + + function HandlebarsEnvironment(helpers, partials) { + this.helpers = helpers || {}; + this.partials = partials || {}; + + registerDefaultHelpers(this); + } + + __exports__.HandlebarsEnvironment = HandlebarsEnvironment;HandlebarsEnvironment.prototype = { + constructor: HandlebarsEnvironment, + + logger: logger, + log: log, + + registerHelper: function(name, fn) { + if (toString.call(name) === objectType) { + if (fn) { throw new Exception('Arg not supported with multiple helpers'); } + Utils.extend(this.helpers, name); + } else { + this.helpers[name] = fn; + } + }, + unregisterHelper: function(name) { + delete this.helpers[name]; + }, + + registerPartial: function(name, partial) { + if (toString.call(name) === objectType) { + Utils.extend(this.partials, name); + } else { + this.partials[name] = partial; + } + }, + unregisterPartial: function(name) { + delete this.partials[name]; + } + }; + + function registerDefaultHelpers(instance) { + instance.registerHelper('helperMissing', function(/* [args, ]options */) { + if(arguments.length === 1) { + // A missing field in a {{foo}} constuct. + return undefined; + } else { + // Someone is actually trying to call something, blow up. + throw new Exception("Missing helper: '" + arguments[arguments.length-1].name + "'"); + } + }); + + instance.registerHelper('blockHelperMissing', function(context, options) { + var inverse = options.inverse, + fn = options.fn; + + if(context === true) { + return fn(this); + } else if(context === false || context == null) { + return inverse(this); + } else if (isArray(context)) { + if(context.length > 0) { + if (options.ids) { + options.ids = [options.name]; + } + + return instance.helpers.each(context, options); + } else { + return inverse(this); + } + } else { + if (options.data && options.ids) { + var data = createFrame(options.data); + data.contextPath = Utils.appendContextPath(options.data.contextPath, options.name); + options = {data: data}; + } + + return fn(context, options); + } + }); + + instance.registerHelper('each', function(context, options) { + if (!options) { + throw new Exception('Must pass iterator to #each'); + } + + var fn = options.fn, inverse = options.inverse; + var i = 0, ret = "", data; + + var contextPath; + if (options.data && options.ids) { + contextPath = Utils.appendContextPath(options.data.contextPath, options.ids[0]) + '.'; + } + + if (isFunction(context)) { context = context.call(this); } + + if (options.data) { + data = createFrame(options.data); + } + + if(context && typeof context === 'object') { + if (isArray(context)) { + for(var j = context.length; i 0) { + throw new Exception("Invalid path: " + original, this); + } else if (part === "..") { + depth++; + depthString += '../'; + } else { + this.isScoped = true; + } + } else { + dig.push(part); + } + } + + this.original = original; + this.parts = dig; + this.string = dig.join('.'); + this.depth = depth; + this.idName = depthString + this.string; + + // an ID is simple if it only has one part, and that part is not + // `..` or `this`. + this.isSimple = parts.length === 1 && !this.isScoped && depth === 0; + + this.stringModeValue = this.string; + }, + + PartialNameNode: function(name, locInfo) { + LocationInfo.call(this, locInfo); + this.type = "PARTIAL_NAME"; + this.name = name.original; + }, + + DataNode: function(id, locInfo) { + LocationInfo.call(this, locInfo); + this.type = "DATA"; + this.id = id; + this.stringModeValue = id.stringModeValue; + this.idName = '@' + id.stringModeValue; + }, + + StringNode: function(string, locInfo) { + LocationInfo.call(this, locInfo); + this.type = "STRING"; + this.original = + this.string = + this.stringModeValue = string; + }, + + NumberNode: function(number, locInfo) { + LocationInfo.call(this, locInfo); + this.type = "NUMBER"; + this.original = + this.number = number; + this.stringModeValue = Number(number); + }, + + BooleanNode: function(bool, locInfo) { + LocationInfo.call(this, locInfo); + this.type = "BOOLEAN"; + this.bool = bool; + this.stringModeValue = bool === "true"; + }, + + CommentNode: function(comment, locInfo) { + LocationInfo.call(this, locInfo); + this.type = "comment"; + this.comment = comment; + + this.strip = { + inlineStandalone: true + }; + } + }; + + + // Must be exported as an object rather than the root of the module as the jison lexer + // most modify the object to operate properly. + __exports__ = AST; + return __exports__; +})(__module5__); + +// handlebars/compiler/parser.js +var __module9__ = (function() { + "use strict"; + var __exports__; + /* jshint ignore:start */ + /* istanbul ignore next */ + /* Jison generated parser */ + var handlebars = (function(){ + var parser = {trace: function trace() { }, + yy: {}, + symbols_: {"error":2,"root":3,"program":4,"EOF":5,"program_repetition0":6,"statement":7,"mustache":8,"block":9,"rawBlock":10,"partial":11,"CONTENT":12,"COMMENT":13,"openRawBlock":14,"END_RAW_BLOCK":15,"OPEN_RAW_BLOCK":16,"sexpr":17,"CLOSE_RAW_BLOCK":18,"openBlock":19,"block_option0":20,"closeBlock":21,"openInverse":22,"block_option1":23,"OPEN_BLOCK":24,"CLOSE":25,"OPEN_INVERSE":26,"inverseAndProgram":27,"INVERSE":28,"OPEN_ENDBLOCK":29,"path":30,"OPEN":31,"OPEN_UNESCAPED":32,"CLOSE_UNESCAPED":33,"OPEN_PARTIAL":34,"partialName":35,"param":36,"partial_option0":37,"partial_option1":38,"sexpr_repetition0":39,"sexpr_option0":40,"dataName":41,"STRING":42,"NUMBER":43,"BOOLEAN":44,"OPEN_SEXPR":45,"CLOSE_SEXPR":46,"hash":47,"hash_repetition_plus0":48,"hashSegment":49,"ID":50,"EQUALS":51,"DATA":52,"pathSegments":53,"SEP":54,"$accept":0,"$end":1}, + terminals_: {2:"error",5:"EOF",12:"CONTENT",13:"COMMENT",15:"END_RAW_BLOCK",16:"OPEN_RAW_BLOCK",18:"CLOSE_RAW_BLOCK",24:"OPEN_BLOCK",25:"CLOSE",26:"OPEN_INVERSE",28:"INVERSE",29:"OPEN_ENDBLOCK",31:"OPEN",32:"OPEN_UNESCAPED",33:"CLOSE_UNESCAPED",34:"OPEN_PARTIAL",42:"STRING",43:"NUMBER",44:"BOOLEAN",45:"OPEN_SEXPR",46:"CLOSE_SEXPR",50:"ID",51:"EQUALS",52:"DATA",54:"SEP"}, + productions_: [0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[10,3],[14,3],[9,4],[9,4],[19,3],[22,3],[27,2],[21,3],[8,3],[8,3],[11,5],[11,4],[17,3],[17,1],[36,1],[36,1],[36,1],[36,1],[36,1],[36,3],[47,1],[49,3],[35,1],[35,1],[35,1],[41,2],[30,1],[53,3],[53,1],[6,0],[6,2],[20,0],[20,1],[23,0],[23,1],[37,0],[37,1],[38,0],[38,1],[39,0],[39,2],[40,0],[40,1],[48,1],[48,2]], + performAction: function anonymous(yytext,yyleng,yylineno,yy,yystate,$$,_$) { + + var $0 = $$.length - 1; + switch (yystate) { + case 1: yy.prepareProgram($$[$0-1].statements, true); return $$[$0-1]; + break; + case 2:this.$ = new yy.ProgramNode(yy.prepareProgram($$[$0]), {}, this._$); + break; + case 3:this.$ = $$[$0]; + break; + case 4:this.$ = $$[$0]; + break; + case 5:this.$ = $$[$0]; + break; + case 6:this.$ = $$[$0]; + break; + case 7:this.$ = new yy.ContentNode($$[$0], this._$); + break; + case 8:this.$ = new yy.CommentNode($$[$0], this._$); + break; + case 9:this.$ = new yy.RawBlockNode($$[$0-2], $$[$0-1], $$[$0], this._$); + break; + case 10:this.$ = new yy.MustacheNode($$[$0-1], null, '', '', this._$); + break; + case 11:this.$ = yy.prepareBlock($$[$0-3], $$[$0-2], $$[$0-1], $$[$0], false, this._$); + break; + case 12:this.$ = yy.prepareBlock($$[$0-3], $$[$0-2], $$[$0-1], $$[$0], true, this._$); + break; + case 13:this.$ = new yy.MustacheNode($$[$0-1], null, $$[$0-2], yy.stripFlags($$[$0-2], $$[$0]), this._$); + break; + case 14:this.$ = new yy.MustacheNode($$[$0-1], null, $$[$0-2], yy.stripFlags($$[$0-2], $$[$0]), this._$); + break; + case 15:this.$ = { strip: yy.stripFlags($$[$0-1], $$[$0-1]), program: $$[$0] }; + break; + case 16:this.$ = {path: $$[$0-1], strip: yy.stripFlags($$[$0-2], $$[$0])}; + break; + case 17:this.$ = new yy.MustacheNode($$[$0-1], null, $$[$0-2], yy.stripFlags($$[$0-2], $$[$0]), this._$); + break; + case 18:this.$ = new yy.MustacheNode($$[$0-1], null, $$[$0-2], yy.stripFlags($$[$0-2], $$[$0]), this._$); + break; + case 19:this.$ = new yy.PartialNode($$[$0-3], $$[$0-2], $$[$0-1], yy.stripFlags($$[$0-4], $$[$0]), this._$); + break; + case 20:this.$ = new yy.PartialNode($$[$0-2], undefined, $$[$0-1], yy.stripFlags($$[$0-3], $$[$0]), this._$); + break; + case 21:this.$ = new yy.SexprNode([$$[$0-2]].concat($$[$0-1]), $$[$0], this._$); + break; + case 22:this.$ = new yy.SexprNode([$$[$0]], null, this._$); + break; + case 23:this.$ = $$[$0]; + break; + case 24:this.$ = new yy.StringNode($$[$0], this._$); + break; + case 25:this.$ = new yy.NumberNode($$[$0], this._$); + break; + case 26:this.$ = new yy.BooleanNode($$[$0], this._$); + break; + case 27:this.$ = $$[$0]; + break; + case 28:$$[$0-1].isHelper = true; this.$ = $$[$0-1]; + break; + case 29:this.$ = new yy.HashNode($$[$0], this._$); + break; + case 30:this.$ = [$$[$0-2], $$[$0]]; + break; + case 31:this.$ = new yy.PartialNameNode($$[$0], this._$); + break; + case 32:this.$ = new yy.PartialNameNode(new yy.StringNode($$[$0], this._$), this._$); + break; + case 33:this.$ = new yy.PartialNameNode(new yy.NumberNode($$[$0], this._$)); + break; + case 34:this.$ = new yy.DataNode($$[$0], this._$); + break; + case 35:this.$ = new yy.IdNode($$[$0], this._$); + break; + case 36: $$[$0-2].push({part: $$[$0], separator: $$[$0-1]}); this.$ = $$[$0-2]; + break; + case 37:this.$ = [{part: $$[$0]}]; + break; + case 38:this.$ = []; + break; + case 39:$$[$0-1].push($$[$0]); + break; + case 48:this.$ = []; + break; + case 49:$$[$0-1].push($$[$0]); + break; + case 52:this.$ = [$$[$0]]; + break; + case 53:$$[$0-1].push($$[$0]); + break; + } + }, + table: [{3:1,4:2,5:[2,38],6:3,12:[2,38],13:[2,38],16:[2,38],24:[2,38],26:[2,38],31:[2,38],32:[2,38],34:[2,38]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:[1,10],13:[1,11],14:16,16:[1,20],19:14,22:15,24:[1,18],26:[1,19],28:[2,2],29:[2,2],31:[1,12],32:[1,13],34:[1,17]},{1:[2,1]},{5:[2,39],12:[2,39],13:[2,39],16:[2,39],24:[2,39],26:[2,39],28:[2,39],29:[2,39],31:[2,39],32:[2,39],34:[2,39]},{5:[2,3],12:[2,3],13:[2,3],16:[2,3],24:[2,3],26:[2,3],28:[2,3],29:[2,3],31:[2,3],32:[2,3],34:[2,3]},{5:[2,4],12:[2,4],13:[2,4],16:[2,4],24:[2,4],26:[2,4],28:[2,4],29:[2,4],31:[2,4],32:[2,4],34:[2,4]},{5:[2,5],12:[2,5],13:[2,5],16:[2,5],24:[2,5],26:[2,5],28:[2,5],29:[2,5],31:[2,5],32:[2,5],34:[2,5]},{5:[2,6],12:[2,6],13:[2,6],16:[2,6],24:[2,6],26:[2,6],28:[2,6],29:[2,6],31:[2,6],32:[2,6],34:[2,6]},{5:[2,7],12:[2,7],13:[2,7],16:[2,7],24:[2,7],26:[2,7],28:[2,7],29:[2,7],31:[2,7],32:[2,7],34:[2,7]},{5:[2,8],12:[2,8],13:[2,8],16:[2,8],24:[2,8],26:[2,8],28:[2,8],29:[2,8],31:[2,8],32:[2,8],34:[2,8]},{17:21,30:22,41:23,50:[1,26],52:[1,25],53:24},{17:27,30:22,41:23,50:[1,26],52:[1,25],53:24},{4:28,6:3,12:[2,38],13:[2,38],16:[2,38],24:[2,38],26:[2,38],28:[2,38],29:[2,38],31:[2,38],32:[2,38],34:[2,38]},{4:29,6:3,12:[2,38],13:[2,38],16:[2,38],24:[2,38],26:[2,38],28:[2,38],29:[2,38],31:[2,38],32:[2,38],34:[2,38]},{12:[1,30]},{30:32,35:31,42:[1,33],43:[1,34],50:[1,26],53:24},{17:35,30:22,41:23,50:[1,26],52:[1,25],53:24},{17:36,30:22,41:23,50:[1,26],52:[1,25],53:24},{17:37,30:22,41:23,50:[1,26],52:[1,25],53:24},{25:[1,38]},{18:[2,48],25:[2,48],33:[2,48],39:39,42:[2,48],43:[2,48],44:[2,48],45:[2,48],46:[2,48],50:[2,48],52:[2,48]},{18:[2,22],25:[2,22],33:[2,22],46:[2,22]},{18:[2,35],25:[2,35],33:[2,35],42:[2,35],43:[2,35],44:[2,35],45:[2,35],46:[2,35],50:[2,35],52:[2,35],54:[1,40]},{30:41,50:[1,26],53:24},{18:[2,37],25:[2,37],33:[2,37],42:[2,37],43:[2,37],44:[2,37],45:[2,37],46:[2,37],50:[2,37],52:[2,37],54:[2,37]},{33:[1,42]},{20:43,27:44,28:[1,45],29:[2,40]},{23:46,27:47,28:[1,45],29:[2,42]},{15:[1,48]},{25:[2,46],30:51,36:49,38:50,41:55,42:[1,52],43:[1,53],44:[1,54],45:[1,56],47:57,48:58,49:60,50:[1,59],52:[1,25],53:24},{25:[2,31],42:[2,31],43:[2,31],44:[2,31],45:[2,31],50:[2,31],52:[2,31]},{25:[2,32],42:[2,32],43:[2,32],44:[2,32],45:[2,32],50:[2,32],52:[2,32]},{25:[2,33],42:[2,33],43:[2,33],44:[2,33],45:[2,33],50:[2,33],52:[2,33]},{25:[1,61]},{25:[1,62]},{18:[1,63]},{5:[2,17],12:[2,17],13:[2,17],16:[2,17],24:[2,17],26:[2,17],28:[2,17],29:[2,17],31:[2,17],32:[2,17],34:[2,17]},{18:[2,50],25:[2,50],30:51,33:[2,50],36:65,40:64,41:55,42:[1,52],43:[1,53],44:[1,54],45:[1,56],46:[2,50],47:66,48:58,49:60,50:[1,59],52:[1,25],53:24},{50:[1,67]},{18:[2,34],25:[2,34],33:[2,34],42:[2,34],43:[2,34],44:[2,34],45:[2,34],46:[2,34],50:[2,34],52:[2,34]},{5:[2,18],12:[2,18],13:[2,18],16:[2,18],24:[2,18],26:[2,18],28:[2,18],29:[2,18],31:[2,18],32:[2,18],34:[2,18]},{21:68,29:[1,69]},{29:[2,41]},{4:70,6:3,12:[2,38],13:[2,38],16:[2,38],24:[2,38],26:[2,38],29:[2,38],31:[2,38],32:[2,38],34:[2,38]},{21:71,29:[1,69]},{29:[2,43]},{5:[2,9],12:[2,9],13:[2,9],16:[2,9],24:[2,9],26:[2,9],28:[2,9],29:[2,9],31:[2,9],32:[2,9],34:[2,9]},{25:[2,44],37:72,47:73,48:58,49:60,50:[1,74]},{25:[1,75]},{18:[2,23],25:[2,23],33:[2,23],42:[2,23],43:[2,23],44:[2,23],45:[2,23],46:[2,23],50:[2,23],52:[2,23]},{18:[2,24],25:[2,24],33:[2,24],42:[2,24],43:[2,24],44:[2,24],45:[2,24],46:[2,24],50:[2,24],52:[2,24]},{18:[2,25],25:[2,25],33:[2,25],42:[2,25],43:[2,25],44:[2,25],45:[2,25],46:[2,25],50:[2,25],52:[2,25]},{18:[2,26],25:[2,26],33:[2,26],42:[2,26],43:[2,26],44:[2,26],45:[2,26],46:[2,26],50:[2,26],52:[2,26]},{18:[2,27],25:[2,27],33:[2,27],42:[2,27],43:[2,27],44:[2,27],45:[2,27],46:[2,27],50:[2,27],52:[2,27]},{17:76,30:22,41:23,50:[1,26],52:[1,25],53:24},{25:[2,47]},{18:[2,29],25:[2,29],33:[2,29],46:[2,29],49:77,50:[1,74]},{18:[2,37],25:[2,37],33:[2,37],42:[2,37],43:[2,37],44:[2,37],45:[2,37],46:[2,37],50:[2,37],51:[1,78],52:[2,37],54:[2,37]},{18:[2,52],25:[2,52],33:[2,52],46:[2,52],50:[2,52]},{12:[2,13],13:[2,13],16:[2,13],24:[2,13],26:[2,13],28:[2,13],29:[2,13],31:[2,13],32:[2,13],34:[2,13]},{12:[2,14],13:[2,14],16:[2,14],24:[2,14],26:[2,14],28:[2,14],29:[2,14],31:[2,14],32:[2,14],34:[2,14]},{12:[2,10]},{18:[2,21],25:[2,21],33:[2,21],46:[2,21]},{18:[2,49],25:[2,49],33:[2,49],42:[2,49],43:[2,49],44:[2,49],45:[2,49],46:[2,49],50:[2,49],52:[2,49]},{18:[2,51],25:[2,51],33:[2,51],46:[2,51]},{18:[2,36],25:[2,36],33:[2,36],42:[2,36],43:[2,36],44:[2,36],45:[2,36],46:[2,36],50:[2,36],52:[2,36],54:[2,36]},{5:[2,11],12:[2,11],13:[2,11],16:[2,11],24:[2,11],26:[2,11],28:[2,11],29:[2,11],31:[2,11],32:[2,11],34:[2,11]},{30:79,50:[1,26],53:24},{29:[2,15]},{5:[2,12],12:[2,12],13:[2,12],16:[2,12],24:[2,12],26:[2,12],28:[2,12],29:[2,12],31:[2,12],32:[2,12],34:[2,12]},{25:[1,80]},{25:[2,45]},{51:[1,78]},{5:[2,20],12:[2,20],13:[2,20],16:[2,20],24:[2,20],26:[2,20],28:[2,20],29:[2,20],31:[2,20],32:[2,20],34:[2,20]},{46:[1,81]},{18:[2,53],25:[2,53],33:[2,53],46:[2,53],50:[2,53]},{30:51,36:82,41:55,42:[1,52],43:[1,53],44:[1,54],45:[1,56],50:[1,26],52:[1,25],53:24},{25:[1,83]},{5:[2,19],12:[2,19],13:[2,19],16:[2,19],24:[2,19],26:[2,19],28:[2,19],29:[2,19],31:[2,19],32:[2,19],34:[2,19]},{18:[2,28],25:[2,28],33:[2,28],42:[2,28],43:[2,28],44:[2,28],45:[2,28],46:[2,28],50:[2,28],52:[2,28]},{18:[2,30],25:[2,30],33:[2,30],46:[2,30],50:[2,30]},{5:[2,16],12:[2,16],13:[2,16],16:[2,16],24:[2,16],26:[2,16],28:[2,16],29:[2,16],31:[2,16],32:[2,16],34:[2,16]}], + defaultActions: {4:[2,1],44:[2,41],47:[2,43],57:[2,47],63:[2,10],70:[2,15],73:[2,45]}, + parseError: function parseError(str, hash) { + throw new Error(str); + }, + parse: function parse(input) { + var self = this, stack = [0], vstack = [null], lstack = [], table = this.table, yytext = "", yylineno = 0, yyleng = 0, recovering = 0, TERROR = 2, EOF = 1; + this.lexer.setInput(input); + this.lexer.yy = this.yy; + this.yy.lexer = this.lexer; + this.yy.parser = this; + if (typeof this.lexer.yylloc == "undefined") + this.lexer.yylloc = {}; + var yyloc = this.lexer.yylloc; + lstack.push(yyloc); + var ranges = this.lexer.options && this.lexer.options.ranges; + if (typeof this.yy.parseError === "function") + this.parseError = this.yy.parseError; + function popStack(n) { + stack.length = stack.length - 2 * n; + vstack.length = vstack.length - n; + lstack.length = lstack.length - n; + } + function lex() { + var token; + token = self.lexer.lex() || 1; + if (typeof token !== "number") { + token = self.symbols_[token] || token; + } + return token; + } + var symbol, preErrorSymbol, state, action, a, r, yyval = {}, p, len, newState, expected; + while (true) { + state = stack[stack.length - 1]; + if (this.defaultActions[state]) { + action = this.defaultActions[state]; + } else { + if (symbol === null || typeof symbol == "undefined") { + symbol = lex(); + } + action = table[state] && table[state][symbol]; + } + if (typeof action === "undefined" || !action.length || !action[0]) { + var errStr = ""; + if (!recovering) { + expected = []; + for (p in table[state]) + if (this.terminals_[p] && p > 2) { + expected.push("'" + this.terminals_[p] + "'"); + } + if (this.lexer.showPosition) { + errStr = "Parse error on line " + (yylineno + 1) + ":\n" + this.lexer.showPosition() + "\nExpecting " + expected.join(", ") + ", got '" + (this.terminals_[symbol] || symbol) + "'"; + } else { + errStr = "Parse error on line " + (yylineno + 1) + ": Unexpected " + (symbol == 1?"end of input":"'" + (this.terminals_[symbol] || symbol) + "'"); + } + this.parseError(errStr, {text: this.lexer.match, token: this.terminals_[symbol] || symbol, line: this.lexer.yylineno, loc: yyloc, expected: expected}); + } + } + if (action[0] instanceof Array && action.length > 1) { + throw new Error("Parse Error: multiple actions possible at state: " + state + ", token: " + symbol); + } + switch (action[0]) { + case 1: + stack.push(symbol); + vstack.push(this.lexer.yytext); + lstack.push(this.lexer.yylloc); + stack.push(action[1]); + symbol = null; + if (!preErrorSymbol) { + yyleng = this.lexer.yyleng; + yytext = this.lexer.yytext; + yylineno = this.lexer.yylineno; + yyloc = this.lexer.yylloc; + if (recovering > 0) + recovering--; + } else { + symbol = preErrorSymbol; + preErrorSymbol = null; + } + break; + case 2: + len = this.productions_[action[1]][1]; + yyval.$ = vstack[vstack.length - len]; + yyval._$ = {first_line: lstack[lstack.length - (len || 1)].first_line, last_line: lstack[lstack.length - 1].last_line, first_column: lstack[lstack.length - (len || 1)].first_column, last_column: lstack[lstack.length - 1].last_column}; + if (ranges) { + yyval._$.range = [lstack[lstack.length - (len || 1)].range[0], lstack[lstack.length - 1].range[1]]; + } + r = this.performAction.call(yyval, yytext, yyleng, yylineno, this.yy, action[1], vstack, lstack); + if (typeof r !== "undefined") { + return r; + } + if (len) { + stack = stack.slice(0, -1 * len * 2); + vstack = vstack.slice(0, -1 * len); + lstack = lstack.slice(0, -1 * len); + } + stack.push(this.productions_[action[1]][0]); + vstack.push(yyval.$); + lstack.push(yyval._$); + newState = table[stack[stack.length - 2]][stack[stack.length - 1]]; + stack.push(newState); + break; + case 3: + return true; + } + } + return true; + } + }; + /* Jison generated lexer */ + var lexer = (function(){ + var lexer = ({EOF:1, + parseError:function parseError(str, hash) { + if (this.yy.parser) { + this.yy.parser.parseError(str, hash); + } else { + throw new Error(str); + } + }, + setInput:function (input) { + this._input = input; + this._more = this._less = this.done = false; + this.yylineno = this.yyleng = 0; + this.yytext = this.matched = this.match = ''; + this.conditionStack = ['INITIAL']; + this.yylloc = {first_line:1,first_column:0,last_line:1,last_column:0}; + if (this.options.ranges) this.yylloc.range = [0,0]; + this.offset = 0; + return this; + }, + input:function () { + var ch = this._input[0]; + this.yytext += ch; + this.yyleng++; + this.offset++; + this.match += ch; + this.matched += ch; + var lines = ch.match(/(?:\r\n?|\n).*/g); + if (lines) { + this.yylineno++; + this.yylloc.last_line++; + } else { + this.yylloc.last_column++; + } + if (this.options.ranges) this.yylloc.range[1]++; + + this._input = this._input.slice(1); + return ch; + }, + unput:function (ch) { + var len = ch.length; + var lines = ch.split(/(?:\r\n?|\n)/g); + + this._input = ch + this._input; + this.yytext = this.yytext.substr(0, this.yytext.length-len-1); + //this.yyleng -= len; + this.offset -= len; + var oldLines = this.match.split(/(?:\r\n?|\n)/g); + this.match = this.match.substr(0, this.match.length-1); + this.matched = this.matched.substr(0, this.matched.length-1); + + if (lines.length-1) this.yylineno -= lines.length-1; + var r = this.yylloc.range; + + this.yylloc = {first_line: this.yylloc.first_line, + last_line: this.yylineno+1, + first_column: this.yylloc.first_column, + last_column: lines ? + (lines.length === oldLines.length ? this.yylloc.first_column : 0) + oldLines[oldLines.length - lines.length].length - lines[0].length: + this.yylloc.first_column - len + }; + + if (this.options.ranges) { + this.yylloc.range = [r[0], r[0] + this.yyleng - len]; + } + return this; + }, + more:function () { + this._more = true; + return this; + }, + less:function (n) { + this.unput(this.match.slice(n)); + }, + pastInput:function () { + var past = this.matched.substr(0, this.matched.length - this.match.length); + return (past.length > 20 ? '...':'') + past.substr(-20).replace(/\n/g, ""); + }, + upcomingInput:function () { + var next = this.match; + if (next.length < 20) { + next += this._input.substr(0, 20-next.length); + } + return (next.substr(0,20)+(next.length > 20 ? '...':'')).replace(/\n/g, ""); + }, + showPosition:function () { + var pre = this.pastInput(); + var c = new Array(pre.length + 1).join("-"); + return pre + this.upcomingInput() + "\n" + c+"^"; + }, + next:function () { + if (this.done) { + return this.EOF; + } + if (!this._input) this.done = true; + + var token, + match, + tempMatch, + index, + col, + lines; + if (!this._more) { + this.yytext = ''; + this.match = ''; + } + var rules = this._currentRules(); + for (var i=0;i < rules.length; i++) { + tempMatch = this._input.match(this.rules[rules[i]]); + if (tempMatch && (!match || tempMatch[0].length > match[0].length)) { + match = tempMatch; + index = i; + if (!this.options.flex) break; + } + } + if (match) { + lines = match[0].match(/(?:\r\n?|\n).*/g); + if (lines) this.yylineno += lines.length; + this.yylloc = {first_line: this.yylloc.last_line, + last_line: this.yylineno+1, + first_column: this.yylloc.last_column, + last_column: lines ? lines[lines.length-1].length-lines[lines.length-1].match(/\r?\n?/)[0].length : this.yylloc.last_column + match[0].length}; + this.yytext += match[0]; + this.match += match[0]; + this.matches = match; + this.yyleng = this.yytext.length; + if (this.options.ranges) { + this.yylloc.range = [this.offset, this.offset += this.yyleng]; + } + this._more = false; + this._input = this._input.slice(match[0].length); + this.matched += match[0]; + token = this.performAction.call(this, this.yy, this, rules[index],this.conditionStack[this.conditionStack.length-1]); + if (this.done && this._input) this.done = false; + if (token) return token; + else return; + } + if (this._input === "") { + return this.EOF; + } else { + return this.parseError('Lexical error on line '+(this.yylineno+1)+'. Unrecognized text.\n'+this.showPosition(), + {text: "", token: null, line: this.yylineno}); + } + }, + lex:function lex() { + var r = this.next(); + if (typeof r !== 'undefined') { + return r; + } else { + return this.lex(); + } + }, + begin:function begin(condition) { + this.conditionStack.push(condition); + }, + popState:function popState() { + return this.conditionStack.pop(); + }, + _currentRules:function _currentRules() { + return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules; + }, + topState:function () { + return this.conditionStack[this.conditionStack.length-2]; + }, + pushState:function begin(condition) { + this.begin(condition); + }}); + lexer.options = {}; + lexer.performAction = function anonymous(yy,yy_,$avoiding_name_collisions,YY_START) { + + + function strip(start, end) { + return yy_.yytext = yy_.yytext.substr(start, yy_.yyleng-end); + } + + + var YYSTATE=YY_START + switch($avoiding_name_collisions) { + case 0: + if(yy_.yytext.slice(-2) === "\\\\") { + strip(0,1); + this.begin("mu"); + } else if(yy_.yytext.slice(-1) === "\\") { + strip(0,1); + this.begin("emu"); + } else { + this.begin("mu"); + } + if(yy_.yytext) return 12; + + break; + case 1:return 12; + break; + case 2: + this.popState(); + return 12; + + break; + case 3: + yy_.yytext = yy_.yytext.substr(5, yy_.yyleng-9); + this.popState(); + return 15; + + break; + case 4: return 12; + break; + case 5:strip(0,4); this.popState(); return 13; + break; + case 6:return 45; + break; + case 7:return 46; + break; + case 8: return 16; + break; + case 9: + this.popState(); + this.begin('raw'); + return 18; + + break; + case 10:return 34; + break; + case 11:return 24; + break; + case 12:return 29; + break; + case 13:this.popState(); return 28; + break; + case 14:this.popState(); return 28; + break; + case 15:return 26; + break; + case 16:return 26; + break; + case 17:return 32; + break; + case 18:return 31; + break; + case 19:this.popState(); this.begin('com'); + break; + case 20:strip(3,5); this.popState(); return 13; + break; + case 21:return 31; + break; + case 22:return 51; + break; + case 23:return 50; + break; + case 24:return 50; + break; + case 25:return 54; + break; + case 26:// ignore whitespace + break; + case 27:this.popState(); return 33; + break; + case 28:this.popState(); return 25; + break; + case 29:yy_.yytext = strip(1,2).replace(/\\"/g,'"'); return 42; + break; + case 30:yy_.yytext = strip(1,2).replace(/\\'/g,"'"); return 42; + break; + case 31:return 52; + break; + case 32:return 44; + break; + case 33:return 44; + break; + case 34:return 43; + break; + case 35:return 50; + break; + case 36:yy_.yytext = strip(1,2); return 50; + break; + case 37:return 'INVALID'; + break; + case 38:return 5; + break; + } + }; + lexer.rules = [/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]*?(?=(\{\{\{\{\/)))/,/^(?:[\s\S]*?--\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{!--)/,/^(?:\{\{![\s\S]*?\}\})/,/^(?:\{\{(~)?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)]))))/,/^(?:\[[^\]]*\])/,/^(?:.)/,/^(?:$)/]; + lexer.conditions = {"mu":{"rules":[6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"inclusive":false},"emu":{"rules":[2],"inclusive":false},"com":{"rules":[5],"inclusive":false},"raw":{"rules":[3,4],"inclusive":false},"INITIAL":{"rules":[0,1,38],"inclusive":true}}; + return lexer;})() + parser.lexer = lexer; + function Parser () { this.yy = {}; }Parser.prototype = parser;parser.Parser = Parser; + return new Parser; + })();__exports__ = handlebars; + /* jshint ignore:end */ + return __exports__; +})(); + +// handlebars/compiler/helpers.js +var __module10__ = (function(__dependency1__) { + "use strict"; + var __exports__ = {}; + var Exception = __dependency1__; + + function stripFlags(open, close) { + return { + left: open.charAt(2) === '~', + right: close.charAt(close.length-3) === '~' + }; + } + + __exports__.stripFlags = stripFlags; + function prepareBlock(mustache, program, inverseAndProgram, close, inverted, locInfo) { + /*jshint -W040 */ + if (mustache.sexpr.id.original !== close.path.original) { + throw new Exception(mustache.sexpr.id.original + ' doesn\'t match ' + close.path.original, mustache); + } + + var inverse = inverseAndProgram && inverseAndProgram.program; + + var strip = { + left: mustache.strip.left, + right: close.strip.right, + + // Determine the standalone candiacy. Basically flag our content as being possibly standalone + // so our parent can determine if we actually are standalone + openStandalone: isNextWhitespace(program.statements), + closeStandalone: isPrevWhitespace((inverse || program).statements) + }; + + if (mustache.strip.right) { + omitRight(program.statements, null, true); + } + + if (inverse) { + var inverseStrip = inverseAndProgram.strip; + + if (inverseStrip.left) { + omitLeft(program.statements, null, true); + } + if (inverseStrip.right) { + omitRight(inverse.statements, null, true); + } + if (close.strip.left) { + omitLeft(inverse.statements, null, true); + } + + // Find standalone else statments + if (isPrevWhitespace(program.statements) + && isNextWhitespace(inverse.statements)) { + + omitLeft(program.statements); + omitRight(inverse.statements); + } + } else { + if (close.strip.left) { + omitLeft(program.statements, null, true); + } + } + + if (inverted) { + return new this.BlockNode(mustache, inverse, program, strip, locInfo); + } else { + return new this.BlockNode(mustache, program, inverse, strip, locInfo); + } + } + + __exports__.prepareBlock = prepareBlock; + function prepareProgram(statements, isRoot) { + for (var i = 0, l = statements.length; i < l; i++) { + var current = statements[i], + strip = current.strip; + + if (!strip) { + continue; + } + + var _isPrevWhitespace = isPrevWhitespace(statements, i, isRoot, current.type === 'partial'), + _isNextWhitespace = isNextWhitespace(statements, i, isRoot), + + openStandalone = strip.openStandalone && _isPrevWhitespace, + closeStandalone = strip.closeStandalone && _isNextWhitespace, + inlineStandalone = strip.inlineStandalone && _isPrevWhitespace && _isNextWhitespace; + + if (strip.right) { + omitRight(statements, i, true); + } + if (strip.left) { + omitLeft(statements, i, true); + } + + if (inlineStandalone) { + omitRight(statements, i); + + if (omitLeft(statements, i)) { + // If we are on a standalone node, save the indent info for partials + if (current.type === 'partial') { + current.indent = (/([ \t]+$)/).exec(statements[i-1].original) ? RegExp.$1 : ''; + } + } + } + if (openStandalone) { + omitRight((current.program || current.inverse).statements); + + // Strip out the previous content node if it's whitespace only + omitLeft(statements, i); + } + if (closeStandalone) { + // Always strip the next node + omitRight(statements, i); + + omitLeft((current.inverse || current.program).statements); + } + } + + return statements; + } + + __exports__.prepareProgram = prepareProgram;function isPrevWhitespace(statements, i, isRoot) { + if (i === undefined) { + i = statements.length; + } + + // Nodes that end with newlines are considered whitespace (but are special + // cased for strip operations) + var prev = statements[i-1], + sibling = statements[i-2]; + if (!prev) { + return isRoot; + } + + if (prev.type === 'content') { + return (sibling || !isRoot ? (/\r?\n\s*?$/) : (/(^|\r?\n)\s*?$/)).test(prev.original); + } + } + function isNextWhitespace(statements, i, isRoot) { + if (i === undefined) { + i = -1; + } + + var next = statements[i+1], + sibling = statements[i+2]; + if (!next) { + return isRoot; + } + + if (next.type === 'content') { + return (sibling || !isRoot ? (/^\s*?\r?\n/) : (/^\s*?(\r?\n|$)/)).test(next.original); + } + } + + // Marks the node to the right of the position as omitted. + // I.e. {{foo}}' ' will mark the ' ' node as omitted. + // + // If i is undefined, then the first child will be marked as such. + // + // If mulitple is truthy then all whitespace will be stripped out until non-whitespace + // content is met. + function omitRight(statements, i, multiple) { + var current = statements[i == null ? 0 : i + 1]; + if (!current || current.type !== 'content' || (!multiple && current.rightStripped)) { + return; + } + + var original = current.string; + current.string = current.string.replace(multiple ? (/^\s+/) : (/^[ \t]*\r?\n?/), ''); + current.rightStripped = current.string !== original; + } + + // Marks the node to the left of the position as omitted. + // I.e. ' '{{foo}} will mark the ' ' node as omitted. + // + // If i is undefined then the last child will be marked as such. + // + // If mulitple is truthy then all whitespace will be stripped out until non-whitespace + // content is met. + function omitLeft(statements, i, multiple) { + var current = statements[i == null ? statements.length - 1 : i - 1]; + if (!current || current.type !== 'content' || (!multiple && current.leftStripped)) { + return; + } + + // We omit the last node if it's whitespace only and not preceeded by a non-content node. + var original = current.string; + current.string = current.string.replace(multiple ? (/\s+$/) : (/[ \t]+$/), ''); + current.leftStripped = current.string !== original; + return current.leftStripped; + } + return __exports__; +})(__module5__); + +// handlebars/compiler/base.js +var __module8__ = (function(__dependency1__, __dependency2__, __dependency3__, __dependency4__) { + "use strict"; + var __exports__ = {}; + var parser = __dependency1__; + var AST = __dependency2__; + var Helpers = __dependency3__; + var extend = __dependency4__.extend; + + __exports__.parser = parser; + + var yy = {}; + extend(yy, Helpers, AST); + + function parse(input) { + // Just return if an already-compile AST was passed in. + if (input.constructor === AST.ProgramNode) { return input; } + + parser.yy = yy; + + return parser.parse(input); + } + + __exports__.parse = parse; + return __exports__; +})(__module9__, __module7__, __module10__, __module3__); + +// handlebars/compiler/compiler.js +var __module11__ = (function(__dependency1__, __dependency2__) { + "use strict"; + var __exports__ = {}; + var Exception = __dependency1__; + var isArray = __dependency2__.isArray; + + var slice = [].slice; + + function Compiler() {} + + __exports__.Compiler = Compiler;// the foundHelper register will disambiguate helper lookup from finding a + // function in a context. This is necessary for mustache compatibility, which + // requires that context functions in blocks are evaluated by blockHelperMissing, + // and then proceed as if the resulting value was provided to blockHelperMissing. + + Compiler.prototype = { + compiler: Compiler, + + equals: function(other) { + var len = this.opcodes.length; + if (other.opcodes.length !== len) { + return false; + } + + for (var i = 0; i < len; i++) { + var opcode = this.opcodes[i], + otherOpcode = other.opcodes[i]; + if (opcode.opcode !== otherOpcode.opcode || !argEquals(opcode.args, otherOpcode.args)) { + return false; + } + } + + // We know that length is the same between the two arrays because they are directly tied + // to the opcode behavior above. + len = this.children.length; + for (i = 0; i < len; i++) { + if (!this.children[i].equals(other.children[i])) { + return false; + } + } + + return true; + }, + + guid: 0, + + compile: function(program, options) { + this.opcodes = []; + this.children = []; + this.depths = {list: []}; + this.options = options; + this.stringParams = options.stringParams; + this.trackIds = options.trackIds; + + // These changes will propagate to the other compiler components + var knownHelpers = this.options.knownHelpers; + this.options.knownHelpers = { + 'helperMissing': true, + 'blockHelperMissing': true, + 'each': true, + 'if': true, + 'unless': true, + 'with': true, + 'log': true, + 'lookup': true + }; + if (knownHelpers) { + for (var name in knownHelpers) { + this.options.knownHelpers[name] = knownHelpers[name]; + } + } + + return this.accept(program); + }, + + accept: function(node) { + return this[node.type](node); + }, + + program: function(program) { + var statements = program.statements; + + for(var i=0, l=statements.length; i 0) { + varDeclarations += ", " + locals.join(", "); + } + + // Generate minimizer alias mappings + for (var alias in this.aliases) { + if (this.aliases.hasOwnProperty(alias)) { + varDeclarations += ', ' + alias + '=' + this.aliases[alias]; + } + } + + var params = ["depth0", "helpers", "partials", "data"]; + + if (this.useDepths) { + params.push('depths'); + } + + // Perform a second pass over the output to merge content when possible + var source = this.mergeSource(varDeclarations); + + if (asObject) { + params.push(source); + + return Function.apply(this, params); + } else { + return 'function(' + params.join(',') + ') {\n ' + source + '}'; + } + }, + mergeSource: function(varDeclarations) { + var source = '', + buffer, + appendOnly = !this.forceBuffer, + appendFirst; + + for (var i = 0, len = this.source.length; i < len; i++) { + var line = this.source[i]; + if (line.appendToBuffer) { + if (buffer) { + buffer = buffer + '\n + ' + line.content; + } else { + buffer = line.content; + } + } else { + if (buffer) { + if (!source) { + appendFirst = true; + source = buffer + ';\n '; + } else { + source += 'buffer += ' + buffer + ';\n '; + } + buffer = undefined; + } + source += line + '\n '; + + if (!this.environment.isSimple) { + appendOnly = false; + } + } + } + + if (appendOnly) { + if (buffer || !source) { + source += 'return ' + (buffer || '""') + ';\n'; + } + } else { + varDeclarations += ", buffer = " + (appendFirst ? '' : this.initializeBuffer()); + if (buffer) { + source += 'return buffer + ' + buffer + ';\n'; + } else { + source += 'return buffer;\n'; + } + } + + if (varDeclarations) { + source = 'var ' + varDeclarations.substring(2) + (appendFirst ? '' : ';\n ') + source; + } + + return source; + }, + + // [blockValue] + // + // On stack, before: hash, inverse, program, value + // On stack, after: return value of blockHelperMissing + // + // The purpose of this opcode is to take a block of the form + // `{{#this.foo}}...{{/this.foo}}`, resolve the value of `foo`, and + // replace it on the stack with the result of properly + // invoking blockHelperMissing. + blockValue: function(name) { + this.aliases.blockHelperMissing = 'helpers.blockHelperMissing'; + + var params = [this.contextName(0)]; + this.setupParams(name, 0, params); + + var blockName = this.popStack(); + params.splice(1, 0, blockName); + + this.push('blockHelperMissing.call(' + params.join(', ') + ')'); + }, + + // [ambiguousBlockValue] + // + // On stack, before: hash, inverse, program, value + // Compiler value, before: lastHelper=value of last found helper, if any + // On stack, after, if no lastHelper: same as [blockValue] + // On stack, after, if lastHelper: value + ambiguousBlockValue: function() { + this.aliases.blockHelperMissing = 'helpers.blockHelperMissing'; + + // We're being a bit cheeky and reusing the options value from the prior exec + var params = [this.contextName(0)]; + this.setupParams('', 0, params, true); + + this.flushInline(); + + var current = this.topStack(); + params.splice(1, 0, current); + + this.pushSource("if (!" + this.lastHelper + ") { " + current + " = blockHelperMissing.call(" + params.join(", ") + "); }"); + }, + + // [appendContent] + // + // On stack, before: ... + // On stack, after: ... + // + // Appends the string value of `content` to the current buffer + appendContent: function(content) { + if (this.pendingContent) { + content = this.pendingContent + content; + } + + this.pendingContent = content; + }, + + // [append] + // + // On stack, before: value, ... + // On stack, after: ... + // + // Coerces `value` to a String and appends it to the current buffer. + // + // If `value` is truthy, or 0, it is coerced into a string and appended + // Otherwise, the empty string is appended + append: function() { + // Force anything that is inlined onto the stack so we don't have duplication + // when we examine local + this.flushInline(); + var local = this.popStack(); + this.pushSource('if (' + local + ' != null) { ' + this.appendToBuffer(local) + ' }'); + if (this.environment.isSimple) { + this.pushSource("else { " + this.appendToBuffer("''") + " }"); + } + }, + + // [appendEscaped] + // + // On stack, before: value, ... + // On stack, after: ... + // + // Escape `value` and append it to the buffer + appendEscaped: function() { + this.aliases.escapeExpression = 'this.escapeExpression'; + + this.pushSource(this.appendToBuffer("escapeExpression(" + this.popStack() + ")")); + }, + + // [getContext] + // + // On stack, before: ... + // On stack, after: ... + // Compiler value, after: lastContext=depth + // + // Set the value of the `lastContext` compiler value to the depth + getContext: function(depth) { + this.lastContext = depth; + }, + + // [pushContext] + // + // On stack, before: ... + // On stack, after: currentContext, ... + // + // Pushes the value of the current context onto the stack. + pushContext: function() { + this.pushStackLiteral(this.contextName(this.lastContext)); + }, + + // [lookupOnContext] + // + // On stack, before: ... + // On stack, after: currentContext[name], ... + // + // Looks up the value of `name` on the current context and pushes + // it onto the stack. + lookupOnContext: function(parts, falsy, scoped) { + /*jshint -W083 */ + var i = 0, + len = parts.length; + + if (!scoped && this.options.compat && !this.lastContext) { + // The depthed query is expected to handle the undefined logic for the root level that + // is implemented below, so we evaluate that directly in compat mode + this.push(this.depthedLookup(parts[i++])); + } else { + this.pushContext(); + } + + for (; i < len; i++) { + this.replaceStack(function(current) { + var lookup = this.nameLookup(current, parts[i], 'context'); + // We want to ensure that zero and false are handled properly if the context (falsy flag) + // needs to have the special handling for these values. + if (!falsy) { + return ' != null ? ' + lookup + ' : ' + current; + } else { + // Otherwise we can use generic falsy handling + return ' && ' + lookup; + } + }); + } + }, + + // [lookupData] + // + // On stack, before: ... + // On stack, after: data, ... + // + // Push the data lookup operator + lookupData: function(depth, parts) { + /*jshint -W083 */ + if (!depth) { + this.pushStackLiteral('data'); + } else { + this.pushStackLiteral('this.data(data, ' + depth + ')'); + } + + var len = parts.length; + for (var i = 0; i < len; i++) { + this.replaceStack(function(current) { + return ' && ' + this.nameLookup(current, parts[i], 'data'); + }); + } + }, + + // [resolvePossibleLambda] + // + // On stack, before: value, ... + // On stack, after: resolved value, ... + // + // If the `value` is a lambda, replace it on the stack by + // the return value of the lambda + resolvePossibleLambda: function() { + this.aliases.lambda = 'this.lambda'; + + this.push('lambda(' + this.popStack() + ', ' + this.contextName(0) + ')'); + }, + + // [pushStringParam] + // + // On stack, before: ... + // On stack, after: string, currentContext, ... + // + // This opcode is designed for use in string mode, which + // provides the string value of a parameter along with its + // depth rather than resolving it immediately. + pushStringParam: function(string, type) { + this.pushContext(); + this.pushString(type); + + // If it's a subexpression, the string result + // will be pushed after this opcode. + if (type !== 'sexpr') { + if (typeof string === 'string') { + this.pushString(string); + } else { + this.pushStackLiteral(string); + } + } + }, + + emptyHash: function() { + this.pushStackLiteral('{}'); + + if (this.trackIds) { + this.push('{}'); // hashIds + } + if (this.stringParams) { + this.push('{}'); // hashContexts + this.push('{}'); // hashTypes + } + }, + pushHash: function() { + if (this.hash) { + this.hashes.push(this.hash); + } + this.hash = {values: [], types: [], contexts: [], ids: []}; + }, + popHash: function() { + var hash = this.hash; + this.hash = this.hashes.pop(); + + if (this.trackIds) { + this.push('{' + hash.ids.join(',') + '}'); + } + if (this.stringParams) { + this.push('{' + hash.contexts.join(',') + '}'); + this.push('{' + hash.types.join(',') + '}'); + } + + this.push('{\n ' + hash.values.join(',\n ') + '\n }'); + }, + + // [pushString] + // + // On stack, before: ... + // On stack, after: quotedString(string), ... + // + // Push a quoted version of `string` onto the stack + pushString: function(string) { + this.pushStackLiteral(this.quotedString(string)); + }, + + // [push] + // + // On stack, before: ... + // On stack, after: expr, ... + // + // Push an expression onto the stack + push: function(expr) { + this.inlineStack.push(expr); + return expr; + }, + + // [pushLiteral] + // + // On stack, before: ... + // On stack, after: value, ... + // + // Pushes a value onto the stack. This operation prevents + // the compiler from creating a temporary variable to hold + // it. + pushLiteral: function(value) { + this.pushStackLiteral(value); + }, + + // [pushProgram] + // + // On stack, before: ... + // On stack, after: program(guid), ... + // + // Push a program expression onto the stack. This takes + // a compile-time guid and converts it into a runtime-accessible + // expression. + pushProgram: function(guid) { + if (guid != null) { + this.pushStackLiteral(this.programExpression(guid)); + } else { + this.pushStackLiteral(null); + } + }, + + // [invokeHelper] + // + // On stack, before: hash, inverse, program, params..., ... + // On stack, after: result of helper invocation + // + // Pops off the helper's parameters, invokes the helper, + // and pushes the helper's return value onto the stack. + // + // If the helper is not found, `helperMissing` is called. + invokeHelper: function(paramSize, name, isSimple) { + this.aliases.helperMissing = 'helpers.helperMissing'; + + var nonHelper = this.popStack(); + var helper = this.setupHelper(paramSize, name); + + var lookup = (isSimple ? helper.name + ' || ' : '') + nonHelper + ' || helperMissing'; + this.push('((' + lookup + ').call(' + helper.callParams + '))'); + }, + + // [invokeKnownHelper] + // + // On stack, before: hash, inverse, program, params..., ... + // On stack, after: result of helper invocation + // + // This operation is used when the helper is known to exist, + // so a `helperMissing` fallback is not required. + invokeKnownHelper: function(paramSize, name) { + var helper = this.setupHelper(paramSize, name); + this.push(helper.name + ".call(" + helper.callParams + ")"); + }, + + // [invokeAmbiguous] + // + // On stack, before: hash, inverse, program, params..., ... + // On stack, after: result of disambiguation + // + // This operation is used when an expression like `{{foo}}` + // is provided, but we don't know at compile-time whether it + // is a helper or a path. + // + // This operation emits more code than the other options, + // and can be avoided by passing the `knownHelpers` and + // `knownHelpersOnly` flags at compile-time. + invokeAmbiguous: function(name, helperCall) { + this.aliases.functionType = '"function"'; + this.aliases.helperMissing = 'helpers.helperMissing'; + this.useRegister('helper'); + + var nonHelper = this.popStack(); + + this.emptyHash(); + var helper = this.setupHelper(0, name, helperCall); + + var helperName = this.lastHelper = this.nameLookup('helpers', name, 'helper'); + + this.push( + '((helper = (helper = ' + helperName + ' || ' + nonHelper + ') != null ? helper : helperMissing' + + (helper.paramsInit ? '),(' + helper.paramsInit : '') + '),' + + '(typeof helper === functionType ? helper.call(' + helper.callParams + ') : helper))'); + }, + + // [invokePartial] + // + // On stack, before: context, ... + // On stack after: result of partial invocation + // + // This operation pops off a context, invokes a partial with that context, + // and pushes the result of the invocation back. + invokePartial: function(name, indent) { + var params = [this.nameLookup('partials', name, 'partial'), "'" + indent + "'", "'" + name + "'", this.popStack(), this.popStack(), "helpers", "partials"]; + + if (this.options.data) { + params.push("data"); + } else if (this.options.compat) { + params.push('undefined'); + } + if (this.options.compat) { + params.push('depths'); + } + + this.push("this.invokePartial(" + params.join(", ") + ")"); + }, + + // [assignToHash] + // + // On stack, before: value, ..., hash, ... + // On stack, after: ..., hash, ... + // + // Pops a value off the stack and assigns it to the current hash + assignToHash: function(key) { + var value = this.popStack(), + context, + type, + id; + + if (this.trackIds) { + id = this.popStack(); + } + if (this.stringParams) { + type = this.popStack(); + context = this.popStack(); + } + + var hash = this.hash; + if (context) { + hash.contexts.push("'" + key + "': " + context); + } + if (type) { + hash.types.push("'" + key + "': " + type); + } + if (id) { + hash.ids.push("'" + key + "': " + id); + } + hash.values.push("'" + key + "': (" + value + ")"); + }, + + pushId: function(type, name) { + if (type === 'ID' || type === 'DATA') { + this.pushString(name); + } else if (type === 'sexpr') { + this.pushStackLiteral('true'); + } else { + this.pushStackLiteral('null'); + } + }, + + // HELPERS + + compiler: JavaScriptCompiler, + + compileChildren: function(environment, options) { + var children = environment.children, child, compiler; + + for(var i=0, l=children.length; i this.stackVars.length) { this.stackVars.push("stack" + this.stackSlot); } + return this.topStackName(); + }, + topStackName: function() { + return "stack" + this.stackSlot; + }, + flushInline: function() { + var inlineStack = this.inlineStack; + if (inlineStack.length) { + this.inlineStack = []; + for (var i = 0, len = inlineStack.length; i < len; i++) { + var entry = inlineStack[i]; + if (entry instanceof Literal) { + this.compileStack.push(entry); + } else { + this.pushStack(entry); + } + } + } + }, + isInline: function() { + return this.inlineStack.length; + }, + + popStack: function(wrapped) { + var inline = this.isInline(), + item = (inline ? this.inlineStack : this.compileStack).pop(); + + if (!wrapped && (item instanceof Literal)) { + return item.value; + } else { + if (!inline) { + /* istanbul ignore next */ + if (!this.stackSlot) { + throw new Exception('Invalid stack pop'); + } + this.stackSlot--; + } + return item; + } + }, + + topStack: function() { + var stack = (this.isInline() ? this.inlineStack : this.compileStack), + item = stack[stack.length - 1]; + + if (item instanceof Literal) { + return item.value; + } else { + return item; + } + }, + + contextName: function(context) { + if (this.useDepths && context) { + return 'depths[' + context + ']'; + } else { + return 'depth' + context; + } + }, + + quotedString: function(str) { + return '"' + str + .replace(/\\/g, '\\\\') + .replace(/"/g, '\\"') + .replace(/\n/g, '\\n') + .replace(/\r/g, '\\r') + .replace(/\u2028/g, '\\u2028') // Per Ecma-262 7.3 + 7.8.4 + .replace(/\u2029/g, '\\u2029') + '"'; + }, + + objectLiteral: function(obj) { + var pairs = []; + + for (var key in obj) { + if (obj.hasOwnProperty(key)) { + pairs.push(this.quotedString(key) + ':' + obj[key]); + } + } + + return '{' + pairs.join(',') + '}'; + }, + + setupHelper: function(paramSize, name, blockHelper) { + var params = [], + paramsInit = this.setupParams(name, paramSize, params, blockHelper); + var foundHelper = this.nameLookup('helpers', name, 'helper'); + + return { + params: params, + paramsInit: paramsInit, + name: foundHelper, + callParams: [this.contextName(0)].concat(params).join(", ") + }; + }, + + setupOptions: function(helper, paramSize, params) { + var options = {}, contexts = [], types = [], ids = [], param, inverse, program; + + options.name = this.quotedString(helper); + options.hash = this.popStack(); + + if (this.trackIds) { + options.hashIds = this.popStack(); + } + if (this.stringParams) { + options.hashTypes = this.popStack(); + options.hashContexts = this.popStack(); + } + + inverse = this.popStack(); + program = this.popStack(); + + // Avoid setting fn and inverse if neither are set. This allows + // helpers to do a check for `if (options.fn)` + if (program || inverse) { + if (!program) { + program = 'this.noop'; + } + + if (!inverse) { + inverse = 'this.noop'; + } + + options.fn = program; + options.inverse = inverse; + } + + // The parameters go on to the stack in order (making sure that they are evaluated in order) + // so we need to pop them off the stack in reverse order + var i = paramSize; + while (i--) { + param = this.popStack(); + params[i] = param; + + if (this.trackIds) { + ids[i] = this.popStack(); + } + if (this.stringParams) { + types[i] = this.popStack(); + contexts[i] = this.popStack(); + } + } + + if (this.trackIds) { + options.ids = "[" + ids.join(",") + "]"; + } + if (this.stringParams) { + options.types = "[" + types.join(",") + "]"; + options.contexts = "[" + contexts.join(",") + "]"; + } + + if (this.options.data) { + options.data = "data"; + } + + return options; + }, + + // the params and contexts arguments are passed in arrays + // to fill in + setupParams: function(helperName, paramSize, params, useRegister) { + var options = this.objectLiteral(this.setupOptions(helperName, paramSize, params)); + + if (useRegister) { + this.useRegister('options'); + params.push('options'); + return 'options=' + options; + } else { + params.push(options); + return ''; + } + } + }; + + var reservedWords = ( + "break else new var" + + " case finally return void" + + " catch for switch while" + + " continue function this with" + + " default if throw" + + " delete in try" + + " do instanceof typeof" + + " abstract enum int short" + + " boolean export interface static" + + " byte extends long super" + + " char final native synchronized" + + " class float package throws" + + " const goto private transient" + + " debugger implements protected volatile" + + " double import public let yield" + ).split(" "); + + var compilerWords = JavaScriptCompiler.RESERVED_WORDS = {}; + + for(var i=0, l=reservedWords.length; ia?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!n.isArray(a)&&a-parseFloat(a)>=0},isPlainObject:function(a){return"object"!==n.type(a)||a.nodeType||n.isWindow(a)?!1:a.constructor&&!j.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=l.createElement("script"),b.text=a,l.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:g.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(e=d.call(arguments,2),f=function(){return a.apply(b||this,e.concat(d.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:k}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+-new Date,v=a.document,w=0,x=0,y=gb(),z=gb(),A=gb(),B=function(a,b){return a===b&&(l=!0),0},C="undefined",D=1<<31,E={}.hasOwnProperty,F=[],G=F.pop,H=F.push,I=F.push,J=F.slice,K=F.indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(this[b]===a)return b;return-1},L="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",N="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=N.replace("w","w#"),P="\\["+M+"*("+N+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+O+"))|)"+M+"*\\]",Q=":("+N+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+P+")*)|.*)\\)|)",R=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),S=new RegExp("^"+M+"*,"+M+"*"),T=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp("="+M+"*([^\\]'\"]*?)"+M+"*\\]","g"),V=new RegExp(Q),W=new RegExp("^"+O+"$"),X={ID:new RegExp("^#("+N+")"),CLASS:new RegExp("^\\.("+N+")"),TAG:new RegExp("^("+N.replace("w","w*")+")"),ATTR:new RegExp("^"+P),PSEUDO:new RegExp("^"+Q),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+L+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+M+"?|("+M+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)};try{I.apply(F=J.call(v.childNodes),v.childNodes),F[v.childNodes.length].nodeType}catch(eb){I={apply:F.length?function(a,b){H.apply(a,J.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function fb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],!a||"string"!=typeof a)return d;if(1!==(k=b.nodeType)&&9!==k)return[];if(p&&!e){if(f=_.exec(a))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return I.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName&&b.getElementsByClassName)return I.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=9===k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+qb(o[l]);w=ab.test(a)&&ob(b.parentNode)||b,x=o.join(",")}if(x)try{return I.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function gb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function hb(a){return a[u]=!0,a}function ib(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function jb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function kb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||D)-(~a.sourceIndex||D);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function lb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function nb(a){return hb(function(b){return b=+b,hb(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function ob(a){return a&&typeof a.getElementsByTagName!==C&&a}c=fb.support={},f=fb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=fb.setDocument=function(a){var b,e=a?a.ownerDocument||a:v,g=e.defaultView;return e!==n&&9===e.nodeType&&e.documentElement?(n=e,o=e.documentElement,p=!f(e),g&&g!==g.top&&(g.addEventListener?g.addEventListener("unload",function(){m()},!1):g.attachEvent&&g.attachEvent("onunload",function(){m()})),c.attributes=ib(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ib(function(a){return a.appendChild(e.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(e.getElementsByClassName)&&ib(function(a){return a.innerHTML="
",a.firstChild.className="i",2===a.getElementsByClassName("i").length}),c.getById=ib(function(a){return o.appendChild(a).id=u,!e.getElementsByName||!e.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if(typeof b.getElementById!==C&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c=typeof a.getAttributeNode!==C&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return typeof b.getElementsByTagName!==C?b.getElementsByTagName(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return typeof b.getElementsByClassName!==C&&p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(e.querySelectorAll))&&(ib(function(a){a.innerHTML="",a.querySelectorAll("[msallowclip^='']").length&&q.push("[*^$]="+M+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+M+"*(?:value|"+L+")"),a.querySelectorAll(":checked").length||q.push(":checked")}),ib(function(a){var b=e.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+M+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ib(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",Q)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===e||a.ownerDocument===v&&t(v,a)?-1:b===e||b.ownerDocument===v&&t(v,b)?1:k?K.call(k,a)-K.call(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,f=a.parentNode,g=b.parentNode,h=[a],i=[b];if(!f||!g)return a===e?-1:b===e?1:f?-1:g?1:k?K.call(k,a)-K.call(k,b):0;if(f===g)return kb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?kb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},e):n},fb.matches=function(a,b){return fb(a,null,null,b)},fb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return fb(b,n,null,[a]).length>0},fb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},fb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&E.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},fb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},fb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=fb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=fb.selectors={cacheLength:50,createPseudo:hb,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||fb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&fb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+M+")"+a+"("+M+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||typeof a.getAttribute!==C&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=fb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||fb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?hb(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=K.call(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:hb(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?hb(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),!c.pop()}}),has:hb(function(a){return function(b){return fb(a,b).length>0}}),contains:hb(function(a){return function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:hb(function(a){return W.test(a||"")||fb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:nb(function(){return[0]}),last:nb(function(a,b){return[b-1]}),eq:nb(function(a,b,c){return[0>c?c+b:c]}),even:nb(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:nb(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:nb(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:nb(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function rb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function sb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function tb(a,b,c){for(var d=0,e=b.length;e>d;d++)fb(a,b[d],c);return c}function ub(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function vb(a,b,c,d,e,f){return d&&!d[u]&&(d=vb(d)),e&&!e[u]&&(e=vb(e,f)),hb(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||tb(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:ub(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=ub(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?K.call(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=ub(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):I.apply(g,r)})}function wb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=rb(function(a){return a===b},h,!0),l=rb(function(a){return K.call(b,a)>-1},h,!0),m=[function(a,c,d){return!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d))}];f>i;i++)if(c=d.relative[a[i].type])m=[rb(sb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return vb(i>1&&sb(m),i>1&&qb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&wb(a.slice(i,e)),f>e&&wb(a=a.slice(e)),f>e&&qb(a))}m.push(c)}return sb(m)}function xb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=G.call(i));s=ub(s)}I.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&fb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?hb(f):f}return h=fb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=wb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,xb(e,d)),f.selector=a}return f},i=fb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&ob(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&qb(j),!a)return I.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&ob(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ib(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ib(function(a){return a.innerHTML="","#"===a.firstChild.getAttribute("href")})||jb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&ib(function(a){return a.innerHTML="",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||jb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ib(function(a){return null==a.getAttribute("disabled")})||jb(L,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),fb}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return g.call(b,a)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:l,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=l.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=l,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};A.prototype=n.fn,y=n(l);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?g.call(n(a),this[0]):g.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(C[a]||n.unique(e),B.test(a)&&e.reverse()),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return n.each(a.match(E)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(b=a.memory&&l,c=!0,g=e||0,e=0,f=h.length,d=!0;h&&f>g;g++)if(h[g].apply(l[0],l[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,h&&(i?i.length&&j(i.shift()):b?h=[]:k.disable())},k={add:function(){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(arguments),d?f=h.length:b&&(e=c,j(b))}return this},remove:function(){return h&&n.each(arguments,function(a,b){var c;while((c=n.inArray(b,h,c))>-1)h.splice(c,1),d&&(f>=c&&f--,g>=c&&g--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],f=0,this},disable:function(){return h=i=b=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,b||k.disable(),this},locked:function(){return!i},fireWith:function(a,b){return!h||c&&!i||(b=b||[],b=[a,b.slice?b.slice():b],d?i.push(b):j(b)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!c}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(H.resolveWith(l,[n]),n.fn.triggerHandler&&(n(l).triggerHandler("ready"),n(l).off("ready"))))}});function I(){l.removeEventListener("DOMContentLoaded",I,!1),a.removeEventListener("load",I,!1),n.ready()}n.ready.promise=function(b){return H||(H=n.Deferred(),"complete"===l.readyState?setTimeout(n.ready):(l.addEventListener("DOMContentLoaded",I,!1),a.addEventListener("load",I,!1))),H.promise(b)},n.ready.promise();var J=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};n.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function K(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=n.expando+Math.random()}K.uid=1,K.accepts=n.acceptData,K.prototype={key:function(a){if(!K.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=K.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,n.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if("string"==typeof b)f[b]=c;else if(n.isEmptyObject(f))n.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(E)||[])),c=d.length;while(c--)delete g[d[c]]}},hasData:function(a){return!n.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var L=new K,M=new K,N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(O,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}M.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return M.hasData(a)||L.hasData(a)},data:function(a,b,c){return M.access(a,b,c)},removeData:function(a,b){M.remove(a,b) +},_data:function(a,b,c){return L.access(a,b,c)},_removeData:function(a,b){L.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=M.get(f),1===f.nodeType&&!L.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d])));L.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){M.set(this,a)}):J(this,function(b){var c,d=n.camelCase(a);if(f&&void 0===b){if(c=M.get(f,a),void 0!==c)return c;if(c=M.get(f,d),void 0!==c)return c;if(c=P(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=M.get(this,d);M.set(this,d,b),-1!==a.indexOf("-")&&void 0!==c&&M.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){M.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=L.get(a,b),c&&(!d||n.isArray(c)?d=L.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return L.get(a,c)||L.access(a,c,{empty:n.Callbacks("once memory").add(function(){L.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.lengthx",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var U="undefined";k.focusinBubbles="onfocusin"in a;var V=/^key/,W=/^(?:mouse|pointer|contextmenu)|click/,X=/^(?:focusinfocus|focusoutblur)$/,Y=/^([^.]*)(?:\.(.+)|)$/;function Z(){return!0}function $(){return!1}function _(){try{return l.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return typeof n!==U&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(E)||[""],j=b.length;while(j--)h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.hasData(a)&&L.get(a);if(r&&(i=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&(delete r.handle,L.remove(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,m,o,p=[d||l],q=j.call(b,"type")?b.type:b,r=j.call(b,"namespace")?b.namespace.split("."):[];if(g=h=d=d||l,3!==d.nodeType&&8!==d.nodeType&&!X.test(q+n.event.triggered)&&(q.indexOf(".")>=0&&(r=q.split("."),q=r.shift(),r.sort()),k=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=r.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},e||!o.trigger||o.trigger.apply(d,c)!==!1)){if(!e&&!o.noBubble&&!n.isWindow(d)){for(i=o.delegateType||q,X.test(i+q)||(g=g.parentNode);g;g=g.parentNode)p.push(g),h=g;h===(d.ownerDocument||l)&&p.push(h.defaultView||h.parentWindow||a)}f=0;while((g=p[f++])&&!b.isPropagationStopped())b.type=f>1?i:o.bindType||q,m=(L.get(g,"events")||{})[b.type]&&L.get(g,"handle"),m&&m.apply(g,c),m=k&&g[k],m&&m.apply&&n.acceptData(g)&&(b.result=m.apply(g,c),b.result===!1&&b.preventDefault());return b.type=q,e||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!n.acceptData(d)||k&&n.isFunction(d[q])&&!n.isWindow(d)&&(h=d[k],h&&(d[k]=null),n.event.triggered=q,d[q](),n.event.triggered=void 0,h&&(d[k]=h)),b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(L.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(g.namespace))&&(a.handleObj=g,a.data=g.data,e=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==e&&(a.result=e)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||"click"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>=0:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h]*)\/>/gi,bb=/<([\w:]+)/,cb=/<|&#?\w+;/,db=/<(?:script|style|link)/i,eb=/checked\s*(?:[^=]|=\s*.checked.)/i,fb=/^$|\/(?:java|ecma)script/i,gb=/^true\/(.*)/,hb=/^\s*\s*$/g,ib={option:[1,""],thead:[1,"
","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};ib.optgroup=ib.option,ib.tbody=ib.tfoot=ib.colgroup=ib.caption=ib.thead,ib.th=ib.td;function jb(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function kb(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function lb(a){var b=gb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function mb(a,b){for(var c=0,d=a.length;d>c;c++)L.set(a[c],"globalEval",!b||L.get(b[c],"globalEval"))}function nb(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(L.hasData(a)&&(f=L.access(a),g=L.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}M.hasData(a)&&(h=M.access(a),i=n.extend({},h),M.set(b,i))}}function ob(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function pb(a,b){var c=b.nodeName.toLowerCase();"input"===c&&T.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}n.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=ob(h),f=ob(a),d=0,e=f.length;e>d;d++)pb(f[d],g[d]);if(b)if(c)for(f=f||ob(a),g=g||ob(h),d=0,e=f.length;e>d;d++)nb(f[d],g[d]);else nb(a,h);return g=ob(h,"script"),g.length>0&&mb(g,!i&&ob(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,o=a.length;o>m;m++)if(e=a[m],e||0===e)if("object"===n.type(e))n.merge(l,e.nodeType?[e]:e);else if(cb.test(e)){f=f||k.appendChild(b.createElement("div")),g=(bb.exec(e)||["",""])[1].toLowerCase(),h=ib[g]||ib._default,f.innerHTML=h[1]+e.replace(ab,"<$1>")+h[2],j=h[0];while(j--)f=f.lastChild;n.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));k.textContent="",m=0;while(e=l[m++])if((!d||-1===n.inArray(e,d))&&(i=n.contains(e.ownerDocument,e),f=ob(k.appendChild(e),"script"),i&&mb(f),c)){j=0;while(e=f[j++])fb.test(e.type||"")&&c.push(e)}return k},cleanData:function(a){for(var b,c,d,e,f=n.event.special,g=0;void 0!==(c=a[g]);g++){if(n.acceptData(c)&&(e=c[L.expando],e&&(b=L.cache[e]))){if(b.events)for(d in b.events)f[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);L.cache[e]&&delete L.cache[e]}delete M.cache[c[M.expando]]}}}),n.fn.extend({text:function(a){return J(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=jb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=jb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(ob(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&mb(ob(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(ob(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return J(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!db.test(a)&&!ib[(bb.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(ab,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(ob(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(ob(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,m=this,o=l-1,p=a[0],q=n.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&eb.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(c=n.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(f=n.map(ob(c,"script"),kb),g=f.length;l>j;j++)h=c,j!==o&&(h=n.clone(h,!0,!0),g&&n.merge(f,ob(h,"script"))),b.call(this[j],h,j);if(g)for(i=f[f.length-1].ownerDocument,n.map(f,lb),j=0;g>j;j++)h=f[j],fb.test(h.type||"")&&!L.access(h,"globalEval")&&n.contains(i,h)&&(h.src?n._evalUrl&&n._evalUrl(h.src):n.globalEval(h.textContent.replace(hb,"")))}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),g=e.length-1,h=0;g>=h;h++)c=h===g?this:this.clone(!0),n(e[h])[b](c),f.apply(d,c.get());return this.pushStack(d)}});var qb,rb={};function sb(b,c){var d,e=n(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:n.css(e[0],"display");return e.detach(),f}function tb(a){var b=l,c=rb[a];return c||(c=sb(a,b),"none"!==c&&c||(qb=(qb||n("