Some styling for Special:Imagelist courtesy of Splarka

diff --git a/includes/Pager.php b/includes/Pager.php
index 5555760..de361b3 100644 (file)
--- a/includes/Pager.php
+++ b/includes/Pager.php
@@ -442,7 +442,10 @@ abstract class TablePager extends IndexPager {
 
        function getStartBody() {
                global $wgStylePath;
-               $s = "<table border='1' class=\"TablePager\"><thead><tr>\n";
+               $tableClass = htmlspecialchars( $this->getTableClass() );
+               $sortClass = htmlspecialchars( $this->getSortHeaderClass() );
+               
+               $s = "<table border='1' class=\"$tableClass\"><thead><tr>\n";
                $fields = $this->getFieldNames();
                foreach ( $fields as $field => $name ) {
                        if ( strval( $name ) == '' ) {
@@ -469,7 +472,7 @@ abstract class TablePager extends IndexPager {
                                        $link = $this->makeLink( 
                                                "<img width=\"12\" height=\"12\" alt=\"$alt\" src=\"$image\" />" .
                                                htmlspecialchars( $name ), $query );
-                                       $s .= "<th class=\"TablePager_sort\">$link</th>\n";
+                                       $s .= "<th class=\"$sortClass\">$link</th>\n";
                                } else {
                                        $s .= '<th>' . $this->makeLink( htmlspecialchars( $name ), $query ) . "</th>\n";
                                }
@@ -511,6 +514,18 @@ abstract class TablePager extends IndexPager {
                return $this->mSort;
        }
 
+       function getTableClass() {
+               return 'TablePager';
+       }
+
+       function getNavClass() {
+               return 'TablePager_nav';
+       }
+
+       function getSortHeaderClass() {
+               return 'TablePager_sort';
+       }
+
        /**
         * A navigation bar with images
         */
@@ -545,7 +560,8 @@ abstract class TablePager extends IndexPager {
                }
                $links = $this->getPagingLinks( $linkTexts, $disabledTexts );
 
-               $s = '<table class="TablePager_nav" align="center" cellpadding="3"><tr>';
+               $navClass = htmlspecialchars( $this->getNavClass() );
+               $s = "<table class=\"$navClass\" align=\"center\" cellpadding=\"3\"><tr>";
                $cellAttrs = 'valign="top" align="center" width="' . 100 / count( $links ) . '%"';
                foreach ( $labels as $type => $label ) {
                        $s .= "<td $cellAttrs>{$links[$type]}</td>\n";

diff --git a/includes/SpecialImagelist.php b/includes/SpecialImagelist.php
index eff5a1c..54ee83e 100644 (file)
--- a/includes/SpecialImagelist.php
+++ b/includes/SpecialImagelist.php
@@ -153,6 +153,17 @@ class ImageListPager extends TablePager {
                return $s;
        }
 
+       function getTableClass() {
+               return 'imagelist ' . parent::getTableClass();
+       }
+
+       function getNavClass() {
+               return 'imagelist_nav ' . parent::getNavClass();
+       }
+
+       function getSortHeaderClass() {
+               return 'imagelist_sort ' . parent::getSortHeaderClass();
+       }
 }
 
 ?>

diff --git a/skins/common/common.css b/skins/common/common.css
index c17396a..a34624b 100644 (file)
--- a/skins/common/common.css
+++ b/skins/common/common.css
@@ -406,3 +406,22 @@ div.multipageimagenavbox hr {
 table.multipageimage td {
    text-align: center;
 }
+
+/*
+  Table pager (e.g. Special:Imagelist)
+  - remove underlines from the navigation link
+  - collapse borders
+  - set the borders to outsets (similar to Special:Allmessages)
+  - remove line wrapping for all td and th, set background color
+  - restore line wrapping for the last two table cells (description and size)
+*/
+.TablePager_nav a { text-decoration: none; }
+.TablePager { border-collapse: collapse; }
+.TablePager, .TablePager td, .TablePager th { border: 2px outset #666666; }
+.TablePager td, .TablePager th { background-color: #eeeeff }
+
+.imagelist td, .imagelist th { white-space: nowrap }
+.imagelist td + td { background-color: #ffffff }
+.imagelist td + td + td + td + td { white-space: normal }
+.imagelist th.TablePager_sort { background-color: #ccccff }
+

diff --git a/skins/monobook/main.css b/skins/monobook/main.css
index 9ba7402..8b52ee0 100644 (file)
--- a/skins/monobook/main.css
+++ b/skins/monobook/main.css
@@ -1465,3 +1465,21 @@ div.multipageimagenavbox hr {
 table.multipageimage td {
    text-align: center;
 }
+
+/*
+  Table pager (e.g. Special:Imagelist)
+  - remove underlines from the navigation link
+  - collapse borders
+  - set the borders to outsets (similar to Special:Allmessages)
+  - remove line wrapping for all td and th, set background color
+  - restore line wrapping for the last two table cells (description and size)
+*/
+.TablePager_nav a { text-decoration: none; }
+.TablePager { border-collapse: collapse; }
+.TablePager, .TablePager td, .TablePager th { border: 2px outset #666666; }
+.TablePager td, .TablePager th { background-color: #eeeeff }
+
+.imagelist td, .imagelist th { white-space: nowrap }
+.imagelist td + td { background-color: #ffffff }
+.imagelist td + td + td + td + td { white-space: normal }
+.imagelist th.TablePager_sort { background-color: #ccccff }