Team:UCLondon/Templates/bottom-content

From 2012e.igem.org

(Difference between revisions)
Line 58: Line 58:
     /* sponsor grid */
     /* sponsor grid */
 +
  #sponsor-slides { width: 70%; margin: auto; }
 +
   
     .sponsor-list { padding-left:0;  width: 10cm; }
     .sponsor-list { padding-left:0;  width: 10cm; }
     .sponsor-list li {
     .sponsor-list li {
     border: 1px solid silver;
     border: 1px solid silver;
 +
    border-radius: 4px;
     list-style: none;
     list-style: none;
-
margin: 1px;
+
margin: 2px;
padding: 2px 5px 2px 5px;
padding: 2px 5px 2px 5px;
width: 2.5cm;
width: 2.5cm;
float: left;
float: left;
 +
height: 60px;
}
}
 +
 +
.sponsor-logo { width: 100%; margin: auto;
 +
text-align: center;
 +
color:grey;
 +
text-decoration:none;
 +
vertical-align: middle;
 +
}
 +
 +
.sponsor-logo img { display: block; margin: auto;  }
   </style>
   </style>
Line 103: Line 116:
<div id="sponsor-slides">
<div id="sponsor-slides">
<div class="slides_container">
<div class="slides_container">
-
<div>
 
-
<ul class="sponsor-list">
 
-
<li><a href="http://www.clcbio.com"><img src="http://www.clcbio.com/fileadmin/template/main/images/clcbio_logo_no_mirror.png"/></a></li>
 
-
<li>uditrocks</li>
 
-
<li>uditrocks</li>
 
-
<li>uditrocks</li>
 
-
</ul>
 
-
</div>
 
<div>
<div>
<ul class="sponsor-list">
<ul class="sponsor-list">
-
<li>uditrocks</li>
+
<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>
-
<li>uditrocks</li>
+
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
-
<li>uditrocks</li>
+
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
-
<li>uditrocks</li>
+
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
</ul>
</ul>
</div>
</div>
<div>
<div>
<ul class="sponsor-list">
<ul class="sponsor-list">
-
<li>uditrocks</li>
+
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
-
<li></li>
+
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
-
<li></li>
+
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
-
<li></li>
+
<li><a href="#" class="sponsor-logo" onclick="sponsoring()">click to sponsor!</a></li>
</ul>
</ul>
</div>
</div>
Line 140: Line 145:
         $('#footer-boxes').css('height', nHeight);
         $('#footer-boxes').css('height', nHeight);
});
});
-
 
+
 +
function sponsoring(){ alert("coming soon"); }
        
        
</script>
</script>

Revision as of 00:13, 14 September 2012