diff options
Diffstat (limited to 'md')
-rw-r--r-- | md/53hor.net/include/nav.inc | 9 | ||||
-rw-r--r-- | md/53hor.net/include/styles.css | 57 |
2 files changed, 57 insertions, 9 deletions
diff --git a/md/53hor.net/include/nav.inc b/md/53hor.net/include/nav.inc index 5150512..1022fc5 100644 --- a/md/53hor.net/include/nav.inc +++ b/md/53hor.net/include/nav.inc @@ -1,4 +1,9 @@ <nav id="topnav"> -<p>the topnav test</p> - +<ul> + <li><a href="/">Home</a></li> + <li><a href="/db">Database</a></li> + <li><a href="http://youtube.com/my53hornet">YouTube</a></li> + <li><a href="/journal">Journal</a></li> + <li><a href="/contact">Contact</a></li> +</ul> </nav> diff --git a/md/53hor.net/include/styles.css b/md/53hor.net/include/styles.css index 3222b01..f7322a7 100644 --- a/md/53hor.net/include/styles.css +++ b/md/53hor.net/include/styles.css @@ -1,32 +1,75 @@ +/* stylesheet for 53hor.net */ + +:root { + /* custom colors */ + --balboa:#1a5a72; +} + #TOC { position: fixed; + width: 25%; + height: 100%; } #TOC ul { + list-style-type: disc; + color: var(--balboa); + overflow: hidden; + padding-left: 1em; +} + +#TOC li a { + text-decoration: none; + display: block; + color: black; +} + +#topnav { + +} + +#topnav ul { list-style-type: none; margin: 0; padding: 0; - width: 25%; + overflow: hidden; position: fixed; - height: 100%; - overflow: auto; + top: 0; + width: 100%; + background-color: var(--balboa); } -#TOC li a { +#topnav li { + float: left; + padding: 0; +} + +#topnav li a { display: block; + text-align: center; padding: 1em 1em; text-decoration: none; + color: white; } -#topnav { - display: inline-block; - +#topnav li a:hover { + color: var(--balboa); + background-color: white; } article { margin-left: 25%; + margin-top: 4em; } body { padding: 0; + margin: 0; +} + +p { + font-size: 0.8em; + font-weight 400; + text-align: justify; + text-indent: 1em; } |