dev

BalancedTL is a set of styles designed for designing title pages and templates. Uses the same design solutions as the entire "Balanced" lineup.

Usage

BalancedTL contains a set of classes (and their parameters) that use wiki colors (accent color, primary color, secondary color, link color, etc.) to describe templates. Here's an example of a homepage created entirely with BalancedTL; you can see that all the templates there share a consistent, modern style and automatically adapt to both dark and light themes. They even work properly on mobile! This will be the case for any wiki where you install BalancedTL and start creating templates with it.

hummel-box

A fairly easy-to-use class that comes with a set of parameters that allow you to create a variety of different-looking data box templates. Of course, you can combine the parameters. Examples:

In all the above templates, the parameters are specified immediately after the hummel-box: left-border, right-border, linker, info, and so on. The exception is hummel-header, which refers to the header.

hummel-navi

A more complex class. Let's say you want to create navigation on the main page to the main aspects of your wiki. This is usually done in the form of a gallery with images and captions, where clicking on an image redirects you to a specific location. This class and its parameters will make your navigation more beautiful and responsive. Examples:

All of these variations are achieved using the not-rounded, full-sized and not-adjusted parameters, which are only applied to hummel-navi.

hummel-gallery

On a wiki about cartoons and TV shows, it's sometimes necessary to add featured photos from a storyboard to an article, and in such cases, the gallery consists of multiple photos with identical proportions (meaning all photos have the same width and height). In this case, a scrollbox template can be useful, allowing you to beautifully design this gallery without wasting space, as well as create higher-quality thumbnails. A good example can be found here.


Installation

See also


Text above can be found here (edit)