mochikit_v14/examples/sortable_tables/sortable_tables.css

   1 h1 {
   2     font-size: 2em;
   3     color: #4B4545;
   4     text-align: center;
   5 }
   6
   7 table.datagrid {
   8     width: 100%;
   9     border-collapse: collapse;
  10 }
  11
  12 table.datagrid thead th {
  13     text-align: left;
  14     background-color: #4B4545;
  15     background-repeat: no-repeat;
  16     background-position: right center;
  17     color: white;
  18     font-weight: bold;
  19     padding: .3em .7em;
  20     font-size: .9em;
  21     padding-right: 5px;
  22     background-repeat: no-repeat;
  23     background-position: 95% right;
  24 }
  25
  26 table.datagrid thead th a {
  27     color: white;
  28     text-decoration: none;
  29     font-size: 1.0em;
  30     background-repeat: no-repeat;
  31     background-position: center right;
  32     padding-right: 15px;
  33 }
  34
  35 table.datagrid thead th.over {
  36     background-color: #746B6B;
  37     cursor: pointer;
  38 }
  39
  40 table.datagrid tbody th {
  41     font-weight: bold;
  42 }
  43
  44 table.datagrid tbody td, table.datagrid tbody th {
  45     text-align: left;
  46     padding: .3em .7em;
  47     border-bottom: 1px solid #eee;
  48 }
  49
  50 table.datagrid tbody tr.alternate td, table.datagrid tbody tr.alternate th {
  51     background-color: #f1f1f1;
  52 }
  53
  54 table.datagrid tfoot td, table.datagrid tfoot th {
  55     background-color: #FFFEE3;
  56     color: #4B4545;
  57     padding: .5em;
  58     font-weight: bold;
  59     border-top: 2px solid #4B4545;
  60 }
  61
  62 table.datagrid tfoot th { text-align: left; }
  63
  64 table.datagrid tfoot td {  }
  65
  66 .invisible { display: none; }