Difference between revisions of "Template:NAWI Graz:footer"

 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
 
+
/*  FOOTER */
−
 
+
.sponsors {
−
#content {
+
    max-width: 4em;
−
background-color: transparent;
+
    max-height: 2em;
 +
    background: white;
 
}
 
}
  
−
body {
+
.socials {
−
background-color: transparent;
+
    text-align: right;
 +
    max-width: 2em;
 +
    max-height: 2em;
 
}
 
}
  
−
.footer-distributed{
+
.footer-left {
−
 
+
     text-align: left;
−
 
+
    width: 100%;
−
     z-index:2;
+
    padding: 1em;
−
        background-color: transparent;
+
−
+
−
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+
−
box-sizing: border-box;
+
−
width: 80%;
+
−
text-align: center;
+
−
        position: center;
+
−
 
+
−
margin-top: 0px;
+
−
        margin-bottom: 0px;
+
−
       
+
 
}
 
}
  
−
.footer-distributed .footer-left p{
+
.footer-right {
−
        background-color: inherit;
+
    text-align: right;
−
        color:  #52658F;
+
    width: 100%;
−
font-size: 14px;
+
−
margin: 0;
+
−
}
+
−
.footer-distributed .footer-right p{
+
−
        background-color: inherit;
+
−
        color:  #52658F;
+
−
font-size: 14px;
+
−
margin: 0;
+
 
}
 
}
  
−
/* Footer links */
+
footer {
−
 
+
    margin-top: 10em;
−
.footer-distributed p.footer-links{
+
    position:relative;
−
font-size:18px;
+
    bottom:0;
−
font-weight: bold;
+
−
color:  #ffffff;
+
−
margin: 0 0 10px;
+
−
padding: 0;
+
−
        width: 75%;
+
  
 
}
 
}
  
  
−
.footer-distributed p.footer-links a{
 
−
display:inline-block;
 
−
line-height: 1.8;
 
−
text-decoration: none;
 
−
color:  inherit;
 
−
}
 
−
 
−
.footer-distributed .footer-right{
 
−
float: right;
 
−
margin-top: 6px;
 
−
max-width: 400px;
 
−
}
 
−
 
−
 
−
 
−
.footer-distributed .footer-right a{
 
−
display: inline-block;
 
−
width: 50px;
 
−
height: 35px;
 
−
background-color:  #33383b;
 
−
border-radius: 2px;
 
−
 
−
font-size: 20px;
 
−
color: #52658F;
 
−
text-align: center;
 
−
line-height: 35px;
 
−
 
−
margin-left: 3px;
 
−
}
 
−
 
−
.sponsors {
 
−
            margin: 2.5px;
 
−
            width: 125px;
 
−
        }
 
−
 
−
/* If you don't want the footer to be responsive, remove these media queries */
 
−
 
−
@media (max-width: 600px) {
 
−
 
−
.footer-distributed .footer-left,
 
−
.footer-distributed .footer-right{
 
−
text-align: center;
 
−
}
 
−
 
−
.footer-distributed .footer-right{
 
−
float: none;
 
−
margin: 0 auto 20px;
 
−
}
 
−
 
−
.footer-distributed .footer-left p.footer-links{
 
−
line-height: 1.8;
 
−
}
 
−
}
 
 
</style>
 
</style>
  
−
<footer class="footer-distributed">
+
<footer class="container footer">
−
 
+
    <div class="row">
