Team:UCL London/testt

From 2010.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
ul#hac{
+
div#hac
 +
{
 +
background: url('https://static.igem.org/mediawiki/2010/f/f1/UCL-hac-bg.png');
 +
width: 100%;
 +
}
 +
 
 +
#hac ul{
   list-style: none;
   list-style: none;
-
   margin: 0;
+
   margin:10px auto;
   padding: 0;
   padding: 0;
}
}
-
ul#hac li{
+
#hac ul li{
   float: left;
   float: left;
   padding: 10px;
   padding: 10px;
   display: block;
   display: block;
-
   margin-right: 0;
+
   margin: 0 ;
-
   background: #73d852;
+
   background: #5fcc3f;
   border: 5px solid #246110;
   border: 5px solid #246110;
   width: 50px;
   width: 50px;
-
   height: 100px;
+
   height: 150px;
   overflow: hidden;
   overflow: hidden;
   color: #fff;
   color: #fff;
 +
opacity:0.85
}
}
-
ul#hac li .title{
+
#hac ul li .title{
   position: absolute;
   position: absolute;
   float: left;
   float: left;
Line 28: Line 35:
}
}
-
ul#hac .title h3{
+
#hac .title h3{
margin: 15px 0;
margin: 15px 0;
font-size: 72px;
font-size: 72px;
Line 37: Line 44:
}
}
-
ul#hac li p{
+
#hac li p{
   float: left;
   float: left;
   margin: 0;
   margin: 0;
Line 46: Line 53:
}
}
-
ul#hac li.alpha
+
#hac li.alpha
{
{
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-left-radius:20px;
Line 57: Line 64:
}
}
-
ul#hac li.omega
+
#hac li.omega
{
{
-webkit-border-bottom-right-radius:20px;
-webkit-border-bottom-right-radius:20px;
Line 72: Line 79:
$(document).ready(function(){
$(document).ready(function(){
     lastBlock = $("#hac a:first");
     lastBlock = $("#hac a:first");
-
     maxWidth = 275;
+
     maxWidth = 260;
-
     minWidth = 60;
+
     minWidth = 50;
     $("#hac li").hover(
     $("#hac li").hover(
Line 85: Line 92:
</script>
</script>
-
<ul id="hac">
+
<div id="hac">
 +
<ul class="clearfix">
   <li class="alpha">
   <li class="alpha">
-
       <div class="title"><h3>A</h3></div>
+
       <div class="title"><h3>U</h3></div>
       <p>
       <p>
         <strong>Freebies</strong><br/>
         <strong>Freebies</strong><br/>
Line 96: Line 104:
    
    
   <li>
   <li>
-
       <div class="title"><h3>B</h3></div>
+
       <div class="title"><h3>C</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
 
 +
<li>
 +
      <div class="title"><h3>L</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
<li>
 +
      <div class="title"><h3>I</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
 
 +
<li>
 +
      <div class="title"><h3>G</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
 
 +
<li>
 +
      <div class="title"><h3>E</h3></div>
       <p>
       <p>
         <strong>Freebies</strong><br/>
         <strong>Freebies</strong><br/>
Line 104: Line 143:
    
    
   <li class="omega">
   <li class="omega">
-
       <div class="title"><h3>C</h3></div>
+
       <div class="title"><h3>M</h3></div>
       <p>
       <p>
         <strong>Freebies</strong><br/>
         <strong>Freebies</strong><br/>
Line 114: Line 153:
    
    
</ul>
</ul>
 +
</div>
</html>
</html>
{{:Team:UCL_London/templates/v2/footerFullWidth}}
{{:Team:UCL_London/templates/v2/footerFullWidth}}

Latest revision as of 14:53, 24 October 2010

UCL IGEM 2010

RETURN TO IGEM 2010

  • U

    Freebies
    Download free files to make your job easier.

  • C

    Freebies
    Download free files to make your job easier.

  • L

    Freebies
    Download free files to make your job easier.

  • I

    Freebies
    Download free files to make your job easier.

  • G

    Freebies
    Download free files to make your job easier.

  • E

    Freebies
    Download free files to make your job easier.

  • M

    Freebies
    Download free files to make your job easier.

Retrieved from "http://2010.igem.org/Team:UCL_London/testt"