Revision history for ChartStyling
Revision [23037]
Last edited on 2016-05-20 07:38:44 by DarTar [Replaces old-style internal links with new pipe-split links.]Additions:
The latest versions of some new (beta) handlers (like InfoHandler) make use of the following classes for styling percentage bars. Colors match those of the [[TableStyling | statistics columns]] of the PageAdminAction:
Deletions:
No Differences
Additions:
===== Chart styling =====
~-InfoHandler
~-TableStyling
The latest versions of some new (beta) handlers (like InfoHandler) make use of the following classes for styling percentage bars. Colors match those of the [[TableStyling statistics columns]] of the PageAdminAction:
span.c1 {
border:1px outset #EFF;
span.c2 {
border:1px outset #FEE;
span.c3 {
border:1px outset #FFE;
span.c4 {
border:1px outset #EFE;
span.c5 {
border:1px outset #EEF;
span.c6 {
border:1px outset #FEF;
~-InfoHandler
~-TableStyling
The latest versions of some new (beta) handlers (like InfoHandler) make use of the following classes for styling percentage bars. Colors match those of the [[TableStyling statistics columns]] of the PageAdminAction:
span.c1 {
border:1px outset #EFF;
span.c2 {
border:1px outset #FEE;
span.c3 {
border:1px outset #FFE;
span.c4 {
border:1px outset #EFE;
span.c5 {
border:1px outset #EEF;
span.c6 {
border:1px outset #FEF;
Deletions:
~-UserAdmin
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:
/* --- 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 {
tr.alt td.c2 {
tr.alt td.c3 {
tr.alt td.c4 {
tr.alt td.c5 {
tr.alt td.c6 {
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;