Verified Commit 52a7df8a authored by Laurent Heirendt's avatar Laurent Heirendt
Browse files

fixes in footer (center etc)

parent b56040bc
......@@ -9,29 +9,42 @@
</div>
{% comment %}This is used to generate share URL for howto-pages{% endcomment %}
<div class="footer-text-container">
{% if page.shortcut %}
<p class="site-footer-share">Share this page:
<a href="{{ site.share_url }}{{ page.shortcut }}">
{{ site.share_url }}{{ page.shortcut }}
</a>
</p>
<p>
Share this page:
<a href="{{ site.share_url }}{{ page.shortcut }}">
{{ site.share_url }}{{ page.shortcut }}
</a>
</p>
{% elsif page.include_link %}
{% assign parts = page.url | absolute_url | replace: ".html", "" | replace: "http://", "" | replace: "https://", "" | split: "/" %}
<p class="site-footer-share">Share this page:
<a href="{{ site.share_url }}{{ parts[site.include_link_index] }}">
{{ site.share_url }}{{ parts[site.include_link_index] }}
</a>
</p>
<p>
Share this page:
<a href="{{ site.share_url }}{{ parts[site.include_link_index] }}">
{{ site.share_url }}{{ parts[site.include_link_index] }}
</a>
</p>
{% endif %}
<p>
&copy; <a href="https://wwwen.uni.lu/" target="_parent">
<strong>Université du Luxembourg</strong>,
</a>
{{ 'now' | date: "%Y" }}. All rights reserved.
</p>
{% if site.siteID > 0 %}
<p>
{%- include policy.html -%}
</p>
{% endif %}
</div>
<p>
© <a href="https://wwwen.uni.lu/" target="_parent">
<strong>Université du Luxembourg</strong>,
</a>
{{ 'now' | date: "%Y" }}. All rights reserved.
<div class="social-container">
{%- include social.html -%}
</div>
{%- include social.html -%}
</p>
</div>
</div>
</footer>
......
......@@ -254,7 +254,7 @@ html {
width:100%;
margin-top: -$footer-height + $spacing-unit;
flex-shrink: 0;
height: $footer-height;
min-height: $footer-height;
line-height: 15px;
@media print {
......@@ -311,12 +311,6 @@ html {
}
}
.site-footer-share {
margin-bottom: 4px;
}
/**
* Page content
*/
......
......@@ -89,31 +89,34 @@ div.alert.primary {
right: 0px;
}
.footer-text-container {
margin-bottom: 4px;
left: 0;
width: 100%;
position: absolute;
text-align: center;
}
.r3-logo-container {
float: left;
position: relative;
left: 11%;
}
.r3-logo {
float: left;
position: relative;
top: -10px;
left: 100px;
height: 30px;
height: 30px;
}
.lcsb-logo {
float: left;
position: relative;
top: -10px;
left: 100px;
height: 30px;
padding-left: 1em;
}
}
.social-media-list {
float: right;
padding-right: 7%;
position: relative;
top: -2.4em;
.social-container {
float: right;
padding-right: 7%;
padding-top: 0.5em;
}
.svg-icon {
......@@ -148,6 +151,42 @@ div.alert.primary {
}
}
@media (max-width: 680px) {
.lcsb-logo {
height: 32px;
margin: 0px auto;
float: none;
position: initial;
top: unset;
left: unset;
}
.r3-logo-container {
position: relative;
left:0;
width: 100%;
text-align: center;
padding-bottom: 1em;
}
.footer-text-container {
margin-bottom: 4px;
left: 0;
width: 100%;
position: relative;
text-align: center;
}
.social-container {
position: relative;
left:0;
width: 100%;
text-align: center;
float: unset;
}
}
@media (max-width: 640px) {
.img-uni-lu {
}
......@@ -165,37 +204,11 @@ div.alert.primary {
width: 120px;
display: none;
}
.r3-logo {
height: 32px;
margin: 0px auto;
float: none;
position: initial;
top: unset;
left: unset;
}
.lcsb-logo {
height: 32px;
margin: 0px auto;
float: none;
position: initial;
top: unset;
left: unset;
}
.r3-logo-container {
width: 100%;
position: relative;
top: -10px;
}
}
// Ultra-small screen ==================================================================================
@media (max-width: 500px) {
@media (max-width: 650px) {
.img-banner-main {
margin-left: 9px;
bottom: -8px;
......@@ -216,14 +229,6 @@ div.alert.primary {
position: relative;
width: 80px;
}
.social-media-list {
text-align: center;
position:relative;
right:33%;
top: 0.2em;
padding-right: 2%;
}
}
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