home page title here | SVG Immersion

404

Whoops. Looks like what you're looking for can't be found.

Footer goes here...

", 6 | "homepage": "http://unicorn-ui.com/", 7 | "repository": { 8 | "type": "git", 9 | "url": "git@github.com:unicorn-ui/Forms.git" 10 | }, 11 | "tags": [ 12 | "Forms", 13 | "Sass", 14 | "CSS", 15 | "Fields" 16 | ], 17 | "devDependencies": { 18 | "bower": "^1.8.0", 19 | "del": "^0.1.3", 20 | "gulp": "^3.9.1", 21 | "gulp-autoprefixer": "^2.3.1", 22 | "gulp-concat": "^2.6.1", 23 | "gulp-minify-css": "^0.3.13", 24 | "gulp-rename": "^1.2.2", 25 | "gulp-sass": "^2.3.2", 26 | "gulp-usemin": "^0.3.28", 27 | "gulp-watch": "^4.3.11", 28 | "q": "^1.5.0" 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Forms", 3 | "version": "0.1.0", 4 | "homepage": "https://github.com/unicorn-ui/Forms", 5 | "authors": [ 6 | "(Rob Levin ) and (Alex Wolfe )" 7 | ], 8 | "description": "A CSS form library built using Sass", 9 | "main": "css/forms.css", 10 | "keywords": [ 11 | "Forms", 12 | "Form", 13 | "Sass", 14 | "SCSS", 15 | "css", 16 | "css forms", 17 | "sass forms" 18 | ], 19 | "license": "Apache License v2.0", 20 | "ignore": [ 21 | "**/.*", 22 | "node_modules", 23 | "bower_components", 24 | "test", 25 | "tests" 26 | ], 27 | "dependencies": { 28 | "normalize-css": "latest", 29 | "animate.css": "latest", 30 | "nprogress": "latest", 31 | "underscore": "latest", 32 | "jquery.scrollTo": "latest", 33 | "Grids": "latest", 34 | "jQuery": "latest" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /public/bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Forms", 3 | "version": "0.1.0", 4 | "homepage": "https://github.com/unicorn-ui/Forms", 5 | "authors": [ 6 | "(Rob Levin ) and (Alex Wolfe )" 7 | ], 8 | "description": "A CSS form library built using Sass", 9 | "main": "css/forms.css", 10 | "keywords": [ 11 | "Forms", 12 | "Form", 13 | "Sass", 14 | "SCSS", 15 | "css", 16 | "css forms", 17 | "sass forms" 18 | ], 19 | "license": "Apache License v2.0", 20 | "ignore": [ 21 | "**/.*", 22 | "node_modules", 23 | "bower_components", 24 | "test", 25 | "tests" 26 | ], 27 | "dependencies": { 28 | "normalize-css": "latest", 29 | "animate.css": "latest", 30 | "nprogress": "latest", 31 | "underscore": "latest", 32 | "jquery.scrollTo": "latest", 33 | "Grids": "latest", 34 | "jQuery": "latest", 35 | "develop": "https://github.com/jakobloekke/tdcss.js/tree/develop" 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /public/vendor/js/tdcss/themes/original/theme.js: -------------------------------------------------------------------------------- 1 | /* tdcss.js - v0.8.1 - 2016-04-28 2 | * http://jakobloekke.github.io/tdcss.js/ 3 | * Copyright (c) 2016 Jakob Løkke Madsen (http://www.jakobloekkemadsen.com); 4 | * License: MIT */ 5 | 6 | 7 | if (typeof tdcss_theme !== 'function') { 8 | 9 | tdcss_theme = (function () { 10 | 11 | // private 12 | var _private = { 13 | makeTopBar: function(module, makeJumpTo, makeHTMLToggle) { 14 | $(module.container).after("

" + 15 | "

" + 16 | "

" + 17 | "

