Difference between revisions of "S2 CSS: Archive pages ids and classes"
From Dreamwidth Notes
Foxfirefey (Talk | contribs) 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 <ul> that can have many items, as it lists each year with posts | contains a <ul> 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 <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 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
Contents
Year view
The year view page has body.page-archive as its body class. Inside the div#primary:
div#archive-year
has .inner
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
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
has .inner
div.month
has .inner
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
has .inner
li.page-back
li.page-forward
div.day
has .inner