Team:UCLondon/Templates/bottom-content

From 2012e.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 2: Line 2:
  <style type="text/css">
  <style type="text/css">
 +
 +
  #bodyContent a[href^="mailto:"] { background: none; }
 +
  #bodyContent a * {background: none; padding: 0;  }
     #footer-boxes {  
     #footer-boxes {  
-
                 width: 60%; clear:both; margin: auto;
+
                 width: 815px; clear:both; margin: auto;
                 font-family: 'Gill Sans', Arial, sans-serif;
                 font-family: 'Gill Sans', Arial, sans-serif;
Line 18: Line 21:
                 border-style: solid;
                 border-style: solid;
                 border-width: 1px;
                 border-width: 1px;
-
                 padding: 0 100px 10px 10px;
+
                 padding: 0 10px 10px 10px;
               // height: 60px;
               // height: 60px;
                
                
               margin-top: 2px;
               margin-top: 2px;
-
               margin-bottom: 10px;
+
               margin-bottom: 20px;
 +
              box-shadow: 2px 5px 5px #888;
 +
 
     }
     }
Line 28: Line 33:
     .left {
     .left {
           float:left;  
           float:left;  
-
           width: 50%;
+
           width: 45%;
           clear: left;
           clear: left;
Line 35: Line 40:
       .right {
       .right {
             float: left;
             float: left;
-
             width: 45%;
+
             width: 400px;
             padding-left: 20px;
             padding-left: 20px;
             border-left-color: rgb(230, 230, 230);
             border-left-color: rgb(230, 230, 230);
Line 42: Line 47:
       }
       }
      
      
-
     .clear { clear: both; }
+
     .clear { clear: both; height:5px; width:100%;}
     #sponsor-slides .slides_container {
     #sponsor-slides .slides_container {
-
width:470px;
+
width:400px;
 +
                        margin:auto;
display:none;
display:none;
                       // overflow: none;
                       // overflow: none;
Line 51: Line 57:
     #sponsor-slides .slides_container div {
     #sponsor-slides .slides_container div {
-
width:470px;
+
width:400px;
height:170px;
height:170px;
display:block;
display:block;
     }
     }
 +
 +
    #sponsor-slides .pagination { with: 10%; margin-top: 5px;  }
     /* sponsor grid */
     /* sponsor grid */
-
   #sponsor-slides { width: 70%; margin: auto; }
+
   #sponsor-slides { width: 100%; margin: auto; }
      
      
     .sponsor-list { padding-left:0;  width: 10cm; }
     .sponsor-list { padding-left:0;  width: 10cm; }
Line 66: Line 74:
     list-style: none;
     list-style: none;
margin: 2px;
margin: 2px;
-
padding: 2px 5px 2px 5px;
+
padding: 15px 5px 2px 5px;
width: 2.5cm;
width: 2.5cm;
float: left;
float: left;
Line 72: Line 80:
}
}
-
.sponsor-logo { width: 100%; margin: auto;  
+
.sponsor-logo {  
 +
width: 90%;
 +
margin: auto;
 +
display:inline;
 +
vertical-align: middle;
text-align: center;  
text-align: center;  
 +
width:2.5cm;
color:grey;  
color:grey;  
text-decoration:none;
text-decoration:none;
-
vertical-align: middle;
+
                        background:none;
 +
                       
}
}
-
.sponsor-logo img { display: block; margin: auto;  }
+
.sponsor-logo img { display: block; margin-left: auto; margin-right:auto;  }
   </style>
   </style>
Line 111: Line 125:
  </ul>
  </ul>
</div><!-- .footer-box left -->
</div><!-- .footer-box left -->
 +
<div class="footer-box right">
<div class="footer-box right">
Line 118: Line 133:
<div>
<div>
<ul class="sponsor-list">
<ul class="sponsor-list">
-
<li><a href="http://www.clcbio.com" class="sponsor-logo"><img src="http://www.clcbio.com/fileadmin/template/main/images/clcbio_logo_no_mirror.png"/></a></li>
+
<a href="http://www.clcbio.com" class="sponsor-logo"><li><img src="http://www.clcbio.com/fileadmin/template/main/images/clcbio_logo_no_mirror.png"/></li></a>
-
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
+
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
-
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
+
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
-
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
+
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
 +
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
 +
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
</ul>
</ul>
</div>
</div>
<div>
<div>
<ul class="sponsor-list">
<ul class="sponsor-list">
-
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
+
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
-
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
+
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
-
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
+
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
-
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
+
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
 +
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
 +
<a href="mailto:zcbtfi0@live.ucl.ac.uk?Subject=I'll%20Sponsor%20you" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
</ul>
</ul>
</div>
</div>
Line 136: Line 155:
</div><!-- .footer-box right -->
</div><!-- .footer-box right -->
-
<div class="clear"></div>
+
<div class="clear" style="width:100%; height:2px;"></div>
 +
</div>
 +
 
 +
 
   
   
Line 146: Line 168:
});
});
   
   
-
  function sponsoring(){ alert("coming soon"); }
+
  function sponsoring(){ }
        
        
</script>
</script>

Latest revision as of 21:37, 18 September 2012