wcfsetup/install/files/style/icon.less

   1 /* do NOT reference fonts directly, always make use of 'getFont.php' */
   2 @font-face {
   3         font-family: 'FontAwesome';
   4         src: url('../font/getFont.php?type=eot&v=3.2.1');
   5         src: url('../font/getFont.php?type=eot&v=3.2.1#iefix') format('embedded-opentype'),
   6                 url('../font/getFont.php?type=woff&v=3.2.1') format('woff'),
   7                 url('../font/getFont.php?type=ttf&v=3.2.1') format('truetype');
   8         font-weight: normal;
   9         font-style: normal;
  10 }
  11
  12 .icon {
  13         color: @wcfColor;
  14         display: inline-block;
  15         font-family: FontAwesome;
  16         font-weight: normal !important;
  17         font-style: normal !important;
  18         line-height: 1em;
  19         text-align: center;
  20
  21         -webkit-user-select: none;
  22         -moz-user-select: none;
  23         -ms-user-select: none;
  24
  25         .textShadow(@wcfContentBackgroundColor);
  26
  27         &.disabled {
  28                 opacity: .3;
  29         }
  30         &:hover {
  31                 text-decoration: none;
  32         }
  33
  34         /* default icon colors */
  35         &.green {
  36                 color: rgba(0, 153, 0, 1);
  37         }
  38
  39         &.red {
  40                 color: rgba(204, 0, 0, 1);
  41         }
  42
  43         &.black {
  44                 color: #333;
  45         }
  46
  47         &.brown {
  48                 color: #c63;
  49         }
  50
  51         &.orange {
  52                 color: #f90;
  53         }
  54
  55         &.yellow {
  56                 color: #ff0;
  57         }
  58
  59         &.blue {
  60                 color: #369;
  61         }
  62
  63         &.purple {
  64                 color: #c0f;
  65         }
  66
  67         &.pink {
  68                 color: #f0c;
  69         }
  70 }
  71
  72 // firefox cursor issue
  73 span.icon:not(.pointer):not(.disabled) {
  74         cursor: default;
  75 }
  76
  77 a > span.icon:not(.pointer) {
  78         cursor: pointer !important;
  79 }
  80
  81 // icon sizes
  82 .icon16 {
  83         font-size: 14px;
  84         height: 16px;
  85         width: 16px;
  86 }
  87
  88 .icon32 {
  89         font-size: 28px;
  90         height: 32px;
  91         width: 32px;
  92         vertical-align: -5px;
  93 }
  94
  95 .icon48 {
  96         font-size: 42px;
  97         height: 48px;
  98         width: 48px;
  99 }
 100
 101 .icon96 {
 102         font-size: 84px;
 103         height: 96px;
 104         width: 96px;
 105 }
 106
 107 // spinner animation
 108 .icon-spinner {
 109         height: auto;
 110
 111         -moz-animation: spin 2s infinite linear;
 112         -o-animation: spin 2s infinite linear;
 113         -webkit-animation: spin 2s infinite linear;
 114         animation: spin 2s infinite linear;
 115 }
 116 @-moz-keyframes spin {
 117         0% { -moz-transform: rotate(0deg); }
 118         100% { -moz-transform: rotate(359deg); }
 119 }
 120 @-webkit-keyframes spin {
 121         0% { -webkit-transform: rotate(0deg); }
 122         100% { -webkit-transform: rotate(359deg); }
 123 }
 124 @-o-keyframes spin {
 125         0% { -o-transform: rotate(0deg); }
 126         100% { -o-transform: rotate(359deg); }
 127 }
 128 @-ms-keyframes spin {
 129         0% { -ms-transform: rotate(0deg); }
 130         100% { -ms-transform: rotate(359deg); }
 131 }
 132 @keyframes spin {
 133         0% { transform: rotate(0deg); }
 134         100% { transform: rotate(359deg); }
 135 }
 136
 137 .icon-rotate-90::before {
 138         -webkit-transform: rotate(90deg);
 139         -moz-transform: rotate(90deg);
 140         -ms-transform: rotate(90deg);
 141         -o-transform: rotate(90deg);
 142         transform: rotate(90deg);
 143         filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 144 }
 145
 146 .icon-rotate-180::before {
 147         -webkit-transform: rotate(180deg);
 148         -moz-transform: rotate(180deg);
 149         -ms-transform: rotate(180deg);
 150         -o-transform: rotate(180deg);
 151         transform: rotate(180deg);
 152         filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
 153 }
 154
 155 .icon-rotate-270::before {
 156         -webkit-transform: rotate(270deg);
 157         -moz-transform: rotate(270deg);
 158         -ms-transform: rotate(270deg);
 159         -o-transform: rotate(270deg);
 160         transform: rotate(270deg);
 161         filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 162 }
 163
 164 .icon-flip-horizontal::before {
 165         -webkit-transform: scale(-1, 1);
 166         -moz-transform: scale(-1, 1);
 167         -ms-transform: scale(-1, 1);
 168         -o-transform: scale(-1, 1);
 169         transform: scale(-1, 1);
 170 }
 171
 172 .icon-flip-vertical::before {
 173         -webkit-transform: scale(1, -1);
 174         -moz-transform: scale(1, -1);
 175         -ms-transform: scale(1, -1);
 176         -o-transform: scale(1, -1);
 177         transform: scale(1, -1);
 178 }
 179
 180 // icon variables
 181 @glass: "\f000";
 182 @music: "\f001";
 183 @search: "\f002";
 184 @envelope-alt: "\f003";
 185 @heart: "\f004";
 186 @star: "\f005";
 187 @star-empty: "\f006";
 188 @user: "\f007";
 189 @film: "\f008";
 190 @th-large: "\f009";
 191 @th: "\f00a";
 192 @th-list: "\f00b";
 193 @ok: "\f00c";
 194 @remove: "\f00d";
 195 @zoom-in: "\f00e";
 196 @zoom-out: "\f010";
 197 @off: "\f011";
 198 @signal: "\f012";
 199 @cog: "\f013";
 200 @trash: "\f014";
 201 @home: "\f015";
 202 @file-alt: "\f016";
 203 @time: "\f017";
 204 @road: "\f018";
 205 @download-alt: "\f019";
 206 @download: "\f01a";
 207 @upload: "\f01b";
 208 @inbox: "\f01c";
 209 @play-circle: "\f01d";
 210 @repeat: "\f01e";
 211 @refresh: "\f021";
 212 @list-alt: "\f022";
 213 @lock: "\f023";
 214 @flag: "\f024";
 215 @headphones: "\f025";
 216 @volume-off: "\f026";
 217 @volume-down: "\f027";
 218 @volume-up: "\f028";
 219 @qrcode: "\f029";
 220 @barcode: "\f02a";
 221 @tag: "\f02b";
 222 @tags: "\f02c";
 223 @book: "\f02d";
 224 @bookmark: "\f02e";
 225 @print: "\f02f";
 226 @camera: "\f030";
 227 @font: "\f031";
 228 @bold: "\f032";
 229 @italic: "\f033";
 230 @text-height: "\f034";
 231 @text-width: "\f035";
 232 @align-left: "\f036";
 233 @align-center: "\f037";
 234 @align-right: "\f038";
 235 @align-justify: "\f039";
 236 @list: "\f03a";
 237 @indent-left: "\f03b";
 238 @indent-right: "\f03c";
 239 @facetime-video: "\f03d";
 240 @picture: "\f03e";
 241 @pencil: "\f040";
 242 @map-marker: "\f041";
 243 @adjust: "\f042";
 244 @tint: "\f043";
 245 @edit: "\f044";
 246 @share: "\f045";
 247 @check: "\f046";
 248 @move: "\f047";
 249 @step-backward: "\f048";
 250 @fast-backward: "\f049";
 251 @backward: "\f04a";
 252 @play: "\f04b";
 253 @pause: "\f04c";
 254 @stop: "\f04d";
 255 @forward: "\f04e";
 256 @fast-forward: "\f050";
 257 @step-forward: "\f051";
 258 @eject: "\f052";
 259 @chevron-left: "\f053";
 260 @chevron-right: "\f054";
 261 @plus-sign: "\f055";
 262 @minus-sign: "\f056";
 263 @remove-sign: "\f057";
 264 @ok-sign: "\f058";
 265 @question-sign: "\f059";
 266 @info-sign: "\f05a";
 267 @screenshot: "\f05b";
 268 @remove-circle: "\f05c";
 269 @ok-circle: "\f05d";
 270 @ban-circle: "\f05e";
 271 @arrow-left: "\f060";
 272 @arrow-right: "\f061";
 273 @arrow-up: "\f062";
 274 @arrow-down: "\f063";
 275 @share-alt: "\f064";
 276 @resize-full: "\f065";
 277 @resize-small: "\f066";
 278 @plus: "\f067";
 279 @minus: "\f068";
 280 @asterisk: "\f069";
 281 @exclamation-sign: "\f06a";
 282 @gift: "\f06b";
 283 @leaf: "\f06c";
 284 @fire: "\f06d";
 285 @eye-open: "\f06e";
 286 @eye-close: "\f070";
 287 @warning-sign: "\f071";
 288 @plane: "\f072";
 289 @calendar: "\f073";
 290 @random: "\f074";
 291 @comment: "\f075";
 292 @magnet: "\f076";
 293 @chevron-up: "\f077";
 294 @chevron-down: "\f078";
 295 @retweet: "\f079";
 296 @shopping-cart: "\f07a";
 297 @folder-close: "\f07b";
 298 @folder-open: "\f07c";
 299 @resize-vertical: "\f07d";
 300 @resize-horizontal: "\f07e";
 301 @bar-chart: "\f080";
 302 @twitter-sign: "\f081";
 303 @facebook-sign: "\f082";
 304 @camera-retro: "\f083";
 305 @key: "\f084";
 306 @cogs: "\f085";
 307 @comments: "\f086";
 308 @thumbs-up-alt: "\f087";
 309 @thumbs-down-alt: "\f088";
 310 @star-half: "\f089";
 311 @heart-empty: "\f08a";
 312 @signout: "\f08b";
 313 @linkedin-sign: "\f08c";
 314 @pushpin: "\f08d";
 315 @external-link: "\f08e";
 316 @signin: "\f090";
 317 @trophy: "\f091";
 318 @github-sign: "\f092";
 319 @upload-alt: "\f093";
 320 @lemon: "\f094";
 321 @phone: "\f095";
 322 @check-empty: "\f096";
 323 @bookmark-empty: "\f097";
 324 @phone-sign: "\f098";
 325 @twitter: "\f099";
 326 @facebook: "\f09a";
 327 @github: "\f09b";
 328 @unlock: "\f09c";
 329 @credit-card: "\f09d";
 330 @rss: "\f09e";
 331 @hdd: "\f0a0";
 332 @bullhorn: "\f0a1";
 333 @bell: "\f0a2";
 334 @certificate: "\f0a3";
 335 @hand-right: "\f0a4";
 336 @hand-left: "\f0a5";
 337 @hand-up: "\f0a6";
 338 @hand-down: "\f0a7";
 339 @circle-arrow-left: "\f0a8";
 340 @circle-arrow-right: "\f0a9";
 341 @circle-arrow-up: "\f0aa";
 342 @circle-arrow-down: "\f0ab";
 343 @globe: "\f0ac";
 344 @wrench: "\f0ad";
 345 @tasks: "\f0ae";
 346 @filter: "\f0b0";
 347 @briefcase: "\f0b1";
 348 @fullscreen: "\f0b2";
 349 @group: "\f0c0";
 350 @link: "\f0c1";
 351 @cloud: "\f0c2";
 352 @beaker: "\f0c3";
 353 @cut: "\f0c4";
 354 @copy: "\f0c5";
 355 @paper-clip: "\f0c6";
 356 @save: "\f0c7";
 357 @sign-blank: "\f0c8";
 358 @reorder: "\f0c9";
 359 @list-ul: "\f0ca";
 360 @list-ol: "\f0cb";
 361 @strikethrough: "\f0cc";
 362 @underline: "\f0cd";
 363 @table: "\f0ce";
 364 @magic: "\f0d0";
 365 @truck: "\f0d1";
 366 @pinterest: "\f0d2";
 367 @pinterest-sign: "\f0d3";
 368 @google-plus-sign: "\f0d4";
 369 @google-plus: "\f0d5";
 370 @money: "\f0d6";
 371 @caret-down: "\f0d7";
 372 @caret-up: "\f0d8";
 373 @caret-left: "\f0d9";
 374 @caret-right: "\f0da";
 375 @columns: "\f0db";
 376 @sort: "\f0dc";
 377 @sort-down: "\f0dd";
 378 @sort-up: "\f0de";
 379 @envelope: "\f0e0";
 380 @linkedin: "\f0e1";
 381 @undo: "\f0e2";
 382 @legal: "\f0e3";
 383 @dashboard: "\f0e4";
 384 @comment-alt: "\f0e5";
 385 @comments-alt: "\f0e6";
 386 @bolt: "\f0e7";
 387 @sitemap: "\f0e8";
 388 @umbrella: "\f0e9";
 389 @paste: "\f0ea";
 390 @lightbulb: "\f0eb";
 391 @exchange: "\f0ec";
 392 @cloud-download: "\f0ed";
 393 @cloud-upload: "\f0ee";
 394 @user-md: "\f0f0";
 395 @stethoscope: "\f0f1";
 396 @suitcase: "\f0f2";
 397 @bell-alt: "\f0f3";
 398 @coffee: "\f0f4";
 399 @food: "\f0f5";
 400 @file-text-alt: "\f0f6";
 401 @building: "\f0f7";
 402 @hospital: "\f0f8";
 403 @ambulance: "\f0f9";
 404 @medkit: "\f0fa";
 405 @fighter-jet: "\f0fb";
 406 @beer: "\f0fc";
 407 @h-sign: "\f0fd";
 408 @plus-sign-alt: "\f0fe";
 409 @double-angle-left: "\f100";
 410 @double-angle-right: "\f101";
 411 @double-angle-up: "\f102";
 412 @double-angle-down: "\f103";
 413 @angle-left: "\f104";
 414 @angle-right: "\f105";
 415 @angle-up: "\f106";
 416 @angle-down: "\f107";
 417 @desktop: "\f108";
 418 @laptop: "\f109";
 419 @tablet: "\f10a";
 420 @mobile-phone: "\f10b";
 421 @circle-blank: "\f10c";
 422 @quote-left: "\f10d";
 423 @quote-right: "\f10e";
 424 @spinner: "\f110";
 425 @circle: "\f111";
 426 @reply: "\f112";
 427 @github-alt: "\f113";
 428 @folder-close-alt: "\f114";
 429 @folder-open-alt: "\f115";
 430 @expand-alt: "\f116";
 431 @collapse-alt: "\f117";
 432 @smile: "\f118";
 433 @frown: "\f119";
 434 @meh: "\f11a";
 435 @gamepad: "\f11b";
 436 @keyboard: "\f11c";
 437 @flag-alt: "\f11d";
 438 @flag-checkered: "\f11e";
 439 @terminal: "\f120";
 440 @code: "\f121";
 441 @reply-all: "\f122";
 442 @mail-reply-all: "\f122";
 443 @star-half-empty: "\f123";
 444 @location-arrow: "\f124";
 445 @crop: "\f125";
 446 @code-fork: "\f126";
 447 @unlink: "\f127";
 448 @question: "\f128";
 449 @info: "\f129";
 450 @exclamation: "\f12a";
 451 @superscript: "\f12b";
 452 @subscript: "\f12c";
 453 @eraser: "\f12d";
 454 @puzzle-piece: "\f12e";
 455 @microphone: "\f130";
 456 @microphone-off: "\f131";
 457 @shield: "\f132";
 458 @calendar-empty: "\f133";
 459 @fire-extinguisher: "\f134";
 460 @rocket: "\f135";
 461 @maxcdn: "\f136";
 462 @chevron-sign-left: "\f137";
 463 @chevron-sign-right: "\f138";
 464 @chevron-sign-up: "\f139";
 465 @chevron-sign-down: "\f13a";
 466 @html5: "\f13b";
 467 @css3: "\f13c";
 468 @anchor: "\f13d";
 469 @unlock-alt: "\f13e";
 470 @bullseye: "\f140";
 471 @ellipsis-horizontal: "\f141";
 472 @ellipsis-vertical: "\f142";
 473 @rss-sign: "\f143";
 474 @play-sign: "\f144";
 475 @ticket: "\f145";
 476 @minus-sign-alt: "\f146";
 477 @check-minus: "\f147";
 478 @level-up: "\f148";
 479 @level-down: "\f149";
 480 @check-sign: "\f14a";
 481 @edit-sign: "\f14b";
 482 @external-link-sign: "\f14c";
 483 @share-sign: "\f14d";
 484 @compass: "\f14e";
 485 @collapse: "\f150";
 486 @collapse-top: "\f151";
 487 @expand: "\f152";
 488 @eur: "\f153";
 489 @gbp: "\f154";
 490 @usd: "\f155";
 491 @inr: "\f156";
 492 @jpy: "\f157";
 493 @cny: "\f158";
 494 @krw: "\f159";
 495 @btc: "\f15a";
 496 @file: "\f15b";
 497 @file-text: "\f15c";
 498 @sort-by-alphabet: "\f15d";
 499 @sort-by-alphabet-alt: "\f15e";
 500 @sort-by-attributes: "\f160";
 501 @sort-by-attributes-alt: "\f161";
 502 @sort-by-order: "\f162";
 503 @sort-by-order-alt: "\f163";
 504 @thumbs-up: "\f164";
 505 @thumbs-down: "\f165";
 506 @youtube-sign: "\f166";
 507 @youtube: "\f167";
 508 @xing: "\f168";
 509 @xing-sign: "\f169";
 510 @youtube-play: "\f16a";
 511 @dropbox: "\f16b";
 512 @stackexchange: "\f16c";
 513 @instagram: "\f16d";
 514 @flickr: "\f16e";
 515 @adn: "\f170";
 516 @bitbucket: "\f171";
 517 @bitbucket-sign: "\f172";
 518 @tumblr: "\f173";
 519 @tumblr-sign: "\f174";
 520 @long-arrow-down: "\f175";
 521 @long-arrow-up: "\f176";
 522 @long-arrow-left: "\f177";
 523 @long-arrow-right: "\f178";
 524 @apple: "\f179";
 525 @windows: "\f17a";
 526 @android: "\f17b";
 527 @linux: "\f17c";
 528 @dribbble: "\f17d";
 529 @skype: "\f17e";
 530 @foursquare: "\f180";
 531 @trello: "\f181";
 532 @female: "\f182";
 533 @male: "\f183";
 534 @gittip: "\f184";
 535 @sun: "\f185";
 536 @moon: "\f186";
 537 @archive: "\f187";
 538 @bug: "\f188";
 539 @vk: "\f189";
 540 @weibo: "\f18a";
 541 @renren: "\f18b";
 542
 543 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 544    readers do not read off random characters that represent icons */
 545 .icon-glass::before { content: @glass; }
 546 .icon-music::before { content: @music; }
 547 .icon-search::before { content: @search; }
 548 .icon-envelope-alt::before { content: @envelope-alt; }
 549 .icon-heart::before { content: @heart; }
 550 .icon-star::before { content: @star; }
 551 .icon-star-empty::before { content: @star-empty; }
 552 .icon-user::before { content: @user; }
 553 .icon-film::before { content: @film; }
 554 .icon-th-large::before { content: @th-large; }
 555 .icon-th::before { content: @th; }
 556 .icon-th-list::before { content: @th-list; }
 557 .icon-ok::before { content: @ok; }
 558 .icon-remove::before { content: @remove; }
 559 .icon-zoom-in::before { content: @zoom-in; }
 560 .icon-zoom-out::before { content: @zoom-out; }
 561 .icon-power-off::before,
 562 .icon-off::before { content: @off; }
 563 .icon-signal::before { content: @signal; }
 564 .icon-gear::before,
 565 .icon-cog::before { content: @cog; }
 566 .icon-trash::before { content: @trash; }
 567 .icon-home::before { content: @home; }
 568 .icon-file-alt::before { content: @file-alt; }
 569 .icon-time::before { content: @time; }
 570 .icon-road::before { content: @road; }
 571 .icon-download-alt::before { content: @download-alt; }
 572 .icon-download::before { content: @download; }
 573 .icon-upload::before { content: @upload; }
 574 .icon-inbox::before { content: @inbox; }
 575 .icon-play-circle::before { content: @play-circle; }
 576 .icon-rotate-right::before,
 577 .icon-repeat::before { content: @repeat; }
 578 .icon-refresh::before { content: @refresh; }
 579 .icon-list-alt::before { content: @list-alt; }
 580 .icon-lock::before { content: @lock; }
 581 .icon-flag::before { content: @flag; }
 582 .icon-headphones::before { content: @headphones; }
 583 .icon-volume-off::before { content: @volume-off; }
 584 .icon-volume-down::before { content: @volume-down; }
 585 .icon-volume-up::before { content: @volume-up; }
 586 .icon-qrcode::before { content: @qrcode; }
 587 .icon-barcode::before { content: @barcode; }
 588 .icon-tag::before { content: @tag; }
 589 .icon-tags::before { content: @tags; }
 590 .icon-book::before { content: @book; }
 591 .icon-bookmark::before { content: @bookmark; }
 592 .icon-print::before { content: @print; }
 593 .icon-camera::before { content: @camera; }
 594 .icon-font::before { content: @font; }
 595 .icon-bold::before { content: @bold; }
 596 .icon-italic::before { content: @italic; }
 597 .icon-text-height::before { content: @text-height; }
 598 .icon-text-width::before { content: @text-width; }
 599 .icon-align-left::before { content: @align-left; }
 600 .icon-align-center::before { content: @align-center; }
 601 .icon-align-right::before { content: @align-right; }
 602 .icon-align-justify::before { content: @align-justify; }
 603 .icon-list::before { content: @list; }
 604 .icon-indent-left::before { content: @indent-left; }
 605 .icon-indent-right::before { content: @indent-right; }
 606 .icon-facetime-video::before { content: @facetime-video; }
 607 .icon-picture::before { content: @picture; }
 608 .icon-pencil::before { content: @pencil; }
 609 .icon-map-marker::before { content: @map-marker; }
 610 .icon-adjust::before { content: @adjust; }
 611 .icon-tint::before { content: @tint; }
 612 .icon-edit::before { content: @edit; }
 613 .icon-share::before { content: @share; }
 614 .icon-check::before { content: @check; }
 615 .icon-move::before { content: @move; }
 616 .icon-step-backward::before { content: @step-backward; }
 617 .icon-fast-backward::before { content: @fast-backward; }
 618 .icon-backward::before { content: @backward; }
 619 .icon-play::before { content: @play; }
 620 .icon-pause::before { content: @pause; }
 621 .icon-stop::before { content: @stop; }
 622 .icon-forward::before { content: @forward; }
 623 .icon-fast-forward::before { content: @fast-forward; }
 624 .icon-step-forward::before { content: @step-forward; }
 625 .icon-eject::before { content: @eject; }
 626 .icon-chevron-left::before { content: @chevron-left; }
 627 .icon-chevron-right::before { content: @chevron-right; }
 628 .icon-plus-sign::before { content: @plus-sign; }
 629 .icon-minus-sign::before { content: @minus-sign; }
 630 .icon-remove-sign::before { content: @remove-sign; }
 631 .icon-ok-sign::before { content: @ok-sign; }
 632 .icon-question-sign::before { content: @question-sign; }
 633 .icon-info-sign::before { content: @info-sign; }
 634 .icon-screenshot::before { content: @screenshot; }
 635 .icon-remove-circle::before { content: @remove-circle; }
 636 .icon-ok-circle::before { content: @ok-circle; }
 637 .icon-ban-circle::before { content: @ban-circle; }
 638 .icon-arrow-left::before { content: @arrow-left; }
 639 .icon-arrow-right::before { content: @arrow-right; }
 640 .icon-arrow-up::before { content: @arrow-up; }
 641 .icon-arrow-down::before { content: @arrow-down; }
 642 .icon-mail-forward::before,
 643 .icon-share-alt::before { content: @share-alt; }
 644 .icon-resize-full::before { content: @resize-full; }
 645 .icon-resize-small::before { content: @resize-small; }
 646 .icon-plus::before { content: @plus; }
 647 .icon-minus::before { content: @minus; }
 648 .icon-asterisk::before { content: @asterisk; }
 649 .icon-exclamation-sign::before { content: @exclamation-sign; }
 650 .icon-gift::before { content: @gift; }
 651 .icon-leaf::before { content: @leaf; }
 652 .icon-fire::before { content: @fire; }
 653 .icon-eye-open::before { content: @eye-open; }
 654 .icon-eye-close::before { content: @eye-close; }
 655 .icon-warning-sign::before { content: @warning-sign; }
 656 .icon-plane::before { content: @plane; }
 657 .icon-calendar::before { content: @calendar; }
 658 .icon-random::before { content: @random; }
 659 .icon-comment::before { content: @comment; }
 660 .icon-magnet::before { content: @magnet; }
 661 .icon-chevron-up::before { content: @chevron-up; }
 662 .icon-chevron-down::before { content: @chevron-down; }
 663 .icon-retweet::before { content: @retweet; }
 664 .icon-shopping-cart::before { content: @shopping-cart; }
 665 .icon-folder-close::before { content: @folder-close; }
 666 .icon-folder-open::before { content: @folder-open; }
 667 .icon-resize-vertical::before { content: @resize-vertical; }
 668 .icon-resize-horizontal::before { content: @resize-horizontal; }
 669 .icon-bar-chart::before { content: @bar-chart; }
 670 .icon-twitter-sign::before { content: @twitter-sign; }
 671 .icon-facebook-sign::before { content: @facebook-sign; }
 672 .icon-camera-retro::before { content: @camera-retro; }
 673 .icon-key::before { content: @key; }
 674 .icon-gears::before,
 675 .icon-cogs::before { content: @cogs; }
 676 .icon-comments::before { content: @comments; }
 677 .icon-thumbs-up-alt::before { content: @thumbs-up-alt; }
 678 .icon-thumbs-down-alt::before { content: @thumbs-down-alt; }
 679 .icon-star-half::before { content: @star-half; }
 680 .icon-heart-empty::before { content: @heart-empty; }
 681 .icon-signout::before { content: @signout; }
 682 .icon-linkedin-sign::before { content: @linkedin-sign; }
 683 .icon-pushpin::before { content: @pushpin; }
 684 .icon-external-link::before { content: @external-link; }
 685 .icon-signin::before { content: @signin; }
 686 .icon-trophy::before { content: @trophy; }
 687 .icon-github-sign::before { content: @github-sign; }
 688 .icon-upload-alt::before { content: @upload-alt; }
 689 .icon-lemon::before { content: @lemon; }
 690 .icon-phone::before { content: @phone; }
 691 .icon-unchecked::before,
 692 .icon-check-empty::before { content: @check-empty; }
 693 .icon-bookmark-empty::before { content: @bookmark-empty; }
 694 .icon-phone-sign::before { content: @phone-sign; }
 695 .icon-twitter::before { content: @twitter; }
 696 .icon-facebook::before { content: @facebook; }
 697 .icon-github::before { content: @github; }
 698 .icon-unlock::before { content: @unlock; }
 699 .icon-credit-card::before { content: @credit-card; }
 700 .icon-rss::before { content: @rss; }
 701 .icon-hdd::before { content: @hdd; }
 702 .icon-bullhorn::before { content: @bullhorn; }
 703 .icon-bell::before { content: @bell; }
 704 .icon-certificate::before { content: @certificate; }
 705 .icon-hand-right::before { content: @hand-right; }
 706 .icon-hand-left::before { content: @hand-left; }
 707 .icon-hand-up::before { content: @hand-up; }
 708 .icon-hand-down::before { content: @hand-down; }
 709 .icon-circle-arrow-left::before { content: @circle-arrow-left; }
 710 .icon-circle-arrow-right::before { content: @circle-arrow-right; }
 711 .icon-circle-arrow-up::before { content: @circle-arrow-up; }
 712 .icon-circle-arrow-down::before { content: @circle-arrow-down; }
 713 .icon-globe::before { content: @globe; }
 714 .icon-wrench::before { content: @wrench; }
 715 .icon-tasks::before { content: @tasks; }
 716 .icon-filter::before { content: @filter; }
 717 .icon-briefcase::before { content: @briefcase; }
 718 .icon-fullscreen::before { content: @fullscreen; }
 719 .icon-group::before { content: @group; }
 720 .icon-link::before { content: @link; }
 721 .icon-cloud::before { content: @cloud; }
 722 .icon-beaker::before { content: @beaker; }
 723 .icon-cut::before { content: @cut; }
 724 .icon-copy::before { content: @copy; }
 725 .icon-paperclip::before,
 726 .icon-paper-clip::before { content: @paper-clip; }
 727 .icon-save::before { content: @save; }
 728 .icon-sign-blank::before { content: @sign-blank; }
 729 .icon-reorder::before { content: @reorder; }
 730 .icon-list-ul::before { content: @list-ul; }
 731 .icon-list-ol::before { content: @list-ol; }
 732 .icon-strikethrough::before { content: @strikethrough; }
 733 .icon-underline::before { content: @underline; }
 734 .icon-table::before { content: @table; }
 735 .icon-magic::before { content: @magic; }
 736 .icon-truck::before { content: @truck; }
 737 .icon-pinterest::before { content: @pinterest; }
 738 .icon-pinterest-sign::before { content: @pinterest-sign; }
 739 .icon-google-plus-sign::before { content: @google-plus-sign; }
 740 .icon-google-plus::before { content: @google-plus; }
 741 .icon-money::before { content: @money; }
 742 .icon-caret-down::before { content: @caret-down; }
 743 .icon-caret-up::before { content: @caret-up; }
 744 .icon-caret-left::before { content: @caret-left; }
 745 .icon-caret-right::before { content: @caret-right; }
 746 .icon-columns::before { content: @columns; }
 747 .icon-sort::before { content: @sort; }
 748 .icon-sort-down::before { content: @sort-down; }
 749 .icon-sort-up::before { content: @sort-up; }
 750 .icon-envelope::before { content: @envelope; }
 751 .icon-linkedin::before { content: @linkedin; }
 752 .icon-rotate-left::before,
 753 .icon-undo::before { content: @undo; }
 754 .icon-legal::before { content: @legal; }
 755 .icon-dashboard::before { content: @dashboard; }
 756 .icon-comment-alt::before { content: @comment-alt; }
 757 .icon-comments-alt::before { content: @comments-alt; }
 758 .icon-bolt::before { content: @bolt; }
 759 .icon-sitemap::before { content: @sitemap; }
 760 .icon-umbrella::before { content: @umbrella; }
 761 .icon-paste::before { content: @paste; }
 762 .icon-lightbulb::before { content: @lightbulb; }
 763 .icon-exchange::before { content: @exchange; }
 764 .icon-cloud-download::before { content: @cloud-download; }
 765 .icon-cloud-upload::before { content: @cloud-upload; }
 766 .icon-user-md::before { content: @user-md; }
 767 .icon-stethoscope::before { content: @stethoscope; }
 768 .icon-suitcase::before { content: @suitcase; }
 769 .icon-bell-alt::before { content: @bell-alt; }
 770 .icon-coffee::before { content: @coffee; }
 771 .icon-food::before { content: @food; }
 772 .icon-file-text-alt::before { content: @file-text-alt; }
 773 .icon-building::before { content: @building; }
 774 .icon-hospital::before { content: @hospital; }
 775 .icon-ambulance::before { content: @ambulance; }
 776 .icon-medkit::before { content: @medkit; }
 777 .icon-fighter-jet::before { content: @fighter-jet; }
 778 .icon-beer::before { content: @beer; }
 779 .icon-h-sign::before { content: @h-sign; }
 780 .icon-plus-sign-alt::before { content: @plus-sign-alt; }
 781 .icon-double-angle-left::before { content: @double-angle-left; }
 782 .icon-double-angle-right::before { content: @double-angle-right; }
 783 .icon-double-angle-up::before { content: @double-angle-up; }
 784 .icon-double-angle-down::before { content: @double-angle-down; }
 785 .icon-angle-left::before { content: @angle-left; }
 786 .icon-angle-right::before { content: @angle-right; }
 787 .icon-angle-up::before { content: @angle-up; }
 788 .icon-angle-down::before { content: @angle-down; }
 789 .icon-desktop::before { content: @desktop; }
 790 .icon-laptop::before { content: @laptop; }
 791 .icon-tablet::before { content: @tablet; }
 792 .icon-mobile-phone::before { content: @mobile-phone; }
 793 .icon-circle-blank::before { content: @circle-blank; }
 794 .icon-quote-left::before { content: @quote-left; }
 795 .icon-quote-right::before { content: @quote-right; }
 796 .icon-spinner::before { content: @spinner !important; }
 797 .icon-circle::before { content: @circle; }
 798 .icon-mail-reply::before,
 799 .icon-reply::before { content: @reply; }
 800 .icon-github-alt::before { content: @github-alt; }
 801 .icon-folder-close-alt::before { content: @folder-close-alt; }
 802 .icon-folder-open-alt::before { content: @folder-open-alt; }
 803 .icon-expand-alt::before { content: @expand-alt; }
 804 .icon-collapse-alt::before { content: @collapse-alt; }
 805 .icon-smile::before { content: @smile; }
 806 .icon-frown::before { content: @frown; }
 807 .icon-meh::before { content: @meh; }
 808 .icon-gamepad::before { content: @gamepad; }
 809 .icon-keyboard::before { content: @keyboard; }
 810 .icon-flag-alt::before { content: @flag-alt; }
 811 .icon-flag-checkered::before { content: @flag-checkered; }
 812 .icon-terminal::before { content: @terminal; }
 813 .icon-code::before { content: @code; }
 814 .icon-reply-all::before { content: @reply-all; }
 815 .icon-mail-reply-all::before { content: @mail-reply-all; }
 816 .icon-star-half-full::before,
 817 .icon-star-half-empty::before { content: @star-half-empty; }
 818 .icon-location-arrow::before { content: @location-arrow; }
 819 .icon-crop::before { content: @crop; }
 820 .icon-code-fork::before { content: @code-fork; }
 821 .icon-unlink::before { content: @unlink; }
 822 .icon-question::before { content: @question; }
 823 .icon-info::before { content: @info; }
 824 .icon-exclamation::before { content: @exclamation; }
 825 .icon-superscript::before { content: @superscript; }
 826 .icon-subscript::before { content: @subscript; }
 827 .icon-eraser::before { content: @eraser; }
 828 .icon-puzzle-piece::before { content: @puzzle-piece; }
 829 .icon-microphone::before { content: @microphone; }
 830 .icon-microphone-off::before { content: @microphone-off; }
 831 .icon-shield::before { content: @shield; }
 832 .icon-calendar-empty::before { content: @calendar-empty; }
 833 .icon-fire-extinguisher::before { content: @fire-extinguisher; }
 834 .icon-rocket::before { content: @rocket; }
 835 .icon-maxcdn::before { content: @maxcdn; }
 836 .icon-chevron-sign-left::before { content: @chevron-sign-left; }
 837 .icon-chevron-sign-right::before { content: @chevron-sign-right; }
 838 .icon-chevron-sign-up::before { content: @chevron-sign-up; }
 839 .icon-chevron-sign-down::before { content: @chevron-sign-down; }
 840 .icon-html5::before { content: @html5; }
 841 .icon-css3::before { content: @css3; }
 842 .icon-anchor::before { content: @anchor; }
 843 .icon-unlock-alt::before { content: @unlock-alt; }
 844 .icon-bullseye::before { content: @bullseye; }
 845 .icon-ellipsis-horizontal::before { content: @ellipsis-horizontal; }
 846 .icon-ellipsis-vertical::before { content: @ellipsis-vertical; }
 847 .icon-rss-sign::before { content: @rss-sign; }
 848 .icon-play-sign::before { content: @play-sign; }
 849 .icon-ticket::before { content: @ticket; }
 850 .icon-minus-sign-alt::before { content: @minus-sign-alt; }
 851 .icon-check-minus::before { content: @check-minus; }
 852 .icon-level-up::before { content: @level-up; }
 853 .icon-level-down::before { content: @level-down; }
 854 .icon-check-sign::before { content: @check-sign; }
 855 .icon-edit-sign::before { content: @edit-sign; }
 856 .icon-external-link-sign::before { content: @external-link-sign; }
 857 .icon-share-sign::before { content: @share-sign; }
 858 .icon-compass::before { content: @compass; }
 859 .icon-collapse::before { content: @collapse; }
 860 .icon-collapse-top::before { content: @collapse-top; }
 861 .icon-expand::before { content: @expand; }
 862 .icon-euro::before,
 863 .icon-eur::before { content: @eur; }
 864 .icon-gbp::before { content: @gbp; }
 865 .icon-dollar::before,
 866 .icon-usd::before { content: @usd; }
 867 .icon-rupee::before,
 868 .icon-inr::before { content: @inr; }
 869 .icon-yen::before,
 870 .icon-jpy::before { content: @jpy; }
 871 .icon-renminbi::before,
 872 .icon-cny::before { content: @cny; }
 873 .icon-won::before,
 874 .icon-krw::before { content: @krw; }
 875 .icon-bitcoin::before,
 876 .icon-btc::before { content: @btc; }
 877 .icon-file::before { content: @file; }
 878 .icon-file-text::before { content: @file-text; }
 879 .icon-sort-by-alphabet::before { content: @sort-by-alphabet; }
 880 .icon-sort-by-alphabet-alt::before { content: @sort-by-alphabet-alt; }
 881 .icon-sort-by-attributes::before { content: @sort-by-attributes; }
 882 .icon-sort-by-attributes-alt::before { content: @sort-by-attributes-alt; }
 883 .icon-sort-by-order::before { content: @sort-by-order; }
 884 .icon-sort-by-order-alt::before { content: @sort-by-order-alt; }
 885 .icon-thumbs-up::before { content: @thumbs-up; }
 886 .icon-thumbs-down::before { content: @thumbs-down; }
 887 .icon-youtube-sign::before { content: @youtube-sign; }
 888 .icon-youtube::before { content: @youtube; }
 889 .icon-xing::before { content: @xing; }
 890 .icon-xing-sign::before { content: @xing-sign; }
 891 .icon-youtube-play::before { content: @youtube-play; }
 892 .icon-dropbox::before { content: @dropbox; }
 893 .icon-stackexchange::before { content: @stackexchange; }
 894 .icon-instagram::before { content: @instagram; }
 895 .icon-flickr::before { content: @flickr; }
 896 .icon-adn::before { content: @adn; }
 897 .icon-bitbucket::before { content: @bitbucket; }
 898 .icon-bitbucket-sign::before { content: @bitbucket-sign; }
 899 .icon-tumblr::before { content: @tumblr; }
 900 .icon-tumblr-sign::before { content: @tumblr-sign; }
 901 .icon-long-arrow-down::before { content: @long-arrow-down; }
 902 .icon-long-arrow-up::before { content: @long-arrow-up; }
 903 .icon-long-arrow-left::before { content: @long-arrow-left; }
 904 .icon-long-arrow-right::before { content: @long-arrow-right; }
 905 .icon-apple::before { content: @apple; }
 906 .icon-windows::before { content: @windows; }
 907 .icon-android::before { content: @android; }
 908 .icon-linux::before { content: @linux; }
 909 .icon-dribbble::before { content: @dribbble; }
 910 .icon-skype::before { content: @skype; }
 911 .icon-foursquare::before { content: @foursquare; }
 912 .icon-trello::before { content: @trello; }
 913 .icon-female::before { content: @female; }
 914 .icon-male::before { content: @male; }
 915 .icon-gittip::before { content: @gittip; }
 916 .icon-sun::before { content: @sun; }
 917 .icon-moon::before { content: @moon; }
 918 .icon-archive::before { content: @archive; }
 919 .icon-bug::before { content: @bug; }
 920 .icon-vk::before { content: @vk; }
 921 .icon-weibo::before { content: @weibo; }
 922 .icon-renren::before { content: @renren; }