reworked items template

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index bfe524b0197da323174d0b99362b1c6154024863..2c271218a7d93080a2e71cfbe9a48d76b7c6600f 100644 (file)
--- 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 1cad411182c859a3be9235ef95cef959a6669720..5cae6b1424c7b750e1ab5c2435a0bb0531d6f9f3 100644 (file)
--- 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 6e61ce4f0de3f2875b750ef9bf48810e17447289..256320a46dac11bf7e3b04f76f442db34b3a18e7 100644 (file)
--- 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>