quattro: fix post tags style, add icons for mentions, folders and categories
This commit is contained in:
parent
9d738570ee
commit
ca34d89482
11 changed files with 92 additions and 20 deletions
BIN
images/tag.png
BIN
images/tag.png
Binary file not shown.
Before Width: | Height: | Size: 528 B |
BIN
images/tag_b.png
BIN
images/tag_b.png
Binary file not shown.
Before Width: | Height: | Size: 346 B |
|
@ -89,6 +89,7 @@
|
||||||
@CommentBoxFullBorderColor: @Grey5;
|
@CommentBoxFullBorderColor: @Grey5;
|
||||||
|
|
||||||
@TagColor: @Grey1;
|
@TagColor: @Grey1;
|
||||||
|
@MentionColor: @Grey4;
|
||||||
|
|
||||||
@JotToolsBackgroundColor: @Metalic4;
|
@JotToolsBackgroundColor: @Metalic4;
|
||||||
@JotToolsBorderColor: @Metalic2;
|
@JotToolsBorderColor: @Metalic2;
|
||||||
|
|
|
@ -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 {
|
||||||
|
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;
|
padding: 3px 0px 3px 0px;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}*/
|
||||||
.wwto {
|
.wwto {
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 2px solid #364e59;
|
border: 2px solid #364e59;
|
||||||
|
|
|
@ -87,6 +87,7 @@
|
||||||
@CommentBoxFullBorderColor: @Grey5;
|
@CommentBoxFullBorderColor: @Grey5;
|
||||||
|
|
||||||
@TagColor: @Grey1;
|
@TagColor: @Grey1;
|
||||||
|
@MentionColor: @Grey4;
|
||||||
|
|
||||||
@JotToolsBackgroundColor: @Green3;
|
@JotToolsBackgroundColor: @Green3;
|
||||||
@JotToolsBorderColor: @Metalic2;
|
@JotToolsBorderColor: @Metalic2;
|
||||||
|
|
|
@ -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 {
|
||||||
|
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;
|
padding: 3px 0px 3px 0px;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}*/
|
||||||
.wwto {
|
.wwto {
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 2px solid #364e59;
|
border: 2px solid #364e59;
|
||||||
|
|
BIN
view/theme/quattro/icons/category.png
Normal file
BIN
view/theme/quattro/icons/category.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 550 B |
BIN
view/theme/quattro/icons/folder.png
Normal file
BIN
view/theme/quattro/icons/folder.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 472 B |
BIN
view/theme/quattro/icons/men.png
Normal file
BIN
view/theme/quattro/icons/men.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 394 B |
BIN
view/theme/quattro/icons/tag.png
Normal file
BIN
view/theme/quattro/icons/tag.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 661 B |
|
@ -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-left: 3px;
|
|
||||||
a {
|
|
||||||
padding-right: 8px;
|
padding-right: 8px;
|
||||||
background: url("../../../images/tag.png") no-repeat center right;
|
padding-left: 3px;
|
||||||
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; }
|
||||||
}
|
}
|
||||||
.filesavetags {
|
.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;
|
||||||
|
|
Loading…
Reference in a new issue