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

 
(80 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<style>
 
<style>
 
.box{
 
.box{
−
     width:100%;
+
     width: 95%;
 
     top: 100px;
 
     top: 100px;
 
     bottom: 50px;
 
     bottom: 50px;
−
     left: 20px;
+
     padding-left: 50px;
−
     margin: 100px 50px 10px 20px;
+
     margin-top: 20px;
−
     display: block;
+
     margin-bottom: 50px;
−
     position: relative;
+
     display: inline-block;
 +
 
 
}
 
}
  
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
−
#content { padding:0px; width:98%; margin-top:-7px}
+
        body{background: white ;width: 100%;}
−
body {background: white fixed; }
+
#content { padding:0px; margin-top:-7px ; margin-left:0px; width:100%;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
  
 
.invi{
 
.invi{
 
visibility:hidden;
 
visibility:hidden;
−
}
 
−
 
−
#invibox{
 
−
    display: block;
 
−
    position:relative;
 
−
    width:98%;
 
−
    height:200px;
 
 
}
 
}
  
 
#footer {
 
#footer {
−
    margin-top: 350px;
+
     font-size:22px;
−
     font-size:large;
+
 
     display:block;
 
     display:block;
−
     width: 98%;
+
     width: 100%;
−
     background-color:#AA00FF;
+
     background-color:orange;//#AA00FF
 +
    padding-top: 10px;
 +
    padding-bottom:10px;
 +
    margin-left:auto;
 +
    margin-right: auto;
 
}
 
}
  
Line 39: 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 54: Line 53:
 
.socialmedia:hover{
 
.socialmedia:hover{
 
     box-shadow:1px 1px 1px;
 
     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;
 
}
 
}
  
Line 60: Line 70:
  
  
−
<div>
+
<div class="footer" style="z-index: 99; position: relative">
−
<h2 id="footer" style="color:white" > <strong> Sponsors </strong> </h2>
+
<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" >
 
<a href="https://www.neb.com/" target="_blank" style="width:210px; height:80px" >
−
     <img class="sponsors" style="width:196.9px; height:76px" src="https://static.igem.org/mediawiki/2016/d/d4/T--Manchester--NEB.png">
+
     <img class="sponsors" src="https://static.igem.org/mediawiki/2016/d/d4/T--Manchester--NEB.png">
 
</a>
 
</a>
  
 
<a href="https://www.qiagen.com/gb/" target="_blank">
 
<a href="https://www.qiagen.com/gb/" target="_blank">
−
     <img class="sponsors" style="width:89.81px; height:76px" src="https://static.igem.org/mediawiki/2016/5/55/T--Manchester--Qiagen.png">
+
     <img class="sponsors" src="https://static.igem.org/mediawiki/2016/5/55/T--Manchester--Qiagen.png">
 
</a>
 
</a>
  
 
<a href="http://www.promega.co.uk/" target="_blank">
 
<a href="http://www.promega.co.uk/" target="_blank">
−
     <img class="sponsors" style="width:105px; height:76px" src="https://static.igem.org/mediawiki/2016/e/eb/T--Manchester--Promega.png">
+
     <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/eb/T--Manchester--Promega.png">
 
</a>
 
</a>
  
−
<div class="box"
+
<a href="http://www.tcichemicals.com/en/gb/" target="_blank">
−
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+
    <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>
 
<p style="font-size:medium"><strong>Follow us on</strong></p>
−
<a href="https://www.facebook.com/uomigem2016"><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://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>  
  
−
<a href="https://twitter.com/iGEMManchester"><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>
 
</div>
 +
  
 
</div>
 
</div>
  
 
</html>
 
</html>

Latest revision as of 14:35, 24 November 2016

Sponsors

Follow us on