aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/quattro
diff options
context:
space:
mode:
authorFabio Comuni <fabrix.xm@gmail.com>2011-11-15 17:41:38 +0100
committerFabio Comuni <fabrix.xm@gmail.com>2011-11-15 17:41:38 +0100
commit962467ee686046434e6ad060863eabb55fef2652 (patch)
treed3dcb7827a11b177d6412fa14456f4122f4a0c63 /view/theme/quattro
parent5c7fb2b0fe578d4271f8752d3853e1fa4b121942 (diff)
downloadvolse-hubzilla-962467ee686046434e6ad060863eabb55fef2652.tar.gz
volse-hubzilla-962467ee686046434e6ad060863eabb55fef2652.tar.bz2
volse-hubzilla-962467ee686046434e6ad060863eabb55fef2652.zip
item tags as array to templates
Diffstat (limited to 'view/theme/quattro')
-rw-r--r--view/theme/quattro/colors.less1
-rw-r--r--view/theme/quattro/quattro.less23
-rw-r--r--view/theme/quattro/style.css33
3 files changed, 51 insertions, 6 deletions
diff --git a/view/theme/quattro/colors.less b/view/theme/quattro/colors.less
index a7a91114c..d36ff05b0 100644
--- a/view/theme/quattro/colors.less
+++ b/view/theme/quattro/colors.less
@@ -77,3 +77,4 @@
@CommentBoxFullColor: @Grey5;
@CommentBoxFullBorderColor: @Grey5;
+@TagColor: @Grey1;
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index ea699d5c6..babcff3e8 100644
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -3,7 +3,7 @@
/* global */
body {
font-family: Liberation Sans,helvetica,arial,clean,sans-serif;
- font-size: 12px;
+ font-size: 10px;
background-color: @BodyBackground;
color: @BodyColor;
margin: 50px 0px 0px 0px;
@@ -302,6 +302,9 @@ section {
.wall-item-item,
.wall-item-bottom { display: table-row; }
+
+ .wall-item-bottom { .opaque(0.5); }
+ &:hover .wall-item-bottom { .opaque(1); }
.wall-item-info {
display: table-cell;
vertical-align: top;
@@ -326,7 +329,7 @@ section {
}
.wall-item-content {
display: table-cell;
- font-size: 16px;
+ font-size: 12px;
max-width: 720px;
word-wrap: break-word;
}
@@ -355,11 +358,12 @@ section {
a { float: right; }
input { float: right; }
}
+
}
.wall-item-container.comment {
- margin-top: 50px;
+ /*margin-top: 50px;*/
.wall-item-photo { width: 32px; height: 32px; margin-left: 16px;}
.wall-item-photo-menu-button {
top: 13px !important;
@@ -385,6 +389,19 @@ section {
}
}
+.tag {
+ background: url("../../../images/tag_b.png") no-repeat center left;
+ color: @TagColor;
+ padding-left: 3px;
+ a {
+ padding-right: 8px;
+ background: url("../../../images/tag.png") no-repeat center right;
+ color: @TagColor;
+ }
+}
+
+
+
#profile-jot-wrapper {
width: 100%;
margin: 0px 2em 20px 0px;
diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index 95c3d087e..560f53c2c 100644
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -153,7 +153,7 @@
/* global */
body {
font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
- font-size: 12px;
+ font-size: 10px;
background-color: #ffffff;
color: #2d2d2d;
margin: 50px 0px 0px 0px;
@@ -535,6 +535,22 @@ section {
.wall-item-container .wall-item-item, .wall-item-container .wall-item-bottom {
display: table-row;
}
+.wall-item-container .wall-item-bottom {
+ opacity: 0.5;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+.wall-item-container:hover .wall-item-bottom {
+ opacity: 1;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
.wall-item-container .wall-item-info {
display: table-cell;
vertical-align: top;
@@ -563,7 +579,7 @@ section {
}
.wall-item-container .wall-item-content {
display: table-cell;
- font-size: 16px;
+ font-size: 12px;
max-width: 720px;
word-wrap: break-word;
}
@@ -619,7 +635,8 @@ section {
float: right;
}
.wall-item-container.comment {
- margin-top: 50px;
+ /*margin-top: 50px;*/
+
}
.wall-item-container.comment .wall-item-photo {
width: 32px;
@@ -653,6 +670,16 @@ section {
color: #2d2d2d;
border: 1px solid #2d2d2d;
}
+.tag {
+ background: url("../../../images/tag_b.png") no-repeat center left;
+ color: #ffffff;
+ padding-left: 3px;
+}
+.tag a {
+ padding-right: 8px;
+ background: url("../../../images/tag.png") no-repeat center right;
+ color: #ffffff;
+}
#profile-jot-wrapper {
width: 100%;
margin: 0px 2em 20px 0px;