Template:CM css

     google.load("jquery", "1.4.2");  $('#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})		})  $(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; });	} });

 .toggler { width: 500px; height: 200px; position: relative;} #button { padding: .5em 1em; text-decoration: none; } #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; } #effect h3 { margin: 0; padding: 0.4em; text-align: center; }

position: relative; left: 2px; text-align: left; margin: 0px; width: 955px; }
 * 1) header {

color: white; }
 * 1) header a {

background-color: #FDDCD0; border: none;
 * 1) content {

}

.mainContent { width: 943px; position: absolute; padding:5px; top: 160px; font-size: 14px; margin:5px; }

position:relative; left: 21px; top: 5px; }
 * 1) groupparts {

.baby { padding: 5px; font-family: Arial Black, Gadget, sans-serif; font-size: medium; }

.bodybaby { padding: 5px; font-family: Arial Black, Gadget, sans-serif; font-size: medium; border-bottom: 2px solid black; color: black; }

.bodybaby a { color: black; }

.sidep { display: inline; background-color: #boc4de; width: 170px; float: right; font-size: x-small; border: 1px solid #b0c4de; }

.outline { display: inline; padding: 5px; background-color: #boc4de; width: 250px; float: left; font-size: x-small; border: 1px solid #b0c4de; }

display: relative; text-decoration: none; color: black; list-style: none; }
 * 1) procedure,
 * 2) procedure a {

color: white; text-decoration: none; }
 * 1) procedure a:hover {

.bolded { font-size: 16px; }

margin: 5px 21px !important; border: none !important; background-color: white; }
 * 1) unique {

width: 105px; position: relative; left: -20px; top: 8px; display: block; list-style: none; text-align: left; color: black; background-color: honeydew; font-family: Osaka, verdana, Sans-Serif; font-size: 16px; } text-align: left; padding-left: 7px; color: #330066 }
 * 1) freedom {
 * 1) freedom li a {

background-color: #b2b2cc;
 * 1) freedom li a:hover {

} position: relative; left: 10px; color: black; }
 * 1) freedom li a.selected {

.tabContainer { position: relative; top: 0px; left: 4px; height: 23px; width: 99%; } .tabContainer p { text-align:left; top: 1px; }

/* ================================================================ This copyright notice must be untouched at all times. Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.

=
====================================================== */


 * 1) nav {padding:0; margin:0; background: transparent;; width: 230px}
 * 2) nav a:hover {text-decoration:underline;}
 * 3) nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}
 * 4) nav dt a {color:#000; text-decoration:none;}
 * 5) nav dd {padding:0; margin:0;}
 * 6) nav dd ul {padding:0; margin:0; list-style:none;}
 * 7) nav dd ul li {padding-left:20px; width:230px}
 * 8) nav dd ul li a {font-size:12px; color:#000; text-decoration:none;}

input.searchButton { background:none repeat scroll 0 0 transparent; border:medium none; color:#000066; font-size:100%; font-weight:bold; margin:1px 10px 0; }

display: block; background: none; position: absolute; top: -100px; left: -50px;}
 * 1) search-controls {

.left-menu { width: 300px; margin-top: -75px; border: none; }

.left-menu ul { border: none; }

background: none; display: block; float: right;}
 * 1) searchform {

width: 300px; display: block; float: left; margin-top: -75px; border: none; }
 * 1) menubar.right-menu {

height: 0px; margin-top: -5px; margin-bottom: 0 !important; margin-left: auto; padding:0; border: none;}
 * 1) top-section {

height: 0px; overflow: hidden; display: none; border: }
 * 1) p-logo {

border: none; background-color: transparent; margin: 0; padding: 0; }
 * 1) footer {

border:none; background-color: transparent; }
 * 1) footer-box {

.firstHeading { display: none; }

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; } .code code { display: block; padding: 3px; margin-bottom: 0; } .code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; } .indent1 { padding-left: 1em; } .indent2 { padding-left: 2em; }

