Revision as of 03:40, 23 April 2009

CSS classes

Information and Template

This page will have a list of all CSS classes used by Core2.

== class label ==

* '''Affects:''' What part of the page does this CSS class cover?
* '''Views:''' If it's only used on specific pages (eg year page, or reply page), or on all views
* '''Other information'''

Major classes

#primary

• Affects: Main content area (user entries on Recent, other users' entries on Read, calendar on Calendar)
• Views: All
• Other information: This class is best used to affect spacing; individual items such as fonts and colors can be set in individual classes such as .subject and .entry.

#secondary

• Affects: Entire sidebar module (navigation, links, calendar, tags etc)
• Views: All
• Other information: Similar to #primary and #tertiary, this class is probably better suited to positioning than to styling. (NOTE: this is really bad language and uses bad words like 'probably' ...)

#header

• Affects: Top bar containing title and page title (optionally other things)
• Views: All
• Other information: Includes subclasses .h1, .h2, #title and #pagetitle

.entry

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

h3.entry-title

• Affects: Subject line
• Views: Recent, Readlist
• Other information: Subjects parse as links, so this is technically h3.entry.title a.

span.date a

div.date

• Affects: The date/time information on an entry
• Views: Reading, recent, entry
• Other information: span.time is found inside div.date

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.

.entry.content

.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

li.entry-postlink

h2.module-header

• Affects: Titles of module sections such as Tags, Page Summary, Syndicate etc
• Views: All
• Other information: h2.module-header a refers to those items that are links instead of pure text.

.module-content

• Affects: Content of modules such as tags list, links list, free text, about section, page summary
• Views: All
• Other information: .module-content a refers to those items that are links instead of pure text.

Minor classes