2011-09-16 06:50:15 -04:00
|
|
|
// Quattro Theme LESS file
|
2011-09-05 05:14:43 -04:00
|
|
|
/* icons */
|
|
|
|
|
|
|
|
|
|
.icons(@size: 22) {
|
|
|
|
|
&.notify { background-image: url("../../../images/icons/@{size}/notify_off.png"); }
|
|
|
|
|
&.gear { background-image: url("../../../images/icons/@{size}/gear.png"); }
|
|
|
|
|
|
|
|
|
|
&.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"); }
|
2011-09-16 06:50:15 -04:00
|
|
|
&.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"); }
|
|
|
|
|
|
2011-09-05 05:14:43 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
|
background-color: transparent ;
|
|
|
|
|
background-repeat: no-repeat;
|
2011-11-21 06:34:22 -05:00
|
|
|
background-position: left center;
|
2011-09-05 05:14:43 -04:00
|
|
|
display: block;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-indent: -9999px;
|
|
|
|
|
padding: 1px;
|
|
|
|
|
|
|
|
|
|
&.text {
|
|
|
|
|
text-indent: 0px;
|
|
|
|
|
}
|
|
|
|
|
|
2011-09-16 06:50:15 -04:00
|
|
|
&.s10 {
|
2011-11-21 06:34:22 -05:00
|
|
|
min-width:10px; height: 10px;
|
2011-09-16 06:50:15 -04:00
|
|
|
.icons(10);
|
2011-11-21 06:34:22 -05:00
|
|
|
&.text { padding: 2px 0px 0px 15px; }
|
2011-09-16 06:50:15 -04:00
|
|
|
}
|
2011-09-05 05:14:43 -04:00
|
|
|
&.s16 {
|
2011-11-21 06:34:22 -05:00
|
|
|
min-width:16px; height: 16px;
|
2011-09-05 05:14:43 -04:00
|
|
|
.icons(16);
|
2011-11-21 06:34:22 -05:00
|
|
|
&.text { padding: 4px 0px 0px 20px; }
|
2011-09-05 05:14:43 -04:00
|
|
|
}
|
|
|
|
|
&.s22 {
|
2011-11-21 06:34:22 -05:00
|
|
|
min-width:22px; height: 22px;
|
2011-09-05 05:14:43 -04:00
|
|
|
.icons(22);
|
2011-11-21 06:34:22 -05:00
|
|
|
&.text { padding: 10px 0px 0px 25px; }
|
2011-09-05 05:14:43 -04:00
|
|
|
}
|
2011-09-16 06:50:15 -04:00
|
|
|
&.s48 {
|
|
|
|
|
width:48px; height: 48px;
|
2011-09-27 10:54:33 -04:00
|
|
|
.icons(48);
|
2011-09-16 06:50:15 -04:00
|
|
|
}
|
2011-09-05 05:14:43 -04:00
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
