/*! * jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin * * Copyright (c) 2011 Mark Malek * http://fixedheadertable.com * * Licensed under MIT * http://www.opensource.org/licenses/mit-license.php * * http://docs.jquery.com/Plugins/Authoring * jQuery authoring guidelines * * Launch : October 2009 * Version : 1.3 * Released: May 9th, 2011 * * * all CSS sizing (width,height) is done in pixels (px) */ /* @group Reset */ .fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td { /* position */ margin: 0; /* size */ padding: 0; /* text */ font-size: 100%; font: inherit; vertical-align: top; } .fht-table { /* appearance */ border-collapse: collapse; border-spacing: 0; } /* @end */ /* @group Content */ .fht-table-wrapper, .fht-table-wrapper .fht-thead, .fht-table-wrapper .fht-tfoot, .fht-table-wrapper .fht-fixed-column .fht-tbody, .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { /* appearance */ overflow: hidden; /* position */ position: relative; } .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { /* appearance */ overflow: auto; } .fht-table-wrapper .fht-table .fht-cell { /* appearance */ overflow: hidden; /* size */ height: 1px; } .fht-table-wrapper .fht-fixed-column, .fht-table-wrapper .fht-fixed-body { /* position */ top: 0; left: 0; position: absolute; } .fht-table-wrapper .fht-fixed-column { /* position */ z-index: 1; } /* @end */ .scroolTable td, .scroolTable th { /* appearance */ border: 1px solid #778899; /* size */ padding: 5px; } .scroolTable { /* text */ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .scroolTable tbody tr td { /* appearance */ background-color: rgb(100%, 100%, 100%); background-image: -moz-linear-gradient( top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(51%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.0))); /* text */ color: #262c31; font-size: 11px; } .scroolTable tbody tr.odd td { /* appearance */ background-color: #d6e0ef; background-image: -moz-linear-gradient( top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(51%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.0))); } .scroolTable thead tr th, .scroolTable thead tr td, .scroolTable tfoot tr th, .scroolTable tfoot tr td { /* appearance */ background-color: rgb(25%, 60%, 25%); background-image: -moz-linear-gradient( top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.0) 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(51%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.0))); /* text */ color: #121517; font-size: 12px; font-weight: bold; text-shadow: 0 1px 1px #e8ebee; }