Switch the pager to use themeroller's icon sprites. I applied jquery ui css classes to newly added span classes in the pager templates directly, will likely move these out and apply through ui.init.js later.

1 files changed, 9 insertions, 56 deletions

diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index fabc35ac..8007a318 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -241,7 +241,9 @@ li.gError select {
  * 2) Reusable generic classes
  *********************************************************************/
 
-/* Not used, yet */
+.inactive {
+	color: #ccc;
+}
 
 /** *******************************************************************
  * 3) Reusable content blocks
@@ -445,9 +447,6 @@ li.gError select {
 #gContent #gItem {
 }
 
-#gContent #gItem #gPager {
-}
-
 #gContent #gComments {
   margin-top: 2em;
 }
@@ -648,64 +647,18 @@ li.gError select {
 
 #gPager {
   clear: both;
+  padding: 5px;
 }
 
 #gPager li {
-  background-repeat: no-repeat;
   float: left;
-  padding: 5px;
-}
-
-#gPager .first {
-  background-image: url('../images/ico-pg-first.png');
-  background-position: left;
-  padding-left: 20px;
-}
-
-#gPager .first_inactive {
-  background-image: url('../images/ico-pg-first_inactive.png');
-  background-position: left;
-  color: #ccc;
-  padding-left: 20px;
-}
-
-#gPager .previous {
-  background-image: url('../images/ico-pg-previous.png');
-  background-position: left;
-  padding-left: 17px;
-}
-
-#gPager .previous_inactive {
-  background-image: url('../images/ico-pg-previous_inactive.png');
-  background-position: left;
-  color: #ccc;
-  padding-left: 17px;
-}
-
-#gPager .next {
-  background-image: url('../images/ico-pg-next.png');
-  background-position: right;
-  padding-right: 17px;
-}
-
-#gPager .next_inactive {
-  background-image: url('../images/ico-pg-next_inactive.png');
-  background-position: right;
-  color: #ccc;
-  padding-right: 17px;
-}
-
-#gPager .last {
-  background-image: url('../images/ico-pg-last.png');
-  background-position: right;
-  padding-right: 20px;
+  margin-right: 1em;
 }
 
-#gPager .last_inactive {
-  background-image: url('../images/ico-pg-last_inactive.png');
-  background-position: right;
-  color: #ccc;
-  padding-right: 20px;
+#gPager li span {
+  display: inline-block;
+  height: 1em;
+  width: 16px;
 }
 
 /** *******************************************************************