Template:Biomod/2013/Aarhus/Nano Creators/Begin: Difference between revisions
m (Undo revision 738430 by Peter Vium Skaarup (Talk)) |
m (Undo revision 738430 by Peter Vium Skaarup (Talk)) |
||
Line 49: | Line 49: | ||
} | } | ||
#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { | #toc #toctitle,.toc #toctitle,#toc .toctitle,.toc .toctitle { | ||
text-align: left; | text-align: left; | ||
} | } | ||
#toc h2, .toc h2 { | #toc h2,.toc h2 { | ||
font-weight: normal; | font-weight: normal; | ||
font-size | font-size: 17px; | ||
} | } | ||
Line 73: | Line 73: | ||
#wiki-body p,#wiki-body li,#wiki-body dd,div.thumbcaption { | #wiki-body p,#wiki-body li,#wiki-body dd,div.thumbcaption { | ||
font-size: medium; | 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; | |||
} | } | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function () { | $(document).ready(function() { | ||
$('#mytoc').append($("#toc").first()); | |||
$('#mytoc').find("#toc").attr("id", ""); | |||
//document.getElementById('mytoc').appendChild(document.getElementById('toc').firstChild); | |||
}); | |||
$('# | $(document).ready(function () { | ||
var top = $('#tocScrol').offset().top - parseFloat($('#tocScrol').css('marginTop').replace(/auto/, 0)); | |||
}); | $(window).scroll(function (event) { | ||
// what the y position of the scroll is | |||
var y = $(this).scrollTop(); | |||
// whether that's below the form | |||
if (y >= top) { | |||
// if so, ad the fixed class | |||
$('#tocScrol').addClass('fixed'); | |||
} else { | |||
// otherwise remove it | |||
$('#tocScrol').removeClass('fixed'); | |||
} | |||
}); | |||
}); | |||
</script> | </script> | ||
<html> | <html> | ||
<html> | <html> | ||
<div id="wiki-contents"> | <div id="wiki-contents"> | ||
<div id="wiki-toc"> | <div id="tocScrolWrapper"> | ||
<div id="tocScrol"> | |||
<div id="wiki-toc"> | |||
<table id="mytoc" class="toc" summary="Contents"> | |||
</table> | |||
<div style="text-align: right"> | |||
<p> | |||
[<a | |||
</ | href="http://openwetware.org/index.php?title=Biomod/2013/Aarhus/Nano_Creators/</html>{{{pagename}}}<html>&action=edit">edit | ||
this page</a> ] | |||
</p> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<div id="wiki-body"> | <div id="wiki-body"> | ||
</html> | </html> |
Revision as of 12:28, 15 October 2013
<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: 10px; }
- 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; } </style>
<script type="text/javascript"> $(document).ready(function() { $('#mytoc').append($("#toc").first());
$('#mytoc').find("#toc").attr("id", ""); //document.getElementById('mytoc').appendChild(document.getElementById('toc').firstChild); });
$(document).ready(function () { var top = $('#tocScrol').offset().top - parseFloat($('#tocScrol').css('marginTop').replace(/auto/, 0)); $(window).scroll(function (event) { // what the y position of the scroll is var y = $(this).scrollTop();
// whether that's below the form if (y >= top) { // if so, ad the fixed class $('#tocScrol').addClass('fixed'); } else { // otherwise remove it $('#tocScrol').removeClass('fixed'); } }); }); </script> <html> <html> <div id="wiki-contents"> <div id="tocScrolWrapper"> <div id="tocScrol"> <div id="wiki-toc"> <table id="mytoc" class="toc" summary="Contents"> </table> <div style="text-align: right"> <p> [<a href="http://openwetware.org/index.php?title=Biomod/2013/Aarhus/Nano_Creators/</html>{{{pagename}}}<html>&action=edit">edit this page</a> ] </p> </div> </div> </div> </div> <div id="wiki-body"> </html>