/* sidenav styling */ clear: both; line-height: 50%; }
 * 1) sidenav {

list-style-type: none; display: block; margin: 8px 0px; font-size: 14px; }
 * 1) sidenav li {

padding-left: 16px; }
 * 1) sidenav li li {

color: #333; padding: 0px 4px 0px 10px; background-color: transparent; font-weight: bold; }
 * 1) sidenav li a {

font-weight: normal; }
 * 1) sidenav ul a {

padding-left: 0px; }
 * 1) sidenav li li a,
 * 2) sidenav li.sel li a {

color: #fff; text-decoration: none; }
 * 1) sidenav li.sel a,
 * 2) sidenav li a:hover,
 * 3) sidenav li a:active,
 * 4) sidenav.col li.sel ul li a:hover,
 * 5) sidenav.col li.sel ul li a:active {

/* */ /* -->>> global settings needed for thickbox <<<---*/ /* */
 * {padding: 0; margin: 0;}

/* */ /* -->>> thickbox specific link and font settings <<<--*/ /* */	font: 12px Arial, Helvetica, sans-serif; color: #333333; }
 * 1) TB_window {

font: 10px Arial, Helvetica, sans-serif; color:#666666; }
 * 1) TB_secondLine {


 * 1) TB_window a:link {color: #666666;}
 * 2) TB_window a:visited {color: #666666;}
 * 3) TB_window a:hover {color: #000;}
 * 4) TB_window a:active {color: #666666;}
 * 5) TB_window a:focus{color: #666666;}

/* */ /* -->>> thickbox settings <<<-*/ /* */	position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
 * 1) TB_overlay {

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
 * html #TB_overlay { /* ie6 hack */

position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
 * 1) TB_window {

position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
 * html #TB_window { /* ie6 hack */

display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
 * 1) TB_window img#TB_Image {

height:25px; padding:7px 30px 10px 25px; float:left; }
 * 1) TB_caption{

height:25px; padding:11px 25px 10px 0; float:right; }
 * 1) TB_closeWindow{

padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
 * 1) TB_closeAjaxWindow{

float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
 * 1) TB_ajaxWindowTitle{

background-color:#e8e8e8; height:27px; }
 * 1) TB_title{

clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
 * 1) TB_ajaxContent{

padding:15px; }
 * 1) TB_ajaxContent.TB_modal{

padding:5px 0px 5px 0px; }
 * 1) TB_ajaxContent p{

position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
 * 1) TB_load{

position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
 * html #TB_load { /* ie6 hack */

z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
 * 1) TB_HideSelect{

position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
 * html #TB_HideSelect { /* ie6 hack */

clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
 * 1) TB_iframeContent{

position: fixed; top: 45px; left: 0px; width: 43px; padding: 2px; background-image: url('http://2010.igem.org/wiki/images/3/34/Transparency50.png'); background-repeat: repeat-y; }
 * 1) stones {

/* MIT ChemE Menu */

position: absolute; width: 955px; }
 * 1) navwrapper {

height: 65px; overflow: hidden; }
 * 1) topnav {

list-style: none; float: left; }
 * 1) topnav li {

display: block; width: 183px; 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; }
 * 1) topnav li a {

margin-right: 0px; }
 * 1) topnav li a.last {

body.about #topnav li.about ul, body.people #topnav li.people ul, body.academics #topnav li.academics ul, body.notebook #topnav li.notebook ul, body.contributions #topnav li.contributions ul { display: block; }
 * 1) topnav li.over ul,
 * 2) topnav li:hover ul,

body.about #topnav li.about ul, body.people #topnav li.people ul, body.academics #topnav li.academics ul, body.notebook #topnav li.notebook ul, body.contributions #topnav li.contributions ul { z-index: 1; }

z-index: 100; }
 * 1) topnav li.over ul,
 * 2) topnav li:hover ul {

display: none; clear: both; position: absolute; top: 65px; left: 0px; width: 950px; overflow: hidden; }
 * 1) topnav li ul {

float: none; display: block; }
 * 1) topnav li li {

text-decoration: none; }
 * 1) topnav li a:hover,
 * 2) topnav li a:active {

display: block; float: left; padding-top: 11px; padding-bottom: 9px; }
 * 1) topnav li li {

margin: 0; padding: 0 8px; background-color: transparent; height: auto; width: auto; font-weight: normal; font-size: small; border-right: 1px solid white; }
 * 1) topnav li li a {

background-image: none; padding-right: 0px; border-right: none; }
 * 1) topnav li li.last a {

text-transform: uppercase; }
 * 1) topnav li li a:hover,
 * 2) topnav li li a:active,
 * 3) topnav li li.sel a {

/* specific styles */

body.about #topnav li.about a:link, body.about #topnav li.about a:visited { background-color: #8b0000; }
 * 1) topnav li.about a:hover,
 * 2) topnav li.about a:active,
 * 3) topnav li.about ul,

