+// Quattro Theme LESS file
/* icons */
.icons(@size: 22) {
&.add { background-image: url("../../../images/icons/@{size}/add.png"); }
&.delete { background-image: url("../../../images/icons/@{size}/delete.png"); }
&.edit { background-image: url("../../../images/icons/@{size}/edit.png"); }
- &.start { background-image: url("../../../images/icons/@{size}/star.png"); }
+ &.star { background-image: url("../../../images/icons/@{size}/star.png"); }
+ &.menu { background-image: url("../../../images/icons/@{size}/menu.png"); }
+ &.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;
text-indent: 0px;
}
+ &.s10 {
+ 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(48);
}