| <!doctype html> |
| <html> |
| |
| <head> |
| <link rel="stylesheet" href="app.css"> |
| </head> |
| |
| <body style="padding: 20px;"> |
| |
| <h1>Sprite icons</h1> |
| |
| <table> |
| |
| <tr> |
| <th><span class="sprite-new checkbox_checked"></span></th> |
| <td>checkbox_checked</td> |
| |
| <th><span class="sprite-new checkbox_unchecked"></span></th> |
| <td>checkbox_unchecked</td> |
| |
| <th><span class="sprite-new checkbox_disabled"></span></th> |
| <td>checkbox_disabled</td> |
| |
| <th><span class="sprite-new checkbox_focus"></span></th> |
| <td>checkbox_focus</td> |
| </tr> |
| |
| <tr> |
| <th><span class="sprite-new add-icon"></span></th> |
| <td>add-icon</td> |
| |
| <th><span class="sprite-new import-icon"></span></th> |
| <td>import-icon</td> |
| </tr> |
| |
| <tr> |
| <th><span class="sprite-new video-icon"></span></th> |
| <td>video-icon</td> |
| |
| <th><span class="sprite-new video-icon_1"></span></th> |
| <td>video-icon_1</td> |
| |
| <th><span class="sprite-new video-icon_2"></span></th> |
| <td>video-icon_2</td> |
| |
| <th><span class="sprite-new video-icon_disabled"></span></th> |
| <td>video-icon_disabled</td> |
| |
| <th><span class="sprite-new video-icon_focus"></span></th> |
| <td>video-icon_focus</td> |
| </tr> |
| |
| <tr> |
| <th><span class="sprite-new info-icon"></span></th> |
| <td>info-icon</td> |
| |
| <th><span class="sprite-new info-icon_1"></span></th> |
| <td>info-icon_1</td> |
| </tr> |
| |
| </table> |
| |
| </body> |
| |
| </html> |