Description

Icons Component

• Location 
• CSS 
• HTML 

Location

platform\web\standard\src\main\webapp\resources\icons\icons.css

CSS

.icon, .iconAdd, .iconEdit, .iconDelete,
.iconRss, .iconEmail, .iconPublish, .iconPrivate, .iconSchedule {
  background: transparent no-repeat scroll left center;
  padding-left: 18px;
  *display: inline-block; /* IE6, IE7 for empty elements */
}

.iconAdd {
  background-image: url($xwiki.getSkinFile("icons/silk/add.gif"));
}

.iconEdit {
  background-image: url($xwiki.getSkinFile("icons/silk/pencil.gif"));
}

.iconDelete {
  background-image: url($xwiki.getSkinFile("icons/silk/cross.gif"));  
}

.iconRss {
  background-image: url($xwiki.getSkinFile("icons/black%2Drss%2Dmini.png"));  
}

.iconEmail {
  background-image: url($xwiki.getSkinFile("icons/silk/email.gif"));  
}

.iconPublish{
  background-image: url($xwiki.getSkinFile("icons/silk/page_white_put.gif"));  
}

.iconPrivate {
  background-image: url($xwiki.getSkinFile("icons/silk/lock.gif"));  
}

.iconPublic {
  background-image: url($xwiki.getSkinFile("icons/silk/lock_open.gif"));  
}

.iconSchedule {
  background-image: url($xwiki.getSkinFile("icons/silk/clock.gif"));  
}

HTML

<div class="iconDelete">Delete</div>

Delete

<a class="iconDelete" href="">Delete</a>

<a class="iconDelete" href=""></a>