sb_internal_style 0.0.8 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +6 -0
- data/README.md +7 -0
- data/app/assets/stylesheets/sb_internal_style/main.scss +4 -13
- data/lib/sb_internal_style.rb +7 -1
- data/lib/sb_internal_style/version.rb +1 -1
- data/public/fontello-demo.html +395 -0
- data/sb_internal_style.gemspec +1 -0
- data/vendor/assets/fonts/config.json +878 -0
- data/vendor/assets/fonts/singlebrook_icons.eot +0 -0
- data/vendor/assets/fonts/singlebrook_icons.svg +70 -0
- data/vendor/assets/fonts/singlebrook_icons.ttf +0 -0
- data/vendor/assets/fonts/singlebrook_icons.woff +0 -0
- data/vendor/assets/stylesheets/animation.css +85 -0
- data/vendor/assets/stylesheets/singlebrook_icons-codes.css +60 -0
- data/vendor/assets/stylesheets/singlebrook_icons-embedded.scss +173 -0
- data/vendor/assets/stylesheets/singlebrook_icons-ie7-codes.css +60 -0
- data/vendor/assets/stylesheets/singlebrook_icons-ie7.css +71 -0
- data/vendor/assets/stylesheets/singlebrook_icons.scss +175 -0
- metadata +29 -7
- data/app/assets/fonts/singlebrookrounded-webfont.eot +0 -0
- data/app/assets/fonts/singlebrookrounded-webfont.fog +0 -0
- data/app/assets/fonts/singlebrookrounded-webfont.svg +0 -517
- data/app/assets/fonts/singlebrookrounded-webfont.ttf +0 -0
- data/app/assets/fonts/singlebrookrounded-webfont.woff +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a38dda47a238a27eb818a7df712db78fca806aa6
|
|
4
|
+
data.tar.gz: f8d6cf89e9b66ec93390a399aae8f0b8de57d03d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e1b6c9b3fd94648c77bac1d0f7c7be7fdd42054d15b2c625dea4e5a5688afddeff0a33e8ed5401008ffeabfa0af24690d1df3455a80c54626cf4ac1400b48ec8
|
|
7
|
+
data.tar.gz: dbf7eac78cc9f3a8547c1433df73df624a4038a3744383e0f404cc5dc96e224cd875689f91e2fc9cfb69f9cad427443a6ee2f66c37a98c02b5e4778e4bc31ba0
|
data/CHANGELOG.md
ADDED
data/README.md
CHANGED
|
@@ -18,6 +18,13 @@ Add to your main SCSS file:
|
|
|
18
18
|
|
|
19
19
|
Grab an application layout from the intranet and modify it as you like.
|
|
20
20
|
|
|
21
|
+
## Updating font files
|
|
22
|
+
|
|
23
|
+
- `fontello open`
|
|
24
|
+
- make changes to font in browser
|
|
25
|
+
- click Save Session
|
|
26
|
+
- `fontello convert`
|
|
27
|
+
|
|
21
28
|
## TODO
|
|
22
29
|
|
|
23
30
|
Provide a style guide that tells devs what classes are available.
|
|
@@ -8,18 +8,9 @@
|
|
|
8
8
|
color: $text_color;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
// Don't change it to asset-url.
|
|
15
|
-
src: font-url('singlebrookrounded-webfont.eot');
|
|
16
|
-
src: font-url('singlebrookrounded-webfont.eot?#iefix') format('embedded-opentype'),
|
|
17
|
-
font-url('singlebrookrounded-webfont.woff') format('woff'),
|
|
18
|
-
font-url('singlebrookrounded-webfont.ttf') format('truetype'),
|
|
19
|
-
font-url('singlebrookrounded-webfont.svg#singlebrookRegular') format('svg');
|
|
20
|
-
font-weight: normal;
|
|
21
|
-
font-style: normal;
|
|
22
|
-
}
|
|
11
|
+
// This is the new version of the font, created with Fontello.
|
|
12
|
+
// It's font-family is called 'singlebrook_icons'.
|
|
13
|
+
@import 'singlebrook_icons';
|
|
23
14
|
|
|
24
15
|
h1, h2, h3, h4, h5, fieldset legend {
|
|
25
16
|
font-family: "Arial Rounded MT Bold";
|
|
@@ -47,7 +38,7 @@ ul {
|
|
|
47
38
|
line-height: .75;
|
|
48
39
|
}
|
|
49
40
|
.logo, span.help_icon {
|
|
50
|
-
font-family: '
|
|
41
|
+
font-family: 'singlebrook_icons';
|
|
51
42
|
}
|
|
52
43
|
span.help_icon {
|
|
53
44
|
background-color: $light_blue;
|
data/lib/sb_internal_style.rb
CHANGED
|
@@ -4,7 +4,13 @@ module SbInternalStyle
|
|
|
4
4
|
class Engine < ::Rails::Engine
|
|
5
5
|
config.after_initialize do
|
|
6
6
|
# Configure hosting application to precompile font files
|
|
7
|
-
|
|
7
|
+
font_path = File.expand_path('../../vendor/assets/fonts', __FILE__)
|
|
8
|
+
Rails.application.config.assets.precompile += [
|
|
9
|
+
font_path + "/singlebrook_icons.eot",
|
|
10
|
+
font_path + "/singlebrook_icons.svg",
|
|
11
|
+
font_path + "/singlebrook_icons.ttf",
|
|
12
|
+
font_path + "/singlebrook_icons.woff",
|
|
13
|
+
]
|
|
8
14
|
end
|
|
9
15
|
end
|
|
10
16
|
end
|
|
@@ -0,0 +1,395 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|
4
|
+
<meta charset="UTF-8"><style>/*
|
|
5
|
+
* Bootstrap v2.2.1
|
|
6
|
+
*
|
|
7
|
+
* Copyright 2012 Twitter, Inc
|
|
8
|
+
* Licensed under the Apache License v2.0
|
|
9
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
|
12
|
+
*/
|
|
13
|
+
.clearfix {
|
|
14
|
+
*zoom: 1;
|
|
15
|
+
}
|
|
16
|
+
.clearfix:before,
|
|
17
|
+
.clearfix:after {
|
|
18
|
+
display: table;
|
|
19
|
+
content: "";
|
|
20
|
+
line-height: 0;
|
|
21
|
+
}
|
|
22
|
+
.clearfix:after {
|
|
23
|
+
clear: both;
|
|
24
|
+
}
|
|
25
|
+
html {
|
|
26
|
+
font-size: 100%;
|
|
27
|
+
-webkit-text-size-adjust: 100%;
|
|
28
|
+
-ms-text-size-adjust: 100%;
|
|
29
|
+
}
|
|
30
|
+
a:focus {
|
|
31
|
+
outline: thin dotted #333;
|
|
32
|
+
outline: 5px auto -webkit-focus-ring-color;
|
|
33
|
+
outline-offset: -2px;
|
|
34
|
+
}
|
|
35
|
+
a:hover,
|
|
36
|
+
a:active {
|
|
37
|
+
outline: 0;
|
|
38
|
+
}
|
|
39
|
+
button,
|
|
40
|
+
input,
|
|
41
|
+
select,
|
|
42
|
+
textarea {
|
|
43
|
+
margin: 0;
|
|
44
|
+
font-size: 100%;
|
|
45
|
+
vertical-align: middle;
|
|
46
|
+
}
|
|
47
|
+
button,
|
|
48
|
+
input {
|
|
49
|
+
*overflow: visible;
|
|
50
|
+
line-height: normal;
|
|
51
|
+
}
|
|
52
|
+
button::-moz-focus-inner,
|
|
53
|
+
input::-moz-focus-inner {
|
|
54
|
+
padding: 0;
|
|
55
|
+
border: 0;
|
|
56
|
+
}
|
|
57
|
+
body {
|
|
58
|
+
margin: 0;
|
|
59
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
60
|
+
font-size: 14px;
|
|
61
|
+
line-height: 20px;
|
|
62
|
+
color: #333;
|
|
63
|
+
background-color: #fff;
|
|
64
|
+
}
|
|
65
|
+
a {
|
|
66
|
+
color: #08c;
|
|
67
|
+
text-decoration: none;
|
|
68
|
+
}
|
|
69
|
+
a:hover {
|
|
70
|
+
color: #005580;
|
|
71
|
+
text-decoration: underline;
|
|
72
|
+
}
|
|
73
|
+
.row {
|
|
74
|
+
margin-left: -20px;
|
|
75
|
+
*zoom: 1;
|
|
76
|
+
}
|
|
77
|
+
.row:before,
|
|
78
|
+
.row:after {
|
|
79
|
+
display: table;
|
|
80
|
+
content: "";
|
|
81
|
+
line-height: 0;
|
|
82
|
+
}
|
|
83
|
+
.row:after {
|
|
84
|
+
clear: both;
|
|
85
|
+
}
|
|
86
|
+
[class*="span"] {
|
|
87
|
+
float: left;
|
|
88
|
+
min-height: 1px;
|
|
89
|
+
margin-left: 20px;
|
|
90
|
+
}
|
|
91
|
+
.container,
|
|
92
|
+
.navbar-static-top .container,
|
|
93
|
+
.navbar-fixed-top .container,
|
|
94
|
+
.navbar-fixed-bottom .container {
|
|
95
|
+
width: 940px;
|
|
96
|
+
}
|
|
97
|
+
.span12 {
|
|
98
|
+
width: 940px;
|
|
99
|
+
}
|
|
100
|
+
.span11 {
|
|
101
|
+
width: 860px;
|
|
102
|
+
}
|
|
103
|
+
.span10 {
|
|
104
|
+
width: 780px;
|
|
105
|
+
}
|
|
106
|
+
.span9 {
|
|
107
|
+
width: 700px;
|
|
108
|
+
}
|
|
109
|
+
.span8 {
|
|
110
|
+
width: 620px;
|
|
111
|
+
}
|
|
112
|
+
.span7 {
|
|
113
|
+
width: 540px;
|
|
114
|
+
}
|
|
115
|
+
.span6 {
|
|
116
|
+
width: 460px;
|
|
117
|
+
}
|
|
118
|
+
.span5 {
|
|
119
|
+
width: 380px;
|
|
120
|
+
}
|
|
121
|
+
.span4 {
|
|
122
|
+
width: 300px;
|
|
123
|
+
}
|
|
124
|
+
.span3 {
|
|
125
|
+
width: 220px;
|
|
126
|
+
}
|
|
127
|
+
.span2 {
|
|
128
|
+
width: 140px;
|
|
129
|
+
}
|
|
130
|
+
.span1 {
|
|
131
|
+
width: 60px;
|
|
132
|
+
}
|
|
133
|
+
[class*="span"].pull-right,
|
|
134
|
+
.row-fluid [class*="span"].pull-right {
|
|
135
|
+
float: right;
|
|
136
|
+
}
|
|
137
|
+
.container {
|
|
138
|
+
margin-right: auto;
|
|
139
|
+
margin-left: auto;
|
|
140
|
+
*zoom: 1;
|
|
141
|
+
}
|
|
142
|
+
.container:before,
|
|
143
|
+
.container:after {
|
|
144
|
+
display: table;
|
|
145
|
+
content: "";
|
|
146
|
+
line-height: 0;
|
|
147
|
+
}
|
|
148
|
+
.container:after {
|
|
149
|
+
clear: both;
|
|
150
|
+
}
|
|
151
|
+
p {
|
|
152
|
+
margin: 0 0 10px;
|
|
153
|
+
}
|
|
154
|
+
.lead {
|
|
155
|
+
margin-bottom: 20px;
|
|
156
|
+
font-size: 21px;
|
|
157
|
+
font-weight: 200;
|
|
158
|
+
line-height: 30px;
|
|
159
|
+
}
|
|
160
|
+
small {
|
|
161
|
+
font-size: 85%;
|
|
162
|
+
}
|
|
163
|
+
h1 {
|
|
164
|
+
margin: 10px 0;
|
|
165
|
+
font-family: inherit;
|
|
166
|
+
font-weight: bold;
|
|
167
|
+
line-height: 20px;
|
|
168
|
+
color: inherit;
|
|
169
|
+
text-rendering: optimizelegibility;
|
|
170
|
+
}
|
|
171
|
+
h1 small {
|
|
172
|
+
font-weight: normal;
|
|
173
|
+
line-height: 1;
|
|
174
|
+
color: #999;
|
|
175
|
+
}
|
|
176
|
+
h1 {
|
|
177
|
+
line-height: 40px;
|
|
178
|
+
}
|
|
179
|
+
h1 {
|
|
180
|
+
font-size: 38.5px;
|
|
181
|
+
}
|
|
182
|
+
h1 small {
|
|
183
|
+
font-size: 24.5px;
|
|
184
|
+
}
|
|
185
|
+
body {
|
|
186
|
+
margin-top: 90px;
|
|
187
|
+
}
|
|
188
|
+
.header {
|
|
189
|
+
position: fixed;
|
|
190
|
+
top: 0;
|
|
191
|
+
left: 50%;
|
|
192
|
+
margin-left: -480px;
|
|
193
|
+
background-color: #fff;
|
|
194
|
+
border-bottom: 1px solid #ddd;
|
|
195
|
+
padding-top: 10px;
|
|
196
|
+
z-index: 10;
|
|
197
|
+
}
|
|
198
|
+
.footer {
|
|
199
|
+
color: #ddd;
|
|
200
|
+
font-size: 12px;
|
|
201
|
+
text-align: center;
|
|
202
|
+
margin-top: 20px;
|
|
203
|
+
}
|
|
204
|
+
.footer a {
|
|
205
|
+
color: #ccc;
|
|
206
|
+
text-decoration: underline;
|
|
207
|
+
}
|
|
208
|
+
.the-icons {
|
|
209
|
+
font-size: 14px;
|
|
210
|
+
line-height: 24px;
|
|
211
|
+
}
|
|
212
|
+
.switch {
|
|
213
|
+
position: absolute;
|
|
214
|
+
right: 0;
|
|
215
|
+
bottom: 10px;
|
|
216
|
+
color: #666;
|
|
217
|
+
}
|
|
218
|
+
.switch input {
|
|
219
|
+
margin-right: 0.3em;
|
|
220
|
+
}
|
|
221
|
+
.codesOn .i-name {
|
|
222
|
+
display: none;
|
|
223
|
+
}
|
|
224
|
+
.codesOn .i-code {
|
|
225
|
+
display: inline;
|
|
226
|
+
}
|
|
227
|
+
.i-code {
|
|
228
|
+
display: none;
|
|
229
|
+
}
|
|
230
|
+
@font-face {
|
|
231
|
+
font-family: 'singlebrook_icons';
|
|
232
|
+
src: url('/assets/singlebrook_icons.eot?77041262');
|
|
233
|
+
src: url('/assets/singlebrook_icons.eot?77041262#iefix') format('embedded-opentype'),
|
|
234
|
+
url('/assets/singlebrook_icons.woff?77041262') format('woff'),
|
|
235
|
+
url('/assets/singlebrook_icons.ttf?77041262') format('truetype'),
|
|
236
|
+
url('/assets/singlebrook_icons.svg?77041262#singlebrook_icons') format('svg');
|
|
237
|
+
font-weight: normal;
|
|
238
|
+
font-style: normal;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
.demo-icon
|
|
243
|
+
{
|
|
244
|
+
font-family: "singlebrook_icons";
|
|
245
|
+
font-style: normal;
|
|
246
|
+
font-weight: normal;
|
|
247
|
+
speak: none;
|
|
248
|
+
|
|
249
|
+
display: inline-block;
|
|
250
|
+
text-decoration: inherit;
|
|
251
|
+
width: 1em;
|
|
252
|
+
margin-right: .2em;
|
|
253
|
+
text-align: center;
|
|
254
|
+
/* opacity: .8; */
|
|
255
|
+
|
|
256
|
+
/* For safety - reset parent styles, that can break glyph codes*/
|
|
257
|
+
font-variant: normal;
|
|
258
|
+
text-transform: none;
|
|
259
|
+
|
|
260
|
+
/* fix buttons height, for twitter bootstrap */
|
|
261
|
+
line-height: 1em;
|
|
262
|
+
|
|
263
|
+
/* Animation center compensation - margins should be symmetric */
|
|
264
|
+
/* remove if not needed */
|
|
265
|
+
margin-left: .2em;
|
|
266
|
+
|
|
267
|
+
/* You can be more comfortable with increased icons size */
|
|
268
|
+
/* font-size: 120%; */
|
|
269
|
+
|
|
270
|
+
/* Font smoothing. That was taken from TWBS */
|
|
271
|
+
-webkit-font-smoothing: antialiased;
|
|
272
|
+
-moz-osx-font-smoothing: grayscale;
|
|
273
|
+
|
|
274
|
+
/* Uncomment for 3D effect */
|
|
275
|
+
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
|
276
|
+
}
|
|
277
|
+
</style>
|
|
278
|
+
<link rel="stylesheet" href="/assets/animation.css"><!--[if IE 7]><link rel="stylesheet" href="/assets/singlebrook_icons-ie7.css"><![endif]-->
|
|
279
|
+
<script>
|
|
280
|
+
function toggleCodes(on) {
|
|
281
|
+
var obj = document.getElementById('icons');
|
|
282
|
+
|
|
283
|
+
if (on) {
|
|
284
|
+
obj.className += ' codesOn';
|
|
285
|
+
} else {
|
|
286
|
+
obj.className = obj.className.replace(' codesOn', '');
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
</script>
|
|
291
|
+
</head>
|
|
292
|
+
<body>
|
|
293
|
+
<div class="container header">
|
|
294
|
+
<h1>
|
|
295
|
+
singlebrook_icons
|
|
296
|
+
<small>font demo</small>
|
|
297
|
+
</h1>
|
|
298
|
+
<label class="switch">
|
|
299
|
+
<input type="checkbox" onclick="toggleCodes(this.checked)">show codes
|
|
300
|
+
</label>
|
|
301
|
+
</div>
|
|
302
|
+
<div id="icons" class="container">
|
|
303
|
+
<div class="row">
|
|
304
|
+
<div title="Code: 0x21" class="the-icons span3"><i class="demo-icon icon-exclam">!</i> <span class="i-name">icon-exclam</span><span class="i-code">0x21</span></div>
|
|
305
|
+
<div title="Code: 0x22" class="the-icons span3"><i class="demo-icon icon-uniFB04">"</i> <span class="i-name">icon-uniFB04</span><span class="i-code">0x22</span></div>
|
|
306
|
+
<div title="Code: 0x23" class="the-icons span3"><i class="demo-icon icon-uniFB02">#</i> <span class="i-name">icon-uniFB02</span><span class="i-code">0x23</span></div>
|
|
307
|
+
<div title="Code: 0x24" class="the-icons span3"><i class="demo-icon icon-dollar">$</i> <span class="i-name">icon-dollar</span><span class="i-code">0x24</span></div>
|
|
308
|
+
</div>
|
|
309
|
+
<div class="row">
|
|
310
|
+
<div title="Code: 0x25" class="the-icons span3"><i class="demo-icon icon-uniFB03">%</i> <span class="i-name">icon-uniFB03</span><span class="i-code">0x25</span></div>
|
|
311
|
+
<div title="Code: 0x26" class="the-icons span3"><i class="demo-icon icon-uniFB01">&</i> <span class="i-name">icon-uniFB01</span><span class="i-code">0x26</span></div>
|
|
312
|
+
<div title="Code: 0x27" class="the-icons span3"><i class="demo-icon icon-emdash">'</i> <span class="i-name">icon-emdash</span><span class="i-code">0x27</span></div>
|
|
313
|
+
<div title="Code: 0x28" class="the-icons span3"><i class="demo-icon icon-endash">(</i> <span class="i-name">icon-endash</span><span class="i-code">0x28</span></div>
|
|
314
|
+
</div>
|
|
315
|
+
<div class="row">
|
|
316
|
+
<div title="Code: 0x29" class="the-icons span3"><i class="demo-icon icon-uni00B9">)</i> <span class="i-name">icon-uni00B9</span><span class="i-code">0x29</span></div>
|
|
317
|
+
<div title="Code: 0x2a" class="the-icons span3"><i class="demo-icon icon-uni00B2">*</i> <span class="i-name">icon-uni00B2</span><span class="i-code">0x2a</span></div>
|
|
318
|
+
<div title="Code: 0x2b" class="the-icons span3"><i class="demo-icon icon-uni00B3">+</i> <span class="i-name">icon-uni00B3</span><span class="i-code">0x2b</span></div>
|
|
319
|
+
<div title="Code: 0x2c" class="the-icons span3"><i class="demo-icon icon-ordfeminine">,</i> <span class="i-name">icon-ordfeminine</span><span class="i-code">0x2c</span></div>
|
|
320
|
+
</div>
|
|
321
|
+
<div class="row">
|
|
322
|
+
<div title="Code: 0x30" class="the-icons span3"><i class="demo-icon icon-zero">0</i> <span class="i-name">icon-zero</span><span class="i-code">0x30</span></div>
|
|
323
|
+
<div title="Code: 0x31" class="the-icons span3"><i class="demo-icon icon-one">1</i> <span class="i-name">icon-one</span><span class="i-code">0x31</span></div>
|
|
324
|
+
<div title="Code: 0x32" class="the-icons span3"><i class="demo-icon icon-two">2</i> <span class="i-name">icon-two</span><span class="i-code">0x32</span></div>
|
|
325
|
+
<div title="Code: 0x33" class="the-icons span3"><i class="demo-icon icon-three">3</i> <span class="i-name">icon-three</span><span class="i-code">0x33</span></div>
|
|
326
|
+
</div>
|
|
327
|
+
<div class="row">
|
|
328
|
+
<div title="Code: 0x34" class="the-icons span3"><i class="demo-icon icon-four">4</i> <span class="i-name">icon-four</span><span class="i-code">0x34</span></div>
|
|
329
|
+
<div title="Code: 0x35" class="the-icons span3"><i class="demo-icon icon-five">5</i> <span class="i-name">icon-five</span><span class="i-code">0x35</span></div>
|
|
330
|
+
<div title="Code: 0x36" class="the-icons span3"><i class="demo-icon icon-six">6</i> <span class="i-name">icon-six</span><span class="i-code">0x36</span></div>
|
|
331
|
+
<div title="Code: 0x37" class="the-icons span3"><i class="demo-icon icon-seven">7</i> <span class="i-name">icon-seven</span><span class="i-code">0x37</span></div>
|
|
332
|
+
</div>
|
|
333
|
+
<div class="row">
|
|
334
|
+
<div title="Code: 0x38" class="the-icons span3"><i class="demo-icon icon-eight">8</i> <span class="i-name">icon-eight</span><span class="i-code">0x38</span></div>
|
|
335
|
+
<div title="Code: 0x39" class="the-icons span3"><i class="demo-icon icon-nine">9</i> <span class="i-name">icon-nine</span><span class="i-code">0x39</span></div>
|
|
336
|
+
<div title="Code: 0x41" class="the-icons span3"><i class="demo-icon icon-A">A</i> <span class="i-name">icon-A</span><span class="i-code">0x41</span></div>
|
|
337
|
+
<div title="Code: 0x42" class="the-icons span3"><i class="demo-icon icon-B">B</i> <span class="i-name">icon-B</span><span class="i-code">0x42</span></div>
|
|
338
|
+
</div>
|
|
339
|
+
<div class="row">
|
|
340
|
+
<div title="Code: 0x43" class="the-icons span3"><i class="demo-icon icon-C">C</i> <span class="i-name">icon-C</span><span class="i-code">0x43</span></div>
|
|
341
|
+
<div title="Code: 0x44" class="the-icons span3"><i class="demo-icon icon-D">D</i> <span class="i-name">icon-D</span><span class="i-code">0x44</span></div>
|
|
342
|
+
<div title="Code: 0x45" class="the-icons span3"><i class="demo-icon icon-E">E</i> <span class="i-name">icon-E</span><span class="i-code">0x45</span></div>
|
|
343
|
+
<div title="Code: 0x46" class="the-icons span3"><i class="demo-icon icon-F">F</i> <span class="i-name">icon-F</span><span class="i-code">0x46</span></div>
|
|
344
|
+
</div>
|
|
345
|
+
<div class="row">
|
|
346
|
+
<div title="Code: 0x47" class="the-icons span3"><i class="demo-icon icon-G">G</i> <span class="i-name">icon-G</span><span class="i-code">0x47</span></div>
|
|
347
|
+
<div title="Code: 0x48" class="the-icons span3"><i class="demo-icon icon-H">H</i> <span class="i-name">icon-H</span><span class="i-code">0x48</span></div>
|
|
348
|
+
<div title="Code: 0x49" class="the-icons span3"><i class="demo-icon icon-I">I</i> <span class="i-name">icon-I</span><span class="i-code">0x49</span></div>
|
|
349
|
+
<div title="Code: 0x4a" class="the-icons span3"><i class="demo-icon icon-J">J</i> <span class="i-name">icon-J</span><span class="i-code">0x4a</span></div>
|
|
350
|
+
</div>
|
|
351
|
+
<div class="row">
|
|
352
|
+
<div title="Code: 0x4b" class="the-icons span3"><i class="demo-icon icon-K">K</i> <span class="i-name">icon-K</span><span class="i-code">0x4b</span></div>
|
|
353
|
+
<div title="Code: 0x4c" class="the-icons span3"><i class="demo-icon icon-L">L</i> <span class="i-name">icon-L</span><span class="i-code">0x4c</span></div>
|
|
354
|
+
<div title="Code: 0x4d" class="the-icons span3"><i class="demo-icon icon-M">M</i> <span class="i-name">icon-M</span><span class="i-code">0x4d</span></div>
|
|
355
|
+
<div title="Code: 0x4e" class="the-icons span3"><i class="demo-icon icon-N">N</i> <span class="i-name">icon-N</span><span class="i-code">0x4e</span></div>
|
|
356
|
+
</div>
|
|
357
|
+
<div class="row">
|
|
358
|
+
<div title="Code: 0x4f" class="the-icons span3"><i class="demo-icon icon-O">O</i> <span class="i-name">icon-O</span><span class="i-code">0x4f</span></div>
|
|
359
|
+
<div title="Code: 0x50" class="the-icons span3"><i class="demo-icon icon-P">P</i> <span class="i-name">icon-P</span><span class="i-code">0x50</span></div>
|
|
360
|
+
<div title="Code: 0x51" class="the-icons span3"><i class="demo-icon icon-Q">Q</i> <span class="i-name">icon-Q</span><span class="i-code">0x51</span></div>
|
|
361
|
+
<div title="Code: 0x52" class="the-icons span3"><i class="demo-icon icon-R">R</i> <span class="i-name">icon-R</span><span class="i-code">0x52</span></div>
|
|
362
|
+
</div>
|
|
363
|
+
<div class="row">
|
|
364
|
+
<div title="Code: 0x53" class="the-icons span3"><i class="demo-icon icon-S">S</i> <span class="i-name">icon-S</span><span class="i-code">0x53</span></div>
|
|
365
|
+
<div title="Code: 0x54" class="the-icons span3"><i class="demo-icon icon-T">T</i> <span class="i-name">icon-T</span><span class="i-code">0x54</span></div>
|
|
366
|
+
<div title="Code: 0x61" class="the-icons span3"><i class="demo-icon icon-a">a</i> <span class="i-name">icon-a</span><span class="i-code">0x61</span></div>
|
|
367
|
+
<div title="Code: 0x62" class="the-icons span3"><i class="demo-icon icon-b">b</i> <span class="i-name">icon-b</span><span class="i-code">0x62</span></div>
|
|
368
|
+
</div>
|
|
369
|
+
<div class="row">
|
|
370
|
+
<div title="Code: 0x63" class="the-icons span3"><i class="demo-icon icon-c">c</i> <span class="i-name">icon-c</span><span class="i-code">0x63</span></div>
|
|
371
|
+
<div title="Code: 0x64" class="the-icons span3"><i class="demo-icon icon-d">d</i> <span class="i-name">icon-d</span><span class="i-code">0x64</span></div>
|
|
372
|
+
<div title="Code: 0x65" class="the-icons span3"><i class="demo-icon icon-e">e</i> <span class="i-name">icon-e</span><span class="i-code">0x65</span></div>
|
|
373
|
+
<div title="Code: 0x66" class="the-icons span3"><i class="demo-icon icon-f">f</i> <span class="i-name">icon-f</span><span class="i-code">0x66</span></div>
|
|
374
|
+
</div>
|
|
375
|
+
<div class="row">
|
|
376
|
+
<div title="Code: 0x67" class="the-icons span3"><i class="demo-icon icon-g">g</i> <span class="i-name">icon-g</span><span class="i-code">0x67</span></div>
|
|
377
|
+
<div title="Code: 0x68" class="the-icons span3"><i class="demo-icon icon-h">h</i> <span class="i-name">icon-h</span><span class="i-code">0x68</span></div>
|
|
378
|
+
<div title="Code: 0x69" class="the-icons span3"><i class="demo-icon icon-i">i</i> <span class="i-name">icon-i</span><span class="i-code">0x69</span></div>
|
|
379
|
+
<div title="Code: 0x6a" class="the-icons span3"><i class="demo-icon icon-j">j</i> <span class="i-name">icon-j</span><span class="i-code">0x6a</span></div>
|
|
380
|
+
</div>
|
|
381
|
+
<div class="row">
|
|
382
|
+
<div title="Code: 0x6b" class="the-icons span3"><i class="demo-icon icon-k">k</i> <span class="i-name">icon-k</span><span class="i-code">0x6b</span></div>
|
|
383
|
+
<div title="Code: 0x6c" class="the-icons span3"><i class="demo-icon icon-l">l</i> <span class="i-name">icon-l</span><span class="i-code">0x6c</span></div>
|
|
384
|
+
<div title="Code: 0x6d" class="the-icons span3"><i class="demo-icon icon-m">m</i> <span class="i-name">icon-m</span><span class="i-code">0x6d</span></div>
|
|
385
|
+
<div title="Code: 0x6e" class="the-icons span3"><i class="demo-icon icon-n">n</i> <span class="i-name">icon-n</span><span class="i-code">0x6e</span></div>
|
|
386
|
+
</div>
|
|
387
|
+
<div class="row">
|
|
388
|
+
<div title="Code: 0x6f" class="the-icons span3"><i class="demo-icon icon-o">o</i> <span class="i-name">icon-o</span><span class="i-code">0x6f</span></div>
|
|
389
|
+
<div title="Code: 0x70" class="the-icons span3"><i class="demo-icon icon-pig_720-4">p</i> <span class="i-name">icon-pig_720-4</span><span class="i-code">0x70</span></div>
|
|
390
|
+
<div title="Code: 0x73" class="the-icons span3"><i class="demo-icon icon-s">s</i> <span class="i-name">icon-s</span><span class="i-code">0x73</span></div>
|
|
391
|
+
</div>
|
|
392
|
+
</div>
|
|
393
|
+
<div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
|
|
394
|
+
</body>
|
|
395
|
+
</html>
|