V2 #1
@ -10,7 +10,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<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">
|
||||
<a class="navbar-brand" href="/">{{ web_log.name }}</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
|
||||
@ -55,10 +55,10 @@
|
||||
{% endif %}
|
||||
{{ content }}
|
||||
</main>
|
||||
<footer>
|
||||
<footer class="position-fixed bottom-0 w-100">
|
||||
<div class="container-fluid">
|
||||
<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>
|
||||
</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;
|
||||
border-top: solid 1px black;
|
||||
color: white;
|
||||
|
Loading…
Reference in New Issue
Block a user