Difference between revisions of "S2 CSS: Archive pages ids and classes"

From Dreamwidth Notes
Jump to: navigation, search
m (Year view)
Line 3: Line 3:
 
The year view page has <tt>body.page-archive</tt> as its body class.  Inside the <tt>div#primary</tt>:
 
The year view page has <tt>body.page-archive</tt> as its body class.  Inside the <tt>div#primary</tt>:
  
== div#archive-year ==
+
== <tt>div#archive-year</tt> ==
  
has .inner
+
has <tt>.inner</tt>
  
=== div.navigation ===
+
=== <tt>div.navigation</tt> ===
  
has .inner
+
has .inner</tt>
  
 
contains a &lt;ul&gt; that can have many items, as it lists each year with posts
 
contains a &lt;ul&gt; that can have many items, as it lists each year with posts
  
=== div.year ===
+
=== <tt>div.year</tt> ===
  
has .inner
+
has <tt>.inner</tt>
  
==== div.month-wrapper ====
+
==== <tt>div.month-wrapper</tt> ====
  
has .inner
+
has <tt>.inner</tt>
  
== Inside div.month-wrapper ==
+
== Inside <tt>div.month-wrapper</tt> ==
  
=== div.separator / div.separator-pre ===
+
=== <tt>div.separator</tt> / <tt>div.separator-pre</tt> ===
  
 
{{Warn|text=separator-pre might change to separator-before}}
 
{{Warn|text=separator-pre might change to separator-before}}
  
has .inner
+
has <tt>.inner</tt>
  
=== div.month ===
+
=== <tt>div.month</tt> ===
  
has .inner
+
has <tt>.inner</tt>
  
==== div.header ====
+
==== <tt>div.header</tt> ====
  
==== div.contents ====
+
==== <tt>div.contents</tt> ====
  
has .inner
+
has <tt>.inner</tt>
  
==== div.footer ====
+
==== <tt>div.footer</tt> ====
  
has .inner
+
has <tt>.inner</tt>
  
==== div.separator / div.separator-post ====
+
==== <tt>div.separator</tt> / <tt>div.separator-post</tt> ====
  
 
{{Warn|text=separator-post might change to separator-after}}
 
{{Warn|text=separator-post might change to separator-after}}
  
== Inside div.month div.contents ==
+
== Inside <tt>div.month</tt> <tt>div.contents</tt> ==
  
=== td ===
+
=== <tt>td</tt> ===
  
* .day-empty
+
* <tt>.day-empty</tt>
* .day
+
* <tt>.day</tt>
* .day-has-entries
+
* <tt>.day-has-entries</tt>
  
==== span.label ====
+
==== <tt>span.label</tt> ====
  
 
= Month view =
 
= Month view =
Line 61: Line 61:
 
The month view page has <tt>body.page-month</tt> as its body class.  Inside the <tt>div#primary</tt>:
 
The month view page has <tt>body.page-month</tt> as its body class.  Inside the <tt>div#primary</tt>:
  
== div#archive-month ==
+
== <tt>div#archive-month</tt> ==
  
has inner
+
has <tt>.inner</tt>
  
=== div.navigation ===
+
=== <tt>div.navigation</tt> ===
  
has inner
+
has <tt>.inner</tt>
  
=== div.month ===
+
=== <tt>div.month</tt> ===
  
has inner
+
has <tt>.inner</tt>
  
=== div.navigation ===
+
=== <tt>div.navigation</tt> ===
  
 
There's a navigation section after the month &lt;div&gt; as well.
 
There's a navigation section after the month &lt;div&gt; as well.
  
== Inside div.month ==
+
== Inside <tt>div.month</tt> ==
  
=== span.datetime ===
+
=== <tt>span.datetime</tt> ===
  
==== span.time ====
+
==== <tt>span.time</tt> ====
  
=== span.poster and span.entry-poster ===
+
=== <tt>span.poster</tt> and <tt>span.entry-poster</tt> ===
  
=== span.trust-filter ===
+
=== <tt>span.trust-filter</tt> ===
  
=== span.entry-title ===
+
=== <tt>span.entry-title</tt> ===
  
=== div.tag ===
+
=== <tt>div.tag</tt> ===
  
==== span.tag-text ====
+
==== <tt>span.tag-text</tt> ====
  
 
= Day view =
 
= Day view =
Line 97: Line 97:
 
The day view page has <tt>body.page-day</tt> as its body class.  Inside the <tt>div#primary</tt>:
 
The day view page has <tt>body.page-day</tt> as its body class.  Inside the <tt>div#primary</tt>:
  
== div#archive-day ==
+
== <tt>div#archive-day</tt> ==
  
has .inner
+
has <tt>.inner</tt>
  
=== div.navigation ===
+
=== <tt>div.navigation</tt> ===
  
has .inner
+
has <tt>.inner</tt>
  
==== li.page-back ====
+
==== <tt>li.page-back</tt> ====
==== li.page-forward ====
+
==== <tt>li.page-forward</tt> ====
  
=== div.day ===
+
=== <tt>div.day</tt> ===
  
has .inner
+
has <tt>.inner</tt>
  
==== .entry-wrapper ====
+
==== .<tt>entry-wrapper</tt> ====
  
=== div.navigation ===
+
=== <tt>div.navigation</tt> ===
  
 
[[Category: S2 CSS]]
 
[[Category: S2 CSS]]

Revision as of 02:20, 27 April 2009

Year view

The year view page has body.page-archive as its body class. Inside the div#primary:

div#archive-year

has .inner

div.navigation

has .inner</tt>

contains a <ul> that can have many items, as it lists each year with posts

div.year

has .inner

div.month-wrapper

has .inner

Inside div.month-wrapper

div.separator / div.separator-pre

Warning: separator-pre might change to separator-before

has .inner

div.month

has .inner

div.header

div.contents

has .inner

div.footer

has .inner

div.separator / div.separator-post

Warning: separator-post might change to separator-after

Inside div.month div.contents

td

  • .day-empty
  • .day
  • .day-has-entries

span.label

Month view

The month view page has body.page-month as its body class. Inside the div#primary:

div#archive-month

has .inner

div.navigation

has .inner

div.month

has .inner

div.navigation

There's a navigation section after the month <div> as well.

Inside div.month

span.datetime

span.time

span.poster and span.entry-poster

span.trust-filter

span.entry-title

div.tag

span.tag-text

Day view

The day view page has body.page-day as its body class. Inside the div#primary:

div#archive-day

has .inner

div.navigation

has .inner

li.page-back

li.page-forward

div.day

has .inner

.entry-wrapper

div.navigation