Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • ENVIEOUS.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of ENVIEOUS.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • ENVIEOUS.COM includes "http://www.ENVIEOUS.COM/rw_common/themes/reservations/consolidated-0.css" to use Font Awesome and information from CSS is like below.
  • @font-face {    font-family: 'BebasNeueRegular';    src: url('font/BebasNeue-webfont.eot');    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),         url('font/BebasNeue-webfont.woff') format('woff'),         url('font/BebasNeue-webfont.ttf') format('truetype'),         url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'TheanoDidotRegular';    src: url('font/TheanoDidot-Regular-webfont.eot');    src: url('font/TheanoDidot-Regular-webfont.eot?#iefix') format('embedded-opentype'),         url('font/TheanoDidot-Regular-webfont.woff') format('woff'),         url('font/TheanoDidot-Regular-webfont.ttf') format('truetype'),         url('font/TheanoDidot-Regular-webfont.svg#TheanoDidotRegular') format('svg');    font-weight: normal;    font-style: normal;}@font-face {font-family: 'zocial';font-style: normal;font-weight: normal;src: url('font/zocial-regular-webfont.eot');src: url('font/zocial-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/zocial-regular-webfont.woff') format('woff'), url('font/zocial-regular-webfont.ttf') format('truetype'), url('font/zocial-regular-webfont.svg#ZocialRegular') format('svg');}/* end font embed *//* @end *//* @group Structure */body {}.sticky {  position: fixed;  top: 0;}header {}.banner .container { min-width: 1400px; overflow: hidden;}.banner {width: 100%;position: relative;}#topHeader {position: relative;margin: 145px 0 0 0;height: 170px;width: 100%;border-top: 1px solid;border-bottom: 1px solid;}.apdiv {position:absolute;top:0;left:0;bottom:0;width:100%;opacity:.75; /* FX/Opera/Safari/Chrome */-ms-filter:"alpha(opacity=75)"; /* IE8 */filter:alpha(opacity=75); /* IE6/IE7 */}#bttmHeader {margin: 157px 0 0 0;width: 100%;height: 60px;border-top: 1px solid white;}header h2#slogan {margin: 35px 0 0 0;text-align: center;font-size: 14px;line-height: normal;font-family: 'Source Sans Pro', sans-serif;font-weight: 300;letter-spacing: 6px;}header h1#title {text-align: center;font-size: 96px;line-height: normal;font-family: 'Source Sans Pro', sans-serif;font-weight: 700;letter-spacing: 6px;}#bttmHeader .container {max-width: 1400px;}a#logo {}a#logo img {}#socialIcons {font-weight: 100 !important;}#socialIcons a {padding: 20px 16px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}section #socialIcons {position: relative;text-align: center !important;font-size: 26px;line-height: normal;}/* @end *//* End ribbon style */nav {width: 100%;position: relative;float: left;margin: 0 auto;letter-spacing: 1px;z-index: 900;}.nav-container {width: 1400px;}nav ul {float: right;padding: 0;font-size: 13px;z-index: 10;}nav li a {-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}nav ul li {text-align: left;position: relative;display: inline-block;line-height: 26px;padding: 17px;}nav ul ul li {margin: 0;}nav ul li a{display: block;}nav ul ul li a {margin: 0 20px;}nav li ul li{font-size: 1em;line-height: 16px;background: #ffffff;opacity: .85;width: 100%;padding:0;margin: 0;opacity: 1;}nav li ul li a {padding: 18px 0;}nav ul li { -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}nav ul ul li, nav ul ul li:hover {border-left: 1px solid #444;border-left: 1px solid rgba(150,150,150,0.1);border-right: 1px solid #444;border-right: 1px solid rgba(150,150,150,0.1);border-bottom: 1px solid #444;border-bottom: 1px solid rgba(150,150,150,0.1);}/* @group Suckerfish CSS */nav li ul { position: absolute;width: 240px;top: 0;left: -999em;padding-top: 25px;margin-top: 35px;margin-left: -17px;}nav li ul ul { margin: 0 0 0 240px;padding:0; }nav li:hover ul ul, nav li:hover ul ul ul, nav li:hover ul ul ul ul, nav li:hover ul ul ul ul ul, nav li.sfhover ul ul, nav li.sfhover ul ul ul,nav li.sfhover ul ul ul ul, nav li.sfhover ul ul ul ul ul {left: -999em;}nav li:hover ul, nav li li:hover ul, nav li li li:hover ul, nav li li li li:hover ul, nav li li li li li:hover ul, nav li li li li li li:hover ul,nav li.sfhover ul, nav li li.sfhover ul, nav li li li.sfhover ul,nav li li li li.sfhover ul,nav li li li li li.sfhover ulnav li li li li lili.sfhover ul {left:auto;}nav ul ul span.sf-sub-indicator { display: none;}.sf-sub-indicator {position: relative;top: -1px;}/*Start Menu Nav */.skiptonav {text-align: center;font-size: 20px;letter-spacing: 2px;font-weight: normal;font-family: 'Lato', sans-serif;opacity: .925;-ms-filter:"alpha(opacity=92.5)"; /* IE8 */filter:alpha(opacity=92.5); /* IE6/IE7 */}.skiptonav a {display: block;padding: 18px 0;}#menu {padding: 0;position: relative;letter-spacing: 3px;text-align: center;}#menu>ul {margin: 0;list-style: none;line-height: 55px;position: relative;font-size: .825em;}#menu ul li li {padding: 8px 0;list-style: none;}#menu ul ul ul { }#menu>ul>li a {display: inline-block;background-repeat: no-repeat;}#menu>ul>li>a:hover,#menu>ul>li>a.current,#menu>ul>li>a.currentAncestor{background-repeat: no-repeat;}#menu>ul>li>a.current:hover{background-image: none;text-shadow: none;}#menu ul ul { line-height: 14px;letter-spacing: 0;padding: 0 0 16px 0;margin: 0;}#menu ul ul ul {padding: 6px 0 0 0;}#menu ul ul>li{margin: 0;}#menu ul ul>li>a{padding: 3px 6px 5px;}#menu ul li {    border-top: 1px solid rgba(0,0,0,0.1);    border-bottom: 1px solid rgba(255,255,255,0.1);    padding: 0 0 0 21px;}#menu ul li ul li {border: none;}/*end Menu Nav*/#myExtraContent1,#myExtraContent2,#myExtraContent3, #myExtraContent4 {display: none;}#extraContainer1 #myExtraContent1,#extraContainer2 #myExtraContent2,#extraContainer3 #myExtraContent3,#extraContainer4 #myExtraContent4, #extraContainer5 #myExtraContent5 {display: block;}#extraContainer1 {z-index: -10;}#extraContainer1 #myExtraContent1{display: block;z-index: 1;}/* @end *//* FreeStyle banners */#freeStyle img {display: block;max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;}/* Dashed Border Line */#border-top-dotted-plus {    border-top: 1px dotted #c0c0c0;    margin: 2px;}.leftPlus {float: left;height: 5px;width: 9px;background-image: url(images/plus.png);}.rightPlus {float: right;height: 5px;width: 9px;background-image: url(images/plus.png);}/* section */section {}.shadow {height: 16px;width: 100%;margin: 0 0 10px 0;background-position: top center;background-image: url(images/shadow.png);}section li {}section .container {}#main, aside {padding: 50px 0;}aside{}span#asideTitle{display: block;    font-size: 2em;    letter-spacing: 0;    line-height: normal;}div#asidePlug{}.sb_hide{display: none;}.sidebar.left{float: left;}#main.right{float: right;}#myExtraContent1,#myExtraContent2,#myExtraContent3,#myExtraContent4 {display: none;}#myExtraContent3 {clear: both;}/* @group Footer */footer {position: relative;padding: 0 0 36px 0;}footer #left {float: left;font-size: 12px;line-height: normal;}footer p,footer ul,footer ol{}#breadcrumb {float: right;clear: none;font-size: 12px;}#breadcrumb ul a {list-style: none; text-decoration: none; line-height: normal;}#breadcrumb ul{margin: 0;}#breadcrumb li{list-style: none; text-decoration: none; display: inline;}#breadcrumb li a {}#breadcrumblist span{}#extraContainer4 {padding: 0;font-weight: normal;font-size: .75em;line-height: 2em;}/* @end *//* @group Blog *//* @group Tag Cloud */.blog-entry {margin: 0 10px 30px;padding: 0 40px 20px;background: #fff;outline: solid thin #ececec;font-size: 1em;}h1.blog-entry-title {font-size: 1.675em;line-height: 1.1em;padding: 30px 0 11px;}h1.blog-entry-title a{}.blog-entry-date {font-size: .875em;font-weight: bold;font-style: normal;margin-bottom: 1em;}.blog-entry-category a:link, .blog-entry-category a:visited {padding: 0px 6px;margin: 0 4px;font-size: 1em;font-style: normal;font-weight: normal;background-color: #ececec;display: inline-block;border-radius: 2px;}.blog-read-more {}.blog-entry-body {padding-bottom: 10px;overflow: hidden;}a.blog-comment-link {margin-top: 1.0em;padding: 5px 0px 8px 50px;display: inline-block;}p.blog-entry-tags {margin-top: 1em;font-weight: bolder;font-style: normal;font-size: .8em;}p.blog-entry-tags a {padding: 0 6px;margin: 0 4px;font-size: 1.25em;font-weight: normal;font-style: normal;font-family: Arial;background-color: rgba(0, 0, 0, 0.2);display: inline-block;}#blog-categories:before,#blog-archives:before,ul.blog-tag-cloud:before,#blog-rss-feeds:before {display: block;margin-bottom: 7px;text-transform: uppercase;font-weight: bold;font-size: 1em;}/* Categories */#blog-categories,#blog-archives {padding-bottom: 12px;line-height: 2.5em;}#blog-categories br,#blog-archives br {display: none;}#blog-categories:before {content: "Categories";text-transform: uppercase;font-weight: bold;font-size: 1em;line-height: 1em;text-align: center;background-color: rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 0, 0, 0.1);padding: 8px 0;}.blog-category-link-enabled,.blog-archive-link-enabled {display: block;}.blog-category-link-enabled:hover,.blog-archive-link-enabled:hover {}.blog-category-link-disabled,.blog-archive-link-disabled {display: none;}/* Archives */#blog-archives {margin-top: 16px;}#blog-archives:before {content: "Archives";text-transform: uppercase;font-weight: bold;font-size: 1em;line-height: 1em;text-align: center;background-color: rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 0, 0, 0.1);padding: 8px 0;}/* Tag Cloud */section .wrapper ul.blog-tag-cloud {margin: 16px 0 0;padding: 16px 0 0;}ul.blog-tag-cloud:before {content: "Tag cloud";text-transform: uppercase;font-weight: bold;font-size: 1em;line-height: 1em;text-align: center;background-color: rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 0, 0, 0.1);padding: 8px 0;}ul.blog-tag-cloud li {display: inline;margin: 0 4px 0 0;padding: 0;font-size: 1em;}ul.blog-tag-cloud li a {display: inline-block;}ul.blog-tag-cloud li a:hover {text-decoration: underline;}.blog-tag-size-1 {font-size: 0.8em;}.blog-tag-size-2 {font-size: 0.85em;}.blog-tag-size-3 {font-size: 0.9em;}.blog-tag-size-4 {font-size: 0.95em;}.blog-tag-size-5 {font-size: 1em;}.blog-tag-size-6 {font-size: 1.05em;}.blog-tag-size-7 {font-size: 1.1em;}.blog-tag-size-8 {font-size: 1.15em;}.blog-tag-size-9 {font-size: 1.2em;}.blog-tag-size-10 {font-size: 1.25em;}.blog-tag-size-11 {font-size: 1.3em;}.blog-tag-size-12 {font-size: 1.35em;}.blog-tag-size-13 {font-size: 1.4em;}.blog-tag-size-14 {font-size: 1.45em;}.blog-tag-size-15 {font-size: 1.5em;}.blog-tag-size-16 {font-size: 1.55em;}.blog-tag-size-17 {font-size: 1.6em;}.blog-tag-size-18 {font-size: 1.65em;}.blog-tag-size-19 {font-size: 1.7em;}.blog-tag-size-20 {font-size: 1.75em;}/* Styles the blog RSS feeds in the blog sidebar */#blog-rss-feeds {margin-top: 15px;padding-top: 15px;}#blog-rss-feeds:before {content: "Feeds";text-transform: uppercase;font-weight: bold;font-size: 1em;line-height: 1em;text-align: center;background-color: rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 0, 0, 0.1);padding: 8px 0;}.blog-rss-link {padding: 4px 11px 4px 29px;margin: 0;background: url(images/rss_feed.png) no-repeat;display: inline-block;}.blog-comments-rss-link {background-repeat: no-repeat;background-image: url(images/rss_icon.gif);background-position: left center;padding-left: 19px;}/* @end *//* @group File Sharing */.filesharing-item-title a{font-size: 1em;line-height: 1em;font-weight: bold;display: inline-block;padding: 11px 8px;text-decoration: none;background-color: rgba(255, 255, 255, 0.8);border: 1px solid rgba(0, 0, 0, 0.1);}.filesharing-item-title {padding: 11px 0 7px 0;}.filesharing-description {}.filesharing-item {padding: 0;}/* @end *//* @group Photo Album */.album-title {font-size: 1em;margin: 0;padding: 0;font-style: normal;line-height: normal;}.album-description {margin: 10px 0 20px 0;font-family: sans-serif;}.album-wrapper {width: 100%;}/* @end *//* @group Single Page (Photo view) */.photo-background {text-align: center;background-color: black;max-width: 960px;margin: 0 auto;}.photo-background img {width: 100%;max-height: auto;}.photo-background p {text-align: left;margin: 0;color: #ffffff;}.photo-navigation {width: 96%;margin: 20px auto 0 auto;padding: 20px;border-top: none;height: 111px;position: relative;text-align: left;font-size: 2.5em;}.photo-links {position: absolute;top: 100px;font-size: 1em;}.photo-navigation a:link, .photo-navigation a:visited {color: #fff;text-decoration: none;text-align: left;line-height: 18px;font-size: .8em;}.photo-navigation a:hover {text-decoration: none;color: #878787;}.photo-frame{margin-top: 11px;}.photo-background p.photo-title {padding-bottom: 7px;line-height: 26px;font-size: 1em;}.photo-background p.photo-caption {font-size: .5em;line-height: 16px;font-style: italic;font-family: Times New Roman, Times;margin: 21px 0 0 0;}}img.photo-frame {    clear: both;    height: auto;    max-width: 100%;    position: relative;    visibility: hidden;    width: 100%;    height: auto;}img.photo-frame {    clear: both;    height: auto;    max-width: 100%;    position: relative;    top: 10px;    width: 100%;}.photo-background img {   width: auto;   height: auto;}/* @end *//* @group EXIF data *//* Data wrapper */.exif-data {}.exif-data p {}/* p tag classes for all exif data */p.exif-version {}p.exif-colour-space {}p.exif-focal-length {}p.exif-dimensions {}p.exif-pixel-y-dimension {}p.exif-pixel-x-dimension {}p.exif-oecf-value {}p.exif-subsec-time-original {}p.exif-exposure-mode {}p.exif-spatial-frequency-response {}p.exif-scene-capture-type {}p.exif-subject-location {}p.exif-shutter-speed {}p.exif-datetime-original {}p.exif-subsec-time {}p.exif-compressed-bits-per-pixel {}p.exif-flash-energy {}p.exif-saturation {}p.exif-brightness {}p.exif-exposure-time {}p.exif-f-number {}p.exif-file-source {}p.exif-gain-control {}p.exif-subject-area {}p.exif-cfa-pattern {}p.exif-scene-type {}p.exif-white-balance {}p.exif-flash {}p.exif-exposure-index {}p.exif-flashpix-version {}p.exif-device-setting-description {}p.exif-focalplane-x-resolution {}p.exif-image-uniqueid {}p.exif-components-configuration {}p.exif-light-source {}p.exif-sensing-method {}p.exif-aperture {}p.exif-sharpness {}p.exif-exposure-program {}p.exif-subject-distance {}p.exif-subsec-time-digitized {}p.exif-contrast {}p.exif-focalplane-resolution-unit {}p.exif-gamma {}p.exif-35mm-focal-length {}p.exif-datetime-digitized {}p.exif-subject-distance-range {}p.exif-custom-rendered {}p.exif-max-aperture {}p.exif-sound-file {}p.exif-metering-mode {}p.exif-spectral-sensitivity {}p.exif-exposure-bias {}p.exif-focalplane-y-resolution {}p.exif-iso-rating {}p.exif-maker-note {}p.exif-digital-zoom-ratio {}p.exif-user-comment {}/* @end *//* @end *//* @end *//* @group Quicktime Page */.movie-description {}/* @end *//* @group Quicktime Album *//* @group Index Page (Movie Thumbnail view) */.movie-page-description {    margin-bottom: 15px;    display: block;}.movie-thumbnail-frame {position: relative;    display: inline-block;    margin: 2%;    width: 45%;}.movie-thumbnail-frame:hover {}.lastMov {    margin-bottom: 5px;}.movie-thumbnail-frame img {    border-radius: 2px;    height: auto !important;    width: 100% !important;}.movie-thumbnail-caption {    font-size: 0.9em;    line-height: 1.5em;    padding: 11px 20px;    text-shadow: none;    visibility: hidden;    width: auto;}#movieAlbum .movie-thumbnail-caption {    visibility: visible;}.movie-thumbnail-frame a:before {    cursor: pointer;    position: absolute;}.movie-thumbnail-frame a:hover:before {    opacity: 0.4;}.movie-background {    margin: 0;padding: 24px;text-align: center;background: #000000;opacity: 1;}.movie-title {    color: #ececec;    font-size: 1.375em;    padding: 16px 0 0;}.movie-page-title {    font-size: 2em;    padding: 0 0 3px 3px;}.album-title {    font-size: 2em;    line-height: 1em;    padding: 0 0 21px 3px;}.album-description {    display: none;}.thumbnail-frame {    float: left;    position: relative;}.thumbnail-wrap {    display: block;    float: left;    margin: 1%;}.thumbnail-caption {    display: none;}.thumbnail-frame img {}.thumbnail-frame img:active, .thumbnail-frame img:hover {}.thumbnail-frame {}/* @group Contact Form */.message-text {margin-top: 21px; font-size: 1.125em;font-family: Times New Roman, Times, serif;font-style: italic;} .message-text {margin-top: 21px; } form label {    font-size: 0.8em;    text-transform: uppercase;}.required-text {} .form-input-field {width: 70%;} .form-input-button {background-color: #ffffff;border: 1px solid #dfdfdf;} form > div textarea.form-input-field, form > div input.form-input-field[type="text"] {background-color: rgba(255, 255, 255, 0.5);outline: none;border: 1px solid #ececec;padding: 7px 0;}.form-input-button {height: 30px;width: 80px;margin-right: 16px;}/* @end *//* #IE CSS */.mosaic article.ie-nth-child3n1{clear:both;}.responsive-example{margin-bottom:20px;}.responsive-example .columns,.responsive-example .column{background:#dedede;margin-bottom:10px;text-align:center;font-size:10px;font-weight:bold;text-transform:uppercase;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}.responsive-example .columns:hover,.responsive-example .column:hover{background:#333;color:#efefef;}/****************************GENERAL***************************/.camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li,.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td.camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {background: none;border: 0;font: inherit;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;list-style: none}.camera_wrap {display: none;float: left;position: relative;z-index: 0;}.camera_wrap img {max-width: none!important;}.camera_fakehover {height: 100%;min-height: 60px;position: relative;width: 100%;z-index: 1;}.camera_wrap {width: 100%;}.camera_src {display: none;}.cameraCont, .cameraContents {height: 100%;position: relative;width: 100%;z-index: 1;}.cameraSlide {bottom: 0;left: 0;position: absolute;right: 0;top: 0;width: 100%;}.cameraContent {bottom: 0;display: none;left: 0;position: absolute;right: 0;top: 0;width: 100%;}.camera_target {bottom: 0;height: 100%;left: 0;overflow: hidden;position: absolute;right: 0;text-align: left;top: 0;width: 100%;z-index: 0;}.camera_overlayer {bottom: 0;height: 100%;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;width: 100%;z-index: 0;}.camera_target_content {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 2;}.camera_target_content .camera_link {    background: url(images/blank.gif);display: block;height: 100%;text-decoration: none;}.camera_loader {    background: #fff url(images/camera-loader.gif) no-repeat center;background: rgba(255, 255, 255, 0.9) url(images/camera-loader.gif) no-repeat center;border: 1px solid #ffffff;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px;height: 36px;left: 50%;overflow: hidden;position: absolute;margin: -18px 0 0 -18px;top: 50%;width: 36px;z-index: 3;}.camera_bar {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 3;}.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {height: 100%;position: absolute;width: auto;}.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {height: auto;position: absolute;width: 100%;}.camera_nav_cont {height: 65px;overflow: hidden;position: absolute;right: 9px;top: 15px;width: 120px;z-index: 4;}.camera_caption {bottom: 0;display: block;position: absolute;width: 100%;}.camera_caption > div {padding: 10px 20px;}.camerarelative {overflow: hidden;position: relative;}.imgFake {cursor: pointer;}.camera_prevThumbs {bottom: 4px;cursor: pointer;left: 0;position: absolute;top: 4px;visibility: hidden;width: 30px;z-index: 10;}.camera_prevThumbs div {background: url(images/camera_skins.png) no-repeat -160px 0;display: block;height: 103px;margin-top: -20px;position: absolute;top: 50%;width: 30px;}.camera_nextThumbs {bottom: 4px;cursor: pointer;position: absolute;right: 0;top: 4px;visibility: hidden;width: 30px;z-index: 10;}.camera_nextThumbs div {background: url(images/camera_skins.png) no-repeat -190px 0;display: block;height: 40px;margin-top: -20px;position: absolute;top: 50%;width: 30px;}.camera_command_wrap .hideNav {display: none;}.camera_command_wrap {left: 0;position: relative;right:0;z-index: 4;}.camera_wrap .camera_pag .camera_pag_ul {list-style: none;margin: 0;padding: 0;text-align: right;}.camera_wrap .camera_pag .camera_pag_ul li {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;cursor: pointer;display: inline-block;height: 16px;margin: 20px 5px;position: relative;text-align: left;text-indent: -9999px;width: 16px;}.camera_commands_emboss .camera_pag .camera_pag_ul li {-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.1);box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.1);}.camera_wrap .camera_pag .camera_pag_ul li > span {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height: 10px;left: 3px;overflow: hidden;position: absolute;top: 3px;width: 10px;}.camera_pag_ul .thumb_arrow {    border-left: 4px solid transparent;    border-right: 4px solid transparent;    border-top: 4px solid;top: 0;left: 50%;margin-left: -4px;position: absolute;}.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);}.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {-moz-box-shadow: 0;-webkit-box-shadow: 0;box-shadow: 0;}.camera_pag_ul li img {display: none;position: absolute;}.camera_prev, .camera_next, .camera_commands {cursor: pointer;height: 103px;margin-top: -48px;position: absolute;top: 50%;width: 52px;background: none;background-color: transparent;z-index: 2;}.camera_prev {left: 0;}.camera_prev > span {margin-left: 20px;background: url(images/slideshow_arrows.png) no-repeat 0 0;display: block;height: 103px;width: 52px;}.camera_next {right: 0;margin-right: 20px;}.camera_next > span {margin-right: 20px;background: url(images/slideshow_arrows.png) no-repeat -52px 0;display: block;height: 103px;width: 52px;}.camera_commands {right: 41px;}/*.camera_commands > .camera_play {background: url(images/camera_skins.png) no-repeat -80px 0;height: 40px;width: 40px;}.camera_commands > .camera_stop {background: url(images/camera_skins.png) no-repeat -120px 0;display: block;height: 40px;width: 40px;border-radius: 3px;moz-border-radius: 3px;*/}.camera_wrap .camera_pag .camera_pag_ul li {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;cursor: pointer;display: inline-block;height: 16px;margin: 20px 5px;position: relative;text-indent: -9999px;width: 16px;}.camera_thumbs_cont {-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;overflow: hidden;position: relative;width: 100%;}.camera_commands_emboss .camera_thumbs_cont {-moz-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);box-shadow:0px 1px 0px rgba(255,255,255,1),inset 0px 1px 1px rgba(0,0,0,0.2);}.camera_thumbs_cont > div {float: left;width: 100%;}.camera_thumbs_cont ul {overflow: hidden;padding: 3px 4px 8px;position: relative;text-align: center;}.camera_thumbs_cont ul li {display: inline;padding: 0 4px;}.camera_thumbs_cont ul li > img {border: 1px solid;cursor: pointer;margin-top: 5px;vertical-align:bottom;}.camera_clear {display: block;clear: both;}.showIt {display: none;}.camera_clear {clear: both;display: block;height: 1px;margin: -1px 0 25px;position: relative;}/****************************COLORS & SKINS***************************/.pattern_1 .camera_overlayer {background: url(images/patterns/overlay1.png) repeat;}.pattern_2 .camera_overlayer {background: url(images/patterns/overlay2.png) repeat;}.pattern_3 .camera_overlayer {background: url(images/patterns/overlay3.png) repeat;}.pattern_4 .camera_overlayer {background: url(images/patterns/overlay4.png) repeat;}.pattern_5 .camera_overlayer {background: url(images/patterns/overlay5.png) repeat;}.pattern_6 .camera_overlayer {background: url(images/patterns/overlay6.png) repeat;}.pattern_7 .camera_overlayer {background: url(images/patterns/overlay7.png) repeat;}.pattern_8 .camera_overlayer {background: url(images/patterns/overlay8.png) repeat;}.pattern_9 .camera_overlayer {background: url(images/patterns/overlay9.png) repeat;}.pattern_10 .camera_overlayer {background: url(images/patterns/overlay10.png) repeat;}.camera_caption {color: #fff;}.camera_caption > div {background: #000;background: rgba(0, 0, 0, 0.8);}.camera_wrap .camera_pag .camera_pag_ul li {background: #b7b7b7;}.camera_wrap .camera_pag .camera_pag_ul li:hover > span {background: #b7b7b7;}.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {background: #ffffff;}.camera_pag_ul li img {border: 2px solid #e6e6e6;-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4);-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);box-shadow: 0px 0px 4px rgba(0,0,0,.4);}.camera_pag_ul .thumb_arrow {    border-top-color: #e6e6e6;}.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {}.camera_wrap .camera_pag .camera_pag_ul li {background: #b7b7b7;}.camera_thumbs_cont ul li > img {border-color: 1px solid #000;}/*Hide Slideshow Dots*/.camera_pag_ul{display: none;}/*ASH SKIN*/.camera_ash_skin .camera_prevThumbs div {background-position: -160px -200px;}.camera_ash_skin .camera_nextThumbs div {background-position: -190px -200px;}.camera_ash_skin .camera_prev > span {background-position: 0 -200px;}.camera_ash_skin .camera_next > span {background-position: -40px -200px;}.camera_ash_skin .camera_commands > .camera_play {background-position: -80px -200px;}.camera_ash_skin .camera_commands > .camera_stop {background-position: -120px -200px;}/*!Zocial Icons by Sam Collins (@smcllns)Enjoy*//* Reference icons from font-files */.zocial,a.zocial{display:inline-block;font:bold 100%/2.1 "Lucida Grande",Tahoma,sans-serif;padding:0 .95em 0 0;text-align:center;text-decoration:none;white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;user-select:none;position:relative;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em}.zocial:before{content:"";border-right:.075em solid rgba(0,0,0,0.1);float:left;font:120%/1.65 zocial;font-style:normal;font-weight:normal;margin:0 .5em 0 0;padding:0 .5em;text-align:center;text-decoration:none;text-transform:none;-moz-box-shadow:.075em 0 0 rgba(255,255,255,0.25);-webkit-box-shadow:.075em 0 0 rgba(255,255,255,0.25);box-shadow:.075em 0 0 rgba(255,255,255,0.25);-webkit-font-smoothing:antialiased,}.zocial:active{outline:0}.zocial.icon{overflow:hidden;max-width:2.4em;padding-left:0;padding-right:0;max-height:2.15em;white-space:nowrap}.zocial.icon:before{padding:0;width:2em;height:2em;box-shadow:none;border:0}.zocial.flat{background:none!important;border:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.zocial{background-image:-moz-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:-ms-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:-o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.1)),color-stop(49%,rgba(255,255,255,.05)),color-stop(51%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1))}.zocial.amazon:before{content:"\E040"}.zocial.android:before{content:"\E005"}.zocial.angellist:before{content:"\E06C"}.zocial.aol:before{content:"\E001"}.zocial.appstore:before{content:"\E020"}.zocial.bitcoin:before{content:"\E011"}.zocial.blogger:before{content:"\E021"}.zocial.call:before{content:"\E016"}.zocial.cal:before{content:"\E00D"}.zocial.cart:before{content:"\E06A"}.zocial.chrome:before{content:"\E03A"}.zocial.cloudapp:before{content:"\E042"}.zocial.creativecommons:before{content:"\E022"}.zocial.delicious:before{content:"\E002"}.zocial.digg:before{content:"\E01A"}.zocial.disqus:before{content:"\E030"}.zocial.dribbble:before{content:"\E023"}.zocial.dropbox:before{content:"\E043"}.zocial.email:before{content:"\E03C"}.zocial.eventasaurus:before{content:"\E055";color:#9de428}.zocial.eventbrite:before{content:"\E05B"}.zocial.eventful:before{content:"\E006";color:#06c}.zocial.evernote:before{content:"\E024"}.zocial.facebook:before{content:"\E045"}.zocial.fivehundredpx:before{content:"\E00F";color:#29b6ff}.zocial.flattr:before{content:"\E004"}.zocial.flickr:before{content:"\E025"}.zocial.forrst:before{content:"\E019";color:#50894f}.zocial.foursquare:before{content:"\E013"}.zocial.github:before{content:"\E046"}.zocial.gmail:before{content:"\E04C"}.zocial.google:before{content:"\E026"}.zocial.googleplay:before{content:"\E05E"}.zocial.googleplus:before{content:"\E00A"}.zocial.gowalla:before{content:"\E01F"}.zocial.grooveshark:before{content:"\E017"}.zocial.guest:before{content:"\E01E"}.zocial.html5:before{content:"\E014"}.zocial.ie:before{content:"\E015"}.zocial.instagram:before{content:"\E06D"}.zocial.instapaper:before{content:"\E028"}.zocial.intensedebate:before{content:"\E05A"}.zocial.itunes:before{content:"\E048"}.zocial.klout:before{content:"\E02A"}.zocial.lanyrd:before{content:"\E00C"}.zocial.lastfm:before{content:"\E04B"}.zocial.linkedin:before{content:"\E02B"}.zocial.macstore:before{content:"\E03D"}.zocial.meetup:before{content:"\E02C"}.zocial.myspace:before{content:"\E03E"}.zocial.ninetyninedesigns:before{content:"\E018";color:#f50}.zocial.openid:before{content:"\E04E";color:#ff921d}.zocial.opentable:before{content:"\E05F"}.zocial.paypal:before{content:"\E003"}.zocial.pinboard:before{content:"\E04D"}.zocial.pinterest:before{content:"\E010"}.zocial.plancast:before{content:"\E02F"}.zocial.plurk:before{content:"\E049"}.zocial.podcast:before{content:"\E03F"}.zocial.posterous:before{content:"\E05D"}.zocial.print:before{content:"\E06B"}.zocial.quora:before{content:"\E050"}.zocial.reddit:before{content:"\E01D"}.zocial.rss:before{content:"\E031"}.zocial.scribd:before{content:"\E05C";color:#00d5ea}.zocial.skype:before{content:"\E032"}.zocial.smashing:before{content:"\E009"}.zocial.songkick:before{content:"\E04A"}.zocial.soundcloud:before{content:"\E052"}.zocial.spotify:before{content:"\E01C"}.zocial.stumbleupon:before{content:"\E00E"}.zocial.tumblr:before{content:"\E053"}.zocial.twitter:before{content:"\E033"}.zocial.viadeo:before{content:"\E027";color:#f59b20}.zocial.vimeo:before{content:"\E035"}.zocial.weibo:before{content:"\E029";color:#e6162d}.zocial.wikipedia:before{content:"\E00B"}.zocial.windows:before{content:"\E036"}.zocial.xing:before{content:"\E037"}.zocial.wordpress:before{content:"\E056"}.zocial.yahoo:before{content:"\E038"}.zocial.yelp:before{content:"\E058"}.zocial.youtube:before{content:"\E034"}.zocial.amazon{background-color:#ffad1d;color:#030037;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.zocial.android{background-color:#a4c639}.zocial.angellist{background-color:#000}.zocial.aol{background-color:#f00}.zocial.appstore{background-color:#000}.zocial.bitcoin{background-color:#efefef;color:#4d4d4d}.zocial.blogger{background-color:#ee5a22}.zocial.call{background-color:#008000}.zocial.cal{background-color:#d63538}.zocial.cart{background-color:#333}.zocial.chrome{background-color:#006cd4}.zocial.cloudapp{background-color:#fff;color:#312c2a}.zocial.creativecommons{background-color:#000}.zocial.delicious{background-color:#3271cb}.zocial.digg{background-color:#164673}.zocial.disqus{background-color:#5d8aad}.zocial.dribbble{background-color:#ea4c89}.zocial.dropbox{background-color:#fff;color:#312c2a}.zocial.email{}.zocial.eventasaurus{background-color:#192931;color:#fff}.zocial.eventbrite{background-color:#ff5616}.zocial.eventful{background-color:#fff;color:#47ab15}.zocial.evernote{background-color:#6bb130;color:#fff}.zocial.facebook{background-color:#4863ae}.zocial.fivehundredpx{background-color:#333}.zocial.flattr{background-color:#8aba42}.zocial.flickr{background-color:#ff0084}.zocial.forrst{background-color:#1e360d}.zocial.foursquare{background-color:#44a8e0}.zocial.github{background-color:#fbfbfb;color:#050505}.zocial.gmail{background-color:#efefef;color:#222}.zocial.google{background-color:#4e6cf7}.zocial.googleplay{background-color:#000}.zocial.googleplus{background-color:#dd4b39}.zocial.gowalla{background-color:#ff720a}.zocial.grooveshark{background-color:#111;color:#eee}.zocial.guest{background-color:#1b4d6d}.zocial.html5{background-color:#ff3617}.zocial.ie{background-color:#00a1d9}.zocial.instapaper{background-color:#eee;color:#222}.zocial.instagram{background-color:#3f729b}.zocial.intensedebate{background-color:#0099e1}.zocial.klout{background-color:#e34a25}.zocial.itunes{background-color:#efefeb;color:#312c2a}.zocial.lanyrd{background-color:#2e6ac2}.zocial.lastfm{background-color:#dc1a23}.zocial.linkedin{background-color:#0083a8}.zocial.macstore{background-color:#007dcb}.zocial.meetup{background-color:#ff0026}.zocial.myspace{background-color:#000}.zocial.ninetyninedesigns{background-color:#fff;color:#072243}.zocial.openid{background-color:#f5f5f5;color:#333}.zocial.opentable{background-color:#900}.zocial.paypal{background-color:#fff;color:#32689a;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.zocial.pinboard{background-color:blue}.zocial.pinterest{background-color:#c91618}.zocial.plancast{background-color:#e7ebed;color:#333}.zocial.plurk{background-color:#cf682f}.zocial.podcast{background-color:#9365ce}.zocial.posterous{background-color:#ffd959;color:#bc7134}.zocial.print{background-color:#f0f0eb;color:#222;text-shadow:0 1px 0 rgba(255,255,255,0.8)}.zocial.quora{background-color:#a82400}.zocial.reddit{background-color:#fff;color:#222}.zocial.rss{background-color:#ff7f25}.zocial.scribd{background-color:#231c1a}.zocial.skype{background-color:#00a2ed}.zocial.smashing{background-color:#ff4f27}.zocial.songkick{background-color:#ff0050}.zocial.soundcloud{background-color:#ff4500}.zocial.spotify{background-color:#60af00}.zocial.stumbleupon{background-color:#eb4924}.zocial.tumblr{background-color:#374a61}.zocial.twitter{background-color:#46c0fb}.zocial.viadeo{background-color:#fff;color:#000}.zocial.vimeo{background-color:#00a2cd}.zocial.weibo{background-color:#faf6f1;color:#000}.zocial.wikipedia{background-color:#fff;color:#000}.zocial.windows{background-color:#0052a4;color:#fff}.zocial.wordpress{background-color:#464646}.zocial.xing{background-color:#0a5d5e}.zocial.yahoo{background-color:#a200c2}.zocial.yelp{background-color:#e60010}.zocial.youtube{background-color:#f00}.zocial.primary,.zocial.secondary{margin:.1em 0;padding:0 1em}.zocial.primary:before,.zocial.secondary:before{display:none}.zocial.primary{background-color:#333}.zocial.secondary{background-color:#f0f0eb;color:#222;text-shadow:0 1px 0 rgba(255,255,255,0.8)}/*Font Awesome*/@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=3.2.1');src:url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}

Examples and source code

fa-lemon-o hidden-print t1

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

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

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=" fa-lemon-o hidden-print t1 icon-large"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-2x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-3x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-4x"></i> fa-lemon-o hidden-print t1</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  fa-lemon-o hidden-print t1"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  fa-lemon-o hidden-print t1 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=" fa-lemon-o hidden-print t1 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=" fa-lemon-o hidden-print t1"></i>  normal<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-vertical"></i>  icon-flip-vertical

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

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

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=" fa-lemon-o hidden-print t1 "></i>
</span>
fa-lemon-o hidden-print t1 on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
</span>
fa-lemon-o hidden-print t1 on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light "></i>
</span>
fa-lemon-o hidden-print t1 on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on fa-lemon-o hidden-print t1