<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="stylesheet" href="local.css" type="text/css" /> </head> <body> <div class="page"> <div class="pageheader"> <div class="header"> <span> <span class="parentlinks"> <a href="./index.html">ikiwiki</a>/ </span> <span class="title"> CSS </span> </span> </div> </div> <div id="pagebody"> <div id="content" role="main"> <h2>Using CSS with ikiwiki</h2> <p>Ikiwiki comes with two CSS stylesheets: <a href="./style.css">style.css</a> and <a href="./local.css">local.css</a>. The idea is to customize the second one, overriding the first one and defining brand new rendering rules.</p> <p>While ikiwiki's default use of stylesheets is intentionally quite plain and minimalistic, CSS allows creating any kind of look you can dream up.</p> <p>The <a href="./plugins/theme.html">theme plugin</a> provides some prepackaged <a href="./themes.html">themes</a> in an easy to use way.</p> <p>The <a href="./css_market.html">css market</a> page is an attempt to collect user contributed local.css files.</p> <h2>Per-page CSS</h2> <p>The <a href="./plugins/meta.html">meta</a> plugin can be used to add additional style sheets to a page.</p> <p>The <a href="./plugins/localstyle.html">localstyle</a> plugin can be used to override the toplevel <a href="./local.css">local.css</a> for a whole section of the wiki.</p> </div> </div> <div id="footer" class="pagefooter" role="contentinfo"> <div id="pageinfo"> <div id="backlinks"> Links: <a href="./features.html">features</a> <a href="./plugins/localstyle.html">plugins/localstyle</a> <a href="./plugins/theme.html">plugins/theme</a> <a href="./theme_market.html">theme market</a> <a href="./themes.html">themes</a> </div> <div class="pagedate"> Last edited <span class="date">Tue Feb 26 23:01:54 2019</span> <!-- Created <span class="date">Tue Feb 26 23:01:54 2019</span> --> </div> </div> <!-- from ikiwiki --> </div> </div> </body> </html>