&.link { background-image: url("../../../images/icons/@{size}/link.png"); }
&.lock { background-image: url("../../../images/icons/@{size}/lock.png"); }
&.unlock { background-image: url("../../../images/icons/@{size}/unlock.png"); }
+ &.plugin { background-image: url("../../../images/icons/@{size}/plugin.png"); }
+ &.type-unkn { background-image: url("../../../images/icons/@{size}/zip.png"); }
+ &.type-audio{ background-image: url("../../../images/icons/@{size}/audio.png"); }
+ &.type-video{ background-image: url("../../../images/icons/@{size}/video.png"); }
+ &.type-image{ background-image: url("../../../images/icons/@{size}/image.png"); }
+ &.type-text { background-image: url("../../../images/icons/@{size}/text.png"); }
+
+ &.language { background-image: url("icons/language.png"); }
+
}
.icon {
background-color: transparent ;
background-repeat: no-repeat;
- background-position: center center;
+ background-position: left center;
display: block;
overflow: hidden;
text-indent: -9999px;
}
&.s10 {
- width:10px; height: 10px;
+ min-width:10px; height: 10px;
.icons(10);
+ &.text { padding: 2px 0px 0px 15px; }
}
&.s16 {
- width:22px; height: 22px;
+ min-width:16px; height: 16px;
.icons(16);
+ &.text { padding: 4px 0px 0px 20px; }
}
&.s22 {
- width:22px; height: 22px;
+ min-width:22px; height: 22px;
.icons(22);
+ &.text { padding: 10px 0px 0px 25px; }
}
&.s48 {
width:48px; height: 48px;
- .icons(22);
+ .icons(48);
}