Using style sheets with collapsed threads

If you opt to use collapsed threads with no style sheet, then your DiscussionApp will look like the following table:

Subject Author Last Post
Third Thread Mike Smith Wed Apr 14 8:16am
This is a preview of the first message in this thread. This option can be enabled with the "Show the first message in a thread?" checkbox on your maintenance page.
Second Thread Jane Walsh Wed Apr 14 8:16am
First Thread John Doe Wed Apr 14 8:16am


If you use a style sheet, then your DiscussionApp could look like this:

Subject Author Last Post
Mike Smith Wed Apr 14 8:16am
This is a preview of the first message in this thread. This option can be enabled with
the "Show the first message in a thread?" checkbox on your maintenance page.
Jane Walsh Wed Apr 14 8:16am
John Doe Wed Apr 14 8:15am


Below is the style sheet that was used for the table above. Feel free to copy and modify it.

#entries_table {
	border: 3px solid black;
}

#entries_headers {
	color: black;
	background-color: #eff;
}

TH.entries_header {
	text-align: center;
	border: 1px solid #888;
}

TR.entry_row {
	background-color: cyan;
}

TD.link_cell {
	padding: 10px;
}

TD.author_cell {
	font-size: 80%;
}

TD.date_cell {
	font-size: 80%;
	font-style: italic;
}

DIV.first_message {
	padding-left: 2em;
	padding-right: 2em;
	font-size: 70%;
	font-style: italic;
	background-color: white;
}


Below is a diagram which illustrates style sheet selectors with their corresponding table elements:

discussionapp style sheet selectors diagram

Please post questions regarding style sheets and DiscussionApps on the DiscussionApp Forum.

Back to Style Sheets and DiscussionApps