Fixed navbar being intrusive in lynx

This commit is contained in:
Zergling_man 2022-05-31 00:58:14 +10:00
parent 743d6ec5ca
commit 678204ec71
2 changed files with 10 additions and 3 deletions

View File

@ -10,10 +10,10 @@
</script>Need to add a timer to remove it first. I'm not *that* mean. Credit: https://soc.punktrash.club/objects/bfe4fc29-96d5-4f90-9f9e-4092e7c273a4-->
</head>
<body>
{{ nav }}
<main>
{% autoescape off %}{{ content }}{% endautoescape %}
</main>
<p class="foot">Page last updated {{ date }}</p>
{{ nav }}
</body>
</html>

View File

@ -5,6 +5,10 @@ body
margin: 0px;
padding: 0px;
/*Move navbar to the bottom and use flex to reorder it to the top, so it isn't as intrusive without CSS.*/
display: flex;
flex-direction: column;
}
nav
@ -21,6 +25,7 @@ nav
display: inline-block;
background-color: #9999ff;
order: 1; /*flex thing*/
}
main
@ -41,6 +46,7 @@ main
margin-right: auto;
border: 2px solid;
text-align: center;
order: 2; /*flex thing*/
}
main *
@ -64,7 +70,7 @@ li.navpiece
position:relative;
}
a.navpiece, div.navpiece
a.navpiece/*, div.navpiece Apparently this wasn't doing anything either.*/
{
text-decoration-line:none;
display: table-cell;
@ -123,7 +129,8 @@ h1
background-color: #cccccc;
float: right;
margin-left: auto;
margin-right: auto;
margin-right: 0; /* Need to set this for flex thing*/
border: 2px solid;
text-align: center;
order: 3; /*flex thing*/
}