Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • SIXPACK.FR used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SIXPACK.FR are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SIXPACK.FR includes "http://www.sixpack.fr/themes/sixpack/cache/be15455027504223ca4f0096a7c2e23e_all.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'ProximaNovaReg';src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_regular/ProximaNova-Reg-webfont.eot');src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_regular/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_regular/ProximaNova-Reg-webfont.woff') format('woff'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_regular/ProximaNova-Reg-webfont.ttf') format('truetype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_regular/ProximaNova-Reg-webfont.svg#ProximaNovaReg') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'ProximaNovaLight';src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_light/ProximaNova-Light-webfont.eot');src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_light/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_light/ProximaNova-Light-webfont.woff') format('woff'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_light/ProximaNova-Light-webfont.ttf') format('truetype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_light/ProximaNova-Light-webfont.svg#ProximaNovaLight') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'ProximaNovaSemiBold';src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_sbold/ProximaNova-Sbold-webfont.eot');src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_sbold/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_sbold/ProximaNova-Sbold-webfont.woff') format('woff'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_sbold/ProximaNova-Sbold-webfont.ttf') format('truetype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_sbold/ProximaNova-Sbold-webfont.svg#ProximaNovaSemiBold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'ProximaNovaBold';src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold/ProximaNova-Bold-webfont.eot');src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold/ProximaNova-Bold-webfont.woff') format('woff'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold/ProximaNova-Bold-webfont.ttf') format('truetype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold/ProximaNova-Bold-webfont.svg#ProximaNovaBold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'ProximaNovaBoldCondensed';src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold_condensed/ProximaNovaCond-Bold-webfont.eot');src:url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold_condensed/ProximaNovaCond-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold_condensed/ProximaNovaCond-Bold-webfont.woff') format('woff'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold_condensed/ProximaNovaCond-Bold-webfont.ttf') format('truetype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/proximanova_bold_condensed/ProximaNovaCond-Bold-webfont.svg#ProximaNovaBoldCondensed') format('svg');font-weight:normal;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:62.5%}a{outline:0}.hidden{display:none}.error,.warning{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#ff0000}.error ul,.warning ul{list-style:disc;padding-left:40px}.error ul li,.warning ul li{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#ff0000}.success{display:block;font-family:'ProximaNovaBold',sans-serif;font-size:16px;font-size:1.6rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.375;color:#2464b3;margin:0 0 20px 0;text-align:center}.success_inline{font-family:'ProximaNovaBold',sans-serif;font-size:16px;font-size:1.6rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.375;color:#2464b3}.warning_inline{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#ff0000}.title_h1{display:block;font-family:'ProximaNovaBold',sans-serif;font-size:35px;font-size:3.5rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.1428571428571428;color:#000000;text-align:center;text-transform:uppercase;letter-spacing:0.1em}.title_h2{display:block;font-family:'ProximaNovaBold',sans-serif;font-size:18px;font-size:1.8rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.3333333333333333;color:#2464b3;text-transform:uppercase;text-align:left;letter-spacing:0.1em}.title_h3{display:block;font-family:'ProximaNovaBold',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.4285714285714286;color:#000000;text-transform:uppercase}.title_sub{display:block;font-family:'ProximaNovaReg',sans-serif;font-size:18px;font-size:1.8rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.3333333333333333;color:#000000;text-align:center}.title_subbig{display:block;font-family:'ProximaNovaBold',sans-serif;font-size:28px;font-size:2.8rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.1428571428571428;color:#2464b3;text-align:center}.button{display:block;width:167px;height:42px;font-family:'ProximaNovaBoldCondensed',sans-serif;font-size:16px;font-size:1.6rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.625;color:#ffffff;background:#000000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-align:center;border:none;text-transform:uppercase;cursor:pointer;text-decoration:none;-webkit-appearance:none;-webkit-border-radius:0}input.button{line-height:19px;padding-top:11px;padding-bottom:11px}.button:hover{background:#ff0000}.button-wa{display:inline-block;vertical-align:middle;width:auto;padding:0 16px}.ie7 .button-wa{display:inline;zoom:1}.button-blue{background:#2464b3}.button-blue:hover{background:#1a4780}.button-grey{background:#d5d5d5}.button-grey:hover{background:#d5d5d5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:0.7}.button-white{background:none;color:#666}.button-white:hover{background:#ffffff}.button-disabled{background:#bfbfbf;cursor:default}.button-disabled:hover{background:#bfbfbf;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=70);opacity:1}.button-ib{display:inline-block;vertical-align:middle}.ie7 .button-ib{display:inline;zoom:1}.container{padding-top:69px}.header{display:block;position:absolute;width:100%;height:69px;margin:0 auto;background:#FFF;z-index:30;top:0}.header:before,.header:after{content:"";display:table}.header:after{clear:both}.ie6 .header,.ie7 .header{zoom:1}.header .header_inner{width:970px;height:69px;margin:0 auto}.header .header_inner:before,.header .header_inner:after{content:"";display:table}.header .header_inner:after{clear:both}.ie6 .header .header_inner,.ie7 .header .header_inner{zoom:1}.header .logo{display:block;float:left;width:230px;height:auto}.header .header_right{float:right;font:0/0 a}.header .mobilemenu{display:none}.header .menu{font:0/0 a;display:inline-block;vertical-align:middle}.ie7 .header .menu{display:inline;zoom:1}.header .menu a{display:inline-block;vertical-align:middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-family:'ProximaNovaBold',sans-serif;font-size:13px;font-size:1.3rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.076923076923077;color:#000000;height:27px;margin:21px 5px;padding:0 10px;text-decoration:none;text-transform:uppercase;border:1px solid #FFF}.ie7 .header .menu a{display:inline;zoom:1}.header .menu a.active,.header .menu a:hover{border:1px solid #EDEDED}.header .languages_currency{display:inline-block;vertical-align:middle;margin:0 15px}.ie7 .header .languages_currency{display:inline;zoom:1}.header.header-fixed{position:fixed}.body{background:#f5f6f7;padding-bottom:1px}.footer{display:block;width:970px;clear:both;position:relative;margin:0 auto;padding:20px 0}.footer .footer_cols{font:0/0 a;text-align:center}.footer .footer_col{display:inline-block;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0 15px;margin-right:25px;width:220px;text-align:left}.ie7 .footer .footer_col{display:inline;zoom:1}.footer .footer_col .footer_col_title{display:block;font-family:'ProximaNovaBoldCondensed',sans-serif;font-size:20px;font-size:2rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.5;color:#787878;text-transform:uppercase;text-align:left;border-bottom:1px solid #bfbfbf;margin-bottom:18px}.footer .footer_col .footer_col_text{display:block;font-family:'ProximaNovaReg',sans-serif;font-size:11px;font-size:1.1rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.6363636363636365;color:#787878;text-transform:uppercase;text-align:left}.footer .footer_col .footer_col_text strong,.footer .footer_col .footer_col_text a{font-family:'ProximaNovaBold',sans-serif;font-size:11px;font-size:1.1rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.6363636363636365;color:#787878;text-decoration:none;text-transform:uppercase}.footer .footer_col .footer_col_text a:hover{text-decoration:underline}.footer .footer_col .footer_col_link{display:block;font-family:'ProximaNovaBold',sans-serif;font-size:11px;font-size:1.1rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.6363636363636365;color:#787878;margin:8px 0;text-align:left;text-decoration:none;text-transform:uppercase}.footer .footer_col .footer_col_link:hover{text-decoration:underline}.footer .footer_col.footer_col-social{margin-right:0}.footer .networks{font:0/0 a;text-align:left}.footer .networks .network{border:0;font:0/0 a;text-shadow:none;color:transparent;background-color:transparent;display:inline-block;vertical-align:middle;width:39px;height:39px;background-image:url('http://www.sixpack.fr/themes/sixpack/css/../img/sprite.png');background-repeat:no-repeat;margin:0 8px 8px 0}.ie7 .footer .networks .network{display:inline;zoom:1}.footer .networks .network:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:0.7}.footer .networks .network-facebook{background-position:0 -50px}.footer .networks .network-twitter{background-position:-50px -50px}.footer .networks .network-youtube{background-position:-100px -50px}.footer .networks .network-gplus{background-position:-150px -50px}.footer .networks .network-tumblr{background-position:-250px -50px}.footer .networks .network-instagram{background-position:-300px -50px}.footer .fbpromote_block{margin:10px auto}.footer .fbpromote_block #bt_FbNotLogged{font-family:'ProximaNovaReg',sans-serif;font-size:11px;font-size:1.1rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2727272727272727;color:#787878;margin:10px 0}.fbpromote_block-orderconfirmation .fbpromote_discount,.fbpromote_block-orderconfirmation #container_fb{display:inline-block;vertical-align:middle}.ie7 .fbpromote_block-orderconfirmation .fbpromote_discount,.ie7 .fbpromote_block-orderconfirmation #container_fb{display:inline;zoom:1}.copyright{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;height:55px;border-top:1px solid #d6d6d6;padding-top:15px}.copyright .copyright_inner{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:970px;height:auto;text-align:right;padding-right:10px;font-family:'ProximaNovaReg',sans-serif;font-size:11px;font-size:1.1rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2727272727272727;color:#787878;text-transform:uppercase;margin:0 auto;letter-spacing:0.1em}.product_list{display:block;padding:0 20px;font:0/0 a;text-align:center}.product_page_list .product_list{padding:0}.product_list .product{display:inline-block;vertical-align:top;width:315px;position:relative;overflow:hidden;margin:5px 3.5px}.ie7 .product_list .product{display:inline;zoom:1}.product_list .product .product_cat{display:block;width:66px;height:66px;position:absolute;top:20px;right:36px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=70);opacity:1;-webkit-transition:opacity 0.2s ease;-moz-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.product_list .product .product_img{display:block;position:relative;width:315px;height:420px;background:#f5f6f7}.product_list .product .product_name{display:block;padding-top:14px;font-family:'ProximaNovaReg',sans-serif;font-size:15px;font-size:1.5rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.3333333333333333;color:#000000;text-align:center;text-transform:uppercase;text-decoration:none;letter-spacing:0.1em}.product_list .product .product_name:hover{text-decoration:underline}.product_list .product .product_manufacturer{display:block;font-family:'ProximaNovaReg',sans-serif;font-size:12px;font-size:1.2rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.6666666666666667;color:#787878;text-align:center;text-transform:uppercase;text-decoration:none;letter-spacing:0.1em}.product_list .product .product_manufacturer:hover{text-decoration:underline}.product_list .product .product_hover{display:block;position:absolute;left:0;top:0;width:315px;height:420px;text-decoration:none;overflow:hidden}.product_list .product .product_hover .product_flag{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:top left;-ms-transform-origin:top left;-webkit-transform-origin:top left;font-family:'ProximaNovaReg',sans-serif;font-size:12px;font-size:1.2rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:0.9166666666666666;color:#787878;text-transform:uppercase;position:absolute;top:200px;left:-51px;width:200px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:20px;text-align:right;-webkit-transition:left 0.3s ease;-moz-transition:left 0.3s ease;transition:left 0.3s ease}.product_list .product .product_hover .product_price{position:absolute;right:-100px;top:32px;text-align:right;font-size:15px;font-size:1.5rem;font-family:Arial,sans-serif;color:#000000;-webkit-transition:right 0.3s ease;-moz-transition:right 0.3s ease;transition:right 0.3s ease}.product_list .product .product_hover .product_view{display:block;position:absolute;top:46px;right:-21px;width:21px;height:21px;background-image:url('http://www.sixpack.fr/themes/sixpack/css/../img/sprite.png');background-repeat:no-repeat;background-position:0 -100px;-webkit-transition:right 0.3s ease;-moz-transition:right 0.3s ease;transition:right 0.3s ease}.product_list .product .product_hover .product_sizes{position:absolute;bottom:-56px;left:0;right:0;width:100%;height:48px;padding-top:8px;background:#f5f6f7;font:0/0 a;text-align:center;-webkit-transition:bottom 0.3s ease;-moz-transition:bottom 0.3s ease;transition:bottom 0.3s ease}.product_list .product .product_hover .product_size{display:inline-block;vertical-align:middle;width:42px;height:42px;text-align:center;font-family:'ProximaNovaBoldCondensed',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:3;color:#808080;background:#ffffff;margin:0 1px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=70);opacity:0.2}.ie7 .product_list .product .product_hover .product_size{display:inline;zoom:1}.product_list .product .product_hover .product_size-instock{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=70);opacity:1}.no-touch .product_list .product:hover .product_cat{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=70);opacity:0}.no-touch .product_list .product:hover .product_hover .product_flag{left:0}.no-touch .product_list .product:hover .product_hover .product_price,.no-touch .product_list .product:hover .product_hover .product_view{right:41px}.no-touch .product_list .product:hover .product_hover .product_sizes{bottom:0}.productlist_navbar{display:block;text-align:center;padding:40px 0 30px}.productlist_navbar .productlist_navbar_button{display:inline-block;vertical-align:middle;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-family:'ProximaNovaBoldCondensed',sans-serif;font-size:16px;font-size:1.6rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.625;color:#ffffff;height:42px;width:auto;background:#000000;text-align:center;padding:0 40px 0 20px;text-transform:uppercase;text-decoration:none}.ie7 .productlist_navbar .productlist_navbar_button{display:inline;zoom:1}.productlist_navbar .productlist_navbar_button .arrow{display:block;position:absolute;top:18px;right:19px;width:11px;height:6px;background-image:url('http://www.sixpack.fr/themes/sixpack/css/../img/sprite.png');background-repeat:no-repeat;background-position:-50px -100px}.productlist_navbar .productlist_navbar_button:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:0.7}.productlist_navbar .productlist_navbar_nbpdt{display:block;margin-top:8px;font-family:'ProximaNovaReg',sans-serif;font-size:12px;font-size:1.2rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2;color:#545455;text-align:center;text-transform:uppercase;letter-spacing:0.1em}.loyalty_cart{display:block;font-family:'ProximaNovaReg',sans-serif;font-size:13px;font-size:1.3rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.3846153846153846;color:#959595;text-align:center;margin:10px 0;padding:0 10px}.loyalty_product{display:block;font-family:'ProximaNovaReg',sans-serif;font-size:12px;font-size:1.2rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.5;color:#959595;text-align:center;text-transform:uppercase;margin:130px 0 0;padding:0 10px}.loyalty_page .loyalty_table{width:100%}.loyalty_page .loyalty_table a{font-family:'ProximaNovaBold',sans-serif;font-size:13px;font-size:1.3rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.3846153846153846;color:#000000;text-decoration:underline}.loyalty_page .text{display:block;font-family:'ProximaNovaReg',sans-serif;font-size:13px;font-size:1.3rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.3846153846153846;color:#787878;margin:20px 0}.loyalty_page .button_bar{margin:20px 0;text-align:center}.loyalty_page .pagination{display:block;text-align:center;margin:10px 0;font:0/0 a}.loyalty_page .pagination li{display:inline-block;vertical-align:middle;margin:0 5px;font-family:'ProximaNovaReg',sans-serif;font-size:12px;font-size:1.2rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.5;color:#000000}.ie7 .loyalty_page .pagination li{display:inline;zoom:1}.loyalty_page .pagination a{font-family:'ProximaNovaReg',sans-serif;font-size:12px;font-size:1.2rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.5;color:#2464b3}.breadcrumb{font:0/0 a;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:block;width:970px;height:40px;padding:10px 0;margin:0 auto}.breadcrumb .breadcrumb_link,.breadcrumb .breadcrumb_divider,.breadcrumb .breadcrumb_end{display:inline-block;vertical-align:baseline;font-family:'ProximaNovaReg',sans-serif;font-size:12px;font-size:1.2rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.6666666666666667;color:#959595;text-transform:uppercase;margin-right:10px;text-decoration:none;letter-spacing:0.1em}.ie7 .breadcrumb .breadcrumb_link,.ie7 .breadcrumb .breadcrumb_divider,.ie7 .breadcrumb .breadcrumb_end{display:inline;zoom:1}.breadcrumb .breadcrumb_link:hover{text-decoration:underline}.centered_form_page{display:block;width:970px;margin:0 auto;padding:35px 0}.centered_form_page .centered_form_page_inner{display:block;background:#FFF;padding:55px 30px 30px;margin:35px auto;width:660px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.centered_form_page .form{display:block;background:#FFF;padding:55px 30px 30px;margin:35px auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.std_page{display:block;width:970px;margin:0 auto;padding:35px 0}.std_page .std_page_inner{display:block;background:#FFF;padding:55px 30px 30px;margin:35px 0;width:970px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.std_page .std_page_inner .bottom_nav{margin-top:20px}.content_only .std_page{width:auto;max-width:970px}.content_only .std_page .std_page_inner{width:auto;max-width:970px}.table th{background:#2464b3;font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.4285714285714286;color:#ffffff;padding:8px 10px;vertical-align:middle}.table td{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.4285714285714286;color:#000000;padding:8px 10px;vertical-align:middle}.table .cell_left{text-align:left}.table .cell_center{text-align:center}.table .cell_right{text-align:right}.table .cell_bold{font-family:'ProximaNovaBold',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.4285714285714286;color:#000000}.form .inputset{display:block;width:100%;margin:10px 0}.form .inputset:before,.form .inputset:after{content:"";display:table}.form .inputset:after{clear:both}.ie6 .form .inputset,.ie7 .form .inputset{zoom:1}.form .inputset label{display:inline-block;vertical-align:middle;width:120px;margin-right:20px;font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#000000;text-align:right}.ie7 .form .inputset label{display:inline;zoom:1}.form .inputset .inputset_label-large{width:250px}.form .inputset .inputset_label-whole{width:100%;text-align:left}.form .inputset .inputset_label-textarea{display:block;margin:0 0 5px 0;text-align:center;width:100%}.form .inputset .inputset_text{display:inline-block;vertical-align:middle;width:250px;height:35px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#FFF;font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.357142857142857;color:#888888;border:1px solid #e3e4e6;text-align:left;margin:3px 0;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ie7 .form .inputset .inputset_text{display:inline;zoom:1}.form .inputset .inputset_text-indent{margin-left:140px}.form .inputset .inputset_textarea{display:block;margin:3px auto;width:400px;height:88px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#FFF;font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.357142857142857;color:#959595;border:1px solid #e3e4e6;text-align:left;padding:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.form .inputset .inputset_check_wrap label{width:300px;text-align:left;cursor:pointer}.form .inputset .inputset_radio_wrap{display:inline-block;vertical-align:middle;text-align:left;width:auto;margin-right:10px}.ie7 .form .inputset .inputset_radio_wrap{display:inline;zoom:1}.form .inputset .inputset_radio_wrap .jNiceRadioWrap{margin-right:10px}.form .inputset .inputset_radio_wrap label{display:inline-block;vertical-align:middle;width:auto;margin:0;cursor:pointer}.ie7 .form .inputset .inputset_radio_wrap label{display:inline;zoom:1}.form .inputset .inputset_select_gender{min-width:55px}.form .inputset .inputset_select_dob_day{min-width:55px}.form .inputset .inputset_select_dob_month{min-width:107px}.form .inputset .inputset_select_dob_year{min-width:75px}.form .inputset .jNiceSelectWrapper + .jNiceSelectWrapper{margin-left:3px}.form .inputset .inputset_hint{display:inline-block;vertical-align:middle;width:120px;margin-left:10px;font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.4285714285714286;color:#e6e6e6}.ie7 .form .inputset .inputset_hint{display:inline;zoom:1}.form .inputset .inputset_hint-textarea{width:100%;margin:0;text-align:right}.form .inputset .inputset_submit{float:right;margin:10px 25px 0 0}.form .inputset .lost_password{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.4285714285714286;color:#c5c5c5;text-decoration:none}.form .inputset .lost_password:hover{text-decoration:underline}.form .inputset-hintonly .inputset_hint{width:410px;margin-left:20px;color:#d4d4d4}.form .inputset-nolabel{padding-left:140px}.form .id_state{display:none}.form-center{display:block;width:600px;margin:0 auto}.form-center .inputset-hintonly .inputset_hint{width:100%;margin:10px 0}.jNiceSelectWrapper{display:inline-block;vertical-align:middle;white-space:nowrap;position:relative}.ie7 .jNiceSelectWrapper{display:inline;zoom:1}.jNiceSelectWrapper div span{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.357142857142857;color:#959595;display:inline-block;vertical-align:middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border:1px solid #e3e4e6;padding:0 18px 0 7px;white-space:nowrap;min-width:150px;height:32px;word-spacing:0;background:#ffffff url('http://www.sixpack.fr/themes/sixpack/css/../img/select.png') no-repeat right center}.ie7 .jNiceSelectWrapper div span{display:inline;zoom:1}.jNiceSelectWrapper div a{display:inline-block;vertical-align:middle;position:absolute;right:0;top:0;left:0;bottom:0;background:none}.ie7 .jNiceSelectWrapper div a{display:inline;zoom:1}.jNiceSelectWrapper ul{position:absolute;top:31px;left:0;right:0;list-style:none;background-color:#FFF;border:1px solid #e3e4e6;display:none;margin:0;padding:0;max-height:114px;*height:104px;overflow-y:auto;overflow-x:hidden;z-index:20;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.jNiceSelectWrapper ul a{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#959595;display:block;padding:5px;text-decoration:none}.jNiceSelectWrapper ul a:hover,.jNiceSelectWrapper ul a.selected{background:#e3e4e6;color:#959595}.jNiceHidden{display:none !important}.jNiceCheckboxWrap,.jNiceRadioWrap{display:inline-block;vertical-align:middle;margin-right:20px}.ie7 .jNiceCheckboxWrap,.ie7 .jNiceRadioWrap{display:inline;zoom:1}.jNiceCheckbox,.jNiceRadio{display:block;width:16px;height:16px;background-image:url('http://www.sixpack.fr/themes/sixpack/css/../img/sprite.png');background-repeat:no-repeat;background-position:-250px -150px}.jNiceChecked{background-position:-300px -150px}.discount_page .discount_value,.discount_page .discount_minimum,.discount_page .discount_cumulative,.discount_page .discount_quantity,.discount_page .discount_expiration_date{text-align:center}.lost_password_page{width:470px}.lost_password_page p{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.4285714285714286;color:#000000}.std_page .pagenotfound_page{width:690px;margin:35px auto}.std_page .pagenotfound_page p{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.4285714285714286;color:#000000}.std_page .pagenotfound_page .search_form .inputset label{width:300px}.std_page .pagenotfound_page .search_form .inputset .button{display:inline-block;vertical-align:middle;height:35px;line-height:35px;width:45px}.ie7 .std_page .pagenotfound_page .search_form .inputset .button{display:inline;zoom:1}.std_page .search_page{background:none}.std_page .cms_page{padding-top:30px}.cms_bg{display:block;width:100%;height:100%;background-repeat:repeat;background-position:center top}.rte{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#000000}.rte p{margin:14px}.rte strong,.rte b{font-family:'ProximaNovaBold',sans-serif;font-weight:normal}.rte ul,.rte ol{list-style-type:disc;padding-left:40px}.rte ul li,.rte ol li{line-height:24px}.rte ol{list-style-type:decimal}.rte a{color:#2464b3}.account_bottom_bar{display:block;margin:15px;text-align:right}.account_bottom_bar:before,.account_bottom_bar:after{content:"";display:table}.account_bottom_bar:after{clear:both}.ie6 .account_bottom_bar,.ie7 .account_bottom_bar{zoom:1}.account_bottom_bar .button{font-family:'ProximaNovaBoldCondensed',sans-serif;font-size:16px;font-size:1.6rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.625;color:#ffffff;text-decoration:none;text-transform:uppercase;text-align:center}.identity_page .form .inputset .inputset_submit{margin:0}.referral_program_page .idTabs{display:block;font:0/0 a}.referral_program_page .idTabs a{display:inline-block;vertical-align:middle;font-family:'ProximaNovaBoldCondensed',sans-serif;font-size:16px;font-size:1.6rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.625;color:#ffffff;padding:0 20px;margin:0 2px;background:#1a4780;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-align:center;border:none;text-decoration:none}.ie7 .referral_program_page .idTabs a{display:inline;zoom:1}.referral_program_page .idTabs a:hover,.referral_program_page .idTabs a.selected{background:#2464b3}.referral_program_page .sheets{display:block;border-top:1px solid #2464b3;padding:20px 0}.referral_program_page .sheets .block_hidden_only_for_screen{display:none}.referral_program_page .sheets p{font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#000000;margin-bottom:10px}.referral_program_page .sheets strong{font-family:'ProximaNovaBold',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#000000}.referral_program_page .sheets .table .inputset_text{display:inline-block;vertical-align:middle;width:250px;height:35px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#FFF;font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:2.357142857142857;color:#888888;border:1px solid #e3e4e6;text-align:left;margin:3px 0;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ie7 .referral_program_page .sheets .table .inputset_text{display:inline;zoom:1}.referral_program_page .sheets .form .inputset.inputset_checkbox label{width:auto}.referral_program_page .sheets .form .inputset.inputset_checkbox .cgv{display:inline-block;vertical-align:middle;font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#000000;text-decoration:underline}.ie7 .referral_program_page .sheets .form .inputset.inputset_checkbox .cgv{display:inline;zoom:1}.referral_program_page .sheets .form .see_email{margin:10px 0 10px 40px;font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#000000}.referral_program_page .sheets .form .see_email a{display:inline-block;vertical-align:middle;font-family:'ProximaNovaReg',sans-serif;font-size:14px;font-size:1.4rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.2857142857142858;color:#000000;text-decoration:underline}.ie7 .referral_program_page .sheets .form .see_email a{display:inline;zoom:1}.order_page_wrap{padding-top:35px}.order_page_wrap,.empty_cart_wrap{display:block}.order_page_wrap .empty_cart,.empty_cart_wrap .empty_cart{display:block;width:400px;padding:35px;margin:35px auto;font-family:'ProximaNovaReg',sans-serif;font-size:20px;font-size:2rem;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:normal;line-height:1.4;color:#000000;background:#ffffff;text-align:center}@font-face{font-family:'FontAwesome';src:url('http://www.sixpack.fr/themes/sixpack/css/../font/fontawesome-webfont.eot?v=3.1.0');src:url('http://www.sixpack.fr/themes/sixpack/css/../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/fontawesome-webfont.woff?v=3.1.0') format('woff'),url('http://www.sixpack.fr/themes/sixpack/css/../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),url('http://www.sixpack.fr/themes/sixpack/css/../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') 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