Team:TU Munich/Templates/Layout
From 2010.igem.org
(Difference between revisions)
Hartlmueller (Talk | contribs) |
Hartlmueller (Talk | contribs) |
||
(303 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <includeonly> | ||
<html> | <html> | ||
+ | </p> | ||
- | < | + | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> |
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | //Hide (Collapse) the toggle containers on load | ||
+ | $(".toggle_container").hide(); | ||
+ | //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) | ||
+ | $("p.trigger").click(function(){ | ||
+ | $(this).toggleClass("activeToggle"); | ||
+ | var nextElem = $(this).next(); | ||
+ | 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 | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
body | body | ||
{ | { | ||
+ | background-color: #494D51; | ||
+ | text-align: center; | ||
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; | font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
+ | |||
+ | .firstHeading | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
#globalWrapper | #globalWrapper | ||
{ | { | ||
- | background-color: | + | margin: 0 auto; |
- | border: 0; | + | width: 975px; |
+ | } | ||
+ | #content | ||
+ | { | ||
+ | background-color: #D8D5D0; | ||
+ | border: 1px solid black; | ||
+ | margin-bottom: 10px; | ||
+ | padding: 0; | ||
+ | padding-bottom: 20px; | ||
+ | width: 975px; | ||
+ | } | ||
+ | #contentSub | ||
+ | { | ||
margin: 0; | margin: 0; | ||
} | } | ||
+ | #footer-box | ||
+ | { | ||
+ | background-color: #D8D5D0; | ||
+ | } | ||
+ | p | ||
+ | { | ||
+ | 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 | ||
+ | { | ||
+ | background: none; | ||
+ | } | ||
+ | .wiki_div | ||
+ | { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | h2, h3, h4, h5, h6 | ||
{ | { | ||
- | |||
- | |||
border: 0; | border: 0; | ||
- | + | font-weight: bold; | |
- | + | } | |
- | + | h1, h2, h3, h4, h5, h6 | |
+ | { | ||
+ | font-family: Tahoma; | ||
+ | padding-bottom: 0px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | h1 | ||
+ | { | ||
+ | font-size: 140% | ||
+ | } | ||
+ | h2 | ||
+ | { | ||
+ | font-size: 115% | ||
+ | } | ||
+ | h3 | ||
+ | { | ||
+ | font-size: 110% | ||
+ | } | ||
+ | h4 | ||
+ | { | ||
+ | font-size: 100% | ||
+ | } | ||
+ | h5 | ||
+ | { | ||
+ | font-size: 95% | ||
+ | } | ||
+ | a | ||
+ | { | ||
+ | color: #0065BD; | ||
+ | } | ||
+ | a:active | ||
+ | { | ||
+ | color: #0065BD; | ||
+ | } | ||
+ | a:visited | ||
+ | { | ||
+ | color: #0065BD; | ||
+ | } | ||
+ | a:hover | ||
+ | { | ||
+ | color: #0065BD; | ||
+ | } | ||
+ | #top-section | ||
+ | { | ||
+ | border: 0px; | ||
+ | height: 18px; | ||
} | } | ||
+ | #menubar | ||
+ | { | ||
+ | position: fixed; | ||
+ | top: 0px; | ||
+ | float: left; | ||
+ | border: none; | ||
+ | font-size:85%; | ||
+ | height: 18px; | ||
+ | } | ||
+ | #menubar li a | ||
+ | { | ||
+ | color: #868686; | ||
+ | } | ||
#menubar.right-menu | #menubar.right-menu | ||
{ | { | ||
- | + | text-align: right; | |
- | right: | + | right: auto; |
- | + | background-color: #494D51; | |
- | + | border-bottom: black 1px solid; | |
- | + | width: 977px; | |
- | + | z-index: 7; | |
- | + | ||
} | } | ||
#menubar.left-menu | #menubar.left-menu | ||
{ | { | ||
- | + | text-align: left; | |
- | left: | + | left: auto; |
- | + | width: auto; | |
- | + | z-index: 9; | |
- | + | } | |
- | + | #p-logo | |
- | + | { | |
+ | display: none; | ||
} | } | ||
#search-controls | #search-controls | ||
{ | { | ||
- | position: | + | position: fixed; |
- | top: | + | top: 24px; |
- | + | overflow :visible; | |
- | overflow:visible; | + | |
display:block; | display:block; | ||
- | + | background: none; | |
- | width: | + | width: 975px; |
- | border | + | border: 0; |
- | + | ||
margin: 0; | margin: 0; | ||
+ | height: auto; | ||
+ | text-align: right; | ||
+ | right: auto; | ||
} | } | ||
#searchInput | #searchInput | ||
{ | { | ||
+ | font-size:85%; | ||
width: 100px; | width: 100px; | ||
- | + | color: #555555; | |
+ | border: 0; | ||
+ | padding-right: 2px; | ||
+ | padding-left: 2px; | ||
} | } | ||
- | # | + | #searchform |
{ | { | ||
- | margin:1px | + | margin: 1px; |
- | font-color: | + | } |
- | + | input.searchButton | |
+ | { | ||
+ | font-size:80%; | ||
+ | margin: 0; | ||
+ | color: #FFFFFF; | ||
+ | font-weight: normal; | ||
+ | cursor: hand; | ||
+ | cursor:pointer; | ||
+ | padding-right: 2px; | ||
+ | padding-left: 2px; | ||
} | } | ||
- | + | ||
+ | .editsection | ||
{ | { | ||
+ | color: #555555; | ||
+ | font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; | ||
+ | font-size: 12.5px; | ||
+ | font-weight: normal; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .editsection a | ||
+ | { | ||
+ | color: #555555; | ||
+ | } | ||
+ | .editsection a:hover | ||
+ | { | ||
+ | color: #000000; | ||
+ | } | ||
+ | .editsection a:visited | ||
+ | { | ||
+ | color: #555555; | ||
+ | } | ||
+ | .editsection a:active | ||
+ | { | ||
+ | color: #555555; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.thumb, div.tright, div.tleft, div.center | ||
+ | { | ||
+ | background: none; | ||
+ | border: 0; | ||
+ | margin: 3px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | div.thumbinner div.thumbcaption | ||
+ | { | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | |||
+ | a[name] | ||
+ | { | ||
+ | position: relative; | ||
+ | top: -225px; | ||
display:block; | display:block; | ||
- | |||
- | |||
- | |||
} | } | ||
- | #p- | + | #toctable .toclevel-1 |
+ | { | ||
+ | float: left; | ||
+ | list-style-type: none; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | .wiki_div .toclevel-1 | ||
+ | { | ||
+ | float: left; | ||
+ | list-style-type: none; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 20px; | ||
+ | width: 30%; | ||
+ | } | ||
+ | #toctitle | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | #toc | ||
+ | { | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | background: transparent; | ||
+ | } | ||
+ | #toc ul | ||
+ | { | ||
+ | margin: 0; | ||
+ | } | ||
+ | #toctable p | ||
+ | { | ||
+ | margin: 0; | ||
+ | } | ||
+ | .toclevel-1 a span | ||
+ | { | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .toclevel-1 a:active span | ||
+ | { | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .toclevel-1 a:hover span | ||
+ | { | ||
+ | color: #000000; | ||
+ | text-decoration: underline; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .toclevel-2 | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | .toclevel-3 | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | .tocnumber | ||
{ | { | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | |||
+ | p.trigger | ||
+ | { | ||
+ | padding-left: 17px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/1/10/Team_TU_Munich2010_Images_Arrow_small.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center left; | ||
+ | } | ||
+ | p.activeToggle | ||
+ | { | ||
+ | padding-left: 17px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/5/56/Team_TU_Munich2010_Images_Arrow_close_small.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | 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 | ||
+ | { | ||
+ | border-left: 1px solid #4E9D20; | ||
+ | padding-left: 7px; | ||
+ | margin-left: 5px; | ||
+ | margin-bottom: 25px; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
+ | |||
+ | |||
</html> | </html> | ||
+ | </includeonly> |