metro-ui-rails-cn 0.1.5 → 0.1.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,10 @@
1
+ Icon Set: Broccolidry -- http://dribbble.com/shots/587469-Free-16px-Broccolidryiconsaniconsetitisfullof-icons
2
+ License: Aribitrary -- http://licence.visualidiot.com/
3
+
4
+
5
+ Icon Set: Meteocons -- http://www.alessioatzeni.com/meteocons/
6
+ License: Arbitrary -- http://www.alessioatzeni.com/meteocons/#about
7
+
8
+
9
+ Icon Set: IcoMoon - Free -- http://keyamoon.com/icomoon/
10
+ License: CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
@@ -0,0 +1,248 @@
1
+ /**
2
+ * Slider - jQuery plugin for MetroUiCss framework
3
+ *
4
+ * there is "change" event triggering when marker moving
5
+ * and "changed" event when stop moving
6
+ *
7
+ * you may use this code to handle events:
8
+
9
+ $(window).ready(function(){
10
+ $('.slider').on('change', function(e, val){
11
+ console.log('change to ' + val);
12
+ }).on('changed', function(e, val){
13
+ console.log('changed to ' + val);
14
+ });
15
+ });
16
+
17
+ * and this, to retrieve value
18
+
19
+ $('.slider').data('value')
20
+
21
+ *
22
+ */
23
+
24
+ (function($) {
25
+
26
+ $.slider = function(element, options) {
27
+
28
+ // default settings
29
+ var defaults = {
30
+ // start value of slider
31
+ initValue: 0,
32
+ // accuracy
33
+ accuracy: 1
34
+ };
35
+
36
+ var plugin = this;
37
+ plugin.settings = {};
38
+
39
+ var $element = $(element); // reference to the jQuery version of DOM element
40
+
41
+ var complete, // complete part element
42
+ marker, // marker element
43
+ currentValuePerc, // current percents count
44
+ sliderLength,
45
+ sliderOffset,
46
+ sliderStart,
47
+ sliderEnd,
48
+ percentPerPixel,
49
+ markerSize,
50
+ vertical = false;
51
+
52
+ // initialization
53
+ plugin.init = function () {
54
+
55
+ plugin.settings = $.extend({}, defaults, options);
56
+
57
+ // create inside elements
58
+ complete = $('<div class="complete"></div>');
59
+ marker = $('<div class="marker"></div>');
60
+
61
+ complete.appendTo($element);
62
+ marker.appendTo($element);
63
+
64
+ vertical = $element.hasClass('vertical');
65
+
66
+ initGeometry();
67
+
68
+ // start value
69
+ currentValuePerc = correctValuePerc(plugin.settings.initValue);
70
+ placeMarkerByPerc(currentValuePerc);
71
+
72
+ // init marker handler
73
+ marker.on('mousedown', function (e) {
74
+ e.preventDefault();
75
+ startMoveMarker();
76
+ });
77
+
78
+ $element.on('click', function (event) {
79
+ initGeometry();
80
+ movingMarker(event);
81
+ $element.trigger('changed', [currentValuePerc]);
82
+ });
83
+
84
+ };
85
+
86
+ /**
87
+ * correct percents using "accuracy" parameter
88
+ */
89
+ var correctValuePerc = function (value) {
90
+ var accuracy = plugin.settings.accuracy;
91
+ if (accuracy === 0) {
92
+ return value;
93
+ }
94
+ if (value === 100) {
95
+ return 100;
96
+ }
97
+ value = Math.floor(value / accuracy) * accuracy + Math.round(value % accuracy / accuracy) * accuracy;
98
+ if (value > 100) {
99
+ return 100;
100
+ }
101
+ return value;
102
+ };
103
+
104
+ /**
105
+ * convert pixels to percents
106
+ */
107
+ var pixToPerc = function (valuePix) {
108
+ var valuePerc;
109
+ valuePerc = valuePix * percentPerPixel;
110
+ return correctValuePerc(valuePerc);
111
+ };
112
+
113
+ /**
114
+ * convert percents to pixels
115
+ */
116
+ var percToPix = function (value) {
117
+ if (percentPerPixel === 0) {
118
+ return 0;
119
+ }
120
+ return value / percentPerPixel;
121
+ };
122
+
123
+ /**
124
+ * place marker
125
+ */
126
+ var placeMarkerByPerc = function (valuePerc) {
127
+ var size, size2;
128
+
129
+ if (vertical) {
130
+ size = percToPix(valuePerc) + markerSize;
131
+ size2 = sliderLength - size;
132
+ marker.css('top', size2);
133
+ complete.css('height', size);
134
+ } else {
135
+ size = percToPix(valuePerc);
136
+ marker.css('left', size);
137
+ complete.css('width', size);
138
+ }
139
+
140
+ };
141
+
142
+ /**
143
+ * when mousedown on marker
144
+ */
145
+ var startMoveMarker = function () {
146
+ // register event handlers
147
+ $(document).on('mousemove.sliderMarker', function (event) {
148
+ movingMarker(event);
149
+ });
150
+ $(document).on('mouseup.sliderMarker', function () {
151
+ $(document).off('mousemove.sliderMarker');
152
+ $(document).off('mouseup.sliderMarker');
153
+ $element.data('value', currentValuePerc);
154
+ $element.trigger('changed', [currentValuePerc]);
155
+ });
156
+
157
+ initGeometry();
158
+ };
159
+
160
+ /**
161
+ * some geometry slider parameters
162
+ */
163
+ var initGeometry = function () {
164
+ if (vertical) {
165
+ sliderLength = $element.height(); // slider element length
166
+ sliderOffset = $element.offset().top; // offset relative to document edge
167
+ markerSize = marker.height();
168
+ } else {
169
+ sliderLength = $element.width();
170
+ sliderOffset = $element.offset().left;
171
+ markerSize = marker.width();
172
+
173
+ }
174
+
175
+ percentPerPixel = 100 / (sliderLength - markerSize); // it depends on slider element size
176
+ sliderStart = markerSize / 2;
177
+ sliderEnd = sliderLength - markerSize / 2;
178
+ };
179
+
180
+ /**
181
+ * moving marker
182
+ */
183
+ var movingMarker = function (event) {
184
+ var cursorPos,
185
+ percents,
186
+ valuePix;
187
+
188
+ // cursor position relative to slider start point
189
+ if (vertical) {
190
+ cursorPos = event.pageY - sliderOffset;
191
+ } else {
192
+ cursorPos = event.pageX - sliderOffset;
193
+ }
194
+
195
+ // if outside
196
+ if (cursorPos < sliderStart) {
197
+ cursorPos = sliderStart;
198
+ } else if (cursorPos > sliderEnd) {
199
+ cursorPos = sliderEnd;
200
+ }
201
+
202
+ // get pixels count
203
+ if (vertical) {
204
+ valuePix = sliderLength - cursorPos - markerSize / 2;
205
+ } else {
206
+ valuePix = cursorPos - markerSize / 2;
207
+ }
208
+
209
+ // convert to percent
210
+ percents = pixToPerc(valuePix);
211
+
212
+ // place marker
213
+ placeMarkerByPerc(percents);
214
+
215
+ currentValuePerc = percents;
216
+
217
+ $element.trigger('change', [currentValuePerc]);
218
+ };
219
+
220
+
221
+ plugin.init();
222
+
223
+ };
224
+
225
+ $.fn.slider = function(options) {
226
+ return this.each(function() {
227
+ if (undefined == $(this).data('slider')) {
228
+ var plugin = new $.slider(this, options);
229
+ $(this).data('slider', plugin);
230
+ }
231
+ });
232
+ };
233
+
234
+
235
+ })(jQuery);
236
+
237
+
238
+ $(window).ready(function(){
239
+ var allsliders = $('[data-role=slider], .slider');
240
+ allsliders.each(function (index, slider) {
241
+ var params = {};
242
+ $slider = $(slider);
243
+ params.initValue = $slider.data('paramInitValue');
244
+ params.accuracy = $slider.data('paramAccuracy');
245
+
246
+ $slider.slider(params);
247
+ });
248
+ });
@@ -183,7 +183,7 @@ $.easing.doubleSqrt = function(t, millisecondsSince, startValue, endValue, total
183
183
 
184
184
 
185
185
  $(window).ready(function(){
186
- var slidedTiles = $('[data-role=slider], .block-slider');
186
+ var slidedTiles = $('[data-role=tile-slider], .block-slider, .tile-slider');
187
187
  slidedTiles.each(function (index, tile) {
188
188
  var params = {};
189
189
  tile = $(tile);
@@ -42,6 +42,8 @@
42
42
 
43
43
  button, .button {
44
44
  #font > .control;
45
+ min-width: 90px;
46
+ min-height: 32px;
45
47
  height: 32px;
46
48
  background-color: #ccc;
47
49
  border: 1px transparent solid;
@@ -87,13 +89,10 @@ button, .button {
87
89
  }
88
90
 
89
91
  button, .button, .tool-button {
90
- [class*=icon-] {
91
- background-size: cover;
92
- zoom: 1;
93
- }
94
92
 
95
93
  &.mini {
96
94
  min-height: 24px;
95
+ min-width: 24px;
97
96
  height: 26px;
98
97
  font-size: .8em;
99
98
 
@@ -116,7 +115,6 @@ button, .button, .tool-button {
116
115
  .tool-button {
117
116
  [class*=icon-] {
118
117
  margin-top: 2px !important;
119
- margin-left: 7px !important;
120
118
  }
121
119
 
122
120
  &.mini {
@@ -175,10 +173,6 @@ button, .button, .tool-button {
175
173
  top: 8px;
176
174
  left: 8px;
177
175
  }
178
-
179
- [class*=icon-] {
180
- margin-left: 8px;
181
- }
182
176
  }
183
177
 
184
178
  .toolbar {
@@ -88,3 +88,23 @@
88
88
  .border-color-darken {border-color: @darken !important;}
89
89
  .border-color-white {border-color: @white !important;}
90
90
  .border-color-grayDark {border-color: @grayDark !important;}
91
+
92
+ *:hover[class=outline-color] {
93
+ outline: 3px solid;
94
+ }
95
+ .outline-color-blue {outline-color: @blue !important;}
96
+ .outline-color-blueLight {outline-color: @blueLight !important;}
97
+ .outline-color-blueDark {outline-color: @blueDark !important;}
98
+ .outline-color-green {outline-color: @green !important;}
99
+ .outline-color-greenLight {outline-color: @greenLight !important;}
100
+ .outline-color-greenDark {outline-color: @greenDark !important;}
101
+ .outline-color-red {outline-color: @red !important;}
102
+ .outline-color-yellow {outline-color: @yellow !important;}
103
+ .outline-color-orange {outline-color: @orange !important;}
104
+ .outline-color-orangeDark {outline-color: @orangeDark !important;}
105
+ .outline-color-pink {outline-color: @pink !important;}
106
+ .outline-color-pinkDark {outline-color: @pinkDark !important;}
107
+ .outline-color-purple {outline-color: @purple !important;}
108
+ .outline-color-darken {outline-color: @darken !important;}
109
+ .outline-color-white {outline-color: @white !important;}
110
+ .outline-color-grayDark {outline-color: @grayDark !important;}
@@ -1,326 +1,376 @@
1
1
  /*
2
- * Metro UI CSS
3
- * Copyright 2012 Sergey Pimenov
4
- * Licensed under the MIT Lilcense
5
- *
6
- * Icons.less
7
- */
2
+ Icon Set: Broccolidry -- http://dribbble.com/shots/587469-Free-16px-Broccolidryiconsaniconsetitisfullof-icons
3
+ License: Aribitrary -- http://licence.visualidiot.com/
8
4
 
9
- @icons_black: image-url("metro-ui-css/icons.png");
10
- @icons_white: image-url("metro-ui-css/icons-white.png");
11
5
 
12
- [class*=icon-] {
13
- background-image: @icons_black;
14
- background-repeat: no-repeat;
15
- display: inline-block;
16
- float: left;
17
- margin-right: 10px;
18
- margin-left: 0;
6
+ Icon Set: Meteocons -- http://www.alessioatzeni.com/meteocons/
7
+ License: Arbitrary -- http://www.alessioatzeni.com/meteocons/#about
19
8
 
20
- &.right, &.place-right {
21
- float: right !important;
22
- margin-left: 10px;
23
- margin-right: 0;
24
- }
25
9
 
26
- &.white {
27
- background-image: @icons_white !important;
28
- }
10
+ Icon Set: IcoMoon - Free -- http://keyamoon.com/icomoon/
11
+ License: CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
12
+ */
13
+
14
+ @font-face {
15
+ font-family: 'iconFont';
16
+ src:asset-url("metro-ui-css/fonts/iconFont.eot");
17
+ src:asset-url("metro-ui-css/fonts/iconFont.eot?#iefix") format('embedded-opentype'),
18
+ asset-url("metro-ui-css/fonts/iconFont.svg#iconFont") format('svg'),
19
+ asset-url("metro-ui-css/fonts/iconFont.woff") format('woff'),
20
+ asset-url("metro-ui-css/fonts/iconFont.ttf") format('truetype');
21
+ font-weight: normal;
22
+ font-style: normal;
23
+ }
24
+
25
+ /* Use the following CSS code if you want to use data attributes for inserting your icons */
26
+ [data-icon]:before {
27
+ font-family: 'iconFont';
28
+ content: attr(data-icon);
29
+ speak: none;
30
+ font-weight: normal;
31
+ -webkit-font-smoothing: antialiased;
29
32
  }
30
33
 
31
- button, .button, .tool-button {
32
- &:active [class*=icon-] {
33
- background-image: @icons_white;
34
- }
34
+ /* Use the following CSS code if you want to have a class per icon */
35
+ [class^="icon-"]:before, [class*=" icon-"]:before {
36
+ font-family: 'iconFont';
37
+ font-style: normal;
38
+ speak: none;
39
+ font-weight: normal;
40
+ -webkit-font-smoothing: antialiased;
35
41
  }
36
42
 
37
- // App icons
38
- .icon-about{background-position: 0 0; width: 16px; height: 16px; }
39
- .icon-access{background-position: 0 -26px; width: 16px; height: 16px; }
40
- .icon-add{background-position: 0 -52px; width: 16px; height: 16px; }
41
- .icon-adobe{background-position: 0 -78px; width: 16px; height: 16px; }
42
- .icon-arrowhead-down{background-position: 0 -104px; width: 16px; height: 16px; }
43
- .icon-arrowhead-left{background-position: 0 -130px; width: 16px; height: 16px; }
44
- .icon-arrowhead-right{background-position: 0 -156px; width: 16px; height: 16px; }
45
- .icon-arrowhead-up{background-position: 0 -182px; width: 16px; height: 16px; }
46
- .icon-bookmark-preferences{background-position: 0 -208px; width: 16px; height: 16px; }
47
- .icon-bookmark-add{background-position: 0 -234px; width: 16px; height: 16px; }
48
- .icon-bookmark-delete{background-position: 0 -260px; width: 16px; height: 16px; }
49
- .icon-bookmark-down{background-position: 0 -286px; width: 16px; height: 16px; }
50
- .icon-bookmark-new{background-position: 0 -312px; width: 16px; height: 16px; }
51
- .icon-bookmark-up{background-position: 0 -338px; width: 16px; height: 16px; }
52
- .icon-brightness{background-position: 0 -364px; width: 16px; height: 16px; }
53
- .icon-ccleaner{background-position: 0 -390px; width: 16px; height: 16px; }
54
- .icon-cd-play{background-position: 0 -416px; width: 16px; height: 16px; }
55
- .icon-cd-music{background-position: 0 -442px; width: 16px; height: 16px; }
56
- .icon-cd-new{background-position: 0 -468px; width: 16px; height: 16px; }
57
- .icon-cd-pause{background-position: 0 -494px; width: 16px; height: 16px; }
58
- .icon-cd-software{background-position: 0 -520px; width: 16px; height: 16px; }
59
- .icon-cd-stop{background-position: 0 -546px; width: 16px; height: 16px; }
60
- .icon-clipboard{background-position: 0 -572px; width: 16px; height: 16px; }
61
- .icon-clipboard-next{background-position: 0 -598px; width: 16px; height: 16px; }
62
- .icon-clipboard-next-down{background-position: 0 -624px; width: 16px; height: 16px; }
63
- .icon-cluster-group{background-position: 0 -650px; width: 16px; height: 16px; }
64
- .icon-collapse{background-position: 0 -676px; width: 16px; height: 16px; }
65
- .icon-conference-call{background-position: 0 -702px; width: 16px; height: 16px; }
66
- .icon-connectivity-error{background-position: 0 -728px; width: 16px; height: 16px; }
67
- .icon-contrast{background-position: 0 -754px; width: 16px; height: 16px; }
68
- .icon-cube{background-position: 0 -780px; width: 16px; height: 16px; }
69
- .icon-curly-brackets{background-position: 0 -806px; width: 16px; height: 16px; }
70
- .icon-defragmentation{background-position: 0 -832px; width: 16px; height: 16px; }
71
- .icon-desktop{background-position: 0 -858px; width: 16px; height: 16px; }
72
- .icon-details-view{background-position: 0 -884px; width: 16px; height: 16px; }
73
- .icon-disc-error{background-position: 0 -910px; width: 16px; height: 16px; }
74
- .icon-disc-info{background-position: 0 -936px; width: 16px; height: 16px; }
75
- .icon-disc-valid{background-position: 0 -962px; width: 16px; height: 16px; }
76
- .icon-disc-warning{background-position: 0 -988px; width: 16px; height: 16px; }
77
- .icon-document{background-position: 0 -1014px; width: 16px; height: 16px; }
78
- .icon-document-add{background-position: 0 -1040px; width: 16px; height: 16px; }
79
- .icon-document-check{background-position: 0 -1066px; width: 16px; height: 16px; }
80
- .icon-document-delete{background-position: 0 -1092px; width: 16px; height: 16px; }
81
- .icon-document-download{background-position: 0 -1118px; width: 16px; height: 16px; }
82
- .icon-document-edit{background-position: 0 -1144px; width: 16px; height: 16px; }
83
- .icon-document-error{background-position: 0 -1170px; width: 16px; height: 16px; }
84
- .icon-document-exchange{background-position: 0 -1196px; width: 16px; height: 16px; }
85
- .icon-document-music{background-position: 0 -1222px; width: 16px; height: 16px; }
86
- .icon-document-new{background-position: 0 -1248px; width: 16px; height: 16px; }
87
- .icon-documents{background-position: 0 -1274px; width: 16px; height: 16px; }
88
- .icon-document-settings{background-position: 0 -1300px; width: 16px; height: 16px; }
89
- .icon-document-share{background-position: 0 -1326px; width: 16px; height: 16px; }
90
- .icon-document-warning{background-position: 0 -1352px; width: 16px; height: 16px; }
91
- .icon-document-zoom-in{background-position: 0 -1378px; width: 16px; height: 16px; }
92
- .icon-document-zoom-out{background-position: 0 -1404px; width: 16px; height: 16px; }
93
- .icon-door{background-position: 0 -1430px; width: 16px; height: 16px; }
94
- .icon-double-quotation{background-position: 0 -1456px; width: 16px; height: 16px; }
95
- .icon-download-error{background-position: 0 -1482px; width: 16px; height: 16px; }
96
- .icon-drives-network{background-position: 0 -1508px; width: 16px; height: 16px; }
97
- .icon-edit{background-position: 0 -1534px; width: 16px; height: 16px; }
98
- .icon-exchange{background-position: 0 -1560px; width: 16px; height: 16px; }
99
- .icon-expand{background-position: 0 -1586px; width: 16px; height: 16px; }
100
- .icon-export{background-position: 0 -1612px; width: 16px; height: 16px; }
101
- .icon-eye-drop{background-position: 0 -1638px; width: 16px; height: 16px; }
102
- .icon-find{background-position: 0 -1664px; width: 16px; height: 16px; }
103
- .icon-find-and-replace{background-position: 0 -1690px; width: 16px; height: 16px; }
104
- .icon-find-previous{background-position: 0 -1716px; width: 16px; height: 16px; }
105
- .icon-fit-to-size{background-position: 0 -1742px; width: 16px; height: 16px; }
106
- .icon-folder-add{background-position: 0 -1768px; width: 16px; height: 16px; }
107
- .icon-folder-connect{background-position: 0 -1794px; width: 16px; height: 16px; }
108
- .icon-folder-cube{background-position: 0 -1820px; width: 16px; height: 16px; }
109
- .icon-folder-delete{background-position: 0 -1846px; width: 16px; height: 16px; }
110
- .icon-folder-edit{background-position: 0 -1872px; width: 16px; height: 16px; }
111
- .icon-folder-information{background-position: 0 -1898px; width: 16px; height: 16px; }
112
- .icon-folder-movie{background-position: 0 -1924px; width: 16px; height: 16px; }
113
- .icon-folder-music{background-position: 0 -1950px; width: 16px; height: 16px; }
114
- .icon-folder-new{background-position: 0 -1976px; width: 16px; height: 16px; }
115
- .icon-garbage{background-position: 0 -2002px; width: 16px; height: 16px; }
116
- .icon-garbage-empty{background-position: 0 -2028px; width: 16px; height: 16px; }
117
- .icon-garbage-full{background-position: 0 -2054px; width: 16px; height: 16px; }
118
- .icon-hash{background-position: 0 -2080px; width: 16px; height: 16px; }
119
- .icon-history{background-position: 0 -2106px; width: 16px; height: 16px; }
120
- .icon-import{background-position: 0 -2132px; width: 16px; height: 16px; }
121
- .icon-lambda{background-position: 0 -2158px; width: 16px; height: 16px; }
122
- .icon-landscape{background-position: 0 -2184px; width: 16px; height: 16px; }
123
- .icon-list-view{background-position: 0 -2210px; width: 16px; height: 16px; }
124
- .icon-login-arrow{background-position: 0 -2236px; width: 16px; height: 16px; }
125
- .icon-login-door{background-position: 0 -2262px; width: 16px; height: 16px; }
126
- .icon-login-user{background-position: 0 -2288px; width: 16px; height: 16px; }
127
- .icon-login1{background-position: 0 -2314px; width: 16px; height: 16px; }
128
- .icon-login2{background-position: 0 -2340px; width: 16px; height: 16px; }
129
- .icon-login3{background-position: 0 -2366px; width: 16px; height: 16px; }
130
- .icon-media-back{background-position: 0 -2392px; width: 16px; height: 16px; }
131
- .icon-media-end{background-position: 0 -2418px; width: 16px; height: 16px; }
132
- .icon-media-fast-forward{background-position: 0 -2444px; width: 16px; height: 16px; }
133
- .icon-media-pause{background-position: 0 -2470px; width: 16px; height: 16px; }
134
- .icon-media-play{background-position: 0 -2496px; width: 16px; height: 16px; }
135
- .icon-media-start{background-position: 0 -2522px; width: 16px; height: 16px; }
136
- .icon-media-stop{background-position: 0 -2548px; width: 16px; height: 16px; }
137
- .icon-thumbnail-view{background-position: 0 -2574px; width: 16px; height: 16px; }
138
- .icon-merge{background-position: 0 -2600px; width: 16px; height: 16px; }
139
- .icon-movie-folder1{background-position: 0 -2626px; width: 16px; height: 16px; }
140
- .icon-movie-folder{background-position: 0 -2652px; width: 16px; height: 16px; }
141
- .icon-music-folder2{background-position: 0 -2678px; width: 16px; height: 16px; }
142
- .icon-navigation-down{background-position: 0 -2704px; width: 16px; height: 16px; }
143
- .icon-navigation-down-right{background-position: 0 -2730px; width: 16px; height: 16px; }
144
- .icon-navigation-right{background-position: 0 -2756px; width: 16px; height: 16px; }
145
- .icon-navigation-up-left{background-position: 0 -2782px; width: 16px; height: 16px; }
146
- .icon-open-in-new-window{background-position: 0 -2808px; width: 16px; height: 16px; }
147
- .icon-parenthesis{background-position: 0 -2834px; width: 16px; height: 16px; }
148
- .icon-paste{background-position: 0 -2860px; width: 16px; height: 16px; }
149
- .icon-picture-folder{background-position: 0 -2886px; width: 16px; height: 16px; }
150
- .icon-portrait{background-position: 0 -2912px; width: 16px; height: 16px; }
151
- .icon-redo{background-position: 0 -2938px; width: 16px; height: 16px; }
152
- .icon-refresh{background-position: 0 -2964px; width: 16px; height: 16px; }
153
- .icon-rss-feeds{background-position: 0 -2990px; width: 16px; height: 16px; }
154
- .icon-scale-to-fit{background-position: 0 -3016px; width: 16px; height: 16px; }
155
- .icon-semicolon{background-position: 0 -3042px; width: 16px; height: 16px; }
156
- .icon-sharpen{background-position: 0 -3068px; width: 16px; height: 16px; }
157
- .icon-single-quotation{background-position: 0 -3094px; width: 16px; height: 16px; }
158
- .icon-skew{background-position: 0 -3120px; width: 16px; height: 16px; }
159
- .icon-slash{background-position: 0 -3146px; width: 16px; height: 16px; }
160
- .icon-small-thumbnail-view{background-position: 0 -3172px; width: 16px; height: 16px; }
161
- .icon-split{background-position: 0 -3198px; width: 16px; height: 16px; }
162
- .icon-square-braces{background-position: 0 -3224px; width: 16px; height: 16px; }
163
- .icon-submit{background-position: 0 -3250px; width: 16px; height: 16px; }
164
- .icon-submit-arrow{background-position: 0 -3276px; width: 16px; height: 16px; }
165
- .icon-synchronize{background-position: 0 -3302px; width: 16px; height: 16px; }
166
- .icon-text{background-position: 0 -3328px; width: 16px; height: 16px; }
167
- .icon-text-braille{background-position: 0 -3354px; width: 16px; height: 16px; }
168
- .icon-text-italic{background-position: 0 -3380px; width: 16px; height: 16px; }
169
- .icon-text-bold{background-position: 0 -3406px; width: 16px; height: 16px; }
170
- .icon-text-center-align{background-position: 0 -3432px; width: 16px; height: 16px; }
171
- .icon-text-edit{background-position: 0 -3458px; width: 16px; height: 16px; }
172
- .icon-text-justify-align{background-position: 0 -3484px; width: 16px; height: 16px; }
173
- .icon-text-left-align{background-position: 0 -3510px; width: 16px; height: 16px; }
174
- .icon-text-mark{background-position: 0 -3536px; width: 16px; height: 16px; }
175
- .icon-text-normal{background-position: 0 -3562px; width: 16px; height: 16px; }
176
- .icon-text-protect{background-position: 0 -3588px; width: 16px; height: 16px; }
177
- .icon-text-read{background-position: 0 -3614px; width: 16px; height: 16px; }
178
- .icon-text-right-align{background-position: 0 -3640px; width: 16px; height: 16px; }
179
- .icon-tile-view{background-position: 0 -3666px; width: 16px; height: 16px; }
180
- .icon-torrent{background-position: 0 -3692px; width: 16px; height: 16px; }
181
- .icon-undo{background-position: 0 -3718px; width: 16px; height: 16px; }
182
- .icon-visual-studio{background-position: 0 -3744px; width: 16px; height: 16px; }
183
- .icon-vlc-player{background-position: 0 -3770px; width: 16px; height: 16px; }
184
- .icon-voice-mail{background-position: 0 -3796px; width: 16px; height: 16px; }
185
- .icon-warning{background-position: 0 -3822px; width: 16px; height: 16px; }
186
- .icon-warning-shield{background-position: 0 -3848px; width: 16px; height: 16px; }
187
- .icon-winamp{background-position: 0 -3874px; width: 16px; height: 16px; }
188
- .icon-window{background-position: 0 -3900px; width: 16px; height: 16px; }
189
- .icon-window-delete{background-position: 0 -3926px; width: 16px; height: 16px; }
190
- .icon-window-earth{background-position: 0 -3952px; width: 16px; height: 16px; }
191
- .icon-window-environment{background-position: 0 -3978px; width: 16px; height: 16px; }
192
- .icon-window-horizontal-split{background-position: 0 -4004px; width: 16px; height: 16px; }
193
- .icon-window-information{background-position: 0 -4030px; width: 16px; height: 16px; }
194
- .icon-window-new{background-position: 0 -4056px; width: 16px; height: 16px; }
195
- .icon-windows{background-position: 0 -4082px; width: 16px; height: 16px; }
196
- .icon-windows-8-login{background-position: 0 -4108px; width: 16px; height: 16px; }
197
43
 
198
- //Mobile icons
199
- .icon-add-1{background-position: 0 -4134px; width: 16px; height: 16px; }
200
- .icon-alarm-clock{background-position: 0 -4160px; width: 16px; height: 16px; }
201
- .icon-archive{background-position: 0 -4186px; width: 16px; height: 16px; }
202
- .icon-audio-disk{background-position: 0 -4212px; width: 16px; height: 16px; }
203
- .icon-battery-low{background-position: 0 -4238px; width: 16px; height: 16px; }
204
- .icon-bin{background-position: 0 -4264px; width: 16px; height: 16px; }
205
- .icon-bluetooth{background-position: 0 -4290px; width: 16px; height: 16px; }
206
- .icon-board-pin{background-position: 0 -4316px; width: 16px; height: 16px; }
207
- .icon-bookmark{background-position: 0 -4342px; width: 16px; height: 16px; }
208
- .icon-burn-disk{background-position: 0 -4368px; width: 16px; height: 16px; }
209
- .icon-camera2{background-position: 0 -4394px; width: 16px; height: 16px; }
210
- .icon-cancel{background-position: 0 -4420px; width: 16px; height: 16px; }
211
- .icon-car{background-position: 0 -4446px; width: 16px; height: 16px; }
212
- .icon-chat{background-position: 0 -4472px; width: 16px; height: 16px; }
213
- .icon-check-box{background-position: 0 -4498px; width: 16px; height: 16px; }
214
- .icon-close{background-position: 0 -4524px; width: 16px; height: 16px; }
215
- .icon-cloud-cyclone{background-position: 0 -4550px; width: 16px; height: 16px; }
216
- .icon-cloud-overcast{background-position: 0 -4576px; width: 16px; height: 16px; }
217
- .icon-cloud-rain{background-position: 0 -4602px; width: 16px; height: 16px; }
218
- .icon-cloud-snow{background-position: 0 -4628px; width: 16px; height: 16px; }
219
- .icon-cloud-sun{background-position: 0 -4654px; width: 16px; height: 16px; }
220
- .icon-cloud-swirl{background-position: 0 -4680px; width: 16px; height: 16px; }
221
- .icon-cloud-thunder{background-position: 0 -4706px; width: 16px; height: 16px; }
222
- .icon-compass{background-position: 0 -4732px; width: 16px; height: 16px; }
223
- .icon-conference-call-1{background-position: 0 -4758px; width: 16px; height: 16px; }
224
- .icon-contact{background-position: 0 -4784px; width: 16px; height: 16px; }
225
- .icon-contact-book{background-position: 0 -4810px; width: 16px; height: 16px; }
226
- .icon-copy{background-position: 0 -4836px; width: 16px; height: 16px; }
227
- .icon-cut{background-position: 0 -4862px; width: 16px; height: 16px; }
228
- .icon-disc{background-position: 0 -4888px; width: 16px; height: 16px; }
229
- .icon-document-download{background-position: 0 -4914px; width: 16px; height: 16px; }
230
- .icon-document-upload{background-position: 0 -4940px; width: 16px; height: 16px; }
231
- .icon-documents-1{background-position: 0 -4966px; width: 16px; height: 16px; }
232
- .icon-download{background-position: 0 -4992px; width: 16px; height: 16px; }
233
- .icon-edit-1{background-position: 0 -5018px; width: 16px; height: 16px; }
234
- .icon-favorite{background-position: 0 -5044px; width: 16px; height: 16px; }
235
- .icon-flag{background-position: 0 -5070px; width: 16px; height: 16px; }
236
- .icon-flag-1{background-position: 0 -5096px; width: 16px; height: 16px; }
237
- .icon-flag-4{background-position: 0 -5122px; width: 16px; height: 16px; }
238
- .icon-flag-2{background-position: 0 -5148px; width: 16px; height: 16px; }
239
- .icon-flash-drive{background-position: 0 -5174px; width: 16px; height: 16px; }
240
- .icon-flash-off{background-position: 0 -5200px; width: 16px; height: 16px; }
241
- .icon-flash-on{background-position: 0 -5226px; width: 16px; height: 16px; }
242
- .icon-globe{background-position: 0 -5252px; width: 16px; height: 16px; }
243
- .icon-gps-off{background-position: 0 -5278px; width: 16px; height: 16px; }
244
- .icon-gps-on{background-position: 0 -5304px; width: 16px; height: 16px; }
245
- .icon-gps-settings{background-position: 0 -5330px; width: 16px; height: 16px; }
246
- .icon-hard-drive{background-position: 0 -5356px; width: 16px; height: 16px; }
247
- .icon-head-phone{background-position: 0 -5382px; width: 16px; height: 16px; }
248
- .icon-heart{background-position: 0 -5408px; width: 16px; height: 16px; }
249
- .icon-help{background-position: 0 -5434px; width: 16px; height: 16px; }
250
- .icon-home{background-position: 0 -5460px; width: 16px; height: 16px; }
251
- .icon-in{background-position: 0 -5486px; width: 16px; height: 16px; }
252
- .icon-information{background-position: 0 -5512px; width: 16px; height: 16px; }
253
- .icon-key{background-position: 0 -5538px; width: 16px; height: 16px; }
254
- .icon-left-arrow{background-position: 0 -5564px; width: 16px; height: 16px; }
255
- .icon-location-marker{background-position: 0 -5590px; width: 16px; height: 16px; }
256
- .icon-location-pin{background-position: 0 -5616px; width: 16px; height: 16px; }
257
- .icon-lock{background-position: 0 -5642px; width: 16px; height: 16px; }
258
- .icon-logout{background-position: 0 -5668px; width: 16px; height: 16px; }
259
- .icon-mail{background-position: 0 -5694px; width: 16px; height: 16px; }
260
- .icon-mailbox{background-position: 0 -5720px; width: 16px; height: 16px; }
261
- .icon-media-fast-backward{background-position: 0 -5746px; width: 16px; height: 16px; }
262
- .icon-media-fast-forward{background-position: 0 -5772px; width: 16px; height: 16px; }
263
- .icon-media-player{background-position: 0 -5798px; width: 16px; height: 16px; }
264
- .icon-message{background-position: 0 -5824px; width: 16px; height: 16px; }
265
- .icon-messages{background-position: 0 -5850px; width: 16px; height: 16px; }
266
- .icon-minus{background-position: 0 -5876px; width: 16px; height: 16px; }
267
- .icon-moon{background-position: 0 -5902px; width: 16px; height: 16px; }
268
- .icon-negative{background-position: 0 -5928px; width: 16px; height: 16px; }
269
- .icon-new{background-position: 0 -5954px; width: 16px; height: 16px; }
270
- .icon-next{background-position: 0 -5980px; width: 16px; height: 16px; }
271
- .icon-node{background-position: 0 -6006px; width: 16px; height: 16px; }
272
- .icon-open{background-position: 0 -6032px; width: 16px; height: 16px; }
273
- .icon-out{background-position: 0 -6058px; width: 16px; height: 16px; }
274
- .icon-paste-1{background-position: 0 -6084px; width: 16px; height: 16px; }
275
- .icon-pause{background-position: 0 -6110px; width: 16px; height: 16px; }
276
- .icon-picture{background-position: 0 -6136px; width: 16px; height: 16px; }
277
- .icon-play{background-position: 0 -6162px; width: 16px; height: 16px; }
278
- .icon-positive{background-position: 0 -6188px; width: 16px; height: 16px; }
279
- .icon-power-button{background-position: 0 -6214px; width: 16px; height: 16px; }
280
- .icon-preview{background-position: 0 -6240px; width: 16px; height: 16px; }
281
- .icon-previous{background-position: 0 -6266px; width: 16px; height: 16px; }
282
- .icon-printer{background-position: 0 -6292px; width: 16px; height: 16px; }
283
- .icon-properties{background-position: 0 -6318px; width: 16px; height: 16px; }
284
- .icon-qr-code{background-position: 0 -6344px; width: 16px; height: 16px; }
285
- .icon-recycle-bin{background-position: 0 -6370px; width: 16px; height: 16px; }
286
- .icon-redo-1{background-position: 0 -6396px; width: 16px; height: 16px; }
287
- .icon-refresh-1{background-position: 0 -6422px; width: 16px; height: 16px; }
288
- .icon-reload{background-position: 0 -6448px; width: 16px; height: 16px; }
289
- .icon-rename{background-position: 0 -6474px; width: 16px; height: 16px; }
290
- .icon-save{background-position: 0 -6500px; width: 16px; height: 16px; }
291
- .icon-search{background-position: 0 -6526px; width: 16px; height: 16px; }
292
- .icon-send{background-position: 0 -6552px; width: 16px; height: 16px; }
293
- .icon-settings{background-position: 0 -6578px; width: 16px; height: 16px; }
294
- .icon-share{background-position: 0 -6604px; width: 16px; height: 16px; }
295
- .icon-share-1{background-position: 0 -6630px; width: 16px; height: 16px; }
296
- .icon-share-2{background-position: 0 -6656px; width: 16px; height: 16px; }
297
- .icon-share-3{background-position: 0 -6682px; width: 16px; height: 16px; }
298
- .icon-shopping-bag{background-position: 0 -6708px; width: 16px; height: 16px; }
299
- .icon-signal-bars{background-position: 0 -6734px; width: 16px; height: 16px; }
300
- .icon-signal-bars-1{background-position: 0 -6760px; width: 16px; height: 16px; }
301
- .icon-sms{background-position: 0 -6786px; width: 16px; height: 16px; }
302
- .icon-speaker-volume{background-position: 0 -6812px; width: 16px; height: 16px; }
303
- .icon-stock-index-down{background-position: 0 -6838px; width: 16px; height: 16px; }
304
- .icon-stock-index-up{background-position: 0 -6864px; width: 16px; height: 16px; }
305
- .icon-stop{background-position: 0 -6890px; width: 16px; height: 16px; }
306
- .icon-swap-down{background-position: 0 -6916px; width: 16px; height: 16px; }
307
- .icon-swap-left{background-position: 0 -6942px; width: 16px; height: 16px; }
308
- .icon-swap-right{background-position: 0 -6968px; width: 16px; height: 16px; }
309
- .icon-swap-up{background-position: 0 -6994px; width: 16px; height: 16px; }
310
- .icon-synchronize-1{background-position: 0 -7020px; width: 16px; height: 16px; }
311
- .icon-table-of-contents{background-position: 0 -7046px; width: 16px; height: 16px; }
312
- .icon-tag{background-position: 0 -7072px; width: 16px; height: 16px; }
313
- .icon-text-document{background-position: 0 -7098px; width: 16px; height: 16px; }
314
- .icon-trophy{background-position: 0 -7124px; width: 16px; height: 16px; }
315
- .icon-undo-1{background-position: 0 -7150px; width: 16px; height: 16px; }
316
- .icon-upload{background-position: 0 -7176px; width: 16px; height: 16px; }
317
- .icon-vibrate{background-position: 0 -7202px; width: 16px; height: 16px; }
318
- .icon-vibrate-1{background-position: 0 -7228px; width: 16px; height: 16px; }
319
- .icon-video-camera{background-position: 0 -7254px; width: 16px; height: 16px; }
320
- .icon-voice-search{background-position: 0 -7280px; width: 16px; height: 16px; }
321
- .icon-voicemail{background-position: 0 -7306px; width: 16px; height: 16px; }
322
- .icon-warning-message{background-position: 0 -7332px; width: 16px; height: 16px; }
323
- .icon-wifi{background-position: 0 -7358px; width: 16px; height: 16px; }
324
- .icon-zoom{background-position: 0 -7384px; width: 16px; height: 16px; }
325
- .icon-zoom-in{background-position: 0 -7410px; width: 16px; height: 16px; }
326
- .icon-zoom-out{background-position: 0 -7436px; width: 16px; height: 16px; }
44
+ .icon-home:before { content: "\21";}
45
+ .icon-newspaper:before { content: "\23";}
46
+ .icon-pencil:before { content: "\24";}
47
+ .icon-droplet:before { content: "\26";}
48
+ .icon-pictures:before { content: "\27";}
49
+ .icon-camera:before { content: "\29";}
50
+ .icon-music:before { content: "\2a";}
51
+ .icon-film:before { content: "\2c";}
52
+ .icon-camera-2:before { content: "\2d";}
53
+ .icon-spades:before { content: "\2e";}
54
+ .icon-clubs:before { content: "\2f";}
55
+ .icon-diamonds:before { content: "\30";}
56
+ .icon-broadcast:before { content: "\31";}
57
+ .icon-mic:before { content: "\32";}
58
+ .icon-book:before { content: "\33";}
59
+ .icon-file:before { content: "\35";}
60
+ .icon-new:before { content: "\36";}
61
+ .icon-copy:before { content: "\37";}
62
+ .icon-folder:before { content: "\38";}
63
+ .icon-folder-2:before { content: "\39";}
64
+ .icon-tag:before { content: "\3a";}
65
+ .icon-cart:before { content: "\3b";}
66
+ .icon-basket:before { content: "\3c";}
67
+ .icon-calculate:before { content: "\3d";}
68
+ .icon-support:before { content: "\3e";}
69
+ .icon-phone:before { content: "\3f";}
70
+ .icon-mail:before { content: "\40";}
71
+ .icon-location:before { content: "\41";}
72
+ .icon-compass:before { content: "\42";}
73
+ .icon-history:before { content: "\43";}
74
+ .icon-clock:before { content: "\44";}
75
+ .icon-bell:before { content: "\45";}
76
+ .icon-calendar:before { content: "\46";}
77
+ .icon-printer:before { content: "\47";}
78
+ .icon-mouse:before { content: "\48";}
79
+ .icon-screen:before { content: "\49";}
80
+ .icon-laptop:before { content: "\4a";}
81
+ .icon-mobile:before { content: "\4b";}
82
+ .icon-cabinet:before { content: "\4c";}
83
+ .icon-drawer:before { content: "\4d";}
84
+ .icon-drawer-2:before { content: "\4e";}
85
+ .icon-box:before { content: "\4f";}
86
+ .icon-box-add:before { content: "\50";}
87
+ .icon-box-remove:before { content: "\51";}
88
+ .icon-download:before { content: "\52";}
89
+ .icon-upload:before { content: "\53";}
90
+ .icon-database:before { content: "\54";}
91
+ .icon-flip:before { content: "\55";}
92
+ .icon-flip-2:before { content: "\56";}
93
+ .icon-undo:before { content: "\57";}
94
+ .icon-redo:before { content: "\58";}
95
+ .icon-forward:before { content: "\59";}
96
+ .icon-reply:before { content: "\5a";}
97
+ .icon-reply-2:before { content: "\5b";}
98
+ .icon-comments:before { content: "\5c";}
99
+ .icon-comments-2:before { content: "\5d";}
100
+ .icon-comments-3:before { content: "\5e";}
101
+ .icon-comments-4:before { content: "\5f";}
102
+ .icon-comments-5:before { content: "\60";}
103
+ .icon-user:before { content: "\61";}
104
+ .icon-user-2:before { content: "\62";}
105
+ .icon-user-3:before { content: "\63";}
106
+ .icon-busy:before { content: "\64";}
107
+ .icon-loading:before { content: "\65";}
108
+ .icon-loading-2:before { content: "\66";}
109
+ .icon-search:before { content: "\67";}
110
+ .icon-zoom-in:before { content: "\68";}
111
+ .icon-zoom-out:before { content: "\69";}
112
+ .icon-key:before { content: "\6a";}
113
+ .icon-key-2:before { content: "\6b";}
114
+ .icon-locked:before { content: "\6c";}
115
+ .icon-unlocked:before { content: "\6d";}
116
+ .icon-wrench:before { content: "\6e";}
117
+ .icon-equalizer:before { content: "\6f";}
118
+ .icon-cog:before { content: "\70";}
119
+ .icon-pie:before { content: "\71";}
120
+ .icon-bars:before { content: "\72";}
121
+ .icon-stats-up:before { content: "\73";}
122
+ .icon-gift:before { content: "\74";}
123
+ .icon-trophy:before { content: "\75";}
124
+ .icon-diamond:before { content: "\76";}
125
+ .icon-coffee:before { content: "\77";}
126
+ .icon-rocket:before { content: "\78";}
127
+ .icon-meter-slow:before { content: "\79";}
128
+ .icon-meter-medium:before { content: "\7a";}
129
+ .icon-meter-fast:before { content: "\7b";}
130
+ .icon-dashboard:before { content: "\7c";}
131
+ .icon-fire:before { content: "\7d";}
132
+ .icon-lab:before { content: "\e000";}
133
+ .icon-remove:before { content: "\e003";}
134
+ .icon-briefcase:before { content: "\e004";}
135
+ .icon-briefcase-2:before { content: "\e005";}
136
+ .icon-cars:before { content: "\e006";}
137
+ .icon-bus:before { content: "\e007";}
138
+ .icon-cube:before { content: "\e008";}
139
+ .icon-cube-2:before { content: "\e009";}
140
+ .icon-puzzle:before { content: "\e00a";}
141
+ .icon-glasses:before { content: "\e00b";}
142
+ .icon-glasses-2:before { content: "\e00c";}
143
+ .icon-accessibility:before { content: "\e00d";}
144
+ .icon-accessibility-2:before { content: "\e00e";}
145
+ .icon-target:before { content: "\e00f";}
146
+ .icon-target-2:before { content: "\e010";}
147
+ .icon-lightning:before { content: "\e011";}
148
+ .icon-power:before { content: "\e012";}
149
+ .icon-power-2:before { content: "\e013";}
150
+ .icon-clipboard:before { content: "\e014";}
151
+ .icon-clipboard-2:before { content: "\e015";}
152
+ .icon-playlist:before { content: "\e016";}
153
+ .icon-grid-view:before { content: "\e017";}
154
+ .icon-tree-view:before { content: "\e018";}
155
+ .icon-cloud:before { content: "\e019";}
156
+ .icon-cloud-2:before { content: "\e01a";}
157
+ .icon-download-2:before { content: "\e01b";}
158
+ .icon-upload-2:before { content: "\e01c";}
159
+ .icon-upload-3:before { content: "\e01d";}
160
+ .icon-link:before { content: "\e01e";}
161
+ .icon-link-2:before { content: "\e01f";}
162
+ .icon-flag:before { content: "\e020";}
163
+ .icon-flag-2:before { content: "\e021";}
164
+ .icon-attachment:before { content: "\e022";}
165
+ .icon-eye:before { content: "\e024";}
166
+ .icon-bookmark:before { content: "\e025";}
167
+ .icon-bookmark-2:before { content: "\e026";}
168
+ .icon-star:before { content: "\e027";}
169
+ .icon-star-2:before { content: "\e028";}
170
+ .icon-star-3:before { content: "\e029";}
171
+ .icon-heart:before { content: "\e02a";}
172
+ .icon-heart-2:before { content: "\e02b";}
173
+ .icon-thumbs-up:before { content: "\e02c";}
174
+ .icon-thumbs-down:before { content: "\e02d";}
175
+ .icon-plus:before { content: "\e031";}
176
+ .icon-minus:before { content: "\e032";}
177
+ .icon-help:before { content: "\e033";}
178
+ .icon-help-2:before { content: "\e034";}
179
+ .icon-blocked:before { content: "\e035";}
180
+ .icon-cancel:before { content: "\e036";}
181
+ .icon-cancel-2:before { content: "\e037";}
182
+ .icon-checkmark:before { content: "\e038";}
183
+ .icon-minus-2:before { content: "\e039";}
184
+ .icon-plus-2:before { content: "\e03a";}
185
+ .icon-enter:before { content: "\e03b";}
186
+ .icon-exit:before { content: "\e03c";}
187
+ .icon-loop:before { content: "\e03d";}
188
+ .icon-arrow-up-left:before { content: "\e04e";}
189
+ .icon-arrow-up:before { content: "\e04f";}
190
+ .icon-arrow-up-right:before { content: "\e050";}
191
+ .icon-arrow-right:before { content: "\e051";}
192
+ .icon-arrow-down-right:before { content: "\e052";}
193
+ .icon-arrow-down:before { content: "\e053";}
194
+ .icon-arrow-down-left:before { content: "\e054";}
195
+ .icon-arrow-left:before { content: "\e055";}
196
+ .icon-arrow-up-2:before { content: "\e05a";}
197
+ .icon-arrow-right-2:before { content: "\e05b";}
198
+ .icon-arrow-down-2:before { content: "\e05c";}
199
+ .icon-arrow-left-2:before { content: "\e05d";}
200
+ .icon-arrow-up-3:before { content: "\e05e";}
201
+ .icon-arrow-right-3:before { content: "\e05f";}
202
+ .icon-arrow-down-3:before { content: "\e060";}
203
+ .icon-arrow-left-3:before { content: "\e061";}
204
+ .icon-menu:before { content: "\e062";}
205
+ .icon-enter-2:before { content: "\e063";}
206
+ .icon-backspace:before { content: "\e064";}
207
+ .icon-backspace-2:before { content: "\e065";}
208
+ .icon-tab:before { content: "\e066";}
209
+ .icon-tab-2:before { content: "\e067";}
210
+ .icon-checkbox:before { content: "\e068";}
211
+ .icon-checkbox-unchecked:before { content: "\e069";}
212
+ .icon-checkbox-partial:before { content: "\e06a";}
213
+ .icon-radio-checked:before { content: "\e06b";}
214
+ .icon-radio-unchecked:before { content: "\e06c";}
215
+ .icon-font:before { content: "\e06d";}
216
+ .icon-paragraph-left:before { content: "\e06e";}
217
+ .icon-paragraph-center:before { content: "\e06f";}
218
+ .icon-paragraph-right:before { content: "\e070";}
219
+ .icon-paragraph-justify:before { content: "\e071";}
220
+ .icon-left-to-right:before { content: "\e072";}
221
+ .icon-right-to-left:before { content: "\e073";}
222
+ .icon-share:before { content: "\e074";}
223
+ .icon-new-tab:before { content: "\e075";}
224
+ .icon-new-tab-2:before { content: "\e076";}
225
+ .icon-embed:before { content: "\e077";}
226
+ .icon-code:before { content: "\e078";}
227
+ .icon-bluetooth:before { content: "\e079";}
228
+ .icon-share-2:before { content: "\e07a";}
229
+ .icon-share-3:before { content: "\e07b";}
230
+ .icon-mail-2:before { content: "\e07d";}
231
+ .icon-google:before { content: "\e07f";}
232
+ .icon-google-plus:before { content: "\e080";}
233
+ .icon-google-drive:before { content: "\e084";}
234
+ .icon-facebook:before { content: "\e085";}
235
+ .icon-instagram:before { content: "\e088";}
236
+ .icon-twitter:before { content: "\e089";}
237
+ .icon-feed:before { content: "\e08c";}
238
+ .icon-youtube:before { content: "\e090";}
239
+ .icon-vimeo:before { content: "\e091";}
240
+ .icon-flickr:before { content: "\e093";}
241
+ .icon-picassa:before { content: "\e096";}
242
+ .icon-dribbble:before { content: "\e098";}
243
+ .icon-deviantart:before { content: "\e09d";}
244
+ .icon-github:before { content: "\e09f";}
245
+ .icon-github-2:before { content: "\e0a0";}
246
+ .icon-github-3:before { content: "\e0a1";}
247
+ .icon-github-4:before { content: "\e0a2";}
248
+ .icon-github-5:before { content: "\e0a3";}
249
+ .icon-git:before { content: "\e0a5";}
250
+ .icon-github-6:before { content: "\e0a6";}
251
+ .icon-wordpress:before { content: "\e0a7";}
252
+ .icon-joomla:before { content: "\e0a9";}
253
+ .icon-blogger:before { content: "\e0aa";}
254
+ .icon-tumblr:before { content: "\e0ac";}
255
+ .icon-yahoo:before { content: "\e0ae";}
256
+ .icon-amazon:before { content: "\e0b0";}
257
+ .icon-tux:before { content: "\e0b2";}
258
+ .icon-apple:before { content: "\e0b3";}
259
+ .icon-finder:before { content: "\e0b4";}
260
+ .icon-android:before { content: "\e0b5";}
261
+ .icon-windows:before { content: "\e0b6";}
262
+ .icon-soundcloud:before { content: "\e0b7";}
263
+ .icon-skype:before { content: "\e0b9";}
264
+ .icon-reddit:before { content: "\e0ba";}
265
+ .icon-linkedin:before { content: "\e0bb";}
266
+ .icon-lastfm:before { content: "\e0bd";}
267
+ .icon-delicious:before { content: "\e0bf";}
268
+ .icon-stumbleupon:before { content: "\e0c0";}
269
+ .icon-pinterest:before { content: "\e0c2";}
270
+ .icon-xing:before { content: "\e0c5";}
271
+ .icon-flattr:before { content: "\e0c6";}
272
+ .icon-foursquare:before { content: "\e0c8";}
273
+ .icon-paypal:before { content: "\e0c9";}
274
+ .icon-yelp:before { content: "\e0cc";}
275
+ .icon-libreoffice:before { content: "\e0cd";}
276
+ .icon-file-pdf:before { content: "\e0ce";}
277
+ .icon-file-openoffice:before { content: "\e0cf";}
278
+ .icon-file-word:before { content: "\e0d0";}
279
+ .icon-file-excel:before { content: "\e0d1";}
280
+ .icon-file-powerpoint:before { content: "\e0d2";}
281
+ .icon-file-zip:before { content: "\e0d3";}
282
+ .icon-file-xml:before { content: "\e0d4";}
283
+ .icon-file-css:before { content: "\e0d5";}
284
+ .icon-html5:before { content: "\e0d6";}
285
+ .icon-html5-2:before { content: "\e0d7";}
286
+ .icon-css3:before { content: "\e0d8";}
287
+ .icon-chrome:before { content: "\e0d9";}
288
+ .icon-firefox:before { content: "\e0da";}
289
+ .icon-IE:before { content: "\e0db";}
290
+ .icon-opera:before { content: "\e0dc";}
291
+ .icon-safari:before { content: "\e0dd";}
292
+ .icon-IcoMoon:before { content: "\e0de";}
293
+ .icon-sunrise:before { content: "\7e";}
294
+ .icon-sun:before { content: "\e0df";}
295
+ .icon-moon:before { content: "\e0e0";}
296
+ .icon-sun-2:before { content: "\e0e1";}
297
+ .icon-windy:before { content: "\e0e2";}
298
+ .icon-wind:before { content: "\e0e3";}
299
+ .icon-snowflake:before { content: "\e0e4";}
300
+ .icon-cloudy:before { content: "\e0e5";}
301
+ .icon-cloud-3:before { content: "\e0e6";}
302
+ .icon-weather:before { content: "\e0e7";}
303
+ .icon-weather-2:before { content: "\e0e8";}
304
+ .icon-weather-3:before { content: "\e0e9";}
305
+ .icon-lines:before { content: "\e0ea";}
306
+ .icon-cloud-4:before { content: "\e0eb";}
307
+ .icon-lightning-2:before { content: "\e0ec";}
308
+ .icon-lightning-3:before { content: "\e0ed";}
309
+ .icon-rainy:before { content: "\e0ee";}
310
+ .icon-rainy-2:before { content: "\e0ef";}
311
+ .icon-windy-2:before { content: "\e0f0";}
312
+ .icon-windy-3:before { content: "\e0f1";}
313
+ .icon-snowy:before { content: "\e0f2";}
314
+ .icon-snowy-2:before { content: "\e0f3";}
315
+ .icon-snowy-3:before { content: "\e0f4";}
316
+ .icon-weather-4:before { content: "\e0f5";}
317
+ .icon-cloudy-2:before { content: "\e0f6";}
318
+ .icon-cloud-5:before { content: "\e0f7";}
319
+ .icon-lightning-4:before { content: "\e0f8";}
320
+ .icon-sun-3:before { content: "\e0f9";}
321
+ .icon-moon-2:before { content: "\e0fa";}
322
+ .icon-cloudy-3:before { content: "\e0fb";}
323
+ .icon-cloud-6:before { content: "\e0fc";}
324
+ .icon-cloud-7:before { content: "\e0fd";}
325
+ .icon-lightning-5:before { content: "\e0fe";}
326
+ .icon-rainy-3:before { content: "\e0ff";}
327
+ .icon-rainy-4:before { content: "\e100";}
328
+ .icon-windy-4:before { content: "\e101";}
329
+ .icon-windy-5:before { content: "\e102";}
330
+ .icon-snowy-4:before { content: "\e103";}
331
+ .icon-snowy-5:before { content: "\e104";}
332
+ .icon-weather-5:before { content: "\e105";}
333
+ .icon-cloudy-4:before { content: "\e106";}
334
+ .icon-lightning-6:before { content: "\e107";}
335
+ .icon-thermometer:before { content: "\e108";}
336
+ .icon-compass-2:before { content: "\e109";}
337
+ .icon-none:before { content: "\e10a";}
338
+ .icon-Celsius:before { content: "\e10b";}
339
+ .icon-Fahrenheit:before { content: "\e10c";}
340
+ .icon-forrst:before { content: "\e09b";}
341
+ .icon-headphones:before { content: "\e002";}
342
+ .icon-bug:before { content: "\e03e";}
343
+ .icon-cart-2:before { content: "\e03f";}
344
+ .icon-earth:before { content: "\e040";}
345
+ .icon-battery:before { content: "\e041";}
346
+ .icon-list:before { content: "\e042";}
347
+ .icon-grid:before { content: "\e043";}
348
+ .icon-alarm:before { content: "\e044";}
349
+ .icon-location-2:before { content: "\e045";}
350
+ .icon-pointer:before { content: "\e046";}
351
+ .icon-diary:before { content: "\e047";}
352
+ .icon-eye-2:before { content: "\e048";}
353
+ .icon-console:before { content: "\e001";}
354
+ .icon-location-3:before { content: "\e023";}
355
+ .icon-move:before { content: "\e02e";}
356
+ .icon-gift-2:before { content: "\e02f";}
357
+ .icon-monitor:before { content: "\e030";}
358
+ .icon-mobile-2:before { content: "\e049";}
359
+ .icon-switch:before { content: "\e04a";}
360
+ .icon-star-4:before { content: "\e04b";}
361
+ .icon-address-book:before { content: "\e056";}
362
+ .icon-shit:before { content: "\e057";}
363
+ .icon-cone:before { content: "\e058";}
364
+ .icon-credit-card:before { content: "\e059";}
365
+ .icon-type:before { content: "\e04c";}
366
+ .icon-volume:before { content: "\e04d";}
367
+ .icon-volume-2:before { content: "\e07c";}
368
+ .icon-locked-2:before { content: "\e07e";}
369
+ .icon-warning:before { content: "\e081";}
370
+ .icon-info:before { content: "\e082";}
371
+ .icon-filter:before { content: "\e083";}
372
+ .icon-bookmark-3:before { content: "\e086";}
373
+ .icon-bookmark-4:before { content: "\e087";}
374
+ .icon-stats:before { content: "\e08a";}
375
+ .icon-compass-3:before { content: "\e08b";}
376
+ .icon-keyboard:before { content: "\e08d";}