Zergling_man/rakkapy
Zergling_man/rakkapy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed navbar being intrusive in lynx

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
main/templates/main/temp.html
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--> </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> </head>
<body> <body>
{{ nav }}
<main> <main>
{% autoescape off %}{{ content }}{% endautoescape %} {% autoescape off %}{{ content }}{% endautoescape %}
</main> </main>
<p class="foot">Page last updated {{ date }}</p> <p class="foot">Page last updated {{ date }}</p>
{{ nav }}
</body> </body>
</html> </html>

11
static/theme.css
View File

@ -5,6 +5,10 @@ body
margin: 0px; margin: 0px;
padding: 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 nav
@ -21,6 +25,7 @@ nav
display: inline-block; display: inline-block;
background-color: #9999ff; background-color: #9999ff;
order: 1; /*flex thing*/
} }
main main
@ -41,6 +46,7 @@ main
margin-right: auto; margin-right: auto;
border: 2px solid; border: 2px solid;
text-align: center; text-align: center;
order: 2; /*flex thing*/
} }
main * main *
@ -64,7 +70,7 @@ li.navpiece
position:relative; position:relative;
} }
a.navpiece, div.navpiece a.navpiece/*, div.navpiece Apparently this wasn't doing anything either.*/
{ {
text-decoration-line:none; text-decoration-line:none;
display: table-cell; display: table-cell;
@ -123,7 +129,8 @@ h1
background-color: #cccccc; background-color: #cccccc;
float: right; float: right;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: 0; /* Need to set this for flex thing*/
border: 2px solid; border: 2px solid;
text-align: center; text-align: center;
order: 3; /*flex thing*/
} }