reworked items template
This commit is contained in:
parent
33264dc294
commit
b00abf7e32
3 changed files with 56 additions and 15 deletions
|
@ -833,10 +833,14 @@ input#dfrn-url {
|
|||
.wall-item-info {
|
||||
display: block;
|
||||
float: left;
|
||||
width:150px;
|
||||
width:110px;
|
||||
margin-right:10px;
|
||||
}
|
||||
.comment .wall-item-info {
|
||||
width: 70px;
|
||||
}
|
||||
.wallwall .wall-item-info {
|
||||
width: 300px;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
|
||||
|
@ -846,8 +850,13 @@ input#dfrn-url {
|
|||
margin-bottom: 10px;
|
||||
width: 100px;
|
||||
}
|
||||
.wallwall .wall-item-photo-wrapper {
|
||||
/*.wallwall .wall-item-photo-wrapper {
|
||||
float: left;
|
||||
}*/
|
||||
.wallwall .wwfrom {
|
||||
left: 75px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.wallwall .wall-item-photo-end {
|
||||
|
@ -855,9 +864,13 @@ input#dfrn-url {
|
|||
}
|
||||
|
||||
.wall-item-arrowphoto-wrapper {
|
||||
margin-top: 40px;
|
||||
/*margin-top: 40px;
|
||||
margin-right: 20px;
|
||||
float: left;
|
||||
float: left;*/
|
||||
position: absolute;
|
||||
left: 70px;
|
||||
top: 70px;
|
||||
z-index: 100;
|
||||
}
|
||||
.wall-item-wrapper {
|
||||
/*float: left;
|
||||
|
@ -868,16 +881,39 @@ input#dfrn-url {
|
|||
.wall-item-lock {
|
||||
/*height: 20px;*/
|
||||
/*margin-top: 10px;*/
|
||||
left: 135px;
|
||||
left: 105px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
}
|
||||
.comment .wall-item-lock {
|
||||
left: 65px;
|
||||
}
|
||||
|
||||
.wall-item-ago {
|
||||
color: #888888;
|
||||
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 {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
|
@ -8,18 +8,21 @@
|
|||
<div class="wall-item-photo-end"></div>
|
||||
<div class="wall-item-wrapper" id="wall-item-wrapper-$id" >
|
||||
$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>
|
||||
$vote
|
||||
</div>
|
||||
</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-title" id="wall-item-title-$id">$title</div>
|
||||
<div class="wall-item-title-end"></div>
|
||||
<div class="wall-item-body" id="wall-item-body-$id" >$body</div>
|
||||
</div>
|
||||
<div class="wall-item-tools" id="wall-item-tools-$id">
|
||||
$vote
|
||||
$plink
|
||||
$drop
|
||||
</div>
|
||||
|
|
|
@ -1,30 +1,32 @@
|
|||
<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" >
|
||||
<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">
|
||||
<img src="$owner_photo" class="wall-item-photo$osparkle" id="wall-item-ownerphoto-$id" height="80" width="80" alt="$owner_name" /></a>
|
||||
</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">
|
||||
<img src="$thumb" class="wall-item-photo$sparkle" id="wall-item-photo-$id" height="80" width="80" alt="$name" /></a>
|
||||
</div>
|
||||
<div class="wall-item-photo-end"></div>
|
||||
<div class="wall-item-wrapper" id="wall-item-wrapper-$id" >
|
||||
$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>
|
||||
$vote
|
||||
</div>
|
||||
</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-title" id="wall-item-title-$id">$title</div>
|
||||
<div class="wall-item-title-end"></div>
|
||||
<div class="wall-item-body" id="wall-item-body-$id" >$body</div>
|
||||
</div>
|
||||
<div class="wall-item-tools" id="wall-item-tools-$id">
|
||||
$vote
|
||||
$plink
|
||||
$drop
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue