make breadcrumbs nicer

The breadcrumb replaces the line originally below the header when empty
parent ba548926
......@@ -187,3 +187,19 @@ table { font-size: inherit; } /* why the heck does chrome override font-size for
#content div.caution { background-image: url("smileys/admon-caution.png"); }
#content div.warning { background-image: url("smileys/admon-warning.png"); }
/* admonition end */
.breadcrumb {
padding: 1px 0 0 0;
border-bottom: none;
padding-inline-start: 0px;
}
.breadcrumb li {
padding: 8px 0 8px 8px;
}
.breadcrumb li::before {
padding: 0 5px 0 0;
}
.page-header {
border-bottom: none;
margin: 40px 0 0;
}
......@@ -100,15 +100,14 @@
<header class="page-header">
<ol class="breadcrumb">
<TMPL_LOOP NAME="PARENTLINKS">
<TMPL_UNLESS NAME="DEPTH_0">
<li><a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a></li>
</TMPL_UNLESS>
</TMPL_LOOP>
</ol>
<h1><TMPL_VAR TITLE></h1>
<ol class="breadcrumb">
<TMPL_LOOP NAME="PARENTLINKS">
<TMPL_UNLESS NAME="DEPTH_0">
<li><a href="<TMPL_VAR URL>"><TMPL_VAR PAGE></a></li>
</TMPL_UNLESS>
</TMPL_LOOP>
</ol>
</header>
<TMPL_VAR CONTENT>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment