From ca34d89482172a524f4f81b8079ead24388e156f Mon Sep 17 00:00:00 2001
From: Fabrixxm <fabrix.xm@gmail.com>
Date: Mon, 1 Oct 2012 09:38:25 -0400
Subject: [PATCH] quattro: fix post tags style, add icons for mentions, folders
 and categories

---
 images/tag.png                        | Bin 528 -> 0 bytes
 images/tag_b.png                      | Bin 346 -> 0 bytes
 view/theme/quattro/dark/colors.less   |   1 +
 view/theme/quattro/dark/style.css     |  38 ++++++++++++++++++++++----
 view/theme/quattro/green/colors.less  |   1 +
 view/theme/quattro/green/style.css    |  38 ++++++++++++++++++++++----
 view/theme/quattro/icons/category.png | Bin 0 -> 550 bytes
 view/theme/quattro/icons/folder.png   | Bin 0 -> 472 bytes
 view/theme/quattro/icons/men.png      | Bin 0 -> 394 bytes
 view/theme/quattro/icons/tag.png      | Bin 0 -> 661 bytes
 view/theme/quattro/quattro.less       |  34 +++++++++++++++++------
 11 files changed, 92 insertions(+), 20 deletions(-)
 delete mode 100644 images/tag.png
 delete mode 100644 images/tag_b.png
 create mode 100644 view/theme/quattro/icons/category.png
 create mode 100644 view/theme/quattro/icons/folder.png
 create mode 100644 view/theme/quattro/icons/men.png
 create mode 100644 view/theme/quattro/icons/tag.png

diff --git a/images/tag.png b/images/tag.png
deleted file mode 100644
index 40c5fd44e2d3822244e0843596e76ce133ce1211..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 528
zcmV+r0`L8aP)<h;3K|Lk000e1NJLTq0077U000XJ1^@s6IwZn`00001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01ejw01ejxLMWSf00007bV*G`2ipq|
z4<<N!9vh4R00EFmL_t(&-tCz^PXa*@hTlDruj~9jc6L@27A8hxZ2SdU*if1n8_<Xa
z#=^pAp{+HAwnjrjG>8a@f?|RQ_pyu(guNqs(P%kOwRi9A+-4@5-ODSoCucUi2+i2@
zKt9bACxli*z&s746^JO{BNUK;wE5MPLTEJ#&;-2eA}ICnl|~S0H3Vtgr+@7e^~rWz
zdu?@Le&4gcgVS>Y!!Q5<tJlrN%}8P~k$3|DgG<6NBO=k*v}N_ndq>B!e1b5H57)6l
z1Wbm*)c$y1;S+>m21wV%^<{4R_A0k5T?fWQXp1)p!wj&ko_wv>*Hfv~p<_EO!!V}!
zip4Mr-LFnEYMM<!*r`1ht0684!;FZ<%_In@mrM53U15ng2*W7!r9`Qae{R$&Gnq^#
z&l`kchS#gkCyM!-i&nESm(6C|01&D^+)GassY9;=Dj*cs)A#E_&}u)OHw@N25=g84
za-QN)!@r)NInQIJ_vp>IA+F}|JHl$5-f>3IJnqw<`y{38zf{T_yXo|%8vhNZ!r<sf
ShE4bY0000<MNUMnLSTXrN9M%<

diff --git a/images/tag_b.png b/images/tag_b.png
deleted file mode 100644
index 66c03415de6ea7c54e9b54fc3049d1cd5555ff80..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 346
zcmeAS@N?(olHy`uVBq!ia0vp^azM<@!3HEVv~9b96k~CayA#8@b22Z19JVBHcNd2L
zAh=-f^2tCE&H|6fVxacxAk65bF}ngN$X?><>&kwco1b4tVba{}0HBa;W=KSdbAE1a
zYF-JD%fR4Vl$uzQnxasiS(2gP?&%wlqL<1J6yNCS;uvCa`stL7d`$)-uKCegDjg1U
zKJ1?JNAK~ItT}%~*~9G*Ok@+1X^9gzozmjiZd9@C`kmWLmLC@W{Wz1kbM6$aqui7D
zcXUj=X<0DA(pGVf&WoJgy^AfjZppCzt(W<y;m0EFuR3S6gCE^9`QXXG(5>Ts{|37d
zgPO75CLWc)($|munP|B7smQTSW>0lzsb5HZ@_qIC>7T12*YJ70eDqmL^)Bn7e;&KM
hoi|KREXX&hW}4a%`1ah>`a+PeJYD@<);T3K0RYaMfxG|!

