Template:HariTest
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Kinesin Kings Test</title>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type='text/javascript' src='http://www.bfkrickychiu.com/js_slider/slidereffect.js'></script>
<style type="text/css"> /*Default CSS */ /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Skin Type: flexible Description: The default skin for the Nivo Slider. Version: 1.2 Author: Gilbert Pellegrom Author URI: http://dev7studios.com
- /
.theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%;
margin-bottom:0px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;
} .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; }
.theme-default .nivo-controlNav { text-align: center; padding: 20px 0; } .theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(http://openwetware.org/images/c/c3/Bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; }
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(http://openwetware.org/images/f/f0/Arrows.png) no-repeat; text-indent:-9999px; border:0; } .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; }
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
} .theme-default .nivo-caption a {
color:#fff; border-bottom:1px dotted #fff;
} .theme-default .nivo-caption a:hover {
color:#fff;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } /*End Default */
/*NivoSlider CSS*/ /*
* jQuery Nivo Slider v3.0.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */
/* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; }
/* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); /*-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ /*-moz-box-sizing: border-box; /* Firefox, other Gecko */ /*box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption {
display:none;
} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 0px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /*End NivoSlider*/ /*this is external code to format away the wiki stuff*/
- column-one { display:none; width:0px;}
.container{background-color: #34d3e3; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}
- content { width: 0px; margin: 0 auto auto 0; padding: 0em 0em 0em 0em; align: center;}
- column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}
.firstHeading {display:none; width:0px;} /*round 2*/
- globalWrapper{width:1060px; background-color: #fff; margin-left: auto; margin-right: auto}
- column-one {display:none; width:0px;background-color: #abcdef;}
- content{ margin: 0 0 0 0; align: center; /*padding: 12px 12px 12px 12px;*/ width: 1063px;background-color: #111; border: 0; color: #ccc;}
- bodyContent{ width: 1063px; align: center; background-color: #111;}
- column-content{width: 1063px;background-color: #111;}
- footer{display:none; position: center; background-color: #222; color: #ccc;
border-top-color:#222; border-bottom-color:#222;}
h1, h2, h3, h4, h5, h6 {border-bottom: none;}
/*that ends here*/
- {padding:0; margin:0;}
body {background: #222; font: 12px Gil Sans, sans-serif; color:#ccc;}
- wrap {width:1063px; margin:auto;}
- nav {
background:url(http://openwetware.org/images/7/78/Topbar.png) repeat-x; width:1063px; position:fixed; top:0; left:50%; height:60px; margin:0 0 0 -530px; z-index:99; } ul {list-style:none;}
- header {background:url(images/header.jpg) no-repeat; height:425px;}
- topbar {background: #ffffff; /*url(images/headerbar.jpg) repeat-x; height:40px;*/}
- body1content {background: #111; /*url(images/pagebg.jpg) repeat-y;*/}
- sitename {display:block; float:left; font:bold 34px "Helvetica", Arial, Helvetica, sans-serif; color:#75b2dd; text-shadow: #000 1px 1px 1px; padding:3px 3px 0 15px;}
- sitename a {text-decoration:none; color:#85c2e3;}
- sitename a:active, #sitename a:visited {text-decoration:none; color:#75b2dd;}
- sitename a:hover {color:#fff;}
- sitename span {color:#FF3!important; font-size:36px!important;}
- sitename a span {color:#FF3!important;}
.clear {clear:both;}
- left {width:525px; float:left; padding:8px;}
- sidebar {width:280px; padding:17px 8px 8px 8px; float:right;}
- left p {line-height:16px; margin-bottom:18px;}
h2 {color: #75b2dd; /*Columbia blue*/ font:26px bold; font-family: 'Codystar', cursive; /*"Trebuchet MS",*/ Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px; display:block; margin-bottom:10px;} h3 {color: #999; font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px; display:block; margin-bottom:10px;} h4 {color: #ccc; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px; display:block; margin-bottom:10px;} a { color:#85c2e3; text-decoration:none;} a:visited,active {color:#85c2e3; text-decoration:none;} h2 a {color:#85c2e3; text-decoration:none;} h2 a:active, h2 a:visited {color:#85c2e3; text-decoration:none;} h2 a:hover {color:#fff;}
- header h2#desc {display:block; padding:52px 10px 0 15px; font-size:18px!important; text-shadow:#1a68ae 1px 1px 1px!important;}
- menu {display:block; list-style:none; float:right; width:600px; font:bold 12px "Helvetica", Arial, Helvetica, sans-serif;}
- menu li {display:inline;}
- menu li a {display:block; float:right; padding:15px 15px 0 15px; text-decoration:none; color:#85c2e3; text-shadow:#000 1px 1px 1px;}
- menu li a:visited, #menu li a:active {text-decoration:none; color:#85c2e3; text-shadow:#000 1px 1px 1px;}
- menu li a:hover {color:#fff; text-decoration: underline;}
- menu li.active a{color:#fff;}
.submenu {display:none;}
/*#menu li a span {text-decoration: underline;!important;}*/ .post { padding:8px; margin-bottom:10px;} .columns {padding:8px;} .columnleft {float:left; width:49%;} .columnright {float:right; width:49%;} .col {float:right; width:41%; margin-right:12px; margin-bottom:15px;} .col p {margin-bottom:10px!important;} .txtbutton a{display:block; background:url(images/learnmore.jpg) no-repeat!important; height:19px; width:90px; text-align:center; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ccc!important; text-shadow:#000 1px 1px 1px; text-decoration:none; padding:2px 0 0 0!important;} .txtbutton a:visited, .txtbutton a:active {display:block; background:url(images/learnmore.jpg) no-repeat!important; height:19px; width:90px; text-align:center; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ccc!important; text-shadow:#000 1px 1px 1px; text-decoration:none; padding:2px 0 0 0!important;} .txtbutton a:hover {background:url(images/learnmore-hover.jpg) no-repeat!important; color:#fff!important;}
- bottombar {
background:#000;width:970px; position:fixed; bottom:0; left:50%; height:25px; margin:0 0 0 -485px; z-index:998; }
.categories li {display:block; height:28px; font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;} .categories li a {display:block; background:url(images/catgory1.jpg) no-repeat; width:254px; height:22px; padding:4px 10px 0 10px; text-shadow: #000 1px 1px 1px; color:#555;} .categories li a:visited, .categories li a:active {color:#555;} .categories li a:hover {background:url(images/catgory2.jpg) no-repeat; color:#fff;}
- sidebar ul {margin-bottom:10px;}
.block { width:274px; margin-bottom:10px;} .blocktop{background: #ffffff /*url(images/darkbox1.jpg) no-repeat; height:6px;*/} .blockmid {padding:8px; background: #ffffff/*url(images/darkbox2.jpg) repeat-y;*/} /*.blockfooter {background:url(images/darkbox3.jpg) no-repeat; height:6px;}*/ p.ads {display:block;} img, a img {border:none;} p.ads img {display:block; float:left; margin:2px;} .breadcrumb {display:block; width:630px; float:left; padding:12px 0 0 10px;} .breadcrumb li { display:inline; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: #000 1px 1px 1px;}
- searchbar{margin-left:665px; padding:6px 0 0 0;}
- searchbar div { float:left; margin-right:5px;}
- searchbar input {color:#fff;}
- searchbar .keyword {display:block; background: transparent url(images/searchfield.jpg) no-repeat; width:185px; height:27px; padding:5px 5px 0 5px; border:none; float:left; color:#fff;}
- sidebar .posts {padding:5px;}
- sidebar .posts li {display:block; padding:5px 0 5px 0;}
- sidebar .posts li span {font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444; display:block;}
- sidebar .posts li a {display:block; border-bottom: dashed 1px #9EC5DA;}
- footerlinks {background:url(http://openwetware.org/images/6/60/Bottombar.jpg) repeat-x; height:41px;}
- bottom {background:#000; padding:5px;}
.alignleft {float:left;} .alignright {float:right;} .post .articleimg {padding:8px; background:#111; border:solid 1px #000;} img.alignleft { margin:0 15px 0 0;} img.alignright {margin:0 0 0 15px;} .post a {background:#171612; text-shadow:#000 1px 1px 1px; } .post a:hover {background:#000; color:#fff;}
- footernav {display:block; padding:5px 25px 5px 5px;}
- footernav li { display:inline; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: #000 1px 1px 1px; padding:0px 0px 0px 0px;}
.credit {font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444; display:block; padding:5px 0 5px 0;} h1 a, h2 a, h3 a, h4 a {background:none!important;}
- comments {padding:10px; background: #171612;}
- comments h2 {background:#000; padding:10px; font-size:18px!important;}
- comments .entry {padding:10px; background:#11100D; margin-bottom:10px;}
- comments .entry p {display:block; margin-bottom:8px!important;}
- comments .entry .avt {float:left; width:55px; margin-right:10px;}
.avt img {background:#000; padding:5px;}
- comments .entry .con, #comments .entry .name, #comments .entry .date { margin-left:70px;}
- comments .entry .con blockquote {font:italic 14px Georgia, "Times New Roman", Times, serif; color:#666; padding-left:15px!important; border-left: solid 5px #333!important; margin:0!important;}
h3#respond {color: #FC6;} .comments-form {background:#000; padding:10px;} .formid, .formuri, .formemail {padding:3px; height:25px; background:#171612; border:solid 1px #1C1B17; width:250px; color:#999; font-size:16px; } .comments-form label {padding-left:15px;} .comments-form textarea {padding:3px; background:#171612; border:solid 1px #1C1B17; color:#999; font-size:16px; } .postheader {margin-bottom:18px;} .postheader .postdetails {font-size:11px; color:#555;} .post blockquote {display:block; margin-left:10px; padding:5px 5px 5px 40px; border-left: solid 5px #333; font:14px italic Georgia, "Times New Roman", Times, serif; background:url(images/quote.jpg) 5px 0 no-repeat; margin-bottom:18px;} cite {display:block; color:#aaa; font-weight:bold;} .post blockquote p {margin-bottom:0!important;} blockquote.alignleft {width:200px;} blockquote.alignright {width:200px;} .post ul, .post ol {margin-bottom:18px;} .post ul li {display:block; padding:3px; line-height:16px; background:url(images/bullet.gif) 5px 5px no-repeat; padding-left:20px; margin-bottom:10px;} .post ol { margin-left:25px;} .post ol li { padding:3px; line-height:16px; margin-bottom:10px;} .post code {display:block; white-space:pre; background:#171612; padding:5px; margin-bottom:18px; font:12px "Courier New", Courier, monospace; border: solid 1px #312F29;}
.tags {padding:8px; background:#171612; margin-bottom:18px;}
.authorinfo {padding:8px; border-top: dashed 1px #333; border-bottom: dashed 1px #333; margin-bottom:18px;} .authorinfo img {float:left; margin-right:15px;} .postinfo {font-size:11px; font-weight:bold; display: block; margin-bottom:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} .postbottom { border-bottom:dashed 1px #000; margin-bottom:18px; padding-bottom:8px;}
.wp-pagenavi {display:block; height:30px; margin-bottom:18px; text-shadow: #000 1px 1px 1px;} .wp-pagenavi span, .wp-pagenavi a {display:block; height:20px; padding:3px 8px 0 8px; text-align:center; float:left; background:#171612; margin-left:2px;}
.wp-pagenavi a:visited, .wp-pgenavi a:active {display:block; height:20px; padding:3px 8px 0 8px; text-align:center; float:left; background:#171612; margin-left:2px;} .wp-pagenavi .current, .wp-pagenavi a:hover {background:#000; color:#fff;}
.clear{clear:both;} *{padding:0;margin:0} html{text-align:center;} body{width:1060px;margin:10px auto 0 auto;font-family:trebuchet ms;text-align:left;position:realtive;}
.container h3{margin:10px 0;}
.clear{clear:both;}
.none{display:none}
table{margin:0 auto 10px auto;border:1px solid #000;/*box-shadow:3px 3px 10px #999;*/ border-spacing:0px;} td{background:#111; width:8px;height:8px;border:1px solid #000;cellpadding:0;cellspacing:0;} td.snakeCell{background:#fff;-moz-border-radius:5px;border:1px solid #999;box-shadow:1px 1px 1px #aaa;} td.snakeHead{background:red;-moz-border-radius:5px;border:1px solid red;} td.fruitCell{background:green;-moz-border-radius:5px;border:1px solid green;box-shadow:1px 1px 1px #aaa;}
#scoreBoard{text-shadow:2px 2px 1px #fff;box-shadow:0 -3px 5px #aaa;width:382px;margin:5px auto 0 auto;
border:1px solid #ccc;background:#eee;font-weight:bold;padding:10px;}
.gameOver{font-weight:bold;
text-shadow:2px 2px 1px #fff;position:absolute;top:0;left:550px;background:#eee;color:red;width:70px; border:50px solid #eee;text-align:center;-moz-border-radius:90px;-webkit-border-radius:90px; border-radius:90px;box-shadow:3px 3px 10px #999;}
</style>
<script type="text/javascript">
var direction = 'right', speed = 100, ticker = null, fruitCell = [], score = 0, size = 40; var snakeCells = [ [ 10, 14 ], [ 10, 13 ], [ 10, 12 ], [ 10, 11 ], [ 10, 10 ], [ 10, 9 ], [ 10, 8 ], [ 10, 7 ] ]; var snakeHead = [ 10, 14 ];
function renderSnake (){ $('td').removeClass('snakeCell snakeHead'); for (var cell in snakeCells ){ $('tr').eq( snakeCells[cell][0] ).find('td').eq(snakeCells[cell][1]).addClass('snakeCell'); } $('tr').eq( snakeHead[0] ).find('td').eq(snakeHead[1]).addClass('snakeHead'); }
function getFruitCell() { fruitCell = [ getRandomNumber( $( 'tr' ).length ), getRandomNumber( $( 'tr:eq(0)>td' ).length ) ]; }
function gameOver() { $('div.gameOver').show('fast', function() { $( this ).animate({top:250}, 'slow'); }); clearInterval( ticker );
$('div.gameOver').hide('fast', function() {
$( this ).animate({top:600}, 'slow'); });
}
function updateSnakeCell(){ var snakeNewHead = []; switch(direction){ case 'right': snakeNewHead = [ snakeHead[0], snakeHead[1]+1 ]; break; case 'left': snakeNewHead = [ snakeHead[0], snakeHead[1]-1 ]; break; case 'up': snakeNewHead = [ snakeHead[0]-1, snakeHead[1] ]; break; case 'down': snakeNewHead = [ snakeHead[0]+1, snakeHead[1] ]; break; } var newCell = {length:0} if( snakeNewHead[0] < 0 || snakeNewHead[1] < 0 ) { gameOver(); return; } else if( snakeNewHead[0] >= size || snakeNewHead[1] >= size ) { gameOver(); return; } var newCell = $('tr').eq( snakeNewHead[0] ).find('td').eq(snakeNewHead[1]); if( newCell.length == 0 ) { gameOver(); } else { if ( newCell.hasClass('snakeCell') ) { gameOver(); } else { if( newCell.hasClass( 'fruitCell' ) ) { snakeCells.push( [] ); getFruitCell(); renderFruitCell(); score += 100; $( '#scoreBoard' ).html( 'Your Score : ' + score ); speed = speed - 10 > 5 ? speed - 5 : speed; clearInterval( ticker ); startGame(); } for( var i = ( snakeCells.length - 1 ); i > 0 ; i-- ) { snakeCells[ i ] = snakeCells[ i - 1 ]; } snakeCells[ 0 ] = snakeHead = snakeNewHead; renderSnake(); } } }
function getRandomNumber( limit ) { return parseInt( Math.random() * limit % limit ); }
function getNewDirection( keyCode ) { var codes = { 37 : 'left', 38 : 'up', 39 : 'right', 40 : 'down' };
if( typeof codes[ keyCode ] != 'undefined' ) { var newDirection = codes[ keyCode ], changeDirection = true; switch( direction ) { case 'up' : changeDirection = newDirection != 'down'; break; case 'down' : changeDirection = newDirection != 'up'; break; case 'right' : changeDirection = newDirection != 'left'; break; case 'left' : changeDirection = newDirection != 'right'; break;
} direction = changeDirection ? newDirection : direction; }
}
function renderBoard() { var rowhtml = ''; for( var i = 0; i < size; i++ ) { rowhtml +='<td cellpadding="0" cellspacing="0"></td>' } html = []; for( var i = 0; i < size; i++ ) { html.push( '<tr cellpadding="0" cellspacing="0">' + rowhtml + '</tr>' ); } $( document.body ).append( '<table>' + html.join( '\n' ) + '</table>' ); getFruitCell(); }
function renderFruitCell() { $( 'td' ).removeClass( 'fruitCell' ); $('tr').eq( fruitCell[0] ).find('td').eq(fruitCell[1]).addClass( 'fruitCell' ); }
function startGame() { ticker = setInterval( updateSnakeCell, speed ); }
function microTubule() { renderBoard();
renderFruitCell(); $( document ).bind('keydown', function( e ) { getNewDirection( e.keyCode ); }); startGame(); }
$( document ).ready(function(){
microTubule(); });
</script>
</head>
<body>
<div id="nav">
<h1 id="sitename"><a href="#">Kinesin Kings</a></h1>
<ul id="menu"> <li class="active"><a href="index.html" title="Home" accesskey="h"><span>H</span>ome</a></li>
<li><a href="articles.html" title="Results" accesskey="a"><span>A</span>rticles</a></li> <li><a href="contact.html" title="Team" accesskey="c"><span>C</span>ontact</a></li> <li><a href="articles.html" title="Results" accesskey="a"><span>P</span>roject</a></li>
</ul>
</div>
<div id="wrap">
<div id ="body1content"> <div id ="clear">
</div>
<div id="contentSub"><span class="subpages">< <a href="/wiki/Biomod" title="Biomod">Biomod</a> | <a href="/wiki/Biomod/2012" title="Biomod/2012">2012</a></span></div>
<h3>The Polymerization Station</h3>
<div id="scoreBoard">Your Score : 0</div> <div class="gameOver" style="display:none">Out of GTP! Refresh to replay</div>
</div> </div>
<!--<div class="block">
<div class="blockfooter"></div>
</div>
</div>
<div id="footerlinks">
<ul id="footernav"> <li><a href="#">Columbia University</a> »</li> <li><a href="#">Hess Lab</a> »</li> <!-- <li><a href="#">Articles</a> »</li> <li><a href="#">Contact</a> »</li> --> <!-- <li><a style="float: right;" href="http://www.twitter.com/KinesinKings" target="_blank">
<img src="http://twitter.com/images/three_circles/twitter-bird-light-bgs.png" border="0" width="30" height="30" alt="Twitter" />
</a></li> </ul> </div> <div id="bottom">
<p>Copyright Information Goes Here | 2009 - 2010 | Your Website Name</p>
</div>
</div> -->
</body>
</html>
sample text here
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Kinesin Kings Test</title> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<style type="text/css">
/*this is external code to format away the wiki stuff*/
- column-one { display:none; width:0px;}
.container{background-color: #34d3e3; margin-top:0px} .OWWNBcpCurrentDateFilled {display: none;}
- content { width: 0px; margin: 0 auto auto 0; padding: 0em 0em 0em 0em; align: center;}
- column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}
.firstHeading {display:none; width:0px;} /*round 2*/
- globalWrapper{width:860px; background-color: #fff; margin-left: auto; margin-right: auto}
- column-one {display:none; width:0px;background-color: #abcdef;}
- content{ margin: 0 0 0 0; align: center; /*padding: 12px 12px 12px 12px;*/ width: 863px;background-color: #111; border: 0; color: #ccc;}
- bodyContent{ width: 863px; align: center; background-color: #111;}
- column-content{width: 863px;background-color: #111;}
- footer{display:block; position: center; background-color: #222; color: #ccc;
border-top-color:#222; border-bottom-color:#222;}
h1, h2, h3, h4, h5, h6 {border-bottom: none;}
/*that ends here*/
- {padding:0; margin:0;}
body {background: #222; font: 12px Arial, sans-serif; color:#ccc;}
- wrap {width:863px; margin:auto;}
- nav {
background:url(http://openwetware.org/images/7/78/Topbar.png) repeat-x; width:863px; position:fixed; top:0; left:50%; height:60px; margin:0 0 0 -430px; z-index:99; } ul {list-style:none;}
- header {background:url(images/header.jpg) no-repeat; height:425px;}
- topbar {background: #ffffff; /*url(images/headerbar.jpg) repeat-x; height:40px;*/}
- body1content {background: #111; /*url(images/pagebg.jpg) repeat-y;*/}
- sitename {display:block; float:left; font:bold 34px "Helvetica", Arial, Helvetica, sans-serif; color:#75b2dd; text-shadow: #000 1px 1px 1px; padding:3px 3px 0 15px;}
- sitename a {text-decoration:none; color:#85c2e3;}
- sitename a:active, #sitename a:visited {text-decoration:none; color:#75b2dd;}
- sitename a:hover {color:#fff;}
- sitename span {color:#FF3!important; font-size:36px!important;}
- sitename a span {color:#FF3!important;}
.clear {clear:both;}
- left {width:525px; float:left; padding:8px;}
- sidebar {width:280px; padding:17px 8px 8px 8px; float:right;}
- left p {line-height:16px; margin-bottom:18px;}
h2 {color: #75b2dd; /*Columbia blue*/ font-family: 'Pontano Sans', sans-serif; font:26px; /*"Trebuchet MS", Arial, Helvetica, sans-serif; */text-shadow:#000 1px 1px 1px; display:block; margin-bottom:10px;} h3 {color: #999; font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px; display:block; margin-bottom:10px;} h4 {color: #ccc; font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow:#000 1px 1px 1px; display:block; margin-bottom:10px;} a { color:#85c2e3; text-decoration:none;} a:visited,active {color:#85c2e3; text-decoration:none;} h2 a {color:#85c2e3; text-decoration:none;} h2 a:active, h2 a:visited {color:#85c2e3; text-decoration:none;} h2 a:hover {color:#fff;}
- header h2#desc {display:block; padding:52px 10px 0 15px; font-size:18px!important; text-shadow:#1a68ae 1px 1px 1px!important;}
/*#menu {display:block; list-style:none; float:right; width:600px; font:12px "Helvetica", Arial, Helvetica, sans-serif;}
- menu li {display:inline;}*/
- menu li a {display:block; /*float:right; padding:15px 15px 0 15px;*/ text-decoration:none; color:#85c2e3; text-shadow:#000 1px 1px 1px;}
- menu li a:visited, #menu li a:active {text-decoration:none; color:#85c2e3; text-shadow:#000 1px 1px 1px;}
- menu li a:hover {color:#fff; font: 13px bold "Helvetica", Arial, Helvetica, sans-serif;}
- menu li.active a{color:#fff;}
/*#menu li a span {text-decoration: underline;!important;}**/ .post { padding:8px; margin-bottom:10px;} .columns {padding:8px;} .columnleft {float:left; width:49%;} .columnright {float:right; width:49%;} .col {float:right; width:41%; margin-right:12px; margin-bottom:15px;} .col p {margin-bottom:10px!important;} .txtbutton a{display:block; background:url(images/learnmore.jpg) no-repeat!important; height:19px; width:90px; text-align:center; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ccc!important; text-shadow:#000 1px 1px 1px; text-decoration:none; padding:2px 0 0 0!important;} .txtbutton a:visited, .txtbutton a:active {display:block; background:url(images/learnmore.jpg) no-repeat!important; height:19px; width:90px; text-align:center; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ccc!important; text-shadow:#000 1px 1px 1px; text-decoration:none; padding:2px 0 0 0!important;} .txtbutton a:hover {background:url(images/learnmore-hover.jpg) no-repeat!important; color:#fff!important;}
- bottombar {
background:#000;width:770px; position:fixed; bottom:0; left:50%; height:25px; margin:0 0 0 -385px; z-index:998; }
.categories li {display:block; height:28px; font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;} .categories li a {display:block; background:url(images/catgory1.jpg) no-repeat; width:254px; height:22px; padding:4px 10px 0 10px; text-shadow: #000 1px 1px 1px; color:#555;} .categories li a:visited, .categories li a:active {color:#555;} .categories li a:hover {background:url(images/catgory2.jpg) no-repeat; color:#fff;}
- sidebar ul {margin-bottom:10px;}
.block { width:274px; margin-bottom:10px;} .blocktop{background: #ffffff /*url(images/darkbox1.jpg) no-repeat; height:6px;*/} .blockmid {padding:8px; background: #ffffff/*url(images/darkbox2.jpg) repeat-y;*/} /*.blockfooter {background:url(images/darkbox3.jpg) no-repeat; height:6px;}*/ p.ads {display:block;} img, a img {border:none;} p.ads img {display:block; float:left; margin:2px;} .breadcrumb {display:block; width:630px; float:left; padding:12px 0 0 10px;} .breadcrumb li { display:inline; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: #000 1px 1px 1px;}
- searchbar{margin-left:665px; padding:6px 0 0 0;}
- searchbar div { float:left; margin-right:5px;}
- searchbar input {color:#fff;}
- searchbar .keyword {display:block; background: transparent url(images/searchfield.jpg) no-repeat; width:185px; height:27px; padding:5px 5px 0 5px; border:none; float:left; color:#fff;}
- sidebar .posts {padding:5px;}
- sidebar .posts li {display:block; padding:5px 0 5px 0;}
- sidebar .posts li span {font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444; display:block;}
- sidebar .posts li a {display:block; border-bottom: dashed 1px #9EC5DA;}
- footerlinks {background:url(http://openwetware.org/images/6/60/Bottombar.jpg) repeat-x; height:41px;}
- bottom {background:#000; padding:5px;}
.alignleft {float:left;} .alignright {float:right;} .post .articleimg {padding:8px; background:#111; border:solid 1px #000;} img.alignleft { margin:0 15px 0 0;} img.alignright {margin:0 0 0 15px;} .post a {background:#171612; text-shadow:#000 1px 1px 1px; } .post a:hover {background:#000; color:#fff;}
- footernav {display:block; padding:5px 25px 5px 5px;}
- footernav li { display:inline; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: #000 1px 1px 1px; padding:0px 0px 0px 0px;}
.credit {font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444; display:block; padding:5px 0 5px 0;} h1 a, h2 a, h3 a, h4 a {background:none!important;}
- comments {padding:10px; background: #171612;}
- comments h2 {background:#000; padding:10px; font-size:18px!important;}
- comments .entry {padding:10px; background:#11100D; margin-bottom:10px;}
- comments .entry p {display:block; margin-bottom:8px!important;}
- comments .entry .avt {float:left; width:55px; margin-right:10px;}
.avt img {background:#000; padding:5px;}
- comments .entry .con, #comments .entry .name, #comments .entry .date { margin-left:70px;}
- comments .entry .con blockquote {font:italic 14px Georgia, "Times New Roman", Times, serif; color:#666; padding-left:15px!important; border-left: solid 5px #333!important; margin:0!important;}
h3#respond {color: #FC6;} .comments-form {background:#000; padding:10px;} .formid, .formuri, .formemail {padding:3px; height:25px; background:#171612; border:solid 1px #1C1B17; width:250px; color:#999; font-size:16px; } .comments-form label {padding-left:15px;} .comments-form textarea {padding:3px; background:#171612; border:solid 1px #1C1B17; color:#999; font-size:16px; } .postheader {margin-bottom:18px;} .postheader .postdetails {font-size:11px; color:#555;} .post blockquote {display:block; margin-left:10px; padding:5px 5px 5px 40px; border-left: solid 5px #333; font:14px italic Georgia, "Times New Roman", Times, serif; background:url(images/quote.jpg) 5px 0 no-repeat; margin-bottom:18px;} cite {display:block; color:#aaa; font-weight:bold;} .post blockquote p {margin-bottom:0!important;} blockquote.alignleft {width:200px;} blockquote.alignright {width:200px;} .post ul, .post ol {margin-bottom:18px;} .post ul li {display:block; padding:3px; line-height:16px; background:url(images/bullet.gif) 5px 5px no-repeat; padding-left:20px; margin-bottom:10px;} .post ol { margin-left:25px;} .post ol li { padding:3px; line-height:16px; margin-bottom:10px;} .post code {display:block; white-space:pre; background:#171612; padding:5px; margin-bottom:18px; font:12px "Courier New", Courier, monospace; border: solid 1px #312F29;}
.tags {padding:8px; background:#171612; margin-bottom:18px;}
.authorinfo {padding:8px; border-top: dashed 1px #333; border-bottom: dashed 1px #333; margin-bottom:18px;} .authorinfo img {float:left; margin-right:15px;} .postinfo {font-size:11px; font-weight:bold; display: block; margin-bottom:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} .postbottom { border-bottom:dashed 1px #000; margin-bottom:18px; padding-bottom:8px;}
.wp-pagenavi {display:block; height:30px; margin-bottom:18px; text-shadow: #000 1px 1px 1px;} .wp-pagenavi span, .wp-pagenavi a {display:block; height:20px; padding:3px 8px 0 8px; text-align:center; float:left; background:#171612; margin-left:2px;}
.wp-pagenavi a:visited, .wp-pgenavi a:active {display:block; height:20px; padding:3px 8px 0 8px; text-align:center; float:left; background:#171612; margin-left:2px;} .wp-pagenavi .current, .wp-pagenavi a:hover {background:#000; color:#fff;}
</style>
</head>
<body>
<div id="footerlinks">
<ul id="footernav"> <li><a href="http://www.columbia.edu/">Columbia University</a> »</li> <li><a href="http://orion.bme.columbia.edu/hess/">Hess Lab</a> »</li> <!-- <li><a href="#">Articles</a> »</li> <li><a href="#">Contact</a> »</li> --> <li><a style="float: right;" href="http://www.twitter.com/KinesinKings" target="_blank">
<img src="https://twitter.com/images/resources/twitter-bird-light-bgs.png" border="0" width="30" height="30" alt="Twitter" />
</a></li> </ul> </div> <div id="bottom">
<p style="height:36px;">
<a><img src ="http://openwetware.org/images/5/54/CULogo.png" width="181" height="35" alt="Columbia" style ="float:right; margin-right:-45px;"/></a></p>
</div>
</div>
</body>
</html>
and here too