Commit 827441ba authored by Jacek Lebioda's avatar Jacek Lebioda
Browse files

Optimizations for Iphone X

parent 782de79d
......@@ -7,7 +7,7 @@
</div>{% endcomment %}
<br/>
<div class="footer-cp">
Copyright © <a href="https://wwwen.uni.lu/">Université du Luxembourg</a> {{ site.date | escape }}. All rights reserved.
<p>© <a href="https://wwwen.uni.lu/">Université du Luxembourg</a> {{ site.date | escape }}. All rights reserved.</p>
{%- include social.html -%}
</div>
</div>
......
......@@ -171,7 +171,7 @@ pre {
.main {
max-width: $content-width;
min-width: 480px;
min-width: 375px;
margin-right: auto;
margin-left: auto;
......
......@@ -187,7 +187,7 @@
*/
.page-content {
margin-top: 30px;
margin-left: 70px;
margin-left: 5%;
@include media-query($on-palm) {
margin-top: -40px;
margin-left: 20px;
......
.custom-header {
border-bottom: solid 1pt #777;
min-width: 480px;
min-width: 375px;
}
// Uni-lu image ============================================================================
// Normal (desktop) ========================================================
.img-uni-lu {
bottom: -2px;
border: solid 1pt #777;
......@@ -14,14 +14,6 @@
position: relative;
}
@media (max-width: 600px) {
.img-uni-lu {
margin-left: 1%;
width: 70px;
}
}
// Banner ==================================================================================
.img-banner {
bottom: -10px;
position: relative;
......@@ -29,14 +21,39 @@
.img-banner-main {
margin-left: 3%;
width: 20%;
width: 22%;
}
.img-banner-motto {
width: 20%;
}
@media (max-width: 600px) {
.img-lcsb {
bottom: -15px;
float: right;
margin-right: 1%;
position: relative;
}
.social-media-list {
float: right;
padding-right: 2%;
position: relative;
}
.svg-icon {
margin: 0px;
padding: 0px;
}
// Small-screen ==================================================================================
@media (max-width: 660px) {
.img-uni-lu {
margin-left: 1%;
width: 70px;
}
.img-banner {
margin-bottom: 2%;
}
......@@ -49,31 +66,27 @@
.img-banner-motto {
display: none;
}
}
// LCSB image ==============================================================================
.img-lcsb {
bottom: -15px;
float: right;
margin-right: 1%;
position: relative;
}
@media (max-width: 600px) {
.img-lcsb {
margin-right: 1%;
width: 120px;
}
}
// Social buttons ==========================================================================
.social-media-list {
float: right;
padding-right: 2%;
position: relative;
// Small screen ==================================================================================
@media (max-width: 500px) {
.img-uni-lu {
margin-left: 2px;
width: 40px;
}
.img-lcsb {
bottom: -6px;
margin-right: 10%;
position: relative;
width: 80px;
}
}
.svg-icon {
margin: 0px;
padding: 0px;
}
\ No newline at end of file
Supports Markdown
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