/* This style sheet is for tables only */ tr, td, tbody { border:inherit; padding:inherit; } /* Have this in every TAB to start, active until changed to another class */ .tabBasic, .tabBasic0, .tabBlack, .tabWhite, .tabAlt, .tabAltCols { /* for all? */ padding: 0.2em; line-height: 1.5em; text-align: center; /* vertical-align:middle; not needed for tables */ /* th {vertical-align:bottom;} Might be used in TH header row? */ margin-left: auto; margin-right:auto; border-collapse: collapse; border: 0px solid red; } .tabBasic tr:nth-child(1), .tabBlack tr:nth-child(1), .tabWhite tr:nth-child(1), .tabAlt tr:nth-child(1), .tabAltCols tr:nth-child(1) { font-weight: bold; border: 0px groove gold; border-bottom-width:4px; } .tabBasic colgroup:nth-child(1), .tabBlack colgroup:nth-child(1), .tabWhite colgroup:nth-child(1), .tabAlt colgroup:nth-child(1), .tabAltCols colgroup:nth-child(1) { border: 0px groove red; border-right-width:4px; } /* Could avoid the above clumsiness if I just put all the basic into table{}; and undid it explicitly in deBug. But that would mean it wasn't possible to have no-CSS tables; and some of my pages might not work well. */ /* table.tabBasic tr:nth-child(1) { font-weight: bold; border: 0px groove gold; border-bottom-width:4px; } table.tabBasic colgroup:nth-child(odd) { border: 0px groove red; border-right-width:4px; } */ /* Have this class in every TAB to start, but q-out */ table.tabBug { /* for debugging */ border-collapse: separate; border: 2px solid red; background-color: yellow; border-spacing: 0.5em; } table.tabBug td { border: 1px dotted black; } /* Use simple black lines to sep. rows/cols */ table.tabBlack td { border: 1px solid black; } /* Use only padding to sep. rows/cols */ table.tabWhite td { padding: 1.5em; } /* use no border but alt. bg colors to sep. rows */ table.tabAlt tr:nth-child(even) { background-color:lightGray; } table.tabAlt tr:nth-child(odd) { background-color:#ffe9e9; } /* use no border but alt. bg colors to sep. cols */ /* BUT remember to put in the s in table html. */ table.tabAltCols col:nth-child(even) { background-color:lightGray; } table.tabAltCols col:nth-child(odd) { background-color:#ffe9e9; }