planetlab/css/plc_table.css

   1 /* $Id$ */
   2 table.plc_table
   3         {
   4         width: auto;
   5         padding: 0;
   6         margin: 0 auto 1.5em auto;
   7         border-left: 1px solid #C1DAD7;
   8         border-collapse:collapse;
   9         }
  10 th.plc_table
  11         {
  12         font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  13         color: #4f6b72;
  14         border-right: 1px solid #C1DAD7;
  15         border-bottom: 1px solid #C1DAD7;
  16         border-top: 1px solid #C1DAD7;
  17         letter-spacing: 1px;
  18         text-transform: uppercase;
  19         text-align: left;
  20         padding: 8px 12px 4px 12px;
  21         background: #CAE8EA url(/planetlab/icons/tablesort_header.jpg) no-repeat;
  22         vertical-align:middle;
  23         }
  24 td.plc_table
  25         {
  26         font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  27         border-right: 1px solid #C1DAD7;
  28         border-bottom: 1px solid #C1DAD7;
  29         padding: 6px 12px 6px 12px;
  30         color: #4f6b72;
  31         }
  32 th.sortable,
  33 th.sortable-text,
  34 th.sortable-date,
  35 th.sortable-keep,
  36 th.sortable-date-dmy,
  37 th.sortable-numeric,
  38 th.sortable-currency,
  39 th.sortable-sortByTwelveHourTimestamp,
  40 th.sortable-sortIPAddress,
  41 th.sortable-sortEnglishLonghandDateFormat,
  42 th.sortable-sortScientificNotation,
  43 th.sortable-sortImage,
  44 th.sortable-sortFileSize,
  45 th.sortable-sortAlphaNumeric,
  46 th.sortable-sortEnglishDateTime
  47
  48         {
  49         cursor:pointer;
  50         background: #CAE8EA url(/planetlab/icons/tablesort_header_sortable.jpg) no-repeat;
  51         padding: 8px 12px 4px 16px;
  52         }
  53 th.forwardSort
  54         {
  55         background:#CAE8EA url(/planetlab/icons/tablesort_header_down.jpg) no-repeat 0 0;
  56         }
  57 th.reverseSort
  58         {
  59         background:#CAE8EA url(/planetlab/icons/tablesort_header_up.jpg) no-repeat 0 0;
  60         }
  61 table thead th.forwardSort a,
  62 table thead th.reverseSort a
  63         {
  64         color:#000;
  65         text-decoration:none;
  66         }
  67 /* rows with odd index */
  68 tr.alt
  69         {
  70         background: #F5FAFA;
  71         color: #797268;
  72         }
  73
  74 /* sort columns */
  75 /* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
  76    as it trys to download the image each and every time that it is used (which means a 1000 row table
  77    will produce 1000 http requests for the image in question) */
  78 tr[class="alt"] td
  79         {
  80         background: #F5FAFA url(/planetlab/icons/tablesort_td_alt.jpg) no-repeat;
  81         }
  82 td.plc_table [class~="alt"]
  83         {
  84         background: #edf3f3 url(/planetlab/icons/tablesort_col_alt.jpg) no-repeat !important;
  85         }
  86 /* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
  87 table.plc_table tbody tr.alt td:first-child
  88         {
  89         background: #F5FAFA url(/planetlab/icons/tablesort_bullet2.gif) no-repeat;
  90         font-weight:bold;
  91         }
  92 table.plc_table tbody tr td:first-child
  93         {
  94         background: #fff url(/planetlab/icons/tablesort_bullet1.gif) no-repeat;
  95         font-weight:bold;
  96         }
  97
  98 td.table_flushleft {
  99     text-align:left;
 100     padding-left: 30px;
 101 }
 102 td.table_flushright {
 103     text-align:right;
 104     padding-right: 30px;
 105 }
 106 table.table_dialogs {
 107     width:100%;
 108     border:1px;
 109 }
 110 .table_size_label{
 111     font-weight:bold;
 112 }
 113 .table_search_label{
 114     font-weight:bold;
 115 }
 116 .table_reset {
 117     border:1px;
 118 }