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

This commit is contained in:
Fabrixxm 2012-10-01 09:38:25 -04:00
parent 9d738570ee
commit ca34d89482
11 changed files with 92 additions and 20 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 528 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 346 B

View file

@ -89,6 +89,7 @@
@CommentBoxFullBorderColor: @Grey5; @CommentBoxFullBorderColor: @Grey5;
@TagColor: @Grey1; @TagColor: @Grey1;
@MentionColor: @Grey4;
@JotToolsBackgroundColor: @Metalic4; @JotToolsBackgroundColor: @Metalic4;
@JotToolsBorderColor: @Metalic2; @JotToolsBorderColor: @Metalic2;

View file

@ -1138,19 +1138,45 @@ section {
padding-top: 5px; padding-top: 5px;
} }
.tag { .tag {
background: url("../../../images/tag_b.png") no-repeat center left; background: url("icons/tag.png") no-repeat center right;
color: #ffffff; color: #ffffff;
padding-right: 8px;
padding-left: 3px; padding-left: 3px;
} }
.tag a { .tag a {
padding-right: 8px;
background: url("../../../images/tag.png") no-repeat center right;
color: #ffffff; color: #ffffff;
} }
.filesavetags { .mention {
padding: 3px 0px 3px 0px; background: url("icons/men.png") no-repeat 1px center;
opacity: 0.5; 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 { .wwto {
background: #FFFFFF; background: #FFFFFF;
border: 2px solid #364e59; border: 2px solid #364e59;

View file

@ -87,6 +87,7 @@
@CommentBoxFullBorderColor: @Grey5; @CommentBoxFullBorderColor: @Grey5;
@TagColor: @Grey1; @TagColor: @Grey1;
@MentionColor: @Grey4;
@JotToolsBackgroundColor: @Green3; @JotToolsBackgroundColor: @Green3;
@JotToolsBorderColor: @Metalic2; @JotToolsBorderColor: @Metalic2;

View file

@ -1138,19 +1138,45 @@ section {
padding-top: 5px; padding-top: 5px;
} }
.tag { .tag {
background: url("../../../images/tag_b.png") no-repeat center left; background: url("icons/tag.png") no-repeat center right;
color: #ffffff; color: #ffffff;
padding-right: 8px;
padding-left: 3px; padding-left: 3px;
} }
.tag a { .tag a {
padding-right: 8px;
background: url("../../../images/tag.png") no-repeat center right;
color: #ffffff; color: #ffffff;
} }
.filesavetags { .mention {
padding: 3px 0px 3px 0px; background: url("icons/men.png") no-repeat 1px center;
opacity: 0.5; 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 { .wwto {
background: #FFFFFF; background: #FFFFFF;
border: 2px solid #364e59; border: 2px solid #364e59;

Binary file not shown.

After

Width:  |  Height:  |  Size: 550 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 472 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 394 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 661 B

View file

@ -591,19 +591,37 @@ section {
.wall-item-tags { padding-top: 5px; } .wall-item-tags { padding-top: 5px; }
.tag { .tag {
background: url("../../../images/tag_b.png") no-repeat center left; background: url("icons/tag.png") no-repeat center right;
color: @TagColor; color: @TagColor;
padding-right: 8px;
padding-left: 3px; padding-left: 3px;
a { a { color: @TagColor; }
padding-right: 8px;
background: url("../../../images/tag.png") no-repeat center right;
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; padding: 3px 0px 3px 0px;
opacity: 0.5; opacity: 0.5;
} }*/
.wwto { .wwto {
position: absolute !important; position: absolute !important;