├── .gitignore ├── README.md ├── src ├── img │ ├── 128.png │ └── icon.png ├── fonts │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ └── fontawesome-webfont.woff2 ├── manifest.json ├── css │ ├── popup.css │ ├── font-awesome.css │ └── buttons.css ├── js │ ├── buttons.js │ └── popup.js └── popup.html └── LICENSE /.gitignore: -------------------------------------------------------------------------------- 1 | src.pem 2 | src.crx 3 | src.zip 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # fast-code 2 | Encode/Decode plugins for Chrome 3 | -------------------------------------------------------------------------------- /src/img/128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dsh0416/fast-code/HEAD/src/img/128.png -------------------------------------------------------------------------------- /src/img/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dsh0416/fast-code/HEAD/src/img/icon.png -------------------------------------------------------------------------------- /src/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dsh0416/fast-code/HEAD/src/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /src/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dsh0416/fast-code/HEAD/src/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /src/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dsh0416/fast-code/HEAD/src/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /src/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dsh0416/fast-code/HEAD/src/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /src/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dsh0416/fast-code/HEAD/src/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /src/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": 2, 3 | 4 | "name": "老司机编码助手", 5 | "description": "此扩展提供了快捷方式为您进行编码和解码。", 6 | "version": "0.1.3", 7 | "update_url":"http://clients2.google.com/service/update2/crx", 8 | "icons":{ 9 | "512": "./img/icon.png", 10 | "128": "./img/128.png" 11 | }, 12 | 13 | "permissions": [], 14 | "browser_action": { 15 | "default_icon": "./img/icon.png", 16 | "default_popup": "popup.html" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Delton Ding 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /src/css/popup.css: -------------------------------------------------------------------------------- 1 | body{ 2 | width: 350px; 3 | padding: 5px; 4 | background: linear-gradient(90deg, #9D50BB 10%, #6E48AA 90%); 5 | font-family: sans-serif; 6 | } 7 | 8 | .title{ 9 | text-align: center; 10 | padding: 10px 0 10px 0; 11 | font-size: 25px; 12 | font-weight: bold; 13 | color: #fff; 14 | } 15 | 16 | .fill{ 17 | width: 100%; 18 | } 19 | 20 | .select{ 21 | margin-top: 10px; 22 | } 23 | 24 | .input{ 25 | width: 325px; 26 | height: 150px; 27 | max-width: 325px; 28 | max-height: 250px; 29 | margin-top: 12px; 30 | font-size: 16px; 31 | padding-top: 12px; 32 | padding-bottom: 12px; 33 | padding-left: 12px; 34 | padding-right: 12px; 35 | } 36 | 37 | .buttons{ 38 | margin-top: 12px; 39 | text-align: center; 40 | } 41 | 42 | .magnet{ 43 | color: white; 44 | font-weight: bold; 45 | text-align: center; 46 | margin-top: 20px; 47 | } 48 | 49 | .magnet a{ 50 | color: white; 51 | } 52 | 53 | .single-button{ 54 | margin-left: 7px; 55 | margin-right: 7px; 56 | } 57 | 58 | .version{ 59 | text-align: center; 60 | padding-top: 5px; 61 | padding-bottom: 10px; 62 | } 63 | 64 | .foot{ 65 | text-align: center; 66 | margin-top: 15px; 67 | } 68 | 69 | .foot .link{ 70 | text-decoration: none; 71 | color: #222; 72 | padding-left: 10px; 73 | padding-right: 10px; 74 | } 75 | 76 | .foot .link:hover{ 77 | text-decoration: none; 78 | color: #666666; 79 | } 80 | -------------------------------------------------------------------------------- /src/js/buttons.js: -------------------------------------------------------------------------------- 1 | /*! @license 2 | * Project: Buttons 3 | * Description: A highly customizable CSS button library built with Sass and Compass 4 | * Author: Alex Wolfe and Rob Levin 5 | * License: Apache License v2.0 6 | */ 7 | 8 | 9 | // the semi-colon before function invocation is a safety net against concatenated 10 | // scripts and/or other plugins which may not be closed properly. 11 | ;(function ( $, window, document, undefined ) { 12 | 'use strict'; 13 | 14 | // undefined is used here as the undefined global variable in ECMAScript 3 is 15 | // mutable (ie. it can be changed by someone else). undefined isn't really being 16 | // passed in so we can ensure the value of it is truly undefined. In ES5, undefined 17 | // can no longer be modified. 18 | 19 | // window and document are passed through as local variable rather than global 20 | // as this (slightly) quickens the resolution process and can be more efficiently 21 | // minified (especially when both are regularly referenced in your plugin). 22 | 23 | // Create the defaults once 24 | var pluginName = "menuButton"; 25 | var menuClass = ".button-dropdown"; 26 | var defaults = { 27 | propertyName: "value" 28 | }; 29 | 30 | // The actual plugin constructor 31 | function Plugin( element, options ) { 32 | 33 | //SET OPTIONS 34 | this.options = $.extend( {}, defaults, options ); 35 | this._defaults = defaults; 36 | this._name = pluginName; 37 | 38 | //REGISTER ELEMENT 39 | this.$element = $(element); 40 | 41 | //INITIALIZE 42 | this.init(); 43 | } 44 | 45 | Plugin.prototype = { 46 | constructor: Plugin, 47 | 48 | init: function() { 49 | // WE DON'T STOP PROPGATION SO CLICKS WILL AUTOMATICALLY 50 | // TOGGLE AND REMOVE THE DROPDOWN 51 | this.toggle(); 52 | }, 53 | 54 | toggle: function(el, options) { 55 | if(this.$element.data('dropdown') === 'show') { 56 | this.hideMenu(); 57 | } 58 | else { 59 | this.showMenu(); 60 | } 61 | }, 62 | 63 | showMenu: function() { 64 | this.$element.data('dropdown', 'show'); 65 | this.$element.find('ul').show(); 66 | this.$element.find('.button:first').addClass('is-active'); 67 | }, 68 | 69 | hideMenu: function() { 70 | this.$element.data('dropdown', 'hide'); 71 | this.$element.find('ul').hide(); 72 | this.$element.find('.button:first').removeClass('is-active'); 73 | } 74 | }; 75 | 76 | // A really lightweight plugin wrapper around the constructor, 77 | // preventing against multiple instantiations 78 | $.fn[pluginName] = function ( options ) { 79 | return this.each(function () { 80 | 81 | // TOGGLE BUTTON IF IT EXISTS 82 | if ($.data(this, "plugin_" + pluginName)) { 83 | $.data(this, "plugin_" + pluginName).toggle(); 84 | } 85 | // OTHERWISE CREATE A NEW INSTANCE 86 | else { 87 | $.data(this, "plugin_" + pluginName, new Plugin( this, options )); 88 | } 89 | }); 90 | }; 91 | 92 | //CLOSE OPEN DROPDOWN MENUS IF CLICKED SOMEWHERE ELSE 93 | $(document).on('click', function(e) { 94 | $.each($('[data-buttons=dropdown]'), function(i, value) { 95 | if ($(e.target.offsetParent)[0] != $(this)[0]) { 96 | if ($.data(this, "plugin_" + pluginName)) { 97 | $.data(this, "plugin_" + pluginName).hideMenu(); 98 | $(this).find('ul').hide(); 99 | } 100 | } 101 | }); 102 | }); 103 | 104 | //DELEGATE CLICK EVENT FOR DROPDOWN MENUS 105 | $(document).on('click', '[data-buttons=dropdown]', function(e) { 106 | var $dropdown = $(e.currentTarget); 107 | $dropdown.menuButton(); 108 | }); 109 | 110 | //IGNORE CLICK EVENTS FROM DISPLAY BUTTON IN DROPDOWN 111 | $(document).on('click', '[data-buttons=dropdown] > a', function(e) { 112 | e.preventDefault(); 113 | }); 114 | 115 | })( jQuery, window, document); 116 | -------------------------------------------------------------------------------- /src/popup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Fast Code 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |
17 | 老司机编码助手 18 |
19 | 20 | 21 | 22 | {{toolMode}} 23 | 24 | 29 | 30 | 31 |
32 |
33 | 34 |
35 | 36 | 37 |
38 |
39 | 这可能是磁力链接的一部分! 磁力链接 40 |
41 |
42 |
43 | 44 |
45 | 46 | 47 |
48 |
49 | 这可能是磁力链接的一部分! 磁力链接 50 |
51 |
52 |
53 | 54 |
55 | 56 | 57 |
58 |
59 | 这可能是磁力链接的一部分! 磁力链接 60 |
61 |
62 |
63 | 64 |
65 |
66 | 67 | {{ versionText }} 68 | 69 | 项目地址 70 | 71 | 74 | 75 | 79 | 80 |
81 |
82 |
83 | 84 | 85 | -------------------------------------------------------------------------------- /src/js/popup.js: -------------------------------------------------------------------------------- 1 | Vue.config.debug = true; 2 | window.onload = function() { 3 | new Vue({ 4 | el: '#app', 5 | data: { 6 | toolMode: '莫尔斯电码', 7 | versionText: '版本 0.1.3', 8 | morse: { 9 | text: '', 10 | encodeMap: { 11 | "a": "._", 12 | "b": "_...", 13 | "c": "_._.", 14 | "d": "_..", 15 | "e": ".", 16 | "f": ".._.", 17 | "g": "__.", 18 | "h": "....", 19 | "i": "..", 20 | "j": ".___", 21 | "k": "_._", 22 | "l": "._..", 23 | "m": "__", 24 | "n": "_.", 25 | "o": "___", 26 | "p": ".__.", 27 | "q": "__._", 28 | "r": "._.", 29 | "s": "...", 30 | "t": "_", 31 | "u": ".._", 32 | "v": "..._", 33 | "w": ".__", 34 | "x": "_.._", 35 | "y": "_.__", 36 | "z": "__..", 37 | " ": " ", 38 | "1": ".____", 39 | "2": "..___", 40 | "3": "...__", 41 | "4": "...._", 42 | "5": ".....", 43 | "6": "_....", 44 | "7": "__...", 45 | "8": "___..", 46 | "9": "____.", 47 | "0": "_____", 48 | /* 49 | * Note: Some operators prefer "!" as "___." and others as "_._.__" 50 | * ARRL message format has most punctuation spelled out, as many symbols' 51 | * encodings conflict with procedural signals (e.g. "=" and "BT"). 52 | */ 53 | ".": "._._._", 54 | ",": "__..__", 55 | "?": "..__..", 56 | "'": ".____.", 57 | "/": "_.._.", 58 | "(": "_.__.", 59 | ")": "_.__._", 60 | "&": "._...", 61 | ":": "___...", 62 | ";": "_._._.", 63 | "=": "_..._", 64 | "+": "._._.", 65 | "-": "_...._", 66 | "_": "..__._", 67 | "\"": "._.._.", 68 | "$": "..._.._", 69 | "!": "_._.__", 70 | "@": ".__._." 71 | }, 72 | decodeMap: {}, 73 | encode: function() { 74 | var arr = this.text.toLowerCase(); 75 | var res_arr = []; 76 | for (var x in arr) { 77 | if (this.encodeMap[arr[x]] !== undefined) { 78 | res_arr.push(this.encodeMap[arr[x]]); 79 | } 80 | } 81 | this.text = res_arr.join(" "); 82 | }, 83 | decode: function() { 84 | for (var key in this.encodeMap) { 85 | if (this.encodeMap.hasOwnProperty(key)) { 86 | this.decodeMap[this.encodeMap[key]] = key; 87 | } 88 | } 89 | var arr = this.text.split(/[ \/]/); 90 | var res_arr = []; 91 | for (var x in arr) { 92 | if (this.decodeMap[arr[x]] !== undefined) { 93 | res_arr.push(this.decodeMap[arr[x]]); 94 | } 95 | } 96 | this.text = res_arr.join(""); 97 | } 98 | }, 99 | base64: { 100 | text: '', 101 | encode: function() { 102 | this.text = btoa(unescape(encodeURIComponent(this.text))); 103 | }, 104 | decode: function() { 105 | this.text = decodeURIComponent(escape(atob(this.text))); 106 | } 107 | }, 108 | iChing: { 109 | text: '', 110 | encodeMap: { 111 | 'A': '坤', 112 | 'B': '剥', 113 | 'C': '比', 114 | 'D': '观', 115 | 'E': '豫', 116 | 'F': '晋', 117 | 'G': '萃', 118 | 'H': '否', 119 | 'I': '谦', 120 | 'J': '艮', 121 | 'K': '蹇', 122 | 'L': '渐', 123 | 'M': '小过', 124 | 'N': '旅', 125 | 'O': '咸', 126 | 'P': '遁', 127 | 'Q': '师', 128 | 'R': '蒙', 129 | 'S': '坎', 130 | 'T': '涣', 131 | 'U': '解', 132 | 'V': '未济', 133 | 'W': '困', 134 | 'X': '讼', 135 | 'Y': '升', 136 | 'Z': '蛊', 137 | 'a': '井', 138 | 'b': '巽', 139 | 'c': '恒', 140 | 'd': '鼎', 141 | 'e': '大过', 142 | 'f': '姤', 143 | 'g': '复', 144 | 'h': '颐', 145 | 'i': '屯', 146 | 'j': '益', 147 | 'k': '震', 148 | 'l': '噬嗑', 149 | 'm': '随', 150 | 'n': '无妄', 151 | 'o': '明夷', 152 | 'p': '贲', 153 | 'q': '既济', 154 | 'r': '家人', 155 | 's': '丰', 156 | 't': '离', 157 | 'u': '革', 158 | 'v': '同人', 159 | 'w': '临', 160 | 'x': '损', 161 | 'y': '节', 162 | 'z': '中孚', 163 | '0': '归妹', 164 | '1': '睽', 165 | '2': '兑', 166 | '3': '履', 167 | '4': '泰', 168 | '5': '大畜', 169 | '6': '需', 170 | '7': '小畜', 171 | '8': '大壮', 172 | '9': '大有', 173 | '+': '夬', 174 | '/': '乾' 175 | }, 176 | decodeMap: {}, 177 | encode: function() { 178 | var arr = this.text; 179 | var res_arr = []; 180 | for (var x in arr) { 181 | if (this.encodeMap[arr[x]] !== undefined) { 182 | res_arr.push(this.encodeMap[arr[x]]); 183 | } 184 | } 185 | this.text = res_arr.join(""); 186 | }, 187 | decode: function() { 188 | for (var key in this.encodeMap) { 189 | if (this.encodeMap.hasOwnProperty(key)) { 190 | this.decodeMap[this.encodeMap[key]] = key; 191 | } 192 | } 193 | var arr = this.text; 194 | var res_arr = []; 195 | for (var x in arr) { 196 | if (this.decodeMap[arr[x]] !== undefined) { 197 | res_arr.push(this.decodeMap[arr[x]]); 198 | } else if (this.decodeMap[arr[x]+arr[parseInt(x)+1]] !== undefined) { 199 | res_arr.push(this.decodeMap[arr[x]+arr[parseInt(x)+1]]); 200 | } 201 | } 202 | this.text = res_arr.join(""); 203 | } 204 | } 205 | } 206 | }); 207 | }; 208 | -------------------------------------------------------------------------------- /src/css/font-awesome.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | /* FONT PATH 6 | * -------------------------- */ 7 | @font-face { 8 | font-family: 'FontAwesome'; 9 | src: url('../fonts/fontawesome-webfont.eot?v=4.4.0'); 10 | src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); 11 | font-weight: normal; 12 | font-style: normal; 13 | } 14 | .fa { 15 | display: inline-block; 16 | font: normal normal normal 14px/1 FontAwesome; 17 | font-size: inherit; 18 | text-rendering: auto; 19 | -webkit-font-smoothing: antialiased; 20 | -moz-osx-font-smoothing: grayscale; 21 | } 22 | /* makes the font 33% larger relative to the icon container */ 23 | .fa-lg { 24 | font-size: 1.33333333em; 25 | line-height: 0.75em; 26 | vertical-align: -15%; 27 | } 28 | .fa-2x { 29 | font-size: 2em; 30 | } 31 | .fa-3x { 32 | font-size: 3em; 33 | } 34 | .fa-4x { 35 | font-size: 4em; 36 | } 37 | .fa-5x { 38 | font-size: 5em; 39 | } 40 | .fa-fw { 41 | width: 1.28571429em; 42 | text-align: center; 43 | } 44 | .fa-ul { 45 | padding-left: 0; 46 | margin-left: 2.14285714em; 47 | list-style-type: none; 48 | } 49 | .fa-ul > li { 50 | position: relative; 51 | } 52 | .fa-li { 53 | position: absolute; 54 | left: -2.14285714em; 55 | width: 2.14285714em; 56 | top: 0.14285714em; 57 | text-align: center; 58 | } 59 | .fa-li.fa-lg { 60 | left: -1.85714286em; 61 | } 62 | .fa-border { 63 | padding: .2em .25em .15em; 64 | border: solid 0.08em #eeeeee; 65 | border-radius: .1em; 66 | } 67 | .fa-pull-left { 68 | float: left; 69 | } 70 | .fa-pull-right { 71 | float: right; 72 | } 73 | .fa.fa-pull-left { 74 | margin-right: .3em; 75 | } 76 | .fa.fa-pull-right { 77 | margin-left: .3em; 78 | } 79 | /* Deprecated as of 4.4.0 */ 80 | .pull-right { 81 | float: right; 82 | } 83 | .pull-left { 84 | float: left; 85 | } 86 | .fa.pull-left { 87 | margin-right: .3em; 88 | } 89 | .fa.pull-right { 90 | margin-left: .3em; 91 | } 92 | .fa-spin { 93 | -webkit-animation: fa-spin 2s infinite linear; 94 | animation: fa-spin 2s infinite linear; 95 | } 96 | .fa-pulse { 97 | -webkit-animation: fa-spin 1s infinite steps(8); 98 | animation: fa-spin 1s infinite steps(8); 99 | } 100 | @-webkit-keyframes fa-spin { 101 | 0% { 102 | -webkit-transform: rotate(0deg); 103 | transform: rotate(0deg); 104 | } 105 | 100% { 106 | -webkit-transform: rotate(359deg); 107 | transform: rotate(359deg); 108 | } 109 | } 110 | @keyframes fa-spin { 111 | 0% { 112 | -webkit-transform: rotate(0deg); 113 | transform: rotate(0deg); 114 | } 115 | 100% { 116 | -webkit-transform: rotate(359deg); 117 | transform: rotate(359deg); 118 | } 119 | } 120 | .fa-rotate-90 { 121 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 122 | -webkit-transform: rotate(90deg); 123 | -ms-transform: rotate(90deg); 124 | transform: rotate(90deg); 125 | } 126 | .fa-rotate-180 { 127 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); 128 | -webkit-transform: rotate(180deg); 129 | -ms-transform: rotate(180deg); 130 | transform: rotate(180deg); 131 | } 132 | .fa-rotate-270 { 133 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 134 | -webkit-transform: rotate(270deg); 135 | -ms-transform: rotate(270deg); 136 | transform: rotate(270deg); 137 | } 138 | .fa-flip-horizontal { 139 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); 140 | -webkit-transform: scale(-1, 1); 141 | -ms-transform: scale(-1, 1); 142 | transform: scale(-1, 1); 143 | } 144 | .fa-flip-vertical { 145 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); 146 | -webkit-transform: scale(1, -1); 147 | -ms-transform: scale(1, -1); 148 | transform: scale(1, -1); 149 | } 150 | :root .fa-rotate-90, 151 | :root .fa-rotate-180, 152 | :root .fa-rotate-270, 153 | :root .fa-flip-horizontal, 154 | :root .fa-flip-vertical { 155 | filter: none; 156 | } 157 | .fa-stack { 158 | position: relative; 159 | display: inline-block; 160 | width: 2em; 161 | height: 2em; 162 | line-height: 2em; 163 | vertical-align: middle; 164 | } 165 | .fa-stack-1x, 166 | .fa-stack-2x { 167 | position: absolute; 168 | left: 0; 169 | width: 100%; 170 | text-align: center; 171 | } 172 | .fa-stack-1x { 173 | line-height: inherit; 174 | } 175 | .fa-stack-2x { 176 | font-size: 2em; 177 | } 178 | .fa-inverse { 179 | color: #ffffff; 180 | } 181 | /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 182 | readers do not read off random characters that represent icons */ 183 | .fa-glass:before { 184 | content: "\f000"; 185 | } 186 | .fa-music:before { 187 | content: "\f001"; 188 | } 189 | .fa-search:before { 190 | content: "\f002"; 191 | } 192 | .fa-envelope-o:before { 193 | content: "\f003"; 194 | } 195 | .fa-heart:before { 196 | content: "\f004"; 197 | } 198 | .fa-star:before { 199 | content: "\f005"; 200 | } 201 | .fa-star-o:before { 202 | content: "\f006"; 203 | } 204 | .fa-user:before { 205 | content: "\f007"; 206 | } 207 | .fa-film:before { 208 | content: "\f008"; 209 | } 210 | .fa-th-large:before { 211 | content: "\f009"; 212 | } 213 | .fa-th:before { 214 | content: "\f00a"; 215 | } 216 | .fa-th-list:before { 217 | content: "\f00b"; 218 | } 219 | .fa-check:before { 220 | content: "\f00c"; 221 | } 222 | .fa-remove:before, 223 | .fa-close:before, 224 | .fa-times:before { 225 | content: "\f00d"; 226 | } 227 | .fa-search-plus:before { 228 | content: "\f00e"; 229 | } 230 | .fa-search-minus:before { 231 | content: "\f010"; 232 | } 233 | .fa-power-off:before { 234 | content: "\f011"; 235 | } 236 | .fa-signal:before { 237 | content: "\f012"; 238 | } 239 | .fa-gear:before, 240 | .fa-cog:before { 241 | content: "\f013"; 242 | } 243 | .fa-trash-o:before { 244 | content: "\f014"; 245 | } 246 | .fa-home:before { 247 | content: "\f015"; 248 | } 249 | .fa-file-o:before { 250 | content: "\f016"; 251 | } 252 | .fa-clock-o:before { 253 | content: "\f017"; 254 | } 255 | .fa-road:before { 256 | content: "\f018"; 257 | } 258 | .fa-download:before { 259 | content: "\f019"; 260 | } 261 | .fa-arrow-circle-o-down:before { 262 | content: "\f01a"; 263 | } 264 | .fa-arrow-circle-o-up:before { 265 | content: "\f01b"; 266 | } 267 | .fa-inbox:before { 268 | content: "\f01c"; 269 | } 270 | .fa-play-circle-o:before { 271 | content: "\f01d"; 272 | } 273 | .fa-rotate-right:before, 274 | .fa-repeat:before { 275 | content: "\f01e"; 276 | } 277 | .fa-refresh:before { 278 | content: "\f021"; 279 | } 280 | .fa-list-alt:before { 281 | content: "\f022"; 282 | } 283 | .fa-lock:before { 284 | content: "\f023"; 285 | } 286 | .fa-flag:before { 287 | content: "\f024"; 288 | } 289 | .fa-headphones:before { 290 | content: "\f025"; 291 | } 292 | .fa-volume-off:before { 293 | content: "\f026"; 294 | } 295 | .fa-volume-down:before { 296 | content: "\f027"; 297 | } 298 | .fa-volume-up:before { 299 | content: "\f028"; 300 | } 301 | .fa-qrcode:before { 302 | content: "\f029"; 303 | } 304 | .fa-barcode:before { 305 | content: "\f02a"; 306 | } 307 | .fa-tag:before { 308 | content: "\f02b"; 309 | } 310 | .fa-tags:before { 311 | content: "\f02c"; 312 | } 313 | .fa-book:before { 314 | content: "\f02d"; 315 | } 316 | .fa-bookmark:before { 317 | content: "\f02e"; 318 | } 319 | .fa-print:before { 320 | content: "\f02f"; 321 | } 322 | .fa-camera:before { 323 | content: "\f030"; 324 | } 325 | .fa-font:before { 326 | content: "\f031"; 327 | } 328 | .fa-bold:before { 329 | content: "\f032"; 330 | } 331 | .fa-italic:before { 332 | content: "\f033"; 333 | } 334 | .fa-text-height:before { 335 | content: "\f034"; 336 | } 337 | .fa-text-width:before { 338 | content: "\f035"; 339 | } 340 | .fa-align-left:before { 341 | content: "\f036"; 342 | } 343 | .fa-align-center:before { 344 | content: "\f037"; 345 | } 346 | .fa-align-right:before { 347 | content: "\f038"; 348 | } 349 | .fa-align-justify:before { 350 | content: "\f039"; 351 | } 352 | .fa-list:before { 353 | content: "\f03a"; 354 | } 355 | .fa-dedent:before, 356 | .fa-outdent:before { 357 | content: "\f03b"; 358 | } 359 | .fa-indent:before { 360 | content: "\f03c"; 361 | } 362 | .fa-video-camera:before { 363 | content: "\f03d"; 364 | } 365 | .fa-photo:before, 366 | .fa-image:before, 367 | .fa-picture-o:before { 368 | content: "\f03e"; 369 | } 370 | .fa-pencil:before { 371 | content: "\f040"; 372 | } 373 | .fa-map-marker:before { 374 | content: "\f041"; 375 | } 376 | .fa-adjust:before { 377 | content: "\f042"; 378 | } 379 | .fa-tint:before { 380 | content: "\f043"; 381 | } 382 | .fa-edit:before, 383 | .fa-pencil-square-o:before { 384 | content: "\f044"; 385 | } 386 | .fa-share-square-o:before { 387 | content: "\f045"; 388 | } 389 | .fa-check-square-o:before { 390 | content: "\f046"; 391 | } 392 | .fa-arrows:before { 393 | content: "\f047"; 394 | } 395 | .fa-step-backward:before { 396 | content: "\f048"; 397 | } 398 | .fa-fast-backward:before { 399 | content: "\f049"; 400 | } 401 | .fa-backward:before { 402 | content: "\f04a"; 403 | } 404 | .fa-play:before { 405 | content: "\f04b"; 406 | } 407 | .fa-pause:before { 408 | content: "\f04c"; 409 | } 410 | .fa-stop:before { 411 | content: "\f04d"; 412 | } 413 | .fa-forward:before { 414 | content: "\f04e"; 415 | } 416 | .fa-fast-forward:before { 417 | content: "\f050"; 418 | } 419 | .fa-step-forward:before { 420 | content: "\f051"; 421 | } 422 | .fa-eject:before { 423 | content: "\f052"; 424 | } 425 | .fa-chevron-left:before { 426 | content: "\f053"; 427 | } 428 | .fa-chevron-right:before { 429 | content: "\f054"; 430 | } 431 | .fa-plus-circle:before { 432 | content: "\f055"; 433 | } 434 | .fa-minus-circle:before { 435 | content: "\f056"; 436 | } 437 | .fa-times-circle:before { 438 | content: "\f057"; 439 | } 440 | .fa-check-circle:before { 441 | content: "\f058"; 442 | } 443 | .fa-question-circle:before { 444 | content: "\f059"; 445 | } 446 | .fa-info-circle:before { 447 | content: "\f05a"; 448 | } 449 | .fa-crosshairs:before { 450 | content: "\f05b"; 451 | } 452 | .fa-times-circle-o:before { 453 | content: "\f05c"; 454 | } 455 | .fa-check-circle-o:before { 456 | content: "\f05d"; 457 | } 458 | .fa-ban:before { 459 | content: "\f05e"; 460 | } 461 | .fa-arrow-left:before { 462 | content: "\f060"; 463 | } 464 | .fa-arrow-right:before { 465 | content: "\f061"; 466 | } 467 | .fa-arrow-up:before { 468 | content: "\f062"; 469 | } 470 | .fa-arrow-down:before { 471 | content: "\f063"; 472 | } 473 | .fa-mail-forward:before, 474 | .fa-share:before { 475 | content: "\f064"; 476 | } 477 | .fa-expand:before { 478 | content: "\f065"; 479 | } 480 | .fa-compress:before { 481 | content: "\f066"; 482 | } 483 | .fa-plus:before { 484 | content: "\f067"; 485 | } 486 | .fa-minus:before { 487 | content: "\f068"; 488 | } 489 | .fa-asterisk:before { 490 | content: "\f069"; 491 | } 492 | .fa-exclamation-circle:before { 493 | content: "\f06a"; 494 | } 495 | .fa-gift:before { 496 | content: "\f06b"; 497 | } 498 | .fa-leaf:before { 499 | content: "\f06c"; 500 | } 501 | .fa-fire:before { 502 | content: "\f06d"; 503 | } 504 | .fa-eye:before { 505 | content: "\f06e"; 506 | } 507 | .fa-eye-slash:before { 508 | content: "\f070"; 509 | } 510 | .fa-warning:before, 511 | .fa-exclamation-triangle:before { 512 | content: "\f071"; 513 | } 514 | .fa-plane:before { 515 | content: "\f072"; 516 | } 517 | .fa-calendar:before { 518 | content: "\f073"; 519 | } 520 | .fa-random:before { 521 | content: "\f074"; 522 | } 523 | .fa-comment:before { 524 | content: "\f075"; 525 | } 526 | .fa-magnet:before { 527 | content: "\f076"; 528 | } 529 | .fa-chevron-up:before { 530 | content: "\f077"; 531 | } 532 | .fa-chevron-down:before { 533 | content: "\f078"; 534 | } 535 | .fa-retweet:before { 536 | content: "\f079"; 537 | } 538 | .fa-shopping-cart:before { 539 | content: "\f07a"; 540 | } 541 | .fa-folder:before { 542 | content: "\f07b"; 543 | } 544 | .fa-folder-open:before { 545 | content: "\f07c"; 546 | } 547 | .fa-arrows-v:before { 548 | content: "\f07d"; 549 | } 550 | .fa-arrows-h:before { 551 | content: "\f07e"; 552 | } 553 | .fa-bar-chart-o:before, 554 | .fa-bar-chart:before { 555 | content: "\f080"; 556 | } 557 | .fa-twitter-square:before { 558 | content: "\f081"; 559 | } 560 | .fa-facebook-square:before { 561 | content: "\f082"; 562 | } 563 | .fa-camera-retro:before { 564 | content: "\f083"; 565 | } 566 | .fa-key:before { 567 | content: "\f084"; 568 | } 569 | .fa-gears:before, 570 | .fa-cogs:before { 571 | content: "\f085"; 572 | } 573 | .fa-comments:before { 574 | content: "\f086"; 575 | } 576 | .fa-thumbs-o-up:before { 577 | content: "\f087"; 578 | } 579 | .fa-thumbs-o-down:before { 580 | content: "\f088"; 581 | } 582 | .fa-star-half:before { 583 | content: "\f089"; 584 | } 585 | .fa-heart-o:before { 586 | content: "\f08a"; 587 | } 588 | .fa-sign-out:before { 589 | content: "\f08b"; 590 | } 591 | .fa-linkedin-square:before { 592 | content: "\f08c"; 593 | } 594 | .fa-thumb-tack:before { 595 | content: "\f08d"; 596 | } 597 | .fa-external-link:before { 598 | content: "\f08e"; 599 | } 600 | .fa-sign-in:before { 601 | content: "\f090"; 602 | } 603 | .fa-trophy:before { 604 | content: "\f091"; 605 | } 606 | .fa-github-square:before { 607 | content: "\f092"; 608 | } 609 | .fa-upload:before { 610 | content: "\f093"; 611 | } 612 | .fa-lemon-o:before { 613 | content: "\f094"; 614 | } 615 | .fa-phone:before { 616 | content: "\f095"; 617 | } 618 | .fa-square-o:before { 619 | content: "\f096"; 620 | } 621 | .fa-bookmark-o:before { 622 | content: "\f097"; 623 | } 624 | .fa-phone-square:before { 625 | content: "\f098"; 626 | } 627 | .fa-twitter:before { 628 | content: "\f099"; 629 | } 630 | .fa-facebook-f:before, 631 | .fa-facebook:before { 632 | content: "\f09a"; 633 | } 634 | .fa-github:before { 635 | content: "\f09b"; 636 | } 637 | .fa-unlock:before { 638 | content: "\f09c"; 639 | } 640 | .fa-credit-card:before { 641 | content: "\f09d"; 642 | } 643 | .fa-feed:before, 644 | .fa-rss:before { 645 | content: "\f09e"; 646 | } 647 | .fa-hdd-o:before { 648 | content: "\f0a0"; 649 | } 650 | .fa-bullhorn:before { 651 | content: "\f0a1"; 652 | } 653 | .fa-bell:before { 654 | content: "\f0f3"; 655 | } 656 | .fa-certificate:before { 657 | content: "\f0a3"; 658 | } 659 | .fa-hand-o-right:before { 660 | content: "\f0a4"; 661 | } 662 | .fa-hand-o-left:before { 663 | content: "\f0a5"; 664 | } 665 | .fa-hand-o-up:before { 666 | content: "\f0a6"; 667 | } 668 | .fa-hand-o-down:before { 669 | content: "\f0a7"; 670 | } 671 | .fa-arrow-circle-left:before { 672 | content: "\f0a8"; 673 | } 674 | .fa-arrow-circle-right:before { 675 | content: "\f0a9"; 676 | } 677 | .fa-arrow-circle-up:before { 678 | content: "\f0aa"; 679 | } 680 | .fa-arrow-circle-down:before { 681 | content: "\f0ab"; 682 | } 683 | .fa-globe:before { 684 | content: "\f0ac"; 685 | } 686 | .fa-wrench:before { 687 | content: "\f0ad"; 688 | } 689 | .fa-tasks:before { 690 | content: "\f0ae"; 691 | } 692 | .fa-filter:before { 693 | content: "\f0b0"; 694 | } 695 | .fa-briefcase:before { 696 | content: "\f0b1"; 697 | } 698 | .fa-arrows-alt:before { 699 | content: "\f0b2"; 700 | } 701 | .fa-group:before, 702 | .fa-users:before { 703 | content: "\f0c0"; 704 | } 705 | .fa-chain:before, 706 | .fa-link:before { 707 | content: "\f0c1"; 708 | } 709 | .fa-cloud:before { 710 | content: "\f0c2"; 711 | } 712 | .fa-flask:before { 713 | content: "\f0c3"; 714 | } 715 | .fa-cut:before, 716 | .fa-scissors:before { 717 | content: "\f0c4"; 718 | } 719 | .fa-copy:before, 720 | .fa-files-o:before { 721 | content: "\f0c5"; 722 | } 723 | .fa-paperclip:before { 724 | content: "\f0c6"; 725 | } 726 | .fa-save:before, 727 | .fa-floppy-o:before { 728 | content: "\f0c7"; 729 | } 730 | .fa-square:before { 731 | content: "\f0c8"; 732 | } 733 | .fa-navicon:before, 734 | .fa-reorder:before, 735 | .fa-bars:before { 736 | content: "\f0c9"; 737 | } 738 | .fa-list-ul:before { 739 | content: "\f0ca"; 740 | } 741 | .fa-list-ol:before { 742 | content: "\f0cb"; 743 | } 744 | .fa-strikethrough:before { 745 | content: "\f0cc"; 746 | } 747 | .fa-underline:before { 748 | content: "\f0cd"; 749 | } 750 | .fa-table:before { 751 | content: "\f0ce"; 752 | } 753 | .fa-magic:before { 754 | content: "\f0d0"; 755 | } 756 | .fa-truck:before { 757 | content: "\f0d1"; 758 | } 759 | .fa-pinterest:before { 760 | content: "\f0d2"; 761 | } 762 | .fa-pinterest-square:before { 763 | content: "\f0d3"; 764 | } 765 | .fa-google-plus-square:before { 766 | content: "\f0d4"; 767 | } 768 | .fa-google-plus:before { 769 | content: "\f0d5"; 770 | } 771 | .fa-money:before { 772 | content: "\f0d6"; 773 | } 774 | .fa-caret-down:before { 775 | content: "\f0d7"; 776 | } 777 | .fa-caret-up:before { 778 | content: "\f0d8"; 779 | } 780 | .fa-caret-left:before { 781 | content: "\f0d9"; 782 | } 783 | .fa-caret-right:before { 784 | content: "\f0da"; 785 | } 786 | .fa-columns:before { 787 | content: "\f0db"; 788 | } 789 | .fa-unsorted:before, 790 | .fa-sort:before { 791 | content: "\f0dc"; 792 | } 793 | .fa-sort-down:before, 794 | .fa-sort-desc:before { 795 | content: "\f0dd"; 796 | } 797 | .fa-sort-up:before, 798 | .fa-sort-asc:before { 799 | content: "\f0de"; 800 | } 801 | .fa-envelope:before { 802 | content: "\f0e0"; 803 | } 804 | .fa-linkedin:before { 805 | content: "\f0e1"; 806 | } 807 | .fa-rotate-left:before, 808 | .fa-undo:before { 809 | content: "\f0e2"; 810 | } 811 | .fa-legal:before, 812 | .fa-gavel:before { 813 | content: "\f0e3"; 814 | } 815 | .fa-dashboard:before, 816 | .fa-tachometer:before { 817 | content: "\f0e4"; 818 | } 819 | .fa-comment-o:before { 820 | content: "\f0e5"; 821 | } 822 | .fa-comments-o:before { 823 | content: "\f0e6"; 824 | } 825 | .fa-flash:before, 826 | .fa-bolt:before { 827 | content: "\f0e7"; 828 | } 829 | .fa-sitemap:before { 830 | content: "\f0e8"; 831 | } 832 | .fa-umbrella:before { 833 | content: "\f0e9"; 834 | } 835 | .fa-paste:before, 836 | .fa-clipboard:before { 837 | content: "\f0ea"; 838 | } 839 | .fa-lightbulb-o:before { 840 | content: "\f0eb"; 841 | } 842 | .fa-exchange:before { 843 | content: "\f0ec"; 844 | } 845 | .fa-cloud-download:before { 846 | content: "\f0ed"; 847 | } 848 | .fa-cloud-upload:before { 849 | content: "\f0ee"; 850 | } 851 | .fa-user-md:before { 852 | content: "\f0f0"; 853 | } 854 | .fa-stethoscope:before { 855 | content: "\f0f1"; 856 | } 857 | .fa-suitcase:before { 858 | content: "\f0f2"; 859 | } 860 | .fa-bell-o:before { 861 | content: "\f0a2"; 862 | } 863 | .fa-coffee:before { 864 | content: "\f0f4"; 865 | } 866 | .fa-cutlery:before { 867 | content: "\f0f5"; 868 | } 869 | .fa-file-text-o:before { 870 | content: "\f0f6"; 871 | } 872 | .fa-building-o:before { 873 | content: "\f0f7"; 874 | } 875 | .fa-hospital-o:before { 876 | content: "\f0f8"; 877 | } 878 | .fa-ambulance:before { 879 | content: "\f0f9"; 880 | } 881 | .fa-medkit:before { 882 | content: "\f0fa"; 883 | } 884 | .fa-fighter-jet:before { 885 | content: "\f0fb"; 886 | } 887 | .fa-beer:before { 888 | content: "\f0fc"; 889 | } 890 | .fa-h-square:before { 891 | content: "\f0fd"; 892 | } 893 | .fa-plus-square:before { 894 | content: "\f0fe"; 895 | } 896 | .fa-angle-double-left:before { 897 | content: "\f100"; 898 | } 899 | .fa-angle-double-right:before { 900 | content: "\f101"; 901 | } 902 | .fa-angle-double-up:before { 903 | content: "\f102"; 904 | } 905 | .fa-angle-double-down:before { 906 | content: "\f103"; 907 | } 908 | .fa-angle-left:before { 909 | content: "\f104"; 910 | } 911 | .fa-angle-right:before { 912 | content: "\f105"; 913 | } 914 | .fa-angle-up:before { 915 | content: "\f106"; 916 | } 917 | .fa-angle-down:before { 918 | content: "\f107"; 919 | } 920 | .fa-desktop:before { 921 | content: "\f108"; 922 | } 923 | .fa-laptop:before { 924 | content: "\f109"; 925 | } 926 | .fa-tablet:before { 927 | content: "\f10a"; 928 | } 929 | .fa-mobile-phone:before, 930 | .fa-mobile:before { 931 | content: "\f10b"; 932 | } 933 | .fa-circle-o:before { 934 | content: "\f10c"; 935 | } 936 | .fa-quote-left:before { 937 | content: "\f10d"; 938 | } 939 | .fa-quote-right:before { 940 | content: "\f10e"; 941 | } 942 | .fa-spinner:before { 943 | content: "\f110"; 944 | } 945 | .fa-circle:before { 946 | content: "\f111"; 947 | } 948 | .fa-mail-reply:before, 949 | .fa-reply:before { 950 | content: "\f112"; 951 | } 952 | .fa-github-alt:before { 953 | content: "\f113"; 954 | } 955 | .fa-folder-o:before { 956 | content: "\f114"; 957 | } 958 | .fa-folder-open-o:before { 959 | content: "\f115"; 960 | } 961 | .fa-smile-o:before { 962 | content: "\f118"; 963 | } 964 | .fa-frown-o:before { 965 | content: "\f119"; 966 | } 967 | .fa-meh-o:before { 968 | content: "\f11a"; 969 | } 970 | .fa-gamepad:before { 971 | content: "\f11b"; 972 | } 973 | .fa-keyboard-o:before { 974 | content: "\f11c"; 975 | } 976 | .fa-flag-o:before { 977 | content: "\f11d"; 978 | } 979 | .fa-flag-checkered:before { 980 | content: "\f11e"; 981 | } 982 | .fa-terminal:before { 983 | content: "\f120"; 984 | } 985 | .fa-code:before { 986 | content: "\f121"; 987 | } 988 | .fa-mail-reply-all:before, 989 | .fa-reply-all:before { 990 | content: "\f122"; 991 | } 992 | .fa-star-half-empty:before, 993 | .fa-star-half-full:before, 994 | .fa-star-half-o:before { 995 | content: "\f123"; 996 | } 997 | .fa-location-arrow:before { 998 | content: "\f124"; 999 | } 1000 | .fa-crop:before { 1001 | content: "\f125"; 1002 | } 1003 | .fa-code-fork:before { 1004 | content: "\f126"; 1005 | } 1006 | .fa-unlink:before, 1007 | .fa-chain-broken:before { 1008 | content: "\f127"; 1009 | } 1010 | .fa-question:before { 1011 | content: "\f128"; 1012 | } 1013 | .fa-info:before { 1014 | content: "\f129"; 1015 | } 1016 | .fa-exclamation:before { 1017 | content: "\f12a"; 1018 | } 1019 | .fa-superscript:before { 1020 | content: "\f12b"; 1021 | } 1022 | .fa-subscript:before { 1023 | content: "\f12c"; 1024 | } 1025 | .fa-eraser:before { 1026 | content: "\f12d"; 1027 | } 1028 | .fa-puzzle-piece:before { 1029 | content: "\f12e"; 1030 | } 1031 | .fa-microphone:before { 1032 | content: "\f130"; 1033 | } 1034 | .fa-microphone-slash:before { 1035 | content: "\f131"; 1036 | } 1037 | .fa-shield:before { 1038 | content: "\f132"; 1039 | } 1040 | .fa-calendar-o:before { 1041 | content: "\f133"; 1042 | } 1043 | .fa-fire-extinguisher:before { 1044 | content: "\f134"; 1045 | } 1046 | .fa-rocket:before { 1047 | content: "\f135"; 1048 | } 1049 | .fa-maxcdn:before { 1050 | content: "\f136"; 1051 | } 1052 | .fa-chevron-circle-left:before { 1053 | content: "\f137"; 1054 | } 1055 | .fa-chevron-circle-right:before { 1056 | content: "\f138"; 1057 | } 1058 | .fa-chevron-circle-up:before { 1059 | content: "\f139"; 1060 | } 1061 | .fa-chevron-circle-down:before { 1062 | content: "\f13a"; 1063 | } 1064 | .fa-html5:before { 1065 | content: "\f13b"; 1066 | } 1067 | .fa-css3:before { 1068 | content: "\f13c"; 1069 | } 1070 | .fa-anchor:before { 1071 | content: "\f13d"; 1072 | } 1073 | .fa-unlock-alt:before { 1074 | content: "\f13e"; 1075 | } 1076 | .fa-bullseye:before { 1077 | content: "\f140"; 1078 | } 1079 | .fa-ellipsis-h:before { 1080 | content: "\f141"; 1081 | } 1082 | .fa-ellipsis-v:before { 1083 | content: "\f142"; 1084 | } 1085 | .fa-rss-square:before { 1086 | content: "\f143"; 1087 | } 1088 | .fa-play-circle:before { 1089 | content: "\f144"; 1090 | } 1091 | .fa-ticket:before { 1092 | content: "\f145"; 1093 | } 1094 | .fa-minus-square:before { 1095 | content: "\f146"; 1096 | } 1097 | .fa-minus-square-o:before { 1098 | content: "\f147"; 1099 | } 1100 | .fa-level-up:before { 1101 | content: "\f148"; 1102 | } 1103 | .fa-level-down:before { 1104 | content: "\f149"; 1105 | } 1106 | .fa-check-square:before { 1107 | content: "\f14a"; 1108 | } 1109 | .fa-pencil-square:before { 1110 | content: "\f14b"; 1111 | } 1112 | .fa-external-link-square:before { 1113 | content: "\f14c"; 1114 | } 1115 | .fa-share-square:before { 1116 | content: "\f14d"; 1117 | } 1118 | .fa-compass:before { 1119 | content: "\f14e"; 1120 | } 1121 | .fa-toggle-down:before, 1122 | .fa-caret-square-o-down:before { 1123 | content: "\f150"; 1124 | } 1125 | .fa-toggle-up:before, 1126 | .fa-caret-square-o-up:before { 1127 | content: "\f151"; 1128 | } 1129 | .fa-toggle-right:before, 1130 | .fa-caret-square-o-right:before { 1131 | content: "\f152"; 1132 | } 1133 | .fa-euro:before, 1134 | .fa-eur:before { 1135 | content: "\f153"; 1136 | } 1137 | .fa-gbp:before { 1138 | content: "\f154"; 1139 | } 1140 | .fa-dollar:before, 1141 | .fa-usd:before { 1142 | content: "\f155"; 1143 | } 1144 | .fa-rupee:before, 1145 | .fa-inr:before { 1146 | content: "\f156"; 1147 | } 1148 | .fa-cny:before, 1149 | .fa-rmb:before, 1150 | .fa-yen:before, 1151 | .fa-jpy:before { 1152 | content: "\f157"; 1153 | } 1154 | .fa-ruble:before, 1155 | .fa-rouble:before, 1156 | .fa-rub:before { 1157 | content: "\f158"; 1158 | } 1159 | .fa-won:before, 1160 | .fa-krw:before { 1161 | content: "\f159"; 1162 | } 1163 | .fa-bitcoin:before, 1164 | .fa-btc:before { 1165 | content: "\f15a"; 1166 | } 1167 | .fa-file:before { 1168 | content: "\f15b"; 1169 | } 1170 | .fa-file-text:before { 1171 | content: "\f15c"; 1172 | } 1173 | .fa-sort-alpha-asc:before { 1174 | content: "\f15d"; 1175 | } 1176 | .fa-sort-alpha-desc:before { 1177 | content: "\f15e"; 1178 | } 1179 | .fa-sort-amount-asc:before { 1180 | content: "\f160"; 1181 | } 1182 | .fa-sort-amount-desc:before { 1183 | content: "\f161"; 1184 | } 1185 | .fa-sort-numeric-asc:before { 1186 | content: "\f162"; 1187 | } 1188 | .fa-sort-numeric-desc:before { 1189 | content: "\f163"; 1190 | } 1191 | .fa-thumbs-up:before { 1192 | content: "\f164"; 1193 | } 1194 | .fa-thumbs-down:before { 1195 | content: "\f165"; 1196 | } 1197 | .fa-youtube-square:before { 1198 | content: "\f166"; 1199 | } 1200 | .fa-youtube:before { 1201 | content: "\f167"; 1202 | } 1203 | .fa-xing:before { 1204 | content: "\f168"; 1205 | } 1206 | .fa-xing-square:before { 1207 | content: "\f169"; 1208 | } 1209 | .fa-youtube-play:before { 1210 | content: "\f16a"; 1211 | } 1212 | .fa-dropbox:before { 1213 | content: "\f16b"; 1214 | } 1215 | .fa-stack-overflow:before { 1216 | content: "\f16c"; 1217 | } 1218 | .fa-instagram:before { 1219 | content: "\f16d"; 1220 | } 1221 | .fa-flickr:before { 1222 | content: "\f16e"; 1223 | } 1224 | .fa-adn:before { 1225 | content: "\f170"; 1226 | } 1227 | .fa-bitbucket:before { 1228 | content: "\f171"; 1229 | } 1230 | .fa-bitbucket-square:before { 1231 | content: "\f172"; 1232 | } 1233 | .fa-tumblr:before { 1234 | content: "\f173"; 1235 | } 1236 | .fa-tumblr-square:before { 1237 | content: "\f174"; 1238 | } 1239 | .fa-long-arrow-down:before { 1240 | content: "\f175"; 1241 | } 1242 | .fa-long-arrow-up:before { 1243 | content: "\f176"; 1244 | } 1245 | .fa-long-arrow-left:before { 1246 | content: "\f177"; 1247 | } 1248 | .fa-long-arrow-right:before { 1249 | content: "\f178"; 1250 | } 1251 | .fa-apple:before { 1252 | content: "\f179"; 1253 | } 1254 | .fa-windows:before { 1255 | content: "\f17a"; 1256 | } 1257 | .fa-android:before { 1258 | content: "\f17b"; 1259 | } 1260 | .fa-linux:before { 1261 | content: "\f17c"; 1262 | } 1263 | .fa-dribbble:before { 1264 | content: "\f17d"; 1265 | } 1266 | .fa-skype:before { 1267 | content: "\f17e"; 1268 | } 1269 | .fa-foursquare:before { 1270 | content: "\f180"; 1271 | } 1272 | .fa-trello:before { 1273 | content: "\f181"; 1274 | } 1275 | .fa-female:before { 1276 | content: "\f182"; 1277 | } 1278 | .fa-male:before { 1279 | content: "\f183"; 1280 | } 1281 | .fa-gittip:before, 1282 | .fa-gratipay:before { 1283 | content: "\f184"; 1284 | } 1285 | .fa-sun-o:before { 1286 | content: "\f185"; 1287 | } 1288 | .fa-moon-o:before { 1289 | content: "\f186"; 1290 | } 1291 | .fa-archive:before { 1292 | content: "\f187"; 1293 | } 1294 | .fa-bug:before { 1295 | content: "\f188"; 1296 | } 1297 | .fa-vk:before { 1298 | content: "\f189"; 1299 | } 1300 | .fa-weibo:before { 1301 | content: "\f18a"; 1302 | } 1303 | .fa-renren:before { 1304 | content: "\f18b"; 1305 | } 1306 | .fa-pagelines:before { 1307 | content: "\f18c"; 1308 | } 1309 | .fa-stack-exchange:before { 1310 | content: "\f18d"; 1311 | } 1312 | .fa-arrow-circle-o-right:before { 1313 | content: "\f18e"; 1314 | } 1315 | .fa-arrow-circle-o-left:before { 1316 | content: "\f190"; 1317 | } 1318 | .fa-toggle-left:before, 1319 | .fa-caret-square-o-left:before { 1320 | content: "\f191"; 1321 | } 1322 | .fa-dot-circle-o:before { 1323 | content: "\f192"; 1324 | } 1325 | .fa-wheelchair:before { 1326 | content: "\f193"; 1327 | } 1328 | .fa-vimeo-square:before { 1329 | content: "\f194"; 1330 | } 1331 | .fa-turkish-lira:before, 1332 | .fa-try:before { 1333 | content: "\f195"; 1334 | } 1335 | .fa-plus-square-o:before { 1336 | content: "\f196"; 1337 | } 1338 | .fa-space-shuttle:before { 1339 | content: "\f197"; 1340 | } 1341 | .fa-slack:before { 1342 | content: "\f198"; 1343 | } 1344 | .fa-envelope-square:before { 1345 | content: "\f199"; 1346 | } 1347 | .fa-wordpress:before { 1348 | content: "\f19a"; 1349 | } 1350 | .fa-openid:before { 1351 | content: "\f19b"; 1352 | } 1353 | .fa-institution:before, 1354 | .fa-bank:before, 1355 | .fa-university:before { 1356 | content: "\f19c"; 1357 | } 1358 | .fa-mortar-board:before, 1359 | .fa-graduation-cap:before { 1360 | content: "\f19d"; 1361 | } 1362 | .fa-yahoo:before { 1363 | content: "\f19e"; 1364 | } 1365 | .fa-google:before { 1366 | content: "\f1a0"; 1367 | } 1368 | .fa-reddit:before { 1369 | content: "\f1a1"; 1370 | } 1371 | .fa-reddit-square:before { 1372 | content: "\f1a2"; 1373 | } 1374 | .fa-stumbleupon-circle:before { 1375 | content: "\f1a3"; 1376 | } 1377 | .fa-stumbleupon:before { 1378 | content: "\f1a4"; 1379 | } 1380 | .fa-delicious:before { 1381 | content: "\f1a5"; 1382 | } 1383 | .fa-digg:before { 1384 | content: "\f1a6"; 1385 | } 1386 | .fa-pied-piper:before { 1387 | content: "\f1a7"; 1388 | } 1389 | .fa-pied-piper-alt:before { 1390 | content: "\f1a8"; 1391 | } 1392 | .fa-drupal:before { 1393 | content: "\f1a9"; 1394 | } 1395 | .fa-joomla:before { 1396 | content: "\f1aa"; 1397 | } 1398 | .fa-language:before { 1399 | content: "\f1ab"; 1400 | } 1401 | .fa-fax:before { 1402 | content: "\f1ac"; 1403 | } 1404 | .fa-building:before { 1405 | content: "\f1ad"; 1406 | } 1407 | .fa-child:before { 1408 | content: "\f1ae"; 1409 | } 1410 | .fa-paw:before { 1411 | content: "\f1b0"; 1412 | } 1413 | .fa-spoon:before { 1414 | content: "\f1b1"; 1415 | } 1416 | .fa-cube:before { 1417 | content: "\f1b2"; 1418 | } 1419 | .fa-cubes:before { 1420 | content: "\f1b3"; 1421 | } 1422 | .fa-behance:before { 1423 | content: "\f1b4"; 1424 | } 1425 | .fa-behance-square:before { 1426 | content: "\f1b5"; 1427 | } 1428 | .fa-steam:before { 1429 | content: "\f1b6"; 1430 | } 1431 | .fa-steam-square:before { 1432 | content: "\f1b7"; 1433 | } 1434 | .fa-recycle:before { 1435 | content: "\f1b8"; 1436 | } 1437 | .fa-automobile:before, 1438 | .fa-car:before { 1439 | content: "\f1b9"; 1440 | } 1441 | .fa-cab:before, 1442 | .fa-taxi:before { 1443 | content: "\f1ba"; 1444 | } 1445 | .fa-tree:before { 1446 | content: "\f1bb"; 1447 | } 1448 | .fa-spotify:before { 1449 | content: "\f1bc"; 1450 | } 1451 | .fa-deviantart:before { 1452 | content: "\f1bd"; 1453 | } 1454 | .fa-soundcloud:before { 1455 | content: "\f1be"; 1456 | } 1457 | .fa-database:before { 1458 | content: "\f1c0"; 1459 | } 1460 | .fa-file-pdf-o:before { 1461 | content: "\f1c1"; 1462 | } 1463 | .fa-file-word-o:before { 1464 | content: "\f1c2"; 1465 | } 1466 | .fa-file-excel-o:before { 1467 | content: "\f1c3"; 1468 | } 1469 | .fa-file-powerpoint-o:before { 1470 | content: "\f1c4"; 1471 | } 1472 | .fa-file-photo-o:before, 1473 | .fa-file-picture-o:before, 1474 | .fa-file-image-o:before { 1475 | content: "\f1c5"; 1476 | } 1477 | .fa-file-zip-o:before, 1478 | .fa-file-archive-o:before { 1479 | content: "\f1c6"; 1480 | } 1481 | .fa-file-sound-o:before, 1482 | .fa-file-audio-o:before { 1483 | content: "\f1c7"; 1484 | } 1485 | .fa-file-movie-o:before, 1486 | .fa-file-video-o:before { 1487 | content: "\f1c8"; 1488 | } 1489 | .fa-file-code-o:before { 1490 | content: "\f1c9"; 1491 | } 1492 | .fa-vine:before { 1493 | content: "\f1ca"; 1494 | } 1495 | .fa-codepen:before { 1496 | content: "\f1cb"; 1497 | } 1498 | .fa-jsfiddle:before { 1499 | content: "\f1cc"; 1500 | } 1501 | .fa-life-bouy:before, 1502 | .fa-life-buoy:before, 1503 | .fa-life-saver:before, 1504 | .fa-support:before, 1505 | .fa-life-ring:before { 1506 | content: "\f1cd"; 1507 | } 1508 | .fa-circle-o-notch:before { 1509 | content: "\f1ce"; 1510 | } 1511 | .fa-ra:before, 1512 | .fa-rebel:before { 1513 | content: "\f1d0"; 1514 | } 1515 | .fa-ge:before, 1516 | .fa-empire:before { 1517 | content: "\f1d1"; 1518 | } 1519 | .fa-git-square:before { 1520 | content: "\f1d2"; 1521 | } 1522 | .fa-git:before { 1523 | content: "\f1d3"; 1524 | } 1525 | .fa-y-combinator-square:before, 1526 | .fa-yc-square:before, 1527 | .fa-hacker-news:before { 1528 | content: "\f1d4"; 1529 | } 1530 | .fa-tencent-weibo:before { 1531 | content: "\f1d5"; 1532 | } 1533 | .fa-qq:before { 1534 | content: "\f1d6"; 1535 | } 1536 | .fa-wechat:before, 1537 | .fa-weixin:before { 1538 | content: "\f1d7"; 1539 | } 1540 | .fa-send:before, 1541 | .fa-paper-plane:before { 1542 | content: "\f1d8"; 1543 | } 1544 | .fa-send-o:before, 1545 | .fa-paper-plane-o:before { 1546 | content: "\f1d9"; 1547 | } 1548 | .fa-history:before { 1549 | content: "\f1da"; 1550 | } 1551 | .fa-circle-thin:before { 1552 | content: "\f1db"; 1553 | } 1554 | .fa-header:before { 1555 | content: "\f1dc"; 1556 | } 1557 | .fa-paragraph:before { 1558 | content: "\f1dd"; 1559 | } 1560 | .fa-sliders:before { 1561 | content: "\f1de"; 1562 | } 1563 | .fa-share-alt:before { 1564 | content: "\f1e0"; 1565 | } 1566 | .fa-share-alt-square:before { 1567 | content: "\f1e1"; 1568 | } 1569 | .fa-bomb:before { 1570 | content: "\f1e2"; 1571 | } 1572 | .fa-soccer-ball-o:before, 1573 | .fa-futbol-o:before { 1574 | content: "\f1e3"; 1575 | } 1576 | .fa-tty:before { 1577 | content: "\f1e4"; 1578 | } 1579 | .fa-binoculars:before { 1580 | content: "\f1e5"; 1581 | } 1582 | .fa-plug:before { 1583 | content: "\f1e6"; 1584 | } 1585 | .fa-slideshare:before { 1586 | content: "\f1e7"; 1587 | } 1588 | .fa-twitch:before { 1589 | content: "\f1e8"; 1590 | } 1591 | .fa-yelp:before { 1592 | content: "\f1e9"; 1593 | } 1594 | .fa-newspaper-o:before { 1595 | content: "\f1ea"; 1596 | } 1597 | .fa-wifi:before { 1598 | content: "\f1eb"; 1599 | } 1600 | .fa-calculator:before { 1601 | content: "\f1ec"; 1602 | } 1603 | .fa-paypal:before { 1604 | content: "\f1ed"; 1605 | } 1606 | .fa-google-wallet:before { 1607 | content: "\f1ee"; 1608 | } 1609 | .fa-cc-visa:before { 1610 | content: "\f1f0"; 1611 | } 1612 | .fa-cc-mastercard:before { 1613 | content: "\f1f1"; 1614 | } 1615 | .fa-cc-discover:before { 1616 | content: "\f1f2"; 1617 | } 1618 | .fa-cc-amex:before { 1619 | content: "\f1f3"; 1620 | } 1621 | .fa-cc-paypal:before { 1622 | content: "\f1f4"; 1623 | } 1624 | .fa-cc-stripe:before { 1625 | content: "\f1f5"; 1626 | } 1627 | .fa-bell-slash:before { 1628 | content: "\f1f6"; 1629 | } 1630 | .fa-bell-slash-o:before { 1631 | content: "\f1f7"; 1632 | } 1633 | .fa-trash:before { 1634 | content: "\f1f8"; 1635 | } 1636 | .fa-copyright:before { 1637 | content: "\f1f9"; 1638 | } 1639 | .fa-at:before { 1640 | content: "\f1fa"; 1641 | } 1642 | .fa-eyedropper:before { 1643 | content: "\f1fb"; 1644 | } 1645 | .fa-paint-brush:before { 1646 | content: "\f1fc"; 1647 | } 1648 | .fa-birthday-cake:before { 1649 | content: "\f1fd"; 1650 | } 1651 | .fa-area-chart:before { 1652 | content: "\f1fe"; 1653 | } 1654 | .fa-pie-chart:before { 1655 | content: "\f200"; 1656 | } 1657 | .fa-line-chart:before { 1658 | content: "\f201"; 1659 | } 1660 | .fa-lastfm:before { 1661 | content: "\f202"; 1662 | } 1663 | .fa-lastfm-square:before { 1664 | content: "\f203"; 1665 | } 1666 | .fa-toggle-off:before { 1667 | content: "\f204"; 1668 | } 1669 | .fa-toggle-on:before { 1670 | content: "\f205"; 1671 | } 1672 | .fa-bicycle:before { 1673 | content: "\f206"; 1674 | } 1675 | .fa-bus:before { 1676 | content: "\f207"; 1677 | } 1678 | .fa-ioxhost:before { 1679 | content: "\f208"; 1680 | } 1681 | .fa-angellist:before { 1682 | content: "\f209"; 1683 | } 1684 | .fa-cc:before { 1685 | content: "\f20a"; 1686 | } 1687 | .fa-shekel:before, 1688 | .fa-sheqel:before, 1689 | .fa-ils:before { 1690 | content: "\f20b"; 1691 | } 1692 | .fa-meanpath:before { 1693 | content: "\f20c"; 1694 | } 1695 | .fa-buysellads:before { 1696 | content: "\f20d"; 1697 | } 1698 | .fa-connectdevelop:before { 1699 | content: "\f20e"; 1700 | } 1701 | .fa-dashcube:before { 1702 | content: "\f210"; 1703 | } 1704 | .fa-forumbee:before { 1705 | content: "\f211"; 1706 | } 1707 | .fa-leanpub:before { 1708 | content: "\f212"; 1709 | } 1710 | .fa-sellsy:before { 1711 | content: "\f213"; 1712 | } 1713 | .fa-shirtsinbulk:before { 1714 | content: "\f214"; 1715 | } 1716 | .fa-simplybuilt:before { 1717 | content: "\f215"; 1718 | } 1719 | .fa-skyatlas:before { 1720 | content: "\f216"; 1721 | } 1722 | .fa-cart-plus:before { 1723 | content: "\f217"; 1724 | } 1725 | .fa-cart-arrow-down:before { 1726 | content: "\f218"; 1727 | } 1728 | .fa-diamond:before { 1729 | content: "\f219"; 1730 | } 1731 | .fa-ship:before { 1732 | content: "\f21a"; 1733 | } 1734 | .fa-user-secret:before { 1735 | content: "\f21b"; 1736 | } 1737 | .fa-motorcycle:before { 1738 | content: "\f21c"; 1739 | } 1740 | .fa-street-view:before { 1741 | content: "\f21d"; 1742 | } 1743 | .fa-heartbeat:before { 1744 | content: "\f21e"; 1745 | } 1746 | .fa-venus:before { 1747 | content: "\f221"; 1748 | } 1749 | .fa-mars:before { 1750 | content: "\f222"; 1751 | } 1752 | .fa-mercury:before { 1753 | content: "\f223"; 1754 | } 1755 | .fa-intersex:before, 1756 | .fa-transgender:before { 1757 | content: "\f224"; 1758 | } 1759 | .fa-transgender-alt:before { 1760 | content: "\f225"; 1761 | } 1762 | .fa-venus-double:before { 1763 | content: "\f226"; 1764 | } 1765 | .fa-mars-double:before { 1766 | content: "\f227"; 1767 | } 1768 | .fa-venus-mars:before { 1769 | content: "\f228"; 1770 | } 1771 | .fa-mars-stroke:before { 1772 | content: "\f229"; 1773 | } 1774 | .fa-mars-stroke-v:before { 1775 | content: "\f22a"; 1776 | } 1777 | .fa-mars-stroke-h:before { 1778 | content: "\f22b"; 1779 | } 1780 | .fa-neuter:before { 1781 | content: "\f22c"; 1782 | } 1783 | .fa-genderless:before { 1784 | content: "\f22d"; 1785 | } 1786 | .fa-facebook-official:before { 1787 | content: "\f230"; 1788 | } 1789 | .fa-pinterest-p:before { 1790 | content: "\f231"; 1791 | } 1792 | .fa-whatsapp:before { 1793 | content: "\f232"; 1794 | } 1795 | .fa-server:before { 1796 | content: "\f233"; 1797 | } 1798 | .fa-user-plus:before { 1799 | content: "\f234"; 1800 | } 1801 | .fa-user-times:before { 1802 | content: "\f235"; 1803 | } 1804 | .fa-hotel:before, 1805 | .fa-bed:before { 1806 | content: "\f236"; 1807 | } 1808 | .fa-viacoin:before { 1809 | content: "\f237"; 1810 | } 1811 | .fa-train:before { 1812 | content: "\f238"; 1813 | } 1814 | .fa-subway:before { 1815 | content: "\f239"; 1816 | } 1817 | .fa-medium:before { 1818 | content: "\f23a"; 1819 | } 1820 | .fa-yc:before, 1821 | .fa-y-combinator:before { 1822 | content: "\f23b"; 1823 | } 1824 | .fa-optin-monster:before { 1825 | content: "\f23c"; 1826 | } 1827 | .fa-opencart:before { 1828 | content: "\f23d"; 1829 | } 1830 | .fa-expeditedssl:before { 1831 | content: "\f23e"; 1832 | } 1833 | .fa-battery-4:before, 1834 | .fa-battery-full:before { 1835 | content: "\f240"; 1836 | } 1837 | .fa-battery-3:before, 1838 | .fa-battery-three-quarters:before { 1839 | content: "\f241"; 1840 | } 1841 | .fa-battery-2:before, 1842 | .fa-battery-half:before { 1843 | content: "\f242"; 1844 | } 1845 | .fa-battery-1:before, 1846 | .fa-battery-quarter:before { 1847 | content: "\f243"; 1848 | } 1849 | .fa-battery-0:before, 1850 | .fa-battery-empty:before { 1851 | content: "\f244"; 1852 | } 1853 | .fa-mouse-pointer:before { 1854 | content: "\f245"; 1855 | } 1856 | .fa-i-cursor:before { 1857 | content: "\f246"; 1858 | } 1859 | .fa-object-group:before { 1860 | content: "\f247"; 1861 | } 1862 | .fa-object-ungroup:before { 1863 | content: "\f248"; 1864 | } 1865 | .fa-sticky-note:before { 1866 | content: "\f249"; 1867 | } 1868 | .fa-sticky-note-o:before { 1869 | content: "\f24a"; 1870 | } 1871 | .fa-cc-jcb:before { 1872 | content: "\f24b"; 1873 | } 1874 | .fa-cc-diners-club:before { 1875 | content: "\f24c"; 1876 | } 1877 | .fa-clone:before { 1878 | content: "\f24d"; 1879 | } 1880 | .fa-balance-scale:before { 1881 | content: "\f24e"; 1882 | } 1883 | .fa-hourglass-o:before { 1884 | content: "\f250"; 1885 | } 1886 | .fa-hourglass-1:before, 1887 | .fa-hourglass-start:before { 1888 | content: "\f251"; 1889 | } 1890 | .fa-hourglass-2:before, 1891 | .fa-hourglass-half:before { 1892 | content: "\f252"; 1893 | } 1894 | .fa-hourglass-3:before, 1895 | .fa-hourglass-end:before { 1896 | content: "\f253"; 1897 | } 1898 | .fa-hourglass:before { 1899 | content: "\f254"; 1900 | } 1901 | .fa-hand-grab-o:before, 1902 | .fa-hand-rock-o:before { 1903 | content: "\f255"; 1904 | } 1905 | .fa-hand-stop-o:before, 1906 | .fa-hand-paper-o:before { 1907 | content: "\f256"; 1908 | } 1909 | .fa-hand-scissors-o:before { 1910 | content: "\f257"; 1911 | } 1912 | .fa-hand-lizard-o:before { 1913 | content: "\f258"; 1914 | } 1915 | .fa-hand-spock-o:before { 1916 | content: "\f259"; 1917 | } 1918 | .fa-hand-pointer-o:before { 1919 | content: "\f25a"; 1920 | } 1921 | .fa-hand-peace-o:before { 1922 | content: "\f25b"; 1923 | } 1924 | .fa-trademark:before { 1925 | content: "\f25c"; 1926 | } 1927 | .fa-registered:before { 1928 | content: "\f25d"; 1929 | } 1930 | .fa-creative-commons:before { 1931 | content: "\f25e"; 1932 | } 1933 | .fa-gg:before { 1934 | content: "\f260"; 1935 | } 1936 | .fa-gg-circle:before { 1937 | content: "\f261"; 1938 | } 1939 | .fa-tripadvisor:before { 1940 | content: "\f262"; 1941 | } 1942 | .fa-odnoklassniki:before { 1943 | content: "\f263"; 1944 | } 1945 | .fa-odnoklassniki-square:before { 1946 | content: "\f264"; 1947 | } 1948 | .fa-get-pocket:before { 1949 | content: "\f265"; 1950 | } 1951 | .fa-wikipedia-w:before { 1952 | content: "\f266"; 1953 | } 1954 | .fa-safari:before { 1955 | content: "\f267"; 1956 | } 1957 | .fa-chrome:before { 1958 | content: "\f268"; 1959 | } 1960 | .fa-firefox:before { 1961 | content: "\f269"; 1962 | } 1963 | .fa-opera:before { 1964 | content: "\f26a"; 1965 | } 1966 | .fa-internet-explorer:before { 1967 | content: "\f26b"; 1968 | } 1969 | .fa-tv:before, 1970 | .fa-television:before { 1971 | content: "\f26c"; 1972 | } 1973 | .fa-contao:before { 1974 | content: "\f26d"; 1975 | } 1976 | .fa-500px:before { 1977 | content: "\f26e"; 1978 | } 1979 | .fa-amazon:before { 1980 | content: "\f270"; 1981 | } 1982 | .fa-calendar-plus-o:before { 1983 | content: "\f271"; 1984 | } 1985 | .fa-calendar-minus-o:before { 1986 | content: "\f272"; 1987 | } 1988 | .fa-calendar-times-o:before { 1989 | content: "\f273"; 1990 | } 1991 | .fa-calendar-check-o:before { 1992 | content: "\f274"; 1993 | } 1994 | .fa-industry:before { 1995 | content: "\f275"; 1996 | } 1997 | .fa-map-pin:before { 1998 | content: "\f276"; 1999 | } 2000 | .fa-map-signs:before { 2001 | content: "\f277"; 2002 | } 2003 | .fa-map-o:before { 2004 | content: "\f278"; 2005 | } 2006 | .fa-map:before { 2007 | content: "\f279"; 2008 | } 2009 | .fa-commenting:before { 2010 | content: "\f27a"; 2011 | } 2012 | .fa-commenting-o:before { 2013 | content: "\f27b"; 2014 | } 2015 | .fa-houzz:before { 2016 | content: "\f27c"; 2017 | } 2018 | .fa-vimeo:before { 2019 | content: "\f27d"; 2020 | } 2021 | .fa-black-tie:before { 2022 | content: "\f27e"; 2023 | } 2024 | .fa-fonticons:before { 2025 | content: "\f280"; 2026 | } 2027 | -------------------------------------------------------------------------------- /src/css/buttons.css: -------------------------------------------------------------------------------- 1 | /*! @license 2 | * 3 | * Buttons 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 | * Compass (optional) 20 | * 21 | * We recommend the use of autoprefixer instead of Compass 22 | * when using buttons. However, buttons does support Compass. 23 | * simply change $ubtn-use-compass to true and uncomment the 24 | * @import 'compass' code below to use Compass. 25 | */ 26 | /* 27 | * Required Files 28 | * 29 | * These files include the variables and options 30 | * and base css styles that are required to generate buttons. 31 | */ 32 | /* 33 | * $ubtn prefix (reserved) 34 | * 35 | * This prefix stands for Unicorn Button - ubtn 36 | * We provide a prefix to the Sass Variables to 37 | * prevent namespace collisions that could occur if 38 | * you import buttons as part of your Sass build process. 39 | * We kindly ask you not to use the prefix $ubtn in your project 40 | * in order to avoid possilbe name conflicts. Thanks! 41 | */ 42 | /* 43 | * Button Namespace (ex .button or .btn) 44 | * 45 | */ 46 | /* 47 | * Button Defaults 48 | * 49 | * Some default settings that are used throughout the button library. 50 | * Changes to these settings will be picked up by all of the other modules. 51 | * The colors used here are the default colors for the base button (gray). 52 | * The font size and height are used to set the base size for the buttons. 53 | * The size values will be used to calculate the larger and smaller button sizes. 54 | */ 55 | /* 56 | * Button Colors 57 | * 58 | * $ubtn-colors is used to generate the different button colors. 59 | * Edit or add colors to the list below and recompile. 60 | * Each block contains the (name, background, color) 61 | * The class is generated using the name: (ex .button-primary) 62 | */ 63 | /* 64 | * Button Shapes 65 | * 66 | * $ubtn-shapes is used to generate the different button shapes. 67 | * Edit or add shapes to the list below and recompile. 68 | * Each block contains the (name, border-radius). 69 | * The class is generated using the name: (ex .button-square). 70 | */ 71 | /* 72 | * Button Sizes 73 | * 74 | * $ubtn-sizes is used to generate the different button sizes. 75 | * Edit or add colors to the list below and recompile. 76 | * Each block contains the (name, size multiplier). 77 | * The class is generated using the name: (ex .button-giant). 78 | */ 79 | /* 80 | * Color Mixin 81 | * 82 | * Iterates through the list of colors and creates 83 | * 84 | */ 85 | /* 86 | * No Animation 87 | * 88 | * Sets animation property to none 89 | */ 90 | /* 91 | * Clearfix 92 | * 93 | * Clears floats inside the container 94 | */ 95 | /* 96 | * Base Button Style 97 | * 98 | * The default values for the .button class 99 | */ 100 | .button { 101 | color: #666; 102 | background-color: #EEE; 103 | border-color: #EEE; 104 | font-weight: 300; 105 | font-size: 16px; 106 | font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 107 | text-decoration: none; 108 | text-align: center; 109 | line-height: 40px; 110 | height: 40px; 111 | padding: 0 40px; 112 | margin: 0; 113 | display: inline-block; 114 | appearance: none; 115 | cursor: pointer; 116 | border: none; 117 | -webkit-box-sizing: border-box; 118 | -moz-box-sizing: border-box; 119 | box-sizing: border-box; 120 | -webkit-transition-property: all; 121 | transition-property: all; 122 | -webkit-transition-duration: .3s; 123 | transition-duration: .3s; 124 | /* 125 | * Disabled State 126 | * 127 | * The disabled state uses the class .disabled, is-disabled, 128 | * and the form attribute disabled="disabled". 129 | * The use of !important is only added because this is a state 130 | * that must be applied to all buttons when in a disabled state. 131 | */ } 132 | .button:visited { 133 | color: #666; } 134 | .button:hover, .button:focus { 135 | background-color: #f6f6f6; 136 | text-decoration: none; 137 | outline: none; } 138 | .button:active, .button.active, .button.is-active { 139 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); 140 | text-decoration: none; 141 | background-color: #eeeeee; 142 | border-color: #cfcfcf; 143 | color: #d4d4d4; 144 | -webkit-transition-duration: 0s; 145 | transition-duration: 0s; 146 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); 147 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); } 148 | .button.disabled, .button.is-disabled, .button:disabled { 149 | top: 0 !important; 150 | background: #EEE !important; 151 | border: 1px solid #DDD !important; 152 | text-shadow: 0 1px 1px white !important; 153 | color: #CCC !important; 154 | cursor: default !important; 155 | appearance: none !important; 156 | -webkit-box-shadow: none !important; 157 | box-shadow: none !important; 158 | opacity: .8 !important; } 159 | 160 | /* 161 | * Base Button Tyography 162 | * 163 | */ 164 | .button-uppercase { 165 | text-transform: uppercase; } 166 | 167 | .button-lowercase { 168 | text-transform: lowercase; } 169 | 170 | .button-capitalize { 171 | text-transform: capitalize; } 172 | 173 | .button-small-caps { 174 | font-variant: small-caps; } 175 | 176 | .button-icon-txt-large { 177 | font-size: 36px !important; } 178 | 179 | /* 180 | * Base padding 181 | * 182 | */ 183 | .button-width-small { 184 | padding: 0 10px !important; } 185 | 186 | /* 187 | * Base Colors 188 | * 189 | * Create colors for buttons 190 | * (.button-primary, .button-secondary, etc.) 191 | */ 192 | .button-primary, 193 | .button-primary-flat { 194 | background-color: #1B9AF7; 195 | border-color: #1B9AF7; 196 | color: #FFF; } 197 | .button-primary:visited, 198 | .button-primary-flat:visited { 199 | color: #FFF; } 200 | .button-primary:hover, .button-primary:focus, 201 | .button-primary-flat:hover, 202 | .button-primary-flat:focus { 203 | background-color: #4cb0f9; 204 | border-color: #4cb0f9; 205 | color: #FFF; } 206 | .button-primary:active, .button-primary.active, .button-primary.is-active, 207 | .button-primary-flat:active, 208 | .button-primary-flat.active, 209 | .button-primary-flat.is-active { 210 | background-color: #2798eb; 211 | border-color: #2798eb; 212 | color: #0880d7; } 213 | 214 | .button-plain, 215 | .button-plain-flat { 216 | background-color: #FFF; 217 | border-color: #FFF; 218 | color: #1B9AF7; } 219 | .button-plain:visited, 220 | .button-plain-flat:visited { 221 | color: #1B9AF7; } 222 | .button-plain:hover, .button-plain:focus, 223 | .button-plain-flat:hover, 224 | .button-plain-flat:focus { 225 | background-color: white; 226 | border-color: white; 227 | color: #1B9AF7; } 228 | .button-plain:active, .button-plain.active, .button-plain.is-active, 229 | .button-plain-flat:active, 230 | .button-plain-flat.active, 231 | .button-plain-flat.is-active { 232 | background-color: white; 233 | border-color: white; 234 | color: #e6e6e6; } 235 | 236 | .button-inverse, 237 | .button-inverse-flat { 238 | background-color: #222; 239 | border-color: #222; 240 | color: #EEE; } 241 | .button-inverse:visited, 242 | .button-inverse-flat:visited { 243 | color: #EEE; } 244 | .button-inverse:hover, .button-inverse:focus, 245 | .button-inverse-flat:hover, 246 | .button-inverse-flat:focus { 247 | background-color: #3c3c3c; 248 | border-color: #3c3c3c; 249 | color: #EEE; } 250 | .button-inverse:active, .button-inverse.active, .button-inverse.is-active, 251 | .button-inverse-flat:active, 252 | .button-inverse-flat.active, 253 | .button-inverse-flat.is-active { 254 | background-color: #222222; 255 | border-color: #222222; 256 | color: #090909; } 257 | 258 | .button-action, 259 | .button-action-flat { 260 | background-color: #A5DE37; 261 | border-color: #A5DE37; 262 | color: #FFF; } 263 | .button-action:visited, 264 | .button-action-flat:visited { 265 | color: #FFF; } 266 | .button-action:hover, .button-action:focus, 267 | .button-action-flat:hover, 268 | .button-action-flat:focus { 269 | background-color: #b9e563; 270 | border-color: #b9e563; 271 | color: #FFF; } 272 | .button-action:active, .button-action.active, .button-action.is-active, 273 | .button-action-flat:active, 274 | .button-action-flat.active, 275 | .button-action-flat.is-active { 276 | background-color: #a1d243; 277 | border-color: #a1d243; 278 | color: #8bc220; } 279 | 280 | .button-highlight, 281 | .button-highlight-flat { 282 | background-color: #FEAE1B; 283 | border-color: #FEAE1B; 284 | color: #FFF; } 285 | .button-highlight:visited, 286 | .button-highlight-flat:visited { 287 | color: #FFF; } 288 | .button-highlight:hover, .button-highlight:focus, 289 | .button-highlight-flat:hover, 290 | .button-highlight-flat:focus { 291 | background-color: #fec04e; 292 | border-color: #fec04e; 293 | color: #FFF; } 294 | .button-highlight:active, .button-highlight.active, .button-highlight.is-active, 295 | .button-highlight-flat:active, 296 | .button-highlight-flat.active, 297 | .button-highlight-flat.is-active { 298 | background-color: #f3ab26; 299 | border-color: #f3ab26; 300 | color: #e59501; } 301 | 302 | .button-caution, 303 | .button-caution-flat { 304 | background-color: #FF4351; 305 | border-color: #FF4351; 306 | color: #FFF; } 307 | .button-caution:visited, 308 | .button-caution-flat:visited { 309 | color: #FFF; } 310 | .button-caution:hover, .button-caution:focus, 311 | .button-caution-flat:hover, 312 | .button-caution-flat:focus { 313 | background-color: #ff7680; 314 | border-color: #ff7680; 315 | color: #FFF; } 316 | .button-caution:active, .button-caution.active, .button-caution.is-active, 317 | .button-caution-flat:active, 318 | .button-caution-flat.active, 319 | .button-caution-flat.is-active { 320 | background-color: #f64c59; 321 | border-color: #f64c59; 322 | color: #ff1022; } 323 | 324 | .button-royal, 325 | .button-royal-flat { 326 | background-color: #7B72E9; 327 | border-color: #7B72E9; 328 | color: #FFF; } 329 | .button-royal:visited, 330 | .button-royal-flat:visited { 331 | color: #FFF; } 332 | .button-royal:hover, .button-royal:focus, 333 | .button-royal-flat:hover, 334 | .button-royal-flat:focus { 335 | background-color: #a49ef0; 336 | border-color: #a49ef0; 337 | color: #FFF; } 338 | .button-royal:active, .button-royal.active, .button-royal.is-active, 339 | .button-royal-flat:active, 340 | .button-royal-flat.active, 341 | .button-royal-flat.is-active { 342 | background-color: #827ae1; 343 | border-color: #827ae1; 344 | color: #5246e2; } 345 | 346 | /* 347 | * Base Layout Styles 348 | * 349 | * Very Miminal Layout Styles 350 | */ 351 | .button-block, 352 | .button-stacked { 353 | display: block; } 354 | 355 | /* 356 | * Button Types (optional) 357 | * 358 | * All of the files below represent the various button 359 | * types (including shapes & sizes). None of these files 360 | * are required. Simple remove the uneeded type below and 361 | * the button type will be excluded from the final build 362 | */ 363 | /* 364 | * Button Shapes 365 | * 366 | * This file creates the various button shapes 367 | * (ex. Circle, Rounded, Pill) 368 | */ 369 | .button-square { 370 | border-radius: 0; } 371 | 372 | .button-box { 373 | border-radius: 10px; } 374 | 375 | .button-rounded { 376 | border-radius: 4px; } 377 | 378 | .button-pill { 379 | border-radius: 200px; } 380 | 381 | .button-circle { 382 | border-radius: 100%; } 383 | 384 | /* 385 | * Size Adjustment for equal height & widht buttons 386 | * 387 | * Remove padding and set a fixed width. 388 | */ 389 | .button-circle, 390 | .button-box, 391 | .button-square { 392 | padding: 0 !important; 393 | width: 40px; } 394 | .button-circle.button-giant, 395 | .button-box.button-giant, 396 | .button-square.button-giant { 397 | width: 70px; } 398 | .button-circle.button-jumbo, 399 | .button-box.button-jumbo, 400 | .button-square.button-jumbo { 401 | width: 60px; } 402 | .button-circle.button-large, 403 | .button-box.button-large, 404 | .button-square.button-large { 405 | width: 50px; } 406 | .button-circle.button-normal, 407 | .button-box.button-normal, 408 | .button-square.button-normal { 409 | width: 40px; } 410 | .button-circle.button-small, 411 | .button-box.button-small, 412 | .button-square.button-small { 413 | width: 30px; } 414 | .button-circle.button-tiny, 415 | .button-box.button-tiny, 416 | .button-square.button-tiny { 417 | width: 24px; } 418 | 419 | /* 420 | * Border Buttons 421 | * 422 | * These buttons have no fill they only have a 423 | * border to define their hit target. 424 | */ 425 | .button-border, .button-border-thin, .button-border-thick { 426 | background: none; 427 | border-width: 2px; 428 | border-style: solid; 429 | line-height: 36px; } 430 | .button-border:hover, .button-border-thin:hover, .button-border-thick:hover { 431 | background-color: rgba(255, 255, 255, 0.9); } 432 | .button-border:active, .button-border-thin:active, .button-border-thick:active, .button-border.active, .active.button-border-thin, .active.button-border-thick, .button-border.is-active, .is-active.button-border-thin, .is-active.button-border-thick { 433 | -webkit-box-shadow: none; 434 | box-shadow: none; 435 | text-shadow: none; 436 | -webkit-transition-property: all; 437 | transition-property: all; 438 | -webkit-transition-duration: .3s; 439 | transition-duration: .3s; } 440 | 441 | /* 442 | * Border Optional Sizes 443 | * 444 | * A slight variation in border thickness 445 | */ 446 | .button-border-thin { 447 | border-width: 1px; } 448 | 449 | .button-border-thick { 450 | border-width: 3px; } 451 | 452 | /* 453 | * Border Button Colors 454 | * 455 | * Create colors for buttons 456 | * (.button-primary, .button-secondary, etc.) 457 | */ 458 | .button-border, .button-border-thin, .button-border-thick, 459 | .button-border-thin, 460 | .button-border-thick { 461 | /* 462 | * Border Button Size Adjustment 463 | * 464 | * The line-height must be adjusted to compinsate for 465 | * the width of the border. 466 | */ } 467 | .button-border.button-primary, .button-primary.button-border-thin, .button-primary.button-border-thick, 468 | .button-border-thin.button-primary, 469 | .button-border-thick.button-primary { 470 | color: #1B9AF7; } 471 | .button-border.button-primary:hover, .button-primary.button-border-thin:hover, .button-primary.button-border-thick:hover, .button-border.button-primary:focus, .button-primary.button-border-thin:focus, .button-primary.button-border-thick:focus, 472 | .button-border-thin.button-primary:hover, 473 | .button-border-thin.button-primary:focus, 474 | .button-border-thick.button-primary:hover, 475 | .button-border-thick.button-primary:focus { 476 | background-color: rgba(76, 176, 249, 0.9); 477 | color: rgba(255, 255, 255, 0.9); } 478 | .button-border.button-primary:active, .button-primary.button-border-thin:active, .button-primary.button-border-thick:active, .button-border.button-primary.active, .button-primary.active.button-border-thin, .button-primary.active.button-border-thick, .button-border.button-primary.is-active, .button-primary.is-active.button-border-thin, .button-primary.is-active.button-border-thick, 479 | .button-border-thin.button-primary:active, 480 | .button-border-thin.button-primary.active, 481 | .button-border-thin.button-primary.is-active, 482 | .button-border-thick.button-primary:active, 483 | .button-border-thick.button-primary.active, 484 | .button-border-thick.button-primary.is-active { 485 | background-color: rgba(39, 152, 235, 0.7); 486 | color: rgba(255, 255, 255, 0.5); 487 | opacity: .3; } 488 | .button-border.button-plain, .button-plain.button-border-thin, .button-plain.button-border-thick, 489 | .button-border-thin.button-plain, 490 | .button-border-thick.button-plain { 491 | color: #FFF; } 492 | .button-border.button-plain:hover, .button-plain.button-border-thin:hover, .button-plain.button-border-thick:hover, .button-border.button-plain:focus, .button-plain.button-border-thin:focus, .button-plain.button-border-thick:focus, 493 | .button-border-thin.button-plain:hover, 494 | .button-border-thin.button-plain:focus, 495 | .button-border-thick.button-plain:hover, 496 | .button-border-thick.button-plain:focus { 497 | background-color: rgba(255, 255, 255, 0.9); 498 | color: rgba(27, 154, 247, 0.9); } 499 | .button-border.button-plain:active, .button-plain.button-border-thin:active, .button-plain.button-border-thick:active, .button-border.button-plain.active, .button-plain.active.button-border-thin, .button-plain.active.button-border-thick, .button-border.button-plain.is-active, .button-plain.is-active.button-border-thin, .button-plain.is-active.button-border-thick, 500 | .button-border-thin.button-plain:active, 501 | .button-border-thin.button-plain.active, 502 | .button-border-thin.button-plain.is-active, 503 | .button-border-thick.button-plain:active, 504 | .button-border-thick.button-plain.active, 505 | .button-border-thick.button-plain.is-active { 506 | background-color: rgba(255, 255, 255, 0.7); 507 | color: rgba(27, 154, 247, 0.5); 508 | opacity: .3; } 509 | .button-border.button-inverse, .button-inverse.button-border-thin, .button-inverse.button-border-thick, 510 | .button-border-thin.button-inverse, 511 | .button-border-thick.button-inverse { 512 | color: #222; } 513 | .button-border.button-inverse:hover, .button-inverse.button-border-thin:hover, .button-inverse.button-border-thick:hover, .button-border.button-inverse:focus, .button-inverse.button-border-thin:focus, .button-inverse.button-border-thick:focus, 514 | .button-border-thin.button-inverse:hover, 515 | .button-border-thin.button-inverse:focus, 516 | .button-border-thick.button-inverse:hover, 517 | .button-border-thick.button-inverse:focus { 518 | background-color: rgba(60, 60, 60, 0.9); 519 | color: rgba(238, 238, 238, 0.9); } 520 | .button-border.button-inverse:active, .button-inverse.button-border-thin:active, .button-inverse.button-border-thick:active, .button-border.button-inverse.active, .button-inverse.active.button-border-thin, .button-inverse.active.button-border-thick, .button-border.button-inverse.is-active, .button-inverse.is-active.button-border-thin, .button-inverse.is-active.button-border-thick, 521 | .button-border-thin.button-inverse:active, 522 | .button-border-thin.button-inverse.active, 523 | .button-border-thin.button-inverse.is-active, 524 | .button-border-thick.button-inverse:active, 525 | .button-border-thick.button-inverse.active, 526 | .button-border-thick.button-inverse.is-active { 527 | background-color: rgba(34, 34, 34, 0.7); 528 | color: rgba(238, 238, 238, 0.5); 529 | opacity: .3; } 530 | .button-border.button-action, .button-action.button-border-thin, .button-action.button-border-thick, 531 | .button-border-thin.button-action, 532 | .button-border-thick.button-action { 533 | color: #A5DE37; } 534 | .button-border.button-action:hover, .button-action.button-border-thin:hover, .button-action.button-border-thick:hover, .button-border.button-action:focus, .button-action.button-border-thin:focus, .button-action.button-border-thick:focus, 535 | .button-border-thin.button-action:hover, 536 | .button-border-thin.button-action:focus, 537 | .button-border-thick.button-action:hover, 538 | .button-border-thick.button-action:focus { 539 | background-color: rgba(185, 229, 99, 0.9); 540 | color: rgba(255, 255, 255, 0.9); } 541 | .button-border.button-action:active, .button-action.button-border-thin:active, .button-action.button-border-thick:active, .button-border.button-action.active, .button-action.active.button-border-thin, .button-action.active.button-border-thick, .button-border.button-action.is-active, .button-action.is-active.button-border-thin, .button-action.is-active.button-border-thick, 542 | .button-border-thin.button-action:active, 543 | .button-border-thin.button-action.active, 544 | .button-border-thin.button-action.is-active, 545 | .button-border-thick.button-action:active, 546 | .button-border-thick.button-action.active, 547 | .button-border-thick.button-action.is-active { 548 | background-color: rgba(161, 210, 67, 0.7); 549 | color: rgba(255, 255, 255, 0.5); 550 | opacity: .3; } 551 | .button-border.button-highlight, .button-highlight.button-border-thin, .button-highlight.button-border-thick, 552 | .button-border-thin.button-highlight, 553 | .button-border-thick.button-highlight { 554 | color: #FEAE1B; } 555 | .button-border.button-highlight:hover, .button-highlight.button-border-thin:hover, .button-highlight.button-border-thick:hover, .button-border.button-highlight:focus, .button-highlight.button-border-thin:focus, .button-highlight.button-border-thick:focus, 556 | .button-border-thin.button-highlight:hover, 557 | .button-border-thin.button-highlight:focus, 558 | .button-border-thick.button-highlight:hover, 559 | .button-border-thick.button-highlight:focus { 560 | background-color: rgba(254, 192, 78, 0.9); 561 | color: rgba(255, 255, 255, 0.9); } 562 | .button-border.button-highlight:active, .button-highlight.button-border-thin:active, .button-highlight.button-border-thick:active, .button-border.button-highlight.active, .button-highlight.active.button-border-thin, .button-highlight.active.button-border-thick, .button-border.button-highlight.is-active, .button-highlight.is-active.button-border-thin, .button-highlight.is-active.button-border-thick, 563 | .button-border-thin.button-highlight:active, 564 | .button-border-thin.button-highlight.active, 565 | .button-border-thin.button-highlight.is-active, 566 | .button-border-thick.button-highlight:active, 567 | .button-border-thick.button-highlight.active, 568 | .button-border-thick.button-highlight.is-active { 569 | background-color: rgba(243, 171, 38, 0.7); 570 | color: rgba(255, 255, 255, 0.5); 571 | opacity: .3; } 572 | .button-border.button-caution, .button-caution.button-border-thin, .button-caution.button-border-thick, 573 | .button-border-thin.button-caution, 574 | .button-border-thick.button-caution { 575 | color: #FF4351; } 576 | .button-border.button-caution:hover, .button-caution.button-border-thin:hover, .button-caution.button-border-thick:hover, .button-border.button-caution:focus, .button-caution.button-border-thin:focus, .button-caution.button-border-thick:focus, 577 | .button-border-thin.button-caution:hover, 578 | .button-border-thin.button-caution:focus, 579 | .button-border-thick.button-caution:hover, 580 | .button-border-thick.button-caution:focus { 581 | background-color: rgba(255, 118, 128, 0.9); 582 | color: rgba(255, 255, 255, 0.9); } 583 | .button-border.button-caution:active, .button-caution.button-border-thin:active, .button-caution.button-border-thick:active, .button-border.button-caution.active, .button-caution.active.button-border-thin, .button-caution.active.button-border-thick, .button-border.button-caution.is-active, .button-caution.is-active.button-border-thin, .button-caution.is-active.button-border-thick, 584 | .button-border-thin.button-caution:active, 585 | .button-border-thin.button-caution.active, 586 | .button-border-thin.button-caution.is-active, 587 | .button-border-thick.button-caution:active, 588 | .button-border-thick.button-caution.active, 589 | .button-border-thick.button-caution.is-active { 590 | background-color: rgba(246, 76, 89, 0.7); 591 | color: rgba(255, 255, 255, 0.5); 592 | opacity: .3; } 593 | .button-border.button-royal, .button-royal.button-border-thin, .button-royal.button-border-thick, 594 | .button-border-thin.button-royal, 595 | .button-border-thick.button-royal { 596 | color: #7B72E9; } 597 | .button-border.button-royal:hover, .button-royal.button-border-thin:hover, .button-royal.button-border-thick:hover, .button-border.button-royal:focus, .button-royal.button-border-thin:focus, .button-royal.button-border-thick:focus, 598 | .button-border-thin.button-royal:hover, 599 | .button-border-thin.button-royal:focus, 600 | .button-border-thick.button-royal:hover, 601 | .button-border-thick.button-royal:focus { 602 | background-color: rgba(164, 158, 240, 0.9); 603 | color: rgba(255, 255, 255, 0.9); } 604 | .button-border.button-royal:active, .button-royal.button-border-thin:active, .button-royal.button-border-thick:active, .button-border.button-royal.active, .button-royal.active.button-border-thin, .button-royal.active.button-border-thick, .button-border.button-royal.is-active, .button-royal.is-active.button-border-thin, .button-royal.is-active.button-border-thick, 605 | .button-border-thin.button-royal:active, 606 | .button-border-thin.button-royal.active, 607 | .button-border-thin.button-royal.is-active, 608 | .button-border-thick.button-royal:active, 609 | .button-border-thick.button-royal.active, 610 | .button-border-thick.button-royal.is-active { 611 | background-color: rgba(130, 122, 225, 0.7); 612 | color: rgba(255, 255, 255, 0.5); 613 | opacity: .3; } 614 | .button-border.button-giant, .button-giant.button-border-thin, .button-giant.button-border-thick, 615 | .button-border-thin.button-giant, 616 | .button-border-thick.button-giant { 617 | line-height: 66px; } 618 | .button-border.button-jumbo, .button-jumbo.button-border-thin, .button-jumbo.button-border-thick, 619 | .button-border-thin.button-jumbo, 620 | .button-border-thick.button-jumbo { 621 | line-height: 56px; } 622 | .button-border.button-large, .button-large.button-border-thin, .button-large.button-border-thick, 623 | .button-border-thin.button-large, 624 | .button-border-thick.button-large { 625 | line-height: 46px; } 626 | .button-border.button-normal, .button-normal.button-border-thin, .button-normal.button-border-thick, 627 | .button-border-thin.button-normal, 628 | .button-border-thick.button-normal { 629 | line-height: 36px; } 630 | .button-border.button-small, .button-small.button-border-thin, .button-small.button-border-thick, 631 | .button-border-thin.button-small, 632 | .button-border-thick.button-small { 633 | line-height: 26px; } 634 | .button-border.button-tiny, .button-tiny.button-border-thin, .button-tiny.button-border-thick, 635 | .button-border-thin.button-tiny, 636 | .button-border-thick.button-tiny { 637 | line-height: 20px; } 638 | 639 | /* 640 | * Border Buttons 641 | * 642 | * These buttons have no fill they only have a 643 | * border to define their hit target. 644 | */ 645 | .button-borderless { 646 | background: none; 647 | border: none; 648 | padding: 0 8px !important; 649 | color: #EEE; 650 | font-size: 20.8px; 651 | font-weight: 200; 652 | /* 653 | * Borderless Button Colors 654 | * 655 | * Create colors for buttons 656 | * (.button-primary, .button-secondary, etc.) 657 | */ 658 | /* 659 | * Borderles Size Adjustment 660 | * 661 | * The font-size must be large to compinsate for 662 | * the lack of a hit target. 663 | */ } 664 | .button-borderless:hover, .button-borderless:focus { 665 | background: none; } 666 | .button-borderless:active, .button-borderless.active, .button-borderless.is-active { 667 | -webkit-box-shadow: none; 668 | box-shadow: none; 669 | text-shadow: none; 670 | -webkit-transition-property: all; 671 | transition-property: all; 672 | -webkit-transition-duration: .3s; 673 | transition-duration: .3s; 674 | opacity: .3; } 675 | .button-borderless.button-primary { 676 | color: #1B9AF7; } 677 | .button-borderless.button-plain { 678 | color: #FFF; } 679 | .button-borderless.button-inverse { 680 | color: #222; } 681 | .button-borderless.button-action { 682 | color: #A5DE37; } 683 | .button-borderless.button-highlight { 684 | color: #FEAE1B; } 685 | .button-borderless.button-caution { 686 | color: #FF4351; } 687 | .button-borderless.button-royal { 688 | color: #7B72E9; } 689 | .button-borderless.button-giant { 690 | font-size: 36.4px; 691 | height: 52.4px; 692 | line-height: 52.4px; } 693 | .button-borderless.button-jumbo { 694 | font-size: 31.2px; 695 | height: 47.2px; 696 | line-height: 47.2px; } 697 | .button-borderless.button-large { 698 | font-size: 26px; 699 | height: 42px; 700 | line-height: 42px; } 701 | .button-borderless.button-normal { 702 | font-size: 20.8px; 703 | height: 36.8px; 704 | line-height: 36.8px; } 705 | .button-borderless.button-small { 706 | font-size: 15.6px; 707 | height: 31.6px; 708 | line-height: 31.6px; } 709 | .button-borderless.button-tiny { 710 | font-size: 12.48px; 711 | height: 28.48px; 712 | line-height: 28.48px; } 713 | 714 | /* 715 | * Raised Buttons 716 | * 717 | * A classic looking button that offers 718 | * great depth and affordance. 719 | */ 720 | .button-raised { 721 | border-color: #e1e1e1; 722 | border-style: solid; 723 | border-width: 1px; 724 | line-height: 38px; 725 | background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1)); 726 | background: linear-gradient(#f6f6f6, #e1e1e1); 727 | -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); 728 | box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15); } 729 | .button-raised:hover, .button-raised:focus { 730 | background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro)); 731 | background: linear-gradient(top, white, gainsboro); } 732 | .button-raised:active, .button-raised.active, .button-raised.is-active { 733 | background: #eeeeee; 734 | -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; 735 | box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white; } 736 | 737 | /* 738 | * Raised Button Colors 739 | * 740 | * Create colors for raised buttons 741 | */ 742 | .button-raised.button-primary { 743 | border-color: #088ef0; 744 | background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0)); 745 | background: linear-gradient(#34a5f8, #088ef0); } 746 | .button-raised.button-primary:hover, .button-raised.button-primary:focus { 747 | background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6)); 748 | background: linear-gradient(top, #42abf8, #0888e6); } 749 | .button-raised.button-primary:active, .button-raised.button-primary.active, .button-raised.button-primary.is-active { 750 | border-color: #0880d7; 751 | background: #2798eb; } 752 | .button-raised.button-plain { 753 | border-color: #f2f2f2; 754 | background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2)); 755 | background: linear-gradient(white, #f2f2f2); } 756 | .button-raised.button-plain:hover, .button-raised.button-plain:focus { 757 | background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed)); 758 | background: linear-gradient(top, white, #ededed); } 759 | .button-raised.button-plain:active, .button-raised.button-plain.active, .button-raised.button-plain.is-active { 760 | border-color: #e6e6e6; 761 | background: white; } 762 | .button-raised.button-inverse { 763 | border-color: #151515; 764 | background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515)); 765 | background: linear-gradient(#2f2f2f, #151515); } 766 | .button-raised.button-inverse:hover, .button-raised.button-inverse:focus { 767 | background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#101010)); 768 | background: linear-gradient(top, #363636, #101010); } 769 | .button-raised.button-inverse:active, .button-raised.button-inverse.active, .button-raised.button-inverse.is-active { 770 | border-color: #090909; 771 | background: #222222; } 772 | .button-raised.button-action { 773 | border-color: #9ad824; 774 | background: -webkit-gradient(linear, left top, left bottom, from(#afe24d), to(#9ad824)); 775 | background: linear-gradient(#afe24d, #9ad824); } 776 | .button-raised.button-action:hover, .button-raised.button-action:focus { 777 | background: -webkit-gradient(linear, left top, left bottom, from(#b5e45a), to(#94cf22)); 778 | background: linear-gradient(top, #b5e45a, #94cf22); } 779 | .button-raised.button-action:active, .button-raised.button-action.active, .button-raised.button-action.is-active { 780 | border-color: #8bc220; 781 | background: #a1d243; } 782 | .button-raised.button-highlight { 783 | border-color: #fea502; 784 | background: -webkit-gradient(linear, left top, left bottom, from(#feb734), to(#fea502)); 785 | background: linear-gradient(#feb734, #fea502); } 786 | .button-raised.button-highlight:hover, .button-raised.button-highlight:focus { 787 | background: -webkit-gradient(linear, left top, left bottom, from(#febc44), to(#f49f01)); 788 | background: linear-gradient(top, #febc44, #f49f01); } 789 | .button-raised.button-highlight:active, .button-raised.button-highlight.active, .button-raised.button-highlight.is-active { 790 | border-color: #e59501; 791 | background: #f3ab26; } 792 | .button-raised.button-caution { 793 | border-color: #ff2939; 794 | background: -webkit-gradient(linear, left top, left bottom, from(#ff5c69), to(#ff2939)); 795 | background: linear-gradient(#ff5c69, #ff2939); } 796 | .button-raised.button-caution:hover, .button-raised.button-caution:focus { 797 | background: -webkit-gradient(linear, left top, left bottom, from(#ff6c77), to(#ff1f30)); 798 | background: linear-gradient(top, #ff6c77, #ff1f30); } 799 | .button-raised.button-caution:active, .button-raised.button-caution.active, .button-raised.button-caution.is-active { 800 | border-color: #ff1022; 801 | background: #f64c59; } 802 | .button-raised.button-royal { 803 | border-color: #665ce6; 804 | background: -webkit-gradient(linear, left top, left bottom, from(#9088ec), to(#665ce6)); 805 | background: linear-gradient(#9088ec, #665ce6); } 806 | .button-raised.button-royal:hover, .button-raised.button-royal:focus { 807 | background: -webkit-gradient(linear, left top, left bottom, from(#9c95ef), to(#5e53e4)); 808 | background: linear-gradient(top, #9c95ef, #5e53e4); } 809 | .button-raised.button-royal:active, .button-raised.button-royal.active, .button-raised.button-royal.is-active { 810 | border-color: #5246e2; 811 | background: #827ae1; } 812 | 813 | /* 814 | * 3D Buttons 815 | * 816 | * These buttons have a heavy three dimensional 817 | * style that mimics the visual appearance of a 818 | * real life button. 819 | */ 820 | .button-3d { 821 | position: relative; 822 | top: 0; 823 | -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); 824 | box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); } 825 | .button-3d:hover, .button-3d:focus { 826 | -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); 827 | box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2); } 828 | .button-3d:active, .button-3d.active, .button-3d.is-active { 829 | top: 5px; 830 | -webkit-transition-property: all; 831 | transition-property: all; 832 | -webkit-transition-duration: .15s; 833 | transition-duration: .15s; 834 | -webkit-box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); 835 | box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2); } 836 | 837 | /* 838 | * 3D Button Colors 839 | * 840 | * Create colors for buttons 841 | * (.button-primary, .button-secondary, etc.) 842 | */ 843 | .button-3d.button-primary { 844 | -webkit-box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); 845 | box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3); } 846 | .button-3d.button-primary:hover, .button-3d.button-primary:focus { 847 | -webkit-box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); 848 | box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3); } 849 | .button-3d.button-primary:active, .button-3d.button-primary.active, .button-3d.button-primary.is-active { 850 | -webkit-box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); 851 | box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2); } 852 | .button-3d.button-plain { 853 | -webkit-box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); 854 | box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3); } 855 | .button-3d.button-plain:hover, .button-3d.button-plain:focus { 856 | -webkit-box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); 857 | box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3); } 858 | .button-3d.button-plain:active, .button-3d.button-plain.active, .button-3d.button-plain.is-active { 859 | -webkit-box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); 860 | box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2); } 861 | .button-3d.button-inverse { 862 | -webkit-box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); 863 | box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3); } 864 | .button-3d.button-inverse:hover, .button-3d.button-inverse:focus { 865 | -webkit-box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); 866 | box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3); } 867 | .button-3d.button-inverse:active, .button-3d.button-inverse.active, .button-3d.button-inverse.is-active { 868 | -webkit-box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); 869 | box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2); } 870 | .button-3d.button-action { 871 | -webkit-box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); 872 | box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3); } 873 | .button-3d.button-action:hover, .button-3d.button-action:focus { 874 | -webkit-box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); 875 | box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3); } 876 | .button-3d.button-action:active, .button-3d.button-action.active, .button-3d.button-action.is-active { 877 | -webkit-box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); 878 | box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2); } 879 | .button-3d.button-highlight { 880 | -webkit-box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); 881 | box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3); } 882 | .button-3d.button-highlight:hover, .button-3d.button-highlight:focus { 883 | -webkit-box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); 884 | box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3); } 885 | .button-3d.button-highlight:active, .button-3d.button-highlight.active, .button-3d.button-highlight.is-active { 886 | -webkit-box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); 887 | box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2); } 888 | .button-3d.button-caution { 889 | -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); 890 | box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3); } 891 | .button-3d.button-caution:hover, .button-3d.button-caution:focus { 892 | -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); 893 | box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3); } 894 | .button-3d.button-caution:active, .button-3d.button-caution.active, .button-3d.button-caution.is-active { 895 | -webkit-box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); 896 | box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2); } 897 | .button-3d.button-royal { 898 | -webkit-box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); 899 | box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3); } 900 | .button-3d.button-royal:hover, .button-3d.button-royal:focus { 901 | -webkit-box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); 902 | box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3); } 903 | .button-3d.button-royal:active, .button-3d.button-royal.active, .button-3d.button-royal.is-active { 904 | -webkit-box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); 905 | box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2); } 906 | 907 | /* 908 | * Glowing Buttons 909 | * 910 | * A pulse like glow that appears 911 | * rythmically around the edges of 912 | * a button. 913 | */ 914 | /* 915 | * Glow animation mixin for Compass users 916 | * 917 | */ 918 | /* 919 | * Glowing Keyframes 920 | * 921 | */ 922 | @-webkit-keyframes glowing { 923 | from { 924 | -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); 925 | box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } 926 | 50% { 927 | -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); 928 | box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); } 929 | to { 930 | -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); 931 | box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } } 932 | @keyframes glowing { 933 | from { 934 | -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); 935 | box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } 936 | 50% { 937 | -webkit-box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); 938 | box-shadow: 0 0 20px rgba(44, 154, 219, 0.8); } 939 | to { 940 | -webkit-box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); 941 | box-shadow: 0 0 0 rgba(44, 154, 219, 0.3); } } 942 | /* 943 | * Glowing Keyframes for various colors 944 | * 945 | */ 946 | @-webkit-keyframes glowing-primary { 947 | from { 948 | -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); 949 | box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } 950 | 50% { 951 | -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); 952 | box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); } 953 | to { 954 | -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); 955 | box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } } 956 | @keyframes glowing-primary { 957 | from { 958 | -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); 959 | box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } 960 | 50% { 961 | -webkit-box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); 962 | box-shadow: 0 0 20px rgba(27, 154, 247, 0.8); } 963 | to { 964 | -webkit-box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); 965 | box-shadow: 0 0 0 rgba(27, 154, 247, 0.3); } } 966 | @-webkit-keyframes glowing-plain { 967 | from { 968 | -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); 969 | box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } 970 | 50% { 971 | -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); 972 | box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); } 973 | to { 974 | -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); 975 | box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } } 976 | @keyframes glowing-plain { 977 | from { 978 | -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); 979 | box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } 980 | 50% { 981 | -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); 982 | box-shadow: 0 0 20px rgba(255, 255, 255, 0.8); } 983 | to { 984 | -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); 985 | box-shadow: 0 0 0 rgba(255, 255, 255, 0.3); } } 986 | @-webkit-keyframes glowing-inverse { 987 | from { 988 | -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); 989 | box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } 990 | 50% { 991 | -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); 992 | box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); } 993 | to { 994 | -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); 995 | box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } } 996 | @keyframes glowing-inverse { 997 | from { 998 | -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); 999 | box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } 1000 | 50% { 1001 | -webkit-box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); 1002 | box-shadow: 0 0 20px rgba(34, 34, 34, 0.8); } 1003 | to { 1004 | -webkit-box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); 1005 | box-shadow: 0 0 0 rgba(34, 34, 34, 0.3); } } 1006 | @-webkit-keyframes glowing-action { 1007 | from { 1008 | -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); 1009 | box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } 1010 | 50% { 1011 | -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); 1012 | box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); } 1013 | to { 1014 | -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); 1015 | box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } } 1016 | @keyframes glowing-action { 1017 | from { 1018 | -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); 1019 | box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } 1020 | 50% { 1021 | -webkit-box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); 1022 | box-shadow: 0 0 20px rgba(165, 222, 55, 0.8); } 1023 | to { 1024 | -webkit-box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); 1025 | box-shadow: 0 0 0 rgba(165, 222, 55, 0.3); } } 1026 | @-webkit-keyframes glowing-highlight { 1027 | from { 1028 | -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); 1029 | box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } 1030 | 50% { 1031 | -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); 1032 | box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); } 1033 | to { 1034 | -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); 1035 | box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } } 1036 | @keyframes glowing-highlight { 1037 | from { 1038 | -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); 1039 | box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } 1040 | 50% { 1041 | -webkit-box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); 1042 | box-shadow: 0 0 20px rgba(254, 174, 27, 0.8); } 1043 | to { 1044 | -webkit-box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); 1045 | box-shadow: 0 0 0 rgba(254, 174, 27, 0.3); } } 1046 | @-webkit-keyframes glowing-caution { 1047 | from { 1048 | -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); 1049 | box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } 1050 | 50% { 1051 | -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); 1052 | box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); } 1053 | to { 1054 | -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); 1055 | box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } } 1056 | @keyframes glowing-caution { 1057 | from { 1058 | -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); 1059 | box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } 1060 | 50% { 1061 | -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); 1062 | box-shadow: 0 0 20px rgba(255, 67, 81, 0.8); } 1063 | to { 1064 | -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); 1065 | box-shadow: 0 0 0 rgba(255, 67, 81, 0.3); } } 1066 | @-webkit-keyframes glowing-royal { 1067 | from { 1068 | -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); 1069 | box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } 1070 | 50% { 1071 | -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); 1072 | box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); } 1073 | to { 1074 | -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); 1075 | box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } } 1076 | @keyframes glowing-royal { 1077 | from { 1078 | -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); 1079 | box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } 1080 | 50% { 1081 | -webkit-box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); 1082 | box-shadow: 0 0 20px rgba(123, 114, 233, 0.8); } 1083 | to { 1084 | -webkit-box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); 1085 | box-shadow: 0 0 0 rgba(123, 114, 233, 0.3); } } 1086 | /* 1087 | * Glowing Buttons Base Styes 1088 | * 1089 | * A pulse like glow that appears 1090 | * rythmically around the edges of 1091 | * a button. 1092 | */ 1093 | .button-glow { 1094 | -webkit-animation-duration: 3s; 1095 | animation-duration: 3s; 1096 | -webkit-animation-iteration-count: infinite; 1097 | animation-iteration-count: infinite; 1098 | -webkit-animation-name: glowing; 1099 | animation-name: glowing; } 1100 | .button-glow:active, .button-glow.active, .button-glow.is-active { 1101 | -webkit-animation-name: none; 1102 | animation-name: none; } 1103 | 1104 | /* 1105 | * Glowing Button Colors 1106 | * 1107 | * Create colors for glowing buttons 1108 | */ 1109 | .button-glow.button-primary { 1110 | -webkit-animation-name: glowing-primary; 1111 | animation-name: glowing-primary; } 1112 | .button-glow.button-plain { 1113 | -webkit-animation-name: glowing-plain; 1114 | animation-name: glowing-plain; } 1115 | .button-glow.button-inverse { 1116 | -webkit-animation-name: glowing-inverse; 1117 | animation-name: glowing-inverse; } 1118 | .button-glow.button-action { 1119 | -webkit-animation-name: glowing-action; 1120 | animation-name: glowing-action; } 1121 | .button-glow.button-highlight { 1122 | -webkit-animation-name: glowing-highlight; 1123 | animation-name: glowing-highlight; } 1124 | .button-glow.button-caution { 1125 | -webkit-animation-name: glowing-caution; 1126 | animation-name: glowing-caution; } 1127 | .button-glow.button-royal { 1128 | -webkit-animation-name: glowing-royal; 1129 | animation-name: glowing-royal; } 1130 | 1131 | /* 1132 | * Dropdown menu buttons 1133 | * 1134 | * A dropdown menu appears 1135 | * when a button is pressed 1136 | */ 1137 | /* 1138 | * Dropdown Container 1139 | * 1140 | */ 1141 | .button-dropdown { 1142 | position: relative; 1143 | overflow: visible; 1144 | display: inline-block; } 1145 | 1146 | /* 1147 | * Dropdown List Style 1148 | * 1149 | */ 1150 | .button-dropdown-list { 1151 | display: none; 1152 | position: absolute; 1153 | padding: 0; 1154 | margin: 0; 1155 | top: 0; 1156 | left: 0; 1157 | z-index: 1000; 1158 | min-width: 100%; 1159 | list-style-type: none; 1160 | background: rgba(255, 255, 255, 0.95); 1161 | border-style: solid; 1162 | border-width: 1px; 1163 | border-color: #d4d4d4; 1164 | font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 1165 | -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); 1166 | box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); 1167 | border-radius: 3px; 1168 | -webkit-box-sizing: border-box; 1169 | -moz-box-sizing: border-box; 1170 | box-sizing: border-box; 1171 | /* 1172 | * Dropdown Below 1173 | * 1174 | */ 1175 | /* 1176 | * Dropdown Above 1177 | * 1178 | */ } 1179 | .button-dropdown-list.is-below { 1180 | top: 100%; 1181 | border-top: none; 1182 | border-radius: 0 0 3px 3px; } 1183 | .button-dropdown-list.is-above { 1184 | bottom: 100%; 1185 | top: auto; 1186 | border-bottom: none; 1187 | border-radius: 3px 3px 0 0; 1188 | -webkit-box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); 1189 | box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2); } 1190 | 1191 | /* 1192 | * Dropdown Buttons 1193 | * 1194 | */ 1195 | .button-dropdown-list > li { 1196 | padding: 0; 1197 | margin: 0; 1198 | display: block; } 1199 | .button-dropdown-list > li > a { 1200 | display: block; 1201 | line-height: 40px; 1202 | font-size: 12.8px; 1203 | padding: 5px 10px; 1204 | float: none; 1205 | color: #666; 1206 | text-decoration: none; } 1207 | .button-dropdown-list > li > a:hover { 1208 | color: #5e5e5e; 1209 | background: #f6f6f6; 1210 | text-decoration: none; } 1211 | 1212 | .button-dropdown-divider { 1213 | border-top: 1px solid #e6e6e6; } 1214 | 1215 | /* 1216 | * Dropdown Colors 1217 | * 1218 | * Create colors for buttons 1219 | * (.button-primary, .button-secondary, etc.) 1220 | */ 1221 | .button-dropdown.button-dropdown-primary .button-dropdown-list { 1222 | background: rgba(27, 154, 247, 0.95); 1223 | border-color: #0880d7; } 1224 | .button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider { 1225 | border-color: #0888e6; } 1226 | .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a { 1227 | color: #FFF; } 1228 | .button-dropdown.button-dropdown-primary .button-dropdown-list > li > a:hover { 1229 | color: #f2f2f2; 1230 | background: #088ef0; } 1231 | .button-dropdown.button-dropdown-plain .button-dropdown-list { 1232 | background: rgba(255, 255, 255, 0.95); 1233 | border-color: #e6e6e6; } 1234 | .button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider { 1235 | border-color: #ededed; } 1236 | .button-dropdown.button-dropdown-plain .button-dropdown-list > li > a { 1237 | color: #1B9AF7; } 1238 | .button-dropdown.button-dropdown-plain .button-dropdown-list > li > a:hover { 1239 | color: #088ef0; 1240 | background: #f2f2f2; } 1241 | .button-dropdown.button-dropdown-inverse .button-dropdown-list { 1242 | background: rgba(34, 34, 34, 0.95); 1243 | border-color: #090909; } 1244 | .button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider { 1245 | border-color: #101010; } 1246 | .button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a { 1247 | color: #EEE; } 1248 | .button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a:hover { 1249 | color: #e1e1e1; 1250 | background: #151515; } 1251 | .button-dropdown.button-dropdown-action .button-dropdown-list { 1252 | background: rgba(165, 222, 55, 0.95); 1253 | border-color: #8bc220; } 1254 | .button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider { 1255 | border-color: #94cf22; } 1256 | .button-dropdown.button-dropdown-action .button-dropdown-list > li > a { 1257 | color: #FFF; } 1258 | .button-dropdown.button-dropdown-action .button-dropdown-list > li > a:hover { 1259 | color: #f2f2f2; 1260 | background: #9ad824; } 1261 | .button-dropdown.button-dropdown-highlight .button-dropdown-list { 1262 | background: rgba(254, 174, 27, 0.95); 1263 | border-color: #e59501; } 1264 | .button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider { 1265 | border-color: #f49f01; } 1266 | .button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a { 1267 | color: #FFF; } 1268 | .button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a:hover { 1269 | color: #f2f2f2; 1270 | background: #fea502; } 1271 | .button-dropdown.button-dropdown-caution .button-dropdown-list { 1272 | background: rgba(255, 67, 81, 0.95); 1273 | border-color: #ff1022; } 1274 | .button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider { 1275 | border-color: #ff1f30; } 1276 | .button-dropdown.button-dropdown-caution .button-dropdown-list > li > a { 1277 | color: #FFF; } 1278 | .button-dropdown.button-dropdown-caution .button-dropdown-list > li > a:hover { 1279 | color: #f2f2f2; 1280 | background: #ff2939; } 1281 | .button-dropdown.button-dropdown-royal .button-dropdown-list { 1282 | background: rgba(123, 114, 233, 0.95); 1283 | border-color: #5246e2; } 1284 | .button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider { 1285 | border-color: #5e53e4; } 1286 | .button-dropdown.button-dropdown-royal .button-dropdown-list > li > a { 1287 | color: #FFF; } 1288 | .button-dropdown.button-dropdown-royal .button-dropdown-list > li > a:hover { 1289 | color: #f2f2f2; 1290 | background: #665ce6; } 1291 | 1292 | /* 1293 | * Buton Groups 1294 | * 1295 | * A group of related buttons 1296 | * displayed edge to edge 1297 | */ 1298 | .button-group { 1299 | position: relative; 1300 | display: inline-block; } 1301 | .button-group:after { 1302 | content: " "; 1303 | display: block; 1304 | clear: both; } 1305 | .button-group .button, 1306 | .button-group .button-dropdown { 1307 | float: left; } 1308 | .button-group .button:not(:first-child):not(:last-child), 1309 | .button-group .button-dropdown:not(:first-child):not(:last-child) { 1310 | border-radius: 0; 1311 | border-right: none; } 1312 | .button-group .button:first-child, 1313 | .button-group .button-dropdown:first-child { 1314 | border-top-right-radius: 0; 1315 | border-bottom-right-radius: 0; 1316 | border-right: none; } 1317 | .button-group .button:last-child, 1318 | .button-group .button-dropdown:last-child { 1319 | border-top-left-radius: 0; 1320 | border-bottom-left-radius: 0; } 1321 | 1322 | /* 1323 | * Button Wrapper 1324 | * 1325 | * A wrap around effect to highlight 1326 | * the shape of the button and offer 1327 | * a subtle visual effect. 1328 | */ 1329 | .button-wrap { 1330 | border: 1px solid #e3e3e3; 1331 | display: inline-block; 1332 | padding: 9px; 1333 | background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#FFF)); 1334 | background: linear-gradient(#f2f2f2, #FFF); 1335 | border-radius: 200px; 1336 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); 1337 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04); } 1338 | 1339 | /* 1340 | * Long Shadow Buttons 1341 | * 1342 | * A visual effect adding a flat shadow to the text of a button 1343 | */ 1344 | /* 1345 | * Long Shadow Function 1346 | * 1347 | * Loops $length times building a long shadow. Defaults downward right 1348 | */ 1349 | /* 1350 | * LONG SHADOW MIXIN 1351 | * 1352 | */ 1353 | /* 1354 | * Shadow Right 1355 | * 1356 | */ 1357 | .button-longshadow, 1358 | .button-longshadow-right { 1359 | overflow: hidden; } 1360 | .button-longshadow.button-primary, 1361 | .button-longshadow-right.button-primary { 1362 | text-shadow: 0px 0px #0880d7, 1px 1px #0880d7, 2px 2px #0880d7, 3px 3px #0880d7, 4px 4px #0880d7, 5px 5px #0880d7, 6px 6px #0880d7, 7px 7px #0880d7, 8px 8px #0880d7, 9px 9px #0880d7, 10px 10px #0880d7, 11px 11px #0880d7, 12px 12px #0880d7, 13px 13px #0880d7, 14px 14px #0880d7, 15px 15px #0880d7, 16px 16px #0880d7, 17px 17px #0880d7, 18px 18px #0880d7, 19px 19px #0880d7, 20px 20px #0880d7, 21px 21px #0880d7, 22px 22px #0880d7, 23px 23px #0880d7, 24px 24px #0880d7, 25px 25px #0880d7, 26px 26px #0880d7, 27px 27px #0880d7, 28px 28px #0880d7, 29px 29px #0880d7, 30px 30px #0880d7, 31px 31px #0880d7, 32px 32px #0880d7, 33px 33px #0880d7, 34px 34px #0880d7, 35px 35px #0880d7, 36px 36px #0880d7, 37px 37px #0880d7, 38px 38px #0880d7, 39px 39px #0880d7, 40px 40px #0880d7, 41px 41px #0880d7, 42px 42px #0880d7, 43px 43px #0880d7, 44px 44px #0880d7, 45px 45px #0880d7, 46px 46px #0880d7, 47px 47px #0880d7, 48px 48px #0880d7, 49px 49px #0880d7, 50px 50px #0880d7, 51px 51px #0880d7, 52px 52px #0880d7, 53px 53px #0880d7, 54px 54px #0880d7, 55px 55px #0880d7, 56px 56px #0880d7, 57px 57px #0880d7, 58px 58px #0880d7, 59px 59px #0880d7, 60px 60px #0880d7, 61px 61px #0880d7, 62px 62px #0880d7, 63px 63px #0880d7, 64px 64px #0880d7, 65px 65px #0880d7, 66px 66px #0880d7, 67px 67px #0880d7, 68px 68px #0880d7, 69px 69px #0880d7, 70px 70px #0880d7, 71px 71px #0880d7, 72px 72px #0880d7, 73px 73px #0880d7, 74px 74px #0880d7, 75px 75px #0880d7, 76px 76px #0880d7, 77px 77px #0880d7, 78px 78px #0880d7, 79px 79px #0880d7, 80px 80px #0880d7, 81px 81px #0880d7, 82px 82px #0880d7, 83px 83px #0880d7, 84px 84px #0880d7, 85px 85px #0880d7; } 1363 | .button-longshadow.button-primary:active, .button-longshadow.button-primary.active, .button-longshadow.button-primary.is-active, 1364 | .button-longshadow-right.button-primary:active, 1365 | .button-longshadow-right.button-primary.active, 1366 | .button-longshadow-right.button-primary.is-active { 1367 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1368 | .button-longshadow.button-plain, 1369 | .button-longshadow-right.button-plain { 1370 | text-shadow: 0px 0px #e6e6e6, 1px 1px #e6e6e6, 2px 2px #e6e6e6, 3px 3px #e6e6e6, 4px 4px #e6e6e6, 5px 5px #e6e6e6, 6px 6px #e6e6e6, 7px 7px #e6e6e6, 8px 8px #e6e6e6, 9px 9px #e6e6e6, 10px 10px #e6e6e6, 11px 11px #e6e6e6, 12px 12px #e6e6e6, 13px 13px #e6e6e6, 14px 14px #e6e6e6, 15px 15px #e6e6e6, 16px 16px #e6e6e6, 17px 17px #e6e6e6, 18px 18px #e6e6e6, 19px 19px #e6e6e6, 20px 20px #e6e6e6, 21px 21px #e6e6e6, 22px 22px #e6e6e6, 23px 23px #e6e6e6, 24px 24px #e6e6e6, 25px 25px #e6e6e6, 26px 26px #e6e6e6, 27px 27px #e6e6e6, 28px 28px #e6e6e6, 29px 29px #e6e6e6, 30px 30px #e6e6e6, 31px 31px #e6e6e6, 32px 32px #e6e6e6, 33px 33px #e6e6e6, 34px 34px #e6e6e6, 35px 35px #e6e6e6, 36px 36px #e6e6e6, 37px 37px #e6e6e6, 38px 38px #e6e6e6, 39px 39px #e6e6e6, 40px 40px #e6e6e6, 41px 41px #e6e6e6, 42px 42px #e6e6e6, 43px 43px #e6e6e6, 44px 44px #e6e6e6, 45px 45px #e6e6e6, 46px 46px #e6e6e6, 47px 47px #e6e6e6, 48px 48px #e6e6e6, 49px 49px #e6e6e6, 50px 50px #e6e6e6, 51px 51px #e6e6e6, 52px 52px #e6e6e6, 53px 53px #e6e6e6, 54px 54px #e6e6e6, 55px 55px #e6e6e6, 56px 56px #e6e6e6, 57px 57px #e6e6e6, 58px 58px #e6e6e6, 59px 59px #e6e6e6, 60px 60px #e6e6e6, 61px 61px #e6e6e6, 62px 62px #e6e6e6, 63px 63px #e6e6e6, 64px 64px #e6e6e6, 65px 65px #e6e6e6, 66px 66px #e6e6e6, 67px 67px #e6e6e6, 68px 68px #e6e6e6, 69px 69px #e6e6e6, 70px 70px #e6e6e6, 71px 71px #e6e6e6, 72px 72px #e6e6e6, 73px 73px #e6e6e6, 74px 74px #e6e6e6, 75px 75px #e6e6e6, 76px 76px #e6e6e6, 77px 77px #e6e6e6, 78px 78px #e6e6e6, 79px 79px #e6e6e6, 80px 80px #e6e6e6, 81px 81px #e6e6e6, 82px 82px #e6e6e6, 83px 83px #e6e6e6, 84px 84px #e6e6e6, 85px 85px #e6e6e6; } 1371 | .button-longshadow.button-plain:active, .button-longshadow.button-plain.active, .button-longshadow.button-plain.is-active, 1372 | .button-longshadow-right.button-plain:active, 1373 | .button-longshadow-right.button-plain.active, 1374 | .button-longshadow-right.button-plain.is-active { 1375 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1376 | .button-longshadow.button-inverse, 1377 | .button-longshadow-right.button-inverse { 1378 | text-shadow: 0px 0px #090909, 1px 1px #090909, 2px 2px #090909, 3px 3px #090909, 4px 4px #090909, 5px 5px #090909, 6px 6px #090909, 7px 7px #090909, 8px 8px #090909, 9px 9px #090909, 10px 10px #090909, 11px 11px #090909, 12px 12px #090909, 13px 13px #090909, 14px 14px #090909, 15px 15px #090909, 16px 16px #090909, 17px 17px #090909, 18px 18px #090909, 19px 19px #090909, 20px 20px #090909, 21px 21px #090909, 22px 22px #090909, 23px 23px #090909, 24px 24px #090909, 25px 25px #090909, 26px 26px #090909, 27px 27px #090909, 28px 28px #090909, 29px 29px #090909, 30px 30px #090909, 31px 31px #090909, 32px 32px #090909, 33px 33px #090909, 34px 34px #090909, 35px 35px #090909, 36px 36px #090909, 37px 37px #090909, 38px 38px #090909, 39px 39px #090909, 40px 40px #090909, 41px 41px #090909, 42px 42px #090909, 43px 43px #090909, 44px 44px #090909, 45px 45px #090909, 46px 46px #090909, 47px 47px #090909, 48px 48px #090909, 49px 49px #090909, 50px 50px #090909, 51px 51px #090909, 52px 52px #090909, 53px 53px #090909, 54px 54px #090909, 55px 55px #090909, 56px 56px #090909, 57px 57px #090909, 58px 58px #090909, 59px 59px #090909, 60px 60px #090909, 61px 61px #090909, 62px 62px #090909, 63px 63px #090909, 64px 64px #090909, 65px 65px #090909, 66px 66px #090909, 67px 67px #090909, 68px 68px #090909, 69px 69px #090909, 70px 70px #090909, 71px 71px #090909, 72px 72px #090909, 73px 73px #090909, 74px 74px #090909, 75px 75px #090909, 76px 76px #090909, 77px 77px #090909, 78px 78px #090909, 79px 79px #090909, 80px 80px #090909, 81px 81px #090909, 82px 82px #090909, 83px 83px #090909, 84px 84px #090909, 85px 85px #090909; } 1379 | .button-longshadow.button-inverse:active, .button-longshadow.button-inverse.active, .button-longshadow.button-inverse.is-active, 1380 | .button-longshadow-right.button-inverse:active, 1381 | .button-longshadow-right.button-inverse.active, 1382 | .button-longshadow-right.button-inverse.is-active { 1383 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1384 | .button-longshadow.button-action, 1385 | .button-longshadow-right.button-action { 1386 | text-shadow: 0px 0px #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220; } 1387 | .button-longshadow.button-action:active, .button-longshadow.button-action.active, .button-longshadow.button-action.is-active, 1388 | .button-longshadow-right.button-action:active, 1389 | .button-longshadow-right.button-action.active, 1390 | .button-longshadow-right.button-action.is-active { 1391 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1392 | .button-longshadow.button-highlight, 1393 | .button-longshadow-right.button-highlight { 1394 | text-shadow: 0px 0px #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501; } 1395 | .button-longshadow.button-highlight:active, .button-longshadow.button-highlight.active, .button-longshadow.button-highlight.is-active, 1396 | .button-longshadow-right.button-highlight:active, 1397 | .button-longshadow-right.button-highlight.active, 1398 | .button-longshadow-right.button-highlight.is-active { 1399 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1400 | .button-longshadow.button-caution, 1401 | .button-longshadow-right.button-caution { 1402 | text-shadow: 0px 0px #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022; } 1403 | .button-longshadow.button-caution:active, .button-longshadow.button-caution.active, .button-longshadow.button-caution.is-active, 1404 | .button-longshadow-right.button-caution:active, 1405 | .button-longshadow-right.button-caution.active, 1406 | .button-longshadow-right.button-caution.is-active { 1407 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1408 | .button-longshadow.button-royal, 1409 | .button-longshadow-right.button-royal { 1410 | text-shadow: 0px 0px #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2; } 1411 | .button-longshadow.button-royal:active, .button-longshadow.button-royal.active, .button-longshadow.button-royal.is-active, 1412 | .button-longshadow-right.button-royal:active, 1413 | .button-longshadow-right.button-royal.active, 1414 | .button-longshadow-right.button-royal.is-active { 1415 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1416 | 1417 | /* 1418 | * Shadow Left 1419 | * 1420 | */ 1421 | .button-longshadow-left { 1422 | overflow: hidden; } 1423 | .button-longshadow-left.button-primary { 1424 | text-shadow: 0px 0px #0880d7, -1px 1px #0880d7, -2px 2px #0880d7, -3px 3px #0880d7, -4px 4px #0880d7, -5px 5px #0880d7, -6px 6px #0880d7, -7px 7px #0880d7, -8px 8px #0880d7, -9px 9px #0880d7, -10px 10px #0880d7, -11px 11px #0880d7, -12px 12px #0880d7, -13px 13px #0880d7, -14px 14px #0880d7, -15px 15px #0880d7, -16px 16px #0880d7, -17px 17px #0880d7, -18px 18px #0880d7, -19px 19px #0880d7, -20px 20px #0880d7, -21px 21px #0880d7, -22px 22px #0880d7, -23px 23px #0880d7, -24px 24px #0880d7, -25px 25px #0880d7, -26px 26px #0880d7, -27px 27px #0880d7, -28px 28px #0880d7, -29px 29px #0880d7, -30px 30px #0880d7, -31px 31px #0880d7, -32px 32px #0880d7, -33px 33px #0880d7, -34px 34px #0880d7, -35px 35px #0880d7, -36px 36px #0880d7, -37px 37px #0880d7, -38px 38px #0880d7, -39px 39px #0880d7, -40px 40px #0880d7, -41px 41px #0880d7, -42px 42px #0880d7, -43px 43px #0880d7, -44px 44px #0880d7, -45px 45px #0880d7, -46px 46px #0880d7, -47px 47px #0880d7, -48px 48px #0880d7, -49px 49px #0880d7, -50px 50px #0880d7, -51px 51px #0880d7, -52px 52px #0880d7, -53px 53px #0880d7, -54px 54px #0880d7, -55px 55px #0880d7, -56px 56px #0880d7, -57px 57px #0880d7, -58px 58px #0880d7, -59px 59px #0880d7, -60px 60px #0880d7, -61px 61px #0880d7, -62px 62px #0880d7, -63px 63px #0880d7, -64px 64px #0880d7, -65px 65px #0880d7, -66px 66px #0880d7, -67px 67px #0880d7, -68px 68px #0880d7, -69px 69px #0880d7, -70px 70px #0880d7, -71px 71px #0880d7, -72px 72px #0880d7, -73px 73px #0880d7, -74px 74px #0880d7, -75px 75px #0880d7, -76px 76px #0880d7, -77px 77px #0880d7, -78px 78px #0880d7, -79px 79px #0880d7, -80px 80px #0880d7, -81px 81px #0880d7, -82px 82px #0880d7, -83px 83px #0880d7, -84px 84px #0880d7, -85px 85px #0880d7; } 1425 | .button-longshadow-left.button-primary:active, .button-longshadow-left.button-primary.active, .button-longshadow-left.button-primary.is-active { 1426 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1427 | .button-longshadow-left.button-plain { 1428 | text-shadow: 0px 0px #e6e6e6, -1px 1px #e6e6e6, -2px 2px #e6e6e6, -3px 3px #e6e6e6, -4px 4px #e6e6e6, -5px 5px #e6e6e6, -6px 6px #e6e6e6, -7px 7px #e6e6e6, -8px 8px #e6e6e6, -9px 9px #e6e6e6, -10px 10px #e6e6e6, -11px 11px #e6e6e6, -12px 12px #e6e6e6, -13px 13px #e6e6e6, -14px 14px #e6e6e6, -15px 15px #e6e6e6, -16px 16px #e6e6e6, -17px 17px #e6e6e6, -18px 18px #e6e6e6, -19px 19px #e6e6e6, -20px 20px #e6e6e6, -21px 21px #e6e6e6, -22px 22px #e6e6e6, -23px 23px #e6e6e6, -24px 24px #e6e6e6, -25px 25px #e6e6e6, -26px 26px #e6e6e6, -27px 27px #e6e6e6, -28px 28px #e6e6e6, -29px 29px #e6e6e6, -30px 30px #e6e6e6, -31px 31px #e6e6e6, -32px 32px #e6e6e6, -33px 33px #e6e6e6, -34px 34px #e6e6e6, -35px 35px #e6e6e6, -36px 36px #e6e6e6, -37px 37px #e6e6e6, -38px 38px #e6e6e6, -39px 39px #e6e6e6, -40px 40px #e6e6e6, -41px 41px #e6e6e6, -42px 42px #e6e6e6, -43px 43px #e6e6e6, -44px 44px #e6e6e6, -45px 45px #e6e6e6, -46px 46px #e6e6e6, -47px 47px #e6e6e6, -48px 48px #e6e6e6, -49px 49px #e6e6e6, -50px 50px #e6e6e6, -51px 51px #e6e6e6, -52px 52px #e6e6e6, -53px 53px #e6e6e6, -54px 54px #e6e6e6, -55px 55px #e6e6e6, -56px 56px #e6e6e6, -57px 57px #e6e6e6, -58px 58px #e6e6e6, -59px 59px #e6e6e6, -60px 60px #e6e6e6, -61px 61px #e6e6e6, -62px 62px #e6e6e6, -63px 63px #e6e6e6, -64px 64px #e6e6e6, -65px 65px #e6e6e6, -66px 66px #e6e6e6, -67px 67px #e6e6e6, -68px 68px #e6e6e6, -69px 69px #e6e6e6, -70px 70px #e6e6e6, -71px 71px #e6e6e6, -72px 72px #e6e6e6, -73px 73px #e6e6e6, -74px 74px #e6e6e6, -75px 75px #e6e6e6, -76px 76px #e6e6e6, -77px 77px #e6e6e6, -78px 78px #e6e6e6, -79px 79px #e6e6e6, -80px 80px #e6e6e6, -81px 81px #e6e6e6, -82px 82px #e6e6e6, -83px 83px #e6e6e6, -84px 84px #e6e6e6, -85px 85px #e6e6e6; } 1429 | .button-longshadow-left.button-plain:active, .button-longshadow-left.button-plain.active, .button-longshadow-left.button-plain.is-active { 1430 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1431 | .button-longshadow-left.button-inverse { 1432 | text-shadow: 0px 0px #090909, -1px 1px #090909, -2px 2px #090909, -3px 3px #090909, -4px 4px #090909, -5px 5px #090909, -6px 6px #090909, -7px 7px #090909, -8px 8px #090909, -9px 9px #090909, -10px 10px #090909, -11px 11px #090909, -12px 12px #090909, -13px 13px #090909, -14px 14px #090909, -15px 15px #090909, -16px 16px #090909, -17px 17px #090909, -18px 18px #090909, -19px 19px #090909, -20px 20px #090909, -21px 21px #090909, -22px 22px #090909, -23px 23px #090909, -24px 24px #090909, -25px 25px #090909, -26px 26px #090909, -27px 27px #090909, -28px 28px #090909, -29px 29px #090909, -30px 30px #090909, -31px 31px #090909, -32px 32px #090909, -33px 33px #090909, -34px 34px #090909, -35px 35px #090909, -36px 36px #090909, -37px 37px #090909, -38px 38px #090909, -39px 39px #090909, -40px 40px #090909, -41px 41px #090909, -42px 42px #090909, -43px 43px #090909, -44px 44px #090909, -45px 45px #090909, -46px 46px #090909, -47px 47px #090909, -48px 48px #090909, -49px 49px #090909, -50px 50px #090909, -51px 51px #090909, -52px 52px #090909, -53px 53px #090909, -54px 54px #090909, -55px 55px #090909, -56px 56px #090909, -57px 57px #090909, -58px 58px #090909, -59px 59px #090909, -60px 60px #090909, -61px 61px #090909, -62px 62px #090909, -63px 63px #090909, -64px 64px #090909, -65px 65px #090909, -66px 66px #090909, -67px 67px #090909, -68px 68px #090909, -69px 69px #090909, -70px 70px #090909, -71px 71px #090909, -72px 72px #090909, -73px 73px #090909, -74px 74px #090909, -75px 75px #090909, -76px 76px #090909, -77px 77px #090909, -78px 78px #090909, -79px 79px #090909, -80px 80px #090909, -81px 81px #090909, -82px 82px #090909, -83px 83px #090909, -84px 84px #090909, -85px 85px #090909; } 1433 | .button-longshadow-left.button-inverse:active, .button-longshadow-left.button-inverse.active, .button-longshadow-left.button-inverse.is-active { 1434 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1435 | .button-longshadow-left.button-action { 1436 | text-shadow: 0px 0px #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220; } 1437 | .button-longshadow-left.button-action:active, .button-longshadow-left.button-action.active, .button-longshadow-left.button-action.is-active { 1438 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1439 | .button-longshadow-left.button-highlight { 1440 | text-shadow: 0px 0px #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501; } 1441 | .button-longshadow-left.button-highlight:active, .button-longshadow-left.button-highlight.active, .button-longshadow-left.button-highlight.is-active { 1442 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1443 | .button-longshadow-left.button-caution { 1444 | text-shadow: 0px 0px #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022; } 1445 | .button-longshadow-left.button-caution:active, .button-longshadow-left.button-caution.active, .button-longshadow-left.button-caution.is-active { 1446 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1447 | .button-longshadow-left.button-royal { 1448 | text-shadow: 0px 0px #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2; } 1449 | .button-longshadow-left.button-royal:active, .button-longshadow-left.button-royal.active, .button-longshadow-left.button-royal.is-active { 1450 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } 1451 | 1452 | /* 1453 | * Button Sizes 1454 | * 1455 | * This file creates the various button sizes 1456 | * (ex. .button-large, .button-small, etc.) 1457 | */ 1458 | .button-giant { 1459 | font-size: 28px; 1460 | height: 70px; 1461 | line-height: 70px; 1462 | padding: 0 70px; } 1463 | 1464 | .button-jumbo { 1465 | font-size: 24px; 1466 | height: 60px; 1467 | line-height: 60px; 1468 | padding: 0 60px; } 1469 | 1470 | .button-large { 1471 | font-size: 20px; 1472 | height: 50px; 1473 | line-height: 50px; 1474 | padding: 0 50px; } 1475 | 1476 | .button-normal { 1477 | font-size: 16px; 1478 | height: 40px; 1479 | line-height: 40px; 1480 | padding: 0 40px; } 1481 | 1482 | .button-small { 1483 | font-size: 12px; 1484 | height: 30px; 1485 | line-height: 30px; 1486 | padding: 0 30px; } 1487 | 1488 | .button-tiny { 1489 | font-size: 9.6px; 1490 | height: 24px; 1491 | line-height: 24px; 1492 | padding: 0 24px; } 1493 | --------------------------------------------------------------------------------