├── .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 |
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 |
--------------------------------------------------------------------------------