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

Optimizations for Iphone X

parent 782de79d
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
</div>{% endcomment %} </div>{% endcomment %}
<br/> <br/>
<div class="footer-cp"> <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 -%} {%- include social.html -%}
</div> </div>
</div> </div>
......
...@@ -171,7 +171,7 @@ pre { ...@@ -171,7 +171,7 @@ pre {
.main { .main {
max-width: $content-width; max-width: $content-width;
min-width: 480px; min-width: 375px;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
......
...@@ -187,7 +187,7 @@ ...@@ -187,7 +187,7 @@
*/ */
.page-content { .page-content {
margin-top: 30px; margin-top: 30px;
margin-left: 70px; margin-left: 5%;
@include media-query($on-palm) { @include media-query($on-palm) {
margin-top: -40px; margin-top: -40px;
margin-left: 20px; margin-left: 20px;
......
.custom-header { .custom-header {
border-bottom: solid 1pt #777; border-bottom: solid 1pt #777;
min-width: 480px; min-width: 375px;
} }
// Uni-lu image ============================================================================ // Normal (desktop) ========================================================
.img-uni-lu { .img-uni-lu {
bottom: -2px; bottom: -2px;
border: solid 1pt #777; border: solid 1pt #777;
...@@ -14,14 +14,6 @@ ...@@ -14,14 +14,6 @@
position: relative; position: relative;
} }
@media (max-width: 600px) {
.img-uni-lu {
margin-left: 1%;
width: 70px;
}
}
// Banner ==================================================================================
.img-banner { .img-banner {
bottom: -10px; bottom: -10px;
position: relative; position: relative;
...@@ -29,14 +21,39 @@ ...@@ -29,14 +21,39 @@
.img-banner-main { .img-banner-main {
margin-left: 3%; margin-left: 3%;
width: 20%; width: 22%;
} }
.img-banner-motto { .img-banner-motto {
width: 20%; 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 { .img-banner {
margin-bottom: 2%; margin-bottom: 2%;
} }
...@@ -49,31 +66,27 @@ ...@@ -49,31 +66,27 @@
.img-banner-motto { .img-banner-motto {
display: none; display: none;
} }
}
// LCSB image ==============================================================================
.img-lcsb {
bottom: -15px;
float: right;
margin-right: 1%;
position: relative;
}
@media (max-width: 600px) {
.img-lcsb { .img-lcsb {
margin-right: 1%; margin-right: 1%;
width: 120px; width: 120px;
} }
} }
// Social buttons ========================================================================== // Small screen ==================================================================================
.social-media-list {
float: right; @media (max-width: 500px) {
padding-right: 2%; .img-uni-lu {
position: relative; 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