Team:TU Munich/Templates/Layout
From 2010.igem.org
(Difference between revisions)
Hartlmueller (Talk | contribs) |
Hartlmueller (Talk | contribs) |
||
(45 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
+ | |||
//Hide (Collapse) the toggle containers on load | //Hide (Collapse) the toggle containers on load | ||
$(".toggle_container").hide(); | $(".toggle_container").hide(); | ||
Line 11: | Line 12: | ||
$("p.trigger").click(function(){ | $("p.trigger").click(function(){ | ||
$(this).toggleClass("activeToggle"); | $(this).toggleClass("activeToggle"); | ||
- | + | var nextElem = $(this).next(); | |
- | $(this). | + | while(nextElem!= null) { |
+ | if(!nextElem.is(".toggle_container")) { | ||
+ | nextElem = nextElem.next(); | ||
+ | } | ||
+ | else { | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | if(nextElem.is(".toggle_container")) { | ||
+ | nextElem.slideToggle("slow"); | ||
+ | } | ||
+ | |||
+ | return false; //Prevent the browser jump to the link anchor | ||
+ | }); | ||
+ | $("a.toggle_close").click(function(){ | ||
+ | var nextParent = $(this).parent(); | ||
+ | while(nextParent!= null) { | ||
+ | if(!nextParent.is(".toggle_container")) { | ||
+ | nextParent = nextParent.parent(); | ||
+ | } | ||
+ | else { | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | if(nextParent.is(".toggle_container")) { | ||
+ | nextParent.slideToggle("slow"); | ||
+ | |||
+ | |||
+ | |||
+ | var prevElem = nextParent.prev(); | ||
+ | while(prevElem!= null) { | ||
+ | if(!prevElem.is("p.trigger")) { | ||
+ | prevElem = prevElem.prev(); | ||
+ | } | ||
+ | else { | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | if(prevElem.is("p.trigger")) { | ||
+ | prevElem.toggleClass("activeToggle"); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
return false; //Prevent the browser jump to the link anchor | return false; //Prevent the browser jump to the link anchor | ||
}); | }); | ||
Line 58: | Line 104: | ||
{ | { | ||
text-align: justify; | text-align: justify; | ||
+ | } | ||
+ | .bordertable td | ||
+ | { | ||
+ | border-color: black; | ||
+ | margin: 0; | ||
+ | border-width: 0 0 1px 1px; | ||
+ | border-style: solid; | ||
+ | background-color: #FFFFFF; | ||
+ | |||
+ | } | ||
+ | .bordertable th | ||
+ | { | ||
+ | border-color: black; | ||
+ | margin: 0; | ||
+ | border-width: 0 0 1px 1px; | ||
+ | border-style: solid; | ||
+ | background-color: #D8D5D0; | ||
+ | } | ||
+ | .bordertable | ||
+ | { | ||
+ | border-spacing: 0px; | ||
+ | border-width: 2px 2px 1px 1px; | ||
+ | border-style: solid; | ||
+ | border-color: black; | ||
} | } | ||
table | table | ||
{ | { | ||
background: none; | background: none; | ||
+ | } | ||
+ | .wiki_div | ||
+ | { | ||
+ | text-align: justify; | ||
} | } | ||
Line 73: | Line 147: | ||
font-family: Tahoma; | font-family: Tahoma; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
+ | text-align: center; | ||
} | } | ||
h1 | h1 | ||
Line 80: | Line 155: | ||
h2 | h2 | ||
{ | { | ||
- | font-size: | + | font-size: 115% |
} | } | ||
h3 | h3 | ||
{ | { | ||
- | font-size: | + | font-size: 110% |
} | } | ||
- | h4 | + | h4 |
{ | { | ||
font-size: 100% | font-size: 100% | ||
- | + | } | |
- | font- | + | h5 |
+ | { | ||
+ | font-size: 95% | ||
} | } | ||
a | a | ||
Line 220: | Line 297: | ||
border: 0; | border: 0; | ||
margin: 3px; | margin: 3px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | div.thumbinner div.thumbcaption | ||
+ | { | ||
+ | text-align: justify; | ||
} | } | ||
Line 231: | Line 313: | ||
- | .toclevel-1 | + | #toctable .toclevel-1 |
{ | { | ||
float: left; | float: left; | ||
Line 237: | Line 319: | ||
margin-left: 0px; | margin-left: 0px; | ||
margin-right: 20px; | margin-right: 20px; | ||
+ | } | ||
+ | .wiki_div .toclevel-1 | ||
+ | { | ||
+ | float: left; | ||
+ | list-style-type: none; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 20px; | ||
+ | width: 30%; | ||
} | } | ||
#toctitle | #toctitle | ||
Line 304: | Line 394: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center left; | background-position: center left; | ||
+ | } | ||
+ | a.toggle_close | ||
+ | { | ||
+ | padding-left: 17px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/5/5d/Team_TU_Munich2010_Images_Cross_small.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center left; | ||
+ | float: left; | ||
+ | text-align: left; | ||
} | } | ||
div.toggle_container | div.toggle_container | ||
Line 310: | Line 409: | ||
padding-left: 7px; | padding-left: 7px; | ||
margin-left: 5px; | margin-left: 5px; | ||
+ | margin-bottom: 25px; | ||
} | } | ||