Template:Leanna css

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
 
<head>
<head>
-
 
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script>
<script type="text/javascript" src="http://jquery.com/demo/thickbox/thickbox-code/thickbox.js"></script>
Line 9: Line 7:
   <script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script>
   <script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script>
<script> google.load("jquery", "1.4.2"); </script>
<script> google.load("jquery", "1.4.2"); </script>
 +
<script type="text/javascript">
 +
$('#rightMenu a')
 +
.css( {backgroundPosition: "0 0"} )
 +
.mouseover(function(){
 +
$(this).stop().animate(
 +
{backgroundPosition:"(0 -250px)"},
 +
{duration:500})
 +
})
 +
.mouseout(function(){
 +
$(this).stop().animate(
 +
{backgroundPosition:"(0 0)"},
 +
{duration:500})
 +
})
 +
</script>
 +
<script type="text/javascript">
 +
$(function() {
 +
$("#button").toggle(
 +
function() {
 +
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);
 +
},
 +
function() {
 +
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);
 +
}
 +
);
 +
});
 +
$(document).ready(function(){
 +
if($("#nav")) {
 +
$("#nav dd").hide();
 +
$("#nav dt b").click(function() {
 +
if(this.className.indexOf("clicked") != -1) {
 +
$(this).parent().next().slideUp(200);
 +
$(this).removeClass("clicked");
 +
}
 +
else {
 +
$("#nav dt b").removeClass();
 +
$(this).addClass("clicked");
 +
$("#nav dd:visible").slideUp(200);
 +
$(this).parent().next().slideDown(500);
 +
}
 +
return false;
 +
});
 +
}
 +
});
</script>
</script>
 +
<!--[if IE]>
 +
<style>
 +
#header {
 +
width: 900px;
 +
}
 +
</style>
 +
<![endif]-->
<style type="text/css">
<style type="text/css">
.toggler { width: 500px; height: 200px; position: relative;}
.toggler { width: 500px; height: 200px; position: relative;}
Line 24: Line 72:
  margin: 0px;
  margin: 0px;
  width: 955px;
  width: 955px;
-
height: 1%;
 
-
}
 
-
 
-
#mainContent {
 
-
background-color: black;
 
-
}
 
-
 
-
html>body #header {
 
-
height: auto;
 
}
}
Line 44: Line 83:
  }
  }
 +
.mainContent {
 +
width: 943px;
 +
position: absolute;
 +
padding:5px;
 +
top: 160px;
 +
font-size: 14px;
 +
margin:5px;
 +
}
#groupparts {
#groupparts {
Line 114: Line 161:
  width: 105px;
  width: 105px;
  position: relative;
  position: relative;
 +
left: -20px;
  top: 8px;
  top: 8px;
  display: block;
  display: block;
Line 677: Line 725:
</head>
</head>
<body>
<body>
 +
<div id="header">
 +
<div id="whitespace" style="background-color: transparent; height: 20px;"></div>
<div id="navwrapper">
<div id="navwrapper">
<ul id="topnav">
<ul id="topnav">
Line 721: Line 771:
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a>
<li class="contributions"><a href="#" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Contributions</td></table></a>
<ul>
<ul>
-
<li><a href="#">New Mammalian Standard</a></li>
+
<li><a href="http://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li>
<li><a href="#">New Backbone</a></li>
<li><a href="#">New Backbone</a></li>
<li class="last"><a href="http://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li>
<li class="last"><a href="http://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li>
Line 729: Line 779:
</div>
</div>
<div id="whitespace" style="height: 100px;"></div>
<div id="whitespace" style="height: 100px;"></div>
 +
</div>   
</body>
</body>
Line 736: Line 787:
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="http://2010.igem.org/wiki/images/8/8b/Gmail-square.png" height=40px>
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="http://2010.igem.org/wiki/images/8/8b/Gmail-square.png" height=40px>
</a>
</a>
 +
</div>
</html>
</html>

Revision as of 20:29, 27 October 2010