Demonstration Page

Showing The Results Of Current Styling

Level One Header

This page demonstrates what the current styling (CSS) of this Feather Wiki looks like in practice. You can make changes in the Custom CSS (or by using the <style></style> element in this page itself) and see how it looks.

Level Two Header

The color scheme is laid out in the top of the Custom CSS area on the Settings page. Plugging in a new list of colors (be sure to keep the variable names the same!) will immediately change the entire color scheme of the wiki. There are numerous other settings you can adjust, customize, or delete if you want. Feather Wiki is simple, flexible, and way more powerful than you might first think. The Feather Wiki Gallery page has many examples of how people have used it.

You may notice that some stuff at the top of the Wiki Settings page are covered by the header on that page. I have not gotten around to chasing down the CSS to fix that. In the meantime, you can temporarily get rid of it by changing the --hdr-visible variable in the Custom CSS (near the top) to hidden (and switch it back when you are done editing if you want to show the header).

List item number one
Another list item

This Feather Wiki file is now my "default" baseline empty wiki that I start with to make a new wiki. It contains the customizations that I prefer and generally end up adding in. This way, theoretically, I can fire up a wiki and immediately start filling with content. Go to Wki Settings and turn off the Save buttons (at the bottom) to see the clean lines. You can also optionally turn the tabs in the sidebar off if you want to.

Transcluded Details/Summary element

{{detsum|raw}}

A Simply-styled Details element

This one has det-simple styling added.

Here is a clickable link to [[the Details page|detsum]] from the details/summary item above. The CSS to have a simple flat sidebar is in the Wiki Settings Custom CSS section of this file if you need it. I feel that having the extra definitions on hand makes it easier to get started, especially for people, like me, with limited programming experience. It makes the file slightly larger, but Feather Wiki is so incredibly light weight that you can afford to be sloppy around the edges and it is still small and quick. Feather Wiki is extremely powerful and yet forgiving to novices/noobies who just want to get something done and yet also offers great opportunities to learn more.

Everything below this point is just lorem ipsem to let me see how the paragraphs & headers look.

Nulla iaculis pharetra purus, vel porttitor mauris mollis iaculis. Sed at feugiat metus. Sed auctor nec justo et tincidunt. Donec hendrerit vel quam sit amet tempor. Maecenas iaculis justo a ligula fermentum tincidunt. Curabitur ut purus dignissim, venenatis risus vitae, lobortis dui. Maecenas eu metus et ligula sollicitudin placerat eget et felis. Nulla ultrices ipsum velit, et sollicitudin diam rutrum.

Fusce ullamcorper nec est sit amet dignissim. Aenean ullamcorper non nisl nec dignissim. Donec non suscipit ligula, eu volutpat lectus. Sed nec tempus orci. Donec nec viverra quam. Praesent laoreet vulputate dolor, ac rhoncus massa luctus in. Integer pharetra metus vitae ipsum ullamcorper tempus. Donec sit amet nulla fringilla, aliquet turpis et, ornare velit. Nulla vel orci nisi.

Donec tortor quam, vehicula sed sapien et, bibendum malesuada arcu. Proin ullamcorper fermentum quam vel rhoncus. Fusce venenatis ipsum at ipsum hendrerit cursus. Cras vitae sapien sit amet magna tristique vestibulum eget sed dolor. Phasellus molestie, nulla vel faucibus rhoncus, nisl ex placerat neque, eget porttitor eros odio vel libero. Suspendisse finibus accumsan mauris, quis blandit libero accumsan.

Maecenas condimentum ligula vitae volutpat ultrices. Donec lacinia rhoncus nisl, ac pretium turpis bibendum sit amet. Ut accumsan et justo quis vulputate. Etiam eu sapien nibh. Vestibulum finibus rhoncus risus tempus laoreet. Phasellus convallis urna sed velit luctus, in vulputate magna condimentum. Sed quis varius magna. Nulla sed elit ac urna posuere pellentesque a vitae nisi. Morbi rutrum nibh gravida enim accumsan imperdiet. Quisque vehicula, arcu eget suscipit volutpat, ante neque egestas tortor, non molestie neque odio ut ante.

Level Three Header

In venenatis lacus vel luctus bibendum. Quisque faucibus elit sed metus convallis, in dignissim est pharetra. Aenean mattis tincidunt nulla. Sed tempus, sem quis placerat volutpat, mi neque aliquam diam, vitae convallis est sapien vitae ligula. Integer nec condimentum sapien, ut consectetur dolor. Quisque fringilla lorem eros, vitae mattis nisi vehicula eget. Donec consequat dolor justo, nec feugiat tortor tristique non.

Level Four Header

Suspendisse vel sagittis diam. Phasellus eget vestibulum nibh, feugiat tempus magna. Mauris aliquam, quam vestibulum volutpat tempus, ligula ante porta sapien, bibendum tincidunt massa ipsum lacinia orci. Ut consectetur augue quis erat egestas finibus. Etiam iaculis eu lorem ac mattis. Aliquam ac lectus ipsum. Morbi efficitur accumsan erat, quis rhoncus magna luctus ut. Sed pulvinar dui nec lacinia laoreet.

Level Five Header

Donec eget mauris urna. Pellentesque eget turpis ut tellus vestibulum cursus sit amet ac nibh. Donec semper sem nec nibh vehicula, gravida viverra enim dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vivamus interdum fermentum elit, et congue erat. Aliquam eros mi, blandit at vulputate eu, interdum sed orci. Nullam quis purus mauris.

Level Six Header

Donec tortor quam, vehicula sed sapien et, bibendum malesuada arcu. Proin ullamcorper fermentum quam vel rhoncus. Fusce venenatis ipsum at ipsum hendrerit cursus. Cras vitae sapien sit amet magna tristique vestibulum eget sed dolor. Phasellus molestie, nulla vel faucibus rhoncus, nisl ex placerat neque, eget porttitor eros odio vel libero. Suspendisse finibus accumsan mauris, quis blandit libero accumsan.