width: 923px; }
 * 1) topnav li.about ul {

body.people #topnav li.people a:link, body.people #topnav li.people a:visited, body.people #sidenav .sel a:link, body.people #sidenav .sel a:visited, body.people #sidenav a:hover, body.people #sidenav a:active, body.people #sidenav li.sel li a:hover, body.people #sidenav li.sel li a:active { background-color: #e6881a; }
 * 1) topnav li.people a:hover,
 * 2) topnav li.people a:active,
 * 3) topnav li.people ul,

width: 848px; padding-left: 75px; }
 * 1) topnav li.people ul {

body.academics #topnav li.academics a:link, body.academics #topnav li.academics a:visited, body.academics #sidenav li.sel a:link, body.academics #sidenav li.sel a:visited, body.academics #sidenav li.sel li a:hover, body.academics #sidenav li.sel li a:active, body.academics #sidenav li a:hover, body.academics #sidenav li a:active, body.academics #sidenav li.sel li a:hover, body.academics #sidenav li.sel li a:active { background-color: #2e2e91; }
 * 1) topnav li.academics a:hover,
 * 2) topnav li.academics a:active,
 * 3) topnav li.academics ul,

width: 698px; padding-left: 225px; }
 * 1) topnav li.academics ul {

body.notebook #topnav li.notebook a:link, body.notebook #topnav li.notebook a:visited, background-color: #016b9d; }
 * 1) topnav li.notebook a:hover,
 * 2) topnav li.notebook a:active,
 * 3) topnav li.notebook ul,
 * 1) sidenav li.sel a:link,
 * 2) sidenav li.sel a:visited,
 * 3) sidenav li.sel li a:hover,
 * 4) sidenav li.sel li a:active,
 * 5) sidenav li a:hover,
 * 6) sidenav li a:active,
 * 7) sidenav li.sel li a:hover,
 * 8) sidenav li.sel li a:active {

width: 463px; padding-left: 460px; }
 * 1) topnav li.notebook ul {

body.contributions #topnav li.contributions a:link, body.contributions #topnav li.contributions a:visited, body.contributions #sidenav li.sel a:link, body.contributions #sidenav li.sel a:visited, body.contributions #sidenav li a:hover, body.contributions #sidenav li a:active, body.contributions #sidenav li.sel li a:hover, body.contributions #sidenav li.sel li a:active { background-color: #4ca14c; }
 * 1) topnav li.contributions a:hover,
 * 2) topnav li.contributions a:active,
 * 3) topnav li.contributions ul,

width: 293px; padding-left: 630px; }
 * 1) topnav li.contributions ul {


 * 1) specialnav {padding:0; margin:0; background: transparent;; width: 230px}
 * 2) specialnav a:hover {text-decoration:underline;}
 * 3) specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;}
 * 4) specialnav dt a {color:#000; text-decoration:none;}
 * 5) specialnav dd {padding:0; margin:0;}
 * 6) specialnav dd ul {padding:0; margin:0; list-style:none;}
 * 7) specialnav dd ul li {padding-left:20px; width:230px}
 * 8) specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;}

/* Thanks to MIT ChemE dept. Your site is lovely. */

/* background behind the content area and the tabs */ background-repeat:repeat-y; background-size: 100%; } /* stop background image from scrolling with content area */ body { background-attachment: fixed; } /* don't use any logo, move the boxes onto that area instead */ /*Display body content in a narrower column for easier reading*/ /*adjust percentages as desired*/ div#bodyContent { width: 90%; line-height: 105%; }
 * 1) content, #content table
 * 2) p-cactions ul li a { background : url(http://2010.igem.org/wiki/images/d/d9/Whiteflowah.jpg);
 * 1) p-logo { display: none }
 * 2) column-one { padding-top: 0; }

 iGEM @ MIT  

<a href="http://openwetware.org/wiki/IGEM:MIT_About"> </a></li> <a href="http://openwetware.org/wiki/IGEM:MIT_Application"> </a></li> <a href="http://openwetware.org/wiki/IGEM:MIT_Previous"> </a></li> <a href="http://openwetware.org/wiki/IGEM:MIT_Resources" class="last"> </a> </li>

</ul>