This commit is contained in:
notplants 2022-07-16 20:56:24 +02:00
parent f87c3a32f6
commit 8f3ed98589
2 changed files with 15 additions and 5 deletions

View File

@ -54,26 +54,33 @@ main {
.nav-links { .nav-links {
width: 100%; width: 100%;
max-width: 275px; max-width: 290px;
margin: auto; margin: auto;
justify-content: space-between; justify-content: space-between;
margin-bottom: 20px; margin-bottom: 20px;
margin-top: 25px; margin-top: 25px;
display: flex;
} }
.nav-link { .nav-link {
color: #5f00b0; color: #5f00b0;
padding-bottom: 2px; padding-bottom: 2px;
border-bottom: 1px solid #5f00b0; border-bottom: 1px solid #5f00b0;
line-height: 48px; line-height: 32px;
margin-right: 20px; margin-right: 25px;
display: inline; display: inline;
} }
.nav-link:hover { .nav-link:hover {
background-color: yellow; background-color: yellow;
}
.nav-link.left-link {
} }
.nav-link.right-link { .nav-link.right-link {
margin-right: 0px; margin-right: 0px;
} }
.nav-link.center-link {
/*margin-right: 25px;*/
}
@media (max-width: 800px) { @media (max-width: 800px) {
.center-pane { .center-pane {
@ -153,6 +160,9 @@ a {
color: #8900ff; color: #8900ff;
*text-decoration: none; *text-decoration: none;
} }
a:hover {
background-color: yellow;
}
:lang(de) { :lang(de) {
display: none; display: none;

View File

@ -41,13 +41,13 @@
<div class="nav-links" lang="en"> <div class="nav-links" lang="en">
<a class="nav-link" href="/en/">about</a> <a class="nav-link" href="/en/">about</a>
<a class="nav-link" href="/en/documentation">documentation</a> <a class="nav-link center-link" href="/en/documentation">documentation</a>
<a class="nav-link right-link" href="/en/contact">contact</a> <a class="nav-link right-link" href="/en/contact">contact</a>
</div> </div>
<div class="nav-links" lang="de"> <div class="nav-links" lang="de">
<a class="nav-link" href="/de/">über</a> <a class="nav-link" href="/de/">über</a>
<a class="nav-link" href="/de/documentation">dokumentation</a> <a class="nav-link center-link" href="/de/documentation">dokumentation</a>
<a class="nav-link right-link" href="/de/contact">kontakt</a> <a class="nav-link right-link" href="/de/contact">kontakt</a>
</div> </div>