Revision 6d8bd0be snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html | ||
|---|---|---|
| 1 | 1 |
<!doctype html> |
| 2 | 2 |
<html> |
| 3 | 3 |
<head> |
| 4 |
<meta charset="utf-8" />
|
|
| 5 |
<meta name="viewport" content="width=device-width" />
|
|
| 6 |
<title>snf-font-1</title>
|
|
| 7 |
<link rel="stylesheet" href="stylesheets/font_custom.css" />
|
|
| 8 |
<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
|
|
| 4 |
<meta charset='utf-8' />
|
|
| 5 |
<meta name='viewport' content='width=device-width' />
|
|
| 6 |
<title>snf fonts</title>
|
|
| 7 |
<link rel='stylesheet' href='stylesheets/font_custom.css' />
|
|
| 8 |
<!--[if lte IE 7]><script src='lte-ie7.js'></script><![endif]-->
|
|
| 9 | 9 |
<style> |
| 10 | 10 |
section, header, footer {display: block; overflow: hidden;}
|
| 11 | 11 |
body {
|
| ... | ... | |
| 32 | 32 |
border-radius: .25em; |
| 33 | 33 |
box-shadow: inset 0 0 0 1px #f8f8f8, 0 0 0 1px #CCC; |
| 34 | 34 |
} |
| 35 |
.glyph.aux {
|
|
| 36 |
background-color: #f8f8e7; |
|
| 37 |
} |
|
| 35 | 38 |
.glyph input {
|
| 36 | 39 |
font-family: consolas, monospace; |
| 37 | 40 |
font-size: 13px; |
| ... | ... | |
| 62 | 65 |
font-size: 2em; |
| 63 | 66 |
font-weight: normal; |
| 64 | 67 |
} |
| 65 |
.clearfix:before, .clearfix:after { content: ""; display: table; }
|
|
| 68 |
.clearfix:before, .clearfix:after { content: ''; display: table; }
|
|
| 66 | 69 |
.clearfix:after, .clear { clear: both; }
|
| 67 | 70 |
footer {
|
| 68 | 71 |
margin-top: 2em; |
| ... | ... | |
| 104 | 107 |
</style> |
| 105 | 108 |
</head> |
| 106 | 109 |
<body> |
| 107 |
<div class="w-main centered">
|
|
| 108 |
<section class="mtm clearfix" >
|
|
| 110 |
<div class='w-main centered'>
|
|
| 111 |
<section class='mtm clearfix' >
|
|
| 109 | 112 |
<header> |
| 110 | 113 |
<h1>Icons included in snf-font-1</h1> |
| 111 | 114 |
|
| ... | ... | |
| 113 | 116 |
|
| 114 | 117 |
<section> |
| 115 | 118 |
<h2>snf icons</h2> |
| 116 |
<div class="glyph">
|
|
| 117 |
<div class="fs1" aria-hidden="true" data-icon="v"></div>
|
|
| 118 |
<input type="text" readonly="readonly" value="snf-network-outline [v]" />
|
|
| 119 |
<div class='glyph'>
|
|
| 120 |
<div class='fs1' aria-hidden='true' data-icon='v'></div>
|
|
| 121 |
<input type='text' readonly='readonly' value='snf-network-outline [v]' />
|
|
| 119 | 122 |
</div> |
| 120 |
<div class="glyph">
|
|
| 121 |
<div class="fs1" aria-hidden="true" data-icon="K"></div>
|
|
| 122 |
<input type="text" readonly="readonly" value="snf-network-full [K]" />
|
|
| 123 |
<div class='glyph'>
|
|
| 124 |
<div class='fs1' aria-hidden='true' data-icon='K'></div>
|
|
| 125 |
<input type='text' readonly='readonly' value='snf-network-full [K]' />
|
|
| 123 | 126 |
</div> |
| 124 |
<div class="glyph">
|
|
| 125 |
<div class="fs1" aria-hidden="true" data-icon="T"></div>
|
|
| 126 |
<input type="text" readonly="readonly" value="snf-network-create-outline [T]" />
|
|
| 127 |
<div class='glyph'>
|
|
| 128 |
<div class='fs1' aria-hidden='true' data-icon='T'></div>
|
|
| 129 |
<input type='text' readonly='readonly' value='snf-network-create-outline [T]' />
|
|
| 127 | 130 |
</div> |
| 128 |
<div class="glyph">
|
|
| 129 |
<div class="fs1" aria-hidden="true" data-icon="U"></div>
|
|
| 130 |
<input type="text" readonly="readonly" value="snf-network-create-full [U]" />
|
|
| 131 |
<div class='glyph'>
|
|
| 132 |
<div class='fs1' aria-hidden='true' data-icon='U'></div>
|
|
| 133 |
<input type='text' readonly='readonly' value='snf-network-create-full [U]' />
|
|
| 131 | 134 |
</div> |
| 132 |
<div class="glyph">
|
|
| 133 |
<div class="fs1" aria-hidden="true" data-icon="7"></div>
|
|
| 134 |
<input type="text" readonly="readonly" value="snf-network-broken-1-outline [7]" />
|
|
| 135 |
<div class='glyph'>
|
|
| 136 |
<div class='fs1' aria-hidden='true' data-icon='7'></div>
|
|
| 137 |
<input type='text' readonly='readonly' value='snf-network-broken-1-outline [7]' />
|
|
| 135 | 138 |
</div> |
| 136 |
<div class="glyph">
|
|
| 137 |
<div class="fs1" aria-hidden="true" data-icon="V"></div>
|
|
| 138 |
<input type="text" readonly="readonly" value="snf-network-broken-1-full [V]" />
|
|
| 139 |
<div class='glyph'>
|
|
| 140 |
<div class='fs1' aria-hidden='true' data-icon='V'></div>
|
|
| 141 |
<input type='text' readonly='readonly' value='snf-network-broken-1-full [V]' />
|
|
| 139 | 142 |
</div> |
| 140 |
<div class="glyph">
|
|
| 141 |
<div class="fs1" aria-hidden="true" data-icon="8"></div>
|
|
| 142 |
<input type="text" readonly="readonly" value="snf-network-broken-2-outline [8]" />
|
|
| 143 |
<div class='glyph'>
|
|
| 144 |
<div class='fs1' aria-hidden='true' data-icon='8'></div>
|
|
| 145 |
<input type='text' readonly='readonly' value='snf-network-broken-2-outline [8]' />
|
|
| 143 | 146 |
</div> |
| 144 |
<div class="glyph">
|
|
| 145 |
<div class="fs1" aria-hidden="true" data-icon="W"></div>
|
|
| 146 |
<input type="text" readonly="readonly" value="snf-network-broken-2-full [W]" />
|
|
| 147 |
<div class='glyph'>
|
|
| 148 |
<div class='fs1' aria-hidden='true' data-icon='W'></div>
|
|
| 149 |
<input type='text' readonly='readonly' value='snf-network-broken-2-full [W]' />
|
|
| 147 | 150 |
</div> |
| 148 |
<div class="glyph">
|
|
| 149 |
<div class="fs1" aria-hidden="true" data-icon="w"></div>
|
|
| 150 |
<input type="text" readonly="readonly" value="snf-pc-outline [w]" />
|
|
| 151 |
<div class='glyph'>
|
|
| 152 |
<div class='fs1' aria-hidden='true' data-icon='w'></div>
|
|
| 153 |
<input type='text' readonly='readonly' value='snf-pc-outline [w]' />
|
|
| 151 | 154 |
</div> |
| 152 |
<div class="glyph">
|
|
| 153 |
<div class="fs1" aria-hidden="true" data-icon="x"></div>
|
|
| 154 |
<input type="text" readonly="readonly" value="snf-pc-full [x]" />
|
|
| 155 |
<div class='glyph'>
|
|
| 156 |
<div class='fs1' aria-hidden='true' data-icon='x'></div>
|
|
| 157 |
<input type='text' readonly='readonly' value='snf-pc-full [x]' />
|
|
| 155 | 158 |
</div> |
| 156 |
<div class="glyph">
|
|
| 157 |
<div class="fs1" aria-hidden="true" data-icon="S"></div>
|
|
| 158 |
<input type="text" readonly="readonly" value="snf-pc-create-full [S]" />
|
|
| 159 |
<div class='glyph'>
|
|
| 160 |
<div class='fs1' aria-hidden='true' data-icon='S'></div>
|
|
| 161 |
<input type='text' readonly='readonly' value='snf-pc-create-full [S]' />
|
|
| 159 | 162 |
</div> |
| 160 |
<div class="glyph">
|
|
| 161 |
<div class="fs1" aria-hidden="true" data-icon="9"></div>
|
|
| 162 |
<input type="text" readonly="readonly" value="snf-pc-broken-outline [9]" />
|
|
| 163 |
<div class='glyph'>
|
|
| 164 |
<div class='fs1' aria-hidden='true' data-icon='9'></div>
|
|
| 165 |
<input type='text' readonly='readonly' value='snf-pc-broken-outline [9]' />
|
|
| 163 | 166 |
</div> |
| 164 |
<div class="glyph">
|
|
| 165 |
<div class="fs1" aria-hidden="true" data-icon="X"></div>
|
|
| 166 |
<input type="text" readonly="readonly" value="snf-pc-broken-full [X]" />
|
|
| 167 |
<div class='glyph'>
|
|
| 168 |
<div class='fs1' aria-hidden='true' data-icon='X'></div>
|
|
| 169 |
<input type='text' readonly='readonly' value='snf-pc-broken-full [X]' />
|
|
| 167 | 170 |
</div> |
| 168 |
<div class="glyph">
|
|
| 169 |
<div class="fs1" aria-hidden="true" data-icon="!"></div>
|
|
| 170 |
<input type="text" readonly="readonly" value="snf-pc-reboot-outline [!]" />
|
|
| 171 |
<div class='glyph'>
|
|
| 172 |
<div class='fs1' aria-hidden='true' data-icon='!'></div>
|
|
| 173 |
<input type='text' readonly='readonly' value='snf-pc-reboot-outline [!]' />
|
|
| 171 | 174 |
</div> |
| 172 |
<div class="glyph">
|
|
| 173 |
<div class="fs1" aria-hidden="true" data-icon="Y"></div>
|
|
| 174 |
<input type="text" readonly="readonly" value="snf-pc-reboot-full [Y]" />
|
|
| 175 |
<div class='glyph'>
|
|
| 176 |
<div class='fs1' aria-hidden='true' data-icon='Y'></div>
|
|
| 177 |
<input type='text' readonly='readonly' value='snf-pc-reboot-full [Y]' />
|
|
| 175 | 178 |
</div> |
| 176 |
<div class="glyph">
|
|
| 177 |
<div class="fs1" aria-hidden="true" data-icon="@"></div>
|
|
| 178 |
<input type="text" readonly="readonly" value="snf-pc-switch-outline [@]" />
|
|
| 179 |
<div class='glyph'>
|
|
| 180 |
<div class='fs1' aria-hidden='true' data-icon='@'></div>
|
|
| 181 |
<input type='text' readonly='readonly' value='snf-pc-switch-outline [@]' />
|
|
| 179 | 182 |
</div> |
| 180 |
<div class="glyph">
|
|
| 181 |
<div class="fs1" aria-hidden="true" data-icon="Z"></div>
|
|
| 182 |
<input type="text" readonly="readonly" value="snf-pc-switch-full [Z]" />
|
|
| 183 |
<div class='glyph'>
|
|
| 184 |
<div class='fs1' aria-hidden='true' data-icon='Z'></div>
|
|
| 185 |
<input type='text' readonly='readonly' value='snf-pc-switch-full [Z]' />
|
|
| 183 | 186 |
</div> |
| 184 |
<div class="glyph">
|
|
| 185 |
<div class="fs1" aria-hidden="true" data-icon="u"></div>
|
|
| 186 |
<input type="text" readonly="readonly" value="snf-volume-outline [u]" />
|
|
| 187 |
<div class='glyph'>
|
|
| 188 |
<div class='fs1' aria-hidden='true' data-icon='u'></div>
|
|
| 189 |
<input type='text' readonly='readonly' value='snf-volume-outline [u]' />
|
|
| 187 | 190 |
</div> |
| 188 |
<div class="glyph">
|
|
| 189 |
<div class="fs1" aria-hidden="true" data-icon="O"></div>
|
|
| 190 |
<input type="text" readonly="readonly" value="snf-volume-full [O]" />
|
|
| 191 |
<div class='glyph'>
|
|
| 192 |
<div class='fs1' aria-hidden='true' data-icon='O'></div>
|
|
| 193 |
<input type='text' readonly='readonly' value='snf-volume-full [O]' />
|
|
| 191 | 194 |
</div> |
| 192 |
<div class="glyph">
|
|
| 193 |
<div class="fs1" aria-hidden="true" data-icon="6"></div>
|
|
| 194 |
<input type="text" readonly="readonly" value="snf-volume-create-full [6]" />
|
|
| 195 |
<div class='glyph'>
|
|
| 196 |
<div class='fs1' aria-hidden='true' data-icon='6'></div>
|
|
| 197 |
<input type='text' readonly='readonly' value='snf-volume-create-full [6]' />
|
|
| 195 | 198 |
</div> |
| 196 |
<div class="glyph">
|
|
| 197 |
<div class="fs1" aria-hidden="true" data-icon="0"></div>
|
|
| 198 |
<input type="text" readonly="readonly" value="snf-volume-broken-outline [0]" />
|
|
| 199 |
<div class='glyph'>
|
|
| 200 |
<div class='fs1' aria-hidden='true' data-icon='0'></div>
|
|
| 201 |
<input type='text' readonly='readonly' value='snf-volume-broken-outline [0]' />
|
|
| 199 | 202 |
</div> |
| 200 |
<div class="glyph">
|
|
| 201 |
<div class="fs1" aria-hidden="true" data-icon="y"></div>
|
|
| 202 |
<input type="text" readonly="readonly" value="snf-pithos-outline [y]" />
|
|
| 203 |
<div class='glyph'>
|
|
| 204 |
<div class='fs1' aria-hidden='true' data-icon='y'></div>
|
|
| 205 |
<input type='text' readonly='readonly' value='snf-pithos-outline [y]' />
|
|
| 203 | 206 |
</div> |
| 204 |
<div class="glyph">
|
|
| 205 |
<div class="fs1" aria-hidden="true" data-icon="5"></div>
|
|
| 206 |
<input type="text" readonly="readonly" value="snf-pithos-full [5]" />
|
|
| 207 |
<div class='glyph'>
|
|
| 208 |
<div class='fs1' aria-hidden='true' data-icon='5'></div>
|
|
| 209 |
<input type='text' readonly='readonly' value='snf-pithos-full [5]' />
|
|
| 207 | 210 |
</div> |
| 208 |
<div class="glyph">
|
|
| 209 |
<div class="fs1" aria-hidden="true" data-icon="z"></div>
|
|
| 210 |
<input type="text" readonly="readonly" value="snf-dashboard-outline [z]" />
|
|
| 211 |
<div class='glyph'>
|
|
| 212 |
<div class='fs1' aria-hidden='true' data-icon='z'></div>
|
|
| 213 |
<input type='text' readonly='readonly' value='snf-dashboard-outline [z]' />
|
|
| 211 | 214 |
</div> |
| 212 |
<div class="glyph">
|
|
| 213 |
<div class="fs1" aria-hidden="true" data-icon="E"></div>
|
|
| 214 |
<input type="text" readonly="readonly" value="snf-chip-outline [E]" />
|
|
| 215 |
<div class='glyph'>
|
|
| 216 |
<div class='fs1' aria-hidden='true' data-icon='E'></div>
|
|
| 217 |
<input type='text' readonly='readonly' value='snf-chip-outline [E]' />
|
|
| 215 | 218 |
</div> |
| 216 |
<div class="glyph">
|
|
| 217 |
<div class="fs1" aria-hidden="true" data-icon="3"></div>
|
|
| 218 |
<input type="text" readonly="readonly" value="snf-chip-full [3]" />
|
|
| 219 |
<div class='glyph'>
|
|
| 220 |
<div class='fs1' aria-hidden='true' data-icon='3'></div>
|
|
| 221 |
<input type='text' readonly='readonly' value='snf-chip-full [3]' />
|
|
| 219 | 222 |
</div> |
| 220 |
<div class="glyph">
|
|
| 221 |
<div class="fs1" aria-hidden="true" data-icon="F"></div>
|
|
| 222 |
<input type="text" readonly="readonly" value="snf-lock-closed-full [F]" />
|
|
| 223 |
<div class='glyph'>
|
|
| 224 |
<div class='fs1' aria-hidden='true' data-icon='F'></div>
|
|
| 225 |
<input type='text' readonly='readonly' value='snf-lock-closed-full [F]' />
|
|
| 223 | 226 |
</div> |
| 224 |
<div class="glyph">
|
|
| 225 |
<div class="fs1" aria-hidden="true" data-icon="G"></div>
|
|
| 226 |
<input type="text" readonly="readonly" value="snf-lock-open-full [G]" />
|
|
| 227 |
<div class='glyph'>
|
|
| 228 |
<div class='fs1' aria-hidden='true' data-icon='G'></div>
|
|
| 229 |
<input type='text' readonly='readonly' value='snf-lock-open-full [G]' />
|
|
| 227 | 230 |
</div> |
| 228 |
<div class="glyph">
|
|
| 229 |
<div class="fs1" aria-hidden="true" data-icon="H"></div>
|
|
| 230 |
<input type="text" readonly="readonly" value="snf-router-outline [H]" />
|
|
| 231 |
<div class='glyph'>
|
|
| 232 |
<div class='fs1' aria-hidden='true' data-icon='H'></div>
|
|
| 233 |
<input type='text' readonly='readonly' value='snf-router-outline [H]' />
|
|
| 231 | 234 |
</div> |
| 232 |
<div class="glyph">
|
|
| 233 |
<div class="fs1" aria-hidden="true" data-icon="2"></div>
|
|
| 234 |
<input type="text" readonly="readonly" value="snf-router-full [2]" />
|
|
| 235 |
<div class='glyph'>
|
|
| 236 |
<div class='fs1' aria-hidden='true' data-icon='2'></div>
|
|
| 237 |
<input type='text' readonly='readonly' value='snf-router-full [2]' />
|
|
| 235 | 238 |
</div> |
| 236 |
<div class="glyph">
|
|
| 237 |
<div class="fs1" aria-hidden="true" data-icon="I"></div>
|
|
| 238 |
<input type="text" readonly="readonly" value="snf-www [I]" />
|
|
| 239 |
<div class='glyph'>
|
|
| 240 |
<div class='fs1' aria-hidden='true' data-icon='I'></div>
|
|
| 241 |
<input type='text' readonly='readonly' value='snf-www [I]' />
|
|
| 239 | 242 |
</div> |
| 240 |
<div class="glyph">
|
|
| 241 |
<div class="fs1" aria-hidden="true" data-icon="J"></div>
|
|
| 242 |
<input type="text" readonly="readonly" value="snf-ram-outline [J]" />
|
|
| 243 |
<div class='glyph'>
|
|
| 244 |
<div class='fs1' aria-hidden='true' data-icon='J'></div>
|
|
| 245 |
<input type='text' readonly='readonly' value='snf-ram-outline [J]' />
|
|
| 243 | 246 |
</div> |
| 244 |
<div class="glyph">
|
|
| 245 |
<div class="fs1" aria-hidden="true" data-icon="R"></div>
|
|
| 246 |
<input type="text" readonly="readonly" value="snf-ram-full [R]" />
|
|
| 247 |
<div class='glyph'>
|
|
| 248 |
<div class='fs1' aria-hidden='true' data-icon='R'></div>
|
|
| 249 |
<input type='text' readonly='readonly' value='snf-ram-full [R]' />
|
|
| 247 | 250 |
</div> |
| 248 |
<div class="glyph">
|
|
| 249 |
<div class="fs1" aria-hidden="true" data-icon="e"></div>
|
|
| 250 |
<input type="text" readonly="readonly" value="snf-snapshot-outline [e]" />
|
|
| 251 |
<div class='glyph'>
|
|
| 252 |
<div class='fs1' aria-hidden='true' data-icon='e'></div>
|
|
| 253 |
<input type='text' readonly='readonly' value='snf-snapshot-outline [e]' />
|
|
| 251 | 254 |
</div> |
| 252 |
<div class="glyph">
|
|
| 253 |
<div class="fs1" aria-hidden="true" data-icon="N"></div>
|
|
| 254 |
<input type="text" readonly="readonly" value="snf-snapshot-full [N]" />
|
|
| 255 |
<div class='glyph'>
|
|
| 256 |
<div class='fs1' aria-hidden='true' data-icon='N'></div>
|
|
| 257 |
<input type='text' readonly='readonly' value='snf-snapshot-full [N]' />
|
|
| 255 | 258 |
</div> |
| 256 |
<div class="glyph">
|
|
| 257 |
<div class="fs1" aria-hidden="true" data-icon="f"></div>
|
|
| 258 |
<input type="text" readonly="readonly" value="snf-image-outline [f]" />
|
|
| 259 |
<div class='glyph'>
|
|
| 260 |
<div class='fs1' aria-hidden='true' data-icon='f'></div>
|
|
| 261 |
<input type='text' readonly='readonly' value='snf-image-outline [f]' />
|
|
| 259 | 262 |
</div> |
| 260 |
<div class="glyph">
|
|
| 261 |
<div class="fs1" aria-hidden="true" data-icon="Q"></div>
|
|
| 262 |
<input type="text" readonly="readonly" value="snf-image-full [Q]" />
|
|
| 263 |
<div class='glyph'>
|
|
| 264 |
<div class='fs1' aria-hidden='true' data-icon='Q'></div>
|
|
| 265 |
<input type='text' readonly='readonly' value='snf-image-full [Q]' />
|
|
| 263 | 266 |
</div> |
| 264 |
<div class="glyph">
|
|
| 265 |
<div class="fs1" aria-hidden="true" data-icon="m"></div>
|
|
| 266 |
<input type="text" readonly="readonly" value="snf-plus-outline [m]" />
|
|
| 267 |
<div class='glyph'>
|
|
| 268 |
<div class='fs1' aria-hidden='true' data-icon='m'></div>
|
|
| 269 |
<input type='text' readonly='readonly' value='snf-plus-outline [m]' />
|
|
| 267 | 270 |
</div> |
| 268 |
<div class="glyph">
|
|
| 269 |
<div class="fs1" aria-hidden="true" data-icon="4"></div>
|
|
| 270 |
<input type="text" readonly="readonly" value="snf-plus-full [4]" />
|
|
| 271 |
<div class='glyph'>
|
|
| 272 |
<div class='fs1' aria-hidden='true' data-icon='4'></div>
|
|
| 273 |
<input type='text' readonly='readonly' value='snf-plus-full [4]' />
|
|
| 271 | 274 |
</div> |
| 272 |
<div class="glyph">
|
|
| 273 |
<div class="fs1" aria-hidden="true" data-icon="P"></div>
|
|
| 274 |
<input type="text" readonly="readonly" value="snf-nic-outline [P]" />
|
|
| 275 |
<div class='glyph'>
|
|
| 276 |
<div class='fs1' aria-hidden='true' data-icon='P'></div>
|
|
| 277 |
<input type='text' readonly='readonly' value='snf-nic-outline [P]' />
|
|
| 275 | 278 |
</div> |
| 276 |
<div class="glyph">
|
|
| 277 |
<div class="fs1" aria-hidden="true" data-icon="r"></div>
|
|
| 278 |
<input type="text" readonly="readonly" value="snf-nic-full [r]" />
|
|
| 279 |
<div class='glyph'>
|
|
| 280 |
<div class='fs1' aria-hidden='true' data-icon='r'></div>
|
|
| 281 |
<input type='text' readonly='readonly' value='snf-nic-full [r]' />
|
|
| 279 | 282 |
</div> |
| 280 |
<div class="glyph">
|
|
| 281 |
<div class="fs1" aria-hidden="true" data-icon="#"></div>
|
|
| 282 |
<input type="text" readonly="readonly" value="snf-nic-outline [#]" />
|
|
| 283 |
<div class='glyph'>
|
|
| 284 |
<div class='fs1' aria-hidden='true' data-icon='#'></div>
|
|
| 285 |
<input type='text' readonly='readonly' value='snf-nic-outline [#]' />
|
|
| 283 | 286 |
</div> |
| 284 |
<div class="glyph">
|
|
| 285 |
<div class="fs1" aria-hidden="true" data-icon="1"></div>
|
|
| 286 |
<input type="text" readonly="readonly" value="snf-key-full [1]" />
|
|
| 287 |
<div class='glyph'>
|
|
| 288 |
<div class='fs1' aria-hidden='true' data-icon='1'></div>
|
|
| 289 |
<input type='text' readonly='readonly' value='snf-key-full [1]' />
|
|
| 287 | 290 |
</div> |
| 288 | 291 |
</section> |
| 289 | 292 |
|
| 290 | 293 |
<section> |
| 291 | 294 |
<h2>checkboxes - radiobuttons</h2> |
| 292 |
<div class="glyph">
|
|
| 293 |
<div class="fs1" aria-hidden="true" data-icon="a"></div>
|
|
| 294 |
<input type="text" readonly="readonly" value="snf-checkbox-unchecked [a]" />
|
|
| 295 |
<div class='glyph'>
|
|
| 296 |
<div class='fs1' aria-hidden='true' data-icon='a'></div>
|
|
| 297 |
<input type='text' readonly='readonly' value='snf-checkbox-unchecked [a]' />
|
|
| 295 | 298 |
</div> |
| 296 |
<div class="glyph">
|
|
| 297 |
<div class="fs1" aria-hidden="true" data-icon="b"></div>
|
|
| 298 |
<input type="text" readonly="readonly" value="snf-checkbox-checked [b]" />
|
|
| 299 |
<div class='glyph'>
|
|
| 300 |
<div class='fs1' aria-hidden='true' data-icon='b'></div>
|
|
| 301 |
<input type='text' readonly='readonly' value='snf-checkbox-checked [b]' />
|
|
| 299 | 302 |
</div> |
| 300 |
<div class="glyph">
|
|
| 301 |
<div class="fs1" aria-hidden="true" data-icon="C"></div>
|
|
| 302 |
<input type="text" readonly="readonly" value="snf-radio-unchecked [C]" />
|
|
| 303 |
<div class='glyph'>
|
|
| 304 |
<div class='fs1' aria-hidden='true' data-icon='C'></div>
|
|
| 305 |
<input type='text' readonly='readonly' value='snf-radio-unchecked [C]' />
|
|
| 303 | 306 |
</div> |
| 304 |
<div class="glyph">
|
|
| 305 |
<div class="fs1" aria-hidden="true" data-icon="B"></div>
|
|
| 306 |
<input type="text" readonly="readonly" value="snf-radio-checked [B]" />
|
|
| 307 |
<div class='glyph'>
|
|
| 308 |
<div class='fs1' aria-hidden='true' data-icon='B'></div>
|
|
| 309 |
<input type='text' readonly='readonly' value='snf-radio-checked [B]' />
|
|
| 307 | 310 |
</div> |
| 308 | 311 |
</section> |
| 309 | 312 |
|
| 310 | 313 |
<section> |
| 311 | 314 |
<h2>close - cancel - remove</h2> |
| 312 |
<div class="glyph">
|
|
| 313 |
<div class="fs1" aria-hidden="true" data-icon="D"></div>
|
|
| 314 |
<input type="text" readonly="readonly" value="snf-close [D]" />
|
|
| 315 |
<div class='glyph'>
|
|
| 316 |
<div class='fs1' aria-hidden='true' data-icon='D'></div>
|
|
| 317 |
<input type='text' readonly='readonly' value='snf-close [D]' />
|
|
| 315 | 318 |
</div> |
| 316 |
<div class="glyph"> |
|
| 317 |
<div class="fs1" aria-hidden="true" data-icon="c"></div> |
|
| 318 |
<input type="text" readonly="readonly" value="snf-cancel-circled [c]" /> |
|
| 319 |
<div class='glyph'> |
|
| 320 |
<div class='fs1' aria-hidden='true' data-icon='c'></div> |
|
| 321 |
<input type='text' readonly='readonly' value='snf-cancel-circled [c]' /> |
|
| 322 |
</div> |
|
| 323 |
<div class='glyph'> |
|
| 324 |
<div class='fs1' aria-hidden='true' data-icon='n'></div> |
|
| 325 |
<input type='text' readonly='readonly' value='snf-minus-sign [n]' /> |
|
| 319 | 326 |
</div> |
| 320 |
<div class="glyph">
|
|
| 321 |
<div class="fs1" aria-hidden="true" data-icon="n"></div>
|
|
| 322 |
<input type="text" readonly="readonly" value="snf-minus-sign [n]" />
|
|
| 327 |
<div class='glyph'>
|
|
| 328 |
<div class='fs1' aria-hidden='true' data-icon='j'></div>
|
|
| 329 |
<input type='text' readonly='readonly' value='snf-ban-circle [j]' />
|
|
| 323 | 330 |
</div> |
| 324 |
<div class="glyph">
|
|
| 325 |
<div class="fs1" aria-hidden="true" data-icon="j"></div>
|
|
| 326 |
<input type="text" readonly="readonly" value="snf-ban-circle [j]" />
|
|
| 331 |
<div class='glyph'>
|
|
| 332 |
<div class='fs1' aria-hidden='true' data-icon='$'></div>
|
|
| 333 |
<input type='text' readonly='readonly' value='snf-trash-outline [$]' />
|
|
| 327 | 334 |
</div> |
| 328 |
<div class="glyph">
|
|
| 329 |
<div class="fs1" aria-hidden="true" data-icon="$"></div>
|
|
| 330 |
<input type="text" readonly="readonly" value="snf-trash-outline [$]" />
|
|
| 335 |
<div class='glyph'>
|
|
| 336 |
<div class='fs1' aria-hidden='true' data-icon='='></div>
|
|
| 337 |
<input type='text' readonly='readonly' value='snf-trash-full [=]' />
|
|
| 331 | 338 |
</div> |
| 332 | 339 |
</section> |
| 333 | 340 |
|
| 334 | 341 |
<section> |
| 335 | 342 |
<h2>ok - confirm</h2> |
| 336 |
<div class="glyph">
|
|
| 337 |
<div class="fs1" aria-hidden="true" data-icon="l"></div>
|
|
| 338 |
<input type="text" readonly="readonly" value="snf-ok-sign [l]" />
|
|
| 343 |
<div class='glyph'>
|
|
| 344 |
<div class='fs1' aria-hidden='true' data-icon='l'></div>
|
|
| 345 |
<input type='text' readonly='readonly' value='snf-ok-sign [l]' />
|
|
| 339 | 346 |
</div> |
| 340 |
<div class="glyph">
|
|
| 341 |
<div class="fs1" aria-hidden="true" data-icon="h"></div>
|
|
| 342 |
<input type="text" readonly="readonly" value="snf-ok [h]" />
|
|
| 347 |
<div class='glyph'>
|
|
| 348 |
<div class='fs1' aria-hidden='true' data-icon='h'></div>
|
|
| 349 |
<input type='text' readonly='readonly' value='snf-ok [h]' />
|
|
| 343 | 350 |
</div> |
| 344 | 351 |
</section> |
| 345 | 352 |
|
| 346 | 353 |
<section> |
| 347 | 354 |
<h2>show - preview - view type</h2> |
| 348 |
<div class="glyph">
|
|
| 349 |
<div class="fs1" aria-hidden="true" data-icon="A"></div>
|
|
| 350 |
<input type="text" readonly="readonly" value="snf-eye [A]" />
|
|
| 355 |
<div class='glyph'>
|
|
| 356 |
<div class='fs1' aria-hidden='true' data-icon='A'></div>
|
|
| 357 |
<input type='text' readonly='readonly' value='snf-eye [A]' />
|
|
| 351 | 358 |
</div> |
| 352 |
<div class="glyph">
|
|
| 353 |
<div class="fs1" aria-hidden="true" data-icon="t"></div>
|
|
| 354 |
<input type="text" readonly="readonly" value="ssnf-gridview [t]" />
|
|
| 359 |
<div class='glyph'>
|
|
| 360 |
<div class='fs1' aria-hidden='true' data-icon='t'></div>
|
|
| 361 |
<input type='text' readonly='readonly' value='ssnf-gridview [t]' />
|
|
| 355 | 362 |
</div> |
| 356 |
<div class="glyph">
|
|
| 357 |
<div class="fs1" aria-hidden="true" data-icon="s"></div>
|
|
| 358 |
<input type="text" readonly="readonly" value="snf-listview [s]" />
|
|
| 363 |
<div class='glyph'>
|
|
| 364 |
<div class='fs1' aria-hidden='true' data-icon='s'></div>
|
|
| 365 |
<input type='text' readonly='readonly' value='snf-listview [s]' />
|
|
| 359 | 366 |
</div> |
| 360 | 367 |
</section> |
| 361 | 368 |
|
| 362 | 369 |
<section> |
| 363 | 370 |
<h2>arrows</h2> |
| 364 |
<div class="glyph">
|
|
| 365 |
<div class="fs1" aria-hidden="true" data-icon="L"></div>
|
|
| 366 |
<input type="text" readonly="readonly" value="snf-arrow-up [L]" />
|
|
| 371 |
<div class='glyph'>
|
|
| 372 |
<div class='fs1' aria-hidden='true' data-icon='L'></div>
|
|
| 373 |
<input type='text' readonly='readonly' value='snf-arrow-up [L]' />
|
|
| 367 | 374 |
</div> |
| 368 |
<div class="glyph">
|
|
| 369 |
<div class="fs1" aria-hidden="true" data-icon="M"></div>
|
|
| 370 |
<input type="text" readonly="readonly" value="snf-arrow-down [M]" />
|
|
| 375 |
<div class='glyph'>
|
|
| 376 |
<div class='fs1' aria-hidden='true' data-icon='M'></div>
|
|
| 377 |
<input type='text' readonly='readonly' value='snf-arrow-down [M]' />
|
|
| 371 | 378 |
</div> |
| 372 |
<div class="glyph">
|
|
| 373 |
<div class="fs1" aria-hidden="true" data-icon="_"></div>
|
|
| 374 |
<input type="text" readonly="readonly" value="snf-arrow-left-small-full [_]" />
|
|
| 379 |
<div class='glyph'>
|
|
| 380 |
<div class='fs1' aria-hidden='true' data-icon='_'></div>
|
|
| 381 |
<input type='text' readonly='readonly' value='snf-arrow-left-small-full [_]' />
|
|
| 375 | 382 |
</div> |
| 376 |
<div class="glyph">
|
|
| 377 |
<div class="fs1" aria-hidden="true" data-icon="-"></div>
|
|
| 378 |
<input type="text" readonly="readonly" value="snf-arrow-right-small-full [-]" />
|
|
| 383 |
<div class='glyph'>
|
|
| 384 |
<div class='fs1' aria-hidden='true' data-icon='-'></div>
|
|
| 385 |
<input type='text' readonly='readonly' value='snf-arrow-right-small-full [-]' />
|
|
| 379 | 386 |
</div> |
| 380 |
<div class="glyph">
|
|
| 381 |
<div class="fs1" aria-hidden="true" data-icon="("></div>
|
|
| 382 |
<input type="text" readonly="readonly" value="snf-upload-full [()]" />
|
|
| 387 |
<div class='glyph'>
|
|
| 388 |
<div class='fs1' aria-hidden='true' data-icon='('></div>
|
|
| 389 |
<input type='text' readonly='readonly' value='snf-upload-full [()]' />
|
|
| 383 | 390 |
</div> |
| 384 |
<div class="glyph">
|
|
| 385 |
<div class="fs1" aria-hidden="true" data-icon="%"></div>
|
|
| 386 |
<input type="text" readonly="readonly" value="snf-download-full [%]" />
|
|
| 391 |
<div class='glyph'>
|
|
| 392 |
<div class='fs1' aria-hidden='true' data-icon='%'></div>
|
|
| 393 |
<input type='text' readonly='readonly' value='snf-download-full [%]' />
|
|
| 387 | 394 |
</div> |
| 388 |
<div class="glyph">
|
|
| 389 |
<div class="fs1" aria-hidden="true" data-icon=")"></div>
|
|
| 390 |
<input type="text" readonly="readonly" value="snf-refresh-outline [)]" />
|
|
| 395 |
<div class='glyph'>
|
|
| 396 |
<div class='fs1' aria-hidden='true' data-icon=')'></div>
|
|
| 397 |
<input type='text' readonly='readonly' value='snf-refresh-outline [)]' />
|
|
| 391 | 398 |
</div> |
| 392 | 399 |
</section> |
| 393 | 400 |
|
| 394 | 401 |
<section> |
| 395 | 402 |
<h2>misc</h2> |
| 396 |
<div class="glyph">
|
|
| 397 |
<div class="fs1" aria-hidden="true" data-icon="q"></div>
|
|
| 398 |
<input type="text" readonly="readonly" value="snf-edit [q]" />
|
|
| 403 |
<div class='glyph'>
|
|
| 404 |
<div class='fs1' aria-hidden='true' data-icon='q'></div>
|
|
| 405 |
<input type='text' readonly='readonly' value='snf-edit [q]' />
|
|
| 399 | 406 |
</div> |
| 400 |
<div class="glyph">
|
|
| 401 |
<div class="fs1" aria-hidden="true" data-icon="d"></div>
|
|
| 402 |
<input type="text" readonly="readonly" value="snf-search [d]" />
|
|
| 407 |
<div class='glyph'>
|
|
| 408 |
<div class='fs1' aria-hidden='true' data-icon='d'></div>
|
|
| 409 |
<input type='text' readonly='readonly' value='snf-search [d]' />
|
|
| 403 | 410 |
</div> |
| 404 |
<div class="glyph">
|
|
| 405 |
<div class="fs1" aria-hidden="true" data-icon="g"></div>
|
|
| 406 |
<input type="text" readonly="readonly" value="snf-twitter-logo [g]" />
|
|
| 411 |
<div class='glyph'>
|
|
| 412 |
<div class='fs1' aria-hidden='true' data-icon='g'></div>
|
|
| 413 |
<input type='text' readonly='readonly' value='snf-twitter-logo [g]' />
|
|
| 407 | 414 |
</div> |
| 408 |
<div class="glyph">
|
|
| 409 |
<div class="fs1" aria-hidden="true" data-icon="i"></div>
|
|
| 410 |
<input type="text" readonly="readonly" value="snf-switch [i]" />
|
|
| 415 |
<div class='glyph'>
|
|
| 416 |
<div class='fs1' aria-hidden='true' data-icon='i'></div>
|
|
| 417 |
<input type='text' readonly='readonly' value='snf-switch [i]' />
|
|
| 411 | 418 |
</div> |
| 412 |
<div class="glyph">
|
|
| 413 |
<div class="fs1" aria-hidden="true" data-icon="k"></div>
|
|
| 414 |
<input type="text" readonly="readonly" value="snf-thunder-full [k]" />
|
|
| 419 |
<div class='glyph'>
|
|
| 420 |
<div class='fs1' aria-hidden='true' data-icon='k'></div>
|
|
| 421 |
<input type='text' readonly='readonly' value='snf-thunder-full [k]' />
|
|
| 415 | 422 |
</div> |
| 416 |
<div class="glyph">
|
|
| 417 |
<div class="fs1" aria-hidden="true" data-icon="o"></div>
|
|
| 418 |
<input type="text" readonly="readonly" value="snf-info-outline [o]" />
|
|
| 423 |
<div class='glyph'>
|
|
| 424 |
<div class='fs1' aria-hidden='true' data-icon='o'></div>
|
|
| 425 |
<input type='text' readonly='readonly' value='snf-info-outline [o]' />
|
|
| 419 | 426 |
</div> |
| 420 |
<div class="glyph">
|
|
| 421 |
<div class="fs1" aria-hidden="true" data-icon="p"></div>
|
|
| 422 |
<input type="text" readonly="readonly" value="snf-info-full [p]" />
|
|
| 427 |
<div class='glyph'>
|
|
| 428 |
<div class='fs1' aria-hidden='true' data-icon='p'></div>
|
|
| 429 |
<input type='text' readonly='readonly' value='snf-info-full [p]' />
|
|
| 423 | 430 |
</div> |
| 424 |
<div class="glyph">
|
|
| 425 |
<div class="fs1" aria-hidden="true" data-icon="*"></div>
|
|
| 426 |
<input type="text" readonly="readonly" value="snf-person-outline [*]" />
|
|
| 431 |
<div class='glyph'>
|
|
| 432 |
<div class='fs1' aria-hidden='true' data-icon='*'></div>
|
|
| 433 |
<input type='text' readonly='readonly' value='snf-person-outline [*]' />
|
|
| 427 | 434 |
</div> |
| 428 |
<div class="glyph">
|
|
| 429 |
<div class="fs1" aria-hidden="true" data-icon="^"></div>
|
|
| 430 |
<input type="text" readonly="readonly" value="snf-folder-outline [^]" />
|
|
| 435 |
<div class='glyph'>
|
|
| 436 |
<div class='fs1' aria-hidden='true' data-icon='?'></div>
|
|
| 437 |
<input type='text' readonly='readonly' value='snf-copy-outline [?]' />
|
|
| 431 | 438 |
</div> |
| 432 |
<div class="glyph">
|
|
| 433 |
<div class="fs1" aria-hidden="true" data-icon="="></div>
|
|
| 434 |
<input type="text" readonly="readonly" value="snf-folder-full [=]" />
|
|
| 439 |
<div class='glyph'>
|
|
| 440 |
<div class='fs1' aria-hidden='true' data-icon= '"'></div>
|
|
| 441 |
<input type='text' readonly='readonly' value='snf-copy-full ["]' />
|
|
| 435 | 442 |
</div> |
| 436 |
<div class="glyph"> |
|
| 437 |
<div class="fs1" aria-hidden="true" data-icon="?"></div> |
|
| 438 |
<input type="text" readonly="readonly" value="snf-copy-outline [?]" /> |
|
| 439 |
</div> |
|
| 440 |
<div class="glyph"> |
|
| 441 |
<div class="fs1" aria-hidden="true" data-icon="&"></div> |
|
| 442 |
<input type="text" readonly="readonly" value="snf-link-outline [&]" /> |
|
| 443 |
<div class='glyph'> |
|
| 444 |
<div class='fs1' aria-hidden='true' data-icon='&'></div> |
|
| 445 |
<input type='text' readonly='readonly' value='snf-link-outline [&]' /> |
|
| 443 | 446 |
</div> |
| 447 |
<div class='glyph aux'> |
|
| 448 |
<div class='fs1' aria-hidden='true' data-icon-aux='f'></div> |
|
| 449 |
<input type='text' readonly='readonly' value='snf-folder-outline [f]' /> |
|
| 450 |
</div> |
|
| 451 |
<div class='glyph aux'> |
|
| 452 |
<div class='fs1' aria-hidden='true' data-icon-aux='F'></div> |
|
| 453 |
<input type='text' readonly='readonly' value='snf-folder-full [F]' /> |
|
| 454 |
</div> |
|
| 455 |
<div class='glyph aux'> |
|
| 456 |
<div class='fs1' aria-hidden='true' data-icon-aux='a'></div> |
|
| 457 |
<input type='text' readonly='readonly' value='snf-folder-create-outline [a]' /> |
|
| 458 |
</div> |
|
| 459 |
<div class='glyph aux'> |
|
| 460 |
<div class='fs1' aria-hidden='true' data-icon-aux= 'A'></div> |
|
| 461 |
<input type='text' readonly='readonly' value='snf-folder-create-full [A]' /> |
|
| 462 |
</div> |
|
| 463 |
<div class='glyph aux'> |
|
| 464 |
<div class='fs1' aria-hidden='true' data-icon-aux='e'></div> |
|
| 465 |
<input type='text' readonly='readonly' value='snf-folder-move-outline [e]' /> |
|
| 466 |
</div> |
|
| 467 |
<div class='glyph aux'> |
|
| 468 |
<div class='fs1' aria-hidden='true' data-icon-aux='E'></div> |
|
| 469 |
<input type='text' readonly='readonly' value='snf-folder-move-full [E]' /> |
|
| 470 |
</div> |
|
| 471 |
<div class='glyph aux'> |
|
| 472 |
<div class='fs1' aria-hidden='true' data-icon-aux='c'></div> |
|
| 473 |
<input type='text' readonly='readonly' value='snf-shared-by-me-outline [c]' /> |
|
| 474 |
</div> |
|
| 475 |
<div class='glyph aux'> |
|
| 476 |
<div class='fs1' aria-hidden='true' data-icon-aux='C'></div> |
|
| 477 |
<input type='text' readonly='readonly' value='snf-shared-by-me-full [C]' /> |
|
| 478 |
</div> |
|
| 479 |
<div class='glyph aux'> |
|
| 480 |
<div class='fs1' aria-hidden='true' data-icon-aux='d'></div> |
|
| 481 |
<input type='text' readonly='readonly' value='snf-shared-to-me-outline [d]' /> |
|
| 482 |
</div> |
|
| 483 |
<div class='glyph aux'> |
|
| 484 |
<div class='fs1' aria-hidden='true' data-icon-aux='D'></div> |
|
| 485 |
<input type='text' readonly='readonly' value='snf-shared-to-me-full [D]' /> |
|
| 486 |
</div> |
|
| 444 | 487 |
</section> |
| 445 | 488 |
|
| 446 | 489 |
</section> |
Also available in: Unified diff