Implementation
 Completed

Description

Icons Component

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

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

Delete

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

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

 

Tags:
Created by evalica on 2013/11/13 15:58
    

Get Connected