X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fquattro%2Ficons.less;h=f9be4cc7237a722d4390733c56ae062c18b913ff;hb=ac88336ce9192fc271d07a2899d69c949a321a73;hp=8f7111aff61e37682af51e29a2c36dd6c258c3cf;hpb=2f5a34ad1791f01cacb3b86c11501f0e11c67df4;p=friendica.git diff --git a/view/theme/quattro/icons.less b/view/theme/quattro/icons.less index 8f7111aff6..f9be4cc723 100644 --- a/view/theme/quattro/icons.less +++ b/view/theme/quattro/icons.less @@ -1,20 +1,39 @@ +// 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"); } + &.like { background-image: url("icons/like.png"); } + &.dislike { background-image: url("icons/dislike.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"); } - &.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; @@ -24,14 +43,41 @@ text-indent: 0px; } + min-width:22px; height: 22px; + .icons(22); + &.text { padding: 10px 0px 0px 25px; } + + &.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); } + &.on { + background-image: url("icons/addon_on.png"); + min-width:16px; + height: 16px; + background-position: 0px 0px; + } + &.off { + background-image: url("icons/addon_off.png"); + width: 16px; + height: 16px; + background-position: 0px 0px; + } }