Team:UCL London/testt

From 2010.igem.org

(Difference between revisions)
 
(17 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: 10px;
+
   margin: 0 ;
-
   background: #4A9532;
+
   background: #5fcc3f;
   border: 5px solid #246110;
   border: 5px solid #246110;
-
   width: 100px;
+
   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;
   width: 80px;
   width: 80px;
-
  font-size: 72px;
 
    
    
}
}
-
ul#hac .title h3{
+
#hac .title h3{
-
  margin: 0;
+
margin: 15px 0;
font-size: 72px;
font-size: 72px;
color: #fff;
color: #fff;
Line 38: Line 44:
}
}
-
ul#hac li p{
+
#hac li p{
   float: left;
   float: left;
   margin: 0;
   margin: 0;
Line 44: Line 50:
   width: 200px;
   width: 200px;
   display: block;
   display: block;
-
   margin-left: 120px;
+
   margin-left: 75px;
}
}
-
ul#hac li.alpha
+
#hac li.alpha
{
{
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-left-radius:20px;
Line 58: Line 64:
}
}
-
ul#hac li.omega
+
#hac li.omega
{
{
-webkit-border-bottom-right-radius:20px;
-webkit-border-bottom-right-radius:20px;
Line 73: Line 79:
$(document).ready(function(){
$(document).ready(function(){
     lastBlock = $("#hac a:first");
     lastBlock = $("#hac a:first");
-
     maxWidth = 275;
+
     maxWidth = 260;
-
     minWidth = 75;
+
     minWidth = 50;
     $("#hac li").hover(
     $("#hac li").hover(
Line 86: 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 97: 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 105: 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 115: 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"