fix: color and header

This commit is contained in:
Tobias Reisinger 2020-02-04 02:34:36 +01:00
parent 2bcf537706
commit 0b18eae2cf
4 changed files with 39 additions and 5 deletions

View file

@ -62,6 +62,24 @@ body, #wrapper
height: 3em;
}
header div.row-fixed-h,
header img
{
height: 5rem;
overflow: hidden;
}
.bg-ro
{
background-color: #2b3bb4 !important;
}
footer.bg-ro a
{
color: #fff;
text-decoration: underline;
}
.btn-facebook
{
color: #fff;

View file

@ -139,7 +139,7 @@
}
.sidebar-nav>.sidebar-brand a {
color: #999999;
color: #eee;
}
.sidebar-nav>.sidebar-brand a:hover {

View file

@ -42,18 +42,34 @@
{% endblock %}
</head>
<body>
{% set header_page = pages.find('/header') %}
<div id="wrapper" class="d-flex flex-column">
{% include 'partials/navbar.html.twig' %}
<div class="content-wrapper flex-fill">
<main class="container-fluid py-5 clearfix">
<header class="p-2 bg-ro text-white">
<div class="container">
<div class="row row-fixed-h mb-2">
<a href="/" class="col-12">
{% include 'partials/logo.html.twig' with {style: 'filter: invert(100%); margin-right: 0.5rem;'} %}
{% for media_item in header_page.media.images %}
<img src="{{ media_item.quality(15).url }}" />
{% endfor %}
</a>
</div>
<div class="row">
{{ header_page.content }}
</div>
</div>
</header>
<main class="container-fluid clearfix">
<div class="container py-5">
{% block content %}{% endblock %}
</div>
</main>
</div>
<footer class="container-fluid w-100 bg-dark text-light py-3 content-wrapper">
<footer class="container-fluid w-100 bg-ro text-light py-3 content-wrapper">
{% block footer %}
<footer class="container-fluid bg-dark text-light py-3">
<footer class="container-fluid text-light py-3">
<div class="row">
<p class="mx-auto">
<a href="/impressum">Impressum</a>

View file

@ -1,4 +1,4 @@
<nav id="sidebar-wrapper" class="navbar bg-dark">
<nav id="sidebar-wrapper" class="navbar bg-ro">
<div id="menu-toggle">
<div id="menu-toggle-icon">
<i class="fas fa-2x fa-bars"></i>