Difference between revisions of "Template:Manchester/CSS/footer"

(Created page with "<style> .invi{ visibility:hidden; } #invibox{ margin:350px; display: block; position:relative; width:850px; height:200px; } #footer { font-size:large...")
 
 
(113 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
<html>
 
<style>
 
<style>
 +
.box{
 +
    width: 95%;
 +
    top: 100px;
 +
    bottom: 50px;
 +
    padding-left: 50px;
 +
    margin-top: 20px;
 +
    margin-bottom: 50px;
 +
    display: inline-block;
 +
 +
}
 +
 +
#sideMenu, #top_title {display:none;}
 +
        body{background: white ;width: 100%;}
 +
#content { padding:0px; margin-top:-7px ; margin-left:0px; width:100%;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
 
.invi{
 
.invi{
 
visibility:hidden;
 
visibility:hidden;
−
}
 
−
 
−
#invibox{
 
−
    margin:350px;
 
−
    display: block;
 
−
    position:relative;
 
−
    width:850px;
 
−
    height:200px;
 
 
}
 
}
  
 
#footer {
 
#footer {
−
     font-size:large;
+
     font-size:22px;
 
     display:block;
 
     display:block;
−
     width: 850px;
+
     width: 100%;
−
     background-color:#AA00FF;
+
     background-color:orange;//#AA00FF
 +
    padding-top: 10px;
 +
    padding-bottom:10px;
 +
    margin-left:auto;
 +
    margin-right: auto;
 
}
 
}
  
 
.sponsors{
 
.sponsors{
 
     float:left;
 
     float:left;
−
     margin: 20px 30px;
+
     margin: 30px 30px;
−
     box-shadow:1px 1px 1px ;
+
     box-shadow: 1px 1px 1px;
−
     opacity:1;  
+
     opacity:1;
 +
    height: 76px; 
 
}
 
}
  
 
.sponsors:hover{
 
.sponsors:hover{
−
     opacity:0.7;
+
     opacity:0.9;
 +
    box-shadow:2px 2px 2px;
 
     transition: all 0.4 ease;
 
     transition: all 0.4 ease;
−
    border: solid 1px;
 
 
}
 
}
  
 +
.socialmedia{
 +
    box-shadow:0 0 0;
 +
}
 +
 +
.socialmedia:hover{
 +
    box-shadow:1px 1px 1px;
 +
}
 +
 +
@media screen and (max-width: 700px){
 +
    .mathworks{}
 +
    .sponsors{height: 50px;}
 +
    .footer{width:100%}
 +
    .box{margin:0px;width:100%;padding:0px;}
 +
}
 +
 +
.footer{
 +
    margin:auto;
 +
}
  
 
</style>
 
</style>
 +
 +
 +
 +
<div class="footer" style="z-index: 99; position: relative">
 +
<h1 id="footer" style="color:white" > <strong> Sponsors </strong> </h1>
 +
 +
<a href="http://www.mib.ac.uk" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/a/a4/T--Manchester--UOMMIB.png">
 +
</a>
 +
 +
<a href="http://www.manchester.ac.uk/" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/a/a8/T--Manchester--Univeristy_of_Manchester.png
 +
">
 +
</a>
 +
 +
 +
<a href="http://synbiochem.co.uk/" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/e6/T--Manchester--logo_symbiochem.png">
 +
</a>
 +
 +
 +
<a href="http://www2.mmu.ac.uk/" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/5/5e/T--Manchester--mmu.png">
 +
</a>
 +
 +
<a href="http://ibcarb.com/" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/5/5e/T--Manchester--IBCarb.png">
 +
</a>
 +
 +
<a href="http://www.snapgene.com" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/6/6a/T--manchester--Snapgene_logo.png" >
 +
</a>
 +
 +
<a href="https://www.idtdna.com/site" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/5/52/T--Manchester--IDT.png">
 +
</a>
 +
 +
<a href="http://uk.mathworks.com" target="_blank">
 +
    <img class="sponsors mathworks" src="https://static.igem.org/mediawiki/2016/1/1f/T--Manchester--Mathworks.png">
 +
</a>
 +
 +
<a href="https://www.neb.com/" target="_blank" style="width:210px; height:80px" >
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/d/d4/T--Manchester--NEB.png">
 +
</a>
 +
 +
<a href="https://www.qiagen.com/gb/" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/5/55/T--Manchester--Qiagen.png">
 +
</a>
 +
 +
<a href="http://www.promega.co.uk/" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/eb/T--Manchester--Promega.png">
 +
</a>
 +
 +
<a href="http://www.tcichemicals.com/en/gb/" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/2/2c/T--Manchester--TCI.png">
 +
</a>
 +
 +
<a href="http://www.bmglabtech.com/en/" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/b/be/T--Manchester--BMGLabtech.png">
 +
</a>
 +
 +
 +
 +
 +
<!--
 +
<a href="https://uk.vwr.com/" target="_blank">
 +
    <img class="sponsors" src="https://static.igem.org/mediawiki/2016/9/9f/T--Manchester--VWR.png">
 +
</a>
 +
-->
 +
 +
<div class="box">
 +
 +
<p style="font-size:medium"><strong>Follow us on</strong></p>
 +
<a href="https://www.facebook.com/uomigem2016" target="_blank"><img class="socialmedia" style="width:40px;height:40px" src="https://static.igem.org/mediawiki/2016/5/57/T--Manchester--Facebook_logo.png" ></img></a>
 +
 +
<a href="https://twitter.com/iGEMManchester" target="_blank"><img class="socialmedia" style="width:40px;height:40px" src="https://static.igem.org/mediawiki/2016/e/e1/T--Manchester--Twitter_logo.png"></img></a>
 +
 +
<div>
 +
<p><strong>Email: <a href="mailto:uomigem16@gmail.com">uomigem16@gmail.com</a></strong></p>
 +
</div>
 +
 +
</div>
 +
 +
 +
</div>
 +
 +
</html>

Latest revision as of 14:35, 24 November 2016

Sponsors

Follow us on