reworked items template

3 files changed, 56 insertions, 15 deletions

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index bfe524b01..2c271218a 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -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;
 }
diff --git a/view/wall_item.tpl b/view/wall_item.tpl
index 1cad41118..5cae6b142 100644
--- a/view/wall_item.tpl
+++ b/view/wall_item.tpl
@@ -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 class="wall-item-location" id="wall-item-location-$id">$location</div>				
 			</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>
diff --git a/view/wallwall_item.tpl b/view/wallwall_item.tpl
index 6e61ce4f0..256320a46 100644
--- a/view/wallwall_item.tpl
+++ b/view/wallwall_item.tpl
@@ -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>