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

m
 
(110 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
.invi{
+
.box{
−
visibility:hidden;
+
    width: 95%;
 +
    top: 100px;
 +
    bottom: 50px;
 +
    padding-left: 50px;
 +
    margin-top: 20px;
 +
    margin-bottom: 50px;
 +
    display: inline-block;
 +
 
 
}
 
}
  
−
#invibox{
+
#sideMenu, #top_title {display:none;}
−
    margin:350px;
+
        body{background: white ;width: 100%;}
−
    display: block;
+
#content { padding:0px; margin-top:-7px ; margin-left:0px; width:100%;}
−
    position:relative;
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
    width:850px;
+
 
−
    height:200px;
+
 
 +
.invi{
 +
visibility:hidden;
 
}
 
}
  
 
#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;
 
}
 
}
  
Line 24: Line 37:
 
     margin: 30px 30px;
 
     margin: 30px 30px;
 
     box-shadow: 1px 1px 1px;
 
     box-shadow: 1px 1px 1px;
−
     opacity:1;  
+
     opacity:1;
 +
    height: 76px; 
 
}
 
}
  
Line 33: Line 47:
 
}
 
}
  
 +
.socialmedia{
 +
    box-shadow:0 0 0;
 +
}
  
−
</style>
+
.socialmedia:hover{
 +
    box-shadow:1px 1px 1px;
 +
}
  
−
<body>
+
@media screen and (max-width: 700px){
−
<div id="invibox">
+
    .mathworks{}
−
<p class="invi">dcdcdcdve</p>
+
    .sponsors{height: 50px;}
−
</div>
+
    .footer{width:100%}
 +
    .box{margin:0px;width:100%;padding:0px;}
 +
}
 +
 
 +
.footer{
 +
    margin:auto;
 +
}
 +
 
 +
</style>
  
  
−
<div>
 
  
−
<h2 id="footer" style="color:white" > <strong> Sponsors </strong> </h2>
+
<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">
 
<a href="http://www.mib.ac.uk" target="_blank">
−
     <img class="sponsors" style="width:152px; hegiht:76px" src="https://static.igem.org/mediawiki/2016/a/a4/T--Manchester--UOMMIB.png">
+
     <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>
  
 
<a href="http://www.snapgene.com" target="_blank">
 
<a href="http://www.snapgene.com" target="_blank">
−
     <img class="sponsors" style="width:268px; height:76px" src="https://static.igem.org/mediawiki/2016/6/6a/T--manchester--Snapgene_logo.png" >
+
     <img class="sponsors" src="https://static.igem.org/mediawiki/2016/6/6a/T--manchester--Snapgene_logo.png" >
 
</a>
 
</a>
  
 
<a href="https://www.idtdna.com/site" target="_blank">
 
<a href="https://www.idtdna.com/site" target="_blank">
−
     <img class="sponsors" style="width:183px; height:76px" src="https://static.igem.org/mediawiki/2016/5/52/T--Manchester--IDT.png">
+
     <img class="sponsors" src="https://static.igem.org/mediawiki/2016/5/52/T--Manchester--IDT.png">
 
</a>
 
</a>
  
 
<a href="http://uk.mathworks.com" target="_blank">
 
<a href="http://uk.mathworks.com" target="_blank">
−
     <img class="sponsors" style="width:384px; height:76px" src="https://static.igem.org/mediawiki/2016/1/1f/T--Manchester--Mathworks.png">
+
     <img class="sponsors mathworks" src="https://static.igem.org/mediawiki/2016/1/1f/T--Manchester--Mathworks.png">
 
</a>
 
</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>
 
</div>
  
−
</body>
 
 
</html>
 
</html>

Latest revision as of 14:35, 24 November 2016

Sponsors

Follow us on