−
<div class="footer-right">
+
        <div class="col">
 +
            <div class="footer-left">
 +
                <a target="_blank" href="https://www.biocraftlab.com/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/a/ad/BiocraftLab.png">
 +
                </a>
 +
                <a target="_blank" href="http://www.biomin.net/en/home/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/1d/Biomin.png">
 +
                </a>
 +
                <a target="_blank" href="http://www.bisy.at/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/4/4b/Bisy.png">
 +
                </a>
 +
                <a target="_blank" href="https://www.kisker-biotech.com/frontoffice/home">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/16/GKisker.png">
 +
                </a>
 +
                <a target="_blank" href="https://www.bartelt.at/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/37/Bartelt.png">
 +
                </a>
 +
                <a target="_blank" href="https://www.zeta.com/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/b/be/ZETA.png">
 +
                </a>
 +
                <a target="_blank" href="http://www.humantechnology.at/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/2d/HTS.png">
 +
                </a>
 +
                <a target="_blank" href="https://www.tugraz.at/home/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c9/TU_Graz.png">
 +
                </a>
 +
                <a target="_blank" href="https://www.uni-graz.at/en/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/18/UNI_Graz.png">
 +
                </a>
 +
                <a target="_blank" href="https://www.nawigraz.at/en/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/d9/NAWI.png">
 +
                </a>
 +
                <a target="_blank" href="https://oehunigraz.at/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/34/Oeh.png">
 +
                </a>
 +
                <a target="_blank" href="http://www.microsynth.at/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/3d/Microsynth.png">
 +
                </a>
 +
                <a target="_blank" href="https://www.laborgeraete-laborbedarf.at/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/d4/ServoLab.png">
 +
                </a>
 +
                <a target="_blank" href="http://www.volksbank-kaernten.at/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/74/VBKaernten.png">
 +
                </a>
 +
                <a target="_blank" href="https://www.graz.at/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/6/64/GRAZ.png">
 +
                </a>
 +
                <a target="_blank" href="http://www.snapgene.com/">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c0/SnapGene.png">
 +
                </a>
 +
                <a target="_blank" href="https://eu.idtdna.com/site">
 +
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/db/HQ_IDT_logo.jpg">
 +
                </a>
 +
            </div>
 +
        </div>
 +
        <div class="col-2">
 +
            <div class="footer-right">
 
                 <a target="_blank" href="mailto:igem.nawigraz@gmail.com">
 
                 <a target="_blank" href="mailto:igem.nawigraz@gmail.com">
−
<img src="https://static.igem.org/mediawiki/2017/5/5c/Email.png">
+
                    <img class="socials" src="https://static.igem.org/mediawiki/2017/5/5c/Email.png">
−
</a> 
+
                 </a>
−
    <a target="_blank" href="https://www.facebook.com/igemteamgraz2017/">
+
                 <a target="_blank" href="https://www.facebook.com/igemteamgraz2017/">
−
<img src="https://static.igem.org/mediawiki/2017/d/dc/Facebook-alpha.png">
+
                    <img class="socials" src="https://static.igem.org/mediawiki/2017/d/dc/Facebook-alpha.png">
−
</a>
+
                 </a>
−
 
+
             </div>
−
</div>
+
        </div>
−
 
+
    </div>
−
 
+
</footer>
−
<div class="footer-left">
+
−
 
+
−
<p class="footer-links">
+
−
            <a target="_blank" href="https://www.biocraftlab.com/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/a/ad/BiocraftLab.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.biomin.net/en/home/">
+
−
                 <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/1d/Biomin.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.bisy.at/">
+
−
                 <img class="sponsors" src="https://static.igem.org/mediawiki/2017/4/4b/Bisy.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.kisker-biotech.com/frontoffice/home">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/16/GKisker.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.bartelt.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/37/Bartelt.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.zeta.com/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/b/be/ZETA.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.humantechnology.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/2d/HTS.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.tugraz.at/home/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c9/TU_Graz.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.uni-graz.at/en/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/18/UNI_Graz.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.nawigraz.at/en/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/d9/NAWI.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://oehunigraz.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/34/Oeh.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.microsynth.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/3d/Microsynth.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.laborgeraete-laborbedarf.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/d4/ServoLab.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.volksbank-kaernten.at/">
+
−
                 <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/74/VBKaernten.png">
+
−
            </a>
+
−
             <a target="_blank" href="https://www.graz.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/6/64/GRAZ.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.snapgene.com/">
+
−
                <img class="sponsors" src="https://2017.igem.org/File:SnapGene.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://eu.idtdna.com/site">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/71/IDT.png">
+
−
            </a>
+
−
+
−
 
+
−
</p>
+
−
 
+
−
+
−
</div>
+
−
 
+
−
</footer>
+
−
 
+
 
</html>
 
</html>

Latest revision as of 03:24, 2 November 2017