2013-12-15 06:42:32 +08:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
2014-03-29 00:02:39 +08:00
< title > Font Reference - RainLoop< / title >
2013-12-15 06:42:32 +08:00
< link href = "http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel = "stylesheet" type = "text/css" >
< link rel = "stylesheet" href = "styles.css" >
< style type = "text/css" >
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
body{line-height:1;color:#000;background:#fff}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
a img{border:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-family:'Dosis','Tahoma',sans-serif}
.container{margin:15px auto;width:80%}
h1{margin:40px 0 20px;font-weight:700;font-size:38px;line-height:32px;color:#fb565e}
h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercase;font-weight:500}
.small{font-size:14px;color:#a5adb4;}
.small a{color:#a5adb4;}
.small a:hover{color:#fb565e}
.glyphs.character-mapping{margin:0 0 20px 0;padding:20px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}
.glyphs.character-mapping li{margin:0 30px 20px 0;display:inline-block;width:90px}
.glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#162a36 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;}
.glyphs.character-mapping .icon svg{fill:#000}
.glyphs.character-mapping input{margin:0;padding:5px 0;line-height:12px;font-size:12px;display:block;width:100%;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;text-align:center;outline:0;}
.glyphs.character-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}
.glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden}
.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px}
.glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:150px;height:40px;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;background:#fff;outline:0;float:right;}
.glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
< / style >
< / head >
< body >
< div class = "container" >
< h1 > RainLoop< / h1 >
2014-03-29 00:02:39 +08:00
< p class = "small" > This font was created with< a href = "http://fontastic.me/" > Fontastic< / a > < / p >
2013-12-15 06:42:32 +08:00
< h2 > Character mapping< / h2 >
< ul class = "glyphs character-mapping" >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe000;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe001;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe002;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe003;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe004;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe005;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe006;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe007;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe008;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe009;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe00a;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe00b;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe00c;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe00d;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe00e;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe00f;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe010;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe011;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe012;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe013;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe014;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe015;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe016;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe017;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe018;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe019;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe01a;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe01b;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe01c;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe01d;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe01e;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe01f;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe020;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe021;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe022;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe023;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe024;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe025;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe026;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe027;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe028;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe029;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe02a;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe02b;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe02c;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe02d;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe02e;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe02f;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe030;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe031;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe032;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe033;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe034;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe035;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe036;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe037;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe038;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe039;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe03a;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe03b;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe03c;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe03d;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe03e;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe03f;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe040;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe041;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe042;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe043;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe044;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe045;" >
< / li >
2014-03-29 00:02:39 +08:00
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe046;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe047;" >
< / li >
2013-12-15 06:42:32 +08:00
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe048;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe049;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe04a;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe04b;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe04c;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe04d;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe04e;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe04f;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe050;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe051;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe052;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe053;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe054;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe055;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe056;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe057;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe058;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe059;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe05a;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe05b;" >
< / li >
2013-12-15 19:02:50 +08:00
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe05c;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe05d;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe05e;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe05f;" >
< / li >
2013-12-19 08:53:42 +08:00
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe060;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe061;" >
< / li >
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe062;" >
< / li >
2014-03-29 00:02:39 +08:00
< li >
< div data-icon = "" class = "icon" > < / div >
< input type = "text" readonly = "readonly" value = "&#xe063;" >
< / li >
2013-12-15 06:42:32 +08:00
< / ul >
< h2 > CSS mapping< / h2 >
< ul class = "glyphs css-mapping" >
< li >
< div class = "icon icon-arrows-in" > < / div >
< input type = "text" readonly = "readonly" value = "arrows-in" >
< / li >
< li >
< div class = "icon icon-arrows-out" > < / div >
< input type = "text" readonly = "readonly" value = "arrows-out" >
< / li >
< li >
< div class = "icon icon-list" > < / div >
< input type = "text" readonly = "readonly" value = "list" >
< / li >
< li >
< div class = "icon icon-search" > < / div >
< input type = "text" readonly = "readonly" value = "search" >
< / li >
< li >
< div class = "icon icon-user" > < / div >
< input type = "text" readonly = "readonly" value = "user" >
< / li >
< li >
< div class = "icon icon-user-add" > < / div >
< input type = "text" readonly = "readonly" value = "user-add" >
< / li >
< li >
< div class = "icon icon-tags" > < / div >
< input type = "text" readonly = "readonly" value = "tags" >
< / li >
< li >
< div class = "icon icon-paper-plane" > < / div >
< input type = "text" readonly = "readonly" value = "paper-plane" >
< / li >
< li >
< div class = "icon icon-reply" > < / div >
< input type = "text" readonly = "readonly" value = "reply" >
< / li >
< li >
< div class = "icon icon-reply-all" > < / div >
< input type = "text" readonly = "readonly" value = "reply-all" >
< / li >
< li >
< div class = "icon icon-forward" > < / div >
< input type = "text" readonly = "readonly" value = "forward" >
< / li >
< li >
< div class = "icon icon-info" > < / div >
< input type = "text" readonly = "readonly" value = "info" >
< / li >
< li >
< div class = "icon icon-right-dir" > < / div >
< input type = "text" readonly = "readonly" value = "right-dir" >
< / li >
< li >
< div class = "icon icon-down-dir" > < / div >
< input type = "text" readonly = "readonly" value = "down-dir" >
< / li >
< li >
< div class = "icon icon-image" > < / div >
< input type = "text" readonly = "readonly" value = "image" >
< / li >
< li >
< div class = "icon icon-print" > < / div >
< input type = "text" readonly = "readonly" value = "print" >
< / li >
< li >
< div class = "icon icon-calendar" > < / div >
< input type = "text" readonly = "readonly" value = "calendar" >
< / li >
< li >
< div class = "icon icon-cog" > < / div >
< input type = "text" readonly = "readonly" value = "cog" >
< / li >
< li >
< div class = "icon icon-wrench" > < / div >
< input type = "text" readonly = "readonly" value = "wrench" >
< / li >
< li >
< div class = "icon icon-rocket" > < / div >
< input type = "text" readonly = "readonly" value = "rocket" >
< / li >
< li >
< div class = "icon icon-fire" > < / div >
< input type = "text" readonly = "readonly" value = "fire" >
< / li >
< li >
< div class = "icon icon-purchase" > < / div >
< input type = "text" readonly = "readonly" value = "purchase" >
< / li >
< li >
< div class = "icon icon-apple" > < / div >
< input type = "text" readonly = "readonly" value = "apple" >
< / li >
< li >
< div class = "icon icon-dropbox" > < / div >
< input type = "text" readonly = "readonly" value = "dropbox" >
< / li >
< li >
< div class = "icon icon-skype" > < / div >
< input type = "text" readonly = "readonly" value = "skype" >
< / li >
< li >
< div class = "icon icon-creative-commons" > < / div >
< input type = "text" readonly = "readonly" value = "creative-commons" >
< / li >
< li >
< div class = "icon icon-ellipsis" > < / div >
< input type = "text" readonly = "readonly" value = "ellipsis" >
< / li >
< li >
< div class = "icon icon-left" > < / div >
< input type = "text" readonly = "readonly" value = "left" >
< / li >
< li >
< div class = "icon icon-right" > < / div >
< input type = "text" readonly = "readonly" value = "right" >
< / li >
< li >
< div class = "icon icon-down" > < / div >
< input type = "text" readonly = "readonly" value = "down" >
< / li >
< li >
< div class = "icon icon-right-mini" > < / div >
< input type = "text" readonly = "readonly" value = "right-mini" >
< / li >
< li >
< div class = "icon icon-down-mini" > < / div >
< input type = "text" readonly = "readonly" value = "down-mini" >
< / li >
< li >
< div class = "icon icon-up" > < / div >
< input type = "text" readonly = "readonly" value = "up" >
< / li >
< li >
< div class = "icon icon-star-empty" > < / div >
< input type = "text" readonly = "readonly" value = "star-empty" >
< / li >
< li >
< div class = "icon icon-star" > < / div >
< input type = "text" readonly = "readonly" value = "star" >
< / li >
< li >
< div class = "icon icon-at" > < / div >
< input type = "text" readonly = "readonly" value = "at" >
< / li >
< li >
< div class = "icon icon-list-add" > < / div >
< input type = "text" readonly = "readonly" value = "list-add" >
< / li >
< li >
< div class = "icon icon-google" > < / div >
< input type = "text" readonly = "readonly" value = "google" >
< / li >
< li >
< div class = "icon icon-google-plus" > < / div >
< input type = "text" readonly = "readonly" value = "google-plus" >
< / li >
< li >
< div class = "icon icon-twitter" > < / div >
< input type = "text" readonly = "readonly" value = "twitter" >
< / li >
< li >
< div class = "icon icon-youtube" > < / div >
< input type = "text" readonly = "readonly" value = "youtube" >
< / li >
< li >
< div class = "icon icon-warning" > < / div >
< input type = "text" readonly = "readonly" value = "warning" >
< / li >
< li >
< div class = "icon icon-warning-alt" > < / div >
< input type = "text" readonly = "readonly" value = "warning-alt" >
< / li >
< li >
< div class = "icon icon-power" > < / div >
< input type = "text" readonly = "readonly" value = "power" >
< / li >
< li >
< div class = "icon icon-plus" > < / div >
< input type = "text" readonly = "readonly" value = "plus" >
< / li >
< li >
< div class = "icon icon-ok" > < / div >
< input type = "text" readonly = "readonly" value = "ok" >
< / li >
< li >
< div class = "icon icon-remove" > < / div >
< input type = "text" readonly = "readonly" value = "remove" >
< / li >
< li >
< div class = "icon icon-file" > < / div >
< input type = "text" readonly = "readonly" value = "file" >
< / li >
< li >
< div class = "icon icon-file-code" > < / div >
< input type = "text" readonly = "readonly" value = "file-code" >
< / li >
< li >
< div class = "icon icon-file-chart-graph" > < / div >
< input type = "text" readonly = "readonly" value = "file-chart-graph" >
< / li >
< li >
< div class = "icon icon-file-zip" > < / div >
< input type = "text" readonly = "readonly" value = "file-zip" >
< / li >
< li >
< div class = "icon icon-file-music" > < / div >
< input type = "text" readonly = "readonly" value = "file-music" >
< / li >
< li >
< div class = "icon icon-file-text" > < / div >
< input type = "text" readonly = "readonly" value = "file-text" >
< / li >
< li >
< div class = "icon icon-file-bookmark" > < / div >
< input type = "text" readonly = "readonly" value = "file-bookmark" >
< / li >
< li >
< div class = "icon icon-file-image" > < / div >
< input type = "text" readonly = "readonly" value = "file-image" >
< / li >
< li >
< div class = "icon icon-file-analytics" > < / div >
< input type = "text" readonly = "readonly" value = "file-analytics" >
< / li >
< li >
< div class = "icon icon-file-certificate" > < / div >
< input type = "text" readonly = "readonly" value = "file-certificate" >
< / li >
< li >
< div class = "icon icon-attachment" > < / div >
< input type = "text" readonly = "readonly" value = "attachment" >
< / li >
< li >
< div class = "icon icon-file-excel" > < / div >
< input type = "text" readonly = "readonly" value = "file-excel" >
< / li >
< li >
< div class = "icon icon-file-movie" > < / div >
< input type = "text" readonly = "readonly" value = "file-movie" >
< / li >
< li >
< div class = "icon icon-folder-add" > < / div >
< input type = "text" readonly = "readonly" value = "folder-add" >
< / li >
< li >
< div class = "icon icon-folder" > < / div >
< input type = "text" readonly = "readonly" value = "folder" >
< / li >
< li >
< div class = "icon icon-floppy" > < / div >
< input type = "text" readonly = "readonly" value = "floppy" >
< / li >
< li >
< div class = "icon icon-eye" > < / div >
< input type = "text" readonly = "readonly" value = "eye" >
< / li >
< li >
< div class = "icon icon-facebook-alt" > < / div >
< input type = "text" readonly = "readonly" value = "facebook-alt" >
< / li >
< li >
< div class = "icon icon-facebook" > < / div >
< input type = "text" readonly = "readonly" value = "facebook" >
< / li >
< li >
< div class = "icon icon-bolt" > < / div >
< input type = "text" readonly = "readonly" value = "bolt" >
< / li >
< li >
< div class = "icon icon-download" > < / div >
< input type = "text" readonly = "readonly" value = "download" >
< / li >
< li >
< div class = "icon icon-upload" > < / div >
< input type = "text" readonly = "readonly" value = "upload" >
< / li >
< li >
< div class = "icon icon-bug" > < / div >
< input type = "text" readonly = "readonly" value = "bug" >
< / li >
< li >
< div class = "icon icon-popup" > < / div >
< input type = "text" readonly = "readonly" value = "popup" >
< / li >
< li >
< div class = "icon icon-github" > < / div >
< input type = "text" readonly = "readonly" value = "github" >
< / li >
< li >
< div class = "icon icon-telephone" > < / div >
< input type = "text" readonly = "readonly" value = "telephone" >
< / li >
< li >
< div class = "icon icon-mobile" > < / div >
< input type = "text" readonly = "readonly" value = "mobile" >
< / li >
< li >
< div class = "icon icon-pencil" > < / div >
< input type = "text" readonly = "readonly" value = "pencil" >
< / li >
< li >
< div class = "icon icon-trash" > < / div >
< input type = "text" readonly = "readonly" value = "trash" >
< / li >
< li >
< div class = "icon icon-left-middle" > < / div >
< input type = "text" readonly = "readonly" value = "left-middle" >
< / li >
< li >
< div class = "icon icon-right-middle" > < / div >
< input type = "text" readonly = "readonly" value = "right-middle" >
< / li >
< li >
< div class = "icon icon-repeat" > < / div >
< input type = "text" readonly = "readonly" value = "repeat" >
< / li >
< li >
< div class = "icon icon-key" > < / div >
< input type = "text" readonly = "readonly" value = "key" >
< / li >
< li >
< div class = "icon icon-lock" > < / div >
< input type = "text" readonly = "readonly" value = "lock" >
< / li >
2013-12-15 19:02:50 +08:00
< li >
< div class = "icon icon-home" > < / div >
< input type = "text" readonly = "readonly" value = "home" >
< / li >
< li >
< div class = "icon icon-address-book" > < / div >
< input type = "text" readonly = "readonly" value = "address-book" >
< / li >
< li >
< div class = "icon icon-share" > < / div >
< input type = "text" readonly = "readonly" value = "share" >
< / li >
< li >
< div class = "icon icon-suitcase" > < / div >
< input type = "text" readonly = "readonly" value = "suitcase" >
< / li >
< li >
2013-12-19 08:53:42 +08:00
< div class = "icon icon-new-sign" > < / div >
< input type = "text" readonly = "readonly" value = "new-sign" >
< / li >
< li >
< div class = "icon icon-users" > < / div >
< input type = "text" readonly = "readonly" value = "users" >
< / li >
< li >
< div class = "icon icon-earth" > < / div >
< input type = "text" readonly = "readonly" value = "earth" >
< / li >
< li >
< div class = "icon icon-happy-smiley" > < / div >
< input type = "text" readonly = "readonly" value = "happy-smiley" >
< / li >
< li >
< div class = "icon icon-mail" > < / div >
< input type = "text" readonly = "readonly" value = "mail" >
2013-12-15 19:02:50 +08:00
< / li >
2014-03-29 00:02:39 +08:00
< li >
< div class = "icon icon-checkbox-checked" > < / div >
< input type = "text" readonly = "readonly" value = "checkbox-checked" >
< / li >
< li >
< div class = "icon icon-checkbox-unchecked" > < / div >
< input type = "text" readonly = "readonly" value = "checkbox-unchecked" >
< / li >
< li >
< div class = "icon icon-checkbox-partial" > < / div >
< input type = "text" readonly = "readonly" value = "checkbox-partial" >
< / li >
< li >
< div class = "icon icon-radio-checked" > < / div >
< input type = "text" readonly = "readonly" value = "radio-checked" >
< / li >
< li >
< div class = "icon icon-radio-unchecked" > < / div >
< input type = "text" readonly = "readonly" value = "radio-unchecked" >
< / li >
< li >
< div class = "icon icon-google-drive" > < / div >
< input type = "text" readonly = "readonly" value = "google-drive" >
< / li >
< li >
< div class = "icon icon-spinner" > < / div >
< input type = "text" readonly = "readonly" value = "spinner" >
< / li >
< li >
< div class = "icon icon-archive" > < / div >
< input type = "text" readonly = "readonly" value = "archive" >
< / li >
< li >
< div class = "icon icon-buy-sign" > < / div >
< input type = "text" readonly = "readonly" value = "buy-sign" >
< / li >
< li >
< div class = "icon icon-filter" > < / div >
< input type = "text" readonly = "readonly" value = "filter" >
< / li >
2013-12-15 06:42:32 +08:00
< / ul >
< / div > < script type = "text/javascript" >
(function() {
var glyphs, _i, _len, _ref;
_ref = document.getElementsByClassName('glyphs');
for (_i = 0, _len = _ref.length; _i < _len ; _i + + ) {
glyphs = _ref[_i];
glyphs.addEventListener('click', function(event) {
if (event.target.tagName === 'INPUT') {
return event.target.select();
}
});
}
}).call(this);
< / script >
< / body >
< / html >
