//** Load fonts from this directory. $olicons-font-path: "magic/"; //** File name for all font files. // $olicons-font-name: "orderlifticons-webfont" !default; $olicons-font-name: "newmagicons-regular-webfont"; //** Element ID within SVG icon file. $olicons-font-svg-id: "orderlifticonsregular"; $olicons-class-name: "olicons"; @font-face { font-family: 'orderlifticonsregular'; src: url(if($magic-asset-helper, twbs-font-path('#{$olicons-font-path}#{$olicons-font-name}.eot'), '#{$olicons-font-path}#{$olicons-font-name}.eot')); } @font-face { font-family: 'orderlifticonsregular'; src: url(if($magic-asset-helper, twbs-font-path('#{$olicons-font-path}#{$olicons-font-name}.woff'), '#{$olicons-font-path}#{$olicons-font-name}.woff')) format('woff'), url(if($magic-asset-helper, twbs-font-path('#{$olicons-font-path}#{$olicons-font-name}.ttf'), '#{$olicons-font-path}#{$olicons-font-name}.ttf')) format('truetype'), url(if($magic-asset-helper, twbs-font-path('#{$olicons-font-path}#{$olicons-font-name}.svg##{$olicons-font-svg-id}'), '#{$olicons-font-path}#{$olicons-font-name}.svg##{$olicons-font-svg-id}')) format('svg'); font-weight: normal; font-style: normal; } [class^="#{$olicons-class-name}-"]:before, [class*=" #{$olicons-class-name}-"]:before { font-family: orderlifticonsregular; font-weight: normal; font-style: normal; font-size: 1.4em; // make them bigger display: block; position: relative; // top: 0; right: 0; bottom: 0; left: 0; text-decoration: inherit; vertical-align: middle; line-height: .9em; color: inherit; // make icons thinner in webkit (white icons on dark background) text-shadow: 0 0 0 rgba(0,0,0,.01); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; outline: none; border: none; } [class^="#{$olicons-class-name}-"], [class*=" #{$olicons-class-name}-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ .#{$olicons-class-name}-large:before { vertical-align: middle; font-size: 4/3em; } .btn, .nav-tabs { [class^="#{$olicons-class-name}-"], [class*=" #{$olicons-class-name}-"] { /* keeps button heights with and without icons the same */ // font-size: 1.2em; // line-height: .9em; // vertical-align: middle; // display: inline; } } .#{$olicons-class-name}-market:before { content: "\f001"; } .#{$olicons-class-name}-projects-empty:before { content: "\f002"; } .#{$olicons-class-name}-projects-full:before { content: "\f003"; } .#{$olicons-class-name}-tasks-empty:before { content: "\f004"; } .#{$olicons-class-name}-tasks-full:before { content: "\f005"; } .#{$olicons-class-name}-settings:before { content: "\f006"; } .#{$olicons-class-name}-overview:before { content: "\f007"; } .#{$olicons-class-name}-contacts:before { content: "\f008"; } .#{$olicons-class-name}-message-empty:before { content: "\f009"; } .#{$olicons-class-name}-message-full:before { content: "\f00a"; } .#{$olicons-class-name}-basket-empty:before { content: "\f00b"; } .#{$olicons-class-name}-basket-full:before { content: "\f00c"; } .#{$olicons-class-name}-bell:before { content: "\f00d"; } .#{$olicons-class-name}-notify:before { content: "\f00e"; } .#{$olicons-class-name}-about-me:before { content: "\f011"; } .#{$olicons-class-name}-portfolio:before { content: "\f012"; } .#{$olicons-class-name}-portfolio-alt:before { content: "\f013"; } .#{$olicons-class-name}-general-informations:before { content: "\f014"; } .#{$olicons-class-name}-contact-data:before { content: "\f015"; } .#{$olicons-class-name}-career:before { content: "\f016"; } .#{$olicons-class-name}-skills:before { content: "\f017"; } .#{$olicons-class-name}-view-list:before { content: "\f018"; } .#{$olicons-class-name}-view-tile:before { content: "\f019"; } .#{$olicons-class-name}-view-cards:before { content: "\f01a"; } .#{$olicons-class-name}-view-map:before { content: "\f01b"; } .#{$olicons-class-name}-state-active:before { content: "\f01c"; } .#{$olicons-class-name}-state-inactive:before { content: "\f01d"; } .#{$olicons-class-name}-edit:before { content: "\f01e"; } // double class .#{$olicons-class-name}-view-map-2:before { content: "\f015"; } .#{$olicons-class-name}-search:before { content: "\f021"; } .#{$olicons-class-name}-zoom-in:before { content: "\f022"; } .#{$olicons-class-name}-zoom-out:before { content: "\f023"; } .#{$olicons-class-name}-comment:before { content: "\f024"; } .#{$olicons-class-name}-share:before { content: "\f025"; } .#{$olicons-class-name}-like:before { content: "\f026"; } .#{$olicons-class-name}-lock:before { content: "\f027"; } .#{$olicons-class-name}-lock-open:before { content: "\f028"; } .#{$olicons-class-name}-chevron-up:before { content: "\f029"; } .#{$olicons-class-name}-chevron-right:before { content: "\f02a"; } .#{$olicons-class-name}-chevron-down:before { content: "\f02b"; } .#{$olicons-class-name}-chevron-left:before { content: "\f02c"; } .#{$olicons-class-name}-chevron-2-up:before { content: "\f02d"; } .#{$olicons-class-name}-chevron-2-right:before { content: "\f02e"; } .#{$olicons-class-name}-chevron-2-down:before { content: "\f031"; } .#{$olicons-class-name}-chevron-2-left:before { content: "\f032"; } .#{$olicons-class-name}-plus:before { content: "\f033"; } .#{$olicons-class-name}-minus:before { content: "\f034"; } .#{$olicons-class-name}-ok:before { content: "\f035"; } .#{$olicons-class-name}-close:before { content: "\f036"; } .#{$olicons-class-name}-plus-sign:before { content: "\f037"; } .#{$olicons-class-name}-minus-sign:before { content: "\f038"; } .#{$olicons-class-name}-ok-sign:before { content: "\f039"; } .#{$olicons-class-name}-close-sign:before { content: "\f03a"; } .#{$olicons-class-name}-show-sb:before { content: "\f03b"; } .#{$olicons-class-name}-hide-sb:before { content: "\f03c"; } .#{$olicons-class-name}-filter:before { content: "\f03d"; } .#{$olicons-class-name}-preview:before { content: "\f03e"; } .#{$olicons-class-name}-hide-filter:before { content: "\f041"; } .#{$olicons-class-name}-female:before { content: "\f042"; } .#{$olicons-class-name}-male:before { content: "\f043"; } .#{$olicons-class-name}-sex:before { content: "\f044"; } .#{$olicons-class-name}-sort-down:before { content: "\f045"; } .#{$olicons-class-name}-sort-up:before { content: "\f046"; } .#{$olicons-class-name}-sort:before { content: "\f047"; } .#{$olicons-class-name}-product:before { content: "\f048"; } .#{$olicons-class-name}-object:before { content: "\f049"; } .#{$olicons-class-name}-question-answer:before { content: "\f04a"; } .#{$olicons-class-name}-secure:before { content: "\f04b"; } .#{$olicons-class-name}-analytics:before { content: "\f04c"; } .#{$olicons-class-name}-inquiry:before { content: "\f04d"; } .#{$olicons-class-name}-orders:before { content: "\f04e"; } .#{$olicons-class-name}-environmentally-friendly:before { content: "\f051"; } .#{$olicons-class-name}-waterproof:before { content: "\f052"; } .#{$olicons-class-name}-delivery:before { content: "\f053"; } .#{$olicons-class-name}-bright:before { content: "\f054"; } .#{$olicons-class-name}-dark:before { content: "\f055"; } .#{$olicons-class-name}-indoor:before { content: "\f056"; } .#{$olicons-class-name}-outdoor:before { content: "\f057"; } .#{$olicons-class-name}-accessible:before { content: "\f058"; } .#{$olicons-class-name}-smoker:before { content: "\f059"; } .#{$olicons-class-name}-non-smoker:before { content: "\f05a"; } .#{$olicons-class-name}-parking:before { content: "\f05b"; } .#{$olicons-class-name}-parking-meter:before { content: "\f05c"; } .#{$olicons-class-name}-elevator:before { content: "\f05d"; } .#{$olicons-class-name}-max-people:before { content: "\f05e"; } .#{$olicons-class-name}-wlan:before { content: "\f061"; } .#{$olicons-class-name}-beamer:before { content: "\f062"; } .#{$olicons-class-name}-microphone:before { content: "\f063"; } .#{$olicons-class-name}-sockets:before { content: "\f064"; } .#{$olicons-class-name}-internet:before { content: "\f065"; } .#{$olicons-class-name}-electricity:before { content: "\f066"; } .#{$olicons-class-name}-coffee:before { content: "\f067"; } .#{$olicons-class-name}-water:before { content: "\f068"; } .#{$olicons-class-name}-pizza:before { content: "\f069"; } .#{$olicons-class-name}-burger:before { content: "\f06a"; } .#{$olicons-class-name}-drinks:before { content: "\f06b"; } .#{$olicons-class-name}-fast-food:before { content: "\f06c"; } .#{$olicons-class-name}-waiter:before { content: "\f06d"; } .#{$olicons-class-name}-wine:before { content: "\f06e"; } .#{$olicons-class-name}-dishes:before { content: "\f071"; } .#{$olicons-class-name}-stove:before { content: "\f072"; } .#{$olicons-class-name}-conference:before { content: "\f073"; } .#{$olicons-class-name}-classroom:before { content: "\f074"; } .#{$olicons-class-name}-banquet:before { content: "\f075"; } .#{$olicons-class-name}-theatre:before { content: "\f076"; } .#{$olicons-class-name}-u-shape:before { content: "\f077"; } .#{$olicons-class-name}-workspace:before { content: "\f078"; } .#{$olicons-class-name}-men:before { content: "\f079"; } .#{$olicons-class-name}-woman:before { content: "\f07a"; } .#{$olicons-class-name}-company:before { content: "\f07b"; } .#{$olicons-class-name}-store:before { content: "\f07c"; } .#{$olicons-class-name}-bar:before { content: "\f07d"; } .#{$olicons-class-name}-restaurant:before { content: "\f07e"; } .#{$olicons-class-name}-men-investor:before { content: "\f081"; } .#{$olicons-class-name}-men-work:before { content: "\f082"; } .#{$olicons-class-name}-men-business:before { content: "\f083"; } .#{$olicons-class-name}-men-normal:before { content: "\f084"; } .#{$olicons-class-name}-men-business2:before { content: "\f085"; } .#{$olicons-class-name}-men-dev:before { content: "\f086"; } .#{$olicons-class-name}-men-html:before { content: "\f087"; } .#{$olicons-class-name}-plus-contact:before { content: "\f088"; } .#{$olicons-class-name}-plus-picture:before { content: "\f089"; } .#{$olicons-class-name}-plus-company:before { content: "\f08a"; } .#{$olicons-class-name}-plus-company-contact:before { content: "\f08b"; } .#{$olicons-class-name}-ruby:before { content: "\f08c"; } .#{$olicons-class-name}-html5:before { content: "\f08d"; } .#{$olicons-class-name}-facebook:before { content: "\f08e"; } .#{$olicons-class-name}-facebook-block:before { content: "\f091"; } .#{$olicons-class-name}-google:before { content: "\f092"; } .#{$olicons-class-name}-google-block:before { content: "\f093"; } .#{$olicons-class-name}-google-cut:before { content: "\f094"; } .#{$olicons-class-name}-google-cut-block:before { content: "\f095"; } .#{$olicons-class-name}-twitter:before { content: "\f096"; } .#{$olicons-class-name}-twitter-block:before { content: "\f097"; } .#{$olicons-class-name}-linkedin:before { content: "\f098"; } .#{$olicons-class-name}-linkedin-block:before { content: "\f099"; } .#{$olicons-class-name}-xing:before { content: "\f09a"; } .#{$olicons-class-name}-xing-block:before { content: "\f09b"; } .#{$olicons-class-name}-qr-code:before { content: "\f09c"; } .#{$olicons-class-name}-barcode:before { content: "\f09d"; } .#{$olicons-class-name}-cash:before { content: "\f09e"; } .#{$olicons-class-name}-gift:before { content: "\f101"; } /* New Stuff .. 22.01.2014 */ .#{$olicons-class-name}-auge:before { content: "\f102"; } .#{$olicons-class-name}-inventar:before { content: "\f103"; } .#{$olicons-class-name}-analytics-alt:before { content: "\f104"; } .#{$olicons-class-name}-settings-alt:before { content: "\f105"; } .#{$olicons-class-name}-slidebar:before { content: "\f106"; } .#{$olicons-class-name}-info-circle:before { content: "\f107"; } .#{$olicons-class-name}-product-circle:before { content: "\f108"; } .#{$olicons-class-name}-pos-circle:before { content: "\f109"; } .#{$olicons-class-name}-user:before { content: "\f10a"; } .#{$olicons-class-name}-calendar:before { content: "\f10b"; } .#{$olicons-class-name}-glass:before { content: "\f10c"; } .#{$olicons-class-name}-trash:before { content: "\f10d"; } .#{$olicons-class-name}-resize:before { content: "\f10e"; } .#{$olicons-class-name}-product-alt:before { content: "\f111"; } .#{$olicons-class-name}-circle-plus:before { content: "\f112"; } .#{$olicons-class-name}-circle-times:before { content: "\f113"; } .#{$olicons-class-name}-circle-minus:before { content: "\f114"; } .#{$olicons-class-name}-circle-ok:before { content: "\f115"; } .#{$olicons-class-name}-auge-alt:before { content: "\f116"; } .#{$olicons-class-name}-inventar-alt:before { content: "\f117"; } .#{$olicons-class-name}-analytics-alt:before { content: "\f118"; } .#{$olicons-class-name}-euro-circle:before { content: "\f119"; } .#{$olicons-class-name}-reports:before { content: "\f11a"; } .#{$olicons-class-name}-tasks:before { content: "\f11b"; } .#{$olicons-class-name}-vcard:before { content: "\f11c"; } .#{$olicons-class-name}-catalog:before { content: "\f11d"; } .#{$olicons-class-name}-flyer:before { content: "\f11e"; } // T E S T normal signs .#{$olicons-class-name}-euro:before { content: "\20AC"; } // .#{$olicons-class-name}-:before { content: "\f001"; } // .#{$olicons-class-name}-:before { content: "\f002"; } // .#{$olicons-class-name}-:before { content: "\f003"; } // .#{$olicons-class-name}-:before { content: "\f004"; } // .#{$olicons-class-name}-:before { content: "\f005"; } // .#{$olicons-class-name}-:before { content: "\f006"; } // .#{$olicons-class-name}-:before { content: "\f007"; } // .#{$olicons-class-name}-:before { content: "\f008"; } // .#{$olicons-class-name}-:before { content: "\f009"; } // .#{$olicons-class-name}-:before { content: "\f00a"; } // .#{$olicons-class-name}-:before { content: "\f00b"; } // .#{$olicons-class-name}-:before { content: "\f00c"; } // .#{$olicons-class-name}-:before { content: "\f00d"; } // .#{$olicons-class-name}-:before { content: "\f00e"; } /* market projects-empty projects-full tasks-empty tasks-full settings overview contacts message-empty message-full basket-empty basket-full bell notify about-me portfolio portfolio-alt general-informations contact-data career skills view-list view-tile view-cards view-map state-active state-inactive edit view-map-2 search zoom-in zoom-out comment share like lock lock-open chevron-up chevron-right chevron-down chevron-left chevron-2-up chevron-2-right chevron-2-down chevron-2-left plus minus ok close plus-sign minus-sign ok-sign close-sign show-sb hide-sb filter preview hide-filter female male sex sort-down sort-up sort product object question-answer secure analytics inquiry orders environmentally-friendly waterproof delivery bright dark indoor outdoor accessible smoker non-smoker parking parking-meter elevator max-people wlan beamer microphone sockets internet electricity coffee water pizza burger drinks fast-food waiter wine dishes stove conference classroom banquet theatre u-shape workspace men woman company store bar restaurant men-investor men-work men-business men-normal men-business2 men-dev men-html plus-contact plus-picture plus-company plus-company-contact ruby html5 facebook facebook-block google google-block google-cut google-cut-block twitter twitter-block linkedin linkedin-block xing xing-block qr-code barcode cash gift */