Advertisement
Guest User

tablestyle.css

a guest
Jun 14th, 2013
543
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.16 KB | None | 0 0
  1.  
  2. table#vehicletable {
  3.   color: #333;
  4.   font-family: Helvetica, Arial, sans-serif;
  5.   width: 640px;
  6.   /* Table reset stuff */
  7.   border-collapse: collapse;
  8.   border-spacing: 0;
  9. }
  10.  
  11. tbody#scrolling { height: 120px; overflow: auto; display: block;}
  12. td#vehicles, th#vehicles {  border: 0 none; height: 30px; }
  13.  
  14.      
  15. th#vehicles {
  16.   /* Gradient Background */
  17.   background: linear-gradient(#333 0%,#444 100%);
  18.   color: #FFF; font-weight: bold;
  19.   height: 40px;
  20. }
  21.    
  22. td#vehicles { background: #FAFAFA; text-align: center; }
  23.  
  24. /* Zebra Stripe Rows */
  25.    
  26. tr#vehicles:nth-child(even) td#vehicles { background: #EEE; }
  27. tr#vehicles:nth-child(odd) td#vehicles { background: #FDFDFD; }
  28.  
  29. /* First-child blank cells! */
  30. tr#vehicles td#vehicles:first-child, tr#vehicles th#vehicles:first-child {
  31.   background: none;
  32.   font-style: italic;
  33.   font-weight: bold;
  34.   font-size: 14px;
  35.   text-align: right;
  36.   padding-right: 10px;
  37.   width: 80px;
  38. }
  39.  
  40. /* Add border-radius to specific cells! */
  41. tr#vehicles:first-child th#vehicles:nth-child(2) {
  42.   border-radius: 5px 0 0 0;
  43. }
  44.  
  45. tr#vehicles:first-child th#vehicles:last-child {
  46.   border-radius: 0 5px 0 0;
  47. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement