Commit 6a5c85a8 authored by Imre Jonk's avatar Imre Jonk

Responsive footer with sponsor logos

parent 79310e6e
......@@ -8,7 +8,8 @@
<a id="s_twitter" href="https://twitter.com/bitsoffreedom"></a>
<a id="s_linkedin" href="https://www.linkedin.com/groups?home=&gid=2677586"></a>
<a id="s_facebook" href="https://www.facebook.com/BitsofFreedom"></a>
<a id="s_rss" href="/feed/."></a><br>
<a id="s_rss" href="/feed/."></a>
</ul>
</div>
<div id="links">
<a href="<?php echo site_url(); ?>/privacy">Privacy</a>
......@@ -17,6 +18,11 @@
</div>
</div>
<div class="sponsors">
<h6 id="made-possible-by">Mede mogelijk gemaakt door:</h6>
<ul>
<li><a id="s_afk" href="http://www.amsterdamsfondsvoordekunst.nl/" alt="Amsterdams Fonds voor de Kunst"></a></li>
<li><a id="s_engage" href="http://www.engagetv.com/" alt="Engage"></a></li>
</ul>
</div>
</div>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.11.1.min.js"></script>
......
......@@ -2231,11 +2231,21 @@ textarea.w-select {
color: #FFF;
text-transform: uppercase;
}
.presented {
border-right: 1px dashed #FFF;
width: 336px;
margin-bottom: 16px;
text-align: center;
@media screen and (min-width: 600px) {
.presented {
width: 336px;
margin-bottom: 16px;
float: left;
text-align: center;
border-right: 1px dashed #FFF;
}
}
@media screen and (max-width: 599px) {
.presented {
width: 100%;
text-align: center;
border-bottom: 1px dashed #FFF;
}
}
.bof {
background-color: transparent;
......@@ -2253,41 +2263,37 @@ textarea.w-select {
background-color: transparent;
background-image: none, url("img/bbax-sprites.svg");
background-position: -24px -66px;
display: block;
display: inline-block;
height: 24px;
width: 24px;
margin: 0 13px 0 80px;
float: left;
margin: 0 10px;
}
#s_linkedin {
background-color: transparent;
background-image: none, url("img/bbax-sprites.svg");
background-position: -25px -142px;
display: block;
display: inline-block;
height: 24px;
width: 24px;
margin: 0 13px;
float: left;
margin: 0 10px;
}
#s_facebook {
background-color: transparent;
background-image: none, url("img/bbax-sprites.svg");
background-position: -78px -66px;
display: block;
display: inline-block;
height: 24px;
width: 24px;
margin: 0 13px;
float: left;
margin: 0 10px;
}
#s_rss {
background-color: transparent;
background-image: none, url("img/bbax-sprites.svg");
background-position: -76px -142px;
display: block;
display: inline-block;
height: 24px;
width: 24px;
margin: 0 13px;
float: left;
margin: 0 10px;
}
#links {
height: 50px;
......@@ -2385,3 +2391,44 @@ button {
text-decoration: none;
color: black;
}
.sponsors {
border-top: medium none;
clear: none;
padding-top: 0px;
width: 100%;
}
@media screen and (min-width: 600px) {
.sponsors {
padding-left: 336px;
}
}
.sponsors > h6 {
font-family: "DinWebPro";
font-weight: 400;
color: #FFF;
text-align: center;
text-transform: uppercase;
}
.sponsors ul {
text-align: center;
list-style-type: none;
}
.sponsors li {
margin: 8px 12px;
display: inline-block;
}
.sponsors a {
background-image: url("img/bbax-sponsors.svg");
background-repeat: no-repeat;
overflow: hidden;
display: block;
width: 180px;
height: 80px;
text-decoration: none;
}
#s_afk {
background-position: 0px -110px;
}
#s_engage {
background-position: 0px -310px;
}
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