monkdiscuss
dfaure
<p>As [xdg] and several others stated [id://378774|here] (the node reputation speaks for itself), I'd like to have things happening concerning CSS at [id://131|Perlmonks].</p>
<p>I fully agree that this kind of task is quite long and not trivial but IMHO, This could really makes [id://131|Perlmonks] better for the end user as for the [pmdev|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.</p>
<p>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):</p>
<readmore>
<code>
#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; }
</code>
</readmore>
<p>You may refer to the quite amazing [http://www.csszengarden.com/|Zen Garden] to see what could be done with CSS.</p>
<div class="pmsig"><div class="pmsig-326467">
<p>____<br/>
[id://262941|HTH], Dominique<br/>
<font size='1'><i>My two favorites:<br/>
If the only tool you have is a hammer, you will see every problem as a nail. --Abraham Maslow<br/>
Bien faire, et le faire savoir...</i></font></p>
</div></div>