"); 18 | 19 | $(".tdcss-title").text($("title").text()); 20 | $(".tdcss-controls") 21 | .append(makeJumpTo()) 22 | .append(makeHTMLToggle()); 23 | } 24 | }; 25 | 26 | var _public = { 27 | name: 'original', 28 | makeTopBar: _private.makeTopBar, 29 | }; 30 | 31 | return _public; 32 | 33 | })(); 34 | } 35 | -------------------------------------------------------------------------------- /public/scss/types/_grouped.scss: -------------------------------------------------------------------------------- 1 | 2 | //////////////////////////////////////////// 3 | // GROUPED ///////////////////////////////// 4 | //////////////////////////////////////////// 5 | 6 | #{$uforms-namespace}-grouped { 7 | margin: 0 0 $uforms-vertical-padding; 8 | padding: 0; 9 | 10 | & input, 11 | & textarea { 12 | display: block; 13 | padding: 10px; 14 | margin: 0 0 -1px; 15 | border-radius: 0; 16 | position: relative; 17 | top: 0; 18 | width: 100%; 19 | } 20 | } 21 | 22 | #{$uforms-namespace}-grouped-rounded { 23 | & > #{$uforms-namespace}-field-group:first-child > input, 24 | & > input:first-child, 25 | & > textarea:first-child { 26 | top: 1px; 27 | border-radius: $uforms-border-radius $uforms-border-radius 0 0; 28 | margin: 0; 29 | } 30 | 31 | & input, 32 | & textarea {margin: 0 0 -2px;} 33 | 34 | & > #{$uforms-namespace}-field-group:last-child > input, 35 | & > input:last-child, 36 | & > textarea:last-child { 37 | top: 1px; 38 | border-radius: 0 0 $uforms-border-radius $uforms-border-radius; 39 | margin: 0; 40 | } 41 | } 42 | 43 | #{$uforms-namespace}-grouped-block { 44 | & input, 45 | & textarea { 46 | width: 100%; 47 | margin: 0 0 -5px; 48 | } 49 | & input:last-child, 50 | & textarea:last-child { 51 | top: 4px; 52 | margin-bottom: 3px; 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /public/scss/forms.scss: -------------------------------------------------------------------------------- 1 | /*! @license 2 | * 3 | * FORMS 4 | * Copyright 2012-2014 Alex Wolfe and Rob Levin 5 | * 6 | * Licensed under the Apache License, Version 2.0 (the "License"); 7 | * you may not use this file except in compliance with the License. 8 | * You may obtain a copy of the License at 9 | * 10 | * http://www.apache.org/licenses/LICENSE-2.0 11 | * 12 | * Unless required by applicable law or agreed to in writing, software 13 | * distributed under the License is distributed on an "AS IS" BASIS, 14 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | * See the License for the specific language governing permissions and 16 | * limitations under the License. 17 | */ 18 | 19 | 20 | /* 21 | * Required Files 22 | * 23 | * These files include the variables and options 24 | * and base css styles that are required to generate buttons. 25 | */ 26 | 27 | @import 'options'; 28 | @import 'mixins'; 29 | @import 'base'; 30 | 31 | 32 | /* 33 | * Froms Types (optional) 34 | * 35 | * All of the files below represent the various form 36 | * types. None of these files are required. Simple remove 37 | * the uneeded type below and the form type will be 38 | * excluded from the final build. 39 | */ 40 | 41 | @import 'types/panels'; 42 | @import 'types/grouped'; 43 | @import 'types/line'; 44 | @import 'types/box'; 45 | @import 'types/pill'; 46 | @import 'types/jump'; 47 | 48 | 49 | //TODO 50 | @if($uforms-responsive == 'enabled') { 51 | @media screen and (min-width: $uforms-small-breakpoint) { 52 | //...... 53 | } 54 | } 55 | 56 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Forms Beta 2 | A Forms library built with Sass. The Forms framework is ready to use and easy to install. 3 | 4 | ![Alt text](/public/img/forms-shot.png?raw=true "Forms Beta Screenshot") 5 | 6 | ## Unicorn-UI Module Development 7 | Below are setup instructions for Unicorn-UI module development. You'll need to have [bower](http://bower.io/) and [node.js](http://nodejs.org/), and harp installed before you begin. 8 | 9 | Install bower and harp: 10 | ``` 11 | npm install -g bower 12 | npm install -g harp 13 | ``` 14 | 15 | Errors with node-sass? If you're using node 4.x or later then you need to reinstall gulp-sass with: 16 | ``` 17 | npm uninstall --save-dev gulp-sass 18 | npm install --save-dev gulp-sass@2 19 | ``` 20 | 21 | ## Development 22 | 1. On the command line root directory run ```npm install``` 23 | 2. Now inside the /public directory run ```bower install```. 24 | 2. Now run ```gulp css``` to build the module files. 25 | 3. Run ```harp server``` to start a server and visit page in local browser to preview. 26 | 27 | ## Quick Usage 28 | Having trouble getting above set up? Just grab the built [CSS file](https://github.com/unicorn-ui/Forms/blob/master/build/forms.css), and reference from your html file: 29 | ```html 30 | 31 | ``` 32 | With `forms.css` included on your page, you should be able to try copying some of the markup from Form's [demo page](https://github.com/unicorn-ui/Forms/blob/master/public/index.ejs) to get started. Still not up and running? Don't worry, we'll be posting videos and a demo page soon! 33 | -------------------------------------------------------------------------------- /public/scss/types/_jump.scss: -------------------------------------------------------------------------------- 1 | 2 | //////////////////////////////////////////// 3 | // JUMP INPUTS ///////////////////////////// 4 | //////////////////////////////////////////// 5 | 6 | #{$uforms-namespace}-field-jump { 7 | transition: all .3s ease-out; 8 | 9 | &:focus, 10 | &.focus { 11 | background-color: $uforms-panel-bgcolor; 12 | bottom: 0; 13 | height: $uforms-input-height * 1.5; 14 | transform: scale(1.02); 15 | z-index: 1; 16 | border: none; 17 | color: $uforms-font-jump-color; 18 | 19 | &::placeholder { 20 | color: $uforms-font-jump-color; 21 | } 22 | } 23 | } 24 | 25 | //Hack: Specificity hack to get the box-shadow to kick in on focus 26 | #{$uforms-namespace} #{$uforms-namespace}-field-jump { 27 | &:focus, 28 | &.focus { 29 | box-shadow: rgba(0, 0, 0, 0.15) 0 10px 20px 0, rgba(0, 0, 0, 0.3) 0 0 30px 0; 30 | } 31 | } 32 | 33 | #{$uforms-namespace} .icon-left #{$uforms-namespace}-field-jump:focus { 34 | padding-left: $uforms-icon-padding * 1.5; 35 | } 36 | #{$uforms-namespace} .icon-right #{$uforms-namespace}-field-jump:focus { 37 | padding-right: $uforms-icon-padding * 1.5; 38 | } 39 | 40 | //On focus, we need to adjust the vertically alignment to match our 150%H jump inputs 41 | .form-field-group.icon-left #{$uforms-namespace}-field-jump:focus + i, 42 | .form-field-group.icon-left #{$uforms-namespace}-field-jump.focus + i, 43 | .form-field-group.icon-right #{$uforms-namespace}-field-jump.focus + i, 44 | .form-field-group.icon-right #{$uforms-namespace}-field-jump:focus + i { 45 | line-height: $uforms-input-height * 1.5; 46 | color: $uforms-font-jump-color; 47 | } 48 | 49 | -------------------------------------------------------------------------------- /public/scss/types/_panels.scss: -------------------------------------------------------------------------------- 1 | 2 | //////////////////////////////////////////// 3 | // PANELS ////////////////////////////////// 4 | //////////////////////////////////////////// 5 | 6 | @each $uforms-size in $uforms-sizes { 7 | $uforms-size-name: nth($uforms-size, 1); 8 | $uforms-size: nth($uforms-size, 2); 9 | 10 | $uforms-size-namespace: #{$uforms-namespace}-panel-#{$uforms-size-name}; 11 | 12 | #{$uforms-size-namespace} { 13 | width: $uforms-size; 14 | } 15 | } 16 | 17 | #{$uforms-namespace}-panel { 18 | margin: $uforms-input-height 0; 19 | } 20 | 21 | #{$uforms-namespace}-panel-centered { 22 | margin: $uforms-input-height auto; 23 | } 24 | 25 | #{$uforms-namespace}-panel-header { 26 | position: relative; 27 | padding: ($uforms-vertical-padding * .75) ($uforms-vertical-padding * 1.5); 28 | margin: 0; 29 | color: #ffffff; 30 | text-shadow: 0 -1px 0 rgba(0,0,0,0.3); 31 | background-color: $uforms-panel-bgcolor; 32 | border: $uforms-border-color; 33 | 34 | border-bottom: 0; 35 | border-radius: $uforms-border-radius $uforms-border-radius 0 0; 36 | 37 | h1, h2, h3, h4, h5, h6 { 38 | margin-top: 0; 39 | margin-bottom: 0; 40 | font-size: $uforms-font-size + 2px; 41 | font-weight: normal; 42 | line-height: 1.2; 43 | } 44 | } 45 | 46 | #{$uforms-namespace}-panel-body { 47 | padding: $uforms-vertical-padding ($uforms-vertical-padding * 1.5); 48 | font-size: $uforms-font-size; 49 | color: $uforms-font-color; 50 | border: 1px solid $uforms-border-color; 51 | border-radius: 0 0 $uforms-border-radius $uforms-border-radius; 52 | } 53 | 54 | //TODO 55 | #{$uforms-namespace}-panel-footer {} 56 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'); 2 | var exec = require('child_process').exec; 3 | var sass = require('gulp-sass'); 4 | var watch = require('gulp-watch'); 5 | var autoprefixer = require('gulp-autoprefixer'); 6 | // var usemin = require('gulp-usemin'); 7 | var minifyCSS = require('gulp-minify-css'); 8 | var concat = require('gulp-concat'); 9 | var Q = require('q'); 10 | var del = require('del'); 11 | var rename = require("gulp-rename"); 12 | 13 | 14 | /** 15 | * CLEAN 16 | * 17 | * Delete files and directories 18 | */ 19 | 20 | gulp.task('clean:build', function() { 21 | return Q.promise(function(resolve, error) { 22 | del(['build'], resolve); 23 | }); 24 | }); 25 | 26 | 27 | gulp.task('moveCSSLibs', ['clean:build'], function(){ 28 | var stream = gulp.src([ 29 | 'public/vendor/css/**/*.css' 30 | ]) 31 | .pipe(concat('vendor.min.css')) 32 | .pipe(minifyCSS({ noAdvanced: true })) 33 | .pipe(gulp.dest('build')); 34 | 35 | return stream; 36 | }); 37 | 38 | /** 39 | * CSS PREPROCESSING 40 | * 41 | * Sass, vender prefix, minify, move 42 | */ 43 | gulp.task('css', ['moveCSSLibs'], function() { 44 | var stream = gulp.src('public/scss/**/*.scss') 45 | .pipe(sass()) 46 | .pipe(autoprefixer()) 47 | .pipe(minifyCSS({ noAdvanced: true })) 48 | .pipe(gulp.dest('build')); 49 | 50 | return stream; 51 | }); 52 | 53 | /** 54 | * WATCH 55 | * 56 | * Watches files for compilation 57 | */ 58 | 59 | gulp.task('watch', function() { 60 | gulp.watch('public/scss/**/*.scss', ['css']); 61 | }); 62 | 63 | 64 | /** 65 | * BUILD TASKS 66 | * 67 | * Local and production build tasks 68 | */ 69 | 70 | gulp.task('default', ['watch'], function() { 71 | }); 72 | 73 | 74 | -------------------------------------------------------------------------------- /public/js/site.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | 3 | function bindSidebarFadeActions() { 4 | $(document).scroll(function() { 5 | var bottomViewPort, footer, footerTop, sidebar; 6 | footer = '.footer'; 7 | sidebar = '.docked-menu'; 8 | bottomViewPort = $(window).scrollTop() + $(window).height(); 9 | footerTop = $(footer).offset().top; 10 | if (bottomViewPort >= footerTop) { 11 | $(sidebar).fadeOut(); 12 | } else { 13 | $(sidebar).fadeIn(); 14 | } 15 | }); 16 | } 17 | 18 | function executeCopy (text) { 19 | var input; 20 | try { 21 | input = document.createElement('textarea'); 22 | input.style.position = 'fixed'; 23 | input.style.opacity = 0; 24 | document.body.appendChild(input); 25 | input.value = text; 26 | input.focus(); 27 | input.select(); 28 | document.execCommand('Copy'); 29 | input.remove(); 30 | } catch (err) { 31 | console.warn("Unable to copy color to clipboard."); 32 | } 33 | } 34 | 35 | function executeCopy2(html, useInnerHtml) { 36 | var text, doc = new DOMParser().parseFromString(html, 'text/html'); 37 | if (useInnerHtml) { 38 | text = doc.body.innerHTML; 39 | } 40 | else { 41 | text = doc.body.textContent; 42 | } 43 | 44 | return executeCopy(text); 45 | } 46 | 47 | function bindCopySnippet() { 48 | var target, code, copied; 49 | 50 | $('.tdcss-copy-btn').on('click', function(ev) { 51 | ev.preventDefault(); 52 | ev.stopPropagation(); 53 | var target = $(ev.currentTarget); 54 | var original = $(target).html(); 55 | code = $(target).next().text(); 56 | $(target).html('Copied!'); 57 | executeCopy2(code, true); 58 | 59 | _.delay(function() { 60 | $(target).html(original); 61 | }, 1200); 62 | }); 63 | } 64 | 65 | bindSidebarFadeActions(); 66 | bindCopySnippet(); 67 | 68 | }); 69 | 70 | 71 | -------------------------------------------------------------------------------- /public/_layout.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | <%= title %> | <%= siteTitle %> 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 45 | 46 | 47 | 48 | <%- partial("partial/_header") %> 49 | 50 | <%- yield %> 51 | 52 | <%- partial("partial/_footer") %> 53 | 54 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /public/scss/_options.scss: -------------------------------------------------------------------------------- 1 | ////////////////////////////////////////////////////////// 2 | // BASE DEFAULTS ///////////////////////////////////////// 3 | ////////////////////////////////////////////////////////// 4 | $uforms-namespace: '.form' !default; //prefix for all classes 5 | $uforms-fields-bgcolor: transparent !default; 6 | 7 | //You should definitely override / reset this! 8 | $uforms-panel-bgcolor: #1B9AF7; 9 | 10 | //Set this to false if you want things like up/down number arrows on right side 11 | $unicorn-turn-off-number-input-spinners: true !default; 12 | $uforms-color-field-width: 50px !default; 13 | $uforms-cursor: pointer !default; 14 | 15 | // Note you can use whatever class names, css unit, and value that you prefer. For example, 16 | // to use fixed pixels, uncomment below to suite your needs. Default is percentages. 17 | $uforms-sizes: (x-large 100%) (large 80%) (medium 60%) (small 50%) !default; 18 | //$uforms-sizes: (jumbo 800px) (large 600px) (normal 400px) (small 300px) !default; 19 | 20 | $uforms-vertical-padding: 20px; 21 | 22 | ////////////////////////////////////////////////////////// 23 | // TYPOGRAPHY //////////////////////////////////////////// 24 | ////////////////////////////////////////////////////////// 25 | $uforms-font-color: #666 !default; 26 | $uforms-font-jump-color: #ffffff !default; 27 | $uforms-font-dark: darken($uforms-font-color, 10%) !default; 28 | $uforms-font-muted: lighten($uforms-font-color, 10%) !default; 29 | $uforms-font-size: 14px !default; 30 | $uforms-base-line-height: $uforms-font-size * 1.4 !default; 31 | $uforms-small-font-size: 12px !default; 32 | $uforms-font-weight: 300 !default; 33 | $uforms-font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !default; 34 | $uforms-error-color: #cc0000 !default; 35 | 36 | ////////////////////////////////////////////////////////// 37 | // FIELDS //////////////////////////////////////////////// 38 | ////////////////////////////////////////////////////////// 39 | $uforms-input-height: 40px !default; 40 | $uforms-input-gutter: $uforms-font-size * 1.5 !default; 41 | $uforms-input-padding: ($uforms-font-size / 2) + 3px !default; 42 | $uforms-transition-duration: 0.2s !default; 43 | $uforms-border-radius: 4px !default; 44 | $uforms-placeholder-color: $uforms-font-muted !default; 45 | $uforms-placeholder-focus-color: lighten($uforms-font-muted, 15%) !default; 46 | $uforms-border-color: #dddddd !default; 47 | $uforms-checkbox-font-size: $uforms-small-font-size !default; 48 | $uforms-checkbox-height: 13px !default;; 49 | $uforms-icon-padding: 30px; 50 | 51 | ////////////////////////////////////////////////////////// 52 | // RESPONSIVE //////////////////////////////////////////// 53 | ////////////////////////////////////////////////////////// 54 | //TODO: Move to _responsive partial 55 | $uforms-responsive: 'enabled' !default; 56 | $uforms-small-breakpoint: 480px !default; 57 | $uforms-tablet-breakpoint: 900px !default; -------------------------------------------------------------------------------- /public/scss/_base.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * Base Forms Style 3 | * 4 | * The default values for . class 5 | */ 6 | 7 | 8 | #{$uforms-namespace} { 9 | width: auto; 10 | margin: $uforms-input-height 0; 11 | position: relative; 12 | 13 | fieldset { 14 | border: 0; 15 | legend { 16 | color: $uforms-font-muted; 17 | } 18 | } 19 | ul, li {list-style: none;} 20 | } 21 | 22 | 23 | 24 | label, 25 | input, 26 | textarea { 27 | color: $uforms-font-color; 28 | font-size: $uforms-font-size; 29 | font-family: $uforms-font-family; 30 | font-weight: $uforms-font-weight; 31 | } 32 | 33 | textarea, 34 | input { 35 | display: inline-block; 36 | border-radius: $uforms-border-radius; 37 | margin: 0 6px; 38 | padding: $uforms-input-padding; 39 | height: $uforms-input-height; 40 | background: $uforms-fields-bgcolor; 41 | border: 1px solid $uforms-border-color; 42 | } 43 | 44 | textarea, 45 | input[type="text"], 46 | input[type="password"], 47 | input[type="datetime"], 48 | input[type="datetime-local"], 49 | input[type="date"], 50 | input[type="month"], 51 | input[type="time"], 52 | input[type="week"], 53 | input[type="number"], 54 | input[type="email"], 55 | input[type="url"], 56 | input[type="search"], 57 | input[type="tel"], 58 | input[type="color"] { 59 | box-sizing: border-box; 60 | outline: none; 61 | -webkit-appearance: none; 62 | 63 | &:focus, 64 | &.focus { 65 | border-color: $uforms-border-color; 66 | box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05), 0 0 5px rgba($uforms-border-color, 0.5); 67 | outline: 0; 68 | } 69 | 70 | &#{$uforms-namespace}-input-block { 71 | width: 100%; 72 | margin: $uforms-vertical-padding 0; 73 | } 74 | } 75 | 76 | &#{$uforms-namespace}-field { 77 | position: relative; 78 | } 79 | 80 | 81 | 82 | 83 | #{$uforms-namespace}-field-group { 84 | width: 100%; 85 | max-width: 100%; 86 | position: relative; 87 | 88 | [class^="form-field"] { 89 | width: 100%; 90 | outline: 0; 91 | margin: 0; 92 | } 93 | 94 | &.icon-left > i, 95 | &.icon-right > i { 96 | position: absolute; 97 | top: 0; 98 | width: $uforms-input-height - 8px; 99 | height: $uforms-input-height; 100 | line-height: $uforms-input-height; 101 | text-align: center; 102 | cursor: pointer; 103 | white-space: nowrap; 104 | color: $uforms-border-color; 105 | } 106 | &.icon-left { 107 | & > i { 108 | left: 0; 109 | } 110 | & > input { 111 | width: 100%; 112 | padding-left: $uforms-icon-padding; 113 | } 114 | } 115 | &.icon-right { 116 | & > i { 117 | right: 0; 118 | } 119 | & > input { 120 | width: 100%; 121 | padding-right: $uforms-icon-padding; 122 | } 123 | } 124 | } 125 | 126 | input[type="color"] { 127 | width: $uforms-color-field-width; 128 | background: transparent; 129 | border: none; 130 | } 131 | 132 | //http://css-tricks.com/snippets/css/turn-off-number-input-spinners/ 133 | @if($unicorn-turn-off-number-input-spinners) { 134 | input::-webkit-outer-spin-button, 135 | input::-webkit-inner-spin-button { 136 | -webkit-appearance: none; 137 | margin: 0; 138 | } 139 | } 140 | 141 | textarea { 142 | height: auto; 143 | min-width: 100%; 144 | min-height: $uforms-input-height; 145 | padding: $uforms-font-size / 2; 146 | } 147 | 148 | select { 149 | //opacity: 0;//uncomment if you're going to dynamically put a span and style that 150 | display: block; 151 | position: relative; 152 | z-index: 1; 153 | width: 100%; 154 | height: $uforms-input-height; 155 | font-size: $uforms-font-size; 156 | padding: 0 $uforms-font-size / 2; 157 | -webkit-appearance: none; 158 | -moz-appearance: none; 159 | option { 160 | font-size: $uforms-small-font-size; 161 | } 162 | } 163 | 164 | ::-webkit-input-placeholder { 165 | color: $uforms-placeholder-color; 166 | transition: $uforms-transition-duration all; 167 | } 168 | :-moz-placeholder { 169 | color: $uforms-placeholder-color; 170 | transition: $uforms-transition-duration all; 171 | } 172 | ::-webkit-input-placeholder:focus { 173 | color: $uforms-placeholder-focus-color; 174 | } 175 | :-moz-placeholder:focus { 176 | color: $uforms-placeholder-focus-color; 177 | } 178 | 179 | input[type=radio], 180 | input[type=checkbox] { 181 | margin: 0; 182 | vertical-align: middle; 183 | cursor: $uforms-cursor; 184 | } 185 | 186 | #{$uforms-namespace}-radio, 187 | #{$uforms-namespace}-checkbox { 188 | display: inline-block; 189 | position: relative; 190 | background: $uforms-fields-bgcolor; 191 | padding: ($uforms-base-line-height - ($uforms-checkbox-font-size * 1.2)) / 2 0 ($uforms-base-line-height - ($uforms-checkbox-font-size * 1.2)) / 2 $uforms-checkbox-height * 1.61; 192 | font-size: $uforms-checkbox-font-size; 193 | height: $uforms-font-size * 1.2; 194 | width: $uforms-font-size * 1.2; 195 | line-height: 1.2; 196 | cursor: $uforms-cursor; 197 | input[type=radio], 198 | input[type=checkbox] { 199 | display: block; 200 | position: absolute; 201 | top: ($uforms-base-line-height - $uforms-checkbox-height) / 2; 202 | left: 0px; 203 | } 204 | 205 | a { 206 | text-decoration: underline; 207 | } 208 | } 209 | 210 | -------------------------------------------------------------------------------- /public/vendor/js/tdcss/themes/original/tdcss.css: -------------------------------------------------------------------------------- 1 | /* tdcss.js - v0.8.1 - 2016-04-28 2 | * http://jakobloekke.github.io/tdcss.js/ 3 | * Copyright (c) 2016 Jakob Løkke Madsen (http://www.jakobloekkemadsen.com); 4 | * License: MIT */ 5 | 6 | 7 | body { 8 | margin: 0; 9 | } 10 | 11 | [class*='tdcss-'] { 12 | -webkit-box-sizing: border-box; 13 | -moz-box-sizing: border-box; 14 | -ms-box-sizing: border-box; 15 | -o-box-sizing: border-box; 16 | box-sizing: border-box; 17 | } 18 | 19 | .wip { 20 | text-decoration: line-through; 21 | : opacity: .4; 22 | } 23 | 24 | /************************************ 25 | * Hidden unless sidebar theme used 26 | ************************************/ 27 | .tdcss-header, 28 | .tdcss-subheader-nav { 29 | display: none; 30 | } 31 | 32 | .tdcss-fragments { 33 | display: none; 34 | } 35 | 36 | .tdcss-elements { 37 | position: relative; 38 | top: 3em; 39 | width: 100%; 40 | padding-top: 1em; 41 | } 42 | 43 | .tdcss-elements:after { 44 | content: ''; 45 | position: absolute; 46 | top: 0; 47 | right: 0; 48 | background-color: #f5f2f0; 49 | width: 40%; 50 | height: 100%; 51 | border-left: 1px solid #e7e7e7; 52 | z-index: -1; 53 | } 54 | 55 | .tdcss-hide-html.tdcss-elements:after { 56 | display: none; 57 | } 58 | 59 | .tdcss-section { 60 | width: 100%; 61 | padding: 1px 0 0 0; 62 | vertical-align: bottom; 63 | border: none; 64 | cursor: pointer; 65 | } 66 | 67 | .tdcss-section .tdcss-h2 { 68 | display: block; 69 | padding: 10px; 70 | margin: 0; 71 | font-family: verdana, sans-serif; 72 | font-size: 20px; 73 | color: white; 74 | text-shadow: 0 -1px rgba(0, 0, 0, 0.1); 75 | background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #add8e6), color-stop(100%, #96cddf)); 76 | background: -webkit-linear-gradient(top, #add8e6, #96cddf); 77 | background: -moz-linear-gradient(top, #add8e6, #96cddf); 78 | background: -o-linear-gradient(top, #add8e6, #96cddf); 79 | background: linear-gradient(top, #add8e6, #96cddf); 80 | background-color: #add8e6; 81 | } 82 | 83 | .tdcss-section .tdcss-h2:after { 84 | float: right; 85 | padding: 4px; 86 | font-size: 12px; 87 | content: "\25BC"; 88 | } 89 | 90 | .tdcss-section.is-collapsed .tdcss-h2:after { 91 | content: "\25B2"; 92 | } 93 | 94 | .tdcss-section:hover .tdcss-h2 { 95 | background-color: #44ea85; 96 | } 97 | 98 | .tdcss-fragment { 99 | position: relative; 100 | padding: 0; 101 | margin: 0; 102 | overflow: hidden; 103 | } 104 | 105 | .tdcss-diff-warning, 106 | .tdcss-fragment .tdcss-diff-stats { 107 | position: absolute; 108 | top: 0; 109 | left: 0; 110 | z-index: 100; 111 | padding: 3px; 112 | font-size: 10px; 113 | color: white; 114 | background-color: red; 115 | } 116 | 117 | .tdcss-diff-warning { 118 | position: fixed; 119 | z-index: 10000; 120 | font-size: 12px; 121 | } 122 | 123 | .tdcss-diff-warning > a { 124 | padding-left: 0.25em; 125 | color: white; 126 | } 127 | 128 | .tdcss-diff-warning > a:hover { 129 | text-decoration: none; 130 | } 131 | 132 | .tdcss-fragment.tdcss-has-diff { 133 | outline: 1px dotted red; 134 | } 135 | 136 | .tdcss-diff-image { 137 | position: absolute; 138 | top: 0; 139 | left: 0; 140 | z-index: 100; 141 | pointer-events: none; 142 | opacity: 0.5; 143 | } 144 | 145 | .tdcss-description { 146 | padding: 1em 10px; 147 | margin-bottom: 1em; 148 | font-family: verdana, sans-serif; 149 | font-size: 14px; 150 | color: #898989; 151 | background-color: #f0f0f0; 152 | border: 1px solid #e7e7e7; 153 | } 154 | 155 | .tdcss-description strong { 156 | font-weight: bold; 157 | } 158 | 159 | .tdcss-description em { 160 | font-style: italic; 161 | } 162 | 163 | .tdcss-dom-example, 164 | .tdcss-code-example { 165 | float: left; 166 | } 167 | 168 | .tdcss-dom-example { 169 | position: relative; 170 | width: 59.9%; /* don't cover border on the right side */ 171 | padding: 1em; 172 | } 173 | 174 | .tdcss-hide-html .tdcss-dom-example { 175 | width: 100%; 176 | } 177 | 178 | .tdcss-code-example { 179 | position: relative; 180 | z-index: 1000; 181 | width: 40%; 182 | padding: 1em; 183 | } 184 | 185 | .tdcss-hide-html .tdcss-code-example { 186 | display: none; 187 | } 188 | 189 | .tdcss-fragment-title { 190 | padding: 0.25em; 191 | margin-top: 0; 192 | margin-bottom: 0.5em; 193 | font-family: verdana, sans-serif; 194 | font-size: 14px; 195 | font-weight: bold; 196 | color: white; 197 | background-color: #add8e6; 198 | } 199 | 200 | .tdcss-control-bar { 201 | position: fixed; 202 | top: 0; 203 | z-index: 9999; 204 | display: table; 205 | width: 100%; 206 | padding: 0 2em; 207 | font-size: 14px; 208 | font-weight: 200; 209 | background-color: #2f2f2f; 210 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.50); 211 | } 212 | 213 | .tdcss-title, 214 | .tdcss-controls { 215 | display: table-cell; 216 | height: 2em; 217 | vertical-align: middle; 218 | } 219 | 220 | .tdcss-title { 221 | font-size: 2em; 222 | font-weight: 200; 223 | color: #7A888D; 224 | } 225 | 226 | .tdcss-controls { 227 | text-align: right; 228 | } 229 | 230 | .tdcss-html-snippet-toggle { 231 | display: inline-block; 232 | padding: 0.75em; 233 | color: #afafaf; 234 | text-decoration: none; 235 | } 236 | 237 | .tdcss-html-snippet-toggle:hover { 238 | color: #ebebeb; 239 | } 240 | 241 | .tdcss-no-fragments { 242 | font-weight: 200; 243 | color: gray; 244 | text-align: center; 245 | } 246 | 247 | .tdcss-top { 248 | padding: 1em 1em 2em; 249 | } 250 | 251 | .tddcss-top-link { 252 | float: right; 253 | margin-right: 1.25em; 254 | color: #558696; 255 | } 256 | 257 | .tddcss-top-link:hover { 258 | color: #96cddf; 259 | } 260 | code[class*="language-"], 261 | pre[class*="language-"] { 262 | color: black; 263 | background: none; 264 | text-shadow: 0 1px white; 265 | font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; 266 | direction: ltr; 267 | text-align: left; 268 | white-space: pre; 269 | word-spacing: normal; 270 | word-break: normal; 271 | word-wrap: normal; 272 | line-height: 1.5; 273 | 274 | -moz-tab-size: 4; 275 | -o-tab-size: 4; 276 | tab-size: 4; 277 | 278 | -webkit-hyphens: none; 279 | -moz-hyphens: none; 280 | -ms-hyphens: none; 281 | hyphens: none; 282 | } 283 | 284 | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, 285 | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { 286 | text-shadow: none; 287 | background: #b3d4fc; 288 | } 289 | 290 | pre[class*="language-"]::selection, pre[class*="language-"] ::selection, 291 | code[class*="language-"]::selection, code[class*="language-"] ::selection { 292 | text-shadow: none; 293 | background: #b3d4fc; 294 | } 295 | 296 | @media print { 297 | code[class*="language-"], 298 | pre[class*="language-"] { 299 | text-shadow: none; 300 | } 301 | } 302 | 303 | /* Code blocks */ 304 | pre[class*="language-"] { 305 | padding: 1em; 306 | margin: .5em 0; 307 | overflow: auto; 308 | } 309 | 310 | :not(pre) > code[class*="language-"], 311 | pre[class*="language-"] { 312 | background: #f5f2f0; 313 | } 314 | 315 | /* Inline code */ 316 | :not(pre) > code[class*="language-"] { 317 | padding: .1em; 318 | border-radius: .3em; 319 | white-space: normal; 320 | } 321 | 322 | .token.comment, 323 | .token.prolog, 324 | .token.doctype, 325 | .token.cdata { 326 | color: slategray; 327 | } 328 | 329 | .token.punctuation { 330 | color: #999; 331 | } 332 | 333 | .namespace { 334 | opacity: .7; 335 | } 336 | 337 | .token.property, 338 | .token.tag, 339 | .token.boolean, 340 | .token.number, 341 | .token.constant, 342 | .token.symbol, 343 | .token.deleted { 344 | color: #905; 345 | } 346 | 347 | .token.selector, 348 | .token.attr-name, 349 | .token.string, 350 | .token.char, 351 | .token.builtin, 352 | .token.inserted { 353 | color: #690; 354 | } 355 | 356 | .token.operator, 357 | .token.entity, 358 | .token.url, 359 | .language-css .token.string, 360 | .style .token.string { 361 | color: #a67f59; 362 | background: hsla(0, 0%, 100%, .5); 363 | } 364 | 365 | .token.atrule, 366 | .token.attr-value, 367 | .token.keyword { 368 | color: #07a; 369 | } 370 | 371 | .token.function { 372 | color: #DD4A68; 373 | } 374 | 375 | .token.regex, 376 | .token.important, 377 | .token.variable { 378 | color: #e90; 379 | } 380 | 381 | .token.important, 382 | .token.bold { 383 | font-weight: bold; 384 | } 385 | .token.italic { 386 | font-style: italic; 387 | } 388 | 389 | .token.entity { 390 | cursor: help; 391 | } 392 | -------------------------------------------------------------------------------- /public/index.ejs: -------------------------------------------------------------------------------- 1 |

