Verified Commit f7bb4f07 authored by Laurent Heirendt's avatar Laurent Heirendt
Browse files

changes to css and footer

parent 9638ad92
<style>
#edp-cookies-banner {
position: relative;
bottom: 0;
background-color: #034ea2;
padding: 1em;
z-index: 1000;
position: relative;
bottom: 0;
background-color: #fff;
padding: 1em;
z-index: 1000;
border: 2px;
border-style: solid;
border-left: none;
border-top-color: #198cdc;
border-right: none;
border-bottom: none;
text-align: center;
}
#edp-cookies-banner h3 {
margin: 0 0 0.5rem 0;
color: white;
}
@media (max-width: 991px) {
#edp-cookies-banner h3 {
......@@ -16,9 +22,8 @@ position: relative;
}
}
#edp-cookies-banner .banner-text {
float: left;
max-width: 85%;
max-width: calc(100% - 200px);
float: center;
min-height: 60px;
}
@media (max-width: 991px) {
#edp-cookies-banner .banner-text {
......@@ -27,12 +32,7 @@ position: relative;
max-width: 100%;
}
}
#edp-cookies-banner .banner-text p {
margin: 0;
color: white;
}
#edp-cookies-banner .banner-text p a {
display: inline-block;
text-decoration: underline;
color: #84c4f1;
}
......@@ -40,14 +40,14 @@ position: relative;
color: #198cdc;
}
#edp-cookies-banner .banner-buttons {
float: right;
float: center;
line-height: 54px;
}
@media (max-width: 991px) {
#edp-cookies-banner .banner-buttons {
float: inherit;
text-align: center;
max-width: 100%;
margin-top: 1rem;
}
}
#edp-cookies-banner .banner-buttons .edp-cookies-accept,
......@@ -60,16 +60,12 @@ position: relative;
#edp-cookies-banner .banner-buttons .edp-cookies-more:hover {
background: white;
color: #198cdc !important;
border: 1px solid #198cdc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.btn.btn-default {
color: #333 !important;
}
.btn-default {
color: #333;
background-color: #D9EDF7;
border-color: #85c5e5;
}
.btn {
display: inline-block;
margin-bottom: 0;
......@@ -100,6 +96,7 @@ position: relative;
border-radius: 0;
transition: 0.3s ease all;
}
</style>
{% comment %}
......
......@@ -38,12 +38,12 @@
<div id="edp-cookies-banner">
<div class="banner-text">
<p>This website needs some cookies and similar means to function.<br>
If you permit us, we will use those means to collect data on your visits for aggregated statistics to improve our service.<br>
Moreover, we use YouTube for showing videos, which will use cookies and similar means only if you decide to watch them.</p>
If you permit us, we will use those means to collect data on your visits for aggregated statistics to improve our service.</p>
</div>
<div class="banner-buttons">
<button class="btn btn-default edp-cookies-refuse" type="button">Accept cookies for aggregated statistics</button>
<button class="btn btn-default edp-cookies-refuse" type="button">No thanks, only technically necessary cookies</button>
<button class="btn edp-cookies-refuse" type="button">Accept cookies for aggregated statistics</button>
<button class="btn edp-cookies-refuse" type="button">No thanks, only technically necessary cookies</button>
<a class="btn btn-default edp-cookies-more" href="/about-edps/legal-notices_en">More information</a>
</div>
</div>
\ No newline at end of file
</div>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment