crapaud-fou/crazy-toads.github.io
2
0
Fork 0
Code Issues Pull requests Releases Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

3
_layouts/default.html
View file

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

13
public/css/addon.css
View file

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