Difference between revisions of "Template:Madrid-OLM/footer"

(Created page with "<html> <style> .footer-distributed{ background-color: #F7F5E6; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; text-align: left; paddin...")
 
Line 1: Line 1:
 
<html>
 
<html>
−
<style>
+
    <style>
−
.footer-distributed{
+
    .footer-distributed{
−
background-color: #F7F5E6;
+
        background-color: #F7F5E6;
−
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
−
box-sizing: border-box;
+
        box-sizing: border-box;
−
width: 100%;
+
        width: 100%;
−
text-align: left;
+
        text-align: left;
−
padding: 45px 50px;
+
        padding: 45px 50px;
−
margin-top: 80px;
+
        margin-top: 80px;
−
}
+
    }
  
−
.footer-distributed .footer-left p{
+
    .footer-distributed .footer-left p{
−
        color:  #52658F;
+
            color:  #52658F;
−
font-size: 14px;
+
        font-size: 14px;
−
margin: 0;
+
        margin: 0;
−
}
+
    }
−
.footer-distributed .footer-right p{
+
    .footer-distributed .footer-right p{
−
        color:  #52658F;
+
            color:  #52658F;
−
font-size: 14px;
+
        font-size: 14px;
−
margin: 0;
+
        margin: 0;
−
}
+
    }
  
−
/* Footer links */
+
    /* Footer links */
  
−
.footer-distributed p.footer-links{
+
    .footer-distributed p.footer-links{
−
font-size:18px;
+
        font-size:18px;
−
font-weight: bold;
+
        font-weight: bold;
−
color:  #ffffff;
+
        color:  #ffffff;
−
margin: 0 0 10px;
+
        margin: 0 0 10px;
−
padding: 0;
+
        padding: 0;
−
}
+
    }
  
  
−
.footer-distributed p.footer-links a{
+
    .footer-distributed p.footer-links a{
−
display:inline-block;
+
        display:inline-block;
−
line-height: 1.8;
+
        line-height: 1.8;
−
text-decoration: none;
+
        text-decoration: none;
−
color:  inherit;
+
        color:  inherit;
−
}
+
    }
  
−
.footer-distributed .footer-right{
+
    .footer-distributed .footer-right{
−
float: right;
+
        float: right;
−
margin-top: 6px;
+
        margin-top: 6px;
−
max-width: 400px;
+
        max-width: 400px;
−
}
+
    }
  
  
  
−
.footer-distributed .footer-right a{
+
    .footer-distributed .footer-right a{
−
display: inline-block;
+
        display: inline-block;
−
width: 50px;
+
        width: 50px;
−
height: 35px;
+
        height: 35px;
−
background-color:  #33383b;
+
        background-color:  #33383b;
−
border-radius: 2px;
+
        border-radius: 2px;
  
−
font-size: 20px;
+
        font-size: 20px;
−
color: #52658F;
+
        color: #52658F;
−
text-align: center;
+
        text-align: center;
−
line-height: 35px;
+
        line-height: 35px;
  
−
margin-left: 3px;
+
        margin-left: 3px;
−
}
+
    }
  
−
.sponsors {
+
    .sponsors {
−
            margin: 2.5px;
+
                margin: 2.5px;
−
            width: 125px;
+
                width: 125px;
−
        }
+
            }
  
−
/* If you don't want the footer to be responsive, remove these media queries */
+
    /* If you don't want the footer to be responsive, remove these media queries */
  
−
@media (max-width: 600px) {
+
    @media (max-width: 600px) {
  
−
.footer-distributed .footer-left,
+
        .footer-distributed .footer-left,
−
.footer-distributed .footer-right{
+
        .footer-distributed .footer-right{
−
text-align: center;
+
            text-align: center;
−
}
+
        }
  
−
.footer-distributed .footer-right{
+
        .footer-distributed .footer-right{
−
float: none;
+
            float: none;
−
margin: 0 auto 20px;
+
            margin: 0 auto 20px;
−
}
+
        }
  
−
.footer-distributed .footer-left p.footer-links{
+
        .footer-distributed .footer-left p.footer-links{
−
line-height: 1.8;
+
            line-height: 1.8;
−
}
+
        }
−
}
+
    }
−
</style>
+
    </style>
  
−
<footer class="footer-distributed">
+
    <footer class="footer-distributed">
  
−
   
+
        <div class="footer-left">
−
<div class="footer-left">
+
            <p class="footer-links">
 +
                <a target="_blank" href="http://www.inmunotek.com/en/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/ea/T--Madrid-OLM--Inmunoteklogo.png">
 +
                </a>
  
−
<p class="footer-links">
+
                <a target="_blank" href="https://obrasociallacaixa.org/en/">
−
<a target="_blank" href="http://www.inmunotek.com/en/">
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/8/81/T--Madrid-OLM--Caixalogo.png">
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/ea/T--Madrid-OLM--Inmunoteklogo.png">
+
                </a>
−
    </a>
+
−
+
−
<a target="_blank" href="https://obrasociallacaixa.org/en/">
+
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/8/81/T--Madrid-OLM--Caixalogo.png">
+
−
    </a>
+
−
+
−
<a target="_blank" href="https://www.ucm.es/english">
+
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/4/46/T--Madrid-OLM--UCMlogo.png">
+
−
    </a>
+
−
<a target="_blank" href="https://eu.idtdna.com/pages">
+
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/1/1e/T--USP-EEL-Brazil--patrocinador5.jpg">
+
−
    </a>
+
−
                             
+
−
                    <a target="_blank" href="https://international.neb.com/">
+
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/7/75/T--Madrid-OLM--Biolabslogo.png">
+
−
    </a>
+
  
−
                    <a target="_blank" href="http://openlabmadrid.es/">
+
                <a target="_blank" href="https://www.ucm.es/english">
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/c/c7/T--Madrid-OLM--OLMlogo.png">
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/4/46/T--Madrid-OLM--UCMlogo.png">
−
    </a>
+
                </a>
  
−
+
                <a target="_blank" href="https://eu.idtdna.com/pages">
−
</p>
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/1/1e/T--USP-EEL-Brazil--patrocinador5.jpg">
 +
                </a>
  
−
+
                <a target="_blank" href="https://international.neb.com/">
−
</div>
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/7/75/T--Madrid-OLM--Biolabslogo.png">
−
 
+
                </a>
−
</footer>
+
  
 +
                <a target="_blank" href="http://openlabmadrid.es/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2018/c/c7/T--Madrid-OLM--OLMlogo.png">
 +
                </a>
 +
            </p>
 +
        </div>
 +
    </footer>
 +
   
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/jquery?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/flickity?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/easypiechart?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/parallax?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/typed?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/datepicker?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/isotope?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/ytplayer?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/lightbox?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/granim?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/countdown?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/twitter-fetcher?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/spectragram?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/smooth-scroll?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript"  src="https://2018.igem.org/Template:Madrid-OLM/scripts?action=raw&ctype=text/javascript"></script>
  
 
</html>
 
</html>

Revision as of 12:14, 18 September 2018