Template:Leanna css

From 2010.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 7: 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>
 
<!--[if IE]>
<!--[if IE]>
<style>
<style>
-
#whitespace1 {
+
#whitespace {
-
  height: 250px;
+
  height: 200px;
 +
}
 +
#header {
 +
width: 985px;
 +
padding: 0px;
 +
margin: 0px;
 +
background-color: black;
}
}
#navwrapper {
#navwrapper {
position: absolute;
position: absolute;
-
width: 955px;
+
width: 985px;
 +
padding: 1px;
 +
margin: 1px;
 +
background-color: green;
}
}
#topnav {
#topnav {
height: 65px;
height: 65px;
-
overflow: hidden;
+
padding: 1px;
 +
margin: 1px;
 +
background-color: pink;
}
}
-
#topnav li {
 
-
list-style: none;
 
-
float: left;
 
-
}
 
-
#topnav li a {
 
-
display: block;
 
-
width: 175px;
 
-
height: 65px;
 
-
margin-right: 2px;
 
-
background-color: #2e2e2e;
 
-
font-family: "Arial", Verdana, sans-serif;
 
-
font-size: medium;
 
-
line-height: 1.25em;
 
-
color: #fff;
 
-
        font-weight: 900;
 
-
}
 
-
#topnav li a.last {
 
-
margin-right: 0px;
 
-
}
 
</style>
</style>
<![endif]-->
<![endif]-->
Line 656: Line 603:
#topnav li.about ul {
#topnav li.about ul {
-
width: 923px;
+
width: 955px;
}
}
Line 716: Line 663:
#topnav li.notebook ul {
#topnav li.notebook ul {
-
width: 463px;
+
width: 336x;
-
padding-left: 460px;
+
padding-left: 360px;
}
}
Line 735: Line 682:
#topnav li.contributions ul {
#topnav li.contributions ul {
-
width: 403px;
+
width: 603px;
-
padding-left: 520px;
+
padding-left: 420px;
}
}
Line 757: Line 704:
<body>
<body>
<div id="header">
<div id="header">
-
<div id="whitespace1" style="background-color: pink;"></div>
+
<div id="whitespace" style="background-color: transparent; height: 20px;"></div>
<div id="navwrapper">
<div id="navwrapper">
<ul id="topnav">
<ul id="topnav">
Line 791: Line 738:
</li>
</li>
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table>
<li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table>
-
<!-- <img src="https://static.igem.org/mediawiki/2010/e/ed/Pelletedcrop.png" width=182px> --!>
 
</a>
</a>
<ul>
<ul>
Line 818: Line 764:
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px>
<br><a href="mailto:igem2010.mit@gmail.com?subject=Questions about MIT iGEM 2010"><img src="https://static.igem.org/mediawiki/2010/8/8b/Gmail-square.png" height=40px>
</a>
</a>
-
</div>
+
</div></html>
-
</html>
+

Latest revision as of 21:26, 27 October 2010