Styling 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 |
|---|---|---|
| Third Thread | Mike Smith | Wed Apr 14 8:16am |
| Second Thread | Jane Walsh | Wed Apr 14 8:16am |
| First Thread | 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:
Please post questions regarding style sheets and DiscussionApps on the DiscussionApp Forum.