Logged-in users can now apply a css stylesheet to nodes rendered using the 'bare' display style. To do so, go to your Display Settings, and look for the text field labeled "Link to External CSS stylesheet for 'bare' display style:", near the bottom. Only "external" css is supported in this way; the text field's value must be a URL for a page of css.

For starters, here is some simple css which makes it easier to see the tree structure of replies and to distinguish one reply from another:

li.reply { border: 1px solid black; margin:5px;  counter-increment: re
+ply-list; margin-top:20px; }
[download]

You can actually use that "[download]" link, there, as the URL in the Display Settings field. :-)

To see a page rendered in the 'bare' display style, either add ;style=bare to the URL of the page, or insert /bare/ in the path part of the URL. Examples:

form > div.reputation,
div.comment-on { padding:8px; border:4px outset #0A8; }
div.comment-on br { display:none }
div.body { padding:12px }
div.pmsig { border: 1px dotted black; margin:5px; }

div.header,
div.footer { padding:4px; border:3px outset #666; }
ul.inline-list li { display:inline; }
ul.inline-list li:before { content:"\2023"; margin-left:1em; margin-ri
+ght:0.2em; }

ul.replies { list-style: decimal; }
li.reply { border: 1px solid black; margin:5px;  margin-top:20px; }

ul.replies > li    
{
  border: thin solid green;
  border-left: thick solid green;
  padding: 2px; 
  margin: 8px; 
}
[download]

p.titlechooser { display:none; }
[download]