diff --git a/view/theme/quattro/dark/colors.less b/view/theme/quattro/dark/colors.less
index 5c9de37531..35a8d8468f 100644
--- 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 524edf4e3d..fff08b2e4c 100644
--- 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 f14c636331..78c67a13b4 100644
--- 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 a89277a128..9584b019aa 100644
--- 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
index 0000000000000000000000000000000000000000..ec4ad1dc59a245f895fd9b938677e3f42965f569
GIT binary patch
literal 550
zcmV+>0@?kEP)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG00006VoOIv0E7UG
z0FA>;rqKWZ010qNS#tmY3ljhU3ljkVnw%H_000McNliru+zJ5=BMJ?G1RMYW06A$?
zSad^gZEa<4bN~PV001asDIhX1Ff<@aVQY0_AX9W@X>Mh53JODVWnpw>WFU8GbZ8({
zXk{QrNlj2`^sR&d00C}EL_t(2&vlSJYgADXhM)JGb8(F%*<e5r-6mXOBlrt!MJxmh
z@h^ytm4Cv<O2Jl0DK?TyVk1~s2|`pfk|;#Ynk(7t{WyEiSnQfj49+yeFf-4*udZId
zxpd{$-BquYn;B+c91SxoKfhhQ^KJe0Gd);&_2KfR^ZDHToQ;y{N3l;66B6iPC2}@f
zVY#=t?z~HRw>xXUiai08b)>8thE>CU)i5X<f&*OF2F1?{4j=@tx{7Fe5>0YkL$au0
zErKMx_lNn%A|~U_#x7OiaYDHN4%?KMW#}Y?zisD)*<oiA2S2uA>4oRqyL!Cfoa4;m
z0!c7C(_z%MM=+iw3(iIk1p_v|Y_qksO){fxjRa)DjR6VucXsV!(N`D@9)=hrsrqfp
zz0NTu4rp}BKJ`mI4m0<ktgYP(3IFkXQRNHsi<V_xHW4C(1ohrfz0)UnpR5BAUOs(v
ojT^V0Z|;1}(Zqp&SklzVKbhs7y;#+>s{jB107*qoM6N<$f=uw<sQ>@~

literal 0
HcmV?d00001

diff --git a/view/theme/quattro/icons/folder.png b/view/theme/quattro/icons/folder.png
new file mode 100644
index 0000000000000000000000000000000000000000..fee43955216c32102063cc4b3fb3d3049d8e3340
GIT binary patch
literal 472
zcmV;}0Vn>6P)<h;3K|Lk000e1NJLTq000aC000aK1^@s6R&`wG00006VoOIv0E7UG
z0FA>;rqKWZ010qNS#tmY4c7nw4c7reD4Tcy000McNliru+zJ5=ArZCHuW|qY0cA-<
zK~yNub&)%66JZpEzdQ3Y8G;c)PGiIZ5RzE{YzCK9u3cvVtiTniZ1w<Ka6^#-32=mL
z84Ew>_0K&NQ6fahDXva&b#xv!9*=ufRdvja8{~O@H5d$z{0BCfOn&rwz31)@fV(rF
z&p*y)vq87pJuS<UJkP7qXtV*a>2!MR_xleIhXd}8nXy<b${6EXk^vM&Q7@Ovx5MG^
zbBHl|QPyk@HSUfiWv5T_PL@48$ug2OWwly0m-F45cke%avx|!lyKwfhQ}BrVBn3b>
zM?wg*gv8+T`!7OMH&TqedU3{jAF<>*y!{jQ>En#AS8IjXwj?eRGg^tn?=~Zex^WCs
zh_UhDEfPFP4a0B=NjTuGXdNUlP-yB#xx~I~*d8KL`dj*z?#q-`QfR$(<osM0l<i&b
zw}TyP+(nQ`qQmA`k*4WA@96igvDo@9Y@6_9vkkAcS>G>zZJ+JFKK}zrOW0hE_*$(1
O0000<MNUMnLSTY<0?F?H

literal 0
HcmV?d00001

diff --git a/view/theme/quattro/icons/men.png b/view/theme/quattro/icons/men.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5b9c4a6f6251b232459238686aafce4f75d74b7
GIT binary patch
literal 394
zcmV;50d@X~P)<h;3K|Lk000e1NJLTq000pH000aK1^@s6ge6wL00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY4c7nw4c7reD4Tcy000McNliru+zJ5=6gs<Jl!O2P0T)R`
zK~yNuosvDO!ax*-KNE+576!rACN99nPRL5!fUWLGuyhxKBtkZjIw6IcDiFrZeZ|AU
zKQ#DNGk3V>o|!Y9<MAl8z!>wk?l=xzV+^y|j9-c4nC^42C<@B5WH=l$8jV^BJ&4qG
z&33zGGMSL3Da+*&&+`D-Y&I{=i^bx95k-;QSg+TTB#G?zdr6W+R;!hKBZ?w<a55MS
zXqpCqrfKkf-=5t&u@0WEb3UKZT9aiN{eGX*>4Y(cs;cPqdM}M{MJ|^MVHl#6LTioh
z`^@Ka@;oO9f{$-vMXuK?07@y8QUGYJ?f+=yWIP_T+wE{12N6L;Fvc*QPQPb-pUyAX
obPk8Z$3d>^+SFXvwdvjVf8@;OJP59ci2wiq07*qoM6N<$f<y$T9smFU

literal 0
HcmV?d00001

diff --git a/view/theme/quattro/icons/tag.png b/view/theme/quattro/icons/tag.png
new file mode 100644
index 0000000000000000000000000000000000000000..15758af4723034e165b3a1d7b628a6719ae49448
GIT binary patch
literal 661
zcmeAS@N?(olHy`uVBq!ia0y~yV2S{-IhcW@Q_6#8Ak`b-6XFV_vvYHc%gSpSn;YA^
z8r!=YJGvS>x|=|#r>V2Msk5iKv!|)6yQ!<E8H9RUx_X<tds~30r?0iAudR2&<avvx
zE?6>c;j-zAm(N_fYSyw<vzD)!y?piT<!j~u(TcTmR<4`7a_!ue>*lOlKNo~H%v-f?
z9+0tm!@SiS<^#z!8|SatXwd)eEYLxWB|(0{3=Yq3q=7g|-tI089jvk*Kn`btM`SV3
z8`nXY(Me-=1yGQ^#M9T6{SFr+FDqkYPuvEeo<>g>$B>A_Z)eo{A2JX)wz{wIOwwJg
zuJ`)V8w{WPuD4nLcJ1r5FZ`D!ecy>Y?fh1@cexE`@}mnTw;Q${4L|VlM&0R*yD{<?
zOxV}lf4|}NwcT4zebT)5=DYOi*-N!v@6tIN{Z#FalG;zE*o%d4+G6id$bR`<CBI&0
z=bGBa^)EtMWhd0htdNn5^=!Yko;ND*(c3Rd9n*d;-t+(bHtXz<;wO%Eot2gD?ltA?
z&(Sfv#$t14JCF`5ndg7xGA~eEboN$(?b&8x(%M!(tSgQlOG@@VV0u4!<HkpytB(EW
zx)~vSCwcCtVxX3q=%w#Y?w%r9IPahnlY>_ZgHey7Z`uSEgXWTV&wcuMiVWg@bVasx
zSI)aEcY0|j@2MaWuak;9ouk9F*Xrx;TFiZRQsXE0(3nhS-v`%DZGAkcnT>stXK(*=
zO^cH!J&YX8Ch$~LElhcHuqNy@x1`s#RymJz?vnzi2E}dCb-a6Ff`VfQbFQcJf|*&D
oUS7N~Uo@3%`th5cIjVLHCvF@$yeZ6B5EwrUp00i_>zopr05~`>^Z)<=

literal 0
HcmV?d00001

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index ca4ec2625d..62260ef393 100644
--- 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;	}
 }
-.filesavetags {
+.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 {
     padding: 3px 0px 3px 0px;
     opacity: 0.5;
-}
+}*/
 
 .wwto { 
 	position: absolute !important;