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