reworked items template
This commit is contained in:
parent
33264dc294
commit
b00abf7e32
3 changed files with 56 additions and 15 deletions
view
|
@ -833,10 +833,14 @@ input#dfrn-url {
|
||||||
.wall-item-info {
|
.wall-item-info {
|
||||||
display: block;
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
width:150px;
|
width:110px;
|
||||||
|
margin-right:10px;
|
||||||
|
}
|
||||||
|
.comment .wall-item-info {
|
||||||
|
width: 70px;
|
||||||
}
|
}
|
||||||
.wallwall .wall-item-info {
|
.wallwall .wall-item-info {
|
||||||
width: 300px;
|
width: 170px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -846,8 +850,13 @@ input#dfrn-url {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
.wallwall .wall-item-photo-wrapper {
|
/*.wallwall .wall-item-photo-wrapper {
|
||||||
float: left;
|
float: left;
|
||||||
|
}*/
|
||||||
|
.wallwall .wwfrom {
|
||||||
|
left: 75px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wallwall .wall-item-photo-end {
|
.wallwall .wall-item-photo-end {
|
||||||
|
@ -855,9 +864,13 @@ input#dfrn-url {
|
||||||
}
|
}
|
||||||
|
|
||||||
.wall-item-arrowphoto-wrapper {
|
.wall-item-arrowphoto-wrapper {
|
||||||
margin-top: 40px;
|
/*margin-top: 40px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
float: left;
|
float: left;*/
|
||||||
|
position: absolute;
|
||||||
|
left: 70px;
|
||||||
|
top: 70px;
|
||||||
|
z-index: 100;
|
||||||
}
|
}
|
||||||
.wall-item-wrapper {
|
.wall-item-wrapper {
|
||||||
/*float: left;
|
/*float: left;
|
||||||
|
@ -868,16 +881,39 @@ input#dfrn-url {
|
||||||
.wall-item-lock {
|
.wall-item-lock {
|
||||||
/*height: 20px;*/
|
/*height: 20px;*/
|
||||||
/*margin-top: 10px;*/
|
/*margin-top: 10px;*/
|
||||||
left: 135px;
|
left: 105px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1px;
|
top: 1px;
|
||||||
}
|
}
|
||||||
|
.comment .wall-item-lock {
|
||||||
|
left: 65px;
|
||||||
|
}
|
||||||
|
|
||||||
.wall-item-ago {
|
.wall-item-ago {
|
||||||
color: #888888;
|
color: #888888;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wall-item-location {
|
||||||
|
overflow: hidden;
|
||||||
|
/* add ellipsis on text overflow */
|
||||||
|
/* this work on safari, opera, ie, chrome. */
|
||||||
|
/* firefox users have to wait support or we */
|
||||||
|
/* can use a jquery plugin http://bit.ly/zJskg */
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
-o-text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wall-item-like-buttons {
|
||||||
|
float: left;
|
||||||
|
margin-right: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
border-right: 2px solid #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.wall-item-like-buttons img {
|
.wall-item-like-buttons img {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,18 +8,21 @@
|
||||||
<div class="wall-item-photo-end"></div>
|
<div class="wall-item-photo-end"></div>
|
||||||
<div class="wall-item-wrapper" id="wall-item-wrapper-$id" >
|
<div class="wall-item-wrapper" id="wall-item-wrapper-$id" >
|
||||||
$lock
|
$lock
|
||||||
<a href="$profile_url" title="$linktitle" class="wall-item-name-link"><span class="wall-item-name$sparkle" id="wall-item-name-$id" >$name</span></a>
|
|
||||||
<div class="wall-item-ago" id="wall-item-ago-$id">$ago</div>
|
|
||||||
<div class="wall-item-location" id="wall-item-location-$id">$location</div>
|
<div class="wall-item-location" id="wall-item-location-$id">$location</div>
|
||||||
$vote
|
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
|
<div class="wall-item-author">
|
||||||
|
<a href="$profile_url" title="$linktitle" class="wall-item-name-link"><span class="wall-item-name$sparkle" id="wall-item-name-$id" >$name</span></a>
|
||||||
|
<div class="wall-item-ago" id="wall-item-ago-$id">$ago</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
<div class="wall-item-content" id="wall-item-content-$id" >
|
<div class="wall-item-content" id="wall-item-content-$id" >
|
||||||
<div class="wall-item-title" id="wall-item-title-$id">$title</div>
|
<div class="wall-item-title" id="wall-item-title-$id">$title</div>
|
||||||
<div class="wall-item-title-end"></div>
|
<div class="wall-item-title-end"></div>
|
||||||
<div class="wall-item-body" id="wall-item-body-$id" >$body</div>
|
<div class="wall-item-body" id="wall-item-body-$id" >$body</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="wall-item-tools" id="wall-item-tools-$id">
|
<div class="wall-item-tools" id="wall-item-tools-$id">
|
||||||
|
$vote
|
||||||
$plink
|
$plink
|
||||||
$drop
|
$drop
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,30 +1,32 @@
|
||||||
<div class="wall-item-outside-wrapper$indent wallwall" id="wall-item-outside-wrapper-$id" >
|
<div class="wall-item-outside-wrapper$indent wallwall" id="wall-item-outside-wrapper-$id" >
|
||||||
<div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" >
|
<div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" >
|
||||||
<span class="wall-item-info" id="wall-item-info-$id">
|
<span class="wall-item-info" id="wall-item-info-$id">
|
||||||
<div class="wall-item-photo-wrapper" id="wall-item-ownerphoto-wrapper-$id" >
|
<div class="wall-item-photo-wrapper wwto" id="wall-item-ownerphoto-wrapper-$id" >
|
||||||
<a href="$owner_url" title="$olinktitle" class="wall-item-photo-link" id="wall-item-ownerphoto-link-$id">
|
<a href="$owner_url" title="$olinktitle" class="wall-item-photo-link" id="wall-item-ownerphoto-link-$id">
|
||||||
<img src="$owner_photo" class="wall-item-photo$osparkle" id="wall-item-ownerphoto-$id" height="80" width="80" alt="$owner_name" /></a>
|
<img src="$owner_photo" class="wall-item-photo$osparkle" id="wall-item-ownerphoto-$id" height="80" width="80" alt="$owner_name" /></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="wall-item-arrowphoto-wrapper" ><img src="images/larrow.gif" alt="$wall" /></div>
|
<div class="wall-item-arrowphoto-wrapper" ><img src="images/larrow.gif" alt="$wall" /></div>
|
||||||
<div class="wall-item-photo-wrapper" id="wall-item-photo-wrapper-$id" >
|
<div class="wall-item-photo-wrapper wwfrom" id="wall-item-photo-wrapper-$id" >
|
||||||
<a href="$profile_url" title="$linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$id">
|
<a href="$profile_url" title="$linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$id">
|
||||||
<img src="$thumb" class="wall-item-photo$sparkle" id="wall-item-photo-$id" height="80" width="80" alt="$name" /></a>
|
<img src="$thumb" class="wall-item-photo$sparkle" id="wall-item-photo-$id" height="80" width="80" alt="$name" /></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="wall-item-photo-end"></div>
|
<div class="wall-item-photo-end"></div>
|
||||||
<div class="wall-item-wrapper" id="wall-item-wrapper-$id" >
|
<div class="wall-item-wrapper" id="wall-item-wrapper-$id" >
|
||||||
$lock
|
$lock
|
||||||
<a href="$profile_url" title="$linktitle" class="wall-item-name-link"><span class="wall-item-name$sparkle" id="wall-item-name-$id" >$name</span></a> $to <a href="$owner_url" title="$olinktitle" class="wall-item-name-link"><span class="wall-item-name$osparkle" id="wall-item-ownername-$id">$owner_name</span></a> $vwall<br />
|
|
||||||
<div class="wall-item-ago" id="wall-item-ago-$id">$ago</div>
|
|
||||||
<div class="wall-item-location" id="wall-item-location-$id">$location</div>
|
<div class="wall-item-location" id="wall-item-location-$id">$location</div>
|
||||||
$vote
|
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
|
<div class="wall-item-author">
|
||||||
|
<a href="$profile_url" title="$linktitle" class="wall-item-name-link"><span class="wall-item-name$sparkle" id="wall-item-name-$id" >$name</span></a> $to <a href="$owner_url" title="$olinktitle" class="wall-item-name-link"><span class="wall-item-name$osparkle" id="wall-item-ownername-$id">$owner_name</span></a> $vwall<br />
|
||||||
|
<div class="wall-item-ago" id="wall-item-ago-$id">$ago</div>
|
||||||
|
</div>
|
||||||
<div class="wall-item-content" id="wall-item-content-$id" >
|
<div class="wall-item-content" id="wall-item-content-$id" >
|
||||||
<div class="wall-item-title" id="wall-item-title-$id">$title</div>
|
<div class="wall-item-title" id="wall-item-title-$id">$title</div>
|
||||||
<div class="wall-item-title-end"></div>
|
<div class="wall-item-title-end"></div>
|
||||||
<div class="wall-item-body" id="wall-item-body-$id" >$body</div>
|
<div class="wall-item-body" id="wall-item-body-$id" >$body</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="wall-item-tools" id="wall-item-tools-$id">
|
<div class="wall-item-tools" id="wall-item-tools-$id">
|
||||||
|
$vote
|
||||||
$plink
|
$plink
|
||||||
$drop
|
$drop
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue