fix: color and header
This commit is contained in:
parent
2bcf537706
commit
0b18eae2cf
4 changed files with 39 additions and 5 deletions
|
@ -62,6 +62,24 @@ body, #wrapper
|
||||||
height: 3em;
|
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
|
.btn-facebook
|
||||||
{
|
{
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
|
@ -139,7 +139,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-nav>.sidebar-brand a {
|
.sidebar-nav>.sidebar-brand a {
|
||||||
color: #999999;
|
color: #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-nav>.sidebar-brand a:hover {
|
.sidebar-nav>.sidebar-brand a:hover {
|
||||||
|
|
|
@ -42,18 +42,34 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
{% set header_page = pages.find('/header') %}
|
||||||
<div id="wrapper" class="d-flex flex-column">
|
<div id="wrapper" class="d-flex flex-column">
|
||||||
{% include 'partials/navbar.html.twig' %}
|
{% include 'partials/navbar.html.twig' %}
|
||||||
<div class="content-wrapper flex-fill">
|
<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="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 %}
|
{% block content %}{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</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 %}
|
{% block footer %}
|
||||||
<footer class="container-fluid bg-dark text-light py-3">
|
<footer class="container-fluid text-light py-3">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<p class="mx-auto">
|
<p class="mx-auto">
|
||||||
<a href="/impressum">Impressum</a>
|
<a href="/impressum">Impressum</a>
|
||||||
|
|
|
@ -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">
|
||||||
<div id="menu-toggle-icon">
|
<div id="menu-toggle-icon">
|
||||||
<i class="fas fa-2x fa-bars"></i>
|
<i class="fas fa-2x fa-bars"></i>
|
||||||
|
|
Loading…
Reference in a new issue