Noratrieb/hugos-lieblingsflugzeuge
1
0
Fork 0
mirror of https://github.com/Noratrieb/hugos-lieblingsflugzeuge.git synced 2026-01-14 11:45:04 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

better nav

Browse source
This commit is contained in:
Nilstrieb 2021-02-16 17:23:37 +01:00
parent 9c7a6858ef
commit 51646d73fd
1 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/app.css
View file

@ -20,7 +20,7 @@ main {
} }
:root { :root {
--nav-hover-color: darkgrey; --nav-hover-color: #8997b3;
} }
header { header {
@ -29,13 +29,14 @@ header {
top: 0; top: 0;
width: 100%; width: 100%;
z-index: 1; z-index: 1;
background-color: #282c34;
overflow: visible;
display: grid; display: grid;
grid-template-columns: 500px auto; grid-template-columns: 500px auto;
overflow: visible; padding-top: 10px;
margin-top: 10px;
margin-left: 10px; margin-left: 10px;
height: 50px;
} }
header h1 { header h1 {
@ -54,7 +55,6 @@ nav {
padding: 0; padding: 0;
overflow: visible; overflow: visible;
display: inline-block; display: inline-block;
} }
/*main ul*/ /*main ul*/
@ -74,6 +74,7 @@ nav ul li {
font-size: 1.8em; font-size: 1.8em;
cursor: pointer; cursor: pointer;
margin: auto; margin: auto;
} }
@ -107,7 +108,7 @@ nav ul li .content {
display: none; display: none;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
background-color: #282c34; background-color: #3b414d;
} }
/*drop menu main hover*/ /*drop menu main hover*/
@ -119,3 +120,8 @@ nav ul li:hover .content {
nav ul li .content a { nav ul li .content a {
padding: 8px 0 8px 0; padding: 8px 0 8px 0;
} }
footer {
margin-left: 10px;
margin-bottom: 100px;
}