sortable columns header
[plewww.git] / planetlab / css / plc_table.css
1 table.plc_table
2         {
3         width: auto;
4         padding: 0;
5         margin: 0 auto 1.5em auto;
6         border-left: 1px solid #C1DAD7;
7         border-collapse:collapse;
8         }
9 th.plc_table
10         {
11         font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
12         color: #4f6b72;
13         border-right: 1px solid #C1DAD7;
14         border-bottom: 1px solid #C1DAD7;
15         border-top: 1px solid #C1DAD7;
16         letter-spacing: 1px;
17         text-transform: uppercase;
18         text-align: left;
19         padding: 8px 12px 4px 12px;
20         background: #CAE8EA url(/planetlab/icons/tablesort_header.jpg) no-repeat;
21         vertical-align:middle;
22         }
23 td.plc_table
24         {
25         font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
26         border-right: 1px solid #C1DAD7;
27         border-bottom: 1px solid #C1DAD7;
28         padding: 6px 12px 6px 12px;
29         color: #4f6b72;
30         }
31 th.sortable,
32 th.sortable-text,
33 th.sortable-date,
34 th.sortable-keep,
35 th.sortable-date-dmy,
36 th.sortable-numeric,
37 th.sortable-currency,
38 th.sortable-sortByTwelveHourTimestamp,
39 th.sortable-sortIPAddress,
40 th.sortable-sortEnglishLonghandDateFormat,
41 th.sortable-sortScientificNotation,
42 th.sortable-sortImage,
43 th.sortable-sortFileSize,
44 th.sortable-sortAlphaNumeric,
45 th.sortable-sortEnglishDateTime
46
47         {
48         cursor:pointer;
49         background: #CAE8EA url(/planetlab/icons/tablesort_header_sortable.jpg) no-repeat;
50         padding: 8px 12px 4px 16px;
51         }
52 th.forwardSort
53         {
54         background:#CAE8EA url(/planetlab/icons/tablesort_header_down.jpg) no-repeat 0 0;
55         }
56 th.reverseSort
57         {
58         background:#CAE8EA url(/planetlab/icons/tablesort_header_up.jpg) no-repeat 0 0;
59         }
60 table thead th.forwardSort a,
61 table thead th.reverseSort a
62         {
63         color:#000;
64         text-decoration:none;
65         }