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