Help:Wikilog styling

This page shows topographic diagrams of HTML blocks that may be useful in order to customize the appearance of the content generated by the Wikilog extension. The extension can be customized by adding CSS rules to MediaWiki:Common.css.

Summary pager
The summary pager is used by default to display the list of wikilog articles in wikilog pages and Special:Wikilog. It produces the following topography:

.wl-wrapper Contains the Wikilog-generated listing of wikilog articles.

.wl-options Used only in Special:Wikilog, optional. It is a fieldset with query fields.

.wl-navbar .wl-navbar-top Optional. The top navigation bar, with paging links to next/previous pages of articles. (wikilog-navigation-bar -- customizable, optional)

.wl-roll The list of wikilog articles (entries).

.wl-entry [ .wl-draft ] A single wikilog article (entry).

h2 The title of the wikilog article.

.wl-summary-header Optional. Contains the header of the summary entry, with authors, date, time, comments link, etc. (wikilog-summary-header -- customizable)

.wl-summary The summary text of the wikilog article. (wikilog-summary-more -- customizable, conditional)

.wl-summary-footer Optional. Contains the header of the summary entry, with authors, date, time, comments link, etc. (wikilog-summary-footer -- customizable)

.wl-entry [ .wl-draft ] ...    .wl-entry [ .wl-draft ] ... ...

.wl-navbar .wl-navbar-bottom Optional. The bottom navigation bar, with paging links to next/previous pages of articles. (wikilog-navigation-bar -- customizable, optional).

Comments page
The comments page of a wikilog article contains the standard page contents (usually blank, unless it was edited or viewing a single comment) followed by Wikilog-generated list of comments, with the following topography:

.wl-comments Wraps entire Wikilog-generated list of comments.

h2#wl-comments-header The "Comments" or "Replies" H2 heading.

.wl-threads Contains all threads of the comments page.

.wl-thread A single top-level comment and its thread (all its replies, recursively). ... (see below)

.wl-thread ... (see below) .wl-thread ... (see below) ...

#wl-comment-form The "add new comment" form that the user interacts with.

Visible comment
A single visible comment thread, an all the replies to such a comment, is formatted as follows:

.wl-thread Indents the comment and all its replies in a thread.

.wl-comment [ .wl-comment-pending | .wl-comment-deleted ] [ .wl-comment-by-anon | .wl-comment-by-user [ .wl-comment-by-author ] ] Contains the visible comment.

.wl-comment-header Optional. Contains the header of the comment, with author, date, time, etc. (wikilog-comment-header -- customizable) .wl-comment-text The comment text itself. .wl-comment-footer Optional. Contains the footer of the comment, with author, date, time, etc. (wikilog-comment-footer -- customizable) .wl-comment-tools Contains links related to the comment, like reply, page, edit, etc.

.wl-thread ... (recursive) .wl-thread ... (recursive) ...

Hidden comment
A single hidden comment thread, an all the replies to such a comment, is formatted as follows:

.wl-thread Indents the comment and all its replies in a thread.

.wl-comment [ .wl-comment-pending | .wl-comment-deleted ] [ .wl-comment-by-anon | .wl-comment-by-user [ .wl-comment-by-author ] ] Contains the hidden comment and its metadata.

.wl-comment-placeholder Placeholder of the hidden comment.

.wl-thread ... (recursive) .wl-thread ... (recursive) ...