]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/quattro/icons.less
tagging missing from wallwall and a couple of themes, star missing from dispy
[friendica.git] / view / theme / quattro / icons.less
old mode 100644 (file)
new mode 100755 (executable)
index 8f7111a..e314fba
@@ -1,3 +1,4 @@
+// Quattro Theme LESS file
 /* icons */
 
 .icons(@size: 22) {
@@ -7,14 +8,24 @@
        &.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"); }
+       &.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"); }
+       
 }
 
 
 .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);
        }