/* 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; margin-top: -10px !important; line-height: 20px; } .ui-icon:before { margin-left: 3px; } /* fix for Github issue #6 */ .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 1px 1px 2px 2px !important; } .ui-li-link-alt .ui-btn-inner .ui-icon { margin: -10px -10px auto auto !important; } /* fix for icons within header bars */ .ui-navbar .ui-icon { margin-top: 0 !important; } /* CUSTOM ICONS */ .ui-icon-myapp-custom { background-image: url("http://www.idsketching.com/img/twitter_icon2.png") no-repeat rgba(0, 0, 0, 0.4) !important; } /* supporting original icons */ .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on, .ui-icon-email , .ui-icon-page, .ui-icon-question , .ui-icon-foursquare, .ui-icon-dollar , .ui-icon-euro, .ui-icon-pound , .ui-icon-apple , .ui-icon-chat , .ui-icon-trash , .ui-icon-mappin , .ui-icon-direction, .ui-icon-heart , .ui-icon-wrench , .ui-icon-play , .ui-icon-pause , .ui-icon-stop , .ui-icon-person , .ui-icon-music, .ui-icon-wifi , .ui-icon-phone , .ui-icon-power , .ui-icon-lightning , .ui-icon-drink , .ui-icon-android { background-image: url('../images/icons-18-white-pack.png') !important; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on, .ui-icon-email , .ui-icon-page, .ui-icon-question , .ui-icon-foursquare, .ui-icon-dollar , .ui-icon-euro, .ui-icon-pound , .ui-icon-apple , .ui-icon-chat , .ui-icon-trash , .ui-icon-mappin , .ui-icon-direction, .ui-icon-heart , .ui-icon-wrench , .ui-icon-play , .ui-icon-pause , .ui-icon-stop , .ui-icon-person , .ui-icon-music, .ui-icon-wifi , .ui-icon-phone , .ui-icon-power , .ui-icon-lightning , .ui-icon-drink , .ui-icon-android { background-image: url('../images/icons-36-white-pack.png'); -moz-background-size: 774px 54px; -o-background-size: 774px 54px; -webkit-background-size: 774px 54px; background-size: 774px 54px; } .ui-icon-alt { background-image: url('../images/icons-36-black-pack.png' ); } } /* first row */ .ui-icon-plus { background-position: 0px 1px !important; } .ui-icon-minus { background-position: -36px 1px !important; } .ui-icon-delete { background-position: -71px 1px !important; } .ui-icon-arrow-r { background-position: -107px 1px !important; } .ui-icon-arrow-l { background-position: -143px 1px !important; } .ui-icon-arrow-u { background-position: -179px 1px !important; } .ui-icon-arrow-d { background-position: -215px 1px !important; } .ui-icon-check { background-position: -251px 1px !important; } .ui-icon-gear { background-position: -287px 1px !important; } .ui-icon-refresh { background-position: -323px 1px !important; } .ui-icon-forward { background-position: -359px 1px !important; } .ui-icon-back { background-position: -396px -0 !important; } .ui-icon-grid { background-position: -431px 1px !important; } .ui-icon-star { background-position: -467px 1px !important; } .ui-icon-alert { background-position: -503px 1px !important; } .ui-icon-info { background-position: -539px 1px !important; } .ui-icon-home { background-position: -575px 1px !important; } .ui-icon-search,.ui-icon-searchfield:after { background-position: -611px 0px !important; } .ui-icon-checkbox-off { background-position: -681px 1px !important; } .ui-icon-checkbox-on { background-position: -647px 1px !important; } .ui-icon-radio-off { background-position: -752px 1px !important; } .ui-icon-radio-on { background-position: -717px 1px !important; } /* begin icon pack definitions */ /* second row */ .ui-icon-email { background-position: 1px -17px !important; } .ui-icon-page { background-position: -36px -17px !important; } .ui-icon-question { background-position: -71px -17px !important; } .ui-icon-foursquare { background-position: -107px -17px !important; } .ui-icon-dollar { background-position: -215px -17px !important; } .ui-icon-euro { background-position: -251px -17px !important; } .ui-icon-pound { background-position: -287px -17px !important; } .ui-icon-apple { background-position: -323px -17px !important; } .ui-icon-chat { background-position: -359px -17px !important; } .ui-icon-trash { background-position: -395px -17px !important; } .ui-icon-mappin { background-position: -467px -17px !important; } .ui-icon-direction { background-position: -503px -17px !important; } .ui-icon-heart { background-position: -539px -17px !important; } .ui-icon-wrench { background-position: -575px -17px !important; } .ui-icon-play { background-position: -611px -17px !important; } .ui-icon-pause { background-position: -647px -17px !important; } .ui-icon-stop { background-position: -683px -17px !important; } .ui-icon-person { background-position: -719px -17px !important; } .ui-icon-music { background-position: -755px -17px !important; } /* third row */ .ui-icon-wifi { background-position: -35px -34px !important; } .ui-icon-phone { background-position: -72px -36px !important; } .ui-icon-power { background-position: -107px -35px !important; } .ui-icon-lightning { background-position: -251px -35px !important; } .ui-icon-android { background-position: -323px -35px !important; } /* 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 { font-family: FontAwesome !important; font-weight: normal; font-style: normal; display: inline-block; } .ui-icon:not(.ui-icon-loading), .ui-icon-searchfield::after { background: #666666; background: rgba(0, 0, 0, .4); color: #ffffff; font-weight: normal; text-shadow: none; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .ui-icon-glass:before { content: "\f000"; margin-top: 2px; } .ui-icon-music:before { content: "\f001"; margin-left: 1px; margin-top: 2px; } .ui-icon-fasearch:before { content: "\f002"; } .ui-icon-envelope:before { content: "\f003"; margin-left: -1px; margin-left: 2px; margin-top: 1px; } .ui-icon-heart:before { content: "\f004"; margin-left: 3px; margin-top: 2px; } .ui-icon-fastar:before { content: "\f005"; } .ui-icon-star-empty:before { content: "\f006"; } .ui-icon-user:before { content: "\f007"; margin-left: 4px; } .ui-icon-film:before { content: "\f008"; margin-left: 2px; } .ui-icon-th-large:before { content: "\f009"; margin-left: 2px; margin-top: 2px; } .ui-icon-th:before { content: "\f00a"; margin-left: 3px; margin-top: 2px; } .ui-icon-th-list:before { content: "\f00b"; margin-left: 3px; margin-top: 2px; } .ui-icon-ok:before { content: "\f00c"; margin-left: 2px; } .ui-icon-remove:before { content: "\f00d"; margin-left: 3px; margin-top: 2px; } .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"; margin-left: -1px; } .ui-icon-cog:before { content: "\f013"; margin-left: 3px; margin-top: 2px; } .ui-icon-trash:before { content: "\f014"; } .ui-icon-fahome:before { content: "\f015"; } .ui-icon-file:before { content: "\f016"; } .ui-icon-time:before { content: "\f017"; margin-top: 2px; } .ui-icon-road:before { content: "\f018"; } .ui-icon-download-alt:before { content: "\f019"; } .ui-icon-download:before { content: "\f01a"; margin-top: 2px; } .ui-icon-upload:before { content: "\f01b"; margin-top: 2px; } .ui-icon-inbox:before { content: "\f01c"; } .ui-icon-play-circle:before { content: "\f01d"; margin-top: 2px; } .ui-icon-repeat:before { content: "\f01e"; margin-top: 2px; } /* \f020 is not a valid unicode character. all shifted one down */ .ui-icon-farefresh:before { content: "\f021"; margin-top: 2px; } .ui-icon-list-alt:before { content: "\f022"; margin-left: 3px; margin-top: 2px; } .ui-icon-lock:before { content: "\f023"; } .ui-icon-flag:before { content: "\f024"; margin-top: 2px; } .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"; margin-left: 2px; } .ui-icon-bold:before { content: "\f032"; margin-left: 2px; } .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"; margin-left: 0px; margin-top: 2px; } .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"; margin-left: 3px; margin-top: 2px; } .ui-icon-adjust:before { content: "\f042"; margin-top: 2px; } .ui-icon-tint:before { content: "\f043"; } .ui-icon-edit:before { content: "\f044"; } .ui-icon-share:before { content: "\f045"; } .ui-icon-facheck: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"; margin-left: 6px; margin-top: 2px; } .ui-icon-pause:before { content: "\f04c"; margin-top: 2px; } .ui-icon-stop:before { content: "\f04d"; margin-top: 2px; } .ui-icon-faforward: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"; margin-top: 2px; } .ui-icon-chevron-right:before { content: "\f054"; margin-top: 2px; } .ui-icon-plus-sign:before { content: "\f055"; margin-top: 2px; } .ui-icon-minus-sign:before { content: "\f056"; margin-top: 2px; } .ui-icon-remove-sign:before { content: "\f057"; margin-top: 2px; } .ui-icon-ok-sign:before { content: "\f058"; margin-top: 2px; } .ui-icon-question-sign:before { content: "\f059"; margin-top: 2px; } .ui-icon-info-sign:before { content: "\f05a"; margin-top: 2px; } .ui-icon-screenshot:before { content: "\f05b"; } .ui-icon-remove-circle:before { content: "\f05c"; margin-top: 2px; } .ui-icon-ok-circle:before { content: "\f05d"; margin-top: 2px; } .ui-icon-ban-circle:before { content: "\f05e"; margin-top: 2px; } .ui-icon-arrow-left:before { content: "\f060"; } .ui-icon-arrow-right:before { content: "\f061"; } .ui-icon-arrow-up:before { content: "\f062"; } .ui-icon-arrow-down: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-faplus:before { content: "\f067"; } .ui-icon-faminus:before { content: "\f068"; } .ui-icon-asterisk:before { content: "\f069"; margin-top: 2px; } .ui-icon-exclamation-sign:before { content: "\f06a"; margin-top: 2px; } .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"; margin-top: 2px; } .ui-icon-magnet:before { content: "\f076"; margin-top: 2px; } .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"; margin-top: 2px; } .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"; } .ui-icon-phone:before { content: "\f095"; } .ui-icon-check-empty:before { content: "\f096"; } .ui-icon-bookmark-empty:before { content: "\f097"; } .ui-icon-phone-sign:before { content: "\f098"; } .ui-icon-twitter:before { content: "\f099"; } .ui-icon-facebook:before { content: "\f09a"; } .ui-icon-github:before { content: "\f09b"; margin-top: 2px; } .ui-icon-unlock:before { content: "\f09c"; } .ui-icon-credit-card:before { content: "\f09d"; } .ui-icon-rss:before { content: "\f09e"; } .ui-icon-hdd:before { content: "\f0a0"; } .ui-icon-bullhorn:before { content: "\f0a1"; } .ui-icon-bell:before { content: "\f0a2"; } .ui-icon-certificate:before { content: "\f0a3"; margin-top: 2px; } .ui-icon-hand-right:before { content: "\f0a4"; } .ui-icon-hand-left:before { content: "\f0a5"; } .ui-icon-hand-up:before { content: "\f0a6"; } .ui-icon-hand-down:before { content: "\f0a7"; } .ui-icon-circle-arrow-left:before { content: "\f0a8"; margin-top: 2px; } .ui-icon-circle-arrow-right:before { content: "\f0a9"; margin-top: 2px; } .ui-icon-circle-arrow-up:before { content: "\f0aa"; margin-top: 2px; } .ui-icon-circle-arrow-down:before { content: "\f0ab"; margin-top: 2px; } .ui-icon-globe:before { content: "\f0ac"; margin-top: 2px; } .ui-icon-wrench:before { content: "\f0ad"; } .ui-icon-tasks:before { content: "\f0ae"; } .ui-icon-filter:before { content: "\f0b0"; } .ui-icon-briefcase:before { content: "\f0b1"; } .ui-icon-fullscreen:before { content: "\f0b2"; } .ui-icon-group:before { content: "\f0c0"; } .ui-icon-link:before { content: "\f0c1"; } .ui-icon-cloud:before { content: "\f0c2"; } .ui-icon-beaker:before { content: "\f0c3"; } .ui-icon-cut:before { content: "\f0c4"; } .ui-icon-copy:before { content: "\f0c5"; } .ui-icon-paper-clip:before { content: "\f0c6"; } .ui-icon-save:before { content: "\f0c7"; } .ui-icon-sign-blank:before { content: "\f0c8"; } .ui-icon-reorder:before { content: "\f0c9"; } .ui-icon-list-ul:before { content: "\f0ca"; } .ui-icon-list-ol:before { content: "\f0cb"; } .ui-icon-strikethrough:before { content: "\f0cc"; } .ui-icon-underline:before { content: "\f0cd"; } .ui-icon-table:before { content: "\f0ce"; } .ui-icon-magic:before { content: "\f0d0"; } .ui-icon-truck:before { content: "\f0d1"; } .ui-icon-pinterest:before { content: "\f0d2"; margin-top: 2px; } .ui-icon-pinterest-sign:before { content: "\f0d3"; margin-top: 2px; } .ui-icon-google-plus-sign:before { content: "\f0d4"; } .ui-icon-google-plus:before { content: "\f0d5"; } .ui-icon-money:before { content: "\f0d6"; } .ui-icon-caret-down:before { content: "\f0d7"; margin-top: 2px; } .ui-icon-caret-up:before { content: "\f0d8"; } .ui-icon-caret-left:before { content: "\f0d9"; margin-top: 2px; } .ui-icon-caret-right:before { content: "\f0da"; margin-top: 2px; } .ui-icon-columns:before { content: "\f0db"; } .ui-icon-sort:before { content: "\f0dc"; margin-top: 2px; } .ui-icon-sort-down:before { content: "\f0dd"; } .ui-icon-sort-up:before { content: "\f0de"; } .ui-icon-envelope-alt:before { content: "\f0e0"; } .ui-icon-linkedin:before { content: "\f0e1"; } .ui-icon-undo:before { content: "\f0e2"; margin-top: 2px; } .ui-icon-legal:before { content: "\f0e3"; } .ui-icon-dashboard:before { content: "\f0e4"; } .ui-icon-comment-alt:before { content: "\f0e5"; } .ui-icon-comments-alt:before { content: "\f0e6"; } .ui-icon-bolt:before { content: "\f0e7"; } .ui-icon-sitemap:before { content: "\f0e8"; } .ui-icon-umbrella:before { content: "\f0e9"; } .ui-icon-paste:before { content: "\f0ea"; } .ui-icon-user-md:before { content: "\f200"; }