Wiki source code of Icons Component
Last modified by Vincent Massol on 2024/11/19 16:15
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{velocity}} | ||
| 2 | $xwiki.ssx.use("Standards.CssIcons") | ||
| 3 | {{/velocity}} | ||
| 4 | |||
| 5 | = Icons Component = | ||
| 6 | |||
| 7 | * [[Location >>CssIcons#HLocation]] | ||
| 8 | * [[CSS >>CssIcons#HCSS]] | ||
| 9 | * [[HTML >>CssIcons#HHTML]] | ||
| 10 | |||
| 11 | == Location == | ||
| 12 | |||
| 13 | {{code language="html"}} | ||
| 14 | platform\web\standard\src\main\webapp\resources\icons\icons.css | ||
| 15 | {{/code}} | ||
| 16 | |||
| 17 | == CSS == | ||
| 18 | |||
| 19 | {{code language="css"}} | ||
| 20 | .icon, .iconAdd, .iconEdit, .iconDelete, | ||
| 21 | .iconRss, .iconEmail, .iconPublish, .iconPrivate, .iconSchedule { | ||
| 22 | background: transparent no-repeat scroll left center; | ||
| 23 | padding-left: 18px; | ||
| 24 | *display: inline-block; /* IE6, IE7 for empty elements */ | ||
| 25 | } | ||
| 26 | |||
| 27 | .iconAdd { | ||
| 28 | background-image: url($xwiki.getSkinFile("icons/silk/add.gif")); | ||
| 29 | } | ||
| 30 | |||
| 31 | .iconEdit { | ||
| 32 | background-image: url($xwiki.getSkinFile("icons/silk/pencil.gif")); | ||
| 33 | } | ||
| 34 | |||
| 35 | .iconDelete { | ||
| 36 | background-image: url($xwiki.getSkinFile("icons/silk/cross.gif")); | ||
| 37 | } | ||
| 38 | |||
| 39 | .iconRss { | ||
| 40 | background-image: url($xwiki.getSkinFile("icons/black%2Drss%2Dmini.png")); | ||
| 41 | } | ||
| 42 | |||
| 43 | .iconEmail { | ||
| 44 | background-image: url($xwiki.getSkinFile("icons/silk/email.gif")); | ||
| 45 | } | ||
| 46 | |||
| 47 | .iconPublish{ | ||
| 48 | background-image: url($xwiki.getSkinFile("icons/silk/page_white_put.gif")); | ||
| 49 | } | ||
| 50 | |||
| 51 | .iconPrivate { | ||
| 52 | background-image: url($xwiki.getSkinFile("icons/silk/lock.gif")); | ||
| 53 | } | ||
| 54 | |||
| 55 | .iconPublic { | ||
| 56 | background-image: url($xwiki.getSkinFile("icons/silk/lock_open.gif")); | ||
| 57 | } | ||
| 58 | |||
| 59 | .iconSchedule { | ||
| 60 | background-image: url($xwiki.getSkinFile("icons/silk/clock.gif")); | ||
| 61 | } | ||
| 62 | {{/code}} | ||
| 63 | |||
| 64 | == HTML == | ||
| 65 | |||
| 66 | {{html}} | ||
| 67 | <div class="iconDelete">Delete</div> | ||
| 68 | {{/html}} | ||
| 69 | |||
| 70 | {{code language="html"}} | ||
| 71 | <div class="iconDelete">Delete</div> | ||
| 72 | {{/code}} | ||
| 73 | |||
| 74 | {{html}} | ||
| 75 | <a class="iconDelete" href="">Delete</a> | ||
| 76 | {{/html}} | ||
| 77 | |||
| 78 | {{code language="html"}} | ||
| 79 | <a class="iconDelete" href="">Delete</a> | ||
| 80 | {{/code}} | ||
| 81 | |||
| 82 | {{html}} | ||
| 83 | <a class="iconDelete" href=""></a> | ||
| 84 | {{/html}} | ||
| 85 | |||
| 86 | {{code language="html"}} | ||
| 87 | <a class="iconDelete" href=""></a> | ||
| 88 | {{/code}} |
