Desired maintenance for Perlmonks CSS

As xdg and several others stated here (the node reputation speaks for itself), I'd like to have things happening concerning CSS at Perlmonks.

I fully agree that this kind of task is quite long and not trivial but IMHO, This could really makes Perlmonks better for the end user as for the devils. In the interim, I would love to have more id/class specified to avoid tricky CSS as you can find in my current one below.

Precisely, I'll need class/id for table elements involved in thread replies categorizing the global reply header, and the different parts of each replies. I managed to make it run partially under Firefox or IE6 with the code below (unable to adjust main reply backgound-color):

#monkbar { display: none; }

h3.other, h3.superdoc, h3.categorized_answer, h3.categorized_question 
+{
  font-size: 200%;
  font-style: italic;
  font-family: Georgia, serif;
  padding: 10px;
}
pre, tt {
  font-family: "Bitstream Vera Sans Mono", monospace;
}

.topnavmenu, #replies_table font { font-size: 100%; }

textarea {
  width: 100%;
  height: 25em;
}

body {
  color:            black;
  background-color: rgb(240,240,240); }

a { color: rgb(39,78,144); }
a:link { text-decoration: underline; }
a:hover, a.titlebar:hover { text-decoration: underline; }
a:visited, a.titlebar:visited { text-decoration: none; }

td { color: black; }
tr.titlebar { background-color: rgb(100,135,220); }
td.titlebar { color: white; }

tr.section_title {
  color:            white;
  background-color: rgb(0,51,153); }
td.section_title {
  color:            white;
  background-color: rgb(0,51,153); }
tr.post_head, tr.highlight {
  background-color: /*rgb(140,170,230)*/ rgb(212,208,200); }

.code {
  border:  1px solid #666;
  padding: 10px;
  color:            rgb(39,78,144);
  background-color: white;
  display: block;
}

table.nodelet_container { background-color: rgb(0,51,153); }
tbody.nodelet th, th.nodehead {
  color:             white;
  background-color:  rgb(0,51,153);
/*  color: rgb(39,78,144);
  background-color: rgb(140,170,230);*/ }
tbody.nodelet td, td.nodebody {
  color:            rgb(39,78,144);
  background-color: rgb(240,240,240); }

table#replies_table {
  background-color: /*rgb(240,240,240)*/transparent;
}
table#reply_tables th a {
  background-color: rgb(0,51,153); }
table#replies_table th font {
  color:            rgb(253,160,91);
}
table#replies_table td[colspan="2"] {
  background-color: rgb(212,208,200);
}
table#replies_table td {
  background-color: transparent;
}

#approval_nodelet input[type="text"] {
 background-color: rgb(255,200,200);
}

a[href="http://pair.com/"] { display: none; }
[download]

You may refer to the quite amazing Zen Garden to see what could be done with CSS.

____
HTH, Dominique
My two favorites:
If the only tool you have is a hammer, you will see every problem as a nail. --Abraham Maslow
Bien faire, et le faire savoir...

Back to Perl Monks Discussion