sidebar looks ok now
This commit is contained in:
parent
84b2289f15
commit
7cbe1017d8
|
@ -3,7 +3,7 @@
|
||||||
|
|
||||||
<title> {{ .Title }} </title>
|
<title> {{ .Title }} </title>
|
||||||
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Dosis|Inconsolata|Libre+Baskerville|Lato|Zilla+Slab" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Abel|Dosis|Inconsolata|Libre+Baskerville|Lato|Zilla+Slab" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="/css/main.css">
|
<link rel="stylesheet" href="/css/main.css">
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -1,10 +1,12 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
<ul>
|
<ul>
|
||||||
{{ range .Pages }}
|
{{ range .Pages }}
|
||||||
<li> <a href="{{.URL}}"> {{ .Title }} </a> </li>
|
<li> <a href="{{.URL}}"> {{ .Title }} </a> </li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
@ -15,3 +15,5 @@
|
||||||
@color-nav-background: rgb(0, 0, 5);
|
@color-nav-background: rgb(0, 0, 5);
|
||||||
@color-nav-text: rgb(255, 255, 255);
|
@color-nav-text: rgb(255, 255, 255);
|
||||||
@color-nav-item-border: rgb(59, 206, 59);
|
@color-nav-item-border: rgb(59, 206, 59);
|
||||||
|
|
||||||
|
@color-sidebar-font: rgb(0, 0, 0);
|
|
@ -3,4 +3,6 @@
|
||||||
@font-header: ~"'Zilla Slab', serif";
|
@font-header: ~"'Zilla Slab', serif";
|
||||||
@font-height: 1.7em;
|
@font-height: 1.7em;
|
||||||
|
|
||||||
|
@font-sidebar: ~"'Abel', sans-serif";
|
||||||
|
|
||||||
@font-nav: ~"'Lato', sans-serif";
|
@font-nav: ~"'Lato', sans-serif";
|
||||||
|
|
|
@ -31,7 +31,6 @@ body {
|
||||||
grid-area: headerright;
|
grid-area: headerright;
|
||||||
background-color: @color-nav-background;
|
background-color: @color-nav-background;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav#main {
|
nav#main {
|
||||||
grid-area: header;
|
grid-area: header;
|
||||||
background-color: @color-nav-background;
|
background-color: @color-nav-background;
|
||||||
|
@ -68,6 +67,21 @@ body {
|
||||||
|
|
||||||
body nav#TableOfContents {
|
body nav#TableOfContents {
|
||||||
grid-area: sidebar;
|
grid-area: sidebar;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin-left: .0em;
|
||||||
|
padding-left: .6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
font-family: @font-sidebar;
|
||||||
|
|
||||||
|
color: @color-sidebar-font;
|
||||||
|
|
||||||
|
a:link,a:visited,a:hover,a:active {
|
||||||
|
text-decoration: none;
|
||||||
|
color: @color-sidebar-font;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.block-grid(){
|
.block-grid(){
|
||||||
|
|
Loading…
Reference in a new issue