[Style] scroll fix
This commit is contained in:
coja
@@ -45,6 +45,7 @@
|
||||
<a class="lang" hreflang="en" href="/en/deconference">EN</a>
|
||||
</header>
|
||||
<main>
|
||||
<div class="page-wrap">
|
||||
<div class='cover-wrap'><img src='/img/students_bug.jpg' alt='Studenti su nasli bug' /></div><h1>Dekonferencija</h1>
|
||||
|
||||
<h2 id="program"><a href="#program">Program</a></h2>
|
||||
@@ -81,6 +82,7 @@
|
||||
|
||||
<p>Decentrala prihvata donacije isključivo od fizičkih lica.</p>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
|
||||
@font-face {
|
||||
font-family: "Iosevka";
|
||||
src: url('/font/iosevka-regular.woff') format('woff');
|
||||
src: url("/font/iosevka-regular.woff") format("woff");
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -39,7 +39,7 @@ body {
|
||||
"footer" 4rem
|
||||
/ 1fr;
|
||||
gap: 0;
|
||||
font-family: 'Iosevka';
|
||||
font-family: "Iosevka";
|
||||
}
|
||||
|
||||
header,
|
||||
@@ -65,33 +65,32 @@ main {
|
||||
padding: 3rem;
|
||||
font-size: 1.3rem;
|
||||
line-height: 2rem;
|
||||
max-width: 120ch;
|
||||
overflow: auto;
|
||||
.page-wrap {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
main h1 {
|
||||
max-width: 1152px;
|
||||
h1 {
|
||||
margin-bottom: 2rem;
|
||||
font-weight: normal;
|
||||
font-size: 1.5em;
|
||||
font-variant-caps: small-caps;
|
||||
}
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
main a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: var(--hightlight);
|
||||
text-decoration: line-through var(--text);
|
||||
}
|
||||
}
|
||||
|
||||
#logo {
|
||||
display: flex;
|
||||
@@ -100,11 +99,10 @@ a:focus {
|
||||
font-size: 2.5rem;
|
||||
font-weight: bold;
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
#logo img {
|
||||
img {
|
||||
width: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
#theme-switcher {
|
||||
border: 3px solid var(--border);
|
||||
@@ -112,12 +110,24 @@ a:focus {
|
||||
height: 1.5rem;
|
||||
border-radius: 3rem;
|
||||
margin-left: auto;
|
||||
background: linear-gradient(90deg, var(--border) 0%, var(--border) 50%, var(--bg) 51%, var(--bg) 100%);
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--border) 0%,
|
||||
var(--border) 50%,
|
||||
var(--bg) 51%,
|
||||
var(--bg) 100%
|
||||
);
|
||||
}
|
||||
|
||||
#theme-switcher:hover {
|
||||
border-color: var(--hightlight);
|
||||
background: linear-gradient(90deg, var(--hightlight) 0%, var(--hightlight) 50%, var(--bg) 51%, var(--bg) 100%);
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--hightlight) 0%,
|
||||
var(--hightlight) 50%,
|
||||
var(--bg) 51%,
|
||||
var(--bg) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.lang {
|
||||
@@ -135,15 +145,13 @@ a:focus {
|
||||
.links {
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.links>a {
|
||||
& > a {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.links>a>img {
|
||||
& > img {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#sections-button {
|
||||
display: none;
|
||||
@@ -171,8 +179,7 @@ button {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
@media screen and (max-height: 860px),
|
||||
screen and (max-width: 1500px) {
|
||||
@media screen and (max-height: 860px), screen and (max-width: 1500px) {
|
||||
#mesh {
|
||||
display: none;
|
||||
}
|
||||
@@ -209,11 +216,11 @@ screen and (max-width: 1500px) {
|
||||
|
||||
.links {
|
||||
gap: 1.2rem;
|
||||
}
|
||||
|
||||
.links a {
|
||||
a {
|
||||
width: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
header,
|
||||
footer {
|
||||
|
||||
@@ -4,8 +4,7 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<!--
|
||||
<pre>
|
||||
<!-- <pre>
|
||||
|
||||
*@@*
|
||||
*@@@@*
|
||||
@@ -27,8 +26,7 @@
|
||||
| |_| | |__| |___| |___| |\ | | | | _ < / ___ \| |___ / ___ \
|
||||
|____/|_____\____|_____|_| \_| |_| |_| \_\/_/ \_\_____/_/ \_\
|
||||
|
||||
</pre>
|
||||
-->
|
||||
</pre> -->
|
||||
|
||||
<link rel="stylesheet" href="/styles/reset.css" />
|
||||
<link rel="stylesheet" href="/styles/style.css" />
|
||||
@@ -40,14 +38,16 @@
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a id="logo" href="/en/index"
|
||||
><img src="/img/logo-light.svg" alt="Logo" /> Decentrala</a
|
||||
>
|
||||
<a id="logo" href="/en/index">
|
||||
<img src="/img/logo-light.svg" alt="Logo" /> Decentrala
|
||||
</a>
|
||||
<button id="theme-switcher"></button>
|
||||
<a class="lang" hreflang="sr" href="/PAGE_NAME">SR</a>
|
||||
</header>
|
||||
<main>
|
||||
<div class="page-wrap">
|
||||
<!--MAIN-->
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<button id="sections-button" opened="false">
|
||||
|
||||
@@ -45,7 +45,9 @@
|
||||
<a class="lang" hreflang="en" href="/en/PAGE_NAME">EN</a>
|
||||
</header>
|
||||
<main>
|
||||
<div class="page-wrap">
|
||||
<!--MAIN-->
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<button id="sections-button" opened="false"><img src="/img/strelica-closed-light.svg" alt="OpenMenu"></button>
|
||||
|
||||
Reference in New Issue
Block a user