Team:TU Munich/Templates/Layout

From 2010.igem.org

(Difference between revisions)
 
(287 intermediate revisions not shown)
Line 1: Line 1:
 +
<includeonly>
<html>
<html>
 +
</p>
-
<style type="text/css">
+
<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;
-
font-size: 11px;
 
-
color: #0000FF;
 
-
bgcolor: white;
 
-
margin: 0;
 
}
}
 +
 +
.firstHeading
 +
{
 +
display: none;
 +
}
 +
 +
#globalWrapper
#globalWrapper
{
{
-
background-color: transparent;
+
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;
-
#top-section
+
}
 +
.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
{
{
-
width:100%;
 
border: 0;
border: 0;
-
border-bottom:1px solid #0000FF;
+
font-weight: bold;
-
height: 20px;
+
}
-
overflow: visible;
+
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
{
{
-
position: absolute;
+
text-align: right;
-
right: 20px;
+
right: auto;
-
top: 2px;
+
background-color: #494D51;
-
display:block;
+
border-bottom: black 1px solid;
-
float:left;
+
width: 977px;
-
border: none;
+
z-index: 7;
-
font-size:80%;
+
-
color: #0000FF;
+
}
}
#menubar.left-menu
#menubar.left-menu
{
{
-
position: absolute;
+
text-align: left;
-
left: 20px;
+
left: auto;
-
top: 2px;
+
width: auto;
-
display:block;
+
z-index: 9;
-
float:left;
+
}
-
border: none;
+
#p-logo
-
font-size:80%;
+
{
-
color: #0000FF;
+
display: none;
}
}
#search-controls
#search-controls
{
{
-
position: absolute;
+
position: fixed;
-
top: 21px;
+
top: 24px;
-
right: 0px;
+
overflow :visible;
-
overflow:visible;
+
display:block;
display:block;
-
background: #0000FF;
+
background: none;
-
width: 250px;
+
width: 975px;
-
border-left:1px solid #0000FF;
+
border: 0;
-
border-bottom:1px solid #0000FF;
+
margin: 0;
margin: 0;
height: auto;
height: auto;
 +
text-align: right;
 +
right: auto;
}
}
#searchInput
#searchInput
{
{
-
width: auto;
+
font-size:85%;
-
color: #0000FF;
+
width: 100px;
 +
color: #555555;
 +
border: 0;
 +
padding-right: 2px;
 +
padding-left: 2px;
}
}
#searchform
#searchform
Line 76: Line 255:
input.searchButton
input.searchButton
{
{
 +
font-size:80%;
margin: 0;
margin: 0;
color: #FFFFFF;
color: #FFFFFF;
font-weight: normal;
font-weight: normal;
-
+
cursor: hand;
 +
cursor:pointer;
 +
padding-right: 2px;
 +
padding-left: 2px;
}
}
-
#footer
+
 
 +
.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;
-
float:left;
 
-
border: none;
 
-
font-size:90%;
 
}
}
-
#p-logo
+
#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>

Latest revision as of 17:13, 27 October 2010