با سلام
بنده اصلا برنامه نویسی بلد نیستم فقط بلدم قالب سایتم رو تغییراتی توش بدم یا اینکه فایلهایی رو از فایل منیجر هاستم حذف یا اضافه کنم یا کدهایی رو به فایلهای موجود در هاستم اضافه کنم .
آدرس سایت بنده khareeed.com می باشد . بنده طی تغییراتی که در قالب سایتم انجام دادم شماره های صفحه بندی رو از زیر محصولاتم حذف کردم حالا می خوام دوباره برگردند تا تعداد
محصولات در هر صفحه کم باشد در عوض در چند صفحه نمایش داده شود . تغییراتی که بنده در سایتم دادم فقط در قالب و فایل site.css می باشد . صفحه بندی در قسمت محصولات هست
ولی در صفحه اصلی سایت نیست میخوام در قسمت اصلی سایت هم به نمایش در بیاد . با مسئولان فروشگاه ساز تماس گرفتم از من پول زیادی خواستند . سایت با زبان asp.net نوشته شده
و کدهای css و کد قالب رو هم در زیر قرار دادم . لطفا اگر میشه شما کمکم کنید . با تشکر
فایل site.css
html, body { margin: 0; padding: 0; font-size: 12px; } body, a, input, textarea, select { font-size: 14px; direction: rtl; font-family: oYekan, Tahoma, Arial, sans-serif; line-height: 1.5em; color: #4D4D4D; } body { background: #E6DEC9 url(../images/bg.gif); } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; text-rendering: optimizeLegibility; } a { text-decoration: none; } img { margin: 0; padding: 0; outline: 0; } .spacer { clear: both; } .icon { position: relative; display: inline-block; font-family: glyphicons; font-style: normal; font-weight: normal; line-height: 1em; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ltr { direction: ltr !important; } .la { text-align: left !important; } .ca { text-align: center !important; } .button { cursor: pointer; display: inline-block; padding: 5px 15px; color: #666666; border: 1px solid #D8D8D8; border-radius: 3px; background: #f4f4f4; background: -webkit-linear-gradient(top, #f8f8f8, #efefef); background: -o-linear-gradient(top, #f8f8f8, #efefef); background: -moz-linear-gradient(top, #f8f8f8, #efefef); background: -ms-linear-gradient(top, #f8f8f8, #efefef); background: -linear-gradient(top, #f8f8f8, #efefef); background: linear-gradient(top, #f8f8f8, #efefef); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset 0 1px rgba(255,255,255,0.75); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset 0 1px rgba(255,255,255,0.75); box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset 0 1px rgba(255,255,255,0.75); text-shadow: 0 1px 0 rgba(255,255,255,.65); outline: none; } .button:hover { background: -webkit-linear-gradient(top, #fafafa, #f4f4f4); background: -o-linear-gradient(top, #fafafa, #f4f4f4); background: -moz-linear-gradient(top, #fafafa, #f4f4f4); background: -ms-linear-gradient(top, #fafafa, #f4f4f4); background: -linear-gradient(top, #fafafa, #f4f4f4); } .button.orange { color: #FFFFFF; border: 1px solid #D57230; background: #ee7d32; background: -webkit-linear-gradient(top, #FF9833, #EE7D32); background: -o-linear-gradient(top, #FF9833, #EE7D32); background: -moz-linear-gradient(top, #FF9833, #EE7D32); background: -ms-linear-gradient(top, #FF9833, #EE7D32); background: -linear-gradient(top, #FF9833, #EE7D32); background: linear-gradient(top, #FF9833, #EE7D32); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 0 1px rgba(255,255,255,0.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 0 1px rgba(255,255,255,0.35); box-shadow: 0 1px 1px rgba(0,0,0,0.1), inset 0 1px rgba(255,255,255,0.35); text-shadow: 0 -1px 0 rgba(0,0,0,.2); } .button.orange:hover { background: -webkit-linear-gradient(top, #FD9F47, #F49046); background: -o-linear-gradient(top, #FD9F47, #F49046); background: -moz-linear-gradient(top, #FD9F47, #F49046); background: -ms-linear-gradient(top, #FD9F47, #F49046); background: -linear-gradient(top, #FD9F47, #F49046); background: linear-gradient(top, #FD9F47, #F49046); } .btnbox { text-align: left; } #container { min-width: 200px; max-width: 1260px; margin: 0 auto 5px; position: relative; } #header, #minicart, #menubar, #sidebar, #footer { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; } #header, #content, #minicart, #menubar, #sidebar, #footer { margin: 5px 2% 0; } #pagination { clear: both; width: 558px; margin: 0 auto; list-style: none; background: #eee; border: 1px solid #ccc; padding: 20px margin-bottom: 30px; overflow: hidden; } #pagination li.current a, #pagination li a { float: left; text-decoration: none; padding: 0 7px; line-height: 22px; background: #fff; border: 1px solid #aaa; color: #444; margin-right: 8px; font-size: 12px; } #pagination li a:hover{ color: #fff; background: #aaa; } #header, #menubar, #menubar .p2, #minicart, #content, #minicart, #sidebar, #footer { border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.5rem; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.5rem; -o-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.5rem; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.5rem; } #header, #menubar, #menubar .p2, #footer { background-color: #F0F0F0; background-image: linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background-image: -o-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background-image: -moz-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); } #header { padding: 1px 0 0; } #header .top { text-align: center; } #header .bottom { text-align: justify; padding: 5px 10px; color: #A4A4A4; background: #656565; border-radius: 0 0 5px 5px; } #header .right { text-align: center; margin: 7px 10px 5px; } #header .htitle a { color: #908F8F; font-size: 1.5rem; font-family: oFarnaz, Tahoma, sans-serif; } #header .hdesc { color: #A9A9A9; font-size: 1rem; } #header .hlogo { width: 120px; height: 42px; margin: 0 auto 10px; background: url(../images/logo.png) center 0 no-repeat; background-size: contain; } #menubar { z-index: 1000; position: relative; } #menubar .home-button { display: inline-block; top: 0 !important; float: right; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 2rem; border-radius: 0 5px 5px 0; } #menubar .home-button:before { content: "\E021"; } #menubar .home-button:hover { background-color: #FCFCFC; color: #F26500; } #menubar ul { display: none; list-style: none; margin: 0; padding: 0; } #menubar .mmbi { display: inline; } #menubar ul .mmbi a { display: inline-block; padding: 10px 12px 10px 10px; } #menubar ul .mmbi a:hover { background-color: #FCFCFC; color: #F26500; } #menubar .p1 { display: none; } #menubar .p2 { position: absolute; right: 40px; margin: 0; top: 53px; } #menubar .p2 li { display: list-item; } #menubar .p2 li a { display: list-item; } #menubar .p2 .mmbi.f1 a { border-radius: 5px 5px 0 0; } #menubar .p2 li:last-child a { border-radius: 0 0 5px 5px; } #menubar .toggle { position: relative; display: inline-block; top: 0 !important; width: 48px; height: 48px; line-height: 48px; text-align: center; overflow: hidden; margin: 0; padding: 0; float: right; font-size: 2rem; background: url(../images/mvsep.png) right center no-repeat; background-size: contain; cursor: pointer; } #menubar .toggle.on { background-color: #FCFCFC; color: #F26500; } /*#menubar input.toggle:checked + span.toggle, #container input.toggle.sidebar:checked + span.toggle { color: #F26500; }*/ /*#menubar input.toggle:checked + span.toggle, #container input.toggle.sidebar:checked + span.toggle { background-image: linear-gradient(rgb(231, 231, 231), rgb(255, 255, 255)); background-image: -webkit-linear-gradient(rgb(231, 231, 231), rgb(255, 255, 255)); background-image: -o-linear-gradient(rgb(231, 231, 231), rgb(255, 255, 255)); background-image: -moz-linear-gradient(rgb(231, 231, 231), rgb(255, 255, 255)); }*/ /*#menubar span.toggle { margin-right: -48px; }*/ #menubar .toggle.sidebar:before { content: "\E517"; } #menubar span.toggle.more:before { content: "\E188"; } #menubar .toggle.cart, #menubar .toggle.sidebar { float: left; } #menubar .toggle.cart { border-radius: 5px 0 0 5px; } /*#menubar span.toggle.cart { padding-left: 5px; margin-left: -53px; float: left; }*/ #menubar .toggle.cart .icon { position: relative; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 2rem; } #menubar .toggle.cart .icon:before { content: "\E203"; } #menubar .toggle.cart .cartdesc { display: none; } /*#container input.toggle.sidebar:checked ~ #content { display: none; } #container input.toggle.sidebar:checked ~ #sidebar { margin-top: 54px; } #container input.toggle.sidebar:checked ~ #header { display: none; } #menubar input.toggle.more:checked ~ .p2 { display: block; } #menubar input.toggle.cart:checked ~ #minicart { display: inline-block; }*/ #sidebar > div.search-form > form > input, #sidebar > div.search-form > form > button { width: 76%; border: none; padding: 10px 35px 10px 10px; margin: 0; color: #555; border: #bdaf9b 1px solid; background: #fff url('../images/icon-search.png') no-repeat 180px center; font-size: 0.85em; text-align: right; direction:rtl; } #sidebar .search-form input:focus { border-color: #333; } #sidebar .search-form .search-btn { display: none; } .search-form input[type="text"] { float: left; border-radius: 3px; } .search-form .button { float: left; min-width: 40%; } .crtitm, .crttot { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e0e4e8; } .crtimg, .crtttl, .crtqty, .crtprc, .crtdel { vertical-align: top; display: block; } .crtimg, .crtdsc { text-align: center; } .crtimg img { width: 100%; max-width: 220px; } .crtdel { width: 32px; height: 32px; margin: auto; background: url(../images/delete_button.png); } .totttl { float: right; } .totprc { float: left; } #minicart { /*position: absolute;*/ /*top: 53px;*/ /*left: 0; margin: 0; padding: 10px;*/ display: none; z-index: 2; } #minicart .mcrtwrpr { padding: 10px; } #minicart .crtmtl a { font-size: 1rem; display: block; padding: 5px 10px; margin-bottom: 10px; color: #800000; border-radius: 5px; border: 1px solid #e6e6e6; background-color: #F0F0F0; background-image: linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); background-image: -webkit-linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); background-image: -o-linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); background-image: -moz-linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); } #minicart .crtimg img { width: 100%; max-width: 110px; } .sticky #menubar { width: 100%; margin: 0; border-radius: 0; left: 0; right: 0; } .sticky #menubar .toggle, .sticky #menubar .home-button { border-radius: 0; } #content, #minicart { background: #FFFFFF; padding: 1px 0; } #content .slider-wrapper { margin: 2%; } #content .swiper-slide img { width: 100%; /*border-radius: 5px;*/ } #content .pgr { text-align: center; direction: ltr; padding: 10px; } #content .pgr a, #content .pgr span, #content .pgr input { font-size: 11px; color: #666666; border: 1px solid #BBBBBB; padding: 2px 8px 0; margin: 0 5px 0 0; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,.2); background: #EFEFEF; background: -moz-linear-gradient(top,#fff 0%,#efefef 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,#fff 0%,#efefef 100%); background: -o-linear-gradient(top,#fff 0%,#efefef 100%); background: -ms-linear-gradient(top,#fff 0%,#efefef 100%); background: linear-gradient(top,#fff 0%,#efefef 100%); } #content .pgr input { cursor: pointer; padding: 3px 8px 0; } #content .pgr a:hover, #content .pgr input[type=submit]:hover { text-decoration: none; background: #FCFCFC; } #content .pgr span, #content .pgr input[type=button] { background: #666; color: #fff; border-color: #444; box-shadow: 0 1px 0 rgba(255,255,255,1),0 0 2px rgba(0,0,0,.3) inset; cursor: default; } #content .pdcul1, #content .pdcul2 { list-style: none; padding: 0; } #content .pdcli1, #content .pdcli2 { border: solid 1px #CCCCCC; border-radius: 5px; text-align: center; box-shadow: rgba(0, 0, 0, 0.13) 0 0 0.4rem; -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0 0 0.4rem; -o-box-shadow: rgba(0, 0, 0, 0.13) 0 0 0.4rem; -moz-box-shadow: rgba(0, 0, 0, 0.13) 0 0 0.4rem; } #content .pdcli1 { display: inline-block; width: 96%; margin: 2%; } #content .pdctitle1 { background: #ffff; border: solid 1px #ffff; border-radius: 3px; margin: 5px; padding: 5px; } #content .pdcimg1 { display: table-cell; width: 1000px; padding: 0px; height: 180px; vertical-align: middle; } #content .pdcimg1 img { max-width: 80%; padding-bottom: 14px; padding-right: 14px; padding-top: 20px; padding-left: 14px; } #content .pdcprice1, #content .pdcprice2 { color: #008000; padding: 5px 13px; margin: inherit; font-size: 1.3rem; } #content .pdcbtn1, #content .pdcbtn2 { display: inline-block; vertical-align: top; height: 14px; overflow: hidden; padding: 5px 8px; margin: 5px 0 10px; font-size: 0.8rem; border: 1px solid #d4d4d4; border-radius: 3px; background-color: #F0F0F0; background-image: linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background-image: -o-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background-image: -moz-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); } #content .pdcbtn1.cart .icon, #content .pdcbtn2.cart .icon { display: inline-block; font-size: 1.2rem; line-height: 0.4em; padding: 4px 0 0 3px; } #content .pdcbtn1.cart .icon:before, #content .pdcbtn2.cart .icon:before { content: "\E203"; } #content .pdcbtn1.cart .plus, #content .pdcbtn2.cart .plus { display: inline-block; font-size: 2rem; line-height: 0.4em; padding-top: 2px; } #content .pdcbtn1.cart .plus, #content .pdcbtn2.cart .plus, #content .pdcbtn2.cart .green { vertical-align: top; color: #79ad00; } #content .pdcbtn1.cart .plus:before, #content .pdcbtn2.cart .plus:before { content: "+"; } #content .pdcbtn1.more, #content .pdcbtn2.more .red { color: #e7083d; } #content .pdcli2 { margin-bottom: 15px; } #content .pdctitle2, #content .pdcheading { margin: 0 15px; } #content .pdctitle2 { margin-top: 15px; } #content .pdctitle2 a, #content .pdcheading { color: #1e547e; margin-top: 10px; } #content .pdcbtn2 { width: 163px; height: 24px; font-size: 1.2rem; line-height: 1.7em; } #content .pdcbtn2.cart .plus { font-size: 3rem; padding-top: 4px; } #content .pdcbtn2.cart .icon { font-size: 2rem; padding-top: 6px; } #content .pdcimg2 { padding-top: 5px; text-align: center; } #content .pdctext2 { margin: 15px; text-align: right; } #content .pdctext2 img { max-width: 100%; } #content .page-title a { font-size: 1rem; display: block; padding: 5px 10px; margin-bottom: 10px; color: #800000; border-radius: 5px; border: 1px solid #e6e6e6; background-color: #F0F0F0; background-image: linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); background-image: -webkit-linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); background-image: -o-linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); background-image: -moz-linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); } #content .content-wrapper { margin: 10px 15px; } #content .message { margin: 10px 0; padding: 8px 10px 9px; border-radius: 5px; } #content .message.success { color: #104010; border: 1px solid #92DD92; background: #A6FFA6; } #content .message.info { color: #104010; border: 1px solid #92B8DE; background: #A6D2FF; } #content .message.warning { color: #808040; border: 1px solid #dede92; background: #ffffa6; } #content .message.error { color: #401010; border: 1px solid #dd9292; background: #ffa6a6; } #content .fldbox { margin-bottom: 15px; } #content .fldbox.order { text-align: center; } #content .fldttl { display: block; margin-bottom: 3px; text-align: right; vertical-align: top; } #content .fldbox input[type=text], #content .fldbox textarea, #content .fldbox select { width: 95%; padding: 5px 2%; color: #888888; background: #FFFFFF; border: 1px solid #bdc7cd; border-radius: 4px; -o-box-shadow: inset 0 1px 4px rgba(0,0,0,.15); -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.15); -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.15); box-shadow: inset 0 1px 4px rgba(0,0,0,.15); } #content .fldbox input[type=text] { max-width: 300px; } #content .fldbox textarea { max-width: 400px; } #content .fldbox select { max-width: 316px; } #content .fldbox select.day, #content .fldbox select.month, #content .fldbox select.year { width: 32%; max-width: 104px; } #content .fldbox select.ampm { width: 40%; max-width: 167px; } #content .fldbox input.minute, #content .fldbox input.hour { width: 20%; max-width: 50px; } #content .prgs { position: relative; padding: 5px 10px; margin-bottom: 10px; border: 1px solid #e6e6e6; background-color: #F0F0F0; background-image: linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); background-image: -webkit-linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); background-image: -o-linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); background-image: -moz-linear-gradient(rgb(250, 250, 250), rgb(240, 240, 240)); border-radius: 5px; } #content .prgs span { position: relative; display: block; vertical-align: middle; line-height: 24px; z-index: 1; } #content .prgs span:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: 5px; background: url(../images/progressbar.png) center 0 no-repeat; ; } #content .prgs .prgsbar { display: none; } #content .prgs.step1 .pstp1:before, #content .prgs.step2 .pstp2:before, #content .prgs.step3 .pstp3:before, #content .prgs.step4 .pstp4:before, #content .prgs.step5 .pstp5:before { background-position: center -20px; } #content .prgs.step2 .pstp1:before, #content .prgs.step3 .pstp1:before, #content .prgs.step3 .pstp2:before, #content .prgs.step4 .pstp1:before, #content .prgs.step4 .pstp2:before, #content .prgs.step4 .pstp3:before, #content .prgs.step5 .pstp1:before, #content .prgs.step5 .pstp2:before, #content .prgs.step5 .pstp3:before, #content .prgs.step5 .pstp4:before, #content .prgs.step5 .pstp5:before { background-position: center -40px; } #content .shipping, #content .payment { border: 1px solid #CCCCCC; border-radius: 5px; margin-bottom: 10px; } #content .shipping .radio, #content .shipping .name, #content .shipping .cost, #content .payment .radio, #content .payment .name, #content .payment .cost { display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; } #content .shipping .radio, #content .payment .radio { padding: 4px 0 0; width: 10%; } #content .shipping .name, #content .shipping .cost, #content .payment .name, #content .payment .cost { padding: 5px 2% 6px; } #content .shipping .name, #content .payment .name { width: 50%; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } #content .shipping .name .description, #content .payment .name .description { color: #999999; } #content .shipping .cost, #content .payment .cost { width: 27%; } #content .hdg { font-size: 1.2rem; color: #f26500; padding: 10px; margin: 10px 0; border-radius: 5px; background: #fffdf2; } #content .hdg2 { margin-top: 20px; margin-bottom: 10px; } #content .pptbox { padding: 7px 2%; border-bottom: 1px solid #f6f8f9; } #content .pptbox .pptttl, #content .pptbox .pptval { display: inline-block; vertical-align: top; } #content .pptbox .pptttl { width: 50%; } #content .orditm, #content .ordtot { border-bottom: 1px solid #f6f8f9; } #content .ordttl, #content .ordqty, #content .ordprc { vertical-align: top; display: block; } #content .totttl { float: right; } #content .totprc { float: left; } #content .thanks { margin: 10px 0; padding: 10px; font-size: 1.2rem; text-align: center; color: #69A816; background: #fafff3; border-radius: 5px; } #content .ordattl { color: #FF0000; margin-top: 10px; } #content .ordatt { margin: 5px 15px; padding: 0; } #sidebar { background: #f4f0e5; padding: 1px 0; } #sidebar .catlist1, #sidebar .catlist2 { list-style: none; margin: 10px 0; padding: 0; } #sidebar .catlist1 > li > a { display: block; background-color: #faf8f4; background-image: linear-gradient(rgb(254, 254, 254), rgb(245, 241, 231)); background-image: -webkit-linear-gradient(rgb(254, 254, 254), rgb(245, 241, 231)); background-image: -o-linear-gradient(rgb(254, 254, 254), rgb(245, 241, 231)); background-image: -moz-linear-gradient(rgb(254, 254, 254), rgb(245, 241, 231)); border: 1px solid #ddd9d0; border-radius: 5px; margin: 5px 10px 0; padding: 5px 10px; } #sidebar .catlist1 > li > ul { display: block; /*background: #fcfcf8;*/ /*border: 1px solid #e0d9c7;*/ /*border-top: 1px solid #FFFFFF;*/ border-radius: 5px; margin: 0 10px; } #sidebar .catlist2 li a { display: block; padding: 5px 20px; color: #800000; border-top: 1px solid #faf9f5; border-bottom: 1px solid #e4dfd2; } #sidebar .catlist2 li:first-child a { border-top: none; } #sidebar .catlist2 li:last-child a { border-bottom: none; } #sidebar .catlist2 ul { display: none; } #footer .fmnul { list-style: none; margin: 0; padding: 10px; text-align: center; } #footer .fmnli { display: inline-block; } #footer .fmnli a { padding: 15px 10px 10px; color: #1E547E; } #footer .pcpyrgt { text-align: center; padding: 0 20px 15px; } #footer .cpyrgt { direction: ltr; text-align: center; padding: 0 20px 15px; letter-spacing: 0.03em; } @media all and (min-width: 320px) { #content .fldbox { margin-bottom: 15px; } #content .fldttl { display: inline-block; margin-bottom: 0; width: 100px; padding: 6px 0; } #content .fldbox input[type=text], #content .fldbox textarea, #content .fldbox select { padding: 5px 7px; } #content .fldbox input[type=text], #content .fldbox textarea { width: 57%; } #content .fldbox select { width: 62%; } #content .fldbox select.month, #content .fldbox select.year { width: 22%; } #content .fldbox select.day { width: 17%; } #content .fldbox select.ampm { width: 25%; } #content .fldbox input.minute, #content .fldbox input.hour { width: 10%; } #content .shipping .cost, #content .payment .cost { width: 29%; } .crtimg, .crtdsc { float: right; } .crtimg { width: 30%; } .crtdsc { text-align: right; width: 70%; } .crtdel { float: left; } #content .ordttl, #content .ordqty, #content .ordprc { display: inline-block; padding: 7px 2%; } #content .ordttl { width: 43%; } #content .ordqty { width: 18%; text-align: center; } #content .ordprc { width: 25%; text-align: left; } #content .totttl, #content .totprc { padding: 7px 2%; } } @media all and (min-width: 360px) { #menubar ul.p1 { float: right; display: block; } #menubar ul.p1 .mmbi a { background-image: url(../images/mvsep.png); background-repeat: no-repeat; background-position: right center; background-size: contain; padding: 15px 12px 15px 10px; } #menubar ul.p2 { right: 180px; } #menubar ul.p2 .mmbi.alt { display: none; } #menubar .p2 .mmbi.f2 a { border-radius: 5px 5px 0 0; } } @media all and (min-width: 380px) { #content .pdcbtn2 { width: auto; } } @media all and (min-width: 420px) { #header .right { text-align: right; max-width: 60%; margin: 7px 20px 10px 0; float: right; } #header .hlogo { float: left; margin: 10px 0 10px 15px; } #content .crtimg { width: 25%; } #content .crtdsc { text-align: right; width: 75%; } } @media all and (min-width: 480px) { #content .crtimg { width: 20%; } #content .crtdsc { text-align: right; width: 80%; } #content .crtttl, #content .crtqty, #content .crtprc { display: inline-block; width: 30%; margin: 10px 1%; } } @media all and (min-width: 550px) { #content .pdcli1 { width: 45.38%; } #footer .fmnul { text-align: right; } #footer .pcpyrgt { float: right; } #footer .cpyrgt { float: left; } } @media all and (min-width: 630px) { #menubar .toggle.more { display: none; } #menubar ul.p1 { display: none; } #menubar ul.p2, #menubar ul.p2 .mmbi.alt { display: inline-block; position: static; box-shadow: none; background: none; border: none; border-radius: 0; } #menubar ul.p2 li { display: inline-block; } #menubar ul.p2 li a { background: url(../images/mvsep.png) right center no-repeat; background-size: contain; padding: 15px 12px 15px 10px; } #menubar ul.p2 .mmbi:first-child a { padding-right: 17px; } #menubar ul.p2 .mmbi:last-child a { border-radius: 0; } } @media all and (min-width: 680px) { #content .pdcimg2, #content .pdcdesc { display: inline-block; vertical-align: middle; } #content .pdcli2 { text-align: right; } #content .pdcimg2 { width: 30%; margin-left: 1%; } #content .pdcdesc { width: 68%; } #content .pdcbtnset2 { text-align: left; } } @media all and (min-width: 740px) { #menubar .toggle.cart { width: auto; } #menubar .toggle.cart .icon { float: left; } #menubar .toggle.cart .cartdesc { display: inline; font-size: 1rem; padding-right: 12px; float: right; } } @media all and (min-width: 780px) { #container { margin-bottom: 10px; } #minicart { position: absolute; left: 0; width: 300px; border: 1px solid #CCCCCC; } #header, #content, #sidebar, #footer { margin-top: 10px; } #header .htitle { margin: 0 5px 0 0; } #header .htitle a { font-size: 2rem; } #header .hdesc { margin: 5px 5px 0 0; } #header .hlogo { width: 172px; height: 60px; } .sticky #menubar { position: relative !important; margin: 10px 2% 0; width: auto; border-radius: 5px; } #container .toggle.sidebar { display: none; } #container span.toggle.cart { border-radius: 5px 0 0 5px; } #menubar .home-button { border-radius: 0 5px 5px 0; } #content { display: block !important; float: left; margin-right: 0; width: 70%; } #content .fldbox { text-align: right; } #content .fldttl { margin-right: 20px; } #sidebar { display: block !important; float: right; margin-left: 0; width: 25%; } #content .pdcli1 { width: 45.43%; } #content .shipping .name, #content .shipping .cost, #content .payment .name, #content .payment .cost { padding: 15px 2% 15px; } #content .shipping .radio, #content .payment .radio { width: 8%; } #content .shipping .name, #content .payment .name { text-align: right; line-height: 1.8em; width: 66.5%; } #content .shipping .cost, #content .payment .cost { width: 16%; } #content .ordttl { width: 44%; } } @media all and (min-width: 920px) { #content .prgs { padding: 5px 0; } #content .prgs span { display: inline-block; width: 19.5%; font-size: 0.9rem; text-align: center; margin-bottom: 24px; } #content .prgs span:before { position: absolute; width: 100%; top: 24px; left: 0; } #content .prgs .prgsbar { position: absolute; display: block; width: 77%; height: 8px; top: 35px; left: 13%; margin-left: -2px; background: #C9D1D7; } #content .prgs .prgsbar:before { content: ""; display: block; width: 0; height: 8px; background: #96cb5c url(../images/progress.png); } #content .prgs.step2 .prgsbar:before { width: 25%; } #content .prgs.step3 .prgsbar:before { width: 50%; } #content .prgs.step4 .prgsbar:before { width: 75%; } #content .prgs.step5 .prgsbar:before { width: 100%; } #content .shipping .radio, #content .payment .radio { width: 7%; } #content .shipping .name, #content .payment .name { text-align: right; line-height: 1.8em; width: 68.5%; } #content .shipping .cost, #content .payment .cost { width: 15%; } } @media all and (min-width: 960px) { #content { width: 72%; } #sidebar { width: 23%; } #content .pdcli1 { margin: 1.8%; width: 29.20%; } #content .crtimg { width: 15%; } #content .crtdsc { text-align: right; width: 85%; } #content .crtttl, #content .crtqty, #content .crtprc { display: inline-block; width: 30%; margin: 10px 1%; } } @media all and (min-width: 1260px) { #content { width: 76%; } #sidebar { width: 19%; } #content .pdcli1 { margin: 1.5%; } #content .prgs span { display: inline-block; width: 19.5%; font-size: 1rem; text-align: center; margin-bottom: 24px; } #content .shipping .radio, #content .payment .radio { width: 5%; } #content .shipping .name, #content .payment .name { text-align: right; line-height: 1.8em; width: 73.3%; } #content .shipping .cost, #content .payment .cost { width: 13%; } } @font-face { font-family: "oYekan"; src: url(../fonts/yekan.eot?#) format("eot"), url(../fonts/yekan.woff) format("woff"), url(../fonts/yekan.ttf) format("truetype"); } @font-face { font-family: "oFarnaz"; src: url(../fonts/farnaz.eot?#) format("eot"), url(../fonts/farnaz.woff) format("woff"), url(../fonts/farnaz.ttf) format("truetype"); } @font-face { font-family: "glyphicons"; src: url('../fonts/glyphicons-regular.eot'); src: url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-regular.woff2') format('woff2'), url('../fonts/glyphicons-regular.woff') format('woff'), url('../fonts/glyphicons-regular.ttf') format('truetype'), url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg'); }
فایل site1.css
@font-face { font-family: "OYekan"; src: url(../fonts/yekan.eot?#) format("eot"), url(../fonts/yekan.woff) format("woff") url(../fonts/yekan.ttf) format("truetype"); } @font-face { font-family: "OFarnaz"; src: url(../fonts/farnaz.eot?#) format("eot"), url(../fonts/farnaz.woff) format("woff") url(../fonts/farnaz.ttf) format("truetype"); } @font-face { font-family: "OGlyphicons"; src: url(../fonts/glyphicons-regular.eot?#) format("eot"), url(../fonts/glyphicons-regular.woff) format("woff") url(../fonts/glyphicons-regular.ttf) format("truetype"); } html { font-size: 12px; } body, input, textarea, select { font-family: OYekan, Tahoma, Arial, sans-serif; font-size: 1rem; line-height: 1.5em; color: #4D4D4D; } body { margin: 0; padding: 0; direction: rtl; background: #E6DEC9 url(../images/bg.gif); } a { text-decoration: none; outline: none; color: #666666; } img { border: none; } .ib { display: inline-block; vertical-align: top; } .rf { float: right; } .lf { float: left; } .ra { text-align: right; } .ca { text-align: center; } .la { text-align: left; } .ltr { direction: ltr; } .rtl { direction: rtl; } .spacer { clear: both; } #container { min-width: 160px; max-width: 1260px; margin: auto; } #header, #menubar, #menubar ul.p2, .minicart { margin: 5px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.5em; } #header { padding: 1px 0 0; background: #F0F0F0 linear-gradient(rgb(249, 249, 249), rgb(229, 229, 229)); background: #F0F0F0 -webkit-linear-gradient(rgb(249, 249, 249), rgb(229, 229, 229)); background: #F0F0F0 -o-linear-gradient(rgb(249, 249, 249), rgb(229, 229, 229)); background: #F0F0F0 -moz-linear-gradient(rgb(249, 249, 249), rgb(229, 229, 229)); } #header .top { position: relative; padding-top: 1px; padding-bottom: 50px; text-align: center; } #header .bottom { text-align: justify; padding: 5px 10px; color: #A4A4A4; background: #656565; border-radius: 0 0 5px 5px; } #header .htitle { margin: 10px 15px 0; } #header .htitle a { color: #908F8F; font: normal 1.5rem "B Farnaz", OFarnaz, Tahoma, sans-serif; } /*#header .htitle:before { content: "."; color: #ecac72; font: normal 4rem/0.1em Arial, Verdana, sans-serif; }*/ #header .hdesc { color: #A9A9A9; margin: 0 15px 10px; font-size: 1rem; line-height: 1.5em; } #header .hlogo { position: absolute; width: 100%; height: 44px; bottom: 10px; background: url(../images/logo.png) center 0 no-repeat; } #menubar { min-height: 38px; position: relative; border: 1px solid #CCCCCC; background: #F0F0F0 linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background: #F0F0F0 -webkit-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background: #F0F0F0 -o-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); background: #F0F0F0 -moz-linear-gradient(rgb(255, 255, 255), rgb(231, 231, 231)); } #menubar ul.p2, .minicart { background: #E5E5E5 url(../images/grads.png) 0 -38px repeat-x; } #menubar .home-button { display: block; width: 40px; height: 38px; position: absolute; top: 0; right: 0; border-radius: 0 5px 5px 0; background: url(../images/toggles.png) 0 0; } #menubar .home-button:hover { background-position: -40px 0; } #menubar ul { display: none; list-style: none; margin: 0; padding: 0; } #menubar .mmbi { display: inline-block; } #menubar ul .mmbi a { display: block; padding: 10px 12px 10px 10px; } #menubar ul .mmbi a:hover { background-color: #FCFCFC; } #menubar ul.p2 { position: absolute; right: 0; margin: 0; top: 43px; } #menubar ul.p2 li { display: list-item; } #menubar ul.p2 li a { display: list-item; } #menubar ul.p2 .mmbi.f1 a { border-radius: 5px 5px 0 0; } #menubar ul.p2 li:last-child a { border-radius: 0 0 5px 5px; } #menubar .toggle { position: absolute; display: inline-block; width: 40px; height: 38px; top: 0; overflow: hidden; } #menubar input.toggle { margin: 0; z-index: 1; opacity: 0; cursor: pointer; } #menubar span.toggle { background: url(../images/toggles.png) no-repeat; } #menubar .toggle.more { right: 40px; } #menubar span.toggle.more { width: 38px; background-position: -2px -76px; } #menubar input.toggle.more:checked ~ span.toggle.more { background-position: -42px -76px; } #menubar input.toggle.more:checked ~ .p2 { display: block; } #menubar .toggle.cart { text-indent: -2000px; left: 0; } #menubar span.toggle.cart { border-radius: 5px 0 0 5px; background-position: 0 -38px; } #menubar input.toggle.cart:checked ~ span.toggle.cart { background-position: -40px -38px; } #menubar input.toggle.cart:checked ~ .minicart { display: inline-block; } .minicart { position: absolute; top: 43px; left: 0; margin: 0; padding: 10px; display: none; } @media all and (min-width: 320px) { #menubar { padding-right: 40px; } #menubar .home-button { display: none; } #menubar .toggle.more { right: 0; border-radius: 0 5px 5px 0; } #menubar span.toggle.more { width: 40px; background-position: 0 -76px; } #menubar input.toggle.more:checked ~ span.toggle.more { background-position: -40px -76px; } #menubar ul.p1 { display: inline-block; } #menubar ul.p1 .mmbi a { background: url(../images/mvsep.png) right center no-repeat; } #menubar ul.p1 .mmbi:first-child a { display: inline-block; background-image: none; } #menubar ul .mmbi a:hover { background-color: #FCFCFC; } #menubar ul.p2 .mmbi.alt { display: none; } #menubar ul.p2 .mmbi.f2 a { border-radius: 5px 5px 0 0; } } @media all and (min-width: 420px) { #header .top { position: relative; padding-bottom: 0; text-align: right; min-height: 55px; } #header .htitle, #header .hdesc { max-width: 63%; } #header .hlogo { position: absolute; width: 126px; height: 44px; left: 10px; top: 10px; background: url(../images/logo.png) -31px 0; } } @media all and (min-width: 500px) { #menubar { padding-right: 0; } #menubar .toggle.more { display: none; } #menubar ul.p1 .mmbi:first-child a { border-radius: 0 5px 5px 0; } #menubar ul.p2, #menubar input.toggle.more:checked ~ .p2 { display: inline-block; position: static; min-height: 0; box-shadow: none; background: none; border: none; border-radius: 0; } #menubar ul.p2 li { display: inline-block; } #menubar ul.p2 li a { background: url(../images/mvsep.png) right center no-repeat; } #menubar ul.p2 .mmbi.f2 a, #menubar ul.p2 .mmbi:last-child a { border-radius: 0; } } @media all and (min-width: 605px) { #menubar .toggle.cart { width: 150px; } #menubar span.toggle.cart { width: 120px; padding-left: 30px; line-height: 3em; text-align: center; text-indent: 0; background-position: 0 -114px; } #menubar input.toggle.cart:checked ~ span.toggle.cart { background-position: 0 -152px; } } @media all and (min-width: 780px) { #header, #menubar { margin: 10px; } #header .htitle, #header .hdesc { max-width: 600px; } #header .htitle { margin: 15px 20px 0; } #header .htitle a { color: #908F8F; font: normal 2rem "B Farnaz", OFarnaz, Tahoma, sans-serif; } #header .hdesc { margin: 0 20px 20px; } #header .hlogo { position: absolute; width: 187px; height: 66px; left: 20px; top: 12px; background-position: 0 -44px; } #header .bottom { padding: 5px 15px; } } .glyphicons { position: relative; top: 1px; display: inline-block; font-family: glyphicons; font-style: normal; font-weight: normal; line-height: 1; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicons.x05 { font-size: 12px; } .glyphicons.x2 { font-size: 48px; } .glyphicons.x3 { font-size: 72px; } .glyphicons.x4 { font-size: 96px; } .glyphicons.x5 { font-size: 120px; } .glyphicons.light:before { color: #f2f2f2; } .glyphicons.drop:before { text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3); } .glyphicons.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .glyphicons.flipv { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .glyphicons.rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .glyphicons.rotate180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .glyphicons.rotate270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .glyphicons-glass:before { content: "\E001"; } .glyphicons-leaf:before { content: "\E002"; } .glyphicons-dog:before { content: "\E003"; } .glyphicons-user:before { content: "\E004"; } .glyphicons-girl:before { content: "\E005"; } .glyphicons-car:before { content: "\E006"; } .glyphicons-user-add:before { content: "\E007"; } .glyphicons-user-remove:before { content: "\E008"; } .glyphicons-film:before { content: "\E009"; } .glyphicons-magic:before { content: "\E010"; } .glyphicons-envelope:before { content: "\2709"; } .glyphicons-camera:before { content: "\E011"; } .glyphicons-heart:before { content: "\E013"; } .glyphicons-beach-umbrella:before { content: "\E014"; } .glyphicons-train:before { content: "\E015"; } .glyphicons-print:before { content: "\E016"; } .glyphicons-bin:before { content: "\E017"; } .glyphicons-music:before { content: "\E018"; } .glyphicons-note:before { content: "\E019"; } .glyphicons-heart-empty:before { content: "\E020"; } .glyphicons-home:before { content: "\E021"; } .glyphicons-snowflake:before { content: "\2744"; } .glyphicons-fire:before { content: "\E023"; } .glyphicons-magnet:before { content: "\E024"; } .glyphicons-parents:before { content: "\E025"; } .glyphicons-binoculars:before { content: "\E026"; } .glyphicons-road:before { content: "\E027"; } .glyphicons-search:before { content: "\E028"; } .glyphicons-cars:before { content: "\E029"; } .glyphicons-notes-2:before { content: "\E030"; } .glyphicons-pencil:before { content: "\270F"; } .glyphicons-bus:before { content: "\E032"; } .glyphicons-wifi-alt:before { content: "\E033"; } .glyphicons-luggage:before { content: "\E034"; } .glyphicons-old-man:before { content: "\E035"; } .glyphicons-woman:before { content: "\E036"; } .glyphicons-file:before { content: "\E037"; } .glyphicons-coins:before { content: "\E038"; } .glyphicons-airplane:before { content: "\2708"; } .glyphicons-notes:before { content: "\E040"; } .glyphicons-stats:before { content: "\E041"; } .glyphicons-charts:before { content: "\E042"; } .glyphicons-pie-chart:before { content: "\E043"; } .glyphicons-group:before { content: "\E044"; } .glyphicons-keys:before { content: "\E045"; } .glyphicons-calendar:before { content: "\E046"; } .glyphicons-router:before { content: "\E047"; } .glyphicons-camera-small:before { content: "\E048"; } .glyphicons-star-empty:before { content: "\E049"; } .glyphicons-star:before { content: "\E050"; } .glyphicons-link:before { content: "\E051"; } .glyphicons-eye-open:before { content: "\E052"; } .glyphicons-eye-close:before { content: "\E053"; } .glyphicons-alarm:before { content: "\E054"; } .glyphicons-clock:before { content: "\E055"; } .glyphicons-stopwatch:before { content: "\E056"; } .glyphicons-projector:before { content: "\E057"; } .glyphicons-history:before { content: "\E058"; } .glyphicons-truck:before { content: "\E059"; } .glyphicons-cargo:before { content: "\E060"; } .glyphicons-compass:before { content: "\E061"; } .glyphicons-keynote:before { content: "\E062"; } .glyphicons-paperclip:before { content: "\E063"; } .glyphicons-power:before { content: "\E064"; } .glyphicons-lightbulb:before { content: "\E065"; } .glyphicons-tag:before { content: "\E066"; } .glyphicons-tags:before { content: "\E067"; } .glyphicons-cleaning:before { content: "\E068"; } .glyphicons-ruler:before { content: "\E069"; } .glyphicons-gift:before { content: "\E070"; } .glyphicons-umbrella:before { content: "\2602"; } .glyphicons-book:before { content: "\E072"; } .glyphicons-bookmark:before { content: "\E073"; } .glyphicons-wifi:before { content: "\E074"; } .glyphicons-cup:before { content: "\E075"; } .glyphicons-stroller:before { content: "\E076"; } .glyphicons-headphones:before { content: "\E077"; } .glyphicons-headset:before { content: "\E078"; } .glyphicons-warning-sign:before { content: "\E079"; } .glyphicons-signal:before { content: "\E080"; } .glyphicons-retweet:before { content: "\E081"; } .glyphicons-refresh:before { content: "\E082"; } .glyphicons-roundabout:before { content: "\E083"; } .glyphicons-random:before { content: "\E084"; } .glyphicons-heat:before { content: "\E085"; } .glyphicons-repeat:before { content: "\E086"; } .glyphicons-display:before { content: "\E087"; } .glyphicons-log-book:before { content: "\E088"; } .glyphicons-address-book:before { content: "\E089"; } .glyphicons-building:before { content: "\E090"; } .glyphicons-eyedropper:before { content: "\E091"; } .glyphicons-adjust:before { content: "\E092"; } .glyphicons-tint:before { content: "\E093"; } .glyphicons-crop:before { content: "\E094"; } .glyphicons-vector-path-square:before { content: "\E095"; } .glyphicons-vector-path-circle:before { content: "\E096"; } .glyphicons-vector-path-polygon:before { content: "\E097"; } .glyphicons-vector-path-line:before { content: "\E098"; } .glyphicons-vector-path-curve:before { content: "\E099"; } .glyphicons-vector-path-all:before { content: "\E100"; } .glyphicons-font:before { content: "\E101"; } .glyphicons-italic:before { content: "\E102"; } .glyphicons-bold:before { content: "\E103"; } .glyphicons-text-underline:before { content: "\E104"; } .glyphicons-text-strike:before { content: "\E105"; } .glyphicons-text-height:before { content: "\E106"; } .glyphicons-text-width:before { content: "\E107"; } .glyphicons-text-resize:before { content: "\E108"; } .glyphicons-left-indent:before { content: "\E109"; } .glyphicons-right-indent:before { content: "\E110"; } .glyphicons-align-left:before { content: "\E111"; } .glyphicons-align-center:before { content: "\E112"; } .glyphicons-align-right:before { content: "\E113"; } .glyphicons-justify:before { content: "\E114"; } .glyphicons-list:before { content: "\E115"; } .glyphicons-text-smaller:before { content: "\E116"; } .glyphicons-text-bigger:before { content: "\E117"; } .glyphicons-embed:before { content: "\E118"; } .glyphicons-embed-close:before { content: "\E119"; } .glyphicons-table:before { content: "\E120"; } .glyphicons-message-full:before { content: "\E121"; } .glyphicons-message-empty:before { content: "\E122"; } .glyphicons-message-in:before { content: "\E123"; } .glyphicons-message-out:before { content: "\E124"; } .glyphicons-message-plus:before { content: "\E125"; } .glyphicons-message-minus:before { content: "\E126"; } .glyphicons-message-ban:before { content: "\E127"; } .glyphicons-message-flag:before { content: "\E128"; } .glyphicons-message-lock:before { content: "\E129"; } .glyphicons-message-new:before { content: "\E130"; } .glyphicons-inbox:before { content: "\E131"; } .glyphicons-inbox-plus:before { content: "\E132"; } .glyphicons-inbox-minus:before { content: "\E133"; } .glyphicons-inbox-lock:before { content: "\E134"; } .glyphicons-inbox-in:before { content: "\E135"; } .glyphicons-inbox-out:before { content: "\E136"; } .glyphicons-cogwheel:before { content: "\E137"; } .glyphicons-cogwheels:before { content: "\E138"; } .glyphicons-picture:before { content: "\E139"; } .glyphicons-adjust-alt:before { content: "\E140"; } .glyphicons-database-lock:before { content: "\E141"; } .glyphicons-database-plus:before { content: "\E142"; } .glyphicons-database-minus:before { content: "\E143"; } .glyphicons-database-ban:before { content: "\E144"; } .glyphicons-folder-open:before { content: "\E145"; } .glyphicons-folder-plus:before { content: "\E146"; } .glyphicons-folder-minus:before { content: "\E147"; } .glyphicons-folder-lock:before { content: "\E148"; } .glyphicons-folder-flag:before { content: "\E149"; } .glyphicons-folder-new:before { content: "\E150"; } .glyphicons-edit:before { content: "\E151"; } .glyphicons-new-window:before { content: "\E152"; } .glyphicons-check:before { content: "\E153"; } .glyphicons-unchecked:before { content: "\E154"; } .glyphicons-more-windows:before { content: "\E155"; } .glyphicons-show-big-thumbnails:before { content: "\E156"; } .glyphicons-show-thumbnails:before { content: "\E157"; } .glyphicons-show-thumbnails-with-lines:before { content: "\E158"; } .glyphicons-show-lines:before { content: "\E159"; } .glyphicons-playlist:before { content: "\E160"; } .glyphicons-imac:before { content: "\E161"; } .glyphicons-macbook:before { content: "\E162"; } .glyphicons-ipad:before { content: "\E163"; } .glyphicons-iphone:before { content: "\E164"; } .glyphicons-iphone-transfer:before { content: "\E165"; } .glyphicons-iphone-exchange:before { content: "\E166"; } .glyphicons-ipod:before { content: "\E167"; } .glyphicons-ipod-shuffle:before { content: "\E168"; } .glyphicons-ear-plugs:before { content: "\E169"; } .glyphicons-record:before { content: "\E170"; } .glyphicons-step-backward:before { content: "\E171"; } .glyphicons-fast-backward:before { content: "\E172"; } .glyphicons-rewind:before { content: "\E173"; } .glyphicons-play:before { content: "\E174"; } .glyphicons-pause:before { content: "\E175"; } .glyphicons-stop:before { content: "\E176"; } .glyphicons-forward:before { content: "\E177"; } .glyphicons-fast-forward:before { content: "\E178"; } .glyphicons-step-forward:before { content: "\E179"; } .glyphicons-eject:before { content: "\E180"; } .glyphicons-facetime-video:before { content: "\E181"; } .glyphicons-download-alt:before { content: "\E182"; } .glyphicons-mute:before { content: "\E183"; } .glyphicons-volume-down:before { content: "\E184"; } .glyphicons-volume-up:before { content: "\E185"; } .glyphicons-screenshot:before { content: "\E186"; } .glyphicons-move:before { content: "\E187"; } .glyphicons-more:before { content: "\E188"; } .glyphicons-brightness-reduce:before { content: "\E189"; } .glyphicons-brightness-increase:before { content: "\E190"; } .glyphicons-circle-plus:before { content: "\E191"; } .glyphicons-circle-minus:before { content: "\E192"; } .glyphicons-circle-remove:before { content: "\E193"; } .glyphicons-circle-ok:before { content: "\E194"; } .glyphicons-circle-question-mark:before { content: "\E195"; } .glyphicons-circle-info:before { content: "\E196"; } .glyphicons-circle-exclamation-mark:before { content: "\E197"; } .glyphicons-remove:before { content: "\E198"; } .glyphicons-ok:before { content: "\E199"; } .glyphicons-ban:before { content: "\E200"; } .glyphicons-download:before { content: "\E201"; } .glyphicons-upload:before { content: "\E202"; } .glyphicons-shopping-cart:before { content: "\E203"; } .glyphicons-lock:before { content: "\E204"; } .glyphicons-unlock:before { content: "\E205"; } .glyphicons-electricity:before { content: "\E206"; } .glyphicons-ok-2:before { content: "\E207"; } .glyphicons-remove-2:before { content: "\E208"; } .glyphicons-cart-out:before { content: "\E209"; } .glyphicons-cart-in:before { content: "\E210"; } .glyphicons-left-arrow:before { content: "\E211"; } .glyphicons-right-arrow:before { content: "\E212"; } .glyphicons-down-arrow:before { content: "\E213"; } .glyphicons-up-arrow:before { content: "\E214"; } .glyphicons-resize-small:before { content: "\E215"; } .glyphicons-resize-full:before { content: "\E216"; } .glyphicons-circle-arrow-left:before { content: "\E217"; } .glyphicons-circle-arrow-right:before { content: "\E218"; } .glyphicons-circle-arrow-top:before { content: "\E219"; } .glyphicons-circle-arrow-down:before { content: "\E220"; } .glyphicons-play-button:before { content: "\E221"; } .glyphicons-unshare:before { content: "\E222"; } .glyphicons-share:before { content: "\E223"; } .glyphicons-chevron-right:before { content: "\E224"; } .glyphicons-chevron-left:before { content: "\E225"; } .glyphicons-bluetooth:before { content: "\E226"; } .glyphicons-euro:before { content: "\20AC"; } .glyphicons-usd:before { content: "\E228"; } .glyphicons-gbp:before { content: "\E229"; } .glyphicons-retweet-2:before { content: "\E230"; } .glyphicons-moon:before { content: "\E231"; } .glyphicons-sun:before { content: "\2609"; } .glyphicons-cloud:before { content: "\2601"; } .glyphicons-direction:before { content: "\E234"; } .glyphicons-brush:before { content: "\E235"; } .glyphicons-pen:before { content: "\E236"; } .glyphicons-zoom-in:before { content: "\E237"; } .glyphicons-zoom-out:before { content: "\E238"; } .glyphicons-pin:before { content: "\E239"; } .glyphicons-albums:before { content: "\E240"; } .glyphicons-rotation-lock:before { content: "\E241"; } .glyphicons-flash:before { content: "\E242"; } .glyphicons-google-maps:before { content: "\E243"; } .glyphicons-anchor:before { content: "\2693"; } .glyphicons-conversation:before { content: "\E245"; } .glyphicons-chat:before { content: "\E246"; } .glyphicons-male:before { content: "\E247"; } .glyphicons-female:before { content: "\E248"; } .glyphicons-asterisk:before { content: "\002A"; } .glyphicons-divide:before { content: "\00F7"; } .glyphicons-snorkel-diving:before { content: "\E251"; } .glyphicons-scuba-diving:before { content: "\E252"; } .glyphicons-oxygen-bottle:before { content: "\E253"; } .glyphicons-fins:before { content: "\E254"; } .glyphicons-fishes:before { content: "\E255"; } .glyphicons-boat:before { content: "\E256"; } .glyphicons-delete:before { content: "\E257"; } .glyphicons-sheriffs-star:before { content: "\E258"; } .glyphicons-qrcode:before { content: "\E259"; } .glyphicons-barcode:before { content: "\E260"; } .glyphicons-pool:before { content: "\E261"; } .glyphicons-buoy:before { content: "\E262"; } .glyphicons-spade:before { content: "\E263"; } .glyphicons-bank:before { content: "\E264"; } .glyphicons-vcard:before { content: "\E265"; } .glyphicons-electrical-plug:before { content: "\E266"; } .glyphicons-flag:before { content: "\E267"; } .glyphicons-credit-card:before { content: "\E268"; } .glyphicons-keyboard-wireless:before { content: "\E269"; } .glyphicons-keyboard-wired:before { content: "\E270"; } .glyphicons-shield:before { content: "\E271"; } .glyphicons-ring:before { content: "\02DA"; } .glyphicons-cake:before { content: "\E273"; } .glyphicons-drink:before { content: "\E274"; } .glyphicons-beer:before { content: "\E275"; } .glyphicons-fast-food:before { content: "\E276"; } .glyphicons-cutlery:before { content: "\E277"; } .glyphicons-pizza:before { content: "\E278"; } .glyphicons-birthday-cake:before { content: "\E279"; } .glyphicons-tablet:before { content: "\E280"; } .glyphicons-settings:before { content: "\E281"; } .glyphicons-bullets:before { content: "\E282"; } .glyphicons-cardio:before { content: "\E283"; } .glyphicons-t-shirt:before { content: "\E284"; } .glyphicons-pants:before { content: "\E285"; } .glyphicons-sweater:before { content: "\E286"; } .glyphicons-fabric:before { content: "\E287"; } .glyphicons-leather:before { content: "\E288"; } .glyphicons-scissors:before { content: "\E289"; } .glyphicons-bomb:before { content: "\E290"; } .glyphicons-skull:before { content: "\E291"; } .glyphicons-celebration:before { content: "\E292"; } .glyphicons-tea-kettle:before { content: "\E293"; } .glyphicons-french-press:before { content: "\E294"; } .glyphicons-coffee-cup:before { content: "\E295"; } .glyphicons-pot:before { content: "\E296"; } .glyphicons-grater:before { content: "\E297"; } .glyphicons-kettle:before { content: "\E298"; } .glyphicons-hospital:before { content: "\E299"; } .glyphicons-hospital-h:before { content: "\E300"; } .glyphicons-microphone:before { content: "\E301"; } .glyphicons-webcam:before { content: "\E302"; } .glyphicons-temple-christianity-church:before { content: "\E303"; } .glyphicons-temple-islam:before { content: "\E304"; } .glyphicons-temple-hindu:before { content: "\E305"; } .glyphicons-temple-buddhist:before { content: "\E306"; } .glyphicons-bicycle:before { content: "\E307"; } .glyphicons-life-preserver:before { content: "\E308"; } .glyphicons-share-alt:before { content: "\E309"; } .glyphicons-comments:before { content: "\E310"; } .glyphicons-flower:before { content: "\2698"; } .glyphicons-baseball:before { content: "\26BE"; } .glyphicons-rugby:before { content: "\E313"; } .glyphicons-ax:before { content: "\E314"; } .glyphicons-table-tennis:before { content: "\E315"; } .glyphicons-bowling:before { content: "\E316"; } .glyphicons-tree-conifer:before { content: "\E317"; } .glyphicons-tree-deciduous:before { content: "\E318"; } .glyphicons-more-items:before { content: "\E319"; } .glyphicons-sort:before { content: "\E320"; } .glyphicons-filter:before { content: "\E321"; } .glyphicons-gamepad:before { content: "\E322"; } .glyphicons-playing-dices:before { content: "\E323"; } .glyphicons-calculator:before { content: "\E324"; } .glyphicons-tie:before { content: "\E325"; } .glyphicons-wallet:before { content: "\E326"; } .glyphicons-piano:before { content: "\E327"; } .glyphicons-sampler:before { content: "\E328"; } .glyphicons-podium:before { content: "\E329"; } .glyphicons-soccer-ball:before { content: "\E330"; } .glyphicons-blog:before { content: "\E331"; } .glyphicons-dashboard:before { content: "\E332"; } .glyphicons-certificate:before { content: "\E333"; } .glyphicons-bell:before { content: "\E334"; } .glyphicons-candle:before { content: "\E335"; } .glyphicons-pushpin:before { content: "\E336"; } .glyphicons-iphone-shake:before { content: "\E337"; } .glyphicons-pin-flag:before { content: "\E338"; } .glyphicons-turtle:before { content: "\E339"; } .glyphicons-rabbit:before { content: "\E340"; } .glyphicons-globe:before { content: "\E341"; } .glyphicons-briefcase:before { content: "\E342"; } .glyphicons-hdd:before { content: "\E343"; } .glyphicons-thumbs-up:before { content: "\E344"; } .glyphicons-thumbs-down:before { content: "\E345"; } .glyphicons-hand-right:before { content: "\E346"; } .glyphicons-hand-left:before { content: "\E347"; } .glyphicons-hand-up:before { content: "\E348"; } .glyphicons-hand-down:before { content: "\E349"; } .glyphicons-fullscreen:before { content: "\E350"; } .glyphicons-shopping-bag:before { content: "\E351"; } .glyphicons-book-open:before { content: "\E352"; } .glyphicons-nameplate:before { content: "\E353"; } .glyphicons-nameplate-alt:before { content: "\E354"; } .glyphicons-vases:before { content: "\E355"; } .glyphicons-bullhorn:before { content: "\E356"; } .glyphicons-dumbbell:before { content: "\E357"; } .glyphicons-suitcase:before { content: "\E358"; } .glyphicons-file-import:before { content: "\E359"; } .glyphicons-file-export:before { content: "\E360"; } .glyphicons-bug:before { content: "\E361"; } .glyphicons-crown:before { content: "\E362"; } .glyphicons-smoking:before { content: "\E363"; } .glyphicons-cloud-download:before { content: "\E364"; } .glyphicons-cloud-upload:before { content: "\E365"; } .glyphicons-restart:before { content: "\E366"; } .glyphicons-security-camera:before { content: "\E367"; } .glyphicons-expand:before { content: "\E368"; } .glyphicons-collapse:before { content: "\E369"; } .glyphicons-collapse-top:before { content: "\E370"; } .glyphicons-globe-af:before { content: "\E371"; } .glyphicons-global:before { content: "\E372"; } .glyphicons-spray:before { content: "\E373"; } .glyphicons-nails:before { content: "\E374"; } .glyphicons-claw-hammer:before { content: "\E375"; } .glyphicons-classic-hammer:before { content: "\E376"; } .glyphicons-hand-saw:before { content: "\E377"; } .glyphicons-riflescope:before { content: "\E378"; } .glyphicons-electrical-socket-eu:before { content: "\E379"; } .glyphicons-electrical-socket-us:before { content: "\E380"; } .glyphicons-message-forward:before { content: "\E381"; } .glyphicons-coat-hanger:before { content: "\E382"; } .glyphicons-dress:before { content: "\E383"; } .glyphicons-bathrobe:before { content: "\E384"; } .glyphicons-shirt:before { content: "\E385"; } .glyphicons-underwear:before { content: "\E386"; } .glyphicons-log-in:before { content: "\E387"; } .glyphicons-log-out:before { content: "\E388"; } .glyphicons-exit:before { content: "\E389"; } .glyphicons-new-window-alt:before { content: "\E390"; } .glyphicons-video-sd:before { content: "\E391"; } .glyphicons-video-hd:before { content: "\E392"; } .glyphicons-subtitles:before { content: "\E393"; } .glyphicons-sound-stereo:before { content: "\E394"; } .glyphicons-sound-dolby:before { content: "\E395"; } .glyphicons-sound-5-1:before { content: "\E396"; } .glyphicons-sound-6-1:before { content: "\E397"; } .glyphicons-sound-7-1:before { content: "\E398"; } .glyphicons-copyright-mark:before { content: "\E399"; } .glyphicons-registration-mark:before { content: "\E400"; } .glyphicons-radar:before { content: "\E401"; } .glyphicons-skateboard:before { content: "\E402"; } .glyphicons-golf-course:before { content: "\E403"; } .glyphicons-sorting:before { content: "\E404"; } .glyphicons-sort-by-alphabet:before { content: "\E405"; } .glyphicons-sort-by-alphabet-alt:before { content: "\E406"; } .glyphicons-sort-by-order:before { content: "\E407"; } .glyphicons-sort-by-order-alt:before { content: "\E408"; } .glyphicons-sort-by-attributes:before { content: "\E409"; } .glyphicons-sort-by-attributes-alt:before { content: "\E410"; } .glyphicons-compressed:before { content: "\E411"; } .glyphicons-package:before { content: "\E412"; } .glyphicons-cloud-plus:before { content: "\E413"; } .glyphicons-cloud-minus:before { content: "\E414"; } .glyphicons-disk-save:before { content: "\E415"; } .glyphicons-disk-open:before { content: "\E416"; } .glyphicons-disk-saved:before { content: "\E417"; } .glyphicons-disk-remove:before { content: "\E418"; } .glyphicons-disk-import:before { content: "\E419"; } .glyphicons-disk-export:before { content: "\E420"; } .glyphicons-tower:before { content: "\E421"; } .glyphicons-send:before { content: "\E422"; } .glyphicons-git-branch:before { content: "\E423"; } .glyphicons-git-create:before { content: "\E424"; } .glyphicons-git-private:before { content: "\E425"; } .glyphicons-git-delete:before { content: "\E426"; } .glyphicons-git-merge:before { content: "\E427"; } .glyphicons-git-pull-request:before { content: "\E428"; } .glyphicons-git-compare:before { content: "\E429"; } .glyphicons-git-commit:before { content: "\E430"; } .glyphicons-construction-cone:before { content: "\E431"; } .glyphicons-shoe-steps:before { content: "\E432"; } .glyphicons-plus:before { content: "\002B"; } .glyphicons-minus:before { content: "\2212"; } .glyphicons-redo:before { content: "\E435"; } .glyphicons-undo:before { content: "\E436"; } .glyphicons-golf:before { content: "\E437"; } .glyphicons-hockey:before { content: "\E438"; } .glyphicons-pipe:before { content: "\E439"; } .glyphicons-wrench:before { content: "\E440"; } .glyphicons-folder-closed:before { content: "\E441"; } .glyphicons-phone-alt:before { content: "\E442"; } .glyphicons-earphone:before { content: "\E443"; } .glyphicons-floppy-disk:before { content: "\E444"; } .glyphicons-floppy-saved:before { content: "\E445"; } .glyphicons-floppy-remove:before { content: "\E446"; } .glyphicons-floppy-save:before { content: "\E447"; } .glyphicons-floppy-open:before { content: "\E448"; } .glyphicons-translate:before { content: "\E449"; } .glyphicons-fax:before { content: "\E450"; } .glyphicons-factory:before { content: "\E451"; } .glyphicons-shop-window:before { content: "\E452"; } .glyphicons-shop:before { content: "\E453"; } .glyphicons-kiosk:before { content: "\E454"; } .glyphicons-kiosk-wheels:before { content: "\E455"; } .glyphicons-kiosk-light:before { content: "\E456"; } .glyphicons-kiosk-food:before { content: "\E457"; } .glyphicons-transfer:before { content: "\E458"; } .glyphicons-money:before { content: "\E459"; } .glyphicons-header:before { content: "\E460"; } .glyphicons-blacksmith:before { content: "\E461"; } .glyphicons-saw-blade:before { content: "\E462"; } .glyphicons-basketball:before { content: "\E463"; } .glyphicons-server:before { content: "\E464"; } .glyphicons-server-plus:before { content: "\E465"; } .glyphicons-server-minus:before { content: "\E466"; } .glyphicons-server-ban:before { content: "\E467"; } .glyphicons-server-flag:before { content: "\E468"; } .glyphicons-server-lock:before { content: "\E469"; } .glyphicons-server-new:before { content: "\E470"; } .glyphicons-charging-station:before { content: "\F471"; } .glyphicons-gas-station:before { content: "\E472"; } .glyphicons-target:before { content: "\E473"; } .glyphicons-bed-alt:before { content: "\E474"; } .glyphicons-mosquito-net:before { content: "\E475"; } .glyphicons-dining-set:before { content: "\E476"; } .glyphicons-plate-of-food:before { content: "\E477"; } .glyphicons-hygiene-kit:before { content: "\E478"; } .glyphicons-blackboard:before { content: "\E479"; } .glyphicons-marriage:before { content: "\E480"; } .glyphicons-bucket:before { content: "\E481"; } .glyphicons-none-color-swatch:before { content: "\E482"; } .glyphicons-bring-forward:before { content: "\E483"; } .glyphicons-bring-to-front:before { content: "\E484"; } .glyphicons-send-backward:before { content: "\E485"; } .glyphicons-send-to-back:before { content: "\E486"; } .glyphicons-fit-frame-to-image:before { content: "\E487"; } .glyphicons-fit-image-to-frame:before { content: "\E488"; } .glyphicons-multiple-displays:before { content: "\E489"; } .glyphicons-handshake:before { content: "\E490"; } .glyphicons-child:before { content: "\E491"; } .glyphicons-baby-formula:before { content: "\E492"; } .glyphicons-medicine:before { content: "\E493"; } .glyphicons-atv-vehicle:before { content: "\E494"; } .glyphicons-motorcycle:before { content: "\E495"; } .glyphicons-bed:before { content: "\E496"; } .glyphicons-tent:before { content: "\26FA"; } .glyphicons-glasses:before { content: "\E498"; } .glyphicons-sunglasses:before { content: "\E499"; } .glyphicons-family:before { content: "\E500"; } .glyphicons-education:before { content: "\E501"; } .glyphicons-shoes:before { content: "\E502"; } .glyphicons-map:before { content: "\E503"; } .glyphicons-cd:before { content: "\E504"; } .glyphicons-alert:before { content: "\E505"; } .glyphicons-piggy-bank:before { content: "\E506"; } .glyphicons-star-half:before { content: "\E507"; } .glyphicons-cluster:before { content: "\E508"; } .glyphicons-flowchart:before { content: "\E509"; } .glyphicons-commodities:before { content: "\E510"; } .glyphicons-duplicate:before { content: "\E511"; } .glyphicons-copy:before { content: "\E512"; } .glyphicons-paste:before { content: "\E513"; } .glyphicons-bath-bathtub:before { content: "\E514"; } .glyphicons-bath-shower:before { content: "\E515"; } .glyphicons-shower:before { content: "\1F6BF"; } .glyphicons-menu-hamburger:before { content: "\E517"; } .glyphicons-option-vertical:before { content: "\E518"; } .glyphicons-option-horizontal:before { content: "\E519"; } .glyphicons-currency-conversion:before { content: "\E520"; } .glyphicons-user-ban:before { content: "\E521"; } .glyphicons-user-lock:before { content: "\E522"; } .glyphicons-user-flag:before { content: "\E523"; } .glyphicons-user-asterisk:before { content: "\E524"; } .glyphicons-user-alert:before { content: "\E525"; } .glyphicons-user-key:before { content: "\E526"; } .glyphicons-user-conversation:before { content: "\E527"; } .glyphicons-database:before { content: "\E528"; } .glyphicons-database-search:before { content: "\E529"; } .glyphicons-list-alt:before { content: "\E530"; } .glyphicons-hazard-sign:before { content: "\E531"; } .glyphicons-hazard:before { content: "\E532"; } .glyphicons-stop-sign:before { content: "\E533"; } .glyphicons-lab:before { content: "\E534"; } .glyphicons-lab-alt:before { content: "\E535"; } .glyphicons-ice-cream:before { content: "\E536"; } .glyphicons-ice-lolly:before { content: "\E537"; } .glyphicons-ice-lolly-tasted:before { content: "\E538"; } .glyphicons-invoice:before { content: "\E539"; } .glyphicons-cart-tick:before { content: "\E540"; } .glyphicons-hourglass:before { content: "\231B"; } .glyphicons-cat:before { content: "\1F408"; } .glyphicons-lamp:before { content: "\E543"; } .glyphicons-scale-classic:before { content: "\E544"; } .glyphicons-eye-plus:before { content: "\E545"; } .glyphicons-eye-minus:before { content: "\E546"; } .glyphicons-quote:before { content: "\E547"; } .glyphicons-bitcoin:before { content: "\E548"; } .glyphicons-yen:before { content: "\00A5"; } .glyphicons-ruble:before { content: "\20BD"; } .glyphicons-erase:before { content: "\E551"; } .glyphicons-podcast:before { content: "\E552"; } .glyphicons-firework:before { content: "\E553"; } .glyphicons-scale:before { content: "\E554"; } .glyphicons-king:before { content: "\E555"; } .glyphicons-queen:before { content: "\E556"; } .glyphicons-pawn:before { content: "\E557"; } .glyphicons-bishop:before { content: "\E558"; } .glyphicons-knight:before { content: "\E559"; } .glyphicons-mic-mute:before { content: "\E560"; } .glyphicons-voicemail:before { content: "\E561"; } .glyphicons-paragraph:before { content: "\00B6"; } .glyphicons-person-walking:before { content: "\E563"; } .glyphicons-person-wheelchair:before { content: "\E564"; } .glyphicons-underground:before { content: "\E565"; } .glyphicons-car-hov:before { content: "\E566"; } .glyphicons-car-rental:before { content: "\E567"; } .glyphicons-transport:before { content: "\E568"; } .glyphicons-taxi:before { content: "\1F695"; } .glyphicons-ice-cream-no:before { content: "\E570"; } .glyphicons-uk-rat-u:before { content: "\E571"; } .glyphicons-uk-rat-pg:before { content: "\E572"; } .glyphicons-uk-rat-12a:before { content: "\E573"; } .glyphicons-uk-rat-12:before { content: "\E574"; } .glyphicons-uk-rat-15:before { content: "\E575"; } .glyphicons-uk-rat-18:before { content: "\E576"; } .glyphicons-uk-rat-r18:before { content: "\E577"; } .glyphicons-tv:before { content: "\E578"; } .glyphicons-sms:before { content: "\E579"; } .glyphicons-mms:before { content: "\E580"; } .glyphicons-us-rat-g:before { content: "\E581"; } .glyphicons-us-rat-pg:before { content: "\E582"; } .glyphicons-us-rat-pg-13:before { content: "\E583"; } .glyphicons-us-rat-restricted:before { content: "\E584"; } .glyphicons-us-rat-no-one-17:before { content: "\E585"; } .glyphicons-equalizer:before { content: "\E586"; } .glyphicons-speakers:before { content: "\E587"; } .glyphicons-remote-control:before { content: "\E588"; } .glyphicons-remote-control-tv:before { content: "\E589"; } .glyphicons-shredder:before { content: "\E590"; } .glyphicons-folder-heart:before { content: "\E591"; } .glyphicons-person-running:before { content: "\E592"; } .glyphicons-person:before { content: "\E593"; } .glyphicons-voice:before { content: "\E594"; } .glyphicons-stethoscope:before { content: "\E595"; } .glyphicons-hotspot:before { content: "\E596"; } .glyphicons-activity:before { content: "\E597"; } .glyphicons-watch:before { content: "\231A"; } .glyphicons-scissors-alt:before { content: "\E599"; } .glyphicons-car-wheel:before { content: "\E600"; } .glyphicons-chevron-up:before { content: "\E601"; } .glyphicons-chevron-down:before { content: "\E602"; } .glyphicons-superscript:before { content: "\E603"; } .glyphicons-subscript:before { content: "\E604"; } .glyphicons-text-size:before { content: "\E605"; } .glyphicons-text-color:before { content: "\E606"; } .glyphicons-text-background:before { content: "\E607"; } .glyphicons-modal-window:before { content: "\E608"; } .glyphicons-newspaper:before { content: "\1F4F0"; } .glyphicons-tractor:before { content: "\1F69C"; } /* * * THIS IS A SMALL BONUS FOR ALL CURIOUS PEOPLE :) * Just add class .animated and .pulse, .rotateIn, .bounce, .swing or .tada to you HTML element with icons. You may find other great css animations here: http://coveloping.com/tools/css-animation-generator * */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; }
فایل style-new.css
/*! * * Project: GLYPHICONS * Author: Petr Urbanek - www.r4ms3s.cz * Twitter: @r4ms3scz * */ 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, body { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1; font-family: inherit; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted; 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 { -ms-interpolation-mode: bicubic; } 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, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } p { margin: 0 0 20px 0; font-size: 14px; font-size: 1.4pxrem; line-height: 21px; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; text-rendering: optimizelegibility; } h1 { margin: 0 0 5px 0; font-size: 24px; font-size: 2.4rem; line-height: 1.2em; font-weight: bold; color: #1a1a1a; } h2 { margin: 0 0 14px 0; font-size: 21px; font-size: 2.1rem; line-height: 1.2em; font-weight: bold; color: #1a1a1a; } h2 span { color: #bc2328; } ul, ol { padding: 0; margin: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul { list-style: none; } ol { list-style: none; } dl { margin-bottom: 0; } hr { margin: 0; border: 0; } strong { font-weight: bold; } em { font-style: italic; } abbr { font-size: 90%; text-transform: uppercase; border-bottom: 1px dotted #ddd; cursor: help; } small { font-size: 100%; } cite { font-style: normal; } @font-face { font-family: 'Glyphicons Regular'; src: url('../fonts/glyphicons-regular.eot'); src: url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-regular.woff2') format('woff2'), url('../fonts/glyphicons-regular.woff') format('woff'), url('../fonts/glyphicons-regular.ttf') format('truetype'), url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg'); } .glyphicons { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Regular'; font-style: normal; font-weight: normal; line-height: 1; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicons.x05 { font-size: 12px; } .glyphicons.x2 { font-size: 48px; } .glyphicons.x3 { font-size: 72px; } .glyphicons.x4 { font-size: 96px; } .glyphicons.x5 { font-size: 120px; } .glyphicons.light:before { color: #f2f2f2; } .glyphicons.drop:before { text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3); } .glyphicons.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .glyphicons.flipv { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .glyphicons.rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .glyphicons.rotate180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .glyphicons.rotate270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .glyphicons-glass:before { content: "\E001"; } .glyphicons-leaf:before { content: "\E002"; } .glyphicons-dog:before { content: "\E003"; } .glyphicons-user:before { content: "\E004"; } .glyphicons-girl:before { content: "\E005"; } .glyphicons-car:before { content: "\E006"; } .glyphicons-user-add:before { content: "\E007"; } .glyphicons-user-remove:before { content: "\E008"; } .glyphicons-film:before { content: "\E009"; } .glyphicons-magic:before { content: "\E010"; } .glyphicons-envelope:before { content: "\2709"; } .glyphicons-camera:before { content: "\E011"; } .glyphicons-heart:before { content: "\E013"; } .glyphicons-beach-umbrella:before { content: "\E014"; } .glyphicons-train:before { content: "\E015"; } .glyphicons-print:before { content: "\E016"; } .glyphicons-bin:before { content: "\E017"; } .glyphicons-music:before { content: "\E018"; } .glyphicons-note:before { content: "\E019"; } .glyphicons-heart-empty:before { content: "\E020"; } .glyphicons-home:before { content: "\E021"; } .glyphicons-snowflake:before { content: "\2744"; } .glyphicons-fire:before { content: "\E023"; } .glyphicons-magnet:before { content: "\E024"; } .glyphicons-parents:before { content: "\E025"; } .glyphicons-binoculars:before { content: "\E026"; } .glyphicons-road:before { content: "\E027"; } .glyphicons-search:before { content: "\E028"; } .glyphicons-cars:before { content: "\E029"; } .glyphicons-notes-2:before { content: "\E030"; } .glyphicons-pencil:before { content: "\270F"; } .glyphicons-bus:before { content: "\E032"; } .glyphicons-wifi-alt:before { content: "\E033"; } .glyphicons-luggage:before { content: "\E034"; } .glyphicons-old-man:before { content: "\E035"; } .glyphicons-woman:before { content: "\E036"; } .glyphicons-file:before { content: "\E037"; } .glyphicons-coins:before { content: "\E038"; } .glyphicons-airplane:before { content: "\2708"; } .glyphicons-notes:before { content: "\E040"; } .glyphicons-stats:before { content: "\E041"; } .glyphicons-charts:before { content: "\E042"; } .glyphicons-pie-chart:before { content: "\E043"; } .glyphicons-group:before { content: "\E044"; } .glyphicons-keys:before { content: "\E045"; } .glyphicons-calendar:before { content: "\E046"; } .glyphicons-router:before { content: "\E047"; } .glyphicons-camera-small:before { content: "\E048"; } .glyphicons-star-empty:before { content: "\E049"; } .glyphicons-star:before { content: "\E050"; } .glyphicons-link:before { content: "\E051"; } .glyphicons-eye-open:before { content: "\E052"; } .glyphicons-eye-close:before { content: "\E053"; } .glyphicons-alarm:before { content: "\E054"; } .glyphicons-clock:before { content: "\E055"; } .glyphicons-stopwatch:before { content: "\E056"; } .glyphicons-projector:before { content: "\E057"; } .glyphicons-history:before { content: "\E058"; } .glyphicons-truck:before { content: "\E059"; } .glyphicons-cargo:before { content: "\E060"; } .glyphicons-compass:before { content: "\E061"; } .glyphicons-keynote:before { content: "\E062"; } .glyphicons-paperclip:before { content: "\E063"; } .glyphicons-power:before { content: "\E064"; } .glyphicons-lightbulb:before { content: "\E065"; } .glyphicons-tag:before { content: "\E066"; } .glyphicons-tags:before { content: "\E067"; } .glyphicons-cleaning:before { content: "\E068"; } .glyphicons-ruler:before { content: "\E069"; } .glyphicons-gift:before { content: "\E070"; } .glyphicons-umbrella:before { content: "\2602"; } .glyphicons-book:before { content: "\E072"; } .glyphicons-bookmark:before { content: "\E073"; } .glyphicons-wifi:before { content: "\E074"; } .glyphicons-cup:before { content: "\E075"; } .glyphicons-stroller:before { content: "\E076"; } .glyphicons-headphones:before { content: "\E077"; } .glyphicons-headset:before { content: "\E078"; } .glyphicons-warning-sign:before { content: "\E079"; } .glyphicons-signal:before { content: "\E080"; } .glyphicons-retweet:before { content: "\E081"; } .glyphicons-refresh:before { content: "\E082"; } .glyphicons-roundabout:before { content: "\E083"; } .glyphicons-random:before { content: "\E084"; } .glyphicons-heat:before { content: "\E085"; } .glyphicons-repeat:before { content: "\E086"; } .glyphicons-display:before { content: "\E087"; } .glyphicons-log-book:before { content: "\E088"; } .glyphicons-address-book:before { content: "\E089"; } .glyphicons-building:before { content: "\E090"; } .glyphicons-eyedropper:before { content: "\E091"; } .glyphicons-adjust:before { content: "\E092"; } .glyphicons-tint:before { content: "\E093"; } .glyphicons-crop:before { content: "\E094"; } .glyphicons-vector-path-square:before { content: "\E095"; } .glyphicons-vector-path-circle:before { content: "\E096"; } .glyphicons-vector-path-polygon:before { content: "\E097"; } .glyphicons-vector-path-line:before { content: "\E098"; } .glyphicons-vector-path-curve:before { content: "\E099"; } .glyphicons-vector-path-all:before { content: "\E100"; } .glyphicons-font:before { content: "\E101"; } .glyphicons-italic:before { content: "\E102"; } .glyphicons-bold:before { content: "\E103"; } .glyphicons-text-underline:before { content: "\E104"; } .glyphicons-text-strike:before { content: "\E105"; } .glyphicons-text-height:before { content: "\E106"; } .glyphicons-text-width:before { content: "\E107"; } .glyphicons-text-resize:before { content: "\E108"; } .glyphicons-left-indent:before { content: "\E109"; } .glyphicons-right-indent:before { content: "\E110"; } .glyphicons-align-left:before { content: "\E111"; } .glyphicons-align-center:before { content: "\E112"; } .glyphicons-align-right:before { content: "\E113"; } .glyphicons-justify:before { content: "\E114"; } .glyphicons-list:before { content: "\E115"; } .glyphicons-text-smaller:before { content: "\E116"; } .glyphicons-text-bigger:before { content: "\E117"; } .glyphicons-embed:before { content: "\E118"; } .glyphicons-embed-close:before { content: "\E119"; } .glyphicons-table:before { content: "\E120"; } .glyphicons-message-full:before { content: "\E121"; } .glyphicons-message-empty:before { content: "\E122"; } .glyphicons-message-in:before { content: "\E123"; } .glyphicons-message-out:before { content: "\E124"; } .glyphicons-message-plus:before { content: "\E125"; } .glyphicons-message-minus:before { content: "\E126"; } .glyphicons-message-ban:before { content: "\E127"; } .glyphicons-message-flag:before { content: "\E128"; } .glyphicons-message-lock:before { content: "\E129"; } .glyphicons-message-new:before { content: "\E130"; } .glyphicons-inbox:before { content: "\E131"; } .glyphicons-inbox-plus:before { content: "\E132"; } .glyphicons-inbox-minus:before { content: "\E133"; } .glyphicons-inbox-lock:before { content: "\E134"; } .glyphicons-inbox-in:before { content: "\E135"; } .glyphicons-inbox-out:before { content: "\E136"; } .glyphicons-cogwheel:before { content: "\E137"; } .glyphicons-cogwheels:before { content: "\E138"; } .glyphicons-picture:before { content: "\E139"; } .glyphicons-adjust-alt:before { content: "\E140"; } .glyphicons-database-lock:before { content: "\E141"; } .glyphicons-database-plus:before { content: "\E142"; } .glyphicons-database-minus:before { content: "\E143"; } .glyphicons-database-ban:before { content: "\E144"; } .glyphicons-folder-open:before { content: "\E145"; } .glyphicons-folder-plus:before { content: "\E146"; } .glyphicons-folder-minus:before { content: "\E147"; } .glyphicons-folder-lock:before { content: "\E148"; } .glyphicons-folder-flag:before { content: "\E149"; } .glyphicons-folder-new:before { content: "\E150"; } .glyphicons-edit:before { content: "\E151"; } .glyphicons-new-window:before { content: "\E152"; } .glyphicons-check:before { content: "\E153"; } .glyphicons-unchecked:before { content: "\E154"; } .glyphicons-more-windows:before { content: "\E155"; } .glyphicons-show-big-thumbnails:before { content: "\E156"; } .glyphicons-show-thumbnails:before { content: "\E157"; } .glyphicons-show-thumbnails-with-lines:before { content: "\E158"; } .glyphicons-show-lines:before { content: "\E159"; } .glyphicons-playlist:before { content: "\E160"; } .glyphicons-imac:before { content: "\E161"; } .glyphicons-macbook:before { content: "\E162"; } .glyphicons-ipad:before { content: "\E163"; } .glyphicons-iphone:before { content: "\E164"; } .glyphicons-iphone-transfer:before { content: "\E165"; } .glyphicons-iphone-exchange:before { content: "\E166"; } .glyphicons-ipod:before { content: "\E167"; } .glyphicons-ipod-shuffle:before { content: "\E168"; } .glyphicons-ear-plugs:before { content: "\E169"; } .glyphicons-record:before { content: "\E170"; } .glyphicons-step-backward:before { content: "\E171"; } .glyphicons-fast-backward:before { content: "\E172"; } .glyphicons-rewind:before { content: "\E173"; } .glyphicons-play:before { content: "\E174"; } .glyphicons-pause:before { content: "\E175"; } .glyphicons-stop:before { content: "\E176"; } .glyphicons-forward:before { content: "\E177"; } .glyphicons-fast-forward:before { content: "\E178"; } .glyphicons-step-forward:before { content: "\E179"; } .glyphicons-eject:before { content: "\E180"; } .glyphicons-facetime-video:before { content: "\E181"; } .glyphicons-download-alt:before { content: "\E182"; } .glyphicons-mute:before { content: "\E183"; } .glyphicons-volume-down:before { content: "\E184"; } .glyphicons-volume-up:before { content: "\E185"; } .glyphicons-screenshot:before { content: "\E186"; } .glyphicons-move:before { content: "\E187"; } .glyphicons-more:before { content: "\E188"; } .glyphicons-brightness-reduce:before { content: "\E189"; } .glyphicons-brightness-increase:before { content: "\E190"; } .glyphicons-circle-plus:before { content: "\E191"; } .glyphicons-circle-minus:before { content: "\E192"; } .glyphicons-circle-remove:before { content: "\E193"; } .glyphicons-circle-ok:before { content: "\E194"; } .glyphicons-circle-question-mark:before { content: "\E195"; } .glyphicons-circle-info:before { content: "\E196"; } .glyphicons-circle-exclamation-mark:before { content: "\E197"; } .glyphicons-remove:before { content: "\E198"; } .glyphicons-ok:before { content: "\E199"; } .glyphicons-ban:before { content: "\E200"; } .glyphicons-download:before { content: "\E201"; } .glyphicons-upload:before { content: "\E202"; } .glyphicons-shopping-cart:before { content: "\E203"; } .glyphicons-lock:before { content: "\E204"; } .glyphicons-unlock:before { content: "\E205"; } .glyphicons-electricity:before { content: "\E206"; } .glyphicons-ok-2:before { content: "\E207"; } .glyphicons-remove-2:before { content: "\E208"; } .glyphicons-cart-out:before { content: "\E209"; } .glyphicons-cart-in:before { content: "\E210"; } .glyphicons-left-arrow:before { content: "\E211"; } .glyphicons-right-arrow:before { content: "\E212"; } .glyphicons-down-arrow:before { content: "\E213"; } .glyphicons-up-arrow:before { content: "\E214"; } .glyphicons-resize-small:before { content: "\E215"; } .glyphicons-resize-full:before { content: "\E216"; } .glyphicons-circle-arrow-left:before { content: "\E217"; } .glyphicons-circle-arrow-right:before { content: "\E218"; } .glyphicons-circle-arrow-top:before { content: "\E219"; } .glyphicons-circle-arrow-down:before { content: "\E220"; } .glyphicons-play-button:before { content: "\E221"; } .glyphicons-unshare:before { content: "\E222"; } .glyphicons-share:before { content: "\E223"; } .glyphicons-chevron-right:before { content: "\E224"; } .glyphicons-chevron-left:before { content: "\E225"; } .glyphicons-bluetooth:before { content: "\E226"; } .glyphicons-euro:before { content: "\20AC"; } .glyphicons-usd:before { content: "\E228"; } .glyphicons-gbp:before { content: "\E229"; } .glyphicons-retweet-2:before { content: "\E230"; } .glyphicons-moon:before { content: "\E231"; } .glyphicons-sun:before { content: "\2609"; } .glyphicons-cloud:before { content: "\2601"; } .glyphicons-direction:before { content: "\E234"; } .glyphicons-brush:before { content: "\E235"; } .glyphicons-pen:before { content: "\E236"; } .glyphicons-zoom-in:before { content: "\E237"; } .glyphicons-zoom-out:before { content: "\E238"; } .glyphicons-pin:before { content: "\E239"; } .glyphicons-albums:before { content: "\E240"; } .glyphicons-rotation-lock:before { content: "\E241"; } .glyphicons-flash:before { content: "\E242"; } .glyphicons-google-maps:before { content: "\E243"; } .glyphicons-anchor:before { content: "\2693"; } .glyphicons-conversation:before { content: "\E245"; } .glyphicons-chat:before { content: "\E246"; } .glyphicons-male:before { content: "\E247"; } .glyphicons-female:before { content: "\E248"; } .glyphicons-asterisk:before { content: "\002A"; } .glyphicons-divide:before { content: "\00F7"; } .glyphicons-snorkel-diving:before { content: "\E251"; } .glyphicons-scuba-diving:before { content: "\E252"; } .glyphicons-oxygen-bottle:before { content: "\E253"; } .glyphicons-fins:before { content: "\E254"; } .glyphicons-fishes:before { content: "\E255"; } .glyphicons-boat:before { content: "\E256"; } .glyphicons-delete:before { content: "\E257"; } .glyphicons-sheriffs-star:before { content: "\E258"; } .glyphicons-qrcode:before { content: "\E259"; } .glyphicons-barcode:before { content: "\E260"; } .glyphicons-pool:before { content: "\E261"; } .glyphicons-buoy:before { content: "\E262"; } .glyphicons-spade:before { content: "\E263"; } .glyphicons-bank:before { content: "\E264"; } .glyphicons-vcard:before { content: "\E265"; } .glyphicons-electrical-plug:before { content: "\E266"; } .glyphicons-flag:before { content: "\E267"; } .glyphicons-credit-card:before { content: "\E268"; } .glyphicons-keyboard-wireless:before { content: "\E269"; } .glyphicons-keyboard-wired:before { content: "\E270"; } .glyphicons-shield:before { content: "\E271"; } .glyphicons-ring:before { content: "\02DA"; } .glyphicons-cake:before { content: "\E273"; } .glyphicons-drink:before { content: "\E274"; } .glyphicons-beer:before { content: "\E275"; } .glyphicons-fast-food:before { content: "\E276"; } .glyphicons-cutlery:before { content: "\E277"; } .glyphicons-pizza:before { content: "\E278"; } .glyphicons-birthday-cake:before { content: "\E279"; } .glyphicons-tablet:before { content: "\E280"; } .glyphicons-settings:before { content: "\E281"; } .glyphicons-bullets:before { content: "\E282"; } .glyphicons-cardio:before { content: "\E283"; } .glyphicons-t-shirt:before { content: "\E284"; } .glyphicons-pants:before { content: "\E285"; } .glyphicons-sweater:before { content: "\E286"; } .glyphicons-fabric:before { content: "\E287"; } .glyphicons-leather:before { content: "\E288"; } .glyphicons-scissors:before { content: "\E289"; } .glyphicons-bomb:before { content: "\E290"; } .glyphicons-skull:before { content: "\E291"; } .glyphicons-celebration:before { content: "\E292"; } .glyphicons-tea-kettle:before { content: "\E293"; } .glyphicons-french-press:before { content: "\E294"; } .glyphicons-coffee-cup:before { content: "\E295"; } .glyphicons-pot:before { content: "\E296"; } .glyphicons-grater:before { content: "\E297"; } .glyphicons-kettle:before { content: "\E298"; } .glyphicons-hospital:before { content: "\E299"; } .glyphicons-hospital-h:before { content: "\E300"; } .glyphicons-microphone:before { content: "\E301"; } .glyphicons-webcam:before { content: "\E302"; } .glyphicons-temple-christianity-church:before { content: "\E303"; } .glyphicons-temple-islam:before { content: "\E304"; } .glyphicons-temple-hindu:before { content: "\E305"; } .glyphicons-temple-buddhist:before { content: "\E306"; } .glyphicons-bicycle:before { content: "\E307"; } .glyphicons-life-preserver:before { content: "\E308"; } .glyphicons-share-alt:before { content: "\E309"; } .glyphicons-comments:before { content: "\E310"; } .glyphicons-flower:before { content: "\2698"; } .glyphicons-baseball:before { content: "\26BE"; } .glyphicons-rugby:before { content: "\E313"; } .glyphicons-ax:before { content: "\E314"; } .glyphicons-table-tennis:before { content: "\E315"; } .glyphicons-bowling:before { content: "\E316"; } .glyphicons-tree-conifer:before { content: "\E317"; } .glyphicons-tree-deciduous:before { content: "\E318"; } .glyphicons-more-items:before { content: "\E319"; } .glyphicons-sort:before { content: "\E320"; } .glyphicons-filter:before { content: "\E321"; } .glyphicons-gamepad:before { content: "\E322"; } .glyphicons-playing-dices:before { content: "\E323"; } .glyphicons-calculator:before { content: "\E324"; } .glyphicons-tie:before { content: "\E325"; } .glyphicons-wallet:before { content: "\E326"; } .glyphicons-piano:before { content: "\E327"; } .glyphicons-sampler:before { content: "\E328"; } .glyphicons-podium:before { content: "\E329"; } .glyphicons-soccer-ball:before { content: "\E330"; } .glyphicons-blog:before { content: "\E331"; } .glyphicons-dashboard:before { content: "\E332"; } .glyphicons-certificate:before { content: "\E333"; } .glyphicons-bell:before { content: "\E334"; } .glyphicons-candle:before { content: "\E335"; } .glyphicons-pushpin:before { content: "\E336"; } .glyphicons-iphone-shake:before { content: "\E337"; } .glyphicons-pin-flag:before { content: "\E338"; } .glyphicons-turtle:before { content: "\E339"; } .glyphicons-rabbit:before { content: "\E340"; } .glyphicons-globe:before { content: "\E341"; } .glyphicons-briefcase:before { content: "\E342"; } .glyphicons-hdd:before { content: "\E343"; } .glyphicons-thumbs-up:before { content: "\E344"; } .glyphicons-thumbs-down:before { content: "\E345"; } .glyphicons-hand-right:before { content: "\E346"; } .glyphicons-hand-left:before { content: "\E347"; } .glyphicons-hand-up:before { content: "\E348"; } .glyphicons-hand-down:before { content: "\E349"; } .glyphicons-fullscreen:before { content: "\E350"; } .glyphicons-shopping-bag:before { content: "\E351"; } .glyphicons-book-open:before { content: "\E352"; } .glyphicons-nameplate:before { content: "\E353"; } .glyphicons-nameplate-alt:before { content: "\E354"; } .glyphicons-vases:before { content: "\E355"; } .glyphicons-bullhorn:before { content: "\E356"; } .glyphicons-dumbbell:before { content: "\E357"; } .glyphicons-suitcase:before { content: "\E358"; } .glyphicons-file-import:before { content: "\E359"; } .glyphicons-file-export:before { content: "\E360"; } .glyphicons-bug:before { content: "\E361"; } .glyphicons-crown:before { content: "\E362"; } .glyphicons-smoking:before { content: "\E363"; } .glyphicons-cloud-download:before { content: "\E364"; } .glyphicons-cloud-upload:before { content: "\E365"; } .glyphicons-restart:before { content: "\E366"; } .glyphicons-security-camera:before { content: "\E367"; } .glyphicons-expand:before { content: "\E368"; } .glyphicons-collapse:before { content: "\E369"; } .glyphicons-collapse-top:before { content: "\E370"; } .glyphicons-globe-af:before { content: "\E371"; } .glyphicons-global:before { content: "\E372"; } .glyphicons-spray:before { content: "\E373"; } .glyphicons-nails:before { content: "\E374"; } .glyphicons-claw-hammer:before { content: "\E375"; } .glyphicons-classic-hammer:before { content: "\E376"; } .glyphicons-hand-saw:before { content: "\E377"; } .glyphicons-riflescope:before { content: "\E378"; } .glyphicons-electrical-socket-eu:before { content: "\E379"; } .glyphicons-electrical-socket-us:before { content: "\E380"; } .glyphicons-message-forward:before { content: "\E381"; } .glyphicons-coat-hanger:before { content: "\E382"; } .glyphicons-dress:before { content: "\E383"; } .glyphicons-bathrobe:before { content: "\E384"; } .glyphicons-shirt:before { content: "\E385"; } .glyphicons-underwear:before { content: "\E386"; } .glyphicons-log-in:before { content: "\E387"; } .glyphicons-log-out:before { content: "\E388"; } .glyphicons-exit:before { content: "\E389"; } .glyphicons-new-window-alt:before { content: "\E390"; } .glyphicons-video-sd:before { content: "\E391"; } .glyphicons-video-hd:before { content: "\E392"; } .glyphicons-subtitles:before { content: "\E393"; } .glyphicons-sound-stereo:before { content: "\E394"; } .glyphicons-sound-dolby:before { content: "\E395"; } .glyphicons-sound-5-1:before { content: "\E396"; } .glyphicons-sound-6-1:before { content: "\E397"; } .glyphicons-sound-7-1:before { content: "\E398"; } .glyphicons-copyright-mark:before { content: "\E399"; } .glyphicons-registration-mark:before { content: "\E400"; } .glyphicons-radar:before { content: "\E401"; } .glyphicons-skateboard:before { content: "\E402"; } .glyphicons-golf-course:before { content: "\E403"; } .glyphicons-sorting:before { content: "\E404"; } .glyphicons-sort-by-alphabet:before { content: "\E405"; } .glyphicons-sort-by-alphabet-alt:before { content: "\E406"; } .glyphicons-sort-by-order:before { content: "\E407"; } .glyphicons-sort-by-order-alt:before { content: "\E408"; } .glyphicons-sort-by-attributes:before { content: "\E409"; } .glyphicons-sort-by-attributes-alt:before { content: "\E410"; } .glyphicons-compressed:before { content: "\E411"; } .glyphicons-package:before { content: "\E412"; } .glyphicons-cloud-plus:before { content: "\E413"; } .glyphicons-cloud-minus:before { content: "\E414"; } .glyphicons-disk-save:before { content: "\E415"; } .glyphicons-disk-open:before { content: "\E416"; } .glyphicons-disk-saved:before { content: "\E417"; } .glyphicons-disk-remove:before { content: "\E418"; } .glyphicons-disk-import:before { content: "\E419"; } .glyphicons-disk-export:before { content: "\E420"; } .glyphicons-tower:before { content: "\E421"; } .glyphicons-send:before { content: "\E422"; } .glyphicons-git-branch:before { content: "\E423"; } .glyphicons-git-create:before { content: "\E424"; } .glyphicons-git-private:before { content: "\E425"; } .glyphicons-git-delete:before { content: "\E426"; } .glyphicons-git-merge:before { content: "\E427"; } .glyphicons-git-pull-request:before { content: "\E428"; } .glyphicons-git-compare:before { content: "\E429"; } .glyphicons-git-commit:before { content: "\E430"; } .glyphicons-construction-cone:before { content: "\E431"; } .glyphicons-shoe-steps:before { content: "\E432"; } .glyphicons-plus:before { content: "\002B"; } .glyphicons-minus:before { content: "\2212"; } .glyphicons-redo:before { content: "\E435"; } .glyphicons-undo:before { content: "\E436"; } .glyphicons-golf:before { content: "\E437"; } .glyphicons-hockey:before { content: "\E438"; } .glyphicons-pipe:before { content: "\E439"; } .glyphicons-wrench:before { content: "\E440"; } .glyphicons-folder-closed:before { content: "\E441"; } .glyphicons-phone-alt:before { content: "\E442"; } .glyphicons-earphone:before { content: "\E443"; } .glyphicons-floppy-disk:before { content: "\E444"; } .glyphicons-floppy-saved:before { content: "\E445"; } .glyphicons-floppy-remove:before { content: "\E446"; } .glyphicons-floppy-save:before { content: "\E447"; } .glyphicons-floppy-open:before { content: "\E448"; } .glyphicons-translate:before { content: "\E449"; } .glyphicons-fax:before { content: "\E450"; } .glyphicons-factory:before { content: "\E451"; } .glyphicons-shop-window:before { content: "\E452"; } .glyphicons-shop:before { content: "\E453"; } .glyphicons-kiosk:before { content: "\E454"; } .glyphicons-kiosk-wheels:before { content: "\E455"; } .glyphicons-kiosk-light:before { content: "\E456"; } .glyphicons-kiosk-food:before { content: "\E457"; } .glyphicons-transfer:before { content: "\E458"; } .glyphicons-money:before { content: "\E459"; } .glyphicons-header:before { content: "\E460"; } .glyphicons-blacksmith:before { content: "\E461"; } .glyphicons-saw-blade:before { content: "\E462"; } .glyphicons-basketball:before { content: "\E463"; } .glyphicons-server:before { content: "\E464"; } .glyphicons-server-plus:before { content: "\E465"; } .glyphicons-server-minus:before { content: "\E466"; } .glyphicons-server-ban:before { content: "\E467"; } .glyphicons-server-flag:before { content: "\E468"; } .glyphicons-server-lock:before { content: "\E469"; } .glyphicons-server-new:before { content: "\E470"; } .glyphicons-charging-station:before { content: "\F471"; } .glyphicons-gas-station:before { content: "\E472"; } .glyphicons-target:before { content: "\E473"; } .glyphicons-bed-alt:before { content: "\E474"; } .glyphicons-mosquito-net:before { content: "\E475"; } .glyphicons-dining-set:before { content: "\E476"; } .glyphicons-plate-of-food:before { content: "\E477"; } .glyphicons-hygiene-kit:before { content: "\E478"; } .glyphicons-blackboard:before { content: "\E479"; } .glyphicons-marriage:before { content: "\E480"; } .glyphicons-bucket:before { content: "\E481"; } .glyphicons-none-color-swatch:before { content: "\E482"; } .glyphicons-bring-forward:before { content: "\E483"; } .glyphicons-bring-to-front:before { content: "\E484"; } .glyphicons-send-backward:before { content: "\E485"; } .glyphicons-send-to-back:before { content: "\E486"; } .glyphicons-fit-frame-to-image:before { content: "\E487"; } .glyphicons-fit-image-to-frame:before { content: "\E488"; } .glyphicons-multiple-displays:before { content: "\E489"; } .glyphicons-handshake:before { content: "\E490"; } .glyphicons-child:before { content: "\E491"; } .glyphicons-baby-formula:before { content: "\E492"; } .glyphicons-medicine:before { content: "\E493"; } .glyphicons-atv-vehicle:before { content: "\E494"; } .glyphicons-motorcycle:before { content: "\E495"; } .glyphicons-bed:before { content: "\E496"; } .glyphicons-tent:before { content: "\26FA"; } .glyphicons-glasses:before { content: "\E498"; } .glyphicons-sunglasses:before { content: "\E499"; } .glyphicons-family:before { content: "\E500"; } .glyphicons-education:before { content: "\E501"; } .glyphicons-shoes:before { content: "\E502"; } .glyphicons-map:before { content: "\E503"; } .glyphicons-cd:before { content: "\E504"; } .glyphicons-alert:before { content: "\E505"; } .glyphicons-piggy-bank:before { content: "\E506"; } .glyphicons-star-half:before { content: "\E507"; } .glyphicons-cluster:before { content: "\E508"; } .glyphicons-flowchart:before { content: "\E509"; } .glyphicons-commodities:before { content: "\E510"; } .glyphicons-duplicate:before { content: "\E511"; } .glyphicons-copy:before { content: "\E512"; } .glyphicons-paste:before { content: "\E513"; } .glyphicons-bath-bathtub:before { content: "\E514"; } .glyphicons-bath-shower:before { content: "\E515"; } .glyphicons-shower:before { content: "\1F6BF"; } .glyphicons-menu-hamburger:before { content: "\E517"; } .glyphicons-option-vertical:before { content: "\E518"; } .glyphicons-option-horizontal:before { content: "\E519"; } .glyphicons-currency-conversion:before { content: "\E520"; } .glyphicons-user-ban:before { content: "\E521"; } .glyphicons-user-lock:before { content: "\E522"; } .glyphicons-user-flag:before { content: "\E523"; } .glyphicons-user-asterisk:before { content: "\E524"; } .glyphicons-user-alert:before { content: "\E525"; } .glyphicons-user-key:before { content: "\E526"; } .glyphicons-user-conversation:before { content: "\E527"; } .glyphicons-database:before { content: "\E528"; } .glyphicons-database-search:before { content: "\E529"; } .glyphicons-list-alt:before { content: "\E530"; } .glyphicons-hazard-sign:before { content: "\E531"; } .glyphicons-hazard:before { content: "\E532"; } .glyphicons-stop-sign:before { content: "\E533"; } .glyphicons-lab:before { content: "\E534"; } .glyphicons-lab-alt:before { content: "\E535"; } .glyphicons-ice-cream:before { content: "\E536"; } .glyphicons-ice-lolly:before { content: "\E537"; } .glyphicons-ice-lolly-tasted:before { content: "\E538"; } .glyphicons-invoice:before { content: "\E539"; } .glyphicons-cart-tick:before { content: "\E540"; } .glyphicons-hourglass:before { content: "\231B"; } .glyphicons-cat:before { content: "\1F408"; } .glyphicons-lamp:before { content: "\E543"; } .glyphicons-scale-classic:before { content: "\E544"; } .glyphicons-eye-plus:before { content: "\E545"; } .glyphicons-eye-minus:before { content: "\E546"; } .glyphicons-quote:before { content: "\E547"; } .glyphicons-bitcoin:before { content: "\E548"; } .glyphicons-yen:before { content: "\00A5"; } .glyphicons-ruble:before { content: "\20BD"; } .glyphicons-erase:before { content: "\E551"; } .glyphicons-podcast:before { content: "\E552"; } .glyphicons-firework:before { content: "\E553"; } .glyphicons-scale:before { content: "\E554"; } .glyphicons-king:before { content: "\E555"; } .glyphicons-queen:before { content: "\E556"; } .glyphicons-pawn:before { content: "\E557"; } .glyphicons-bishop:before { content: "\E558"; } .glyphicons-knight:before { content: "\E559"; } .glyphicons-mic-mute:before { content: "\E560"; } .glyphicons-voicemail:before { content: "\E561"; } .glyphicons-paragraph:before { content: "\00B6"; } .glyphicons-person-walking:before { content: "\E563"; } .glyphicons-person-wheelchair:before { content: "\E564"; } .glyphicons-underground:before { content: "\E565"; } .glyphicons-car-hov:before { content: "\E566"; } .glyphicons-car-rental:before { content: "\E567"; } .glyphicons-transport:before { content: "\E568"; } .glyphicons-taxi:before { content: "\1F695"; } .glyphicons-ice-cream-no:before { content: "\E570"; } .glyphicons-uk-rat-u:before { content: "\E571"; } .glyphicons-uk-rat-pg:before { content: "\E572"; } .glyphicons-uk-rat-12a:before { content: "\E573"; } .glyphicons-uk-rat-12:before { content: "\E574"; } .glyphicons-uk-rat-15:before { content: "\E575"; } .glyphicons-uk-rat-18:before { content: "\E576"; } .glyphicons-uk-rat-r18:before { content: "\E577"; } .glyphicons-tv:before { content: "\E578"; } .glyphicons-sms:before { content: "\E579"; } .glyphicons-mms:before { content: "\E580"; } .glyphicons-us-rat-g:before { content: "\E581"; } .glyphicons-us-rat-pg:before { content: "\E582"; } .glyphicons-us-rat-pg-13:before { content: "\E583"; } .glyphicons-us-rat-restricted:before { content: "\E584"; } .glyphicons-us-rat-no-one-17:before { content: "\E585"; } .glyphicons-equalizer:before { content: "\E586"; } .glyphicons-speakers:before { content: "\E587"; } .glyphicons-remote-control:before { content: "\E588"; } .glyphicons-remote-control-tv:before { content: "\E589"; } .glyphicons-shredder:before { content: "\E590"; } .glyphicons-folder-heart:before { content: "\E591"; } .glyphicons-person-running:before { content: "\E592"; } .glyphicons-person:before { content: "\E593"; } .glyphicons-voice:before { content: "\E594"; } .glyphicons-stethoscope:before { content: "\E595"; } .glyphicons-hotspot:before { content: "\E596"; } .glyphicons-activity:before { content: "\E597"; } .glyphicons-watch:before { content: "\231A"; } .glyphicons-scissors-alt:before { content: "\E599"; } .glyphicons-car-wheel:before { content: "\E600"; } .glyphicons-chevron-up:before { content: "\E601"; } .glyphicons-chevron-down:before { content: "\E602"; } .glyphicons-superscript:before { content: "\E603"; } .glyphicons-subscript:before { content: "\E604"; } .glyphicons-text-size:before { content: "\E605"; } .glyphicons-text-color:before { content: "\E606"; } .glyphicons-text-background:before { content: "\E607"; } .glyphicons-modal-window:before { content: "\E608"; } .glyphicons-newspaper:before { content: "\1F4F0"; } .glyphicons-tractor:before { content: "\1F69C"; } /* * * THIS IS A SMALL BONUS FOR ALL CURIOUS PEOPLE :) * Just add class .animated and .pulse, .rotateIn, .bounce, .swing or .tada to you HTML element with icons. You may find other great css animations here: http://coveloping.com/tools/css-animation-generator * */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .halflings { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .halflings.x05 { font-size: 6px; } .halflings.x2 { font-size: 24px; } .halflings.x3 { font-size: 36px; } .halflings.x4 { font-size: 48px; } .halflings.x5 { font-size: 60px; } .halflings.x6 { font-size: 72px; } .halflings.x7 { font-size: 84px; } .halflings.x8 { font-size: 96px; } .halflings.light:before { color: #f2f2f2; } .halflings.drop:before { text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3); } .halflings.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .halflings.flipv { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .halflings.rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .halflings.rotate180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .halflings.rotate270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .halflings-glass:before { content: "\E001"; } .halflings-music:before { content: "\E002"; } .halflings-search:before { content: "\E003"; } .halflings-envelope:before { content: "\2709"; } .halflings-heart:before { content: "\E005"; } .halflings-star:before { content: "\E006"; } .halflings-star-empty:before { content: "\E007"; } .halflings-user:before { content: "\E008"; } .halflings-film:before { content: "\E009"; } .halflings-th-large:before { content: "\E010"; } .halflings-th:before { content: "\E011"; } .halflings-th-list:before { content: "\E012"; } .halflings-ok:before { content: "\E013"; } .halflings-remove:before { content: "\E014"; } .halflings-zoom-in:before { content: "\E015"; } .halflings-zoom-out:before { content: "\E016"; } .halflings-off:before { content: "\E017"; } .halflings-signal:before { content: "\E018"; } .halflings-cog:before { content: "\E019"; } .halflings-trash:before { content: "\E020"; } .halflings-home:before { content: "\E021"; } .halflings-file:before { content: "\E022"; } .halflings-time:before { content: "\E023"; } .halflings-road:before { content: "\E024"; } .halflings-download-alt:before { content: "\E025"; } .halflings-download:before { content: "\E026"; } .halflings-upload:before { content: "\E027"; } .halflings-inbox:before { content: "\E028"; } .halflings-play-circle:before { content: "\E029"; } .halflings-repeat:before { content: "\E030"; } .halflings-refresh:before { content: "\E031"; } .halflings-list-alt:before { content: "\E032"; } .halflings-glyph-lock:before { content: "\E033"; } .halflings-flag:before { content: "\E034"; } .halflings-headphones:before { content: "\E035"; } .halflings-volume-off:before { content: "\E036"; } .halflings-volume-down:before { content: "\E037"; } .halflings-volume-up:before { content: "\E038"; } .halflings-qrcode:before { content: "\E039"; } .halflings-barcode:before { content: "\E040"; } .halflings-tag:before { content: "\E041"; } .halflings-tags:before { content: "\E042"; } .halflings-book:before { content: "\E043"; } .halflings-glyph-bookmark:before { content: "\E044"; } .halflings-print:before { content: "\E045"; } .halflings-glyph-camera:before { content: "\E046"; } .halflings-font:before { content: "\E047"; } .halflings-bold:before { content: "\E048"; } .halflings-italic:before { content: "\E049"; } .halflings-text-height:before { content: "\E050"; } .halflings-text-width:before { content: "\E051"; } .halflings-align-left:before { content: "\E052"; } .halflings-align-center:before { content: "\E053"; } .halflings-align-right:before { content: "\E054"; } .halflings-align-justify:before { content: "\E055"; } .halflings-list:before { content: "\E056"; } .halflings-indent-left:before { content: "\E057"; } .halflings-indent-right:before { content: "\E058"; } .halflings-facetime-video:before { content: "\E059"; } .halflings-picture:before { content: "\E060"; } .halflings-pencil:before { content: "\270F"; } .halflings-map-marker:before { content: "\E062"; } .halflings-adjust:before { content: "\E063"; } .halflings-tint:before { content: "\E064"; } .halflings-edit:before { content: "\E065"; } .halflings-share:before { content: "\E066"; } .halflings-check:before { content: "\E067"; } .halflings-move:before { content: "\E068"; } .halflings-step-backward:before { content: "\E069"; } .halflings-fast-backward:before { content: "\E070"; } .halflings-backward:before { content: "\E071"; } .halflings-play:before { content: "\E072"; } .halflings-pause:before { content: "\E073"; } .halflings-stop:before { content: "\E074"; } .halflings-forward:before { content: "\E075"; } .halflings-fast-forward:before { content: "\E076"; } .halflings-step-forward:before { content: "\E077"; } .halflings-eject:before { content: "\E078"; } .halflings-chevron-left:before { content: "\E079"; } .halflings-chevron-right:before { content: "\E080"; } .halflings-plus-sign:before { content: "\E081"; } .halflings-minus-sign:before { content: "\E082"; } .halflings-remove-sign:before { content: "\E083"; } .halflings-ok-sign:before { content: "\E084"; } .halflings-question-sign:before { content: "\E085"; } .halflings-info-sign:before { content: "\E086"; } .halflings-screenshot:before { content: "\E087"; } .halflings-remove-circle:before { content: "\E088"; } .halflings-ok-circle:before { content: "\E089"; } .halflings-ban-circle:before { content: "\E090"; } .halflings-arrow-left:before { content: "\E091"; } .halflings-arrow-right:before { content: "\E092"; } .halflings-arrow-up:before { content: "\E093"; } .halflings-arrow-down:before { content: "\E094"; } .halflings-share-alt:before { content: "\E095"; } .halflings-resize-full:before { content: "\E096"; } .halflings-resize-small:before { content: "\E097"; } .halflings-plus:before { content: "\002B"; } .halflings-minus:before { content: "\2212"; } .halflings-asterisk:before { content: "\002A"; } .halflings-exclamation-sign:before { content: "\E101"; } .halflings-gift:before { content: "\E102"; } .halflings-leaf:before { content: "\E103"; } .halflings-glyph-fire:before { content: "\E104"; } .halflings-eye-open:before { content: "\E105"; } .halflings-eye-close:before { content: "\E106"; } .halflings-warning-sign:before { content: "\E107"; } .halflings-plane:before { content: "\E108"; } .halflings-glyph-calendar:before { content: "\E109"; } .halflings-random:before { content: "\E110"; } .halflings-comments:before { content: "\E111"; } .halflings-magnet:before { content: "\E112"; } .halflings-chevron-up:before { content: "\E113"; } .halflings-chevron-down:before { content: "\E114"; } .halflings-retweet:before { content: "\E115"; } .halflings-shopping-cart:before { content: "\E116"; } .halflings-folder-close:before { content: "\E117"; } .halflings-folder-open:before { content: "\E118"; } .halflings-resize-vertical:before { content: "\E119"; } .halflings-resize-horizontal:before { content: "\E120"; } .halflings-hdd:before { content: "\E121"; } .halflings-bullhorn:before { content: "\E122"; } .halflings-glyph-bell:before { content: "\E123"; } .halflings-certificate:before { content: "\E124"; } .halflings-thumbs-up:before { content: "\E125"; } .halflings-thumbs-down:before { content: "\E126"; } .halflings-hand-right:before { content: "\E127"; } .halflings-hand-left:before { content: "\E128"; } .halflings-hand-top:before { content: "\E129"; } .halflings-hand-down:before { content: "\E130"; } .halflings-circle-arrow-right:before { content: "\E131"; } .halflings-circle-arrow-left:before { content: "\E132"; } .halflings-circle-arrow-top:before { content: "\E133"; } .halflings-circle-arrow-down:before { content: "\E134"; } .halflings-globe:before { content: "\E135"; } .halflings-glyph-wrench:before { content: "\E136"; } .halflings-tasks:before { content: "\E137"; } .halflings-filter:before { content: "\E138"; } .halflings-glyph-briefcase:before { content: "\E139"; } .halflings-fullscreen:before { content: "\E140"; } .halflings-dashboard:before { content: "\E141"; } .halflings-glyph-paperclip:before { content: "\E142"; } .halflings-heart-empty:before { content: "\E143"; } .halflings-link:before { content: "\E144"; } .halflings-phone:before { content: "\E145"; } .halflings-glyph-pushpin:before { content: "\E146"; } .halflings-euro:before { content: "\20AC"; } .halflings-usd:before { content: "\E148"; } .halflings-gbp:before { content: "\E149"; } .halflings-sort:before { content: "\E150"; } .halflings-sort-by-alphabet:before { content: "\E151"; } .halflings-sort-by-alphabet-alt:before { content: "\E152"; } .halflings-sort-by-order:before { content: "\E153"; } .halflings-sort-by-order-alt:before { content: "\E154"; } .halflings-sort-by-attributes:before { content: "\E155"; } .halflings-sort-by-attributes-alt:before { content: "\E156"; } .halflings-unchecked:before { content: "\E157"; } .halflings-expand:before { content: "\E158"; } .halflings-collapse:before { content: "\E159"; } .halflings-collapse-top:before { content: "\E160"; } .halflings-log-in:before { content: "\E161"; } .halflings-flash:before { content: "\E162"; } .halflings-log-out:before { content: "\E163"; } .halflings-new-window:before { content: "\E164"; } .halflings-record:before { content: "\E165"; } .halflings-save:before { content: "\E166"; } .halflings-open:before { content: "\E167"; } .halflings-saved:before { content: "\E168"; } .halflings-import:before { content: "\E169"; } .halflings-export:before { content: "\E170"; } .halflings-send:before { content: "\E171"; } .halflings-floppy-disk:before { content: "\E172"; } .halflings-floppy-saved:before { content: "\E173"; } .halflings-floppy-remove:before { content: "\E174"; } .halflings-floppy-save:before { content: "\E175"; } .halflings-floppy-open:before { content: "\E176"; } .halflings-credit-card:before { content: "\E177"; } .halflings-transfer:before { content: "\E178"; } .halflings-cutlery:before { content: "\E179"; } .halflings-header:before { content: "\E180"; } .halflings-compressed:before { content: "\E181"; } .halflings-earphone:before { content: "\E182"; } .halflings-phone-alt:before { content: "\E183"; } .halflings-tower:before { content: "\E184"; } .halflings-stats:before { content: "\E185"; } .halflings-sd-video:before { content: "\E186"; } .halflings-hd-video:before { content: "\E187"; } .halflings-subtitles:before { content: "\E188"; } .halflings-sound-stereo:before { content: "\E189"; } .halflings-sound-dolby:before { content: "\E190"; } .halflings-sound-5-1:before { content: "\E191"; } .halflings-sound-6-1:before { content: "\E192"; } .halflings-sound-7-1:before { content: "\E193"; } .halflings-copyright-mark:before { content: "\E194"; } .halflings-registration-mark:before { content: "\E195"; } .halflings-cloud:before { content: "\2601"; } .halflings-cloud-download:before { content: "\E197"; } .halflings-cloud-upload:before { content: "\E198"; } .halflings-tree-conifer:before { content: "\E199"; } .halflings-tree-deciduous:before { content: "\E200"; } .halflings-cd:before { content: "\E201"; } .halflings-save-file:before { content: "\E202"; } .halflings-open-file:before { content: "\E203"; } .halflings-level-up:before { content: "\E204"; } .halflings-copy:before { content: "\E205"; } .halflings-paste:before { content: "\E206"; } .halflings-door:before { content: "\1F6AA"; } .halflings-key:before { content: "\1F511"; } .halflings-alert:before { content: "\E209"; } .halflings-equalizer:before { content: "\E210"; } .halflings-king:before { content: "\E211"; } .halflings-queen:before { content: "\E212"; } .halflings-pawn:before { content: "\E213"; } .halflings-bishop:before { content: "\E214"; } .halflings-knight:before { content: "\E215"; } .halflings-baby-formula:before { content: "\E216"; } .halflings-tent:before { content: "\26FA"; } .halflings-blackboard:before { content: "\E218"; } .halflings-bed:before { content: "\E219"; } .halflings-apple:before { content: "\F8FF"; } .halflings-erase:before { content: "\E221"; } .halflings-hourglass:before { content: "\231B"; } .halflings-lamp:before { content: "\E223"; } .halflings-duplicate:before { content: "\E224"; } .halflings-piggy-bank:before { content: "\E225"; } .halflings-scissors:before { content: "\E226"; } .halflings-bitcoin:before { content: "\E227"; } .halflings-yen:before { content: "\00A5"; } .halflings-ruble:before { content: "\20BD"; } .halflings-scale:before { content: "\E230"; } .halflings-ice-lolly:before { content: "\E231"; } .halflings-ice-lolly-tasted:before { content: "\E232"; } .halflings-education:before { content: "\E233"; } .halflings-option-horizontal:before { content: "\E234"; } .halflings-option-vertical:before { content: "\E235"; } .halflings-menu-hamburger:before { content: "\E236"; } .halflings-modal-window:before { content: "\E237"; } .halflings-oil:before { content: "\E238"; } .halflings-grain:before { content: "\E239"; } .halflings-sunglasses:before { content: "\E240"; } .halflings-text-size:before { content: "\E241"; } .halflings-text-color:before { content: "\E242"; } .halflings-text-background:before { content: "\E243"; } .halflings-object-align-top:before { content: "\E244"; } .halflings-object-align-bottom:before { content: "\E245"; } .halflings-object-align-horizontal:before { content: "\E246"; } .halflings-object-align-left:before { content: "\E247"; } .halflings-object-align-vertical:before { content: "\E248"; } .halflings-object-align-right:before { content: "\E249"; } .halflings-triangle-right:before { content: "\E250"; } .halflings-triangle-left:before { content: "\E251"; } .halflings-triangle-bottom:before { content: "\E252"; } .halflings-triangle-top:before { content: "\E253"; } .halflings-terminal:before { content: "\E254"; } .halflings-superscript:before { content: "\E255"; } .halflings-subscript:before { content: "\E256"; } .halflings-menu-left:before { content: "\E257"; } .halflings-menu-right:before { content: "\E258"; } .halflings-menu-down:before { content: "\E259"; } .halflings-menu-up:before { content: "\E260"; } /* * * THIS IS A SMALL BONUS FOR ALL CURIOUS PEOPLE :) * Just add class .animated and .pulse, .rotateIn, .bounce, .swing or .tada to you HTML element with icons. You may find other great css animations here: http://coveloping.com/tools/css-animation-generator * */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @font-face { font-family: 'Glyphicons Social'; src: url('../fonts/glyphicons-social-regular.eot'); src: url('../fonts/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-social-regular.woff2') format('woff2'), url('../fonts/glyphicons-social-regular.woff') format('woff'), url('../fonts/glyphicons-social-regular.ttf') format('truetype'), url('../fonts/glyphicons-social-regular.svg#glyphicons_socialregular') format('svg'); } .social { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Social'; font-style: normal; font-weight: normal; line-height: 1; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social.x05 { font-size: 12px; } .social.x2 { font-size: 48px; } .social.x3 { font-size: 72px; } .social.x4 { font-size: 96px; } .social.x5 { font-size: 120px; } .social.light:before { color: #f2f2f2; } .social.drop:before { text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3); } .social.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .social.flipv { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .social.rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .social.rotate180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .social.rotate270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .social-pinterest:before { content: "\E001"; } .social-dropbox:before { content: "\E002"; } .social-google-plus:before { content: "\E003"; } .social-jolicloud:before { content: "\E004"; } .social-yahoo:before { content: "\E005"; } .social-blogger:before { content: "\E006"; } .social-picasa:before { content: "\E007"; } .social-amazon:before { content: "\E008"; } .social-tumblr:before { content: "\E009"; } .social-wordpress:before { content: "\E010"; } .social-instapaper:before { content: "\E011"; } .social-evernote:before { content: "\E012"; } .social-xing:before { content: "\E013"; } .social-zootool:before { content: "\E014"; } .social-dribbble:before { content: "\E015"; } .social-deviantart:before { content: "\E016"; } .social-read-it-later:before { content: "\E017"; } .social-linked-in:before { content: "\E018"; } .social-forrst:before { content: "\E019"; } .social-pinboard:before { content: "\E020"; } .social-behance:before { content: "\E021"; } .social-github:before { content: "\E022"; } .social-youtube:before { content: "\E023"; } .social-skitch:before { content: "\E024"; } .social-foursquare:before { content: "\E025"; } .social-quora:before { content: "\E026"; } .social-badoo:before { content: "\E027"; } .social-spotify:before { content: "\E028"; } .social-stumbleupon:before { content: "\E029"; } .social-readability:before { content: "\E030"; } .social-facebook:before { content: "\E031"; } .social-twitter:before { content: "\E032"; } .social-instagram:before { content: "\E033"; } .social-posterous-spaces:before { content: "\E034"; } .social-vimeo:before { content: "\E035"; } .social-flickr:before { content: "\E036"; } .social-last-fm:before { content: "\E037"; } .social-rss:before { content: "\E038"; } .social-skype:before { content: "\E039"; } .social-e-mail:before { content: "\E040"; } .social-vine:before { content: "\E041"; } .social-myspace:before { content: "\E042"; } .social-goodreads:before { content: "\E043"; } .social-apple:before { content: "\F8FF"; } .social-windows:before { content: "\E045"; } .social-yelp:before { content: "\E046"; } .social-playstation:before { content: "\E047"; } .social-xbox:before { content: "\E048"; } .social-android:before { content: "\E049"; } .social-ios:before { content: "\E050"; } .social-wikipedia:before { content: "\E051"; } .social-pocket:before { content: "\E052"; } .social-steam:before { content: "\E053"; } .social-souncloud:before { content: "\E054"; } .social-slideshare:before { content: "\E055"; } .social-netflix:before { content: "\E056"; } .social-paypal:before { content: "\E057"; } .social-google-drive:before { content: "\E058"; } .social-linux-foundation:before { content: "\E059"; } .social-ebay:before { content: "\E060"; } /* * * THIS IS A SMALL BONUS FOR ALL CURIOUS PEOPLE :) * Just add class .animated and .pulse, .rotateIn, .bounce, .swing or .tada to you HTML element with icons. You may find other great css animations here: http://coveloping.com/tools/css-animation-generator * */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @font-face { font-family: 'Glyphicons Filetypes'; src: url('../fonts/glyphicons-filetypes-regular.eot'); src: url('../fonts/glyphicons-filetypes-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-filetypes-regular.woff2') format('woff2'), url('../fonts/glyphicons-filetypes-regular.woff') format('woff'), url('../fonts/glyphicons-filetypes-regular.ttf') format('truetype'), url('../fonts/glyphicons-filetypes-regular.svg#glyphicons_filetypesregular') format('svg'); } .filetypes { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Filetypes'; font-style: normal; font-weight: normal; line-height: 1; vertical-align: top; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .filetypes.x05 { font-size: 12px; } .filetypes.x2 { font-size: 48px; } .filetypes.x3 { font-size: 72px; } .filetypes.x4 { font-size: 96px; } .filetypes.x5 { font-size: 120px; } .filetypes.light:before { color: #f2f2f2; } .filetypes.drop:before { text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3); } .filetypes.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .filetypes.flipv { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .filetypes.rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .filetypes.rotate180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .filetypes.rotate270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .filetypes-txt:before { content: "\E001"; } .filetypes-doc:before { content: "\E002"; } .filetypes-rtf:before { content: "\E003"; } .filetypes-log:before { content: "\E004"; } .filetypes-tex:before { content: "\E005"; } .filetypes-msg:before { content: "\E006"; } .filetypes-text:before { content: "\E007"; } .filetypes-wpd:before { content: "\E008"; } .filetypes-wps:before { content: "\E009"; } .filetypes-docx:before { content: "\E010"; } .filetypes-page:before { content: "\E011"; } .filetypes-csv:before { content: "\E012"; } .filetypes-dat:before { content: "\E013"; } .filetypes-tar:before { content: "\E014"; } .filetypes-xml:before { content: "\E015"; } .filetypes-vcf:before { content: "\E016"; } .filetypes-pps:before { content: "\E017"; } .filetypes-key:before { content: "\E018"; } .filetypes-ppt:before { content: "\E019"; } .filetypes-pptx:before { content: "\E020"; } .filetypes-sdf:before { content: "\E021"; } .filetypes-gbr:before { content: "\E022"; } .filetypes-ged:before { content: "\E023"; } .filetypes-mp3:before { content: "\E024"; } .filetypes-m4a:before { content: "\E025"; } .filetypes-waw:before { content: "\E026"; } .filetypes-wma:before { content: "\E027"; } .filetypes-mpa:before { content: "\E028"; } .filetypes-iff:before { content: "\E029"; } .filetypes-aif:before { content: "\E030"; } .filetypes-ra:before { content: "\E031"; } .filetypes-mid:before { content: "\E032"; } .filetypes-m3v:before { content: "\E033"; } .filetypes-e-3gp:before { content: "\E034"; } .filetypes-shf:before { content: "\E035"; } .filetypes-avi:before { content: "\E036"; } .filetypes-asx:before { content: "\E037"; } .filetypes-mp4:before { content: "\E038"; } .filetypes-e-3g2:before { content: "\E039"; } .filetypes-mpg:before { content: "\E040"; } .filetypes-asf:before { content: "\E041"; } .filetypes-vob:before { content: "\E042"; } .filetypes-wmv:before { content: "\E043"; } .filetypes-mov:before { content: "\E044"; } .filetypes-srt:before { content: "\E045"; } .filetypes-m4v:before { content: "\E046"; } .filetypes-flv:before { content: "\E047"; } .filetypes-rm:before { content: "\E048"; } .filetypes-png:before { content: "\E049"; } .filetypes-psd:before { content: "\E050"; } .filetypes-psp:before { content: "\E051"; } .filetypes-jpg:before { content: "\E052"; } .filetypes-tif:before { content: "\E053"; } .filetypes-tiff:before { content: "\E054"; } .filetypes-gif:before { content: "\E055"; } .filetypes-bmp:before { content: "\E056"; } .filetypes-tga:before { content: "\E057"; } .filetypes-thm:before { content: "\E058"; } .filetypes-yuv:before { content: "\E059"; } .filetypes-dds:before { content: "\E060"; } .filetypes-ai:before { content: "\E061"; } .filetypes-eps:before { content: "\E062"; } .filetypes-ps:before { content: "\E063"; } .filetypes-svg:before { content: "\E064"; } .filetypes-pdf:before { content: "\E065"; } .filetypes-pct:before { content: "\E066"; } .filetypes-indd:before { content: "\E067"; } .filetypes-xlr:before { content: "\E068"; } .filetypes-xls:before { content: "\E069"; } .filetypes-xlsx:before { content: "\E070"; } .filetypes-db:before { content: "\E071"; } .filetypes-dbf:before { content: "\E072"; } .filetypes-mdb:before { content: "\E073"; } .filetypes-pdb:before { content: "\E074"; } .filetypes-sql:before { content: "\E075"; } .filetypes-aacd:before { content: "\E076"; } .filetypes-app:before { content: "\E077"; } .filetypes-exe:before { content: "\E078"; } .filetypes-com:before { content: "\E079"; } .filetypes-bat:before { content: "\E080"; } .filetypes-apk:before { content: "\E081"; } .filetypes-jar:before { content: "\E082"; } .filetypes-hsf:before { content: "\E083"; } .filetypes-pif:before { content: "\E084"; } .filetypes-vb:before { content: "\E085"; } .filetypes-cgi:before { content: "\E086"; } .filetypes-css:before { content: "\E087"; } .filetypes-js:before { content: "\E088"; } .filetypes-php:before { content: "\E089"; } .filetypes-xhtml:before { content: "\E090"; } .filetypes-htm:before { content: "\E091"; } .filetypes-html:before { content: "\E092"; } .filetypes-asp:before { content: "\E093"; } .filetypes-cer:before { content: "\E094"; } .filetypes-jsp:before { content: "\E095"; } .filetypes-cfm:before { content: "\E096"; } .filetypes-aspx:before { content: "\E097"; } .filetypes-rss:before { content: "\E098"; } .filetypes-csr:before { content: "\E099"; } .filetypes-less:before { content: "\003C"; } .filetypes-otf:before { content: "\E101"; } .filetypes-ttf:before { content: "\E102"; } .filetypes-font:before { content: "\E103"; } .filetypes-fnt:before { content: "\E104"; } .filetypes-eot:before { content: "\E105"; } .filetypes-woff:before { content: "\E106"; } .filetypes-zip:before { content: "\E107"; } .filetypes-zipx:before { content: "\E108"; } .filetypes-rar:before { content: "\E109"; } .filetypes-targ:before { content: "\E110"; } .filetypes-sitx:before { content: "\E111"; } .filetypes-deb:before { content: "\E112"; } .filetypes-e-7z:before { content: "\E113"; } .filetypes-pkg:before { content: "\E114"; } .filetypes-rpm:before { content: "\E115"; } .filetypes-cbr:before { content: "\E116"; } .filetypes-gz:before { content: "\E117"; } .filetypes-dmg:before { content: "\E118"; } .filetypes-cue:before { content: "\E119"; } .filetypes-bin:before { content: "\E120"; } .filetypes-iso:before { content: "\E121"; } .filetypes-hdf:before { content: "\E122"; } .filetypes-vcd:before { content: "\E123"; } .filetypes-bak:before { content: "\E124"; } .filetypes-tmp:before { content: "\E125"; } .filetypes-ics:before { content: "\E126"; } .filetypes-msi:before { content: "\E127"; } .filetypes-cfg:before { content: "\E128"; } .filetypes-ini:before { content: "\E129"; } .filetypes-prf:before { content: "\E130"; } /* * * THIS IS A SMALL BONUS FOR ALL CURIOUS PEOPLE :) * Just add class .animated and .pulse, .rotateIn, .bounce, .swing or .tada to you HTML element with icons. You may find other great css animations here: http://coveloping.com/tools/css-animation-generator * */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } * { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; *behavior: url(js/libs/boxsizing.htc); } body { background: #f3f3f3; margin: 0; font-size: 14px; font-size: 1.4pxrem; line-height: 1; font-family: 'Helvetica Neue', Helvetica, 'Arial CE', Arial, sans-serif; color: #595959; text-shadow: 0 1px 0 #f9f9f9; } a { color: #bc2328; text-decoration: underline; } a:hover { text-decoration: none; } .page { margin: 0 auto 0; width: 1060px; } .badge { position: absolute; top: -15px; right: -15px; padding: 0 5px; width: auto; height: 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 11px; font-size: 1.1rem; line-height: 18px; font-weight: bold; color: #ffffff; background: #c44246; background: rgba(188, 35, 40, 0.85); text-shadow: 0 -1px 0 #9d1217; text-indent: 0; } header { position: relative; width: 100%; height: 151px; border-bottom: 1px solid #d9d9d9; *zoom: 1; } header:before, header:after { display: table; content: ""; } header:after { clear: both; } header h1 { position: absolute; left: 0; top: 93px; width: 250px; height: 30px; } header h1 a { border: 0; font: 0/0 a; text-shadow: none; color: transparent !important; display: block; width: 250px; height: 30px; background: url(../img/logo.svg) 0 0 no-repeat; background-size: 100% auto; } .no-inlinesvg header h1 a { background-image: url(../img/logo.png); background-size: AUTO auto; } header nav { padding: 110px 0 0 420px; *zoom: 1; } header nav:before, header nav:after { display: table; content: ""; } header nav:after { clear: both; } header ul { width: 100%; height: auto; *zoom: 1; } header ul:before, header ul:after { display: table; content: ""; } header ul:after { clear: both; } header li { float: left; padding: 0 0 0 35px; } header li:first-child { padding-left: 0; } header li.current-menu-item a { color: #bc2328; } header li a { position: relative; font-size: 16px; font-size: 1.6rem; line-height: 1; font-weight: bold; color: #1a1a1a; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header li a:hover, header li a.act { color: #bc2328; } footer { padding: 25px 0 80px 0; border-top: 1px solid #d9d9d9; *zoom: 1; } footer:before, footer:after { display: table; content: ""; } footer:after { clear: both; } footer p { color: #8c8c8c; } section { padding: 65px 0 100px 0; width: 100%; height: auto; *zoom: 1; } section:before, section:after { display: table; content: ""; } section:after { clear: both; } aside { float: left; width: 340px; } aside p { margin-bottom: 45px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } .box { position: relative; margin: 0 0 30px 0; padding: 35px 24px 27px 24px; width: 100%; height: auto; border: 1px solid #d1d1d1; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #e5e5e5; } .box.last { margin-bottom: 70px; } .box.last .price { right: 35px; } .box h2 { margin: 0 0 25px 0; } .box h2 span { font-size: 24px; font-size: 2.4rem; line-height: 1; } .box h2 strong { position: relative; left: 0; top: 3px; margin: 0 3px 0 0; border: 0; font: 0/0 a; text-shadow: none; color: transparent !important; display: inline-block; width: 136px; height: 20px; background: url(../img/aside-box-logo.svg) 0 bottom no-repeat; background-size: 100% auto; vertical-align: top; } .no-inlinesvg .box h2 strong { background-image: url(../img/aside-box-logo.png); } .box .price-info { position: absolute; right: 22px; top: 36px; font-size: 14px; font-size: 1.4rem; line-height: 20px; color: #1a1a1a; vertical-align: middle; } .box .price-info i { position: relative; left: -1px; top: 2px; font-size: 14px; font-size: 1.4rem; line-height: 20px; font-style: normal; color: #1a1a1a; } .box .price-info strong { font-size: 20px; font-size: 2rem; line-height: 1; font-weight: bold; color: #1a1a1a; vertical-align: middle; } .box .price-info-no-vat { right: 40px; } .box .price-badge { position: relative; top: 1px; left: 0; display: inline-block; margin: 0 0 0 1px; width: 34px; height: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 10px; font-size: 1rem; line-height: 18px; font-weight: normal; color: #ffffff; background: #a9a9a9; text-align: center; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1); text-shadow: none; vertical-align: middle; } .box > ul > li { position: relative; display: block; padding: 3px 0 3px 25px; font-size: 14px; font-size: 1.4rem; line-height: 1.2em; color: #282828; } .box > ul > li .halflings { position: absolute; left: 0; top: 2px; font-size: 14px; font-size: 1.4rem; line-height: 18px; color: #808080; text-shadow: 0 1px 0 #ffffff; } .box > ul > li .halflings-file { top: 5px; left: 2px; } .box > ul ul { *zoom: 1; } .box > ul ul:before, .box > ul ul:after { display: table; content: ""; } .box > ul ul:after { clear: both; } .box > ul ul li { float: left; margin: 0 4px 4px 0; width: 49px; height: 22px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; font-size: 1.2rem; line-height: 23px; color: #ffffff; background: #808080; text-align: center; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1); text-shadow: 0 -1px 0 #5e5d5d; } .box .paypal { border: 0; font: 0/0 a; text-shadow: none; color: transparent !important; display: inline-block; width: 59px; height: 16px; *display: inline; /* IE7 inline-block hack */ *zoom: 1; background: url(../img/ico-paypal.svg) 0 0 no-repeat; background-size: auto 100%; vertical-align: middle; font-style: normal; } .no-inlinesvg .box .paypal { background-image: url(../img/ico-paypal.png); } .box .cc { border: 0; font: 0/0 a; text-shadow: none; color: transparent !important; display: inline-block; width: 17px; height: 18px; *display: inline; /* IE7 inline-block hack */ *zoom: 1; background: url(../img/ico-license-cc.svg); vertical-align: top; font-style: normal; } .no-inlinesvg .box .cc { background-image: url(../img/ico-license-cc.png); } .box .glyphicons-download { position: absolute; right: 24px; top: 92px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .box .glyphicons-download:before { font-size: 48px; font-size: 4.8rem; line-height: 1; color: #bf353d; text-indent: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .box .glyphicons-download:hover:before { color: #bc2328; } .box .glyphicons-download span { display: none; text-indent: -9999px; } .social-aside .head { position: relative; width: 100%; height: 48px; z-index: 2; } .social-aside .head ul { padding: 12px 0 0 67px; *zoom: 1; } .social-aside .head ul:before, .social-aside .head ul:after { display: table; content: ""; } .social-aside .head ul:after { clear: both; } .social-aside .head li { float: left; margin: 0 8px 0 0; width: 24px; } .social-aside .head li a { width: 24px; height: 24px; *display: inline; /* IE7 inline-block hack */ *zoom: 1; vertical-align: top; text-decoration: none; } .social-aside .head li a:before { font-size: 24px; font-size: 2.4rem; line-height: 1; color: #808080; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .social-aside .head li a:hover:before { color: #bc2328; } .social-aside .head li span { position: absolute; left: 0; top: 0; border: 0; font: 0/0 a; text-shadow: none; color: transparent !important; display: inline-block; width: 24px; height: 24px; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .social-aside .social-twitter { position: absolute; left: 0; top: 0; width: 57px; height: 49px; border: 1px solid #d1d1d1; border-bottom: 0; -webkit-border-radius: 11px 11px 0 0; -moz-border-radius: 11px 11px 0 0; border-radius: 11px 11px 0 0; background: #e5e5e5; text-align: center; } .social-aside .social-twitter:before { width: 100%; height: 100%; font-size: 23px; font-size: 2.3rem; line-height: 49px; color: #bc2328; text-align: center; } .social-aside .tweet { position: relative; padding: 20px 19px 20px 19px; width: 100%; height: auto; border: 1px solid #d1d1d1; -webkit-border-radius: 0 11px 11px 11px; -moz-border-radius: 0 11px 11px 11px; border-radius: 0 11px 11px 11px; background: #e5e5e5; } .social-aside p { margin-bottom: 25px; } .social-aside .follow { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 0 25px 0 43px; width: auto; height: 37px; border: 1px solid #cbcbcb; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 14px; font-size: 1.4rem; line-height: 35px; font-weight: bold; color: #4a4a4a; background-color: #e5e5e5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI3MCAzNSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmJmOWY3IiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmJmOWY3IiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyNzAiIGhlaWdodD0iMzUiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); background-image: -o-linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); background-image: -webkit-linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); background-image: -ms-linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); background-image: linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); -webkit-box-shadow: 0 1px 3px rgba(105, 105, 105, 0.1); -moz-box-shadow: 0 1px 3px rgba(105, 105, 105, 0.1); box-shadow: 0 1px 3px rgba(105, 105, 105, 0.1); text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .social-aside .follow:after { content: ''; width: 24px; height: 18px; position: absolute; left: 14px; top: 50%; margin: -10px 0 0 0; background: url(../img/social-follow-ico.svg) 0 0 no-repeat; } .no-inlinesvg .social-aside .follow:after { background-image: url(../img/social-follow-ic.png); } .social-aside .follow:hover { background: #f0efee; } article { float: right; width: 640px; } article .hp-perex { margin-bottom: 45px; } article div.align-right { float: right; margin: 5px 0 15px 65px; width: 260px; height: auto; font-size: 12px; font-size: 1.2rem; line-height: 1; color: #595959; text-align: left; *zoom: 1; } article div.align-right:before, article div.align-right:after { display: table; content: ""; } article div.align-right:after { clear: both; } article div.align-right img { margin: 0 0 10px 0; width: 260px; height: auto; border: 1px solid #d2d2d2; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } article div.align-right p { padding-left: 7px; font-size: 12px; font-size: 1.2rem; line-height: 1; color: #595959; } article .no-img img { margin-bottom: 4px; width: auto; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } article .symbols-infographic { position: relative; left: 0; top: -30px; float: right; margin: 0 0 0 20px; width: 350px; height: 130px; *zoom: 1; } article .symbols-infographic:before, article .symbols-infographic:after { display: table; content: ""; } article .symbols-infographic:after { clear: both; } article .symbols-infographic ul { width: 100%; height: 100%; *zoom: 1; } article .symbols-infographic ul:before, article .symbols-infographic ul:after { display: table; content: ""; } article .symbols-infographic ul:after { clear: both; } article .symbols-infographic li { float: left; font-size: 12px; font-size: 1.2rem; line-height: 1; color: #595959; text-align: center; } article .symbols-infographic li i { color: #bc2328; } article .symbols-infographic .ico { display: block; margin: 0 0 10px 0; width: 100%; height: 105px; background-position: center bottom; background-repeat: no-repeat; } article .symbols-infographic .item-1 { width: 35px; height: 100%; } article .symbols-infographic .item-1 .ico { background-image: url(../img/symbols-infographic-1.svg); } .no-inlinesvg article .symbols-infographic .item-1 .ico { background-image: url(../img/symbols-infographic-1.png); } article .symbols-infographic .item-2 { margin-left: 25px; width: 50px; height: 100%; } article .symbols-infographic .item-2 .ico { background-image: url(../img/symbols-infographic-2.svg); } .no-inlinesvg article .symbols-infographic .item-2 .ico { background-image: url(../img/symbols-infographic-2.png); } article .symbols-infographic .item-3 { margin-left: 20px; width: 50px; height: 100%; } article .symbols-infographic .item-3 .ico { background-image: url(../img/symbols-infographic-3.svg); } .no-inlinesvg article .symbols-infographic .item-3 .ico { background-image: url(../img/symbols-infographic-3.png); } article .symbols-infographic .item-3-a { margin-left: 20px; width: 70px; height: 100%; } article .symbols-infographic .item-3-a .ico { background-image: url(../img/symbols-infographic-3-a.svg); } .no-inlinesvg article .symbols-infographic .item-3-a .ico { background-image: url(../img/symbols-infographic-3-a.png); } article .symbols-infographic .item-4 { margin-left: 25px; width: 85px; height: 100%; } article .symbols-infographic .item-4 .ico { background-image: url(../img/symbols-infographic-4.svg); } .no-inlinesvg article .symbols-infographic .item-4 .ico { background-image: url(../img/symbols-infographic-4.png); } .article h2 { padding-top: 25px; font-size: 18px; font-size: 1.8rem; line-height: 26px; } .article h2 .glyphicons { margin: 0 5px 0 0; font-size: 24px; font-size: 2.4rem; line-height: 1; color: #a1a1a1; vertical-align: top; } .article h3 { margin: 0 0 15px 0; font-size: 16px; font-size: 1.6rem; line-height: 1.2em; font-weight: bold; color: #1a1a1a; } .article h3 .halflings { margin: 0 5px 0 0; color: #808080; vertical-align: top; } .article sup { color: #bc2328; } .article ul { margin: 0 0 23px 0; } .article ul li { padding: 0 0 0 24px; font-size: 14px; font-size: 1.4pxrem; line-height: 21px; background: url(../img/li-arrow.png) left 5px no-repeat; } .article table { margin: 0 0 5px 0; width: 100%; white-space: nowrap; } .article table th { padding: 8px 10px; font-weight: normal; color: #595959; text-align: center; border-bottom: 1px solid #d9d9d9; } .article table th:first-child { padding-left: 0; text-align: left; } .article table th sup { color: #bc2328; } .article table td { width: 100%; height: 32px; border-bottom: 1px solid #d9d9d9; text-align: center; } .article table .halflings { color: #1d1d1b; } .article table .halflings-ban-circle { font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #a1a1a1; } .article table .halflings-ban-circle:before { color: #a1a1a1; } .article table h3 { margin: 0; font-size: 14px; font-size: 1.4rem; line-height: 1; font-weight: bold; color: #1a1a1a; text-align: left; } .article table h3 span { font-size: 16px; font-size: 1.6rem; line-height: 1; color: #bc2328; } .article .apps-item, .article .web-item { position: relative; } .article .apps-item strong, .article .web-item strong { color: #1a1a1a; } .article .apps-item img, .article .web-item img { position: absolute; left: 20px; top: 0; border: 1px solid #d2d2d2; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } .article .apps-item a, .article .web-item a { color: #bc2328; text-decoration: underline; } .article .apps-item a:before, .article .web-item a:before { color: #bc2328; } .article .apps-item a:hover, .article .web-item a:hover { text-decoration: none; } .article .apps-item .halflings, .article .web-item .halflings { margin-right: 5px; } .article .apps-item .another-app, .article .web-item .another-app, .article .apps-item .another-web, .article .web-item .another-web { position: absolute; left: 20px; top: 0; width: 48px; height: 48px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #d1d1d1; background: #e5e5e5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .article .apps-item .another-app:hover, .article .web-item .another-app:hover, .article .apps-item .another-web:hover, .article .web-item .another-web:hover { background: #fdfdfd; } .article .apps-item .another-app:hover:before, .article .web-item .another-app:hover:before, .article .apps-item .another-web:hover:before, .article .web-item .another-web:hover:before { color: #bc2328; } .article .apps-item .another-app:before, .article .web-item .another-app:before, .article .apps-item .another-web:before, .article .web-item .another-web:before { width: 100%; height: 100%; font-size: 12px; font-size: 1.2rem; line-height: 44px; color: #a6a6a6; text-align: center; } .article .apps-item { padding-left: 80px; } .article .web-item { padding-left: 160px; } .article .web-item .another-web { width: 120px; height: 55px; } .article .web-item .another-web:before { font-size: 12px; font-size: 1.2rem; line-height: 50px; } .faq-articles { padding-left: 35px; } .faq-articles h2 { position: relative; } .faq-articles .glyphicons { position: absolute; left: -35px; top: 25px; } .content-font-list { width: 100%; height: auto; *zoom: 1; } .content-font-list:before, .content-font-list:after { display: table; content: ""; } .content-font-list:after { clear: both; } .tabs { margin: 0; width: 100%; height: 50px; *zoom: 1; } .tabs:before, .tabs:after { display: table; content: ""; } .tabs:after { clear: both; } .tabs .badge { top: -8px; right: -8px; } .tabs li { position: relative; float: left; margin: 0 5px 0 0; padding: 4px 0 0 0; width: auto; height: 50px; } .tabs li.act { padding-top: 0; } .tabs li.act a { position: absolute; left: 0; top: 0; height: 51px; background-color: #e6e6e6; background-position: center 18px; z-index: 10; } .tabs h2 { position: relative; width: 100%; height: 100%; } .tabs a { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; -webkit-border-radius: 11px 11px 0 0; -moz-border-radius: 11px 11px 0 0; border-radius: 11px 11px 0 0; border: 1px solid #d9d9d9; border-bottom: 0; background-color: #f5f5f5; background-position: center 15px; background-repeat: no-repeat; text-align: center; text-indent: -9999px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .tabs a:hover { background-color: #ffffff; } .tabs .glyphicons-tabs { width: 178px; } .tabs .glyphicons-tabs a { background-image: url(../img/glyphicons-tabs.svg); } .no-inlinesvg .tabs .glyphicons-tabs a { background-image: url(../img/glyphicons-tabs.png); } .tabs .halflings-tabs { width: 148px; } .tabs .halflings-tabs a { background-image: url(../img/halflings-tabs.svg); } .no-inlinesvg .tabs .halflings-tabs a { background-image: url(../img/halflings-tabs.png); } .tabs .social-tabs { width: 115px; } .tabs .social-tabs a { background-image: url(../img/social-tabs.svg); } .no-inlinesvg .tabs .social-tabs a { background-image: url(../img/social-tabs.png); } .tabs .filetypes-tabs { width: 143px; } .tabs .filetypes-tabs a { background-image: url(../img/filetypes-tabs.svg); } .no-inlinesvg .tabs .filetypes-tabs a { background-image: url(../img/filetypes-tabs.png); } .font-list { display: none; position: relative; margin: 0 0 20px 0; padding: 20px 20px 75px 20px; width: 100%; height: auto; border: 1px solid #d1d1d1; -webkit-border-radius: 0 11px 11px 11px; -moz-border-radius: 0 11px 11px 11px; border-radius: 0 11px 11px 11px; background: #e5e5e5; text-align: center; } .font-list.act { display: block; } .font-list.font-list-halflings li { width: 24px; height: 24px; } .font-list.font-list-halflings li > div { width: 24px; height: 24px; } .font-list.searched .coord-top:before { display: none; } .font-list.searched .coord-left:after { display: none; } .font-list ul { margin: 0 auto 50px; width: 480px; *zoom: 1; } .font-list ul:before, .font-list ul:after { display: table; content: ""; } .font-list ul:after { clear: both; } .font-list li { position: relative; float: left; width: 48px; height: 48px; } .font-list li.act { z-index: 10; } .font-list li.act > div span { color: #bc2328; } .font-list li > div { display: block; width: 48px; height: 48px; cursor: pointer; } .font-list li > div span { color: #4d4d4d; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .font-list li > div span:before { content: '' !important; } .font-list li > div:hover span { color: #bc2328; } .font-list .coord-top { position: relative; } .font-list .coord-top:before { content: attr(data-coord-before); position: absolute; left: 0; top: -30px; width: 100%; font-size: 11px; line-height: 12px; font-weight: normal; color: #b2b2b2; text-align: center; } .font-list .coord-left { position: relative; } .font-list .coord-left:after { content: attr(data-coord-after); position: absolute; left: -30px; top: 50%; margin: -6px 0 0 0; font-size: 11px; line-height: 12px; font-weight: normal; color: #b2b2b2; text-align: center; } .font-list .glyphicons, .font-list .social, .font-list .filetypes { width: 48px; height: 48px; font-size: 24px; font-size: 2.4rem; line-height: 48px; } .font-list .halflings { width: 24px; height: 24px; font-size: 12px; font-size: 1.2rem; line-height: 24px; } .font-list .glyphicons-box, .font-list .halflings-box, .font-list .social-box, .font-list .filetypes-box { position: absolute; top: 108px; left: 79px; padding: 16px 24px 25px 58px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d9d9d9; font-size: 12px; font-size: 1.2rem; line-height: 1.6em; color: #999; background: #fcfcfc; text-align: left; white-space: nowrap; opacity: 0; filter: alpha(opacity=0); z-index: -1; } .font-list .glyphicons-box.act, .font-list .halflings-box.act, .font-list .social-box.act, .font-list .filetypes-box.act { z-index: 5; } .font-list .glyphicons-box p, .font-list .halflings-box p, .font-list .social-box p, .font-list .filetypes-box p { margin: 0 0 15px 0; font-size: 12px; font-size: 1.2rem; line-height: 1.6em; color: #595959; } .font-list .glyphicons-box strong, .font-list .halflings-box strong, .font-list .social-box strong, .font-list .filetypes-box strong { display: block; color: #bc2328; } .font-list .glyphicons-box span, .font-list .halflings-box span, .font-list .social-box span, .font-list .filetypes-box span { text-transform: lowercase; } .font-list .glyphicons-box .red, .font-list .halflings-box .red, .font-list .social-box .red, .font-list .filetypes-box .red { color: #bc2328; } .font-list .halflings-box { padding-top: 13px; padding-left: 40px; } .font-list .glyphicons-badge, .font-list .halflings-badge, .font-list .social-badge, .font-list .filetype-badge { display: block; position: absolute; right: -50px; top: 90px; width: 100px; height: 100px; opacity: 0; filter: alpha(opacity=0); } .no-inlinesvg .font-list .glyphicons-badge, .no-inlinesvg .font-list .halflings-badge, .no-inlinesvg .font-list .social-badge, .no-inlinesvg .font-list .filetype-badge { opacity: 0; filter: alpha(opacity=0); } .font-list .copy-form { position: relative; margin: 0 0 12px 0; padding: 0 0 0 30px; width: 168px; height: 28px; } .font-list .copy-form input { padding: 0 6px; width: 100%; height: 100%; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; border: 1px solid #ccc; font-family: 'Helvetica Neue', Helvetica, 'Arial CE', Arial, sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 26px; color: #999; text-align: left; } .font-list .copy-form button { position: absolute; left: 0; top: 0; width: 30px; height: 28px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; border: 1px solid #ccc; border-right: 0; background-color: #eeeeed; background-image: -moz-linear-gradient(top, #f7f6f5, #e1e1e1); background-image: -ms-linear-gradient(top, #f7f6f5, #e1e1e1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f6f5), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #f7f6f5, #e1e1e1); background-image: -o-linear-gradient(top, #f7f6f5, #e1e1e1); background-image: linear-gradient(top, #f7f6f5, #e1e1e1); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f6f5', endColorstr='#e1e1e1', GradientType=0); outline: 0; } .font-list .copy-form button:hover { background: #f7f6f5; } .font-list .copy-form button:focus { outline: 0; } .font-list .copy-form button .halflings { color: #4d4d4d; } .font-list .glyphicons-badge { background: url(../img/glyphicons-badge.svg) 0 0 no-repeat; } .no-inlinesvg .font-list .glyphicons-badge { background-image: url(../img/glyphicons-badge.png); } .font-list .halflings-badge { background: url(../img/halflings-badge.svg) 0 0 no-repeat; } .no-inlinesvg .font-list .halflings-badge { background-image: url(../img/halflings-badge.png); } .font-list .social-badge { background: url(../img/social-badge.svg) 0 0 no-repeat; } .no-inlinesvg .font-list .social-badge { background-image: url(../img/social-badge.png); } .font-list .filetype-badge { background: url(../img/filetype-badge.svg) 0 0 no-repeat; } .no-inlinesvg .font-list .filetype-badge { background-image: url(../img/filetype-badge.png); } .font-list .buy-ico { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 0 25px 0 43px; width: auto !important; height: 37px !important; border: 1px solid #cbcbcb; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 14px; font-size: 1.4rem; line-height: 35px; font-weight: bold; color: #4a4a4a; background-color: #e5e5e5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI3MCAzNSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmJmOWY3IiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmJmOWY3IiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyNzAiIGhlaWdodD0iMzUiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); background-image: -o-linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); background-image: -webkit-linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); background-image: -ms-linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); background-image: linear-gradient(bottom, rgba(226, 226, 226, 0.82) 0%, rgba(251, 250, 248, 0.82) 99.63%, rgba(251, 250, 248, 0.82) 100%); -webkit-box-shadow: 0 1px 3px rgba(105, 105, 105, 0.1); -moz-box-shadow: 0 1px 3px rgba(105, 105, 105, 0.1); box-shadow: 0 1px 3px rgba(105, 105, 105, 0.1); text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .font-list .buy-ico i { position: absolute; left: 5px; top: -3px; width: 30px; height: 37px; line-height: 37px; } .font-list .buy-ico i:before { padding: 0; font-size: 16px; font-size: 1.6rem; line-height: 35px; color: #808080; vertical-align: middle; } .font-list .buy-ico strong { color: #bc2328; } .font-list .buy-ico:hover { background: #f0efee; } .font-list .buy-ico:hover i:before { color: #bc2328; } .search-panel { margin: 0 0 50px 0; padding: 7px; width: 100%; height: 42px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ccc; background: #dcdcdc; *zoom: 1; } .search-panel:before, .search-panel:after { display: table; content: ""; } .search-panel:after { clear: both; } .search-panel select { float: left; width: 154px; height: 27px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; font-family: 'Helvetica Neue', Helvetica, 'Arial CE', Arial, sans-serif; font-weight: bold; color: #666; letter-spacing: -1px; } .search-panel .search-input-content { position: relative; float: right; padding: 0; width: 167px; height: 27px; } .search-panel .search-input-content:before { position: absolute; left: 0; top: 0; width: 28px; height: 27px; font-size: 12px; font-size: 1.2rem; line-height: 26px; color: #666; text-align: center; } .search-panel .search-input { padding: 0 15px 0 28px; width: 167px; height: 27px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; font-family: 'Helvetica Neue', Helvetica, 'Arial CE', Arial, sans-serif; font-size: 14px; font-size: 1.4rem; line-height: 25px; color: #595959; background: #ffffff; } .support { font-size: 14px; font-size: 1.4rem; line-height: 20px; font-weight: bold; *zoom: 1; } .support:before, .support:after { display: table; content: ""; } .support:after { clear: both; } .support span { float: left; margin: 0 10px 0 0; } .support #twitter-button, .support #plus-button { float: left; margin: 0 5px 0 0; } .support #twitter-button { width: 220px; } .support #plus-button { position: relative; top: 2px; } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .c { *zoom: 1; } .c:before, .c:after { display: table; content: ""; } .c:after { clear: both; } .vh { border: 0; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; height: 1px; } .vh.focusable:active, .vh.focusable:focus { clip: auto; margin: 0; overflow: visible; position: static; width: auto; height: auto; } .logging { background: rgba(0, 0, 0, 0.8); position: fixed; top: 10px; left: 10px; z-index: 1000; color: #fff; font-weight: bold; padding: 10px; font-size: 25px; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop { width: 100%; margin-top: -3px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #ccc; border-top: 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .select2-drop-undermask { border: 0; margin: 0; padding: 0; position: absolute; left: 0; top: 0; z-index: 9998; background-color: transparent; filter: alpha(opacity=0); } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('select2.png') right top no-repeat; } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; background: #eee; } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-more-results { background: #f4f4f4; display: list-item; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; } .select2-search { display: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: absolute; left: 0; top: 0; z-index: 9998; background-color: #fff; opacity: 0; filter: alpha(opacity=0); } .select2-display-none { display: none; } .select2-default { color: #999 !important; } .select2-more-results.select2-active { background: #f4f4f4; } .select2-results { max-height: 200px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .select2-results .select2-selected { display: none; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-highlighted { background: #e6e6e6; } .select2-results .select2-highlighted ul { background: white; color: #666; } .select2-results .select2-highlighted em { background: transparent; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-result-label { padding: 5px 7px 6px 8px; margin: 0; color: #666; font-weight: bold; letter-spacing: -1px; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; } .select2-container { float: left; margin: 0; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .select2-container .select2-choice { display: block; width: 154px !important; height: 27px !important; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #ccc; white-space: nowrap; line-height: 25px; color: #666; font-weight: bold; letter-spacing: -1px; text-decoration: none; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 19px; height: 100%; position: absolute; right: 0; top: 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url(../img/select2-arrow.svg) center center no-repeat; } .no-inlinesvg .select2-container .select2-choice .select2-arrow b { background-image: url(../img/select2-arrow.png); } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; cursor: pointer; outline: 0; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { outline: none; } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0); width: 1px; height: 1px; border: 0; margin: 0; padding: 0; overflow: hidden; position: absolute; outline: 0; left: 0px; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background: #fff; min-height: 26px; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff !important; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #e4e4e4; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
فایل swiper.css
/** * Swiper 3.0.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 13, 2015 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-fles-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23007aff'/></svg>"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23000000'/></svg>"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23ffffff'/></svg>"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23007aff'/></svg>"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23000000'/></svg>"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23ffffff'/></svg>"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 3.6-15 */ background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active { pointer-events: auto; } /* Cube */ .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); } .swiper-container-cube.swiper-container-vertical .swiper-cube-shadow { z-index: 0; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; }
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)