Difference between revisions of "S2 CSS: Archive pages ids and classes"
From Dreamwidth Notes
Foxfirefey (Talk | contribs) (more year page, day and month) |
Foxfirefey (Talk | contribs) |
||
| (3 intermediate revisions by 3 users not shown) | |||
| 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 | + | This div has an <tt>.inner</tt> div. |
| − | === div.navigation === | + | === <tt>div.navigation</tt> === |
| − | has .inner | + | This div has an <tt>.inner</tt> div. |
| − | + | Contains a <ul> that can have many items, as it lists each year that contains posts posts. | |
| − | === div.year === | + | === <tt>div.year</tt> === |
| − | has .inner | + | This div has an <tt>.inner</tt> div. |
| − | ==== div.month-wrapper ==== | + | ==== <tt>div.month-wrapper</tt> ==== |
| − | has .inner | + | This div has an <tt>.inner</tt> div. |
| − | == Inside div.month-wrapper == | + | == Inside <tt>div.month-wrapper</tt> == |
| − | === div.separator / div.separator- | + | === <tt>div.separator</tt> / <tt>div.separator-before</tt> === |
| − | + | This div has an <tt>.inner</tt> div. | |
| − | + | === <tt>div.month</tt> === | |
| − | + | This div has an <tt>.inner</tt> div. | |
| − | + | ==== <tt>div.header</tt> ==== | |
| − | ==== div. | + | ==== <tt>div.contents</tt> ==== |
| − | + | This div has an <tt>.inner</tt> div. | |
| − | + | ==== <tt>div.footer</tt> ==== | |
| − | + | This div has an <tt>.inner</tt> div. | |
| − | + | ==== <tt>div.separator</tt> / <tt>div.separator-after</tt> ==== | |
| − | == | + | == Inside <tt>div.month</tt> <tt>div.contents</tt> == |
| − | + | === <tt>td</tt> === | |
| − | + | * <tt>.day-empty</tt> | |
| + | * <tt>.day</tt> | ||
| + | * <tt>.day-has-entries</tt> | ||
| − | + | ==== <tt>span.label</tt> ==== | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | ==== span.label ==== | + | |
= Month view = | = Month view = | ||
| Line 61: | Line 57: | ||
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 | + | This div has an <tt>.inner</tt> div. |
| − | === div.navigation === | + | === <tt>div.navigation</tt> === |
| − | has inner | + | This div has an <tt>.inner</tt> div. |
| − | === div.month === | + | === <tt>div.month</tt> === |
| − | has inner | + | This div has an <tt>.inner</tt> div. |
| − | === div.navigation === | + | === <tt>div.navigation</tt> === |
There's a navigation section after the month <div> as well. | There's a navigation section after the month <div> 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 93: | ||
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> == |
| + | |||
| + | This div has an <tt>.inner</tt> div. | ||
| + | |||
| + | === <tt>div.navigation</tt> === | ||
| + | |||
| + | This div has an <tt>.inner</tt> div. | ||
| − | + | ==== <tt>li.page-back</tt> ==== | |
| − | + | Contains a text link to go back in time, that is, to earlier entries. | |
| − | + | ==== <tt>li.page-forward</tt> ==== | |
| − | + | Contains a text link to go forward in time, that is, to later entries. | |
| − | + | ||
| − | === div.day === | + | === <tt>div.day</tt> === |
| − | has .inner | + | This div has an <tt>.inner</tt> div. |
| − | ==== .entry-wrapper ==== | + | ==== .<tt>entry-wrapper</tt> ==== |
| − | === div.navigation === | + | === <tt>div.navigation</tt> === |
[[Category: S2 CSS]] | [[Category: S2 CSS]] | ||
Latest revision as of 21:44, 31 August 2009
Contents
Year view
The year view page has body.page-archive as its body class. Inside the div#primary:
div#archive-year
This div has an .inner div.
This div has an .inner div.
Contains a <ul> that can have many items, as it lists each year that contains posts posts.
div.year
This div has an .inner div.
div.month-wrapper
This div has an .inner div.
Inside div.month-wrapper
div.separator / div.separator-before
This div has an .inner div.
div.month
This div has an .inner div.
div.header
div.contents
This div has an .inner div.
This div has an .inner div.
div.separator / div.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
This div has an .inner div.
This div has an .inner div.
div.month
This div has an .inner div.
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
This div has an .inner div.
This div has an .inner div.
li.page-back
Contains a text link to go back in time, that is, to earlier entries.
li.page-forward
Contains a text link to go forward in time, that is, to later entries.
div.day
This div has an .inner div.
