gabbana will hate me :)

git-svn-id: http://svn.maypole.perl.org/Maypole/trunk@226 48953598-375a-da11-a14b-00016c27c3ee

diff --git a/templates/factory/pager b/templates/factory/pager
index 419d1019efdb7852027fe86b50d607a8b0e213d0..558da84d680fadb80e0663d94465e2fa069f83d0 100644 (file)
--- a/templates/factory/pager
+++ b/templates/factory/pager
@@ -22,9 +22,9 @@ IF pager AND pager.first_page != pager.last_page;
     END;
      FOREACH num = [begin_page .. end_page];
           IF num == pager.current_page;
-            "["; num; "] ";
+            "<span class='current-page'>"; num; "</span>";
           ELSE;
-            SET label = "[" _ num _ "]";
+            SET label = num;
             SET args = "?page=" _ num;
             SET action = "list";
             FOR col = classmetadata.columns.list;

diff --git a/templates/maypole.css b/templates/maypole.css
index 124130f0d77ae49ebefdcb8eccb5c4fd79589dc2..59db6d5e18a0f0a700094ecba71e0675ce3d1950 100644 (file)
--- a/templates/maypole.css
+++ b/templates/maypole.css
@@ -211,13 +211,13 @@ fieldset {
     padding: 1em;
     background-color: #f3f6f8;
     font:80%/1 sans-serif;
-    border:1px solid #8484ce;
+    border:1px solid #ddd;
 }
 
 legend {
     padding: 0.2em 0.5em;
     background-color: #fff;
-    border:1px solid #8484ce;
+    border:1px solid #aaa;
     font-size:90%;
     text-align:right;
 }
@@ -292,10 +292,41 @@ label .field {
 }
 
 .pager {
-    font:80%/1 sans-serif;
+    font: 11px Arial, Helvetica, sans-serif;
+    text-align: center;
+    border: solid 1px #e2e2e2;
+    border-left: 0;
+    border-right: 0;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    margin: 0px;
     background-color: #f3f6f8;
-    padding: 2px;
-    border: 1px solid #8484ce;
-    text-align:center;
 }
 
+.pager a {
+    padding: 2px 6px;
+    border: solid 1px #ddd;
+    background: #fff;
+    text-decoration: none;
+}
+
+.pager a:visited {
+    padding: 2px 6px;
+    border: solid 1px #ddd;
+    background: #fff;
+    text-decoration: none;
+}
+
+.pager .current-page {
+    padding: 2px 6px;
+    font-weight: bold;
+    font-size: 13px;
+    vertical-align: top;
+}
+
+.pager a:hover {
+    color: #fff;
+    background: #b5cadc;
+    border-color: #036;
+    text-decoration: none;
+}