Wiki source for TableStyling


Show raw source

===== Table styling =====


>>**See also:**
~-UserAdmin
~-PageAdminAction
>>::c::

The latest versions of some new (beta) actions (like UserAdmin and PageAdminAction) make use of the following classes for styling table headers, columns and rows:

%%(css)
/* --- row & column color --- */

th.c1 {
background-color: #CDD;
}

th.c2 {
background-color: #DCC;
}

th.c3 {
background-color: #DDC;
}

th.c4 {
background-color: #CDC;
}

th.c5 {
background-color: #CCD;
}

th.c6 {
background-color: #DCD;
}

tr.alt td {
background-color: #EEE;
}

td.c1 {
background-color: #EFF;
}

td.c2 {
background-color: #FEE;
}

td.c3 {
background-color: #FFE;
}

td.c4 {
background-color: #EFE;
}

td.c5 {
background-color: #EEF;
}

td.c6 {
background-color: #FEF;
}

tr.alt td.c1 {
background-color: #DEE;
}

tr.alt td.c2 {
background-color: #EDD;
}

tr.alt td.c3 {
background-color: #EED;
}

tr.alt td.c4 {
background-color: #DED;
}

tr.alt td.c5 {
background-color: #DDE;
}

tr.alt td.c6 {
background-color: #EDE;
}

th.check, td.check {
width: 5%;
text-align: center;
vertical-align: middle;
}
th.number, td.number {
text-align: right;
}

th.time, td.time {
width: 5%;
text-align: center;
vertical-align: top;
white-space: nowrap;
}

td.time {
font-size: 0.85em;
}
%%


----
CategoryLayout
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki