palo
/
tech-ingolf-wagner-de
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add navigation bar

master
Ingolf Wagner 2018-09-28 18:10:42 +02:00
parent 39e441db10
commit 218e7f9ada
3 changed files with 56 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
themes/first/layouts/_default/baseof.html
View File

@ -1,18 +1,26 @@
<html>
<head>
<title> {{ .Title }} </title>
<link href="https://fonts.googleapis.com/css?family=Dosis|Inconsolata|Libre+Baskerville" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
{{ block "main" . }}
empty
{{ end }}
<div class="nav">
<ul >
<li> <a href="/">main</a> </li>
</ul>
</div>
<div class="content">
{{ block "main" . }}
empty
{{ end }}
</div>
</body>

3
themes/first/src/css/color.less
View File

@ -9,3 +9,6 @@
@color-comparison-good: #ABE953;
@color-comparison-ok: #E9E653;
@color-comparison-bad: #E96D53;
@color-nav-background: #333;
@color-nav-text: white;

44
themes/first/src/css/main.less
View File

@ -6,18 +6,54 @@
@import "color.less";
@import "media-types.less";
body {
margin: 0px;
}
body .content {
width: 100%;
margin: auto;
margin: 0px;
font-family: @font-normal;
}
@media @desktop {
body {
width: 50em;
margin: auto;
.content {
width: 50em;
margin: auto;
}
div.nav ul {
width: 50em;
margin: auto;
}
}
}
body div.nav {
margin: 0px;
width: 100%;
background-color: @color-nav-background;
ul {
width: 100%;
list-style-type: none;
padding: 0;
overflow: hidden;
background-color: @color-nav-background;
color: @color-nav-text;
li {
float: left;
a {
display: block;
text-align: center;
padding: 14px 16px;
text-decoration: none;
color: @color-nav-text;
}
}
}
}