Share Pastebin
Guest
Public paste!

Robert Myers

By: a guest | Feb 3rd, 2010 | Syntax: CSS | Size: 1.97 KB | Hits: 99 | Expires: Never
Copy text to clipboard
  1. table {
  2.         width: 650px;
  3.         border:1px solid #000000;
  4.         border-spacing: 0px; }
  5.  
  6. table a, table, tbody, tfoot, tr, th, td {
  7.         font-family: Arial, Helvetica, sans-serif;
  8. }
  9.  
  10. table caption {
  11.         font-size: 1.8em;
  12.         text-align: left;
  13.         text-indent: 100px;
  14.         background: url(images/bg_caption.gif) left top;
  15.         height: 40px;
  16.         color: #FFFFFF;
  17.         border:1px solid #000000; }
  18.  
  19. thead th {
  20.         background: url(images/bg_th.gif) left;
  21.         height: 21px;
  22.         color: #FFFFFF;
  23.         font-size: 0.8em;
  24.         font-family: Arial;
  25.         font-weight: bold;
  26.         padding: 0px 7px;
  27.         margin: 20px 0px 0px;
  28.         text-align: left; }
  29.  
  30. tbody tr {      background: #ffffff; }
  31.  
  32. tbody tr.odd {  background: #f0f0f0; }
  33.  
  34. tbody th {
  35.         background: url(images/arrow_white.gif) left center no-repeat;
  36.         background-position: 5px;
  37.         padding-left: 40px !important; }
  38.  
  39. tbody tr.odd th {
  40.         background: url(images/arrow_grey.gif) left center no-repeat;
  41.         background-position: 5px;
  42.         padding-left: 40px !important; }
  43.  
  44. tbody th, tbody td {
  45.         font-size: 0.8em;
  46.         line-height: 1.4em;
  47.         font-family: Arial, Helvetica, sans-serif;
  48.         color: #000000;
  49.         padding: 10px 7px;
  50.         border-bottom: 1px solid #800000;
  51.         text-align: left; }
  52.  
  53. tbody a {
  54.         color: #000000;
  55.         font-weight: bold;
  56.         text-decoration: none; }
  57.  
  58. tbody a:hover {
  59.         color: #ffffff;
  60.         text-decoration: underline; }
  61.  
  62. tbody tr:hover th {
  63.         background: #800000 url(images/arrow_red.gif) left center no-repeat;
  64.         background-position: 5px;
  65.         color: #ffffff; }
  66.  
  67. tbody tr.odd:hover th {
  68.         background: #000000 url(images/arrow_black.gif) left center no-repeat;
  69.         background-position: 5px;
  70.         color: #ffffff; }
  71.  
  72. tbody tr:hover th a, tr.odd:hover th a  {
  73.                  color: #ffffff; }
  74.  
  75. tbody tr:hover td, tr:hover td a, tr.odd:hover td, tr.odd:hover td a {
  76.         background: #800000;
  77.         color: #ffffff;  }
  78.  
  79. tbody tr.odd:hover td, tr.odd:hover td a{
  80.         background: #000000;
  81.         color: #ffffff;  }
  82.  
  83. tfoot th, tfoot td {
  84.         background: #ffffff url(images/bg_footer.gif) repeat-x bottom;
  85.         font-size: 0.8em;
  86.         color: #ffffff;
  87.         height: 21px;
  88.         }