diff options
| author | ike <ike@zebra411.server4you.de> | 2012-02-19 20:05:51 +0100 |
|---|---|---|
| committer | ike <ike@zebra411.server4you.de> | 2012-02-19 20:05:51 +0100 |
| commit | 73e0e4d78341cb96ef9665a0ee4fb7e7ee2a701f (patch) | |
| tree | d9be9966efb127267550782034c86c23bcbba3de /view/theme/vier/icons.less | |
| parent | a5974d1981d8858965d28e20d653530fc95427f8 (diff) | |
| download | volse-hubzilla-73e0e4d78341cb96ef9665a0ee4fb7e7ee2a701f.tar.gz volse-hubzilla-73e0e4d78341cb96ef9665a0ee4fb7e7ee2a701f.tar.bz2 volse-hubzilla-73e0e4d78341cb96ef9665a0ee4fb7e7ee2a701f.zip | |
New theme "vier" derives from "quattro"
Diffstat (limited to 'view/theme/vier/icons.less')
| -rw-r--r-- | view/theme/vier/icons.less | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/view/theme/vier/icons.less b/view/theme/vier/icons.less new file mode 100644 index 000000000..f87327703 --- /dev/null +++ b/view/theme/vier/icons.less @@ -0,0 +1,54 @@ +// Quattro Theme LESS file +/* 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"); } + &.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"); } + +} + + +.icon { + background-color: transparent ; + background-repeat: no-repeat; + background-position: left center; + display: block; + overflow: hidden; + text-indent: -9999px; + padding: 1px; + + &.text { + text-indent: 0px; + } + + &.s10 { + min-width:10px; height: 10px; + .icons(10); + &.text { padding: 2px 0px 0px 15px; } + } + &.s16 { + min-width:16px; height: 16px; + .icons(16); + &.text { padding: 4px 0px 0px 20px; } + } + &.s22 { + min-width:22px; height: 22px; + .icons(22); + &.text { padding: 10px 0px 0px 25px; } + } + &.s48 { + width:48px; height: 48px; + .icons(48); + } + + +} |