sortable columns header

diff --git a/planetlab/css/demo.css b/planetlab/css/demo.css
index 6e710cd..3273576 100644 (file)
--- a/planetlab/css/demo.css
+++ b/planetlab/css/demo.css
@@ -113,41 +113,6 @@ td.total
         text-transform:uppercase;
         letter-spacing:1px;
         }
-th.sortable,
-th.sortable-text,
-th.sortable-date,
-th.sortable-keep,
-th.sortable-date-dmy,
-th.sortable-numeric,
-th.sortable-currency,
-th.sortable-sortByTwelveHourTimestamp,
-th.sortable-sortIPAddress,
-th.sortable-sortEnglishLonghandDateFormat,
-th.sortable-sortScientificNotation,
-th.sortable-sortImage,
-th.sortable-sortFileSize,
-th.sortable-sortAlphaNumeric,
-th.sortable-sortEnglishDateTime
-
-        {
-        cursor:pointer;
-        background: #CAE8EA url(../media/bg_header_sortable.jpg) no-repeat;
-        padding: 8px 12px 4px 16px;
-        }
-th.forwardSort
-        {
-        background:#CAE8EA url(../media/bg_header_down.jpg) no-repeat 0 0;
-        }
-th.reverseSort
-        {
-        background:#CAE8EA url(../media/bg_header_up.jpg) no-repeat 0 0;
-        }
-table thead th.forwardSort a,
-table thead th.reverseSort a
-        {
-        color:#000;
-        text-decoration:none;
-        }
 /*
 These styles should be added when very long tables are expected
 th.sort-active

diff --git a/planetlab/css/plc_table.css b/planetlab/css/plc_table.css
index 3566c0a..59d6683 100644 (file)
--- a/planetlab/css/plc_table.css
+++ b/planetlab/css/plc_table.css
@@ -17,7 +17,7 @@ th.plc_table
         text-transform: uppercase;
         text-align: left;
         padding: 8px 12px 4px 12px;
-        background: #CAE8EA url(../media/bg_header.jpg) no-repeat;
+        background: #CAE8EA url(/planetlab/icons/tablesort_header.jpg) no-repeat;
         vertical-align:middle;
         }
 td.plc_table
@@ -28,3 +28,38 @@ td.plc_table
         padding: 6px 12px 6px 12px;
         color: #4f6b72;
         }
+th.sortable,
+th.sortable-text,
+th.sortable-date,
+th.sortable-keep,
+th.sortable-date-dmy,
+th.sortable-numeric,
+th.sortable-currency,
+th.sortable-sortByTwelveHourTimestamp,
+th.sortable-sortIPAddress,
+th.sortable-sortEnglishLonghandDateFormat,
+th.sortable-sortScientificNotation,
+th.sortable-sortImage,
+th.sortable-sortFileSize,
+th.sortable-sortAlphaNumeric,
+th.sortable-sortEnglishDateTime
+
+        {
+        cursor:pointer;
+        background: #CAE8EA url(/planetlab/icons/tablesort_header_sortable.jpg) no-repeat;
+        padding: 8px 12px 4px 16px;
+        }
+th.forwardSort
+        {
+        background:#CAE8EA url(/planetlab/icons/tablesort_header_down.jpg) no-repeat 0 0;
+        }
+th.reverseSort
+        {
+        background:#CAE8EA url(/planetlab/icons/tablesort_header_up.jpg) no-repeat 0 0;
+        }
+table thead th.forwardSort a,
+table thead th.reverseSort a
+        {
+        color:#000;
+        text-decoration:none;
+        }

diff --git a/planetlab/icons/tablesort_header.jpg b/planetlab/icons/tablesort_header.jpg
new file mode 100644 (file)
index 0000000..10dbd74
Binary files /dev/null and b/planetlab/icons/tablesort_header.jpg differ

diff --git a/planetlab/icons/tablesort_header_down.jpg b/planetlab/icons/tablesort_header_down.jpg
new file mode 100644 (file)
index 0000000..7bc68a7
Binary files /dev/null and b/planetlab/icons/tablesort_header_down.jpg differ

diff --git a/planetlab/icons/tablesort_header_sortable.jpg b/planetlab/icons/tablesort_header_sortable.jpg
new file mode 100644 (file)
index 0000000..67d896e
Binary files /dev/null and b/planetlab/icons/tablesort_header_sortable.jpg differ

diff --git a/planetlab/icons/tablesort_header_up.jpg b/planetlab/icons/tablesort_header_up.jpg
new file mode 100644 (file)
index 0000000..f09db48
Binary files /dev/null and b/planetlab/icons/tablesort_header_up.jpg differ