History: CssCleaning

Goal: clean the css files and the templates to:

• have smaller css files for a better bandwith
• be able to modify easily a css file
• unify the tiki look
• unify used styles

Some points to keep in mind

• get XHTML strict compliance
• get WAI complaint

• div.box
• div.box-title (in div.box)
• div.box-data (in div.box)

The box width is limited (a module that appears in the middle column will have a limited size — it needs to be defined in CSS in some way). If the box style should be changed in the center column (for example then module placed on wiki page) the following CSS code may be used

#centercolumn div.box {}
// or
div.wikitext div.box {}
// to select module placed on wiki page by {MODULE} wiki plugin

The box should have unique id because module can be duplicated. ID needed if theme author wants to define smth special for some module.

These tables must be used each time a list of content with attribute is displayed.
They will be used in Wiki pages list, Wiki last changes, wiki rankings, stats, orphan pages, File gals list, Image gals list, blogs list, articles list ....

• table.normal
• th : for a heading cell (WAI compliance: <th scope="col">)
• td.even : for a lont text cell on an even line
• td.odd : "" odd line
• td.evenNumber : for a number
• td.oddNumber
• td.evenAction : for an actions list
• td.oddAction:

To be able to customize each table, a table id will be added
<table class="normal" id="listPages">
a clear convention name for the id must be defined
Like this each cell can be customize #listPages td.even{}
All the "style="text-align:right"" will be taken away and replace with <td class="evenNumber"> or <td class="oddNumber">
Question: Do we need more distinction in a cell: a long text is left justified,
but a number can be rigth or center, a username can be left or center, an actions lists is nowrap. Will it be more powerful to have "<td class=even"><span class="action">... </span></td>" for each type of a attribute

With this representation it will not be possible to represent differently an even column and an odd column

Each title will be represented with "<h1>"

When possible take away the style et add in the css "content a{}"

All forms in Tiki should be in table with well known class (currently most of forms are td.normal). Every form should have ID to be reacheble for customize.
Here is 2 possible solutions for IDs of form elements:

1. Every element in form (input fields) should have IDs too
2. IDs is not required bcouse names already set (which is unique identify element) but CSS code become CSS2...
   Copy to clipboard

   // select input field named 'description' in form of class normal
   // and identified as 'wikiedit'...
   td.normal#wikiedit input[name="description"] {}