Difference between revisions of "S2 CSS"

From Dreamwidth Notes
Jump to: navigation, search
(Created page with ''''CSS classes''' = Information and Template = This page will have a list of all CSS classes used by Core2. <pre><nowiki>== class label == * '''Affects:''' What part of the p...')
 
Line 15: Line 15:
  
 
{{Note|text=Concentrate here for now}}
 
{{Note|text=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 
 +
  
 
= Minor classes =
 
= Minor classes =

Revision as of 01:45, 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


Minor classes