Difference between revisions of "S2 CSS: Tag page ids and classes"

From Dreamwidth Notes
Jump to: navigation, search
(Created page with '== body.page-tags == * '''Affects:''' The entire tag page * '''Views:''' On the tag page * '''Other information''' == ul.ljtaglist == * '''Affects:''' The unordered list of ta...')
 
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== body.page-tags ==
+
== <tt>body.page-tags</tt> ==
  
 
* '''Affects:''' The entire tag page
 
* '''Affects:''' The entire tag page
Line 5: Line 5:
 
* '''Other information'''
 
* '''Other information'''
  
== ul.ljtaglist ==
+
== <tt>ul.ljtaglist</tt> ==
 +
 
 +
This is inside the <tt>div#primary</tt>&gt;<tt>div.inner</tt> section.
  
 
* '''Affects:''' The unordered list of tags on the tag page
 
* '''Affects:''' The unordered list of tags on the tag page
 
* '''Views:''' On the tag page
 
* '''Views:''' On the tag page
 
* '''Other information'''
 
* '''Other information'''
 +
 +
== Visibility classes ==
 +
 +
These classes are applied to the <tt>li</tt> of the tags and refer to the tag's visibility to viewers:
 +
 +
* <tt>.visibility-public</tt>
 +
* <tt>.visibility-protected</tt>
 +
* <tt>.visibility-group</tt>
 +
* <tt>.visibility-private</tt>
 +
 +
Note that tags somebody doesn't have access to won't appear.  That is, a logged out viewer won't see <tt>.visibility-protected</tt> tags, for instance.  However, this does allow people to style tags based on their visibility, letting a viewer know what visibility a tag is at.  These classes also appear in the [[S2_CSS:_Module_ids_and_classes#.module-tags_list|tags list module]].
  
 
[[Category: S2 CSS]]
 
[[Category: S2 CSS]]

Latest revision as of 22:31, 31 August 2009

body.page-tags

  • Affects: The entire tag page
  • Views: On the tag page
  • Other information

ul.ljtaglist

This is inside the div#primary>div.inner section.

  • Affects: The unordered list of tags on the tag page
  • Views: On the tag page
  • Other information

Visibility classes

These classes are applied to the li of the tags and refer to the tag's visibility to viewers:

  • .visibility-public
  • .visibility-protected
  • .visibility-group
  • .visibility-private

Note that tags somebody doesn't have access to won't appear. That is, a logged out viewer won't see .visibility-protected tags, for instance. However, this does allow people to style tags based on their visibility, letting a viewer know what visibility a tag is at. These classes also appear in the tags list module.