comment on

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

Are you posting in the right place? Check out Where do I post X? to know for sure.
Posts may use any of the Perl Monks Approved HTML tags. Currently these include the following:
<code> <a> <b> <big> <blockquote> <br /> <dd> <dl> <dt> <em> <font> <h1> <h2> <h3> <h4> <h5> <h6> <hr /> <i> <li> <nbsp> <ol> <p> <small> <strike> <strong> <sub> <sup> <table> <td> <th> <tr> <tt> <u> <ul>
Snippets of code should be wrapped in <code> tags not <pre> tags. In fact, <pre> tags should generally be avoided. If they must be used, extreme care should be taken to ensure that their contents do not have long lines (<70 chars), in order to prevent horizontal scrolling (and possible janitor intervention).
Want more info? How to link or How to display code and escape characters are good places to start.


Think about Loose Coupling
	PerlMonks