Team:TU Munich/Templates/Layout

From 2010.igem.org

(Difference between revisions)
(New page: LAYOUT)
 
(323 intermediate revisions not shown)
Line 1: Line 1:
-
LAYOUT
+
<includeonly>
 +
<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
 +
{
 +
        background-color: #494D51;
 +
text-align: center;
 +
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
 +
}
 +
 
 +
.firstHeading
 +
{
 +
display: none;
 +
}
 +
 
 +
 
 +
#globalWrapper
 +
{
 +
margin: 0 auto;
 +
width: 975px;
 +
}
 +
#content
 +
{
 +
background-color: #D8D5D0;
 +
border: 1px solid black;
 +
margin-bottom: 10px;
 +
padding: 0;
 +
padding-bottom: 20px;
 +
width: 975px;
 +
}
 +
#contentSub
 +
{
 +
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;
 +
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
 +
{
 +
text-align: right;
 +
right: auto;
 +
background-color: #494D51;
 +
border-bottom: black 1px solid;
 +
width: 977px;
 +
z-index: 7;
 +
}
 +
#menubar.left-menu
 +
{
 +
text-align: left;
 +
left: auto;
 +
width: auto;
 +
z-index: 9;
 +
}
 +
#p-logo
 +
{
 +
display: none;
 +
}
 +
 
 +
#search-controls
 +
{
 +
position: fixed;
 +
top: 24px;
 +
overflow :visible;
 +
display:block;
 +
background: none;
 +
width: 975px;
 +
border: 0;
 +
margin: 0;
 +
height: auto;
 +
text-align: right;
 +
right: auto;
 +
}
 +
#searchInput
 +
{
 +
font-size:85%;
 +
width: 100px;
 +
color: #555555;
 +
border: 0;
 +
padding-right: 2px;
 +
padding-left: 2px;
 +
}
 +
#searchform
 +
{
 +
margin: 1px;
 +
}
 +
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;
 +
}
 +
 
 +
 
 +
#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;
 +
}
 +
 
 +
 
 +
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>
 +
 
 +
 
 +
</html>
 +
</includeonly>

Latest revision as of 17:13, 27 October 2010

Retrieved from "http://2010.igem.org/Team:TU_Munich/Templates/Layout"