Template:Leanna css

From 2010.igem.org

(Difference between revisions)
 
(25 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 {
-
        display: block;
+
position: absolute;
-
        position:relative;
+
width: 985px;
-
        top:20px;
+
padding: 1px;
-
width: 940px;
+
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: 100px;
 
-
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;
 
-
}
 
-
#nav {padding:0; margin:0; background: transparent; width: 100px}
 
-
#nav a:hover {text-decoration:underline;}
 
-
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:100px; background-color: #016b9d;}
 
-
#nav dt a {color:#000; text-decoration:none;}
 
-
#nav dd {padding:0; margin:0;}
 
-
#nav dd ul {padding:0; margin:0; list-style:none;}
 
-
#nav dd ul li {padding-left:20px; width:100px}
 
-
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}
 
</style>
</style>
Line 667: Line 603:
#topnav li.about ul {
#topnav li.about ul {
-
width: 923px;
+
width: 955px;
}
}
Line 727: Line 663:
#topnav li.notebook ul {
#topnav li.notebook ul {
-
width: 463px;
+
width: 336x;
-
padding-left: 460px;
+
padding-left: 360px;
}
}
Line 746: Line 682:
#topnav li.contributions ul {
#topnav li.contributions ul {
-
width: 403px;
+
width: 603px;
-
padding-left: 520px;
+
padding-left: 420px;
}
}
Line 767: Line 703:
</head>
</head>
<body>
<body>
-
<div id="content">
+
<div id="header">
-
<div id="whitespace1" style="background-color: transparent;"></div>
+
<div id="whitespace" style="background-color: transparent; height: 20px;"></div>
<div id="navwrapper">
<div id="navwrapper">
<ul id="topnav">
<ul id="topnav">
Line 802: 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 829: 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