planetlab/css/plc_tables.css

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