S2 CSS: Recent and Reading page ids and classes

Expand: "We are working on expanding these pages!

Classes found primarily on the Recent and Reading pages

#entries

• Affects: This is a block containing all the entries, within #primary
• Views: Recent, Reading
• Other information: I thought at first that this would appear on any pages with multiple entries on them, which would seem to include the daily archive for days with multiple posts, but this is not in fact the case. Recent and Reading only!

.navigation

• Affects: Links to Previous N/Next N
• Views: Recent, Reading
• Other information:

Layout for an individual entry

The following are found inside of div.entry within the #primary section of the page. These occur on the Reading, Recent, and Entry pages.

.entry

• Affects: All of a single entry: subject, text, date, mood/music, readlinks, icon, user/community name on readlist view
• Views: Recent, Readlist

.header

• Affects: Heading for each entry
• Views: Recent, Readlist, Entry
• Other information: Contains the entry subject matter (h3.entry-title) as well as the date/time stamp and classes for showing trust filters (eg. the lock icon) and adult content filters (eg. the NSFW warning)

h3.entry-title

• Affects: Subject line
• Views: Recent, Readlist, Entry
• Other information: Subjects are shown as links, so the text of the subject line is technically found inside h3.entry.title a.

span.date

• Affects: The date stamp on an entry
• Views: Recent, reading, entry
• Other information Within span.date are several a elements, for each of year/month/day.

span.time

• Affects: The time of day (eg. "06:53pm") that a post is made
• Views: Reading, recent, entry
• Other information This is found inside div.date.

div.userpic

• Affects: Userpics
• Views: Recent, Reading, Entry
• Other information: Found within entries and also comments.

div.content

• Affects: The body of an entry; what the person posted.
• Views: Reading, Recent, Entry
• Other information All metadata such as tags, access groups, etc, falls outside this div

.tag

• Affects: The div containing the tags on a post, including any "Tags:" heading
• Views: recent, readlist, entry
• Other information The tags themselves are within a unordered list inside this div.

ul.entry-management-links

• Affects: The links/buttons which allow you to manage an entry, eg. edit/tag/memories/email/track
• Views: Recent, reading, entry
• Other information What falls in this category rather than in entry-interaction-links, I hear you ask. Well, these buttons/links seem to send you away from the entry's page, while the interaction links all link to the entry's page.

ul.entry-interaction-links

• Affects: The list of links for each entry that read Link/N comments/leave a comment
• Views: Recent, reading, entry
• Other information The text of these links can be changed by the journal owner through "Customize styles", so beware that they may be longer/shorter than you think.

li.entry-permalink

• Affects: The "Link" link
• Views: Recent, Reading
• Other information Does not appear(?) if there are comments.

li.entry-readlink

• Affects: The "N comments" link (where N is a number)
• Views: Recent, Reading
• Other information May be customised by the user to say something else. Don't make assumptions about the length of the text. Does not appear if there are no comments.

li.entry-postlink

• Affects: The "Post a comment" link
• Views: Recent, Reading
• Other information May be customised by the user to say something else. Don't make assumptions about the length of the text. Does not appear if comments are disallowed.