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

From Dreamwidth Notes
Jump to: navigation, search
(more year page, day and month)
m (Year view)
Line 25: Line 25:
 
=== div.separator / div.separator-pre ===
 
=== div.separator / div.separator-pre ===
  
{{Warn|text=separator-pre might change to separator-after}}
+
{{Warn|text=separator-pre might change to separator-before}}
  
 
has .inner
 
has .inner

Revision as of 22:02, 26 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

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