[Openutils-svn] SF.net SVN: openutils:[2786] trunk/openutils-mgnlmedia/src/main/resources

[<die...@us...>]

Revision: 2786
          http://openutils.svn.sourceforge.net/openutils/?rev=2786&view=rev
Author:   diego_schivo
Date:     2010-07-02 07:18:28 +0000 (Fri, 02 Jul 2010)

Log Message:
-----------
MEDIA-145 cross-browser paginator

Modified Paths:
--------------
    trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css
    trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html

Modified: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css	2010-07-02 06:37:56 UTC (rev 2785)
+++ trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css	2010-07-02 07:18:28 UTC (rev 2786)
@@ -110,45 +110,37 @@
 }
 
 .paging {
-  list-style: none outside none;
-  height: 24px;
-  margin: 0;
-  padding: 10px 0 0 10px;
-  text-align: center;
+  border-collapse: collapse;
+  margin: 10px auto 0;
 }
 
-.paging .page-current-true {
+.paging td {
+  padding: 0 2px;
+}
+
+.paging .page-current-true a {
   background-color: #006699;
   font-weight: bold;
 }
 
-.paging li.page-active-false {
-  background-color: #EEEEEE;
+.paging td a,.paging .page-active-false a {
+  background-color: #F8F8F8;
   font-weight: normal;
+  text-align: center;
 }
 
-.paging li.page-active-false a,.paging li.page-active-false a:visited {
-  color: #CCCCCC;
-}
-
 .paging .page-current-true a,.paging .page-current-true a:visited {
   color: #FFFFFF;
 }
 
-.paging li {
-  background-color: #EEEEEE;
-  display: inline-block;
-  height: 24px;
-  margin: 1px;
-  text-align: center;
-  width: 24px;
+.paging .page-active-false a,.paging .page-active-false a:visited {
+  color: #CCCCCC;
 }
 
-.paging li a {
-  padding-top: 5px;
-  text-decoration: none;
-  vertical-align: middle;
+.paging td a {
   float: left;
+  line-height: 24px;
+  text-decoration: none;
   width: 24px;
 }
 

Modified: trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html	2010-07-02 06:37:56 UTC (rev 2785)
+++ trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html	2010-07-02 07:18:28 UTC (rev 2786)
@@ -374,13 +374,15 @@
 
   [#if this.pages?has_content && this.pages?size > 5]
   <div style="clear: left;">
-  <ul class="paging">
+  <table class="paging">
+    <tr>
     [#list this.pages as page]
-    <li class="page-current-${page.current?string} page-active-${page.active?string} ${page.cssclass}">
+    <td class="page-current-${page.current?string} page-active-${page.active?string} ${page.cssclass}">
       <a href="${page.url}">${page.label}</a>
-    </li>
+    </td>
     [/#list]
-  </ul>
+    </tr>
+  </table>
   </div>
   [/#if]
 


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.