quattro: fix post tags style, add icons for mentions, folders and categories

diff --git a/images/tag.png b/images/tag.png
deleted file mode 100644 (file)
index 40c5fd4..0000000
Binary files a/images/tag.png and /dev/null differ

diff --git a/images/tag_b.png b/images/tag_b.png
deleted file mode 100644 (file)
index 66c0341..0000000
Binary files a/images/tag_b.png and /dev/null differ

diff --git a/view/theme/quattro/dark/colors.less b/view/theme/quattro/dark/colors.less
index 5c9de375318ec5f77c863d0af83d921a6e4661ed..35a8d8468f9a0539b19a635393aca4f22327c30d 100644 (file)
--- a/view/theme/quattro/dark/colors.less
+++ b/view/theme/quattro/dark/colors.less
@@ -89,6 +89,7 @@
 @CommentBoxFullBorderColor: @Grey5;
 
 @TagColor: @Grey1;
+@MentionColor: @Grey4;
 
 @JotToolsBackgroundColor: @Metalic4;
 @JotToolsBorderColor: @Metalic2;

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index 524edf4e3d29a62284df2a4d38f3db5126367447..fff08b2e4c36a5a496e926f61f2dc292f88b1b0f 100644 (file)
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -1138,19 +1138,45 @@ section {
   padding-top: 5px;
 }
 .tag {
-  background: url("../../../images/tag_b.png") no-repeat center left;
+  background: url("icons/tag.png") no-repeat center right;
   color: #ffffff;
+  padding-right: 8px;
   padding-left: 3px;
 }
 .tag a {
-  padding-right: 8px;
-  background: url("../../../images/tag.png") no-repeat center right;
   color: #ffffff;
 }
-.filesavetags {
-  padding: 3px 0px 3px 0px;
-  opacity: 0.5;
+.mention {
+  background: url("icons/men.png") no-repeat 1px center;
+  color: #666666;
+  padding-right: 3px;
+  padding-left: 18px;
+}
+.mention a {
+  color: #666666;
+}
+.folder {
+  background: url("icons/folder.png") no-repeat 1px center;
+  color: #666666;
+  padding-right: 3px;
+  padding-left: 15px;
+}
+.folder a {
+  color: #666666;
 }
+.category {
+  background: url("icons/category.png") no-repeat 1px center;
+  color: #666666;
+  padding-right: 3px;
+  padding-left: 15px;
+}
+.category a {
+  color: #666666;
+}
+/*.filesavetags {
+    padding: 3px 0px 3px 0px;
+    opacity: 0.5;
+}*/
 .wwto {
   background: #FFFFFF;
   border: 2px solid #364e59;

diff --git a/view/theme/quattro/green/colors.less b/view/theme/quattro/green/colors.less
index f14c636331b277ca172824e632b069184764c1d6..78c67a13b4bdac3d0ea4d597677eb9dc6fba5d9c 100644 (file)
--- a/view/theme/quattro/green/colors.less
+++ b/view/theme/quattro/green/colors.less
@@ -87,6 +87,7 @@
 @CommentBoxFullBorderColor: @Grey5;
 
 @TagColor: @Grey1;
+@MentionColor: @Grey4;
 
 @JotToolsBackgroundColor: @Green3;
 @JotToolsBorderColor: @Metalic2;

diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css
index a89277a128de796a276db8f9d8a37ca373ba1c75..9584b019aab54300f25d18c2478db64aeaad87c5 100644 (file)
--- a/view/theme/quattro/green/style.css
+++ b/view/theme/quattro/green/style.css
@@ -1138,19 +1138,45 @@ section {
   padding-top: 5px;
 }
 .tag {
-  background: url("../../../images/tag_b.png") no-repeat center left;
+  background: url("icons/tag.png") no-repeat center right;
   color: #ffffff;
+  padding-right: 8px;
   padding-left: 3px;
 }
 .tag a {
-  padding-right: 8px;
-  background: url("../../../images/tag.png") no-repeat center right;
   color: #ffffff;
 }
-.filesavetags {
-  padding: 3px 0px 3px 0px;
-  opacity: 0.5;
+.mention {
+  background: url("icons/men.png") no-repeat 1px center;
+  color: #666666;
+  padding-right: 3px;
+  padding-left: 18px;
+}
+.mention a {
+  color: #666666;
+}
+.folder {
+  background: url("icons/folder.png") no-repeat 1px center;
+  color: #666666;
+  padding-right: 3px;
+  padding-left: 15px;
+}
+.folder a {
+  color: #666666;
 }
+.category {
+  background: url("icons/category.png") no-repeat 1px center;
+  color: #666666;
+  padding-right: 3px;
+  padding-left: 15px;
+}
+.category a {
+  color: #666666;
+}
+/*.filesavetags {
+    padding: 3px 0px 3px 0px;
+    opacity: 0.5;
+}*/
 .wwto {
   background: #FFFFFF;
   border: 2px solid #364e59;

diff --git a/view/theme/quattro/icons/category.png b/view/theme/quattro/icons/category.png
new file mode 100644 (file)
index 0000000..ec4ad1d
Binary files /dev/null and b/view/theme/quattro/icons/category.png differ

diff --git a/view/theme/quattro/icons/folder.png b/view/theme/quattro/icons/folder.png
new file mode 100644 (file)
index 0000000..fee4395
Binary files /dev/null and b/view/theme/quattro/icons/folder.png differ

diff --git a/view/theme/quattro/icons/men.png b/view/theme/quattro/icons/men.png
new file mode 100644 (file)
index 0000000..e5b9c4a
Binary files /dev/null and b/view/theme/quattro/icons/men.png differ

diff --git a/view/theme/quattro/icons/tag.png b/view/theme/quattro/icons/tag.png
new file mode 100644 (file)
index 0000000..15758af
Binary files /dev/null and b/view/theme/quattro/icons/tag.png differ

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index ca4ec2625dc45e4fd4a241b8f806bf61ebe19354..62260ef3930f8c30bbb65bbf22c5dc18e33461e7 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -591,19 +591,37 @@ section {
 
 .wall-item-tags { padding-top: 5px; }
 .tag {
-       background: url("../../../images/tag_b.png") no-repeat center left;
+       background: url("icons/tag.png") no-repeat center right;
        color: @TagColor;
+       padding-right: 8px;
        padding-left: 3px;
-       a {
-               padding-right: 8px;
-               background: url("../../../images/tag.png") no-repeat center right;
-               color: @TagColor;
-       }
+       a { color: @TagColor;   }
+}
+.mention {
+       background: url("icons/men.png") no-repeat 1px center;
+       color: @MentionColor;
+       padding-right: 3px;
+       padding-left: 18px;
+       a { color: @MentionColor;       }
+}
+.folder {
+       background: url("icons/folder.png") no-repeat 1px center;
+       color: @MentionColor;
+       padding-right: 3px;
+       padding-left: 15px;
+       a { color: @MentionColor;       }
+}
+.category {
+       background: url("icons/category.png") no-repeat 1px center;
+       color: @MentionColor;
+       padding-right: 3px;
+       padding-left: 15px;
+       a { color: @MentionColor;       }
 }
-.filesavetags {
+/*.filesavetags {
     padding: 3px 0px 3px 0px;
     opacity: 0.5;
-}
+}*/
 
 .wwto { 
        position: absolute !important;