forked from Decentrala/website
fix: layout on small screens
This commit is contained in:
parent
1e87f2be84
commit
571237f535
@ -51,15 +51,13 @@
|
|||||||
<a href="/pages/services.html">Servisi</a>
|
<a href="/pages/services.html">Servisi</a>
|
||||||
<a href="/pages/contact.html">Kontakt</a>
|
<a href="/pages/contact.html">Kontakt</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="copyleft">
|
<span class="links">
|
||||||
<span class="links">
|
|
||||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
||||||
alt="CreativeCommons"></a>
|
alt="CreativeCommons"></a>
|
||||||
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
||||||
<a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg"
|
<a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg"
|
||||||
alt="SourceCode"></a>
|
alt="SourceCode"></a>
|
||||||
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
|
<a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
|
||||||
</span>
|
|
||||||
</span>
|
</span>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
@ -40,7 +40,7 @@
|
|||||||
<a href="/pages/services.html">Servisi</a>
|
<a href="/pages/services.html">Servisi</a>
|
||||||
<a href="/pages/contact.html">Kontakt</a>
|
<a href="/pages/contact.html">Kontakt</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="copyleft">
|
<span class="links">
|
||||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
||||||
alt="CreativeCommons"></a>
|
alt="CreativeCommons"></a>
|
||||||
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
||||||
|
@ -33,7 +33,7 @@
|
|||||||
<a href="/pages/services.html">Servisi</a>
|
<a href="/pages/services.html">Servisi</a>
|
||||||
<a href="/pages/contact.html">Kontakt</a>
|
<a href="/pages/contact.html">Kontakt</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="copyleft">
|
<span class="links">
|
||||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
||||||
alt="CreativeCommons"></a>
|
alt="CreativeCommons"></a>
|
||||||
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
||||||
|
@ -38,7 +38,7 @@
|
|||||||
<a href="/pages/services.html">Servisi</a>
|
<a href="/pages/services.html">Servisi</a>
|
||||||
<a href="/pages/contact.html">Kontakt</a>
|
<a href="/pages/contact.html">Kontakt</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="copyleft">
|
<span class="links">
|
||||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
||||||
alt="CreativeCommons"></a>
|
alt="CreativeCommons"></a>
|
||||||
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
||||||
|
@ -81,7 +81,7 @@
|
|||||||
<a href="/pages/services.html">Servisi</a>
|
<a href="/pages/services.html">Servisi</a>
|
||||||
<a href="/pages/contact.html">Kontakt</a>
|
<a href="/pages/contact.html">Kontakt</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="copyleft">
|
<span class="links">
|
||||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
||||||
alt="CreativeCommons"></a>
|
alt="CreativeCommons"></a>
|
||||||
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
||||||
|
@ -33,7 +33,7 @@
|
|||||||
<a href="/pages/services.html">Servisi</a>
|
<a href="/pages/services.html">Servisi</a>
|
||||||
<a href="/pages/contact.html">Kontakt</a>
|
<a href="/pages/contact.html">Kontakt</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="copyleft">
|
<span class="links">
|
||||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
||||||
alt="CreativeCommons"></a>
|
alt="CreativeCommons"></a>
|
||||||
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
||||||
|
@ -89,7 +89,7 @@
|
|||||||
<a href="/pages/services.html">Servisi</a>
|
<a href="/pages/services.html">Servisi</a>
|
||||||
<a href="/pages/contact.html">Kontakt</a>
|
<a href="/pages/contact.html">Kontakt</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="copyleft">
|
<span class="links">
|
||||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
||||||
alt="CreativeCommons"></a>
|
alt="CreativeCommons"></a>
|
||||||
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
||||||
|
@ -34,7 +34,7 @@
|
|||||||
<a href="/pages/services.html">Servisi</a>
|
<a href="/pages/services.html">Servisi</a>
|
||||||
<a href="/pages/contact.html">Kontakt</a>
|
<a href="/pages/contact.html">Kontakt</a>
|
||||||
</span>
|
</span>
|
||||||
<span class="copyleft">
|
<span class="links">
|
||||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
|
||||||
alt="CreativeCommons"></a>
|
alt="CreativeCommons"></a>
|
||||||
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
<a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
|
||||||
|
@ -33,9 +33,9 @@ body {
|
|||||||
body {
|
body {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template:
|
grid-template:
|
||||||
"header" 10vh
|
"header" 4rem
|
||||||
"main" 1fr
|
"main" 1fr
|
||||||
"footer" 10vh
|
"footer" 4rem
|
||||||
/ 1fr;
|
/ 1fr;
|
||||||
gap: 0;
|
gap: 0;
|
||||||
font-family: 'Iosevka';
|
font-family: 'Iosevka';
|
||||||
@ -121,6 +121,11 @@ a:focus {
|
|||||||
|
|
||||||
.links {
|
.links {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
gap: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links > a:hover{
|
||||||
|
background-color: var(--bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#sections-button {
|
#sections-button {
|
||||||
@ -135,29 +140,21 @@ a:focus {
|
|||||||
border: 2px solid var(--border);
|
border: 2px solid var(--border);
|
||||||
background-color: var(--bg);
|
background-color: var(--bg);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: calc(10vh - 2px);
|
bottom: calc(4rem - 2px);
|
||||||
left: calc(0px - 2px);
|
left: calc(0px - 2px);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 2rem 3rem;
|
padding: 2rem 3rem;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.copyleft a,
|
.sections, #sections-menu {
|
||||||
|
font-variant: small-caps;
|
||||||
|
}
|
||||||
|
|
||||||
.sections a {
|
.sections a {
|
||||||
margin: 0 1rem 0 0;
|
margin: 0 1rem 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.copyleft a:hover,
|
|
||||||
.copyleft a:focus {
|
|
||||||
background-color: var(--bg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.copyleft {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
button {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: lighter;
|
font-weight: lighter;
|
||||||
@ -195,7 +192,11 @@ screen and (max-width: 1500px) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.links {
|
.links {
|
||||||
display: none;
|
gap: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.links a {
|
||||||
|
width: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
header,
|
header,
|
||||||
@ -206,4 +207,8 @@ screen and (max-width: 1500px) {
|
|||||||
#theme-switcher {
|
#theme-switcher {
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.account {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user