Font Awesome icon usage statistics

  • 3 types of Font Awesome iconic font are used and found 5 times in total.
  • DESIGNLUXURIA.COM used 1.7 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of DESIGNLUXURIA.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • DESIGNLUXURIA.COM includes "http://cache.designluxuria.com/wp-content/cache/min/1/c66d40572db4b42caf10245b9358e7a1.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'vc_grid_v1';src:url('/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.eot?-9hbgac');src:url('/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.eot?#iefix-9hbgac') format('embedded-opentype'), url('/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.woff?-9hbgac') format('woff'), url('/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.ttf?-9hbgac') format('truetype'), url('/wp-content/plugins/js_composer/assets/fonts/vc_grid/vc_grid_v1.svg?-9hbgac#vc_grid_v1') format('svg');font-weight:normal;font-style:normal}[class^="vc_arrow-icon-"],
    [class*=" vc_arrow-icon-"]{font-family:'vc_grid_v1';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.vc_arrow-icon-minus:before{content:"\e61c"}.vc_arrow-icon-plus:before{content:"\e61d"}.vc_arrow-icon-arrow_down:before{content:"\e61e"}.vc_arrow-icon-arrow_up:before{content:"\e61f"}.vc_arrow-icon-arrow_01_left:before{content:"\e600"}.vc_arrow-icon-arrow_01_right:before{content:"\e601"}.vc_arrow-icon-arrow_02_left:before{content:"\e602"}.vc_arrow-icon-arrow_02_right:before{content:"\e603"}.vc_arrow-icon-arrow_03_left:before{content:"\e604"}.vc_arrow-icon-arrow_03_right:before{content:"\e605"}.vc_arrow-icon-arrow_04_left:before{content:"\e606"}.vc_arrow-icon-arrow_04_right:before{content:"\e607"}.vc_arrow-icon-arrow_05_left:before{content:"\e608"}.vc_arrow-icon-arrow_05_right:before{content:"\e609"}.vc_arrow-icon-arrow_06_left:before{content:"\e60a"}.vc_arrow-icon-arrow_06_right:before{content:"\e60b"}.vc_arrow-icon-arrow_07_left:before{content:"\e60c"}.vc_arrow-icon-arrow_07_right:before{content:"\e60d"}.vc_arrow-icon-arrow_08_left:before{content:"\e60e"}.vc_arrow-icon-arrow_08_right:before{content:"\e60f"}.vc_arrow-icon-arrow_09_left:before{content:"\e610"}.vc_arrow-icon-arrow_09_right:before{content:"\e611"}.vc_arrow-icon-arrow_10_left:before{content:"\e612"}.vc_arrow-icon-arrow_10_right:before{content:"\e613"}.vc_arrow-icon-arrow_11_left:before{content:"\e614"}.vc_arrow-icon-arrow_11_right:before{content:"\e615"}.vc_arrow-icon-arrow_12_left:before{content:"\e616"}.vc_arrow-icon-arrow_12_right:before{content:"\e617"}.vc_arrow-icon-navicon:before{content:"\f0c9"}.wpb_animate_when_almost_visible{opacity:0}.wpb_start_animation.wpb_top-to-bottom{-webkit-animation:wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_ttb 0.7s 1 cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}.wpb_start_animation.wpb_bottom-to-top{-webkit-animation:wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_btt 0.7s 1 cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}.wpb_start_animation.wpb_left-to-right{-webkit-animation:wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_ltr 0.7s 1 cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}.wpb_start_animation.wpb_right-to-left{-webkit-animation:wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_rtl 0.7s 1 cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}.wpb_start_animation.wpb_appear{-webkit-animation:wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}@-webkit-keyframes
    wpb_ttb{0%{-webkit-transform:translate(0,-10%);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes
    wpb_ttb{0%{-moz-transform:translate(0,-10%);opacity:0}100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes
    wpb_ttb{0%{-o-transform:translate(0,-10%);opacity:0}100%{-o-transform:translate(0, 0);opacity:1}}@keyframes
    wpb_ttb{0%{transform:translate(0,-10%);opacity:0}100%{transform:translate(0, 0);opacity:1}}@-webkit-keyframes
    wpb_btt{0%{-webkit-transform:translate(0,10%);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes
    wpb_btt{0%{-moz-transform:translate(0,10%);opacity:0}100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes
    wpb_btt{0%{-o-transform:translate(0,10%);opacity:0}100%{-o-transform:translate(0, 0);opacity:1}}@keyframes
    wpb_btt{0%{transform:translate(0,10%);opacity:0}100%{transform:translate(0, 0);opacity:1}}@-webkit-keyframes
    wpb_ltr{0%{-webkit-transform:translate(-10%,0);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes
    wpb_ltr{0%{-moz-transform:translate(-10%,0);opacity:0}100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes
    wpb_ltr{0%{-o-transform:translate(-10%,0);opacity:0}100%{-o-transform:translate(0, 0);opacity:1}}@keyframes
    wpb_ltr{0%{transform:translate(-10%,0);opacity:0}100%{transform:translate(0, 0);opacity:1}}@-webkit-keyframes
    wpb_rtl{0%{-webkit-transform:translate(10%,0);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes
    wpb_rtl{0%{-moz-transform:translate(10%,0);opacity:0}100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes
    wpb_rtl{0%{-o-transform:translate(10%,0);opacity:0}100%{-o-transform:translate(0, 0);opacity:1}}@keyframes
    wpb_rtl{0%{transform:translate(10%,0);opacity:0}100%{transform:translate(0, 0);opacity:1}}@-webkit-keyframes
    wpb_appear{0%{-webkit-transform:scale(0.5);opacity:0.1}100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes
    wpb_appear{0%{-moz-transform:scale(0.5);opacity:0.1}100%{-moz-transform:scale(1);opacity:1}}@-o-keyframes
    wpb_appear{0%{-o-transform:scale(0.5);opacity:0.1}100%{-o-transform:scale(1);opacity:1}}@keyframes
    wpb_appear{0%{transform:scale(0.5);opacity:0.1}100%{transform:scale(1);opacity:1}}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px
    auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;width:auto \9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,
    .google-maps
    img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,
    html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media
    print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px
    solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px
    solid #ccc;border:1px
    solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom
    .container{width:940px}.span12{width:940px}.span11{width:860px}.span10{width:780px}.span9{width:700px}.span8{width:620px}.span7{width:540px}.span6{width:460px}.span5{width:380px}.span4{width:300px}.span3{width:220px}.span2{width:140px}.span1{width:60px}.offset12{margin-left:980px}.offset11{margin-left:900px}.offset10{margin-left:820px}.offset9{margin-left:740px}.offset8{margin-left:660px}.offset7{margin-left:580px}.offset6{margin-left:500px}.offset5{margin-left:420px}.offset4{margin-left:340px}.offset3{margin-left:260px}.offset2{margin-left:180px}.offset1{margin-left:100px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%}.row-fluid
    .span12{width:100%;*width:99.94680851063829%}.row-fluid
    .span11{width:91.48936170212765%;*width:91.43617021276594%}.row-fluid
    .span10{width:82.97872340425532%;*width:82.92553191489361%}.row-fluid
    .span9{width:74.46808510638297%;*width:74.41489361702126%}.row-fluid
    .span8{width:65.95744680851064%;*width:65.90425531914893%}.row-fluid
    .span7{width:57.44680851063829%;*width:57.39361702127659%}.row-fluid
    .span6{width:48.93617021276595%;*width:48.88297872340425%}.row-fluid
    .span5{width:40.42553191489362%;*width:40.37234042553192%}.row-fluid
    .span4{width:31.914893617021278%;*width:31.861702127659576%}.row-fluid
    .span3{width:23.404255319148934%;*width:23.351063829787233%}.row-fluid
    .span2{width:14.893617021276595%;*width:14.840425531914894%}.row-fluid
    .span1{width:6.382978723404255%;*width:6.329787234042553%}.row-fluid
    .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%}.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%}.row-fluid
    .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%}.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%}.row-fluid
    .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%}.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%}.row-fluid
    .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%}.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%}.row-fluid
    .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%}.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%}.row-fluid
    .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%}.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%}.row-fluid
    .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%}.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%}.row-fluid
    .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%}.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%}.row-fluid
    .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%}.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%}.row-fluid
    .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%}.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%}.row-fluid
    .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%}.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%}.row-fluid
    .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%}.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%}[class*="span"].hide,
    .row-fluid [class*="span"].hide{display:none}[class*="span"].pull-right,
    .row-fluid [class*="span"].pull-right{float:right}.container{margin-right:auto;margin-left:auto;*zoom:1}.container:before,.container:after{display:table;content:"";line-height:0}.container:after{clear:both}.container-fluid{padding-right:20px;padding-left:20px;*zoom:1}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0}.container-fluid:after{clear:both}code,pre{padding:0
    3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}code{padding:2px
    4px;color:#d14;background-color:#f7f7f9;border:1px
    solid #e1e1e8;white-space:nowrap}pre{display:block;padding:9.5px;margin:0
    0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px
    solid #ccc;border:1px
    solid rgba(0,0,0,0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}pre.prettyprint{margin-bottom:20px}pre
    code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}.table{width:100%;margin-bottom:20px}.table th,
    .table
    td{padding:10px
    12px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ddd}.table
    th{font-weight:normal;color:#292d33;text-transform:uppercase}.table thead
    th{vertical-align:bottom}.table caption+thead tr:first-child th,
    .table caption+thead tr:first-child td,
    .table colgroup+thead tr:first-child th,
    .table colgroup+thead tr:first-child td,
    .table thead:first-child tr:first-child th,
    .table thead:first-child tr:first-child
    td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table
    .table{background-color:#fff}.table-condensed th,
    .table-condensed
    td{padding:4px
    5px}.table-bordered{border:1px
    solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.table-bordered th,
    .table-bordered
    td{border-left:1px solid #ddd}.table-bordered caption+thead tr:first-child th,
    .table-bordered caption+tbody tr:first-child th,
    .table-bordered caption+tbody tr:first-child td,
    .table-bordered colgroup+thead tr:first-child th,
    .table-bordered colgroup+tbody tr:first-child th,
    .table-bordered colgroup+tbody tr:first-child td,
    .table-bordered thead:first-child tr:first-child th,
    .table-bordered tbody:first-child tr:first-child th,
    .table-bordered tbody:first-child tr:first-child
    td{border-top:0}.table-bordered thead:first-child tr:first-child>th:first-child,
    .table-bordered tbody:first-child tr:first-child>td:first-child,
    .table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.table-bordered thead:first-child tr:first-child>th:last-child,
    .table-bordered tbody:first-child tr:first-child>td:last-child,
    .table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}.table-bordered thead:last-child tr:last-child>th:first-child,
    .table-bordered tbody:last-child tr:last-child>td:first-child,
    .table-bordered tbody:last-child tr:last-child>th:first-child,
    .table-bordered tfoot:last-child tr:last-child>td:first-child,
    .table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.table-bordered thead:last-child tr:last-child>th:last-child,
    .table-bordered tbody:last-child tr:last-child>td:last-child,
    .table-bordered tbody:last-child tr:last-child>th:last-child,
    .table-bordered tfoot:last-child tr:last-child>td:last-child,
    .table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}.table-bordered caption+thead tr:first-child th:first-child,
    .table-bordered caption+tbody tr:first-child td:first-child,
    .table-bordered colgroup+thead tr:first-child th:first-child,
    .table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.table-bordered caption+thead tr:first-child th:last-child,
    .table-bordered caption+tbody tr:first-child td:last-child,
    .table-bordered colgroup+thead tr:first-child th:last-child,
    .table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}.table-striped tbody>tr:nth-child(odd)>td,
    .table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover tbody tr:hover>td,
    .table-hover tbody tr:hover>th{background-color:#f5f5f5}table td[class*="span"],
    table th[class*="span"],
    .row-fluid table td[class*="span"],
    .row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0}.table td.span1,
    .table
    th.span1{float:none;width:44px;margin-left:0}.table td.span2,
    .table
    th.span2{float:none;width:124px;margin-left:0}.table td.span3,
    .table
    th.span3{float:none;width:204px;margin-left:0}.table td.span4,
    .table
    th.span4{float:none;width:284px;margin-left:0}.table td.span5,
    .table
    th.span5{float:none;width:364px;margin-left:0}.table td.span6,
    .table
    th.span6{float:none;width:444px;margin-left:0}.table td.span7,
    .table
    th.span7{float:none;width:524px;margin-left:0}.table td.span8,
    .table
    th.span8{float:none;width:604px;margin-left:0}.table td.span9,
    .table
    th.span9{float:none;width:684px;margin-left:0}.table td.span10,
    .table
    th.span10{float:none;width:764px;margin-left:0}.table td.span11,
    .table
    th.span11{float:none;width:844px;margin-left:0}.table td.span12,
    .table
    th.span12{float:none;width:924px;margin-left:0}.table tbody tr.success>td{background-color:#dff0d8}.table tbody tr.error>td{background-color:#f2dede}.table tbody tr.warning>td{background-color:#fcf8e3}.table tbody tr.info>td{background-color:#d9edf7}.table-hover tbody tr.success:hover>td{background-color:#d0e9c6}.table-hover tbody tr.error:hover>td{background-color:#ebcccc}.table-hover tbody tr.warning:hover>td{background-color:#faf2cc}.table-hover tbody tr.info:hover>td{background-color:#c4e3f3}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:0.8;filter:alpha(opacity=80)}.tooltip.top{margin-top:-3px;padding:5px
    0}.tooltip.right{margin-left:3px;padding:0
    5px}.tooltip.bottom{margin-top:3px;padding:5px
    0}.tooltip.left{margin-left:-3px;padding:0
    5px}.tooltip-inner{max-width:200px;padding:8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.fade.in{opacity:1}.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease}.collapse.in{height:auto}.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000;text-shadow:0 1px 0 #fff;opacity:0.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80)}.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#fff;border:1px
    solid #999;border:1px
    solid rgba(0,0,0,0.3);*border:1px
    solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%}.modal.fade.in{top:10%}.modal-header{padding:20px
    25px;border-bottom:1px solid #eee}.modal-header
    .close{margin-top:2px}.modal-header
    h3{margin:0;line-height:30px}.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:30px}.modal-form{margin-bottom:0}.modal-footer{padding:14px
    15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #fff;-moz-box-shadow:inset 0 1px 0 #fff;box-shadow:inset 0 1px 0 #fff;*zoom:1}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none !important}.visible-tablet{display:none !important}.hidden-desktop{display:none !important}.visible-desktop{display:inherit !important}@font-face{font-family:'FontAwesome';src:url('/wp-content/themes/legenda/css/fonts/fontawesome-webfont.eot?v=3.2.1');src:url('/wp-content/themes/legenda/css/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('/wp-content/themes/legenda/css/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('/wp-content/themes/legenda/css/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('/wp-content/themes/legenda/css/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal}

Examples and source code

icon-reorder

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-reorder"></i> icon-reorder
Icon classes are echoed via CSS :before.

icon-reorder

icon-reorder

icon-reorder

icon-reorder

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-reorder icon-large"></i> icon-reorder</p>
<p><i class=" icon-reorder icon-2x"></i> icon-reorder</p>
<p><i class=" icon-reorder icon-3x"></i> icon-reorder</p>
<p><i class=" icon-reorder icon-4x"></i> icon-reorder</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-reorder"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-reorder icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-reorder icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-reorder"></i>  normal<br>
<i class=" icon-reorder icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-reorder icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-reorder icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-reorder icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-reorder icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-reorder icon-2x icon-spin"></i>
<i class=" icon-reorder icon-3x icon-spin"></i>
<i class=" icon-reorder icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-reorder on icon-check-empty
icon-reorder on icon-circle
icon-reorderl on icon-sign-blank
icon-ban-circle on icon-reorder

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-reorder "></i>
</span>
icon-reorder on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-reorder icon-light"></i>
</span>
icon-reorder on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-reorder icon-light "></i>
</span>
icon-reorder on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-reorder icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-reorder