Help:Wikilog styling

From EduTech Wiki
Jump to: navigation, search
Wikilog.pngWikilog user manualIntroductionWikilogsArticlesAdvanced
Special:WikilogEmbeddingStyling

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.

1 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.

(wikilog-item-brief-header -- customizable)

.wl-summary
The summary text of the wikilog article.

(wikilog-item-more -- customizable, conditional)

(wikilog-item-brief-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).

2 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.

2.1 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 and its metadata.

.wl-comment-meta
The user name, timestamp, status and actions on the comment.

.wl-comment-text
The comment text itself.

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

...

2.2 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)

...

This page is part of the Wikilog extension user manual, which is licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License. The original text is available at the extension site.