/* The following declaration increase the size of the "dot" which contains the icon This is because some of the font awesome icons are larger than jQuery Mobile icons It applies to ALL occurrences, but can be commented out or removed if necessary */ .ui-icon { width: 20px; height: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; line-height: 20px; } .ui-icon:before { margin-left: 3px; } /* begin primary declarations */ @font-face { font-family: 'FontAwesome'; src: url('font/fontawesome-webfont.eot'); src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); font-weight: normal; font-style: normal; } [class^="ui-icon-"]:before, [class*=" ui-icon-"]:before, [class*=" ui-icon-"]::after { font-family: FontAwesome !important; font-weight: normal; font-style: normal; display: inline-block; } .ui-icon, .ui-icon-searchfield::after { background: #666666; background: rgba(0, 0, 0, .4); color: #ffffff; font-weight: normal; text-shadow: none; } .ui-icon-searchfield::after { content: "\f002"; padding: 2px 0 0 2px; padding: 4px;width: 12px;height: 12px;} .ui-icon-radio-on:before { content: "\f058";margin-left: 4px; } .ui-icon-glass:before { content: "\f000"; } .ui-icon-music:before { content: "\f001"; } .ui-icon-search:before { content: "\f002"; } .ui-icon-envelope:before { content: "\f003"; } .ui-icon-heart:before { content: "\f004"; } .ui-icon-star:before { content: "\f005"; } .ui-icon-star-empty:before { content: "\f006"; } .ui-icon-user:before { content: "\f007"; } .ui-icon-film:before { content: "\f008"; } .ui-icon-th-large:before { content: "\f009"; } .ui-icon-th:before { content: "\f00a"; } .ui-icon-th-list:before { content: "\f00b"; } .ui-icon-ok:before, .ui-icon-checkbox-on:before { content: "\f00c"; } .ui-icon-remove:before, .ui-icon-delete:before { content: "\f00d"; } .ui-icon-zoom-in:before { content: "\f00e"; } .ui-icon-zoom-out:before { content: "\f010"; } .ui-icon-off:before { content: "\f011"; } .ui-icon-signal:before { content: "\f012"; } .ui-icon-cog:before { content: "\f013"; } .ui-icon-trash:before { content: "\f014"; } .ui-icon-home:before { content: "\f015"; } .ui-icon-file:before { content: "\f016"; } .ui-icon-time:before { content: "\f017"; } .ui-icon-road:before { content: "\f018"; } .ui-icon-download-alt:before { content: "\f019"; } .ui-icon-download:before { content: "\f01a"; } .ui-icon-upload:before { content: "\f01b"; } .ui-icon-inbox:before { content: "\f01c"; } .ui-icon-play-circle:before { content: "\f01d"; } .ui-icon-repeat:before { content: "\f01e"; } .ui-icon-refresh:before { content: "\f021"; } .ui-icon-list-alt:before { content: "\f022"; } .ui-icon-lock:before { content: "\f023"; } .ui-icon-flag:before { content: "\f024"; } .ui-icon-headphones:before { content: "\f025"; } .ui-icon-volume-off:before { content: "\f026"; } .ui-icon-volume-down:before { content: "\f027"; } .ui-icon-volume-up:before { content: "\f028"; } .ui-icon-qrcode:before { content: "\f029"; } .ui-icon-barcode:before { content: "\f02a"; } .ui-icon-tag:before { content: "\f02b"; } .ui-icon-tags:before { content: "\f02c"; } .ui-icon-book:before { content: "\f02d"; } .ui-icon-bookmark:before { content: "\f02e"; } .ui-icon-print:before { content: "\f02f"; } .ui-icon-camera:before { content: "\f030"; } .ui-icon-font:before { content: "\f031"; } .ui-icon-bold:before { content: "\f032"; } .ui-icon-italic:before { content: "\f033"; } .ui-icon-text-height:before { content: "\f034"; } .ui-icon-text-width:before { content: "\f035"; } .ui-icon-align-left:before { content: "\f036"; } .ui-icon-align-center:before { content: "\f037"; } .ui-icon-align-right:before { content: "\f038"; } .ui-icon-align-justify:before { content: "\f039"; } .ui-icon-list:before { content: "\f03a";} .ui-icon-indent-left:before { content: "\f03b"; } .ui-icon-indent-right:before { content: "\f03c"; } .ui-icon-facetime-video:before { content: "\f03d"; } .ui-icon-picture:before { content: "\f03e"; } .ui-icon-pencil:before { content: "\f040"; } .ui-icon-map-marker:before { content: "\f041"; } .ui-icon-adjust:before { content: "\f042"; } .ui-icon-tint:before { content: "\f043"; } .ui-icon-edit:before { content: "\f044"; } .ui-icon-share:before { content: "\f045"; } .ui-icon-check:before { content: "\f046"; } .ui-icon-move:before { content: "\f047"; } .ui-icon-step-backward:before { content: "\f048"; } .ui-icon-fast-backward:before { content: "\f049"; } .ui-icon-backward:before { content: "\f04a"; } .ui-icon-play:before { content: "\f04b"; } .ui-icon-pause:before { content: "\f04c"; } .ui-icon-stop:before { content: "\f04d"; } .ui-icon-forward:before { content: "\f04e"; } .ui-icon-fast-forward:before { content: "\f050"; } .ui-icon-step-forward:before { content: "\f051"; } .ui-icon-eject:before { content: "\f052"; } .ui-icon-chevron-left:before { content: "\f053"; } .ui-icon-chevron-right:before { content: "\f054"; } .ui-icon-plus-sign:before { content: "\f055"; } .ui-icon-minus-sign:before { content: "\f056"; } .ui-icon-remove-sign:before { content: "\f057"; } .ui-icon-ok-sign:before { content: "\f058"; } .ui-icon-question-sign:before { content: "\f059"; } .ui-icon-info-sign:before { content: "\f05a"; } .ui-icon-screenshot:before { content: "\f05b"; } .ui-icon-remove-circle:before { content: "\f05c"; } .ui-icon-ok-circle:before { content: "\f05d"; } .ui-icon-ban-circle:before { content: "\f05e"; } .ui-icon-arrow-left:before, .ui-icon-arrow-l:before { content: "\f060"; } .ui-icon-arrow-right:before, .ui-icon-arrow-r:before { content: "\f061"; } .ui-icon-arrow-up:before, .ui-icon-arrow-u:before { content: "\f062"; } .ui-icon-arrow-down:before, .ui-icon-arrow-d:before { content: "\f063"; } .ui-icon-share-alt:before { content: "\f064"; } .ui-icon-resize-full:before { content: "\f065"; } .ui-icon-resize-small:before { content: "\f066"; } .ui-icon-plus:before { content: "\f067"; } .ui-icon-minus:before { content: "\f068"; } .ui-icon-asterisk:before { content: "\f069"; } .ui-icon-exclamation-sign:before { content: "\f06a"; } .ui-icon-gift:before { content: "\f06b"; } .ui-icon-leaf:before { content: "\f06c"; } .ui-icon-fire:before { content: "\f06d"; } .ui-icon-eye-open:before { content: "\f06e"; } .ui-icon-eye-close:before { content: "\f070"; } .ui-icon-warning-sign:before { content: "\f071"; } .ui-icon-plane:before { content: "\f072"; } .ui-icon-calendar:before { content: "\f073"; } .ui-icon-random:before { content: "\f074"; } .ui-icon-comment:before { content: "\f075"; } .ui-icon-magnet:before { content: "\f076"; } .ui-icon-chevron-up:before { content: "\f077"; } .ui-icon-chevron-down:before { content: "\f078"; } .ui-icon-retweet:before { content: "\f079"; } .ui-icon-shopping-cart:before { content: "\f07a"; } .ui-icon-folder-close:before { content: "\f07b"; } .ui-icon-folder-open:before { content: "\f07c"; } .ui-icon-resize-vertical:before { content: "\f07d"; } .ui-icon-resize-horizontal:before { content: "\f07e"; } .ui-icon-bar-chart:before { content: "\f080"; } .ui-icon-twitter-sign:before { content: "\f081"; } .ui-icon-facebook-sign:before { content: "\f082"; } .ui-icon-camera-retro:before { content: "\f083"; } .ui-icon-key:before { content: "\f084"; } .ui-icon-cogs:before { content: "\f085"; } .ui-icon-comments:before { content: "\f086"; } .ui-icon-thumbs-up:before { content: "\f087"; } .ui-icon-thumbs-down:before { content: "\f088"; } .ui-icon-star-half:before { content: "\f089"; } .ui-icon-heart-empty:before { content: "\f08a"; } .ui-icon-signout:before { content: "\f08b"; } .ui-icon-linkedin-sign:before { content: "\f08c"; } .ui-icon-pushpin:before { content: "\f08d"; } .ui-icon-external-link:before { content: "\f08e"; } .ui-icon-signin:before { content: "\f090"; } .ui-icon-trophy:before { content: "\f091"; } .ui-icon-github-sign:before { content: "\f092"; } .ui-icon-upload-alt:before { content: "\f093"; } .ui-icon-lemon:before { content: "\f094"; }