2 | 3 | 4 | 5 | 6 | 18 | 19 | 20 | 21 | 33 | 34 | 35 | 36 | 48 | 49 | 50 | 51 | 52 | 64 | 65 | 66 | 67 | 75 | 76 | 77 | 78 | 79 | 87 | 88 | 89 | 90 | 107 | 108 | 109 | 110 | 123 | 124 | 125 | 126 | 127 | 141 | 142 | 143 | 144 | 145 |

147 |
148 | 149 | 150 |
151 |
153 |
154 | 155 | 156 |
157 |
159 |
160 | 161 |
162 |
164 |
165 | 166 |
167 |
169 |
170 | 171 |
172 |
174 |
175 | 176 |
177 |

179 | 180 | 181 | 182 |

184 |
185 | 186 |
187 |
189 |
190 | 191 |
192 |
194 |
195 | 196 |
197 |
199 |
200 | 201 |
202 |
204 |
205 | 206 |
207 |

209 |

211 |
212 | 213 |
214 |
216 |
217 | 218 |
219 |

221 | 222 | 223 | 224 | 225 | 226 | 227 |

229 |
230 | 231 |
232 |
234 |
235 | 236 |
237 |
239 |
240 | 241 |
242 |
244 |
245 | 246 | 247 |
248 |
250 |
251 | 252 | 253 |
254 |

