planetlab/css/plc_tables.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 .pagesize_label{
 111     font-weight:bold;
 112 }
 113 .table_search_label{
 114     font-weight:bold;
 115 }
 116 .table_reset {
 117     border:1px;
 118 }
 119
 120 /* Pagination list styles */
 121 ul.fdtablePaginater
 122         {
 123         display:table;
 124         list-style:none;
 125         padding:0;
 126         margin:0 auto;
 127         text-align:center;
 128         height:1.5em;
 129         width:auto;
 130         margin-bottom:1em;
 131         }
 132 ul.fdtablePaginater li
 133         {
 134         display:table-cell;
 135         padding-right:4px;
 136         color:#666;
 137         list-style:none;
 138
 139         -moz-user-select:none;
 140         -khtml-user-select:none;
 141         }
 142 ul.fdtablePaginater li a.currentPage
 143         {
 144         border-color:#a84444 !important;
 145         color:#000;
 146         }
 147 ul.fdtablePaginater li a:active
 148         {
 149         border-color:#222 !important;
 150         color:#222;
 151         }
 152 ul.fdtablePaginater li a,
 153 ul.fdtablePaginater li div
 154         {
 155         display:block;
 156         width:2em;
 157         font-size:1em;
 158         color:#666;
 159         padding:0;
 160         margin:0;
 161         text-decoration:none;
 162         outline:none;
 163         border:1px solid #ccc;
 164         font-family:georgia, serif;
 165         }
 166 ul.fdtablePaginater li div
 167         {
 168         cursor:normal;
 169         opacity:.5;
 170         filter:alpha(opacity=50);
 171         }
 172 ul.fdtablePaginater li a span,
 173 ul.fdtablePaginater li div span
 174         {
 175         display:block;
 176         line-height:2em;
 177         border:1px solid #fff;
 178         background:#fff url(/planetlab/icons/tablesort_gradient.gif) repeat-x 0 -20px;
 179         }
 180 ul.fdtablePaginater li a
 181         {
 182         cursor:pointer;
 183         }
 184 ul.fdtablePaginater li a:focus
 185         {
 186         color:#333;
 187         text-decoration:none;
 188         border-color:#aaa;
 189         }
 190 .fdtablePaginaterWrap
 191         {
 192         text-align:center;
 193         clear:both;
 194         text-decoration:none;
 195         }
 196 ul.fdtablePaginater li .next-page span,
 197 ul.fdtablePaginater li .previous-page span,
 198 ul.fdtablePaginater li .first-page span,
 199 ul.fdtablePaginater li .last-page span
 200         {
 201         font-weight:bold !important;
 202         }
 203 /* Keep the table columns an equal size during pagination */
 204 td.sized1
 205         {
 206         width:16em;
 207         text-align:left;
 208         }
 209 td.sized2
 210         {
 211         width:10em;
 212         text-align:left;
 213         }
 214 td.sized3
 215         {
 216         width:7em;
 217         text-align:left;
 218         }
 219 /*
 220    tfoot td
 221         {
 222         text-align:right;
 223         font-weight:bold;
 224         text-transform:uppercase;
 225         letter-spacing:1px;
 226         }
 227    */
 228 #visibleTotal
 229         {
 230         text-align:center;
 231         letter-spacing:auto;
 232         }
 233 * html ul.fdtablePaginater li div span,
 234 * html ul.fdtablePaginater li div span
 235         {
 236         background:#eee;
 237         }
 238 tr.invisibleRow
 239         {
 240         display:none;
 241         visibility:hidden;
 242         }
 243 p.paginationText
 244         {
 245         font-style:oblique;
 246         }
 247 p.plc_filter_note
 248         {
 249     font-style:oblique;
 250     font-size:0.6em;
 251     font-family: georgia;
 252     text-align: center
 253         }
 254
 255 <!--[if IE]>
 256 <style type="text/css">
 257 ul.fdtablePaginater {display:inline-block;}
 258 mul.fdtablePaginater {display:inline;}
 259 ul.fdtablePaginater li {float:left;}
 260 ul.fdtablePaginater {text-align:center;}
 261 table { border-bottom:1px solid #C1DAD7; }
 262 </style>
 263 <![endif]-->