Revision 2c7cc4ac snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/icon_guide.html | ||
|---|---|---|
| 148 | 148 |
</section> |
| 149 | 149 |
|
| 150 | 150 |
<section> |
| 151 |
<h2>checkboxes</h2> |
|
| 151 |
<h2>checkboxes - radiobuttons</h2>
|
|
| 152 | 152 |
<div class="glyph"> |
| 153 | 153 |
<div class="fs1" aria-hidden="true" data-icon="a"></div> |
| 154 | 154 |
<input type="text" readonly="readonly" value="a" /> |
| ... | ... | |
| 157 | 157 |
<div class="fs1" aria-hidden="true" data-icon="b"></div> |
| 158 | 158 |
<input type="text" readonly="readonly" value="b" /> |
| 159 | 159 |
</div> |
| 160 |
<div class="glyph"> |
|
| 161 |
<div class="fs1" aria-hidden="true" data-icon="B"></div> |
|
| 162 |
<input type="text" readonly="readonly" value="B" /> |
|
| 163 |
</div> |
|
| 164 |
<div class="glyph"> |
|
| 165 |
<div class="fs1" aria-hidden="true" data-icon="C"></div> |
|
| 166 |
<input type="text" readonly="readonly" value="C" /> |
|
| 167 |
</div> |
|
| 160 | 168 |
</section> |
| 161 | 169 |
|
| 162 | 170 |
<section> |
| ... | ... | |
| 254 | 262 |
<h1>Class Names</h1> |
| 255 | 263 |
</header> |
| 256 | 264 |
<span class="box1 general"> |
| 257 |
<span aria-hidden="true" class="snf-twitter-off-black"></span>
|
|
| 265 |
<span aria-hidden="true" class=""></span> |
|
| 258 | 266 |
snf-font |
| 259 | 267 |
</span> |
| 260 | 268 |
|
| ... | ... | |
| 370 | 378 |
<span aria-hidden="true" class="snf-eye"></span> |
| 371 | 379 |
snf-eye |
| 372 | 380 |
</span> |
| 381 |
<span class="box1"> |
|
| 382 |
<span aria-hidden="true" class="snf-radio-checked"></span> |
|
| 383 |
snf-radio-checked |
|
| 384 |
</span> |
|
| 385 |
<span class="box1"> |
|
| 386 |
<span aria-hidden="true" class="snf-radio-unchecked"></span> |
|
| 387 |
snf-radio-unchecked |
|
| 388 |
</span> |
|
| 389 |
|
|
| 373 | 390 |
</section> |
| 374 | 391 |
<header> |
| 375 | 392 |
<h1>Usage Example</h1> |
| ... | ... | |
| 390 | 407 |
</header> |
| 391 | 408 |
<section> |
| 392 | 409 |
<ul> |
| 393 |
<li class="box1">pithos icon</li> |
|
| 394 |
<li class="box1">disk icon</li> |
|
| 395 |
<li class="box1">vm icon <span class="note">(not final)</span ></li> |
|
| 396 |
<li class="box1">network icon <span class="note">(not final)</span ></li> |
|
| 410 |
<li class="box1">pithos icon <span class="note">(final?)</span ></li> |
|
| 411 |
<li class="box1">disk icon <span class="note">(final?)</span ></li> |
|
| 412 |
<li class="box1">vm icon outline <span class="note">(final?)</span ></li> |
|
| 413 |
<li class="box1">network icon outline <span class="note">(final?)</span ></li> |
|
| 414 |
<li class="box1">network icon filled <span class="note">(not final)</span ></li> |
|
| 397 | 415 |
<li class="box1">keys? icon</li> |
| 398 | 416 |
<li class="box1">ips icon</li> |
| 399 | 417 |
<li class="box1">folder icon</li> |
| ... | ... | |
| 409 | 427 |
<li class="box1">delete icon</li> |
| 410 | 428 |
<li class="box1">move? icon</li> |
| 411 | 429 |
<li class="box1">get link? icon</li> |
| 412 |
<li class="box1">preview icon</li> |
|
| 430 |
<li class="box1">preview icon <span class="note">(final?)</span ></li>
|
|
| 413 | 431 |
<li class="box1">close icon <span class="note">(not final)</span ></li> |
| 414 |
<li class="box1">checkbox icon <span class="note">(not final)</span></li>
|
|
| 432 |
<li class="box1">checkbox icon <span class="note"></span></li> |
|
| 415 | 433 |
<li class="box1">edit icon <span class="note">(not final)</span></li> |
| 416 | 434 |
<li class="box1">cancel edit icon <span class="note">(not final)</span></li> |
| 417 | 435 |
</ul> |
Also available in: Unified diff