towards client-side filtering and sorting

[plewww.git] / planetlab / css / plc_table.css

diff --git a/planetlab/css/plc_table.css b/planetlab/css/plc_table.css
index db13bb2..3372d8b 100644 (file)
--- a/planetlab/css/plc_table.css
+++ b/planetlab/css/plc_table.css
@@ -71,3 +71,33 @@ tr.alt
         color: #797268;
         }
 
+/* sort columns */
+/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
+   as it trys to download the image each and every time that it is used (which means a 1000 row table
+   will produce 1000 http requests for the image in question) */
+tr[class="alt"] td
+        {
+        background: #F5FAFA url(/planetlab/icons/tablesort_td_alt.jpg) no-repeat;
+        }
+td.plc_table [class~="alt"]
+        {
+        background: #edf3f3 url(/planetlab/icons/tablesort_col_alt.jpg) no-repeat !important;
+        }
+/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
+tbody tr.alt td:first-child
+        {
+        background: #F5FAFA url(/planetlab/icons/tablesort_bullet2.gif) no-repeat;
+        font-weight:bold;
+        }
+tbody tr td:first-child
+        {
+        background: #fff url(/planetlab/icons/tablesort_bullet1.gif) no-repeat;
+        font-weight:bold;
+        }
+
+div.table_size_dialog {
+    align:left;
+}
+div.table_pattern_dialog {
+    align:right;
+}