Difference between revisions of "S2 CSS"
From Dreamwidth Notes
(→span.time) |
(→ul.entry-management-links) |
||
Line 65: | Line 65: | ||
=== ul.entry-management-links === | === ul.entry-management-links === | ||
+ | |||
+ | * '''Affects:''' The list of links/buttons used to manage an entry, eg. edit/tag/memories/email/track | ||
+ | * '''Views:''' Recent, reading, entry | ||
+ | * '''Other information''' | ||
+ | |||
=== li.entry-postlink === | === li.entry-postlink === | ||
Revision as of 03:42, 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
Note: Concentrate here for now
#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
- Affects: The list of links/buttons used to manage an entry, eg. edit/tag/memories/email/track
- Views: Recent, reading, entry
- Other information
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.