add a crapaud logo on the right side for very wide screens ref #2

This commit is contained in:
mose 2017-08-30 19:06:57 +08:00
parent aeb50f9744
commit f5ebaf34d0
2 changed files with 13 additions and 3 deletions

View file

@ -27,6 +27,9 @@ Credits: {{ site.url }}/disclosure
</div>
</div>
<div class="sidelogo">
<img src="{{ site.urlimg }}/crapauds_fous_logo.png" />
</div>
<div class="container content">
{{ content }}
{% include footer.html %}

View file

@ -58,6 +58,11 @@
float: right;
margin-left: 10px;
}
.sidelogo {
position: fixed;
right: 0;
display: none;
}
@media (min-width: 56em) {
.sidebar {
visibility: visible;
@ -67,11 +72,13 @@
.sidebar-toggle {
visibility: hidden;
}
}
@media (min-width: 56em) {
.container {
max-width: 54rem;
margin-left: 14rem;
}
}
@media (min-width: 110em) {
.sidelogo {
display: block;
}
}