defaria.com/css/TableBorders.css

   1 /************************************************************************/
   2 /*                                                                      */
   3 /* File:        TableBorders.css                                        */
   4 /* Description: Define tables with borders                              */
   5 /* Author:      Andrew@DeFaria.com                                      */
   6 /* Created:     Mon Nov  3 21:55:05 PST 2003                            */
   7 /* Language:    Cascading Style Sheet                                   */
   8 /*                                                                      */
   9 /* (c) Copyright 2004, Andrew@DeFaria.com, all rights reserved.         */
  10 /*                                                                      */
  11 /************************************************************************/
  12
  13 /* Table headers */
  14 th.th {
  15   border-style:         solid;
  16   border-color:         black;
  17   border-top-width:     2pt;
  18   border-bottom-width:  0pt;
  19   border-left-width:    1pt;
  20   border-right-width:   0pt;
  21   padding:              3px;
  22   background:           teal;
  23   color:                white;
  24   font-size:            12px;
  25 }
  26
  27 th.tht {
  28   border-style:         solid;
  29   border-color:         black;
  30   border-top-width:     2pt;
  31   border-bottom-width:  0pt;
  32   border-left-width:    1pt;
  33   border-right-width:   0pt;
  34   padding:              3px;
  35   background:           teal;
  36   color:                white;
  37   font-size:            16px;
  38   -moz-border-radius-topleft:   10px;
  39   -moz-border-radius-topright:  10px;
  40 }
  41
  42 /* Table Header Top Left */
  43 th.thtl {
  44   border-style:         solid;
  45   border-color:         black;
  46   border-top-width:     2pt;
  47   border-bottom-width:  0pt;
  48   border-left-width:    2pt;
  49   border-right-width:   0pt;
  50   padding:              3px;
  51   background:           teal;
  52   color:                white;
  53   font-size:            12px;
  54   -moz-border-radius-topleft:   10px;
  55 }
  56
  57 /* Table Header Top Right */
  58 th.thtr {
  59   border-style:         solid;
  60   border-color:         black;
  61   border-top-width:     2pt;
  62   border-bottom-width:  0pt;
  63   border-left-width:    1pt;
  64   border-right-width:   2pt;
  65   padding:              3px;
  66   background:           teal;
  67   color:                white;
  68   font-size:            12px;
  69   -moz-border-radius-topright:  10px;
  70 }
  71
  72 /* Table Header Left */
  73 th.thl {
  74   border-style:         solid;
  75   border-color:         black;
  76   border-top-width:     2pt;
  77   border-bottom-width:  1pt;
  78   border-left-width:    2pt;
  79   border-right-width:   1pt;
  80   padding:              3px;
  81   background:           teal;
  82   color:                white;
  83   font-size:            12px;
  84 }
  85
  86 /* Table Header Bottom Left */
  87 th.thbl {
  88   border-style:         solid;
  89   border-color:         black;
  90   border-top-width:     1pt;
  91   border-bottom-width:  2pt;
  92   border-left-width:    2pt;
  93   border-right-width:   1pt;
  94   padding:              3px;
  95   background:           teal;
  96   color:                white;
  97   font-size:            12px;
  98 }
  99
 100 /* Table Data Top Left */
 101 td.tdtl {
 102   border-style:         solid;
 103   border-color:         black;
 104   border-right-width:   0pt;
 105   border-left-width:    2pt;
 106   border-top-width:     2pt;
 107   border-bottom-width:  0pt;
 108   padding:              5px;
 109   background:           white;
 110   color:                black;
 111   font-size:            12px;
 112 }
 113
 114 /* Table Data Bottom Left */
 115 td.tdbl {
 116   border-style:         solid;
 117   border-color:         black;
 118   border-right-width:   0pt;
 119   border-left-width:    2pt;
 120   border-top-width:     1pt;
 121   border-bottom-width:  2pt;
 122   padding:              5px;
 123   background:           white;
 124   color:                black;
 125   font-size:            12px;
 126 }
 127
 128 /* Table Data Bottom Right */
 129 td.tdbr {
 130   border-style:         solid;
 131   border-color:         black;
 132   border-right-width:   2pt;
 133   border-left-width:    1pt;
 134   border-top-width:     1pt;
 135   border-bottom-width:  2pt;
 136   padding:              5px;
 137   background:           white;
 138   color:                black;
 139   font-size:            12px;
 140 }
 141
 142 /* Table Data Bottom */
 143 td.tdb {
 144   border-style:         solid;
 145   border-color:         black;
 146   border-right-width:   0pt;
 147   border-left-width:    1pt;
 148   border-top-width:     1pt;
 149   border-bottom-width:  2pt;
 150   padding:              5px;
 151   background:           white;
 152   color:                black;
 153   font-size:            12px;
 154 }
 155
 156 /* Table Data */
 157 td.td {
 158   border-style:         solid;
 159   border-color:         black;
 160   border-right-width:   0pt;
 161   border-left-width:    1pt;
 162   border-top-width:     1pt;
 163   border-bottom-width:  0pt;
 164   padding:              5px;
 165   background:           white;
 166   color:                black;
 167   font-size:            12px;
 168 }
 169
 170 /* Table Data Left */
 171 td.tdl {
 172   border-style:         solid;
 173   border-color:         black;
 174   border-right-width:   0pt;
 175   border-left-width:    2pt;
 176   border-top-width:     1pt;
 177   border-bottom-width:  0pt;
 178   padding:              5px;
 179   background:           white;
 180   color:                black;
 181   font-size:            12px;
 182 }
 183
 184 /* Table Data Right */
 185 td.tdr {
 186   border-style:         solid;
 187   border-color:         black;
 188   border-right-width:   2pt;
 189   border-left-width:    1pt;
 190   border-top-width:     1pt;
 191   border-bottom-width:  0pt;
 192   padding:              5px;
 193   background:           white;
 194   color:                black;
 195   font-size:            12px;
 196 }
 197
 198 /* Table Data Top Right */
 199 td.tdtr {
 200   border-style:         solid;
 201   border-color:         black;
 202   border-right-width:   2pt;
 203   border-left-width:    1pt;
 204   border-top-width:     2pt;
 205   border-bottom-width:  0pt;
 206   padding:              5px;
 207   background:           white;
 208   color:                black;
 209   font-size:            12px;
 210 }
 211
 212 /* Table Data Top Right (right?) */
 213 td.tdtrr {
 214   border-style:         solid;
 215   border-color:         black;
 216   border-right-width:   2pt;
 217   border-left-width:    1pt;
 218   border-top-width:     2pt;
 219   border-bottom-width:  0pt;
 220   padding:              5px;
 221   background:           white;
 222   color:                black;
 223   font-size:            12px;
 224   -moz-border-radius-topright:  10px;
 225 }
 226
 227 /* Table Data Right */
 228 td.tdr {
 229   border-style:         solid;
 230   border-color:         black;
 231   border-right-width:   2pt;
 232   border-left-width:    1pt;
 233   border-top-width:     1pt;
 234   border-bottom-width:  0pt;
 235   padding:              5px;
 236   background:           white;
 237   color:                black;
 238   font-size:            12px;
 239 }
 240
 241 /* Table Data Top */
 242 td.tdt {
 243   border-style:         solid;
 244   border-color:         black;
 245   border-right-width:   0pt;
 246   border-left-width:    1pt;
 247   border-top-width:     2pt;
 248   border-bottom-width:  0pt;
 249   padding:              5px;
 250   background:           white;
 251   color:                black;
 252   font-size:            12px;
 253 }