this was actually mostly done when you posted this, you didn't check silly hacker

I checked, i just didn't check very closely. :)

nodethreads-head and nodethreads-foot are extremely appreciated. The classes you've added are also very cool for tweaking the way the individual elements look (I've started using a few, but i'm sure i'll find ways to use/tweak the others over time), but there was one part of my initial suggestion that I think you missed (and looking at it now, would probably be the most usefull)...

It would also be handy if the information about your vote, front paged, and approved was used in making class names for a span tag arround the whole line -- so that people can highlight nodes that have cetain properties.

For example, someone might want all nodes that they have down voted to be striken, all nodes that have been front paged to be in a bigger font size, all nodes that are not approved to be blinking, the number of descendents of each node in italics, and the number of nodes in the selected set to be shown in plain font (instead of bloded as it is now)

For example, given the list of classes that exist the individual pieces of data, imagine a corrisponding version of (most of) them that includes "-line-" for use on the whole "p" of the line (I orriginally thought it would make sense on the "li", but you don't want it to apply to the subtree)... 
<!-- suppose this node is unapproved, and i downvoted it -->
<li id='li999999' class='nnt-depth-1 nnt-auth-123291'>
<p class='nnt-p-title nnt-p
          nnt-line-unapproved nnt-line-minusminus' 
   align='left'>
   ... <!-- all of the existing stuff per node --> ...
</p>
   ... <!-- the subtree of the node (if any) --> ...
</li>


<!-- suppose this node is frontpaged, and i upvoted it -->
<li id='li888' class='nnt-depth-1 nnt-auth-123291'>
<p class='nnt-p-title nnt-p
          nnt-line-approved nnt-line-fplink
          nnt-line-plusplus' 
   align='left'>
   ...
   <!-- all of the existing stuff per node --> 
</p>
   <!-- the subtree of the node (if any) -->
</li>

[download]

And then people can setup CSS like this... 

.nnt-noderep { 
   font-style: normal;
   font-weight: bold;
   color: red;
}
.nnt-line-minusminus { text-decoration: line-through; }
.nnt-line-unapproved { text-decoration: blink; }
.nnt-line-fplink { font-size: larger; }

[download]

In reply to Re^3: color crazyness and CSS by hossman
in thread color crazyness and CSS by demerphq

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.