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...

In reply to Desired maintenance for Perlmonks CSS by dfaure

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.