planetlab/css/plc_tables.css

   1 /* $Id$ */
   2 table.plc_table {
   3     width: auto;
   4     padding: 0;
   5     margin: 0 auto 1.5em auto;
   6     border-collapse:collapse;
   7 }
   8 table.plc_table thead tr, table.plc_table tbody tr {
   9     border-left: 1px solid #C1DAD7;
  10 }
  11
  12 th.plc_table {
  13     font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  14     color: #4f6b72;
  15     border-right: 1px solid #C1DAD7;
  16     border-bottom: 1px solid #C1DAD7;
  17     border-top: 1px solid #C1DAD7;
  18     letter-spacing: 1px;
  19     text-transform: uppercase;
  20     text-align: left;
  21     padding: 8px 12px 4px 12px;
  22     background: #CAE8EA url(/planetlab/icons/tablesort_header.jpg) no-repeat;
  23     vertical-align:middle;
  24 }
  25 td.plc_table {
  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     cursor:pointer;
  48     background: #CAE8EA url(/planetlab/icons/tablesort_header_sortable.jpg) no-repeat;
  49     padding: 8px 12px 4px 16px;
  50 }
  51 th.forwardSort {
  52     background:#CAE8EA url(/planetlab/icons/tablesort_header_down.jpg) no-repeat 0 0;
  53 }
  54 th.reverseSort {
  55     background:#CAE8EA url(/planetlab/icons/tablesort_header_up.jpg) no-repeat 0 0;
  56 }
  57 table thead th.forwardSort a,
  58 table thead th.reverseSort a {
  59     color:#000;
  60     text-decoration:none;
  61 }
  62 /* rows with odd index */
  63 tr.alt {
  64     background: #F5FAFA;
  65     color: #797268;
  66 }
  67
  68 /* sort columns */
  69 /* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
  70    as it trys to download the image each and every time that it is used (which means a 1000 row table
  71    will produce 1000 http requests for the image in question) */
  72 tr[class="alt"]>td {
  73     background: #F5FAFA url(/planetlab/icons/tablesort_td_alt.jpg) no-repeat;
  74 }
  75 td.plc_table [class~="alt"] {
  76     background: #edf3f3 url(/planetlab/icons/tablesort_col_alt.jpg) no-repeat !important;
  77 }
  78 /* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
  79 table.plc_table>tbody>tr.alt>td:first-child {
  80     background: #F5FAFA url(/planetlab/icons/tablesort_bullet2.gif) no-repeat;
  81     font-weight:bold;
  82 }
  83 table.plc_table>tbody>tr>td:first-child {
  84     background: #fff url(/planetlab/icons/tablesort_bullet1.gif) no-repeat;
  85     font-weight:bold;
  86 }
  87
  88 td.table_flushleft {
  89     text-align:left;
  90     padding-left: 30px;
  91 }
  92 td.table_flushright {
  93     text-align:right;
  94     padding-right: 30px;
  95 }
  96 table.table_dialogs {
  97     width:100%;
  98     border:1px;
  99 }
 100 .pagesize_label, .pagesize_input {
 101     font-style: oblique;
 102     font-size: .5em;
 103 }
 104 .table_search_label{
 105     font-weight:bold;
 106 }
 107 .table_reset {
 108     border:1px;
 109 }
 110
 111 /* Pagination list styles */
 112 ul.fdtablePaginater {
 113     display:table;
 114     list-style:none;
 115     padding:0;
 116     margin:0 auto;
 117     text-align:center;
 118     height:1.5em;
 119     width:auto;
 120     margin-bottom:1em;
 121 }
 122 ul.fdtablePaginater li {
 123     display:table-cell;
 124     padding-right:4px;
 125     color:#666;
 126     list-style:none;
 127
 128     -moz-user-select:none;
 129     -khtml-user-select:none;
 130 }
 131 ul.fdtablePaginater li a.currentPage {
 132     border-color:#a84444 !important;
 133     color:#000;
 134 }
 135 ul.fdtablePaginater li a:active {
 136     border-color:#222 !important;
 137     color:#222;
 138 }
 139 ul.fdtablePaginater li a,
 140 ul.fdtablePaginater li div {
 141     display:block;
 142     width:2em;
 143     font-size:1em;
 144     color:#666;
 145     padding:0;
 146     margin:0;
 147     text-decoration:none;
 148     outline:none;
 149     border:1px solid #ccc;
 150     font-family:georgia, serif;
 151 }
 152 ul.fdtablePaginater li div {
 153     cursor:normal;
 154     opacity:.5;
 155     filter:alpha(opacity=50);
 156 }
 157 ul.fdtablePaginater li a span,
 158 ul.fdtablePaginater li div span {
 159     display:block;
 160     line-height:2em;
 161     border:1px solid #fff;
 162     background:#fff url(/planetlab/icons/tablesort_gradient.gif) repeat-x 0 -20px;
 163 }
 164 ul.fdtablePaginater li a {
 165     cursor:pointer;
 166 }
 167 ul.fdtablePaginater li a:focus {
 168     color:#333;
 169     text-decoration:none;
 170     border-color:#aaa;
 171 }
 172 .fdtablePaginaterWrap {
 173     text-align:center;
 174     clear:both;
 175     text-decoration:none;
 176 }
 177 ul.fdtablePaginater li .next-page span,
 178 ul.fdtablePaginater li .previous-page span,
 179 ul.fdtablePaginater li .first-page span,
 180 ul.fdtablePaginater li .last-page span {
 181     font-weight:bold !important;
 182 }
 183 /* Keep the table columns an equal size during pagination */
 184 td.sized1 {
 185     width:16em;
 186     text-align:left;
 187 }
 188 td.sized2 {
 189     width:10em;
 190     text-align:left;
 191 }
 192 td.sized3 {
 193     width:7em;
 194     text-align:left;
 195 }
 196 /*
 197    tfoot td
 198         {
 199         text-align:right;
 200         font-weight:bold;
 201         text-transform:uppercase;
 202         letter-spacing:1px;
 203         }
 204    */
 205 #visibleTotal {
 206     text-align:center;
 207     letter-spacing:auto;
 208 }
 209 * html ul.fdtablePaginater li div span,
 210 * html ul.fdtablePaginater li div span {
 211     background:#eee;
 212 }
 213 tr.invisibleRow {
 214     display:none;
 215     visibility:hidden;
 216 }
 217 p.paginationText {
 218     font-style:oblique;
 219 }
 220 p.plc_filter_note {
 221     font-style:oblique;
 222     font-size:0.6em;
 223     font-family: georgia;
 224     text-align: center
 225 }