View source for Template:Biomod/2013/Aarhus/Nano Creators/Begin

<html>
<style>
/*
ul.menu li.</html>{{{pagetype}}}<html> a {
  color: cyan;
}
*/
#toc {
	display: none;
}

#mytoc {
	background: none;
	width: 200px;
}

.toc {
	border: 0px solid;
}

#toc ul ul,.toc ul ul {
	margin: 0 0 0 1em;
}

table.toc {
	background-color: #f0f4f4;
}

#mytoc a,#mytoc a:visited {
	font-size: normal;
	color: #222222;
}

#mytoc a:hover {
	font-color: #009ee0;
	/* text-decoration: underline; */
}

#wiki-toc {
	width: 200px;
	margin-top: 6px;
	float: left;
}

#wiki-body {
	margin-left: 200px;
	padding-left: 12px;
	padding-right: 35px;
}

#toc #toctitle,.toc #toctitle,#toc .toctitle,.toc .toctitle {
	text-align: left;
}

#toc h2,.toc h2 {
	font-weight: normal;
	font-size: 17px;
}

/*
#wiki-contents A {
	color: #00aeef;
}

#wiki-contents A:HOVER {
	color: #00aeef;
}
*/
#toctitle span {
	display: none;
}

/*
#wiki-body p,#wiki-body li,#wiki-body dd,div.thumbcaption {
	font-size: medium;
}
*/

/* required to avoid jumping */
#tocScrolWrapper {
	/*
	left: 450px;
	*/
	position: absolute;
	/*
	margin-left: 35px;
	width: 280px;
	*/
}

#tocScrol {
	position: absolute;
	top: 0;
	/* just used to show how to include the margin in the effect */
	/*margin-top: 20px; */
	/*
	border-top: 1px solid purple;
	*/
	/*padding-top: 19px;*/
}

#tocScrol.fixed {
	position: fixed;
	top: 0;
}

#editPageTxt {
	text-align: left;
	padding-left: 15px;
}

#editPageTxt P {
	clear: both;
}

#toPageTop {
	float: left;
	position: relative;
	top: 18px;
	left: 13px;
	color: #d13f31;
}
</style>

<script type="text/javascript">
	$(document).ready(function() {
		var parentTable = $("#toc").parent();
		$('#mytoc').append($("#toc").first());

		$('#mytoc').find("#toc").attr("id", "");
		parentTable.closest('table').remove();
	});

	$(document)
			.ready(
					function() {
						var top = $('#tocScrol').offset().top
								- parseFloat($('#tocScrol').css('marginTop')
										.replace(/auto/, 0));
						var nav = $('#tocScrol');
						var stopper = $('#tocScrolWrapper');
						var maxTop = stopper.offset().top - stopper.height();
						var indexing = $('#indexing').offset().top
								- nav.height() - top;
						
						var max = $('#indexing').offset().top - nav.height();
						var butLock = $('#tocScrol').offset().top - nav.height();

						$(window).scroll(function(event) {
							// what the y position of the scroll is
							var y = $(this).scrollTop();
							
							if (y < max) {
								nav.addClass('fixed');
								nav.removeAttr('style');
								addPos('1 y: ' + y);
							} else if (y >= max) {
								nav.removeClass('fixed');
								nav.css({
									position : 'absolute',
									top : butLock
								});
								addPos('2 y: ' + y);
							} else {
								nav.removeClass('fixed');
								nav.removeAttr('style');
								addPos('3 y: ' + y);
							}
							
							/*
							// whether that's below the form
							if (y <= maxTop) {
								if (y >= top) {
									// if so, ad the fixed class
									nav.addClass('fixed');
									nav.removeAttr('style');
								} else {
									nav.removeClass('fixed');
									nav.removeAttr('style');
								}
							} else if (y >= maxTop) {
								nav.removeClass('fixed');
								nav.css({
									position : 'absolute',
									top : indexing
								});
							} else {
								// otherwise remove it
								nav.removeClass('fixed');
								nav.removeAttr('style');
							}
							*/
						});
					});
	
	function addPos($msg) {
		$('#editPageTxt').empty().append($msg);
	}
</script>
<html>
<html>
<div id="wiki-contents">
	<div id="tocScrolWrapper">
		<div id="tocScrol">
			<div id="wiki-toc">
				<a id="toPageTop" href="#">&#x25B2;</a>
				<table id="mytoc" class="toc" summary="Contents">
				</table>
				<div id="editPageTxt">
					<p>
						[<a
							href="http://openwetware.org/index.php?title=Biomod/2013/Aarhus/</html>{{{pagename}}}<html>&action=edit">edit
							this page</a>]
					</p>
				</div>
			</div>
		</div>
	</div>
	<div id="wiki-body">
</html>
{{TOC left}}