@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
Add FontAwesome as a font/icon choice
Summary:
This adds FontAwesome and attempts to make use as icons as consistent as possible. May require additional tweaks once we start using, but in practice this is pretty finished.
- Adds FontAwesome
- Adds additional transforms (rotates, spins)
- Adds additional colors
- Better scopes halflings and fontawesome
- Shares CSS between fonts for consistency
Test Plan:
Tested various browsers back to IE8, mobile.
{F146146}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D8818
+2214
-479
+14
-7
resources/celerity/map.php
+14
-7
resources/celerity/map.php
···
7
7
return array(
8
8
'names' =>
9
9
array(
10
-
'core.pkg.css' => '030f12e5',
10
+
'core.pkg.css' => 'c88bd7c6',
11
11
'core.pkg.js' => '417722ff',
12
12
'darkconsole.pkg.js' => 'ca8671ce',
13
13
'differential.pkg.css' => '12c11318',
···
103
103
'rsrc/css/application/slowvote/slowvote.css' => '266df6a1',
104
104
'rsrc/css/application/subscriptions/subscribers-list.css' => '5bb30c78',
105
105
'rsrc/css/application/tokens/tokens.css' => '5f7bca25',
106
-
'rsrc/css/application/uiexample/example.css' => 'aa291bae',
106
+
'rsrc/css/application/uiexample/example.css' => 'd07a5869',
107
107
'rsrc/css/core/core.css' => 'da26ddb2',
108
108
'rsrc/css/core/remarkup.css' => '0923dbd6',
109
109
'rsrc/css/core/syntax.css' => '3c18c1cb',
110
110
'rsrc/css/core/z-index.css' => '0d89d53c',
111
111
'rsrc/css/diviner/diviner-shared.css' => '38813222',
112
-
'rsrc/css/font/font-glyphicons-halflings.css' => '87018f55',
112
+
'rsrc/css/font/font-awesome.css' => '62bc244d',
113
+
'rsrc/css/font/font-glyphicons-halflings.css' => '0c69dbc6',
113
114
'rsrc/css/font/font-source-sans-pro.css' => '91d53463',
115
+
'rsrc/css/font/phui-font-icon-base.css' => 'cc5465ba',
114
116
'rsrc/css/layout/phabricator-action-header-view.css' => 'c14dfc57',
115
117
'rsrc/css/layout/phabricator-action-list-view.css' => '81383e25',
116
118
'rsrc/css/layout/phabricator-crumbs-view.css' => '2d9db584',
···
130
132
'rsrc/css/phui/phui-form-view.css' => '867463b4',
131
133
'rsrc/css/phui/phui-form.css' => 'b78ec020',
132
134
'rsrc/css/phui/phui-header-view.css' => '5b79f0ef',
133
-
'rsrc/css/phui/phui-icon.css' => '59b9e5b5',
135
+
'rsrc/css/phui/phui-icon.css' => '322274f9',
134
136
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
135
137
'rsrc/css/phui/phui-list.css' => 'ef8035b6',
136
138
'rsrc/css/phui/phui-object-box.css' => 'ce92d8ec',
···
162
164
'rsrc/css/sprite-projects.css' => '7578fa56',
163
165
'rsrc/css/sprite-status.css' => '8bce1c97',
164
166
'rsrc/css/sprite-tokens.css' => '1706b943',
167
+
'rsrc/externals/font/fontawesome/fontawesome-webfont.eot' => 'b676fe4f',
168
+
'rsrc/externals/font/fontawesome/fontawesome-webfont.ttf' => 'af66fc5c',
169
+
'rsrc/externals/font/fontawesome/fontawesome-webfont.woff' => 'c713570f',
165
170
'rsrc/externals/font/glyphicons/glyphicons-halflings-regular.eot' => '282d455e',
166
171
'rsrc/externals/font/glyphicons/glyphicons-halflings-regular.ttf' => 'b7c56991',
167
172
'rsrc/externals/font/glyphicons/glyphicons-halflings-regular.woff' => 'bac768cd',
···
515
520
'diffusion-icons-css' => '384a0f7d',
516
521
'diffusion-source-css' => '66fdf661',
517
522
'diviner-shared-css' => '38813222',
518
-
'font-glyphicons-halflings' => '87018f55',
523
+
'font-fontawesome' => '62bc244d',
524
+
'font-glyphicons-halflings' => '0c69dbc6',
519
525
'font-source-sans-pro' => '91d53463',
520
526
'global-drag-and-drop-css' => '697324ad',
521
527
'harbormaster-css' => 'cec833b7',
···
716
722
'phabricator-textareautils' => 'b3ec3cfc',
717
723
'phabricator-tooltip' => '3915d490',
718
724
'phabricator-transaction-view-css' => 'ce491938',
719
-
'phabricator-ui-example-css' => 'aa291bae',
725
+
'phabricator-ui-example-css' => 'd07a5869',
720
726
'phabricator-uiexample-javelin-view' => 'd4a14807',
721
727
'phabricator-uiexample-reactor-button' => '44524435',
722
728
'phabricator-uiexample-reactor-checkbox' => '7ba325ee',
···
744
750
'phui-calendar-month-css' => 'a92e47d2',
745
751
'phui-document-view-css' => '3b078dc0',
746
752
'phui-feed-story-css' => '3a59c2cf',
753
+
'phui-font-icon-base-css' => 'cc5465ba',
747
754
'phui-fontkit-css' => 'de84aa4a',
748
755
'phui-form-css' => 'b78ec020',
749
756
'phui-form-view-css' => '867463b4',
750
757
'phui-header-view-css' => '5b79f0ef',
751
-
'phui-icon-view-css' => '59b9e5b5',
758
+
'phui-icon-view-css' => '322274f9',
752
759
'phui-info-panel-css' => '27ea50a1',
753
760
'phui-list-view-css' => 'ef8035b6',
754
761
'phui-object-box-css' => 'ce92d8ec',
+615
-208
src/applications/uiexample/examples/PHUIIconExample.php
+615
-208
src/applications/uiexample/examples/PHUIIconExample.php
···
12
12
13
13
private function listHalflings() {
14
14
return array (
15
-
'glass',
16
-
'music',
17
-
'search',
18
-
'envelope',
19
-
'heart',
20
-
'star',
21
-
'star-empty',
22
-
'user',
23
-
'film',
24
-
'th-large',
25
-
'th',
26
-
'th-list',
27
-
'ok',
28
-
'remove',
29
-
'zoom-in',
30
-
'zoom-out',
31
-
'off',
32
-
'signal',
33
-
'cog',
34
-
'trash',
35
-
'home',
36
-
'file',
37
-
'time',
38
-
'road',
39
-
'download-alt',
40
-
'download',
41
-
'upload',
42
-
'inbox',
43
-
'play-circle',
44
-
'repeat',
45
-
'refresh',
46
-
'list-alt',
47
-
'lock',
48
-
'flag',
49
-
'headphones',
50
-
'volume-off',
51
-
'volume-down',
52
-
'volume-up',
53
-
'qrcode',
54
-
'barcode',
55
-
'tag',
56
-
'tags',
57
-
'book',
58
-
'bookmark',
59
-
'print',
60
-
'camera',
61
-
'font',
62
-
'bold',
63
-
'italic',
64
-
'text-height',
65
-
'text-width',
66
-
'align-left',
67
-
'align-center',
68
-
'align-right',
69
-
'align-justify',
70
-
'list',
71
-
'indent-left',
72
-
'indent-right',
73
-
'facetime-video',
74
-
'picture',
75
-
'pencil',
76
-
'map-marker',
77
-
'adjust',
78
-
'tint',
79
-
'edit',
80
-
'share',
81
-
'check',
82
-
'move',
83
-
'step-backward',
84
-
'fast-backward',
85
-
'backward',
86
-
'play',
87
-
'pause',
88
-
'stop',
89
-
'forward',
90
-
'fast-forward',
91
-
'step-forward',
92
-
'eject',
93
-
'chevron-left',
94
-
'chevron-right',
95
-
'plus-sign',
96
-
'minus-sign',
97
-
'remove-sign',
98
-
'ok-sign',
99
-
'question-sign',
100
-
'info-sign',
101
-
'screenshot',
102
-
'remove-circle',
103
-
'ok-circle',
104
-
'ban-circle',
105
-
'arrow-left',
106
-
'arrow-right',
107
-
'arrow-up',
108
-
'arrow-down',
109
-
'share-alt',
110
-
'resize-full',
111
-
'resize-small',
112
-
'plus',
113
-
'minus',
114
-
'asterisk',
115
-
'exclamation-sign',
116
-
'gift',
117
-
'leaf',
118
-
'fire',
119
-
'eye-open',
120
-
'eye-close',
121
-
'warning-sign',
122
-
'plane',
123
-
'calendar',
124
-
'random',
125
-
'comments',
126
-
'magnet',
127
-
'chevron-up',
128
-
'chevron-down',
129
-
'retweet',
130
-
'shopping-cart',
131
-
'folder-close',
132
-
'folder-open',
133
-
'resize-vertical',
134
-
'resize-horizontal',
135
-
'hdd',
136
-
'bullhorn',
137
-
'bell',
138
-
'certificate',
139
-
'thumbs-up',
140
-
'thumbs-down',
141
-
'hand-right',
142
-
'hand-left',
143
-
'hand-top',
144
-
'hand-down',
145
-
'circle-arrow-right',
146
-
'circle-arrow-left',
147
-
'circle-arrow-top',
148
-
'circle-arrow-down',
149
-
'globe',
150
-
'wrench',
151
-
'tasks',
152
-
'filter',
153
-
'briefcase',
154
-
'fullscreen',
155
-
'dashboard',
156
-
'paperclip',
157
-
'heart-empty',
158
-
'link',
159
-
'phone',
160
-
'pushpin',
161
-
'euro',
162
-
'usd',
163
-
'gbp',
164
-
'sort',
165
-
'sort-by-alphabet',
166
-
'sort-by-alphabet-alt',
167
-
'sort-by-order',
168
-
'sort-by-order-alt',
169
-
'sort-by-attributes',
170
-
'sort-by-attributes-alt',
171
-
'unchecked',
172
-
'expand',
173
-
'collapse',
174
-
'collapse-top',
175
-
'log_in',
176
-
'flash',
177
-
'log_out',
178
-
'new_window',
179
-
'record',
180
-
'save',
181
-
'open',
182
-
'saved',
183
-
'import',
184
-
'export',
185
-
'send',
186
-
'floppy_disk',
187
-
'floppy_saved',
188
-
'floppy_remove',
189
-
'floppy_save',
190
-
'floppy_open',
191
-
'credit_card',
192
-
'transfer',
193
-
'cutlery',
194
-
'header',
195
-
'compressed',
196
-
'earphone',
197
-
'phone_alt',
198
-
'tower',
199
-
'stats',
200
-
'sd_video',
201
-
'hd_video',
202
-
'subtitles',
203
-
'sound_stereo',
204
-
'sound_dolby',
205
-
'sound_5_1',
206
-
'sound_6_1',
207
-
'sound_7_1',
208
-
'copyright_mark',
209
-
'registration_mark',
210
-
'cloud',
211
-
'cloud_download',
212
-
'cloud_upload',
213
-
'tree_conifer',
214
-
'tree_deciduous',
15
+
'gh-glass',
16
+
'gh-music',
17
+
'gh-search',
18
+
'gh-envelope',
19
+
'gh-heart',
20
+
'gh-star',
21
+
'gh-star-empty',
22
+
'gh-user',
23
+
'gh-film',
24
+
'gh-th-large',
25
+
'gh-th',
26
+
'gh-th-list',
27
+
'gh-ok',
28
+
'gh-remove',
29
+
'gh-zoom-in',
30
+
'gh-zoom-out',
31
+
'gh-off',
32
+
'gh-signal',
33
+
'gh-cog',
34
+
'gh-trash',
35
+
'gh-home',
36
+
'gh-file',
37
+
'gh-time',
38
+
'gh-road',
39
+
'gh-download-alt',
40
+
'gh-download',
41
+
'gh-upload',
42
+
'gh-inbox',
43
+
'gh-play-circle',
44
+
'gh-repeat',
45
+
'gh-refresh',
46
+
'gh-list-alt',
47
+
'gh-lock',
48
+
'gh-flag',
49
+
'gh-headphones',
50
+
'gh-volume-off',
51
+
'gh-volume-down',
52
+
'gh-volume-up',
53
+
'gh-qrcode',
54
+
'gh-barcode',
55
+
'gh-tag',
56
+
'gh-tags',
57
+
'gh-book',
58
+
'gh-bookmark',
59
+
'gh-print',
60
+
'gh-camera',
61
+
'gh-font',
62
+
'gh-bold',
63
+
'gh-italic',
64
+
'gh-text-height',
65
+
'gh-text-width',
66
+
'gh-align-left',
67
+
'gh-align-center',
68
+
'gh-align-right',
69
+
'gh-align-justify',
70
+
'gh-list',
71
+
'gh-indent-left',
72
+
'gh-indent-right',
73
+
'gh-facetime-video',
74
+
'gh-picture',
75
+
'gh-pencil',
76
+
'gh-map-marker',
77
+
'gh-adjust',
78
+
'gh-tint',
79
+
'gh-edit',
80
+
'gh-share',
81
+
'gh-check',
82
+
'gh-move',
83
+
'gh-step-backward',
84
+
'gh-fast-backward',
85
+
'gh-backward',
86
+
'gh-play',
87
+
'gh-pause',
88
+
'gh-stop',
89
+
'gh-forward',
90
+
'gh-fast-forward',
91
+
'gh-step-forward',
92
+
'gh-eject',
93
+
'gh-chevron-left',
94
+
'gh-chevron-right',
95
+
'gh-plus-sign',
96
+
'gh-minus-sign',
97
+
'gh-remove-sign',
98
+
'gh-ok-sign',
99
+
'gh-question-sign',
100
+
'gh-info-sign',
101
+
'gh-screenshot',
102
+
'gh-remove-circle',
103
+
'gh-ok-circle',
104
+
'gh-ban-circle',
105
+
'gh-arrow-left',
106
+
'gh-arrow-right',
107
+
'gh-arrow-up',
108
+
'gh-arrow-down',
109
+
'gh-share-alt',
110
+
'gh-resize-full',
111
+
'gh-resize-small',
112
+
'gh-plus',
113
+
'gh-minus',
114
+
'gh-asterisk',
115
+
'gh-exclamation-sign',
116
+
'gh-gift',
117
+
'gh-leaf',
118
+
'gh-fire',
119
+
'gh-eye-open',
120
+
'gh-eye-close',
121
+
'gh-warning-sign',
122
+
'gh-plane',
123
+
'gh-calendar',
124
+
'gh-random',
125
+
'gh-comments',
126
+
'gh-magnet',
127
+
'gh-chevron-up',
128
+
'gh-chevron-down',
129
+
'gh-retweet',
130
+
'gh-shopping-cart',
131
+
'gh-folder-close',
132
+
'gh-folder-open',
133
+
'gh-resize-vertical',
134
+
'gh-resize-horizontal',
135
+
'gh-hdd',
136
+
'gh-bullhorn',
137
+
'gh-bell',
138
+
'gh-certificate',
139
+
'gh-thumbs-up',
140
+
'gh-thumbs-down',
141
+
'gh-hand-right',
142
+
'gh-hand-left',
143
+
'gh-hand-top',
144
+
'gh-hand-down',
145
+
'gh-circle-arrow-right',
146
+
'gh-circle-arrow-left',
147
+
'gh-circle-arrow-top',
148
+
'gh-circle-arrow-down',
149
+
'gh-globe',
150
+
'gh-wrench',
151
+
'gh-tasks',
152
+
'gh-filter',
153
+
'gh-briefcase',
154
+
'gh-fullscreen',
155
+
'gh-dashboard',
156
+
'gh-paperclip',
157
+
'gh-heart-empty',
158
+
'gh-link',
159
+
'gh-phone',
160
+
'gh-pushpin',
161
+
'gh-euro',
162
+
'gh-usd',
163
+
'gh-gbp',
164
+
'gh-sort',
165
+
'gh-sort-by-alphabet',
166
+
'gh-sort-by-alphabet-alt',
167
+
'gh-sort-by-order',
168
+
'gh-sort-by-order-alt',
169
+
'gh-sort-by-attributes',
170
+
'gh-sort-by-attributes-alt',
171
+
'gh-unchecked',
172
+
'gh-expand',
173
+
'gh-collapse',
174
+
'gh-collapse-top',
175
+
'gh-log_in',
176
+
'gh-flash',
177
+
'gh-log_out',
178
+
'gh-new_window',
179
+
'gh-record',
180
+
'gh-save',
181
+
'gh-open',
182
+
'gh-saved',
183
+
'gh-import',
184
+
'gh-export',
185
+
'gh-send',
186
+
'gh-floppy_disk',
187
+
'gh-floppy_saved',
188
+
'gh-floppy_remove',
189
+
'gh-floppy_save',
190
+
'gh-floppy_open',
191
+
'gh-credit_card',
192
+
'gh-transfer',
193
+
'gh-cutlery',
194
+
'gh-header',
195
+
'gh-compressed',
196
+
'gh-earphone',
197
+
'gh-phone_alt',
198
+
'gh-tower',
199
+
'gh-stats',
200
+
'gh-sd_video',
201
+
'gh-hd_video',
202
+
'gh-subtitles',
203
+
'gh-sound_stereo',
204
+
'gh-sound_dolby',
205
+
'gh-sound_5_1',
206
+
'gh-sound_6_1',
207
+
'gh-sound_7_1',
208
+
'gh-copyright_mark',
209
+
'gh-registration_mark',
210
+
'gh-cloud',
211
+
'gh-cloud_download',
212
+
'gh-cloud_upload',
213
+
'gh-tree_conifer',
214
+
'gh-tree_deciduous',
215
+
);
216
+
}
217
+
218
+
private function listFontAwesome() {
219
+
return array(
220
+
'fa-glass',
221
+
'fa-music',
222
+
'fa-search',
223
+
'fa-envelope-o',
224
+
'fa-heart',
225
+
'fa-star',
226
+
'fa-star-o',
227
+
'fa-user',
228
+
'fa-film',
229
+
'fa-th-large',
230
+
'fa-th',
231
+
'fa-th-list',
232
+
'fa-check',
233
+
'fa-times',
234
+
'fa-search-plus',
235
+
'fa-search-minus',
236
+
'fa-power-off',
237
+
'fa-signal',
238
+
'fa-cog',
239
+
'fa-trash-o',
240
+
'fa-home',
241
+
'fa-file-o',
242
+
'fa-clock-o',
243
+
'fa-road',
244
+
'fa-download',
245
+
'fa-arrow-circle-o-down',
246
+
'fa-arrow-circle-o-up',
247
+
'fa-inbox',
248
+
'fa-play-circle-o',
249
+
'fa-repeat',
250
+
'fa-refresh',
251
+
'fa-list-alt',
252
+
'fa-lock',
253
+
'fa-flag',
254
+
'fa-headphones',
255
+
'fa-volume-off',
256
+
'fa-volume-down',
257
+
'fa-volume-up',
258
+
'fa-qrcode',
259
+
'fa-barcode',
260
+
'fa-tag',
261
+
'fa-tags',
262
+
'fa-book',
263
+
'fa-bookmark',
264
+
'fa-print',
265
+
'fa-camera',
266
+
'fa-font',
267
+
'fa-bold',
268
+
'fa-italic',
269
+
'fa-text-height',
270
+
'fa-text-width',
271
+
'fa-align-left',
272
+
'fa-align-center',
273
+
'fa-align-right',
274
+
'fa-align-justify',
275
+
'fa-list',
276
+
'fa-outdent',
277
+
'fa-indent',
278
+
'fa-video-camera',
279
+
'fa-picture-o',
280
+
'fa-pencil',
281
+
'fa-map-marker',
282
+
'fa-adjust',
283
+
'fa-tint',
284
+
'fa-pencil-square-o',
285
+
'fa-share-square-o',
286
+
'fa-check-square-o',
287
+
'fa-arrows',
288
+
'fa-step-backward',
289
+
'fa-fast-backward',
290
+
'fa-backward',
291
+
'fa-play',
292
+
'fa-pause',
293
+
'fa-stop',
294
+
'fa-forward',
295
+
'fa-fast-forward',
296
+
'fa-step-forward',
297
+
'fa-eject',
298
+
'fa-chevron-left',
299
+
'fa-chevron-right',
300
+
'fa-plus-circle',
301
+
'fa-minus-circle',
302
+
'fa-times-circle',
303
+
'fa-check-circle',
304
+
'fa-question-circle',
305
+
'fa-info-circle',
306
+
'fa-crosshairs',
307
+
'fa-times-circle-o',
308
+
'fa-check-circle-o',
309
+
'fa-ban',
310
+
'fa-arrow-left',
311
+
'fa-arrow-right',
312
+
'fa-arrow-up',
313
+
'fa-arrow-down',
314
+
'fa-share',
315
+
'fa-expand',
316
+
'fa-compress',
317
+
'fa-plus',
318
+
'fa-minus',
319
+
'fa-asterisk',
320
+
'fa-exclamation-circle',
321
+
'fa-gift',
322
+
'fa-leaf',
323
+
'fa-fire',
324
+
'fa-eye',
325
+
'fa-eye-slash',
326
+
'fa-exclamation-triangle',
327
+
'fa-plane',
328
+
'fa-calendar',
329
+
'fa-random',
330
+
'fa-comment',
331
+
'fa-magnet',
332
+
'fa-chevron-up',
333
+
'fa-chevron-down',
334
+
'fa-retweet',
335
+
'fa-shopping-cart',
336
+
'fa-folder',
337
+
'fa-folder-open',
338
+
'fa-arrows-v',
339
+
'fa-arrows-h',
340
+
'fa-bar-chart-o',
341
+
'fa-twitter-square',
342
+
'fa-facebook-square',
343
+
'fa-camera-retro',
344
+
'fa-key',
345
+
'fa-cogs',
346
+
'fa-comments',
347
+
'fa-thumbs-o-up',
348
+
'fa-thumbs-o-down',
349
+
'fa-star-half',
350
+
'fa-heart-o',
351
+
'fa-sign-out',
352
+
'fa-linkedin-square',
353
+
'fa-thumb-tack',
354
+
'fa-external-link',
355
+
'fa-sign-in',
356
+
'fa-trophy',
357
+
'fa-github-square',
358
+
'fa-upload',
359
+
'fa-lemon-o',
360
+
'fa-phone',
361
+
'fa-square-o',
362
+
'fa-bookmark-o',
363
+
'fa-phone-square',
364
+
'fa-twitter',
365
+
'fa-facebook',
366
+
'fa-github',
367
+
'fa-unlock',
368
+
'fa-credit-card',
369
+
'fa-rss',
370
+
'fa-hdd-o',
371
+
'fa-bullhorn',
372
+
'fa-bell',
373
+
'fa-certificate',
374
+
'fa-hand-o-right',
375
+
'fa-hand-o-left',
376
+
'fa-hand-o-up',
377
+
'fa-hand-o-down',
378
+
'fa-arrow-circle-left',
379
+
'fa-arrow-circle-right',
380
+
'fa-arrow-circle-up',
381
+
'fa-arrow-circle-down',
382
+
'fa-globe',
383
+
'fa-wrench',
384
+
'fa-tasks',
385
+
'fa-filter',
386
+
'fa-briefcase',
387
+
'fa-arrows-alt',
388
+
'fa-users',
389
+
'fa-link',
390
+
'fa-cloud',
391
+
'fa-flask',
392
+
'fa-scissors',
393
+
'fa-files-o',
394
+
'fa-paperclip',
395
+
'fa-floppy-o',
396
+
'fa-square',
397
+
'fa-bars',
398
+
'fa-list-ul',
399
+
'fa-list-ol',
400
+
'fa-strikethrough',
401
+
'fa-underline',
402
+
'fa-table',
403
+
'fa-magic',
404
+
'fa-truck',
405
+
'fa-pinterest',
406
+
'fa-pinterest-square',
407
+
'fa-google-plus-square',
408
+
'fa-google-plus',
409
+
'fa-money',
410
+
'fa-caret-down',
411
+
'fa-caret-up',
412
+
'fa-caret-left',
413
+
'fa-caret-right',
414
+
'fa-columns',
415
+
'fa-sort',
416
+
'fa-sort-asc',
417
+
'fa-sort-desc',
418
+
'fa-envelope',
419
+
'fa-linkedin',
420
+
'fa-undo',
421
+
'fa-gavel',
422
+
'fa-tachometer',
423
+
'fa-comment-o',
424
+
'fa-comments-o',
425
+
'fa-bolt',
426
+
'fa-sitemap',
427
+
'fa-umbrella',
428
+
'fa-clipboard',
429
+
'fa-lightbulb-o',
430
+
'fa-exchange',
431
+
'fa-cloud-download',
432
+
'fa-cloud-upload',
433
+
'fa-user-md',
434
+
'fa-stethoscope',
435
+
'fa-suitcase',
436
+
'fa-bell-o',
437
+
'fa-coffee',
438
+
'fa-cutlery',
439
+
'fa-file-text-o',
440
+
'fa-building-o',
441
+
'fa-hospital-o',
442
+
'fa-ambulance',
443
+
'fa-medkit',
444
+
'fa-fighter-jet',
445
+
'fa-beer',
446
+
'fa-h-square',
447
+
'fa-plus-square',
448
+
'fa-angle-double-left',
449
+
'fa-angle-double-right',
450
+
'fa-angle-double-up',
451
+
'fa-angle-double-down',
452
+
'fa-angle-left',
453
+
'fa-angle-right',
454
+
'fa-angle-up',
455
+
'fa-angle-down',
456
+
'fa-desktop',
457
+
'fa-laptop',
458
+
'fa-tablet',
459
+
'fa-mobile',
460
+
'fa-circle-o',
461
+
'fa-quote-left',
462
+
'fa-quote-right',
463
+
'fa-spinner',
464
+
'fa-circle',
465
+
'fa-reply',
466
+
'fa-github-alt',
467
+
'fa-folder-o',
468
+
'fa-folder-open-o',
469
+
'fa-smile-o',
470
+
'fa-frown-o',
471
+
'fa-meh-o',
472
+
'fa-gamepad',
473
+
'fa-keyboard-o',
474
+
'fa-flag-o',
475
+
'fa-flag-checkered',
476
+
'fa-terminal',
477
+
'fa-code',
478
+
'fa-reply-all',
479
+
'fa-mail-reply-all',
480
+
'fa-star-half-o',
481
+
'fa-location-arrow',
482
+
'fa-crop',
483
+
'fa-code-fork',
484
+
'fa-chain-broken',
485
+
'fa-question',
486
+
'fa-info',
487
+
'fa-exclamation',
488
+
'fa-superscript',
489
+
'fa-subscript',
490
+
'fa-eraser',
491
+
'fa-puzzle-piece',
492
+
'fa-microphone',
493
+
'fa-microphone-slash',
494
+
'fa-shield',
495
+
'fa-calendar-o',
496
+
'fa-fire-extinguisher',
497
+
'fa-rocket',
498
+
'fa-maxcdn',
499
+
'fa-chevron-circle-left',
500
+
'fa-chevron-circle-right',
501
+
'fa-chevron-circle-up',
502
+
'fa-chevron-circle-down',
503
+
'fa-html5',
504
+
'fa-css3',
505
+
'fa-anchor',
506
+
'fa-unlock-alt',
507
+
'fa-bullseye',
508
+
'fa-ellipsis-h',
509
+
'fa-ellipsis-v',
510
+
'fa-rss-square',
511
+
'fa-play-circle',
512
+
'fa-ticket',
513
+
'fa-minus-square',
514
+
'fa-minus-square-o',
515
+
'fa-level-up',
516
+
'fa-level-down',
517
+
'fa-check-square',
518
+
'fa-pencil-square',
519
+
'fa-external-link-square',
520
+
'fa-share-square',
521
+
'fa-compass',
522
+
'fa-caret-square-o-down',
523
+
'fa-caret-square-o-up',
524
+
'fa-caret-square-o-right',
525
+
'fa-eur',
526
+
'fa-gbp',
527
+
'fa-usd',
528
+
'fa-inr',
529
+
'fa-jpy',
530
+
'fa-rub',
531
+
'fa-krw',
532
+
'fa-btc',
533
+
'fa-file',
534
+
'fa-file-text',
535
+
'fa-sort-alpha-asc',
536
+
'fa-sort-alpha-desc',
537
+
'fa-sort-amount-asc',
538
+
'fa-sort-amount-desc',
539
+
'fa-sort-numeric-asc',
540
+
'fa-sort-numeric-desc',
541
+
'fa-thumbs-up',
542
+
'fa-thumbs-down',
543
+
'fa-youtube-square',
544
+
'fa-youtube',
545
+
'fa-xing',
546
+
'fa-xing-square',
547
+
'fa-youtube-play',
548
+
'fa-dropbox',
549
+
'fa-stack-overflow',
550
+
'fa-instagram',
551
+
'fa-flickr',
552
+
'fa-adn',
553
+
'fa-bitbucket',
554
+
'fa-bitbucket-square',
555
+
'fa-tumblr',
556
+
'fa-tumblr-square',
557
+
'fa-long-arrow-down',
558
+
'fa-long-arrow-up',
559
+
'fa-long-arrow-left',
560
+
'fa-long-arrow-right',
561
+
'fa-apple',
562
+
'fa-windows',
563
+
'fa-android',
564
+
'fa-linux',
565
+
'fa-dribbble',
566
+
'fa-skype',
567
+
'fa-foursquare',
568
+
'fa-trello',
569
+
'fa-female',
570
+
'fa-male',
571
+
'fa-gittip',
572
+
'fa-sun-o',
573
+
'fa-moon-o',
574
+
'fa-archive',
575
+
'fa-bug',
576
+
'fa-vk',
577
+
'fa-weibo',
578
+
'fa-renren',
579
+
'fa-pagelines',
580
+
'fa-stack-exchange',
581
+
'fa-arrow-circle-o-right',
582
+
'fa-arrow-circle-o-left',
583
+
'fa-caret-square-o-left',
584
+
'fa-dot-circle-o',
585
+
'fa-wheelchair',
586
+
'fa-vimeo-square',
587
+
'fa-try',
588
+
'fa-plus-square-o',
215
589
);
216
590
}
217
591
···
228
602
'sky',
229
603
'indigo',
230
604
'violet',
605
+
'lightgreytext',
606
+
'lightbluetext',
607
+
);
608
+
}
609
+
610
+
private function listTransforms() {
611
+
return array(
612
+
'ph-rotate-90',
613
+
'ph-rotate-180',
614
+
'ph-rotate-270',
615
+
'ph-flip-horizontal',
616
+
'ph-flip-vertical',
617
+
'ph-spin',
231
618
);
232
619
}
233
620
234
621
public function renderExample() {
235
622
236
623
$colors = $this->listColors();
624
+
$trans = $this->listTransforms();
237
625
$glyphs = $this->listHalflings();
626
+
$fas = $this->listFontAwesome();
627
+
238
628
$gicons = array();
239
629
foreach ($glyphs as $glyph) {
240
630
$gicons[] = id(new PHUIIconView())
241
-
->addClass('phui-halfling-name')
631
+
->addClass('phui-example-icon-name')
242
632
->setHalfling($glyph)
243
-
->appendChild($glyph);
633
+
->setText($glyph);
244
634
}
245
635
$cicons = array();
246
636
foreach ($colors as $color) {
247
637
$cicons[] = id(new PHUIIconView())
248
-
->addClass('phui-halfling-color')
249
-
->setHalfling('tag', $color)
250
-
->appendChild(pht('tag %s', $color));
638
+
->addClass('phui-example-icon-transform')
639
+
->setHalfling('gh-tag '.$color)
640
+
->setText(pht('gh-tag %s', $color));
641
+
}
642
+
$ficons = array();
643
+
foreach ($fas as $fa) {
644
+
645
+
$ficons[] = id(new PHUIIconView())
646
+
->addClass('phui-example-icon-name')
647
+
->setFontAwesome($fa)
648
+
->setText($fa);
251
649
}
252
650
253
651
$person1 = new PHUIIconView();
···
360
758
->appendChild($cicons)
361
759
->addMargin(PHUI::MARGIN_LARGE);
362
760
761
+
$layout_fa = id(new PHUIBoxView())
762
+
->appendChild($ficons)
763
+
->addMargin(PHUI::MARGIN_LARGE);
764
+
363
765
$layout1 = id(new PHUIBoxView())
364
766
->appendChild($actionview)
365
767
->addMargin(PHUI::MARGIN_MEDIUM);
···
388
790
->setHeaderText(pht('Glyphicon Halflings'))
389
791
->appendChild($layout_gicons);
390
792
391
-
$halflings_color = id(new PHUIObjectBoxView())
392
-
->setHeaderText(pht('Halflings Colors'))
793
+
$fontawesome = id(new PHUIObjectBoxView())
794
+
->setHeaderText(pht('Font Awesome'))
795
+
->appendChild($layout_fa);
796
+
797
+
$transforms = id(new PHUIObjectBoxView())
798
+
->setHeaderText(pht('Colors and Transforms'))
393
799
->appendChild($layout_cicons);
394
800
395
801
$wrap1 = id(new PHUIObjectBoxView())
···
419
825
),
420
826
array(
421
827
$halflings,
422
-
$halflings_color,
828
+
$fontawesome,
829
+
$transforms,
423
830
$wrap1,
424
831
$wrap2,
425
832
$wrap3,
+28
-7
src/view/phui/PHUIIconView.php
+28
-7
src/view/phui/PHUIIconView.php
···
18
18
19
19
private $href = null;
20
20
private $image;
21
+
private $text;
21
22
private $headSize = null;
22
23
23
24
private $spriteIcon;
24
25
private $spriteSheet;
25
26
private $halfling;
26
-
private $halflingColor;
27
+
private $fontAwesome;
27
28
28
29
public function setHref($href) {
29
30
$this->href = $href;
···
35
36
return $this;
36
37
}
37
38
39
+
public function setText($text) {
40
+
$this->text = $text;
41
+
return $this;
42
+
}
43
+
38
44
public function setHeadSize($size) {
39
45
$this->headSize = $size;
40
46
return $this;
···
50
56
return $this;
51
57
}
52
58
53
-
public function setHalfling($hf, $color=null) {
59
+
public function setHalfling($hf) {
54
60
$this->halfling = $hf;
55
-
$this->halflingColor = $color;
61
+
return $this;
62
+
}
63
+
64
+
public function setFontAwesome($fa) {
65
+
$this->fontAwesome = $fa;
56
66
return $this;
57
67
}
58
68
···
75
85
require_celerity_resource('sprite-'.$this->spriteSheet.'-css');
76
86
$classes[] = 'sprite-'.$this->spriteSheet;
77
87
$classes[] = $this->spriteSheet.'-'.$this->spriteIcon;
88
+
78
89
} elseif ($this->halfling) {
90
+
require_celerity_resource('phui-font-icon-base-css');
79
91
require_celerity_resource('font-glyphicons-halflings');
80
-
$classes[] = 'halflings';
92
+
$classes[] = 'phui-font-gh';
81
93
$classes[] = $this->halfling;
82
-
if ($this->halflingColor) {
83
-
$classes[] = $this->halflingColor;
84
-
}
94
+
95
+
} elseif ($this->fontAwesome) {
96
+
require_celerity_resource('phui-font-icon-base-css');
97
+
require_celerity_resource('font-fontawesome');
98
+
$classes[] = 'phui-font-fa';
99
+
$classes[] = $this->fontAwesome;
100
+
85
101
} else {
86
102
if ($this->headSize) {
87
103
$classes[] = $this->headSize;
88
104
}
89
105
$style = 'background-image: url('.$this->image.');';
106
+
}
107
+
108
+
if ($this->text) {
109
+
$classes[] = 'phui-icon-has-text';
110
+
$this->appendChild($this->text);
90
111
}
91
112
92
113
return array(
+3
-3
webroot/rsrc/css/application/uiexample/example.css
+3
-3
webroot/rsrc/css/application/uiexample/example.css
···
46
46
border-color: {$red};
47
47
}
48
48
49
-
.phui-icon-view.phui-halfling-name {
49
+
.phui-example-icon-name {
50
50
display: inline-block;
51
-
width: 140px;
51
+
width: 160px;
52
52
padding-bottom: 8px;
53
53
white-space: nowrap;
54
54
}
55
55
56
-
.phui-icon-view.phui-halfling-color {
56
+
.phui-icon-view.phui-example-icon-transform {
57
57
display: block;
58
58
padding-bottom: 8px;
59
59
}
+1187
webroot/rsrc/css/font/font-awesome.css
+1187
webroot/rsrc/css/font/font-awesome.css
···
1
+
/**
2
+
* @provides font-fontawesome
3
+
*/
4
+
5
+
/*
6
+
* Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
7
+
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
8
+
*/
9
+
10
+
@font-face {
11
+
font-family: 'FontAwesome';
12
+
src: url('/rsrc/externals/font/fontawesome/fontawesome-webfont.eot?v=4.0.3');
13
+
src: url('/rsrc/externals/font/fontawesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/rsrc/externals/font/fontawesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('/rsrc/externals/font/fontawesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype');
14
+
font-weight: normal;
15
+
font-style: normal;
16
+
}
17
+
.phui-font-fa {
18
+
font-family: FontAwesome;
19
+
}
20
+
21
+
/* makes the font 33% larger relative to the icon container */
22
+
.fa-lg {
23
+
font-size: 1.3333333333333333em;
24
+
line-height: 0.75em;
25
+
vertical-align: -15%;
26
+
}
27
+
.fa-2x {
28
+
font-size: 2em;
29
+
}
30
+
.fa-3x {
31
+
font-size: 3em;
32
+
}
33
+
.fa-4x {
34
+
font-size: 4em;
35
+
}
36
+
.fa-5x {
37
+
font-size: 5em;
38
+
}
39
+
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
40
+
readers do not read off random characters that represent icons */
41
+
.fa-glass:before {
42
+
content: "\f000";
43
+
}
44
+
.fa-music:before {
45
+
content: "\f001";
46
+
}
47
+
.fa-search:before {
48
+
content: "\f002";
49
+
}
50
+
.fa-envelope-o:before {
51
+
content: "\f003";
52
+
}
53
+
.fa-heart:before {
54
+
content: "\f004";
55
+
}
56
+
.fa-star:before {
57
+
content: "\f005";
58
+
}
59
+
.fa-star-o:before {
60
+
content: "\f006";
61
+
}
62
+
.fa-user:before {
63
+
content: "\f007";
64
+
}
65
+
.fa-film:before {
66
+
content: "\f008";
67
+
}
68
+
.fa-th-large:before {
69
+
content: "\f009";
70
+
}
71
+
.fa-th:before {
72
+
content: "\f00a";
73
+
}
74
+
.fa-th-list:before {
75
+
content: "\f00b";
76
+
}
77
+
.fa-check:before {
78
+
content: "\f00c";
79
+
}
80
+
.fa-times:before {
81
+
content: "\f00d";
82
+
}
83
+
.fa-search-plus:before {
84
+
content: "\f00e";
85
+
}
86
+
.fa-search-minus:before {
87
+
content: "\f010";
88
+
}
89
+
.fa-power-off:before {
90
+
content: "\f011";
91
+
}
92
+
.fa-signal:before {
93
+
content: "\f012";
94
+
}
95
+
.fa-gear:before,
96
+
.fa-cog:before {
97
+
content: "\f013";
98
+
}
99
+
.fa-trash-o:before {
100
+
content: "\f014";
101
+
}
102
+
.fa-home:before {
103
+
content: "\f015";
104
+
}
105
+
.fa-file-o:before {
106
+
content: "\f016";
107
+
}
108
+
.fa-clock-o:before {
109
+
content: "\f017";
110
+
}
111
+
.fa-road:before {
112
+
content: "\f018";
113
+
}
114
+
.fa-download:before {
115
+
content: "\f019";
116
+
}
117
+
.fa-arrow-circle-o-down:before {
118
+
content: "\f01a";
119
+
}
120
+
.fa-arrow-circle-o-up:before {
121
+
content: "\f01b";
122
+
}
123
+
.fa-inbox:before {
124
+
content: "\f01c";
125
+
}
126
+
.fa-play-circle-o:before {
127
+
content: "\f01d";
128
+
}
129
+
.fa-rotate-right:before,
130
+
.fa-repeat:before {
131
+
content: "\f01e";
132
+
}
133
+
.fa-refresh:before {
134
+
content: "\f021";
135
+
}
136
+
.fa-list-alt:before {
137
+
content: "\f022";
138
+
}
139
+
.fa-lock:before {
140
+
content: "\f023";
141
+
}
142
+
.fa-flag:before {
143
+
content: "\f024";
144
+
}
145
+
.fa-headphones:before {
146
+
content: "\f025";
147
+
}
148
+
.fa-volume-off:before {
149
+
content: "\f026";
150
+
}
151
+
.fa-volume-down:before {
152
+
content: "\f027";
153
+
}
154
+
.fa-volume-up:before {
155
+
content: "\f028";
156
+
}
157
+
.fa-qrcode:before {
158
+
content: "\f029";
159
+
}
160
+
.fa-barcode:before {
161
+
content: "\f02a";
162
+
}
163
+
.fa-tag:before {
164
+
content: "\f02b";
165
+
}
166
+
.fa-tags:before {
167
+
content: "\f02c";
168
+
}
169
+
.fa-book:before {
170
+
content: "\f02d";
171
+
}
172
+
.fa-bookmark:before {
173
+
content: "\f02e";
174
+
}
175
+
.fa-print:before {
176
+
content: "\f02f";
177
+
}
178
+
.fa-camera:before {
179
+
content: "\f030";
180
+
}
181
+
.fa-font:before {
182
+
content: "\f031";
183
+
}
184
+
.fa-bold:before {
185
+
content: "\f032";
186
+
}
187
+
.fa-italic:before {
188
+
content: "\f033";
189
+
}
190
+
.fa-text-height:before {
191
+
content: "\f034";
192
+
}
193
+
.fa-text-width:before {
194
+
content: "\f035";
195
+
}
196
+
.fa-align-left:before {
197
+
content: "\f036";
198
+
}
199
+
.fa-align-center:before {
200
+
content: "\f037";
201
+
}
202
+
.fa-align-right:before {
203
+
content: "\f038";
204
+
}
205
+
.fa-align-justify:before {
206
+
content: "\f039";
207
+
}
208
+
.fa-list:before {
209
+
content: "\f03a";
210
+
}
211
+
.fa-dedent:before,
212
+
.fa-outdent:before {
213
+
content: "\f03b";
214
+
}
215
+
.fa-indent:before {
216
+
content: "\f03c";
217
+
}
218
+
.fa-video-camera:before {
219
+
content: "\f03d";
220
+
}
221
+
.fa-picture-o:before {
222
+
content: "\f03e";
223
+
}
224
+
.fa-pencil:before {
225
+
content: "\f040";
226
+
}
227
+
.fa-map-marker:before {
228
+
content: "\f041";
229
+
}
230
+
.fa-adjust:before {
231
+
content: "\f042";
232
+
}
233
+
.fa-tint:before {
234
+
content: "\f043";
235
+
}
236
+
.fa-edit:before,
237
+
.fa-pencil-square-o:before {
238
+
content: "\f044";
239
+
}
240
+
.fa-share-square-o:before {
241
+
content: "\f045";
242
+
}
243
+
.fa-check-square-o:before {
244
+
content: "\f046";
245
+
}
246
+
.fa-arrows:before {
247
+
content: "\f047";
248
+
}
249
+
.fa-step-backward:before {
250
+
content: "\f048";
251
+
}
252
+
.fa-fast-backward:before {
253
+
content: "\f049";
254
+
}
255
+
.fa-backward:before {
256
+
content: "\f04a";
257
+
}
258
+
.fa-play:before {
259
+
content: "\f04b";
260
+
}
261
+
.fa-pause:before {
262
+
content: "\f04c";
263
+
}
264
+
.fa-stop:before {
265
+
content: "\f04d";
266
+
}
267
+
.fa-forward:before {
268
+
content: "\f04e";
269
+
}
270
+
.fa-fast-forward:before {
271
+
content: "\f050";
272
+
}
273
+
.fa-step-forward:before {
274
+
content: "\f051";
275
+
}
276
+
.fa-eject:before {
277
+
content: "\f052";
278
+
}
279
+
.fa-chevron-left:before {
280
+
content: "\f053";
281
+
}
282
+
.fa-chevron-right:before {
283
+
content: "\f054";
284
+
}
285
+
.fa-plus-circle:before {
286
+
content: "\f055";
287
+
}
288
+
.fa-minus-circle:before {
289
+
content: "\f056";
290
+
}
291
+
.fa-times-circle:before {
292
+
content: "\f057";
293
+
}
294
+
.fa-check-circle:before {
295
+
content: "\f058";
296
+
}
297
+
.fa-question-circle:before {
298
+
content: "\f059";
299
+
}
300
+
.fa-info-circle:before {
301
+
content: "\f05a";
302
+
}
303
+
.fa-crosshairs:before {
304
+
content: "\f05b";
305
+
}
306
+
.fa-times-circle-o:before {
307
+
content: "\f05c";
308
+
}
309
+
.fa-check-circle-o:before {
310
+
content: "\f05d";
311
+
}
312
+
.fa-ban:before {
313
+
content: "\f05e";
314
+
}
315
+
.fa-arrow-left:before {
316
+
content: "\f060";
317
+
}
318
+
.fa-arrow-right:before {
319
+
content: "\f061";
320
+
}
321
+
.fa-arrow-up:before {
322
+
content: "\f062";
323
+
}
324
+
.fa-arrow-down:before {
325
+
content: "\f063";
326
+
}
327
+
.fa-mail-forward:before,
328
+
.fa-share:before {
329
+
content: "\f064";
330
+
}
331
+
.fa-expand:before {
332
+
content: "\f065";
333
+
}
334
+
.fa-compress:before {
335
+
content: "\f066";
336
+
}
337
+
.fa-plus:before {
338
+
content: "\f067";
339
+
}
340
+
.fa-minus:before {
341
+
content: "\f068";
342
+
}
343
+
.fa-asterisk:before {
344
+
content: "\f069";
345
+
}
346
+
.fa-exclamation-circle:before {
347
+
content: "\f06a";
348
+
}
349
+
.fa-gift:before {
350
+
content: "\f06b";
351
+
}
352
+
.fa-leaf:before {
353
+
content: "\f06c";
354
+
}
355
+
.fa-fire:before {
356
+
content: "\f06d";
357
+
}
358
+
.fa-eye:before {
359
+
content: "\f06e";
360
+
}
361
+
.fa-eye-slash:before {
362
+
content: "\f070";
363
+
}
364
+
.fa-warning:before,
365
+
.fa-exclamation-triangle:before {
366
+
content: "\f071";
367
+
}
368
+
.fa-plane:before {
369
+
content: "\f072";
370
+
}
371
+
.fa-calendar:before {
372
+
content: "\f073";
373
+
}
374
+
.fa-random:before {
375
+
content: "\f074";
376
+
}
377
+
.fa-comment:before {
378
+
content: "\f075";
379
+
}
380
+
.fa-magnet:before {
381
+
content: "\f076";
382
+
}
383
+
.fa-chevron-up:before {
384
+
content: "\f077";
385
+
}
386
+
.fa-chevron-down:before {
387
+
content: "\f078";
388
+
}
389
+
.fa-retweet:before {
390
+
content: "\f079";
391
+
}
392
+
.fa-shopping-cart:before {
393
+
content: "\f07a";
394
+
}
395
+
.fa-folder:before {
396
+
content: "\f07b";
397
+
}
398
+
.fa-folder-open:before {
399
+
content: "\f07c";
400
+
}
401
+
.fa-arrows-v:before {
402
+
content: "\f07d";
403
+
}
404
+
.fa-arrows-h:before {
405
+
content: "\f07e";
406
+
}
407
+
.fa-bar-chart-o:before {
408
+
content: "\f080";
409
+
}
410
+
.fa-twitter-square:before {
411
+
content: "\f081";
412
+
}
413
+
.fa-facebook-square:before {
414
+
content: "\f082";
415
+
}
416
+
.fa-camera-retro:before {
417
+
content: "\f083";
418
+
}
419
+
.fa-key:before {
420
+
content: "\f084";
421
+
}
422
+
.fa-gears:before,
423
+
.fa-cogs:before {
424
+
content: "\f085";
425
+
}
426
+
.fa-comments:before {
427
+
content: "\f086";
428
+
}
429
+
.fa-thumbs-o-up:before {
430
+
content: "\f087";
431
+
}
432
+
.fa-thumbs-o-down:before {
433
+
content: "\f088";
434
+
}
435
+
.fa-star-half:before {
436
+
content: "\f089";
437
+
}
438
+
.fa-heart-o:before {
439
+
content: "\f08a";
440
+
}
441
+
.fa-sign-out:before {
442
+
content: "\f08b";
443
+
}
444
+
.fa-linkedin-square:before {
445
+
content: "\f08c";
446
+
}
447
+
.fa-thumb-tack:before {
448
+
content: "\f08d";
449
+
}
450
+
.fa-external-link:before {
451
+
content: "\f08e";
452
+
}
453
+
.fa-sign-in:before {
454
+
content: "\f090";
455
+
}
456
+
.fa-trophy:before {
457
+
content: "\f091";
458
+
}
459
+
.fa-github-square:before {
460
+
content: "\f092";
461
+
}
462
+
.fa-upload:before {
463
+
content: "\f093";
464
+
}
465
+
.fa-lemon-o:before {
466
+
content: "\f094";
467
+
}
468
+
.fa-phone:before {
469
+
content: "\f095";
470
+
}
471
+
.fa-square-o:before {
472
+
content: "\f096";
473
+
}
474
+
.fa-bookmark-o:before {
475
+
content: "\f097";
476
+
}
477
+
.fa-phone-square:before {
478
+
content: "\f098";
479
+
}
480
+
.fa-twitter:before {
481
+
content: "\f099";
482
+
}
483
+
.fa-facebook:before {
484
+
content: "\f09a";
485
+
}
486
+
.fa-github:before {
487
+
content: "\f09b";
488
+
}
489
+
.fa-unlock:before {
490
+
content: "\f09c";
491
+
}
492
+
.fa-credit-card:before {
493
+
content: "\f09d";
494
+
}
495
+
.fa-rss:before {
496
+
content: "\f09e";
497
+
}
498
+
.fa-hdd-o:before {
499
+
content: "\f0a0";
500
+
}
501
+
.fa-bullhorn:before {
502
+
content: "\f0a1";
503
+
}
504
+
.fa-bell:before {
505
+
content: "\f0f3";
506
+
}
507
+
.fa-certificate:before {
508
+
content: "\f0a3";
509
+
}
510
+
.fa-hand-o-right:before {
511
+
content: "\f0a4";
512
+
}
513
+
.fa-hand-o-left:before {
514
+
content: "\f0a5";
515
+
}
516
+
.fa-hand-o-up:before {
517
+
content: "\f0a6";
518
+
}
519
+
.fa-hand-o-down:before {
520
+
content: "\f0a7";
521
+
}
522
+
.fa-arrow-circle-left:before {
523
+
content: "\f0a8";
524
+
}
525
+
.fa-arrow-circle-right:before {
526
+
content: "\f0a9";
527
+
}
528
+
.fa-arrow-circle-up:before {
529
+
content: "\f0aa";
530
+
}
531
+
.fa-arrow-circle-down:before {
532
+
content: "\f0ab";
533
+
}
534
+
.fa-globe:before {
535
+
content: "\f0ac";
536
+
}
537
+
.fa-wrench:before {
538
+
content: "\f0ad";
539
+
}
540
+
.fa-tasks:before {
541
+
content: "\f0ae";
542
+
}
543
+
.fa-filter:before {
544
+
content: "\f0b0";
545
+
}
546
+
.fa-briefcase:before {
547
+
content: "\f0b1";
548
+
}
549
+
.fa-arrows-alt:before {
550
+
content: "\f0b2";
551
+
}
552
+
.fa-group:before,
553
+
.fa-users:before {
554
+
content: "\f0c0";
555
+
}
556
+
.fa-chain:before,
557
+
.fa-link:before {
558
+
content: "\f0c1";
559
+
}
560
+
.fa-cloud:before {
561
+
content: "\f0c2";
562
+
}
563
+
.fa-flask:before {
564
+
content: "\f0c3";
565
+
}
566
+
.fa-cut:before,
567
+
.fa-scissors:before {
568
+
content: "\f0c4";
569
+
}
570
+
.fa-copy:before,
571
+
.fa-files-o:before {
572
+
content: "\f0c5";
573
+
}
574
+
.fa-paperclip:before {
575
+
content: "\f0c6";
576
+
}
577
+
.fa-save:before,
578
+
.fa-floppy-o:before {
579
+
content: "\f0c7";
580
+
}
581
+
.fa-square:before {
582
+
content: "\f0c8";
583
+
}
584
+
.fa-bars:before {
585
+
content: "\f0c9";
586
+
}
587
+
.fa-list-ul:before {
588
+
content: "\f0ca";
589
+
}
590
+
.fa-list-ol:before {
591
+
content: "\f0cb";
592
+
}
593
+
.fa-strikethrough:before {
594
+
content: "\f0cc";
595
+
}
596
+
.fa-underline:before {
597
+
content: "\f0cd";
598
+
}
599
+
.fa-table:before {
600
+
content: "\f0ce";
601
+
}
602
+
.fa-magic:before {
603
+
content: "\f0d0";
604
+
}
605
+
.fa-truck:before {
606
+
content: "\f0d1";
607
+
}
608
+
.fa-pinterest:before {
609
+
content: "\f0d2";
610
+
}
611
+
.fa-pinterest-square:before {
612
+
content: "\f0d3";
613
+
}
614
+
.fa-google-plus-square:before {
615
+
content: "\f0d4";
616
+
}
617
+
.fa-google-plus:before {
618
+
content: "\f0d5";
619
+
}
620
+
.fa-money:before {
621
+
content: "\f0d6";
622
+
}
623
+
.fa-caret-down:before {
624
+
content: "\f0d7";
625
+
}
626
+
.fa-caret-up:before {
627
+
content: "\f0d8";
628
+
}
629
+
.fa-caret-left:before {
630
+
content: "\f0d9";
631
+
}
632
+
.fa-caret-right:before {
633
+
content: "\f0da";
634
+
}
635
+
.fa-columns:before {
636
+
content: "\f0db";
637
+
}
638
+
.fa-unsorted:before,
639
+
.fa-sort:before {
640
+
content: "\f0dc";
641
+
}
642
+
.fa-sort-down:before,
643
+
.fa-sort-asc:before {
644
+
content: "\f0dd";
645
+
}
646
+
.fa-sort-up:before,
647
+
.fa-sort-desc:before {
648
+
content: "\f0de";
649
+
}
650
+
.fa-envelope:before {
651
+
content: "\f0e0";
652
+
}
653
+
.fa-linkedin:before {
654
+
content: "\f0e1";
655
+
}
656
+
.fa-rotate-left:before,
657
+
.fa-undo:before {
658
+
content: "\f0e2";
659
+
}
660
+
.fa-legal:before,
661
+
.fa-gavel:before {
662
+
content: "\f0e3";
663
+
}
664
+
.fa-dashboard:before,
665
+
.fa-tachometer:before {
666
+
content: "\f0e4";
667
+
}
668
+
.fa-comment-o:before {
669
+
content: "\f0e5";
670
+
}
671
+
.fa-comments-o:before {
672
+
content: "\f0e6";
673
+
}
674
+
.fa-flash:before,
675
+
.fa-bolt:before {
676
+
content: "\f0e7";
677
+
}
678
+
.fa-sitemap:before {
679
+
content: "\f0e8";
680
+
}
681
+
.fa-umbrella:before {
682
+
content: "\f0e9";
683
+
}
684
+
.fa-paste:before,
685
+
.fa-clipboard:before {
686
+
content: "\f0ea";
687
+
}
688
+
.fa-lightbulb-o:before {
689
+
content: "\f0eb";
690
+
}
691
+
.fa-exchange:before {
692
+
content: "\f0ec";
693
+
}
694
+
.fa-cloud-download:before {
695
+
content: "\f0ed";
696
+
}
697
+
.fa-cloud-upload:before {
698
+
content: "\f0ee";
699
+
}
700
+
.fa-user-md:before {
701
+
content: "\f0f0";
702
+
}
703
+
.fa-stethoscope:before {
704
+
content: "\f0f1";
705
+
}
706
+
.fa-suitcase:before {
707
+
content: "\f0f2";
708
+
}
709
+
.fa-bell-o:before {
710
+
content: "\f0a2";
711
+
}
712
+
.fa-coffee:before {
713
+
content: "\f0f4";
714
+
}
715
+
.fa-cutlery:before {
716
+
content: "\f0f5";
717
+
}
718
+
.fa-file-text-o:before {
719
+
content: "\f0f6";
720
+
}
721
+
.fa-building-o:before {
722
+
content: "\f0f7";
723
+
}
724
+
.fa-hospital-o:before {
725
+
content: "\f0f8";
726
+
}
727
+
.fa-ambulance:before {
728
+
content: "\f0f9";
729
+
}
730
+
.fa-medkit:before {
731
+
content: "\f0fa";
732
+
}
733
+
.fa-fighter-jet:before {
734
+
content: "\f0fb";
735
+
}
736
+
.fa-beer:before {
737
+
content: "\f0fc";
738
+
}
739
+
.fa-h-square:before {
740
+
content: "\f0fd";
741
+
}
742
+
.fa-plus-square:before {
743
+
content: "\f0fe";
744
+
}
745
+
.fa-angle-double-left:before {
746
+
content: "\f100";
747
+
}
748
+
.fa-angle-double-right:before {
749
+
content: "\f101";
750
+
}
751
+
.fa-angle-double-up:before {
752
+
content: "\f102";
753
+
}
754
+
.fa-angle-double-down:before {
755
+
content: "\f103";
756
+
}
757
+
.fa-angle-left:before {
758
+
content: "\f104";
759
+
}
760
+
.fa-angle-right:before {
761
+
content: "\f105";
762
+
}
763
+
.fa-angle-up:before {
764
+
content: "\f106";
765
+
}
766
+
.fa-angle-down:before {
767
+
content: "\f107";
768
+
}
769
+
.fa-desktop:before {
770
+
content: "\f108";
771
+
}
772
+
.fa-laptop:before {
773
+
content: "\f109";
774
+
}
775
+
.fa-tablet:before {
776
+
content: "\f10a";
777
+
}
778
+
.fa-mobile-phone:before,
779
+
.fa-mobile:before {
780
+
content: "\f10b";
781
+
}
782
+
.fa-circle-o:before {
783
+
content: "\f10c";
784
+
}
785
+
.fa-quote-left:before {
786
+
content: "\f10d";
787
+
}
788
+
.fa-quote-right:before {
789
+
content: "\f10e";
790
+
}
791
+
.fa-spinner:before {
792
+
content: "\f110";
793
+
}
794
+
.fa-circle:before {
795
+
content: "\f111";
796
+
}
797
+
.fa-mail-reply:before,
798
+
.fa-reply:before {
799
+
content: "\f112";
800
+
}
801
+
.fa-github-alt:before {
802
+
content: "\f113";
803
+
}
804
+
.fa-folder-o:before {
805
+
content: "\f114";
806
+
}
807
+
.fa-folder-open-o:before {
808
+
content: "\f115";
809
+
}
810
+
.fa-smile-o:before {
811
+
content: "\f118";
812
+
}
813
+
.fa-frown-o:before {
814
+
content: "\f119";
815
+
}
816
+
.fa-meh-o:before {
817
+
content: "\f11a";
818
+
}
819
+
.fa-gamepad:before {
820
+
content: "\f11b";
821
+
}
822
+
.fa-keyboard-o:before {
823
+
content: "\f11c";
824
+
}
825
+
.fa-flag-o:before {
826
+
content: "\f11d";
827
+
}
828
+
.fa-flag-checkered:before {
829
+
content: "\f11e";
830
+
}
831
+
.fa-terminal:before {
832
+
content: "\f120";
833
+
}
834
+
.fa-code:before {
835
+
content: "\f121";
836
+
}
837
+
.fa-reply-all:before {
838
+
content: "\f122";
839
+
}
840
+
.fa-mail-reply-all:before {
841
+
content: "\f122";
842
+
}
843
+
.fa-star-half-empty:before,
844
+
.fa-star-half-full:before,
845
+
.fa-star-half-o:before {
846
+
content: "\f123";
847
+
}
848
+
.fa-location-arrow:before {
849
+
content: "\f124";
850
+
}
851
+
.fa-crop:before {
852
+
content: "\f125";
853
+
}
854
+
.fa-code-fork:before {
855
+
content: "\f126";
856
+
}
857
+
.fa-unlink:before,
858
+
.fa-chain-broken:before {
859
+
content: "\f127";
860
+
}
861
+
.fa-question:before {
862
+
content: "\f128";
863
+
}
864
+
.fa-info:before {
865
+
content: "\f129";
866
+
}
867
+
.fa-exclamation:before {
868
+
content: "\f12a";
869
+
}
870
+
.fa-superscript:before {
871
+
content: "\f12b";
872
+
}
873
+
.fa-subscript:before {
874
+
content: "\f12c";
875
+
}
876
+
.fa-eraser:before {
877
+
content: "\f12d";
878
+
}
879
+
.fa-puzzle-piece:before {
880
+
content: "\f12e";
881
+
}
882
+
.fa-microphone:before {
883
+
content: "\f130";
884
+
}
885
+
.fa-microphone-slash:before {
886
+
content: "\f131";
887
+
}
888
+
.fa-shield:before {
889
+
content: "\f132";
890
+
}
891
+
.fa-calendar-o:before {
892
+
content: "\f133";
893
+
}
894
+
.fa-fire-extinguisher:before {
895
+
content: "\f134";
896
+
}
897
+
.fa-rocket:before {
898
+
content: "\f135";
899
+
}
900
+
.fa-maxcdn:before {
901
+
content: "\f136";
902
+
}
903
+
.fa-chevron-circle-left:before {
904
+
content: "\f137";
905
+
}
906
+
.fa-chevron-circle-right:before {
907
+
content: "\f138";
908
+
}
909
+
.fa-chevron-circle-up:before {
910
+
content: "\f139";
911
+
}
912
+
.fa-chevron-circle-down:before {
913
+
content: "\f13a";
914
+
}
915
+
.fa-html5:before {
916
+
content: "\f13b";
917
+
}
918
+
.fa-css3:before {
919
+
content: "\f13c";
920
+
}
921
+
.fa-anchor:before {
922
+
content: "\f13d";
923
+
}
924
+
.fa-unlock-alt:before {
925
+
content: "\f13e";
926
+
}
927
+
.fa-bullseye:before {
928
+
content: "\f140";
929
+
}
930
+
.fa-ellipsis-h:before {
931
+
content: "\f141";
932
+
}
933
+
.fa-ellipsis-v:before {
934
+
content: "\f142";
935
+
}
936
+
.fa-rss-square:before {
937
+
content: "\f143";
938
+
}
939
+
.fa-play-circle:before {
940
+
content: "\f144";
941
+
}
942
+
.fa-ticket:before {
943
+
content: "\f145";
944
+
}
945
+
.fa-minus-square:before {
946
+
content: "\f146";
947
+
}
948
+
.fa-minus-square-o:before {
949
+
content: "\f147";
950
+
}
951
+
.fa-level-up:before {
952
+
content: "\f148";
953
+
}
954
+
.fa-level-down:before {
955
+
content: "\f149";
956
+
}
957
+
.fa-check-square:before {
958
+
content: "\f14a";
959
+
}
960
+
.fa-pencil-square:before {
961
+
content: "\f14b";
962
+
}
963
+
.fa-external-link-square:before {
964
+
content: "\f14c";
965
+
}
966
+
.fa-share-square:before {
967
+
content: "\f14d";
968
+
}
969
+
.fa-compass:before {
970
+
content: "\f14e";
971
+
}
972
+
.fa-toggle-down:before,
973
+
.fa-caret-square-o-down:before {
974
+
content: "\f150";
975
+
}
976
+
.fa-toggle-up:before,
977
+
.fa-caret-square-o-up:before {
978
+
content: "\f151";
979
+
}
980
+
.fa-toggle-right:before,
981
+
.fa-caret-square-o-right:before {
982
+
content: "\f152";
983
+
}
984
+
.fa-euro:before,
985
+
.fa-eur:before {
986
+
content: "\f153";
987
+
}
988
+
.fa-gbp:before {
989
+
content: "\f154";
990
+
}
991
+
.fa-dollar:before,
992
+
.fa-usd:before {
993
+
content: "\f155";
994
+
}
995
+
.fa-rupee:before,
996
+
.fa-inr:before {
997
+
content: "\f156";
998
+
}
999
+
.fa-cny:before,
1000
+
.fa-rmb:before,
1001
+
.fa-yen:before,
1002
+
.fa-jpy:before {
1003
+
content: "\f157";
1004
+
}
1005
+
.fa-ruble:before,
1006
+
.fa-rouble:before,
1007
+
.fa-rub:before {
1008
+
content: "\f158";
1009
+
}
1010
+
.fa-won:before,
1011
+
.fa-krw:before {
1012
+
content: "\f159";
1013
+
}
1014
+
.fa-bitcoin:before,
1015
+
.fa-btc:before {
1016
+
content: "\f15a";
1017
+
}
1018
+
.fa-file:before {
1019
+
content: "\f15b";
1020
+
}
1021
+
.fa-file-text:before {
1022
+
content: "\f15c";
1023
+
}
1024
+
.fa-sort-alpha-asc:before {
1025
+
content: "\f15d";
1026
+
}
1027
+
.fa-sort-alpha-desc:before {
1028
+
content: "\f15e";
1029
+
}
1030
+
.fa-sort-amount-asc:before {
1031
+
content: "\f160";
1032
+
}
1033
+
.fa-sort-amount-desc:before {
1034
+
content: "\f161";
1035
+
}
1036
+
.fa-sort-numeric-asc:before {
1037
+
content: "\f162";
1038
+
}
1039
+
.fa-sort-numeric-desc:before {
1040
+
content: "\f163";
1041
+
}
1042
+
.fa-thumbs-up:before {
1043
+
content: "\f164";
1044
+
}
1045
+
.fa-thumbs-down:before {
1046
+
content: "\f165";
1047
+
}
1048
+
.fa-youtube-square:before {
1049
+
content: "\f166";
1050
+
}
1051
+
.fa-youtube:before {
1052
+
content: "\f167";
1053
+
}
1054
+
.fa-xing:before {
1055
+
content: "\f168";
1056
+
}
1057
+
.fa-xing-square:before {
1058
+
content: "\f169";
1059
+
}
1060
+
.fa-youtube-play:before {
1061
+
content: "\f16a";
1062
+
}
1063
+
.fa-dropbox:before {
1064
+
content: "\f16b";
1065
+
}
1066
+
.fa-stack-overflow:before {
1067
+
content: "\f16c";
1068
+
}
1069
+
.fa-instagram:before {
1070
+
content: "\f16d";
1071
+
}
1072
+
.fa-flickr:before {
1073
+
content: "\f16e";
1074
+
}
1075
+
.fa-adn:before {
1076
+
content: "\f170";
1077
+
}
1078
+
.fa-bitbucket:before {
1079
+
content: "\f171";
1080
+
}
1081
+
.fa-bitbucket-square:before {
1082
+
content: "\f172";
1083
+
}
1084
+
.fa-tumblr:before {
1085
+
content: "\f173";
1086
+
}
1087
+
.fa-tumblr-square:before {
1088
+
content: "\f174";
1089
+
}
1090
+
.fa-long-arrow-down:before {
1091
+
content: "\f175";
1092
+
}
1093
+
.fa-long-arrow-up:before {
1094
+
content: "\f176";
1095
+
}
1096
+
.fa-long-arrow-left:before {
1097
+
content: "\f177";
1098
+
}
1099
+
.fa-long-arrow-right:before {
1100
+
content: "\f178";
1101
+
}
1102
+
.fa-apple:before {
1103
+
content: "\f179";
1104
+
}
1105
+
.fa-windows:before {
1106
+
content: "\f17a";
1107
+
}
1108
+
.fa-android:before {
1109
+
content: "\f17b";
1110
+
}
1111
+
.fa-linux:before {
1112
+
content: "\f17c";
1113
+
}
1114
+
.fa-dribbble:before {
1115
+
content: "\f17d";
1116
+
}
1117
+
.fa-skype:before {
1118
+
content: "\f17e";
1119
+
}
1120
+
.fa-foursquare:before {
1121
+
content: "\f180";
1122
+
}
1123
+
.fa-trello:before {
1124
+
content: "\f181";
1125
+
}
1126
+
.fa-female:before {
1127
+
content: "\f182";
1128
+
}
1129
+
.fa-male:before {
1130
+
content: "\f183";
1131
+
}
1132
+
.fa-gittip:before {
1133
+
content: "\f184";
1134
+
}
1135
+
.fa-sun-o:before {
1136
+
content: "\f185";
1137
+
}
1138
+
.fa-moon-o:before {
1139
+
content: "\f186";
1140
+
}
1141
+
.fa-archive:before {
1142
+
content: "\f187";
1143
+
}
1144
+
.fa-bug:before {
1145
+
content: "\f188";
1146
+
}
1147
+
.fa-vk:before {
1148
+
content: "\f189";
1149
+
}
1150
+
.fa-weibo:before {
1151
+
content: "\f18a";
1152
+
}
1153
+
.fa-renren:before {
1154
+
content: "\f18b";
1155
+
}
1156
+
.fa-pagelines:before {
1157
+
content: "\f18c";
1158
+
}
1159
+
.fa-stack-exchange:before {
1160
+
content: "\f18d";
1161
+
}
1162
+
.fa-arrow-circle-o-right:before {
1163
+
content: "\f18e";
1164
+
}
1165
+
.fa-arrow-circle-o-left:before {
1166
+
content: "\f190";
1167
+
}
1168
+
.fa-toggle-left:before,
1169
+
.fa-caret-square-o-left:before {
1170
+
content: "\f191";
1171
+
}
1172
+
.fa-dot-circle-o:before {
1173
+
content: "\f192";
1174
+
}
1175
+
.fa-wheelchair:before {
1176
+
content: "\f193";
1177
+
}
1178
+
.fa-vimeo-square:before {
1179
+
content: "\f194";
1180
+
}
1181
+
.fa-turkish-lira:before,
1182
+
.fa-try:before {
1183
+
content: "\f195";
1184
+
}
1185
+
.fa-plus-square-o:before {
1186
+
content: "\f196";
1187
+
}
+203
-254
webroot/rsrc/css/font/font-glyphicons-halflings.css
+203
-254
webroot/rsrc/css/font/font-glyphicons-halflings.css
···
8
8
font-weight: normal;
9
9
font-style: normal;
10
10
}
11
-
.phui-icon-view.halflings {
12
-
display: inline-block;
13
-
position: relative;
14
-
padding-left: 20px;
15
-
color: {$darkgreytext};
16
-
text-decoration: none;
17
-
*display: inline;
18
-
*zoom: 1;
19
-
vertical-align: middle;
20
-
}
21
-
.phui-icon-view.halflings:before {
22
-
position: absolute;
23
-
left: 0;
24
-
top: 0;
25
-
display: inline-block;
26
-
margin: 0 5px 0 0;
11
+
12
+
.phui-font-gh:before {
27
13
font: 12px/1em 'Glyphicons Halflings Regular';
28
-
font-style: normal;
29
-
font-weight: normal;
30
-
color: {$darkgreytext};
31
-
*display: inline;
32
-
*zoom: 1;
33
-
vertical-align: middle;
34
-
text-transform: none;
35
-
-webkit-font-smoothing: antialiased;
36
-
}
37
-
.halflings.bluegrey:before {
38
-
color: #7787a6;
39
14
}
40
-
.halflings.white:before {
41
-
color: #fff;
42
-
}
43
-
.halflings.red:before {
44
-
color: {$red};
45
-
}
46
-
.halflings.orange:before {
47
-
color: {$orange};
48
-
}
49
-
.halflings.yellow:before {
50
-
color: {$yellow};
51
-
}
52
-
.halflings.green:before {
53
-
color: {$green}
54
-
}
55
-
.halflings.blue:before {
56
-
color: {$blue};
57
-
}
58
-
.halflings.sky:before {
59
-
color: {$sky};
60
-
}
61
-
.halflings.indigo:before {
62
-
color: {$indigo};
63
-
}
64
-
.halflings.violet:before {
65
-
color: {$violet};
66
-
}
67
-
.halflings.glass:before {
15
+
16
+
.gh-glass:before {
68
17
content: "\E001";
69
18
}
70
-
.halflings.music:before {
19
+
.gh-music:before {
71
20
content: "\E002";
72
21
}
73
-
.halflings.search:before {
22
+
.gh-search:before {
74
23
content: "\E003";
75
24
}
76
-
.halflings.envelope:before {
25
+
.gh-envelope:before {
77
26
content: "\2709";
78
27
}
79
-
.halflings.heart:before {
28
+
.gh-heart:before {
80
29
content: "\E005";
81
30
}
82
-
.halflings.star:before {
31
+
.gh-star:before {
83
32
content: "\E006";
84
33
}
85
-
.halflings.star-empty:before {
34
+
.gh-star-empty:before {
86
35
content: "\E007";
87
36
}
88
-
.halflings.user:before {
37
+
.gh-user:before {
89
38
content: "\E008";
90
39
}
91
-
.halflings.film:before {
40
+
.gh-film:before {
92
41
content: "\E009";
93
42
}
94
-
.halflings.th-large:before {
43
+
.gh-th-large:before {
95
44
content: "\E010";
96
45
}
97
-
.halflings.th:before {
46
+
.gh-th:before {
98
47
content: "\E011";
99
48
}
100
-
.halflings.th-list:before {
49
+
.gh-th-list:before {
101
50
content: "\E012";
102
51
}
103
-
.halflings.ok:before {
52
+
.gh-ok:before {
104
53
content: "\E013";
105
54
}
106
-
.halflings.remove:before {
55
+
.gh-remove:before {
107
56
content: "\E014";
108
57
}
109
-
.halflings.zoom-in:before {
58
+
.gh-zoom-in:before {
110
59
content: "\E015";
111
60
}
112
-
.halflings.zoom-out:before {
61
+
.gh-zoom-out:before {
113
62
content: "\E016";
114
63
}
115
-
.halflings.off:before {
64
+
.gh-off:before {
116
65
content: "\E017";
117
66
}
118
-
.halflings.signal:before {
67
+
.gh-signal:before {
119
68
content: "\E018";
120
69
}
121
-
.halflings.cog:before {
70
+
.gh-cog:before {
122
71
content: "\E019";
123
72
}
124
-
.halflings.trash:before {
73
+
.gh-trash:before {
125
74
content: "\E020";
126
75
}
127
-
.halflings.home:before {
76
+
.gh-home:before {
128
77
content: "\E021";
129
78
}
130
-
.halflings.file:before {
79
+
.gh-file:before {
131
80
content: "\E022";
132
81
}
133
-
.halflings.time:before {
82
+
.gh-time:before {
134
83
content: "\E023";
135
84
}
136
-
.halflings.road:before {
85
+
.gh-road:before {
137
86
content: "\E024";
138
87
}
139
-
.halflings.download-alt:before {
88
+
.gh-download-alt:before {
140
89
content: "\E025";
141
90
}
142
-
.halflings.download:before {
91
+
.gh-download:before {
143
92
content: "\E026";
144
93
}
145
-
.halflings.upload:before {
94
+
.gh-upload:before {
146
95
content: "\E027";
147
96
}
148
-
.halflings.inbox:before {
97
+
.gh-inbox:before {
149
98
content: "\E028";
150
99
}
151
-
.halflings.play-circle:before {
100
+
.gh-play-circle:before {
152
101
content: "\E029";
153
102
}
154
-
.halflings.repeat:before {
103
+
.gh-repeat:before {
155
104
content: "\E030";
156
105
}
157
-
.halflings.refresh:before {
106
+
.gh-refresh:before {
158
107
content: "\E031";
159
108
}
160
-
.halflings.list-alt:before {
109
+
.gh-list-alt:before {
161
110
content: "\E032";
162
111
}
163
-
.halflings.lock:before {
112
+
.gh-lock:before {
164
113
content: "\1F512";
165
114
}
166
-
.halflings.flag:before {
115
+
.gh-flag:before {
167
116
content: "\E034";
168
117
}
169
-
.halflings.headphones:before {
118
+
.gh-headphones:before {
170
119
content: "\E035";
171
120
}
172
-
.halflings.volume-off:before {
121
+
.gh-volume-off:before {
173
122
content: "\E036";
174
123
}
175
-
.halflings.volume-down:before {
124
+
.gh-volume-down:before {
176
125
content: "\E037";
177
126
}
178
-
.halflings.volume-up:before {
127
+
.gh-volume-up:before {
179
128
content: "\E038";
180
129
}
181
-
.halflings.qrcode:before {
130
+
.gh-qrcode:before {
182
131
content: "\E039";
183
132
}
184
-
.halflings.barcode:before {
133
+
.gh-barcode:before {
185
134
content: "\E040";
186
135
}
187
-
.halflings.tag:before {
136
+
.gh-tag:before {
188
137
content: "\E041";
189
138
}
190
-
.halflings.tags:before {
139
+
.gh-tags:before {
191
140
content: "\E042";
192
141
}
193
-
.halflings.book:before {
142
+
.gh-book:before {
194
143
content: "\E043";
195
144
}
196
-
.halflings.bookmark:before {
145
+
.gh-bookmark:before {
197
146
content: "\1F516";
198
147
}
199
-
.halflings.print:before {
148
+
.gh-print:before {
200
149
content: "\E045";
201
150
}
202
-
.halflings.camera:before {
151
+
.gh-camera:before {
203
152
content: "\1F4F7";
204
153
}
205
-
.halflings.font:before {
154
+
.gh-font:before {
206
155
content: "\E047";
207
156
}
208
-
.halflings.bold:before {
157
+
.gh-bold:before {
209
158
content: "\E048";
210
159
}
211
-
.halflings.italic:before {
160
+
.gh-italic:before {
212
161
content: "\E049";
213
162
}
214
-
.halflings.text-height:before {
163
+
.gh-text-height:before {
215
164
content: "\E050";
216
165
}
217
-
.halflings.text-width:before {
166
+
.gh-text-width:before {
218
167
content: "\E051";
219
168
}
220
-
.halflings.align-left:before {
169
+
.gh-align-left:before {
221
170
content: "\E052";
222
171
}
223
-
.halflings.align-center:before {
172
+
.gh-align-center:before {
224
173
content: "\E053";
225
174
}
226
-
.halflings.align-right:before {
175
+
.gh-align-right:before {
227
176
content: "\E054";
228
177
}
229
-
.halflings.align-justify:before {
178
+
.gh-align-justify:before {
230
179
content: "\E055";
231
180
}
232
-
.halflings.list:before {
181
+
.gh-list:before {
233
182
content: "\E056";
234
183
}
235
-
.halflings.indent-left:before {
184
+
.gh-indent-left:before {
236
185
content: "\E057";
237
186
}
238
-
.halflings.indent-right:before {
187
+
.gh-indent-right:before {
239
188
content: "\E058";
240
189
}
241
-
.halflings.facetime-video:before {
190
+
.gh-facetime-video:before {
242
191
content: "\E059";
243
192
}
244
-
.halflings.picture:before {
193
+
.gh-picture:before {
245
194
content: "\E060";
246
195
}
247
-
.halflings.pencil:before {
196
+
.gh-pencil:before {
248
197
content: "\270F";
249
198
}
250
-
.halflings.map-marker:before {
199
+
.gh-map-marker:before {
251
200
content: "\E062";
252
201
}
253
-
.halflings.adjust:before {
202
+
.gh-adjust:before {
254
203
content: "\E063";
255
204
}
256
-
.halflings.tint:before {
205
+
.gh-tint:before {
257
206
content: "\E064";
258
207
}
259
-
.halflings.edit:before {
208
+
.gh-edit:before {
260
209
content: "\E065";
261
210
}
262
-
.halflings.share:before {
211
+
.gh-share:before {
263
212
content: "\E066";
264
213
}
265
-
.halflings.check:before {
214
+
.gh-check:before {
266
215
content: "\E067";
267
216
}
268
-
.halflings.move:before {
217
+
.gh-move:before {
269
218
content: "\E068";
270
219
}
271
-
.halflings.step-backward:before {
220
+
.gh-step-backward:before {
272
221
content: "\E069";
273
222
}
274
-
.halflings.fast-backward:before {
223
+
.gh-fast-backward:before {
275
224
content: "\E070";
276
225
}
277
-
.halflings.backward:before {
226
+
.gh-backward:before {
278
227
content: "\E071";
279
228
}
280
-
.halflings.play:before {
229
+
.gh-play:before {
281
230
content: "\E072";
282
231
}
283
-
.halflings.pause:before {
232
+
.gh-pause:before {
284
233
content: "\E073";
285
234
}
286
-
.halflings.stop:before {
235
+
.gh-stop:before {
287
236
content: "\E074";
288
237
}
289
-
.halflings.forward:before {
238
+
.gh-forward:before {
290
239
content: "\E075";
291
240
}
292
-
.halflings.fast-forward:before {
241
+
.gh-fast-forward:before {
293
242
content: "\E076";
294
243
}
295
-
.halflings.step-forward:before {
244
+
.gh-step-forward:before {
296
245
content: "\E077";
297
246
}
298
-
.halflings.eject:before {
247
+
.gh-eject:before {
299
248
content: "\E078";
300
249
}
301
-
.halflings.chevron-left:before {
250
+
.gh-chevron-left:before {
302
251
content: "\E079";
303
252
}
304
-
.halflings.chevron-right:before {
253
+
.gh-chevron-right:before {
305
254
content: "\E080";
306
255
}
307
-
.halflings.plus-sign:before {
256
+
.gh-plus-sign:before {
308
257
content: "\E081";
309
258
}
310
-
.halflings.minus-sign:before {
259
+
.gh-minus-sign:before {
311
260
content: "\E082";
312
261
}
313
-
.halflings.remove-sign:before {
262
+
.gh-remove-sign:before {
314
263
content: "\E083";
315
264
}
316
-
.halflings.ok-sign:before {
265
+
.gh-ok-sign:before {
317
266
content: "\E084";
318
267
}
319
-
.halflings.question-sign:before {
268
+
.gh-question-sign:before {
320
269
content: "\E085";
321
270
}
322
-
.halflings.info-sign:before {
271
+
.gh-info-sign:before {
323
272
content: "\E086";
324
273
}
325
-
.halflings.screenshot:before {
274
+
.gh-screenshot:before {
326
275
content: "\E087";
327
276
}
328
-
.halflings.remove-circle:before {
277
+
.gh-remove-circle:before {
329
278
content: "\E088";
330
279
}
331
-
.halflings.ok-circle:before {
280
+
.gh-ok-circle:before {
332
281
content: "\E089";
333
282
}
334
-
.halflings.ban-circle:before {
283
+
.gh-ban-circle:before {
335
284
content: "\E090";
336
285
}
337
-
.halflings.arrow-left:before {
286
+
.gh-arrow-left:before {
338
287
content: "\E091";
339
288
}
340
-
.halflings.arrow-right:before {
289
+
.gh-arrow-right:before {
341
290
content: "\E092";
342
291
}
343
-
.halflings.arrow-up:before {
292
+
.gh-arrow-up:before {
344
293
content: "\E093";
345
294
}
346
-
.halflings.arrow-down:before {
295
+
.gh-arrow-down:before {
347
296
content: "\E094";
348
297
}
349
-
.halflings.share-alt:before {
298
+
.gh-share-alt:before {
350
299
content: "\E095";
351
300
}
352
-
.halflings.resize-full:before {
301
+
.gh-resize-full:before {
353
302
content: "\E096";
354
303
}
355
-
.halflings.resize-small:before {
304
+
.gh-resize-small:before {
356
305
content: "\E097";
357
306
}
358
-
.halflings.plus:before {
307
+
.gh-plus:before {
359
308
content: "\002B";
360
309
}
361
-
.halflings.minus:before {
310
+
.gh-minus:before {
362
311
content: "\2212";
363
312
}
364
-
.halflings.asterisk:before {
313
+
.gh-asterisk:before {
365
314
content: "\002A";
366
315
}
367
-
.halflings.exclamation-sign:before {
316
+
.gh-exclamation-sign:before {
368
317
content: "\E101";
369
318
}
370
-
.halflings.gift:before {
319
+
.gh-gift:before {
371
320
content: "\E102";
372
321
}
373
-
.halflings.leaf:before {
322
+
.gh-leaf:before {
374
323
content: "\E103";
375
324
}
376
-
.halflings.fire:before {
325
+
.gh-fire:before {
377
326
content: "\1F525";
378
327
}
379
-
.halflings.eye-open:before {
328
+
.gh-eye-open:before {
380
329
content: "\E105";
381
330
}
382
-
.halflings.eye-close:before {
331
+
.gh-eye-close:before {
383
332
content: "\E106";
384
333
}
385
-
.halflings.warning-sign:before {
334
+
.gh-warning-sign:before {
386
335
content: "\E107";
387
336
}
388
-
.halflings.plane:before {
337
+
.gh-plane:before {
389
338
content: "\E108";
390
339
}
391
-
.halflings.calendar:before {
340
+
.gh-calendar:before {
392
341
content: "\1F4C5";
393
342
}
394
-
.halflings.random:before {
343
+
.gh-random:before {
395
344
content: "\E110";
396
345
}
397
-
.halflings.comments:before {
346
+
.gh-comments:before {
398
347
content: "\E111";
399
348
}
400
-
.halflings.magnet:before {
349
+
.gh-magnet:before {
401
350
content: "\E112";
402
351
}
403
-
.halflings.chevron-up:before {
352
+
.gh-chevron-up:before {
404
353
content: "\E113";
405
354
}
406
-
.halflings.chevron-down:before {
355
+
.gh-chevron-down:before {
407
356
content: "\E114";
408
357
}
409
-
.halflings.retweet:before {
358
+
.gh-retweet:before {
410
359
content: "\E115";
411
360
}
412
-
.halflings.shopping-cart:before {
361
+
.gh-shopping-cart:before {
413
362
content: "\E116";
414
363
}
415
-
.halflings.folder-close:before {
364
+
.gh-folder-close:before {
416
365
content: "\E117";
417
366
}
418
-
.halflings.folder-open:before {
367
+
.gh-folder-open:before {
419
368
content: "\E118";
420
369
}
421
-
.halflings.resize-vertical:before {
370
+
.gh-resize-vertical:before {
422
371
content: "\E119";
423
372
}
424
-
.halflings.resize-horizontal:before {
373
+
.gh-resize-horizontal:before {
425
374
content: "\E120";
426
375
}
427
-
.halflings.hdd:before {
376
+
.gh-hdd:before {
428
377
content: "\E121";
429
378
}
430
-
.halflings.bullhorn:before {
379
+
.gh-bullhorn:before {
431
380
content: "\E122";
432
381
}
433
-
.halflings.bell:before {
382
+
.gh-bell:before {
434
383
content: "\1F514";
435
384
}
436
-
.halflings.certificate:before {
385
+
.gh-certificate:before {
437
386
content: "\E124";
438
387
}
439
-
.halflings.thumbs-up:before {
388
+
.gh-thumbs-up:before {
440
389
content: "\E125";
441
390
}
442
-
.halflings.thumbs-down:before {
391
+
.gh-thumbs-down:before {
443
392
content: "\E126";
444
393
}
445
-
.halflings.hand-right:before {
394
+
.gh-hand-right:before {
446
395
content: "\E127";
447
396
}
448
-
.halflings.hand-left:before {
397
+
.gh-hand-left:before {
449
398
content: "\E128";
450
399
}
451
-
.halflings.hand-top:before {
400
+
.gh-hand-top:before {
452
401
content: "\E129";
453
402
}
454
-
.halflings.hand-down:before {
403
+
.gh-hand-down:before {
455
404
content: "\E130";
456
405
}
457
-
.halflings.circle-arrow-right:before {
406
+
.gh-circle-arrow-right:before {
458
407
content: "\E131";
459
408
}
460
-
.halflings.circle-arrow-left:before {
409
+
.gh-circle-arrow-left:before {
461
410
content: "\E132";
462
411
}
463
-
.halflings.circle-arrow-top:before {
412
+
.gh-circle-arrow-top:before {
464
413
content: "\E133";
465
414
}
466
-
.halflings.circle-arrow-down:before {
415
+
.gh-circle-arrow-down:before {
467
416
content: "\E134";
468
417
}
469
-
.halflings.globe:before {
418
+
.gh-globe:before {
470
419
content: "\E135";
471
420
}
472
-
.halflings.wrench:before {
421
+
.gh-wrench:before {
473
422
content: "\1F527";
474
423
}
475
-
.halflings.tasks:before {
424
+
.gh-tasks:before {
476
425
content: "\E137";
477
426
}
478
-
.halflings.filter:before {
427
+
.gh-filter:before {
479
428
content: "\E138";
480
429
}
481
-
.halflings.briefcase:before {
430
+
.gh-briefcase:before {
482
431
content: "\1F4BC";
483
432
}
484
-
.halflings.fullscreen:before {
433
+
.gh-fullscreen:before {
485
434
content: "\E140";
486
435
}
487
-
.halflings.dashboard:before {
436
+
.gh-dashboard:before {
488
437
content: "\E141";
489
438
}
490
-
.halflings.paperclip:before {
439
+
.gh-paperclip:before {
491
440
content: "\1F4CE";
492
441
}
493
-
.halflings.heart-empty:before {
442
+
.gh-heart-empty:before {
494
443
content: "\E143";
495
444
}
496
-
.halflings.link:before {
445
+
.gh-link:before {
497
446
content: "\E144";
498
447
}
499
-
.halflings.phone:before {
448
+
.gh-phone:before {
500
449
content: "\E145";
501
450
}
502
-
.halflings.pushpin:before {
451
+
.gh-pushpin:before {
503
452
content: "\1F4CC";
504
453
}
505
-
.halflings.euro:before {
454
+
.gh-euro:before {
506
455
content: "\20AC";
507
456
}
508
-
.halflings.usd:before {
457
+
.gh-usd:before {
509
458
content: "\E148";
510
459
}
511
-
.halflings.gbp:before {
460
+
.gh-gbp:before {
512
461
content: "\E149";
513
462
}
514
-
.halflings.sort:before {
463
+
.gh-sort:before {
515
464
content: "\E150";
516
465
}
517
-
.halflings.sort-by-alphabet:before {
466
+
.gh-sort-by-alphabet:before {
518
467
content: "\E151";
519
468
}
520
-
.halflings.sort-by-alphabet-alt:before {
469
+
.gh-sort-by-alphabet-alt:before {
521
470
content: "\E152";
522
471
}
523
-
.halflings.sort-by-order:before {
472
+
.gh-sort-by-order:before {
524
473
content: "\E153";
525
474
}
526
-
.halflings.sort-by-order-alt:before {
475
+
.gh-sort-by-order-alt:before {
527
476
content: "\E154";
528
477
}
529
-
.halflings.sort-by-attributes:before {
478
+
.gh-sort-by-attributes:before {
530
479
content: "\E155";
531
480
}
532
-
.halflings.sort-by-attributes-alt:before {
481
+
.gh-sort-by-attributes-alt:before {
533
482
content: "\E156";
534
483
}
535
-
.halflings.unchecked:before {
484
+
.gh-unchecked:before {
536
485
content: "\E157";
537
486
}
538
-
.halflings.expand:before {
487
+
.gh-expand:before {
539
488
content: "\E158";
540
489
}
541
-
.halflings.collapse:before {
490
+
.gh-collapse:before {
542
491
content: "\E159";
543
492
}
544
-
.halflings.collapse-top:before {
493
+
.gh-collapse-top:before {
545
494
content: "\E160";
546
495
}
547
-
.halflings.log_in:before {
496
+
.gh-log_in:before {
548
497
content: "\E161";
549
498
}
550
-
.halflings.flash:before {
499
+
.gh-flash:before {
551
500
content: "\E162";
552
501
}
553
-
.halflings.log_out:before {
502
+
.gh-log_out:before {
554
503
content: "\E163";
555
504
}
556
-
.halflings.new_window:before {
505
+
.gh-new_window:before {
557
506
content: "\E164";
558
507
}
559
-
.halflings.record:before {
508
+
.gh-record:before {
560
509
content: "\E165";
561
510
}
562
-
.halflings.save:before {
511
+
.gh-save:before {
563
512
content: "\E166";
564
513
}
565
-
.halflings.open:before {
514
+
.gh-open:before {
566
515
content: "\E167";
567
516
}
568
-
.halflings.saved:before {
517
+
.gh-saved:before {
569
518
content: "\E168";
570
519
}
571
-
.halflings.import:before {
520
+
.gh-import:before {
572
521
content: "\E169";
573
522
}
574
-
.halflings.export:before {
523
+
.gh-export:before {
575
524
content: "\E170";
576
525
}
577
-
.halflings.send:before {
526
+
.gh-send:before {
578
527
content: "\E171";
579
528
}
580
-
.halflings.floppy_disk:before {
529
+
.gh-floppy_disk:before {
581
530
content: "\E172";
582
531
}
583
-
.halflings.floppy_saved:before {
532
+
.gh-floppy_saved:before {
584
533
content: "\E173";
585
534
}
586
-
.halflings.floppy_remove:before {
535
+
.gh-floppy_remove:before {
587
536
content: "\E174";
588
537
}
589
-
.halflings.floppy_save:before {
538
+
.gh-floppy_save:before {
590
539
content: "\E175";
591
540
}
592
-
.halflings.floppy_open:before {
541
+
.gh-floppy_open:before {
593
542
content: "\E176";
594
543
}
595
-
.halflings.credit_card:before {
544
+
.gh-credit_card:before {
596
545
content: "\E177";
597
546
}
598
-
.halflings.transfer:before {
547
+
.gh-transfer:before {
599
548
content: "\E178";
600
549
}
601
-
.halflings.cutlery:before {
550
+
.gh-cutlery:before {
602
551
content: "\E179";
603
552
}
604
-
.halflings.header:before {
553
+
.gh-header:before {
605
554
content: "\E180";
606
555
}
607
-
.halflings.compressed:before {
556
+
.gh-compressed:before {
608
557
content: "\E181";
609
558
}
610
-
.halflings.earphone:before {
559
+
.gh-earphone:before {
611
560
content: "\E182";
612
561
}
613
-
.halflings.phone_alt:before {
562
+
.gh-phone_alt:before {
614
563
content: "\E183";
615
564
}
616
-
.halflings.tower:before {
565
+
.gh-tower:before {
617
566
content: "\E184";
618
567
}
619
-
.halflings.stats:before {
568
+
.gh-stats:before {
620
569
content: "\E185";
621
570
}
622
-
.halflings.sd_video:before {
571
+
.gh-sd_video:before {
623
572
content: "\E186";
624
573
}
625
-
.halflings.hd_video:before {
574
+
.gh-hd_video:before {
626
575
content: "\E187";
627
576
}
628
-
.halflings.subtitles:before {
577
+
.gh-subtitles:before {
629
578
content: "\E188";
630
579
}
631
-
.halflings.sound_stereo:before {
580
+
.gh-sound_stereo:before {
632
581
content: "\E189";
633
582
}
634
-
.halflings.sound_dolby:before {
583
+
.gh-sound_dolby:before {
635
584
content: "\E190";
636
585
}
637
-
.halflings.sound_5_1:before {
586
+
.gh-sound_5_1:before {
638
587
content: "\E191";
639
588
}
640
-
.halflings.sound_6_1:before {
589
+
.gh-sound_6_1:before {
641
590
content: "\E192";
642
591
}
643
-
.halflings.sound_7_1:before {
592
+
.gh-sound_7_1:before {
644
593
content: "\E193";
645
594
}
646
-
.halflings.copyright_mark:before {
595
+
.gh-copyright_mark:before {
647
596
content: "\E194";
648
597
}
649
-
.halflings.registration_mark:before {
598
+
.gh-registration_mark:before {
650
599
content: "\E195";
651
600
}
652
-
.halflings.cloud:before {
601
+
.gh-cloud:before {
653
602
content: "\2601";
654
603
}
655
-
.halflings.cloud_download:before {
604
+
.gh-cloud_download:before {
656
605
content: "\E197";
657
606
}
658
-
.halflings.cloud_upload:before {
607
+
.gh-cloud_upload:before {
659
608
content: "\E198";
660
609
}
661
-
.halflings.tree_conifer:before {
610
+
.gh-tree_conifer:before {
662
611
content: "\E199";
663
612
}
664
-
.halflings.tree_deciduous:before {
613
+
.gh-tree_deciduous:before {
665
614
content: "\E200";
666
615
}
+160
webroot/rsrc/css/font/phui-font-icon-base.css
+160
webroot/rsrc/css/font/phui-font-icon-base.css
···
1
+
/**
2
+
* @provides phui-font-icon-base-css
3
+
*/
4
+
5
+
.phui-font-gh,
6
+
.phui-font-fa {
7
+
display: inline-block;
8
+
position: relative;
9
+
color: {$darkgreytext};
10
+
text-decoration: none;
11
+
*display: inline;
12
+
*zoom: 1;
13
+
vertical-align: middle;
14
+
}
15
+
.phui-font-gh:before,
16
+
.phui-font-fa:before {
17
+
position: absolute;
18
+
left: 0;
19
+
top: 0;
20
+
display: inline-block;
21
+
margin: 0 5px 0 0;
22
+
font-style: normal;
23
+
font-weight: normal;
24
+
color: {$darkgreytext};
25
+
*display: inline;
26
+
*zoom: 1;
27
+
vertical-align: middle;
28
+
text-transform: none;
29
+
-webkit-font-smoothing: antialiased;
30
+
-moz-osx-font-smoothing: grayscale;
31
+
}
32
+
33
+
.ph-rotate-90 {
34
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
35
+
-webkit-transform: rotate(90deg);
36
+
-moz-transform: rotate(90deg);
37
+
-ms-transform: rotate(90deg);
38
+
-o-transform: rotate(90deg);
39
+
transform: rotate(90deg);
40
+
}
41
+
42
+
.ph-rotate-180 {
43
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
44
+
-webkit-transform: rotate(180deg);
45
+
-moz-transform: rotate(180deg);
46
+
-ms-transform: rotate(180deg);
47
+
-o-transform: rotate(180deg);
48
+
transform: rotate(180deg);
49
+
}
50
+
51
+
.ph-rotate-270 {
52
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
53
+
-webkit-transform: rotate(270deg);
54
+
-moz-transform: rotate(270deg);
55
+
-ms-transform: rotate(270deg);
56
+
-o-transform: rotate(270deg);
57
+
transform: rotate(270deg);
58
+
}
59
+
60
+
.ph-flip-horizontal {
61
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
62
+
-webkit-transform: scale(-1, 1);
63
+
-moz-transform: scale(-1, 1);
64
+
-ms-transform: scale(-1, 1);
65
+
-o-transform: scale(-1, 1);
66
+
transform: scale(-1, 1);
67
+
}
68
+
69
+
.ph-flip-vertical {
70
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
71
+
-webkit-transform: scale(1, -1);
72
+
-moz-transform: scale(1, -1);
73
+
-ms-transform: scale(1, -1);
74
+
-o-transform: scale(1, -1);
75
+
transform: scale(1, -1);
76
+
}
77
+
78
+
.ph-spin {
79
+
-webkit-animation: spin 2s infinite linear;
80
+
-moz-animation: spin 2s infinite linear;
81
+
-o-animation: spin 2s infinite linear;
82
+
animation: spin 2s infinite linear;
83
+
}
84
+
@-moz-keyframes spin {
85
+
0% {
86
+
-moz-transform: rotate(0deg);
87
+
}
88
+
100% {
89
+
-moz-transform: rotate(359deg);
90
+
}
91
+
}
92
+
@-webkit-keyframes spin {
93
+
0% {
94
+
-webkit-transform: rotate(0deg);
95
+
}
96
+
100% {
97
+
-webkit-transform: rotate(359deg);
98
+
}
99
+
}
100
+
@-o-keyframes spin {
101
+
0% {
102
+
-o-transform: rotate(0deg);
103
+
}
104
+
100% {
105
+
-o-transform: rotate(359deg);
106
+
}
107
+
}
108
+
@-ms-keyframes spin {
109
+
0% {
110
+
-ms-transform: rotate(0deg);
111
+
}
112
+
100% {
113
+
-ms-transform: rotate(359deg);
114
+
}
115
+
}
116
+
@keyframes spin {
117
+
0% {
118
+
transform: rotate(0deg);
119
+
}
120
+
100% {
121
+
transform: rotate(359deg);
122
+
}
123
+
}
124
+
125
+
.phui-icon-view.bluegrey:before {
126
+
color: #7787a6;
127
+
}
128
+
.phui-icon-view.white:before {
129
+
color: #fff;
130
+
}
131
+
.phui-icon-view.red:before {
132
+
color: {$red};
133
+
}
134
+
.phui-icon-view.orange:before {
135
+
color: {$orange};
136
+
}
137
+
.phui-icon-view.yellow:before {
138
+
color: {$yellow};
139
+
}
140
+
.phui-icon-view.green:before {
141
+
color: {$green}
142
+
}
143
+
.phui-icon-view.blue:before {
144
+
color: {$blue};
145
+
}
146
+
.phui-icon-view.sky:before {
147
+
color: {$sky};
148
+
}
149
+
.phui-icon-view.indigo:before {
150
+
color: {$indigo};
151
+
}
152
+
.phui-icon-view.violet:before {
153
+
color: {$violet};
154
+
}
155
+
.phui-icon-view.lightbluetext:before {
156
+
color: {$lightbluetext};
157
+
}
158
+
.phui-icon-view.lightgreytext:before {
159
+
color: {$lightgreytext};
160
+
}
+4
webroot/rsrc/css/phui/phui-icon.css
+4
webroot/rsrc/css/phui/phui-icon.css
webroot/rsrc/externals/font/fontawesome/fontawesome-webfont.eot
webroot/rsrc/externals/font/fontawesome/fontawesome-webfont.eot
This is a binary file and will not be displayed.
webroot/rsrc/externals/font/fontawesome/fontawesome-webfont.ttf
webroot/rsrc/externals/font/fontawesome/fontawesome-webfont.ttf
This is a binary file and will not be displayed.
webroot/rsrc/externals/font/fontawesome/fontawesome-webfont.woff
webroot/rsrc/externals/font/fontawesome/fontawesome-webfont.woff
This is a binary file and will not be displayed.