| 1 | /*
|
|---|
| 2 | The following declaration increase the size of the "dot" which contains the icon
|
|---|
| 3 | This is because some of the font awesome icons are larger than jQuery Mobile icons
|
|---|
| 4 | It applies to ALL occurrences, but can be commented out or removed if necessary
|
|---|
| 5 | */
|
|---|
| 6 | .ui-icon {
|
|---|
| 7 | width: 20px;
|
|---|
| 8 | height: 20px;
|
|---|
| 9 | -moz-border-radius: 10px;
|
|---|
| 10 | -webkit-border-radius: 10px;
|
|---|
| 11 | border-radius: 10px;
|
|---|
| 12 | line-height: 20px;
|
|---|
| 13 | }
|
|---|
| 14 | .ui-icon:before { margin-left: 3px; }
|
|---|
| 15 |
|
|---|
| 16 | /* begin primary declarations */
|
|---|
| 17 | @font-face {
|
|---|
| 18 | font-family: 'FontAwesome';
|
|---|
| 19 | src: url('font/fontawesome-webfont.eot');
|
|---|
| 20 | src: url('font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
|
|---|
| 21 | url('font/fontawesome-webfont.woff') format('woff'),
|
|---|
| 22 | url('font/fontawesome-webfont.ttf') format('truetype'),
|
|---|
| 23 | url('font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'),
|
|---|
| 24 | url('font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
|
|---|
| 25 | font-weight: normal;
|
|---|
| 26 | font-style: normal;
|
|---|
| 27 | }
|
|---|
| 28 | [class^="ui-icon-"]:before, [class*=" ui-icon-"]:before, [class*=" ui-icon-"]::after {
|
|---|
| 29 | font-family: FontAwesome !important;
|
|---|
| 30 | font-weight: normal;
|
|---|
| 31 | font-style: normal;
|
|---|
| 32 | display: inline-block;
|
|---|
| 33 | }
|
|---|
| 34 | .ui-icon, .ui-icon-searchfield::after {
|
|---|
| 35 | background: #666666;
|
|---|
| 36 | background: rgba(0, 0, 0, .4);
|
|---|
| 37 | color: #ffffff;
|
|---|
| 38 | font-weight: normal;
|
|---|
| 39 | text-shadow: none;
|
|---|
| 40 | }
|
|---|
| 41 | .ui-icon-searchfield::after { content: "\f002"; padding: 2px 0 0 2px; padding: 4px;width: 12px;height: 12px;}
|
|---|
| 42 | .ui-icon-radio-on:before { content: "\f058";margin-left: 4px; }
|
|---|
| 43 | .ui-icon-glass:before { content: "\f000"; }
|
|---|
| 44 | .ui-icon-music:before { content: "\f001"; }
|
|---|
| 45 | .ui-icon-search:before { content: "\f002"; }
|
|---|
| 46 | .ui-icon-envelope:before { content: "\f003"; }
|
|---|
| 47 | .ui-icon-heart:before { content: "\f004"; }
|
|---|
| 48 | .ui-icon-star:before { content: "\f005"; }
|
|---|
| 49 | .ui-icon-star-empty:before { content: "\f006"; }
|
|---|
| 50 | .ui-icon-user:before { content: "\f007"; }
|
|---|
| 51 | .ui-icon-film:before { content: "\f008"; }
|
|---|
| 52 | .ui-icon-th-large:before { content: "\f009"; }
|
|---|
| 53 | .ui-icon-th:before { content: "\f00a"; }
|
|---|
| 54 | .ui-icon-th-list:before { content: "\f00b"; }
|
|---|
| 55 | .ui-icon-ok:before, .ui-icon-checkbox-on:before { content: "\f00c"; }
|
|---|
| 56 | .ui-icon-remove:before, .ui-icon-delete:before { content: "\f00d"; }
|
|---|
| 57 | .ui-icon-zoom-in:before { content: "\f00e"; }
|
|---|
| 58 | .ui-icon-zoom-out:before { content: "\f010"; }
|
|---|
| 59 | .ui-icon-off:before { content: "\f011"; }
|
|---|
| 60 | .ui-icon-signal:before { content: "\f012"; }
|
|---|
| 61 | .ui-icon-cog:before { content: "\f013"; }
|
|---|
| 62 | .ui-icon-trash:before { content: "\f014"; }
|
|---|
| 63 | .ui-icon-home:before { content: "\f015"; }
|
|---|
| 64 | .ui-icon-file:before { content: "\f016"; }
|
|---|
| 65 | .ui-icon-time:before { content: "\f017"; }
|
|---|
| 66 | .ui-icon-road:before { content: "\f018"; }
|
|---|
| 67 | .ui-icon-download-alt:before { content: "\f019"; }
|
|---|
| 68 | .ui-icon-download:before { content: "\f01a"; }
|
|---|
| 69 | .ui-icon-upload:before { content: "\f01b"; }
|
|---|
| 70 | .ui-icon-inbox:before { content: "\f01c"; }
|
|---|
| 71 | .ui-icon-play-circle:before { content: "\f01d"; }
|
|---|
| 72 | .ui-icon-repeat:before { content: "\f01e"; }
|
|---|
| 73 | .ui-icon-refresh:before { content: "\f021"; }
|
|---|
| 74 | .ui-icon-list-alt:before { content: "\f022"; }
|
|---|
| 75 | .ui-icon-lock:before { content: "\f023"; }
|
|---|
| 76 | .ui-icon-flag:before { content: "\f024"; }
|
|---|
| 77 | .ui-icon-headphones:before { content: "\f025"; }
|
|---|
| 78 | .ui-icon-volume-off:before { content: "\f026"; }
|
|---|
| 79 | .ui-icon-volume-down:before { content: "\f027"; }
|
|---|
| 80 | .ui-icon-volume-up:before { content: "\f028"; }
|
|---|
| 81 | .ui-icon-qrcode:before { content: "\f029"; }
|
|---|
| 82 | .ui-icon-barcode:before { content: "\f02a"; }
|
|---|
| 83 | .ui-icon-tag:before { content: "\f02b"; }
|
|---|
| 84 | .ui-icon-tags:before { content: "\f02c"; }
|
|---|
| 85 | .ui-icon-book:before { content: "\f02d"; }
|
|---|
| 86 | .ui-icon-bookmark:before { content: "\f02e"; }
|
|---|
| 87 | .ui-icon-print:before { content: "\f02f"; }
|
|---|
| 88 | .ui-icon-camera:before { content: "\f030"; }
|
|---|
| 89 | .ui-icon-font:before { content: "\f031"; }
|
|---|
| 90 | .ui-icon-bold:before { content: "\f032"; }
|
|---|
| 91 | .ui-icon-italic:before { content: "\f033"; }
|
|---|
| 92 | .ui-icon-text-height:before { content: "\f034"; }
|
|---|
| 93 | .ui-icon-text-width:before { content: "\f035"; }
|
|---|
| 94 | .ui-icon-align-left:before { content: "\f036"; }
|
|---|
| 95 | .ui-icon-align-center:before { content: "\f037"; }
|
|---|
| 96 | .ui-icon-align-right:before { content: "\f038"; }
|
|---|
| 97 | .ui-icon-align-justify:before { content: "\f039"; }
|
|---|
| 98 | .ui-icon-list:before { content: "\f03a";}
|
|---|
| 99 | .ui-icon-indent-left:before { content: "\f03b"; }
|
|---|
| 100 | .ui-icon-indent-right:before { content: "\f03c"; }
|
|---|
| 101 | .ui-icon-facetime-video:before { content: "\f03d"; }
|
|---|
| 102 | .ui-icon-picture:before { content: "\f03e"; }
|
|---|
| 103 | .ui-icon-pencil:before { content: "\f040"; }
|
|---|
| 104 | .ui-icon-map-marker:before { content: "\f041"; }
|
|---|
| 105 | .ui-icon-adjust:before { content: "\f042"; }
|
|---|
| 106 | .ui-icon-tint:before { content: "\f043"; }
|
|---|
| 107 | .ui-icon-edit:before { content: "\f044"; }
|
|---|
| 108 | .ui-icon-share:before { content: "\f045"; }
|
|---|
| 109 | .ui-icon-check:before { content: "\f046"; }
|
|---|
| 110 | .ui-icon-move:before { content: "\f047"; }
|
|---|
| 111 | .ui-icon-step-backward:before { content: "\f048"; }
|
|---|
| 112 | .ui-icon-fast-backward:before { content: "\f049"; }
|
|---|
| 113 | .ui-icon-backward:before { content: "\f04a"; }
|
|---|
| 114 | .ui-icon-play:before { content: "\f04b"; }
|
|---|
| 115 | .ui-icon-pause:before { content: "\f04c"; }
|
|---|
| 116 | .ui-icon-stop:before { content: "\f04d"; }
|
|---|
| 117 | .ui-icon-forward:before { content: "\f04e"; }
|
|---|
| 118 | .ui-icon-fast-forward:before { content: "\f050"; }
|
|---|
| 119 | .ui-icon-step-forward:before { content: "\f051"; }
|
|---|
| 120 | .ui-icon-eject:before { content: "\f052"; }
|
|---|
| 121 | .ui-icon-chevron-left:before { content: "\f053"; }
|
|---|
| 122 | .ui-icon-chevron-right:before { content: "\f054"; }
|
|---|
| 123 | .ui-icon-plus-sign:before { content: "\f055"; }
|
|---|
| 124 | .ui-icon-minus-sign:before { content: "\f056"; }
|
|---|
| 125 | .ui-icon-remove-sign:before { content: "\f057"; }
|
|---|
| 126 | .ui-icon-ok-sign:before { content: "\f058"; }
|
|---|
| 127 | .ui-icon-question-sign:before { content: "\f059"; }
|
|---|
| 128 | .ui-icon-info-sign:before { content: "\f05a"; }
|
|---|
| 129 | .ui-icon-screenshot:before { content: "\f05b"; }
|
|---|
| 130 | .ui-icon-remove-circle:before { content: "\f05c"; }
|
|---|
| 131 | .ui-icon-ok-circle:before { content: "\f05d"; }
|
|---|
| 132 | .ui-icon-ban-circle:before { content: "\f05e"; }
|
|---|
| 133 | .ui-icon-arrow-left:before, .ui-icon-arrow-l:before { content: "\f060"; }
|
|---|
| 134 | .ui-icon-arrow-right:before, .ui-icon-arrow-r:before { content: "\f061"; }
|
|---|
| 135 | .ui-icon-arrow-up:before, .ui-icon-arrow-u:before { content: "\f062"; }
|
|---|
| 136 | .ui-icon-arrow-down:before, .ui-icon-arrow-d:before { content: "\f063"; }
|
|---|
| 137 | .ui-icon-share-alt:before { content: "\f064"; }
|
|---|
| 138 | .ui-icon-resize-full:before { content: "\f065"; }
|
|---|
| 139 | .ui-icon-resize-small:before { content: "\f066"; }
|
|---|
| 140 | .ui-icon-plus:before { content: "\f067"; }
|
|---|
| 141 | .ui-icon-minus:before { content: "\f068"; }
|
|---|
| 142 | .ui-icon-asterisk:before { content: "\f069"; }
|
|---|
| 143 | .ui-icon-exclamation-sign:before { content: "\f06a"; }
|
|---|
| 144 | .ui-icon-gift:before { content: "\f06b"; }
|
|---|
| 145 | .ui-icon-leaf:before { content: "\f06c"; }
|
|---|
| 146 | .ui-icon-fire:before { content: "\f06d"; }
|
|---|
| 147 | .ui-icon-eye-open:before { content: "\f06e"; }
|
|---|
| 148 | .ui-icon-eye-close:before { content: "\f070"; }
|
|---|
| 149 | .ui-icon-warning-sign:before { content: "\f071"; }
|
|---|
| 150 | .ui-icon-plane:before { content: "\f072"; }
|
|---|
| 151 | .ui-icon-calendar:before { content: "\f073"; }
|
|---|
| 152 | .ui-icon-random:before { content: "\f074"; }
|
|---|
| 153 | .ui-icon-comment:before { content: "\f075"; }
|
|---|
| 154 | .ui-icon-magnet:before { content: "\f076"; }
|
|---|
| 155 | .ui-icon-chevron-up:before { content: "\f077"; }
|
|---|
| 156 | .ui-icon-chevron-down:before { content: "\f078"; }
|
|---|
| 157 | .ui-icon-retweet:before { content: "\f079"; }
|
|---|
| 158 | .ui-icon-shopping-cart:before { content: "\f07a"; }
|
|---|
| 159 | .ui-icon-folder-close:before { content: "\f07b"; }
|
|---|
| 160 | .ui-icon-folder-open:before { content: "\f07c"; }
|
|---|
| 161 | .ui-icon-resize-vertical:before { content: "\f07d"; }
|
|---|
| 162 | .ui-icon-resize-horizontal:before { content: "\f07e"; }
|
|---|
| 163 | .ui-icon-bar-chart:before { content: "\f080"; }
|
|---|
| 164 | .ui-icon-twitter-sign:before { content: "\f081"; }
|
|---|
| 165 | .ui-icon-facebook-sign:before { content: "\f082"; }
|
|---|
| 166 | .ui-icon-camera-retro:before { content: "\f083"; }
|
|---|
| 167 | .ui-icon-key:before { content: "\f084"; }
|
|---|
| 168 | .ui-icon-cogs:before { content: "\f085"; }
|
|---|
| 169 | .ui-icon-comments:before { content: "\f086"; }
|
|---|
| 170 | .ui-icon-thumbs-up:before { content: "\f087"; }
|
|---|
| 171 | .ui-icon-thumbs-down:before { content: "\f088"; }
|
|---|
| 172 | .ui-icon-star-half:before { content: "\f089"; }
|
|---|
| 173 | .ui-icon-heart-empty:before { content: "\f08a"; }
|
|---|
| 174 | .ui-icon-signout:before { content: "\f08b"; }
|
|---|
| 175 | .ui-icon-linkedin-sign:before { content: "\f08c"; }
|
|---|
| 176 | .ui-icon-pushpin:before { content: "\f08d"; }
|
|---|
| 177 | .ui-icon-external-link:before { content: "\f08e"; }
|
|---|
| 178 | .ui-icon-signin:before { content: "\f090"; }
|
|---|
| 179 | .ui-icon-trophy:before { content: "\f091"; }
|
|---|
| 180 | .ui-icon-github-sign:before { content: "\f092"; }
|
|---|
| 181 | .ui-icon-upload-alt:before { content: "\f093"; }
|
|---|
| 182 | .ui-icon-lemon:before { content: "\f094"; }
|
|---|