256 | 257 | 258 | 259 |

260 | 261 | 262 | -------------------------------------------------------------------------------- /public/vendor/js/tdcss/themes/sidebar/tdcss.css: -------------------------------------------------------------------------------- 1 | /* tdcss.js - v0.8.1 - 2016-04-28 2 | * http://jakobloekke.github.io/tdcss.js/ 3 | * Copyright (c) 2016 Jakob Løkke Madsen (http://www.jakobloekkemadsen.com); 4 | * License: MIT */ 5 | 6 | 7 | body { 8 | margin: 0; 9 | } 10 | 11 | .wip { 12 | text-decoration: line-through; 13 | opacity: .4; 14 | } 15 | 16 | [class*='tdcss-'] { 17 | -webkit-box-sizing: border-box; 18 | -moz-box-sizing: border-box; 19 | -ms-box-sizing: border-box; 20 | -o-box-sizing: border-box; 21 | box-sizing: border-box; 22 | } 23 | .clear:after { 24 | content: ""; 25 | display: table; 26 | clear: both; 27 | } 28 | 29 | /************************************ 30 | * HEADER 31 | * 32 | * Hidden unless sidebar theme used 33 | ************************************/ 34 | .tdcss-header, 35 | .tdcss-subheader-nav { 36 | display: none; 37 | } 38 | .tdcss-header { 39 | background-color: #333; 40 | height: 100px; 41 | } 42 | #logo { 43 | width: 20%; 44 | float: left; 45 | margin-left: 40px; 46 | line-height: 100px; 47 | } 48 | #logo a { 49 | text-decoration: none; 50 | color: white; 51 | opacity: .7; 52 | font-size: 3em; 53 | transition: opacity 1s; 54 | } 55 | #logo a:hover { 56 | opacity: 1 57 | } 58 | 59 | /******************************* 60 | * SUBHEADER 61 | *******************************/ 62 | .tdcss-subheader-nav { 63 | background-color: #eee; 64 | height: 44px; 65 | width: 100%; 66 | opacity: .85; 67 | } 68 | 69 | .tdcss-subheader-nav .active { 70 | border-bottom: 4px solid #333; 71 | } 72 | 73 | .tdcss-subheader-nav ul { 74 | margin: 0; 75 | padding: 0; 76 | margin-left: 20%; 77 | text-align: center; 78 | list-style: none; 79 | } 80 | .tdcss-subheader-nav ul li { 81 | float: right; 82 | line-height: 40px; 83 | margin-left: 1em; 84 | } 85 | 86 | .tdcss-subheader-nav a { 87 | transition: color 600ms; 88 | color: #333; 89 | text-decoration: none; 90 | } 91 | .tdcss-subheader-nav a:hover { 92 | color: #999; 93 | } 94 | 95 | #tdcss { 96 | overflow: auto; 97 | } 98 | 99 | .tdcss-fragments { 100 | display: none; 101 | } 102 | 103 | .tdcss-elements { 104 | position: relative; 105 | width: 80%; 106 | float: right; 107 | padding-left: 15px; 108 | } 109 | 110 | .tdcss-navigation { 111 | width: 20%; 112 | float: left; 113 | margin-top: 64px; 114 | } 115 | 116 | .tdcss-navigation ul { 117 | list-style-type: none; 118 | padding-left: 10px; 119 | margin:0; 120 | max-height: 60%; 121 | overflow-y: auto; 122 | } 123 | 124 | .tdcss-nav-category li { 125 | padding-top: .25rem; 126 | padding-bottom: .25rem; 127 | } 128 | 129 | .tdcss-category-title { 130 | display: block; 131 | padding-top: .5rem; 132 | padding-bottom: .5rem; 133 | padding-left: 10px; 134 | } 135 | 136 | .tdcss-category-title + .tdcss-nav { 137 | padding-top: .5rem; 138 | } 139 | 140 | .tdcss-navigation a { 141 | text-decoration: none; 142 | transition: color 600ms; 143 | color: #333; 144 | } 145 | .tdcss-navigation a:hover { 146 | color: #999; 147 | } 148 | 149 | .tdcss-navigation .tdcss-html-snippet-toggle { 150 | margin: 0; 151 | padding: 0; 152 | text-transform: uppercase; 153 | transition: color 600ms; 154 | color: #2285C2; 155 | font-weight: 700; 156 | text-shadow: 0px 1px 0px rgba(0,0,0,.1); 157 | } 158 | .tdcss-navigation .tdcss-html-snippet-toggle:hover { 159 | color: #156394; 160 | } 161 | 162 | .tdcss-nav > li { 163 | width: 90%; 164 | } 165 | .tdcss-nav .active { 166 | border-right: 2px solid #2285C2; 167 | } 168 | .tdcss-nav .active a { 169 | color: #2285C2; 170 | } 171 | 172 | /* Container only created for sidebar theme */ 173 | .tdcss-container { 174 | margin: 0 auto; 175 | width: 1080px; 176 | } 177 | 178 | .tdcss-hide-html.tdcss-elements:after { 179 | display: none; 180 | } 181 | 182 | .tdcss-section { 183 | margin-top: 64px; 184 | width: 100%; 185 | padding: 1px 0 0 0; 186 | vertical-align: bottom; 187 | cursor: pointer; 188 | border: none; 189 | } 190 | 191 | .tdcss-section .tdcss-h2 { 192 | display: block; 193 | padding: 7px 7px 7px 10px; 194 | margin: 0; 195 | font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 196 | font-weight: 300; 197 | font-size: 1.125em; /* 18/16 */ 198 | letter-spacing: 0.1em; 199 | transition: background-color 600ms; 200 | background-color: #333; 201 | color: #eee; 202 | } 203 | 204 | .tdcss-section .tdcss-h2:after { 205 | float: right; 206 | padding: 4px; 207 | font-size: 12px; 208 | content: "\25BC"; 209 | } 210 | 211 | .tdcss-section.is-collapsed .tdcss-h2:after { 212 | content: "\25B2"; 213 | } 214 | 215 | .tdcss-section:hover .tdcss-h2 { 216 | background-color: #666; 217 | } 218 | 219 | .tdcss-fragment { 220 | position: relative; 221 | padding: 0; 222 | margin: 0; 223 | overflow: hidden; 224 | } 225 | 226 | .tdcss-diff-warning, 227 | .tdcss-fragment .tdcss-diff-stats { 228 | position: absolute; 229 | top: 0; 230 | left: 0; 231 | z-index: 10; 232 | padding: 3px; 233 | font-size: 10px; 234 | color: white; 235 | background-color: red; 236 | } 237 | 238 | .tdcss-diff-warning { 239 | position: fixed; 240 | z-index: 40; 241 | font-size: 12px; 242 | } 243 | 244 | .tdcss-diff-warning > a { 245 | padding-left: 0.25em; 246 | color: white; 247 | } 248 | 249 | .tdcss-diff-warning > a:hover { 250 | text-decoration: none; 251 | } 252 | 253 | .tdcss-fragment.tdcss-has-diff { 254 | outline: 1px dotted red; 255 | } 256 | 257 | .tdcss-diff-image { 258 | position: absolute; 259 | top: 0; 260 | left: 0; 261 | z-index: 10; 262 | pointer-events: none; 263 | opacity: 0.5; 264 | } 265 | 266 | .tdcss-description { 267 | padding: 1em 10px; 268 | margin-bottom: 1em; 269 | font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 270 | font-size: 14px; 271 | font-size: 0.875rem; 272 | letter-spacing: 0.03em; 273 | color: #444; 274 | /*background-color: #f0f0f0;*/ 275 | border-bottom: 1px solid #e7e7e7; 276 | } 277 | 278 | 279 | 280 | .tdcss-description strong { 281 | font-weight: bold; 282 | } 283 | 284 | .tdcss-description em { 285 | font-style: italic; 286 | } 287 | 288 | .tdcss-dom-example, 289 | .tdcss-code-example { 290 | float: left; 291 | } 292 | 293 | .tdcss-dom-example { 294 | position: relative; 295 | width: 100%; 296 | float: right; 297 | padding: 1em 0; 298 | /* Make z-index higher than code-example. Use case example: I have a Dropdown 299 | that, when expanded, should display "over" the code snippet */ 300 | z-index: 25; 301 | } 302 | 303 | .tdcss-hide-html .tdcss-dom-example { 304 | width: 100%; 305 | } 306 | 307 | 308 | .tdcss-control-bar { 309 | position: fixed; 310 | top: 0; 311 | z-index: 30; 312 | display: table; 313 | width: 100%; 314 | padding: 0 2em; 315 | font-size: 14px; 316 | font-weight: 200; 317 | background-color: #2f2f2f; 318 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); 319 | } 320 | 321 | .tdcss-title, 322 | .tdcss-controls { 323 | display: table-cell; 324 | height: 2em; 325 | vertical-align: middle; 326 | } 327 | 328 | .tdcss-title { 329 | font-size: 2em; 330 | font-weight: 200; 331 | color: #7A888D; 332 | } 333 | 334 | .tdcss-controls { 335 | text-align: right; 336 | } 337 | 338 | .tdcss-html-snippet-toggle { 339 | display: inline-block; 340 | padding: 0.75em; 341 | color: #afafaf; 342 | text-decoration: none; 343 | } 344 | 345 | .tdcss-html-snippet-toggle:hover { 346 | color: #ebebeb; 347 | } 348 | 349 | .tdcss-no-fragments { 350 | font-weight: 200; 351 | color: gray; 352 | text-align: center; 353 | } 354 | 355 | 356 | /******************************* 357 | * CODE SNIPPETS 358 | *******************************/ 359 | 360 | .tdcss-code-example { 361 | position: relative; 362 | z-index: 20; 363 | width: 100%; 364 | float: right; 365 | padding: 1em 0 0; 366 | } 367 | 368 | .tdcss-code-example > pre { 369 | overflow: auto; 370 | position: relative; 371 | } 372 | 373 | .tdcss-copy-btn { 374 | position: absolute; 375 | right: 0; 376 | top: 0; 377 | border: 0; 378 | background-color: #f8f8f5; 379 | color: #838383; 380 | width: 70px; 381 | height: 35px; 382 | cursor: pointer; 383 | border-bottom-left-radius: 3px; 384 | opacity: .7; 385 | transition: opacity .3s ease-out; 386 | } 387 | .tdcss-copy-btn:hover { 388 | opacity: 1; 389 | } 390 | 391 | .tdcss-code-cut { 392 | display: inline-block; 393 | } 394 | .tdcss-code-cut:before { 395 | content: "\2702"; 396 | font-size: 13px; 397 | } 398 | 399 | .tdcss-hide-html .tdcss-code-example { 400 | display: none; 401 | } 402 | 403 | .tdcss-code-example .tdcss-h3 { 404 | padding: 0.25em; 405 | margin-top: 0; 406 | margin-bottom: 0; 407 | font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 408 | font-size: 14px; 409 | font-size: 1.25rem; 410 | font-weight: 300; 411 | color: #888; 412 | background-color: #f0f0f0; 413 | border-left: 4px solid #e7e7e7 414 | } 415 | pre.language-markup { 416 | padding: 2em; 417 | background-color: white; 418 | margin: 0; 419 | font-size: 14px; 420 | font-family: 'Inconsolata', monospace; 421 | color: #999; 422 | line-height: 18px; 423 | border-left: 1px solid #efefef; 424 | border-bottom: 1px solid #efefef; 425 | border-right: 1px solid #efefef; 426 | } 427 | .tag, .punctuation { 428 | color: #6A808E; 429 | } 430 | .attr-name { 431 | color: #2285C2; 432 | } 433 | .attr-value { 434 | color: #CF5C60; 435 | opacity: 0.8; 436 | } 437 | 438 | /* Hack: Overrides the inline custom height so the the element clears (the inner element already has this height) */ 439 | .tdcss-fragment { 440 | height: 100% !important; 441 | } 442 | 443 | 444 | .tdcss-usage-examples { 445 | padding: 1em; 446 | margin-top: 1.5em; 447 | border: 1px solid #E5EBED; 448 | background-color: #F7FAFB; 449 | color: #888; 450 | } 451 | .tdcss-usage-examples h1, 452 | .tdcss-usage-examples h2, 453 | .tdcss-usage-examples h3, 454 | .tdcss-usage-examples h4, 455 | .tdcss-usage-examples h5, 456 | .tdcss-usage-examples h6, 457 | .tdcss-usage-examples li { 458 | color: #68797E; 459 | } 460 | .tdcss-usage-examples li { 461 | font-weight: 700; 462 | } 463 | .tdcss-usage-examples li li { 464 | font-weight: 300; 465 | } 466 | 467 | /******************************* 468 | * STICKY SIDEBAR 469 | *******************************/ 470 | .fixed { 471 | position:fixed; 472 | top:0; 473 | bottom:0; 474 | z-index: 50; 475 | } 476 | 477 | 478 | .tdcss-section { 479 | margin-top: 0; 480 | position: relative; 481 | cursor: default; 482 | } 483 | 484 | .tdcss-section .tdcss-bookmarkable { 485 | visibility: hidden; 486 | font-size: 16px; 487 | width: 16px; 488 | position: absolute; 489 | top: 50%; 490 | transform: translateY(-48%); 491 | left: 2px; 492 | right: 0; 493 | bottom: 0; 494 | } 495 | 496 | .tdcss-section:hover .tdcss-bookmarkable { 497 | visibility: visible; 498 | text-decoration: none; 499 | } 500 | 501 | .tdcss-section .tdcss-h2:after { 502 | content: none; 503 | } 504 | 505 | .tdcss-section.is-collapsed .tdcss-h2:after { 506 | content: none; 507 | } 508 | 509 | .tdcss-category-go { 510 | position: absolute; 511 | top: 50%; 512 | right: 10px; 513 | transform: translateY(-50%); 514 | font-size: 18px; 515 | opacity: 0; 516 | transition: opacity .3s ease-out; 517 | } 518 | 519 | .tdcss-category-title-wrap { 520 | position: relative; 521 | } 522 | 523 | .tdcss-category-title-wrap:hover .tdcss-category-go { 524 | opacity: 1; 525 | } 526 | 527 | 528 | code[class*="language-"], 529 | pre[class*="language-"] { 530 | color: black; 531 | background: none; 532 | text-shadow: 0 1px white; 533 | font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; 534 | direction: ltr; 535 | text-align: left; 536 | white-space: pre; 537 | word-spacing: normal; 538 | word-break: normal; 539 | word-wrap: normal; 540 | line-height: 1.5; 541 | 542 | -moz-tab-size: 4; 543 | -o-tab-size: 4; 544 | tab-size: 4; 545 | 546 | -webkit-hyphens: none; 547 | -moz-hyphens: none; 548 | -ms-hyphens: none; 549 | hyphens: none; 550 | } 551 | 552 | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, 553 | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { 554 | text-shadow: none; 555 | background: #b3d4fc; 556 | } 557 | 558 | pre[class*="language-"]::selection, pre[class*="language-"] ::selection, 559 | code[class*="language-"]::selection, code[class*="language-"] ::selection { 560 | text-shadow: none; 561 | background: #b3d4fc; 562 | } 563 | 564 | @media print { 565 | code[class*="language-"], 566 | pre[class*="language-"] { 567 | text-shadow: none; 568 | } 569 | } 570 | 571 | /* Code blocks */ 572 | pre[class*="language-"] { 573 | padding: 1em; 574 | margin: .5em 0; 575 | overflow: auto; 576 | } 577 | 578 | :not(pre) > code[class*="language-"], 579 | pre[class*="language-"] { 580 | background: #f5f2f0; 581 | } 582 | 583 | /* Inline code */ 584 | :not(pre) > code[class*="language-"] { 585 | padding: .1em; 586 | border-radius: .3em; 587 | white-space: normal; 588 | } 589 | 590 | .token.comment, 591 | .token.prolog, 592 | .token.doctype, 593 | .token.cdata { 594 | color: slategray; 595 | } 596 | 597 | .token.punctuation { 598 | color: #999; 599 | } 600 | 601 | .namespace { 602 | opacity: .7; 603 | } 604 | 605 | .token.property, 606 | .token.tag, 607 | .token.boolean, 608 | .token.number, 609 | .token.constant, 610 | .token.symbol, 611 | .token.deleted { 612 | color: #905; 613 | } 614 | 615 | .token.selector, 616 | .token.attr-name, 617 | .token.string, 618 | .token.char, 619 | .token.builtin, 620 | .token.inserted { 621 | color: #690; 622 | } 623 | 624 | .token.operator, 625 | .token.entity, 626 | .token.url, 627 | .language-css .token.string, 628 | .style .token.string { 629 | color: #a67f59; 630 | background: hsla(0, 0%, 100%, .5); 631 | } 632 | 633 | .token.atrule, 634 | .token.attr-value, 635 | .token.keyword { 636 | color: #07a; 637 | } 638 | 639 | .token.function { 640 | color: #DD4A68; 641 | } 642 | 643 | .token.regex, 644 | .token.important, 645 | .token.variable { 646 | color: #e90; 647 | } 648 | 649 | .token.important, 650 | .token.bold { 651 | font-weight: bold; 652 | } 653 | .token.italic { 654 | font-style: italic; 655 | } 656 | 657 | .token.entity { 658 | cursor: help; 659 | } 660 | -------------------------------------------------------------------------------- /public/css/site.scss: -------------------------------------------------------------------------------- 1 | $white: #ffffff; 2 | $xx-light: #fafafa; 3 | $x-light: #f6f6f6; 4 | $light: #f0f0f0; 5 | $mid-light: #888888; 6 | $mid-dark: #555555; 7 | $dark: #444444; 8 | $blue: #229ffd; 9 | $blueDark: #1a7fcc; 10 | $headerBackground: linear-gradient(90deg, $blueDark 10%, $blue 90%); 11 | $headerHeight: 50px; 12 | $sidebarMarginTop: 64px; 13 | $headerClearance: #{$headerHeight + $sidebarMarginTop}; 14 | $mainWidth: 1150px; 15 | $fontStack: proxima-nova, Helvetica, Verdana, Arial, "Lucida Grande", sans-serif; 16 | 17 | //TODO: CLEAN THIS ALL UP AND MAKE RESPONSIVE ;) 18 | // @media screen and (min-width: 1200px) 19 | // .l-centered-content { 20 | // width: 960px; 21 | // } 22 | 23 | body { 24 | font-family: $fontStack; 25 | background-color: $x-light; 26 | } 27 | 28 | ul, 29 | ol { 30 | list-style: none; 31 | list-style-image: none; 32 | padding: 0; 33 | margin: 0; 34 | } 35 | 36 | .l-centered-content { 37 | width: $mainWidth; 38 | margin-left: auto; 39 | margin-right: auto; 40 | } 41 | 42 | .top-nav { 43 | height: $headerHeight; 44 | padding: 0; 45 | background: $headerBackground; 46 | opacity: .95; 47 | box-shadow: 0 1px 2px rgba(0,0,0,.2); 48 | font-family: $fontStack; 49 | text-transform: uppercase; 50 | 51 | h1 { 52 | float: left; 53 | font-weight: 200; 54 | margin: 0; 55 | line-height: $headerHeight; 56 | } 57 | 58 | &:hover { 59 | opacity: 1; 60 | } 61 | 62 | * { 63 | color: $white; 64 | text-decoration: none; 65 | } 66 | } 67 | 68 | .top-nav-list { 69 | margin: 0px 20px 0px 0px; 70 | padding: 0px; 71 | margin: 0; 72 | padding: 0; 73 | list-style-type: none; 74 | font-size: 18px; 75 | font-weight: 100; 76 | 77 | li { 78 | float: right; 79 | margin: 0px; 80 | transition: background .5s ease-out; 81 | background: transparent; 82 | 83 | &:hover { 84 | background: $blue; 85 | cursor: pointer; 86 | 87 | a { 88 | color: $blue; 89 | } 90 | } 91 | } 92 | 93 | a { 94 | transition-property: all; 95 | transition-duration: .3s; 96 | font-weight: 300; 97 | display: inline-block; 98 | line-height: $headerHeight; 99 | padding: 0px 10px; 100 | text-decoration: none; 101 | text-transform: uppercase; 102 | font-size: 14px; 103 | 104 | &:hover { 105 | background: white; 106 | cursor: pointer; 107 | } 108 | } 109 | } 110 | 111 | .l-pinned-top { 112 | position: fixed; 113 | top: 0; 114 | left: 0; 115 | right: 0; 116 | z-index: 12; 117 | } 118 | 119 | 120 | /////////////////////////////////////////////////// 121 | 122 | .tdcss-header, 123 | .tdcss-subheader-nav { 124 | visibility: hidden; 125 | 126 | &.loaded { 127 | visibility: visible; 128 | } 129 | } 130 | 131 | div[role=main] { 132 | visibility: hidden; 133 | 134 | &.loaded { 135 | visibility: visible; 136 | padding-top: $headerHeight; 137 | } 138 | 139 | //Also hide the container sibling to main 140 | & + .tdcss-container { 141 | visibility: hidden; 142 | 143 | &.loaded { 144 | visibility: visible; 145 | } 146 | 147 | } 148 | } 149 | 150 | .tdcss-header-container { 151 | position: relative; 152 | width: 1280px; 153 | margin: 0 auto; 154 | } 155 | 156 | .tdcss-container { 157 | position: relative; 158 | display: none; 159 | margin: 0 auto; 160 | position: relative; 161 | width: $mainWidth; 162 | 163 | &.loaded { 164 | display: block; 165 | } 166 | } 167 | 168 | .tdcss-elements { 169 | display: inline-block; 170 | float: none; //override tdcss 171 | width: 920px; 172 | padding-left: 30px; 173 | margin-bottom: 60px; 174 | 175 | 176 | p { 177 | margin-bottom: 18px; 178 | } 179 | } 180 | 181 | .tdcss-navigation { 182 | display: inline-block; 183 | width: 225px; 184 | margin-top: $headerClearance; 185 | 186 | .tdcss-nav-category { 187 | padding-left: 0;//override tdcss 188 | 189 | > .active { 190 | 191 | .tdcss-nav { 192 | padding-left: 0; 193 | 194 | > li { 195 | width: 100%; 196 | padding-left: 50px; 197 | border-bottom: 1px dashed $light; 198 | } 199 | 200 | .tdcss-section-title > a { 201 | font-family: $fontStack; 202 | font-size: 14px; 203 | width: 100%; 204 | height: 35px; 205 | line-height: 35px; 206 | display: inline-block; 207 | } 208 | } 209 | } 210 | 211 | //On the last sidebar category, we want to put the borders on top 212 | &:last-child { 213 | > .active .tdcss-nav > li { 214 | border-top: 1px dashed $light; 215 | border-bottom: none; 216 | } 217 | } 218 | } 219 | 220 | .tdcss-nav > li { 221 | width: 100%; 222 | } 223 | .tdcss-nav-category li { 224 | padding-top: 0; 225 | padding-bottom: 0; 226 | } 227 | 228 | .tdcss-html-toggle { 229 | padding-left: 20px; //override tdcss 230 | } 231 | 232 | .tdcss-html-snippet-toggle { 233 | font-weight: 300; 234 | color: $blue; 235 | 236 | &:hover { 237 | color: $blueDark; 238 | } 239 | } 240 | } 241 | 242 | .tdcss-html-toggle { 243 | background-color: $white; 244 | border-top: 1px solid $light; 245 | border-bottom: 1px solid $light; 246 | padding-top: 20px; 247 | padding-bottom: 22px; 248 | padding-left: 20px; 249 | } 250 | 251 | .tdcss-html-toggle, 252 | .tdcss-category-title, 253 | .tdcss-nav-category { 254 | font-family: $fontStack; 255 | font-size: 14px; 256 | font-weight: 300; 257 | background-color: $white; 258 | border-left: 1px solid $light; 259 | border-right: 1px solid $light; 260 | 261 | &:last-child { 262 | border-bottom: 1px solid $light; 263 | border-top: none; 264 | } 265 | } 266 | 267 | .tdcss-nav-category { 268 | border-top: 1px solid $light; 269 | } 270 | .tdcss-category-title { 271 | padding-top: 20px; 272 | padding-bottom: 22px; 273 | padding-left: 20px; 274 | font-family: $fontStack; 275 | } 276 | 277 | .tdcss-elements p { 278 | margin-bottom: 18px; 279 | } 280 | 281 | //TDCSS CSS Overrides 282 | .tdcss-header { 283 | // background-color: $sgHeader; 284 | height: 550px; 285 | width: 100%; 286 | 287 | .logo { 288 | position: absolute; 289 | top: 33px; 290 | left: 94px; 291 | opacity: .75; 292 | transition: opacity .4s; 293 | z-index: 1; 294 | 295 | &:hover { 296 | opacity: 1; 297 | } 298 | } 299 | } 300 | .tdcss-subheader-nav { 301 | height: 44px; 302 | .active { 303 | // border-bottom: 4px solid $mavenHeader; 304 | } 305 | } 306 | //tdcss font overrides 307 | div[class^="tdcss"], .tdcss-h3 { 308 | font-family: inherit; 309 | } 310 | 311 | .category { 312 | border-top: 1px solid $light; 313 | border-bottom: 1px solid $light; 314 | 315 | //Makes first category have clearance from fixed header, consistent with left sidebar 316 | //Otherwise, they have curated 80px distance from each other. 317 | margin-top: 80px; 318 | &:first-child { 319 | margin-top: $headerClearance; 320 | } 321 | } 322 | 323 | .tdcss-description, 324 | .tdcss-category-wrap, 325 | .tdcss-section, 326 | .tdcss-top, 327 | .tdcss-fragment { 328 | background-color: $white; 329 | padding: 0 35px 30px; 330 | border-left: 1px solid $light; 331 | border-right: 1px solid $light; 332 | } 333 | 334 | .tdcss-fragment-title:empty { 335 | padding: 0; 336 | margin: 0; 337 | } 338 | 339 | .tdcss-section { 340 | padding-top: 60px; 341 | } 342 | 343 | .tdcss-category-wrap { 344 | padding: 30px 35px; 345 | border-bottom: 1px solid $light; 346 | background-color: $xx-light; 347 | } 348 | 349 | .tdcss-category-wrap + .tdcss-top, 350 | .tdcss-category-wrap + .tdcss-description { 351 | padding-top: 20px; 352 | } 353 | 354 | .tdcss-section .tdcss-bookmarkable { 355 | position: absolute; 356 | top: auto; 357 | left: 9px; 358 | bottom: 15px; 359 | } 360 | 361 | .tddcss-top-link { 362 | float: right; 363 | color: $dark; 364 | opacity: .7; 365 | transition: opacity .4s ease-out; 366 | 367 | &:hover { 368 | opacity: 1; 369 | text-decoration: none; 370 | } 371 | } 372 | 373 | .tdcss-description { 374 | margin-bottom: 0; 375 | padding-bottom: 1em; 376 | border-bottom: none; 377 | 378 | & + .tdcss-top { 379 | display: none; 380 | } 381 | 382 | pre, .codeword { 383 | border-radius: 2px; 384 | } 385 | 386 | pre { 387 | border: 1px solid $light; 388 | font-size: 14px; 389 | line-height: 20px; 390 | overflow: auto; 391 | padding: 6px 10px; 392 | margin: 15px 0; 393 | } 394 | 395 | .codeword { 396 | padding: 3px 2px; 397 | margin: 0; 398 | font-size: 90%; 399 | } 400 | } 401 | 402 | div[class^="tdcss"] { 403 | .tdcss-description, 404 | .tdcss-elements p, 405 | .tdcss-description p { 406 | font-family: $fontStack; 407 | font-size: 14px; 408 | line-height: 2; 409 | font-weight: 300; 410 | margin-top: 0; 411 | margin-bottom: 0; 412 | } 413 | } 414 | 415 | .tdcss-description, 416 | .language-markup { 417 | ul { 418 | list-style: disc inside; 419 | } 420 | } 421 | 422 | .language-javascript, 423 | .language-coffeescript, 424 | .language-markup { 425 | font-size: 13px; 426 | } 427 | 428 | :not(pre) > code[class*="language-"], 429 | pre[class*="language-"] { 430 | border: 1px solid $light; 431 | } 432 | 433 | // Inline code 434 | :not(pre) > code[class*="language-"] { 435 | padding: .1em; 436 | border-radius: .3em; 437 | white-space: normal; 438 | } 439 | 440 | 441 | .tdcss-nav, .tdcss-subheader-nav, .tdcss-h3 { 442 | font-size: 14px !important; 443 | } 444 | 445 | .tdcss-dom-example { 446 | background-color: transparent !important; 447 | 448 | z-index: 11; 449 | h6 { 450 | margin: 10px 0; 451 | } 452 | .field-radio-container { 453 | label { 454 | margin-right: 10px; 455 | } 456 | } 457 | } 458 | 459 | .tdcss-code-example { 460 | z-index: 10; 461 | 462 | .tdcss-copy-btn { 463 | background-color: $blue; 464 | color: $white; 465 | padding: 0; 466 | margin: 0; 467 | line-height: 35px; 468 | outline: none; 469 | } 470 | } 471 | 472 | .tdcss-description .inline-code { 473 | display: inline-block; 474 | font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace; 475 | font-size: .9em; 476 | font-size: .9rem; 477 | background-color: #f9f9f9; 478 | padding: 0 2px; 479 | border-radius: 2px; 480 | } 481 | 482 | 483 | .tdcss-code-cut { 484 | vertical-align: middle; 485 | margin-right: 2px; 486 | 487 | &:before { 488 | font-size: 16px; 489 | font-style: normal; 490 | } 491 | } 492 | 493 | 494 | .tdcss-category .tdcss-h2, 495 | .tdcss-section .tdcss-h2 { 496 | display: inline-block; 497 | padding: 0; 498 | margin: 0; 499 | font-family: inherit; 500 | transition: none; 501 | background-color: inherit; 502 | letter-spacing: inherit; 503 | color: $mid-light; 504 | font-size: 18px; 505 | text-transform: uppercase; 506 | font-weight: 300; 507 | 508 | } 509 | 510 | .tdcss-section .tdcss-h2:after { 511 | float: none; 512 | padding: 0; 513 | font-size: inherit; 514 | content: none; 515 | } 516 | 517 | .tdcss-section.is-collapsed .tdcss-h2:after { 518 | content: none; 519 | } 520 | 521 | .tdcss-section:hover .tdcss-h2 { 522 | background-color: inherit; 523 | } 524 | 525 | .footer, 526 | .footer { 527 | clear: both; 528 | color: #a9adb1; 529 | background-color: #333333; 530 | text-align: center; 531 | height: 100px; 532 | padding: 20px 0; 533 | } 534 | 535 | .footer a { 536 | color: #a9adb1; 537 | opacity: .8; 538 | transition: opacity .4 ease-out; 539 | text-decoration: none; 540 | 541 | &:hover { 542 | text-decoration: none; 543 | opacity: 1; 544 | } 545 | } 546 | 547 | ////////////// PRISM THEME //////////////// 548 | /** 549 | * VS theme by Andrew Lock (https://andrewlock.net) 550 | * Inspired by Visual Studio syntax coloring 551 | */ 552 | 553 | code[class*="language-"], 554 | pre[class*="language-"] { 555 | color: #393A34; 556 | font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; 557 | direction: ltr; 558 | text-align: left; 559 | white-space: pre; 560 | word-spacing: normal; 561 | word-break: normal; 562 | font-size: 0.95em; 563 | line-height: 1.2em; 564 | 565 | -moz-tab-size: 4; 566 | -o-tab-size: 4; 567 | tab-size: 4; 568 | 569 | -webkit-hyphens: none; 570 | -moz-hyphens: none; 571 | -ms-hyphens: none; 572 | hyphens: none; 573 | } 574 | 575 | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, 576 | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { 577 | background: #0000ff; 578 | } 579 | 580 | pre[class*="language-"]::selection, pre[class*="language-"] ::selection, 581 | code[class*="language-"]::selection, code[class*="language-"] ::selection { 582 | background: #0000ff; 583 | } 584 | 585 | /* Code blocks */ 586 | pre[class*="language-"] { 587 | padding: 1em; 588 | margin: .5em 0; 589 | overflow: auto; 590 | border: 1px solid #dddddd; 591 | 592 | 593 | 594 | //HACK EDIT 595 | background-color: rgba(34, 159, 253, .025); 596 | //ENDS: HACK EDIT 597 | 598 | } 599 | 600 | :not(pre) > code[class*="language-"], 601 | pre[class*="language-"] { 602 | } 603 | 604 | /* Inline code */ 605 | :not(pre) > code[class*="language-"] { 606 | padding: .2em; 607 | padding-top: 1px; padding-bottom: 1px; 608 | background: #f8f8f8; 609 | border: 1px solid #dddddd; 610 | } 611 | 612 | .token.comment, 613 | .token.prolog, 614 | .token.doctype, 615 | .token.cdata { 616 | color: #008000; font-style: italic; 617 | } 618 | 619 | .token.namespace { 620 | opacity: .7; 621 | } 622 | 623 | .token.string { 624 | color: #A31515; 625 | } 626 | 627 | .token.punctuation, 628 | .token.operator { 629 | color: #393A34; /* no highlight */ 630 | } 631 | 632 | .token.url, 633 | .token.symbol, 634 | .token.number, 635 | .token.boolean, 636 | .token.variable, 637 | .token.constant, 638 | .token.inserted { 639 | color: #36acaa; 640 | } 641 | 642 | .token.atrule, 643 | .token.keyword, 644 | .token.attr-value, 645 | .language-autohotkey .token.selector, 646 | code[class*="language-css"] { 647 | color: #0000ff; 648 | } 649 | 650 | .token.function { 651 | color: #393A34; 652 | } 653 | .token.deleted, 654 | .language-autohotkey .token.tag { 655 | color: #9a050f; 656 | } 657 | 658 | .token.selector, 659 | .language-autohotkey .token.keyword { 660 | color: #00009f; 661 | } 662 | 663 | .token.important, 664 | .token.bold { 665 | font-weight: bold; 666 | } 667 | 668 | .token.italic { 669 | font-style: italic; 670 | } 671 | 672 | .token.class-name { 673 | color: #2B91AF; 674 | } 675 | 676 | .token.tag, 677 | .token.selector { 678 | color: #800000; 679 | } 680 | 681 | .token.attr-name, 682 | .token.property, 683 | .token.regex, 684 | .token.entity { 685 | color: #ff0000; 686 | } 687 | 688 | .token.directive.tag .tag { 689 | background: #ffff00; 690 | color: #393A34; 691 | } 692 | 693 | 694 | 695 | //////////////////////////////////////////////// 696 | 697 | // Inline form–place button to right 698 | [for="remember"] + .button { 699 | float: right; 700 | } 701 | 702 | 703 | 704 | 705 | 706 | 707 | -------------------------------------------------------------------------------- /public/vendor/js/tdcss/themes/sidebar/theme.js: -------------------------------------------------------------------------------- 1 | /* tdcss.js - v0.8.1 - 2016-05-31 2 | * http://jakobloekke.github.io/tdcss.js/ 3 | * Copyright (c) 2016 Jakob Løkke Madsen (http://www.jakobloekkemadsen.com); 4 | * License: MIT */ 5 | 6 | 7 | if (typeof tdcss_theme !== 'function') { 8 | 9 | tdcss_theme = (function () { 10 | 11 | var _private = { 12 | 13 | currentCategorySelector: null, 14 | isJumping: false, 15 | 16 | beforeReset: function (fragment_types) { 17 | fragment_types.category = {identifier: "@"}; 18 | }, 19 | 20 | beforeFragment: function (that, data, getCommentMetaFn) { 21 | if (that.type === "category") { 22 | that.category_name = data; 23 | } 24 | }, 25 | 26 | beforeRenderFragment: function (module, fragment) { 27 | if (fragment.type === "category") { 28 | var markup = getCategory(fragment); 29 | $('.docked-menu').append(markup); 30 | 31 | var categoryID = fragment.category_name.toLowerCase().replace(' ', '-').trim(); 32 | 33 | var html = "

" + 34 | "

" + fragment.category_name + "

"; 35 | 36 | $(module.container).next(".tdcss-elements").append(html); 37 | } 38 | 39 | function getCategory(fragment) { 40 | var categoryName = fragment.category_name; 41 | var isWorkInProgress = /^wip/i.test($.trim(categoryName)); 42 | categoryName = isWorkInProgress ? $.trim(categoryName).replace(/^wip/i, '') : categoryName; 43 | var categoryHyphenated = encodeURIComponent(categoryName.replace(/\s+/g, '-').toLowerCase()); 44 | var categoryTitleLink = '' + categoryName + ''; 45 | var categoryGoLink = '🔗'; 46 | var categoryKlass = isWorkInProgress ? 'tdcss-nav-category wip' : 'tdcss-nav-category'; 47 | 48 | //We want to be able to find the current category for when we add sub-items later 49 | _private.currentCategorySelector = '#' + categoryHyphenated; 50 | 51 | return '

' + categoryTitleLink + categoryGoLink + '

'; 52 | } 53 | }, 54 | 55 | beforeAddNewSection: function (markup, isWorkInProgress, sectionHyphenated, section_name) { 56 | var sectionTitleKlass = isWorkInProgress ? 'tdcss-section-title wip' : 'tdcss-section-title'; 57 | 58 | var html = '

' + section_name + '

'; 59 | 60 | if (_private.currentCategorySelector) { 61 | $(_private.currentCategorySelector + ' > li').append(html); 62 | } else { 63 | $('.docked-menu').append(html); 64 | } 65 | }, 66 | 67 | makeTopBar: function(module, makeJumpTo, makeHTMLToggle) { 68 | $('.tdcss-header').show(); 69 | 70 | var htmlToggleContainer = 71 | '

'; 72 | $('.docked-menu').prepend(htmlToggleContainer); 73 | $('.tdcss-toggle-link').append(makeHTMLToggle()); 74 | }, 75 | 76 | isFirstAccordian: function(li) { 77 | var first = $('.tdcss-category-title').first().parent().next().find('> li'); 78 | return $(first).is(li); 79 | }, 80 | 81 | isLastAccordian: function(li) { 82 | var last = $('.tdcss-category-title').last().parent().next().find('> li'); 83 | return $(last).is(li); 84 | }, 85 | 86 | getActiveAccordian: function() { 87 | var active = null; 88 | $('.tdcss-category-title').each(function () { 89 | var sectionLI = $(this).parent().next().find('> li'); 90 | 91 | if (sectionLI.hasClass('active')) { 92 | active = sectionLI; 93 | } 94 | }); 95 | return active; 96 | }, 97 | 98 | toggleAccordion: function (settings, li) { 99 | var dur = 250; 100 | 101 | if (li.hasClass('active')) { 102 | li.removeClass('active'); 103 | $('.tdcss-nav > li', li).slideUp({duration: dur}); 104 | 105 | } else { 106 | $('.tdcss-nav-category li.active .tdcss-nav > li').slideUp({duration: dur}); 107 | $('li.active').removeClass('active'); 108 | li.addClass('active'); 109 | $('.tdcss-nav > li', li).slideDown({duration: dur}); 110 | 111 | if (settings.onAccordionActivated !== undefined) { 112 | settings.onAccordionActivated(li); 113 | } 114 | } 115 | }, 116 | 117 | setupAccordian: function (settings) { 118 | var that = this; 119 | 120 | $('.docked-menu .tdcss-category-title').click(function (e) { 121 | var sectionLI = $(this).parent().next().find('> li'); 122 | that.toggleAccordion(settings, sectionLI); 123 | e.preventDefault(); 124 | }).parent().next().find('.tdcss-nav > li').hide(); 125 | }, 126 | 127 | _throttle: function(func, wait, options) { 128 | var context, args, timeout, result; 129 | var previous = 0; 130 | var later = function() { 131 | previous = new Date; 132 | timeout = null; 133 | result = func.apply(context, args); 134 | }; 135 | return function() { 136 | var now = new Date; 137 | var remaining = wait - (now - previous); 138 | context = this; 139 | args = arguments; 140 | if (remaining <= 0) { 141 | clearTimeout(timeout); 142 | timeout = null; 143 | previous = now; 144 | result = func.apply(context, args); 145 | } else if (!timeout) { 146 | timeout = setTimeout(later, remaining); 147 | } 148 | return result; 149 | }; 150 | }, 151 | 152 | 153 | setupStickySidebar: function(settings) { 154 | var that = this; 155 | var sidebarMarginTop = 64; 156 | 157 | var headerTop = 120; 158 | if (settings.headerTop !== undefined) { 159 | headerTop = settings.headerTop; 160 | } 161 | 162 | //If the header is using fixed position, we need to add it to the sidebar's margin 163 | if (settings.useFixedHeader !== undefined) { 164 | sidebarMarginTop = sidebarMarginTop + headerTop; 165 | } 166 | 167 | //Grab the offset locations of section links 168 | var sectionsInPage = []; 169 | $('.tdcss-nav a').each(function () { 170 | var href = $(this).attr('href'); 171 | var locationInPage = $(href).offset().top; 172 | sectionsInPage.push(locationInPage); 173 | }); 174 | 175 | var scrollingAdjustment = 12;//hack: readjusts margin-top to "catch up" w/user's scrolling 176 | var extraPadding = scrollingAdjustment + 4; 177 | 178 | var scrollFn = _private._throttle(function() { 179 | var y = $(this).scrollTop(); 180 | 181 | //Header scrolled off top of screen 182 | if (y >= headerTop) { 183 | //Fix position the docked sidebar menu and add margin top there. Now that we've fixed positioned 184 | $('.docked-menu').addClass('fixed').css('margin-top', sidebarMarginTop); 185 | } 186 | else { 187 | //Switches back to using the tdcss-navigation for margin-top 188 | $('.docked-menu').removeClass('fixed').css('margin-top', 0); 189 | $('.tdcss-navigation').css('margin-top', sidebarMarginTop); 190 | } 191 | 192 | //The docked-menu sidebar will always need to calculate against its parent esp. when it 193 | //becomes fixed positioned thus taken out of flow of document 194 | $('.docked-menu').width($('.docked-menu').parent().width()); 195 | 196 | 197 | var activeCategoryLI = that.getActiveAccordian(); 198 | 199 | //If The Accordian is opened and we're not jumping to a link 200 | if (activeCategoryLI && !that.isJumping) { 201 | var href = activeCategoryLI.parent().prev().find('.tdcss-category-title').attr('href'); 202 | var activeY = $(href).offset().top; 203 | 204 | var nextCategory = activeCategoryLI.parent().nextAll('.tdcss-nav-category').get(0); 205 | var nextCategoryLI = $(nextCategory).find('> li'); 206 | href = $(nextCategory).prev().find('.tdcss-category-title').attr('href'); 207 | var nextY = href ? $(href).offset().top : null; 208 | 209 | var prevCategory = activeCategoryLI.parent().prevAll('.tdcss-nav-category').get(0); 210 | var prevCategoryLI = $(prevCategory).find('> li'); 211 | href = $(prevCategory).prev().find('.tdcss-category-title').attr('href'); 212 | var prevY = href ? $(href).offset().top : null; 213 | 214 | // console.log("Y: ", y); 215 | // console.log("activeY: ", activeY); 216 | // console.log("nextY: ", nextY); 217 | // console.log("prevY: ", prevY); 218 | 219 | var isFirst = that.isFirstAccordian(activeCategoryLI); 220 | var isLast = that.isLastAccordian(activeCategoryLI); 221 | 222 | //Scrolled past active accordian's "next section" and not on last? Open next. 223 | if (y > nextY && !isLast) { 224 | that.toggleAccordion(settings, activeCategoryLI); 225 | that.toggleAccordion(settings, nextCategoryLI); 226 | 227 | //Scrolled before active section and not on first? Open previous. 228 | } else if (y < activeY && !isFirst) { 229 | that.toggleAccordion(settings, activeCategoryLI); 230 | that.toggleAccordion(settings, prevCategoryLI); 231 | } else { /* NOP */ } 232 | } 233 | 234 | //Now we need to highlight the currently scrolled to active secondary nav link 235 | //by comparing our position against that of each of the sidebar link 236 | $.each(sectionsInPage, function (i, loc) { 237 | var isLast = sectionsInPage - 1 === i; 238 | 239 | //Add the subnav height and scrolling adjustment to current Y so the left nav 240 | //active links are updated when the section bar is a few pixels below subnav 241 | if (!that.isJumping && y + extraPadding >= loc - scrollingAdjustment) { 242 | $('.tdcss-nav li').removeClass('active').eq(i).addClass('active'); 243 | } 244 | }); 245 | }, 50); 246 | 247 | window.addEventListener('scroll', scrollFn); 248 | 249 | $('.tdcss-category-go').on('click', function (ev) { 250 | jumpToLink(this, ev); 251 | }); 252 | 253 | $('.tdcss-section-title a').on('click', function (ev) { 254 | jumpToLink(this, ev); 255 | }); 256 | 257 | function jumpToLink(context, ev) { 258 | //We set this so that the Accordian detection doesn't kick in, 259 | //and violently open/close categories :) 260 | that.isJumping = true; 261 | setTimeout(function() { 262 | that.isJumping = false; 263 | }, 650); 264 | 265 | var href = $(context).attr('href'); 266 | var target = $(href); 267 | 268 | $('html, body').stop().animate({ 269 | 'scrollTop': target.offset().top 270 | }, 600, 'swing', function () { 271 | //For jump links, we set isJumping to prevent the scrolling listener from adding 272 | //active, so, once we've "landed", we need to add that here. 273 | $('.tdcss-nav li').removeClass('active'); 274 | $(context).parent().addClass('active'); 275 | }); 276 | } 277 | }, 278 | 279 | setup: function (settings) { 280 | //Wrap the .tdcss-elements and .tdd-navigation (which are adjacent) in container 281 | $(".tdcss-elements").each(function (index) { 282 | $(this).next(".tdcss-navigation").addBack().wrapAll("

"); 283 | }); 284 | 285 | //Sets up the Accordian / Sticky Sidebar on document loaded 286 | $(function(){ 287 | _private.setupAccordian(settings); 288 | _private.setupStickySidebar(settings); 289 | }); 290 | } 291 | }; 292 | 293 | var _public = { 294 | name: 'sidebar', 295 | use_categories: true, 296 | use_collapsing: false, 297 | use_code_copy_button: true, 298 | use_bookmarkables: true, 299 | beforeReset: _private.beforeReset, 300 | beforeFragment: _private.beforeFragment, 301 | beforeRenderFragment: _private.beforeRenderFragment, 302 | beforeAddNewSection: _private.beforeAddNewSection, 303 | setup: _private.setup, 304 | makeTopBar: _private.makeTopBar, 305 | }; 306 | 307 | return _public; 308 | 309 | })(); 310 | } 311 | -------------------------------------------------------------------------------- /public/vendor/css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} 5 | -------------------------------------------------------------------------------- /public/vendor/css/buttons.min.css: -------------------------------------------------------------------------------- 1 | /* Buttons */ 2 | /*! @license 3 | * 4 | * Buttons 5 | * Copyright 2012-2014 Alex Wolfe and Rob Levin 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | */.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;-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{content:" ";display:block;clear:both}.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} --------------------------------------------------------------------------------

404

Whoops. Looks like what you're looking for can't be found.

Header goes here...

Index Page

Footer goes here...

Header goes here...

404

Whoops. Looks like what you're looking for can't be found.

Footer goes here...

Sign In

Sign In

Sign In

Sign In

Inline Form

" + fragment.category_name + "