V2 #1
|
@ -10,7 +10,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<nav class="navbar navbar-dark bg-dark navbar-expand-md justify-content-start px-2">
|
<nav class="navbar navbar-dark bg-dark navbar-expand-md justify-content-start px-2 position-fixed top-0 w-100">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<a class="navbar-brand" href="/">{{ web_log.name }}</a>
|
<a class="navbar-brand" href="/">{{ web_log.name }}</a>
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
|
||||||
|
@ -55,10 +55,10 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer class="position-fixed bottom-0 w-100">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-12 text-end"><img src="/img/logo-light.png" alt="myWebLog"></div>
|
<div class="col-xs-12 text-end"><img src="/img/logo-light.png" alt="myWebLog" width="120" height="34"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
@ -1,4 +1,30 @@
|
||||||
footer {
|
:root {
|
||||||
|
--dark-gray: #212529;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
background-color: var(--dark-gray);
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
scrollbar-width: thin;
|
||||||
|
scrollbar-color: var(--dark-gray) gray;
|
||||||
|
padding-top: 3rem;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
}
|
||||||
|
body::-webkit-scrollbar {
|
||||||
|
width: 12px;
|
||||||
|
}
|
||||||
|
body::-webkit-scrollbar-track {
|
||||||
|
background: gray;
|
||||||
|
}
|
||||||
|
body::-webkit-scrollbar-thumb {
|
||||||
|
background-color: var(--dark-gray);
|
||||||
|
border-radius: 20px;
|
||||||
|
border: 3px solid gray;
|
||||||
|
}
|
||||||
|
header nav {
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
background-color: #808080;
|
background-color: #808080;
|
||||||
border-top: solid 1px black;
|
border-top: solid 1px black;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user