Original
This commit is contained in:
parent
f87c3a32f6
commit
8f3ed98589
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue