Fixed navbar being intrusive in lynx
This commit is contained in:
parent
743d6ec5ca
commit
678204ec71
|
@ -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>
|
|
@ -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*/
|
||||
}
|
Loading…
Reference in New Issue
Block a user