Team:TU Munich/Templates/Layout

From 2010.igem.org

(Difference between revisions)
 
(101 intermediate revisions not shown)
Line 1: Line 1:
 +
<includeonly>
<html>
<html>
</p>
</p>
-
<img src="https://static.igem.org/mediawiki/2010/c/c6/Team_TU_Munich2010_Images_Banner.jpg" width=975 height=200 border="0" style="position: absolute; top: 0;"/>
 
-
<img src="https://static.igem.org/mediawiki/2010/b/bd/Team_TU_Munich2010_Images_Blank.gif" width=975 height=250 border="0"/>
 
-
<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;
+
        background-color: #494D51;
text-align: center;
text-align: center;
 +
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
}
Line 44: 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 59: Line 147:
font-family: Tahoma;
font-family: Tahoma;
padding-bottom: 0px;
padding-bottom: 0px;
 +
text-align: center;
}
}
h1
h1
Line 66: Line 155:
h2
h2
{
{
-
font-size: 110%
+
font-size: 115%
}
}
h3
h3
{
{
-
font-size: 100%
+
font-size: 110%
}
}
-
h4, h5, h6
+
h4
{
{
font-size: 100%
font-size: 100%
-
font-weight: normal;
+
}
-
font-style: italic;
+
h5
 +
{
 +
font-size: 95%
 +
}
 +
a
 +
{
 +
color: #0065BD;
 +
}
 +
a:active
 +
{
 +
color: #0065BD;
 +
}
 +
a:visited
 +
{
 +
color: #0065BD;
 +
}
 +
a:hover
 +
{
 +
color: #0065BD;
}
}
#top-section
#top-section
Line 91: Line 198:
border: none;
border: none;
font-size:85%;
font-size:85%;
 +
height: 18px;
}
}
#menubar li a
#menubar li a
Line 101: Line 209:
text-align: right;
text-align: right;
right: auto;
right: auto;
-
width: 975px;
+
background-color: #494D51;
 +
border-bottom: black 1px solid;
 +
width: 977px;
 +
z-index: 7;
}
}
#menubar.left-menu
#menubar.left-menu
Line 108: Line 219:
left: auto;
left: auto;
width: auto;
width: auto;
-
z-index: 6;
+
z-index: 9;
}
}
#p-logo
#p-logo
Line 118: Line 229:
{
{
position: fixed;
position: fixed;
-
top: 0px;
+
top: 24px;
-
overflow:visible;
+
overflow :visible;
display:block;
display:block;
background: none;
background: none;
-
width: 135px;
+
width: 975px;
border: 0;
border: 0;
margin: 0;
margin: 0;
height: auto;
height: auto;
-
text-align: left;
+
text-align: right;
 +
right: auto;
}
}
#searchInput
#searchInput
{
{
font-size:85%;
font-size:85%;
-
width: 130px;
+
width: 100px;
color: #555555;
color: #555555;
border: 0;
border: 0;
 +
padding-right: 2px;
 +
padding-left: 2px;
}
}
#searchform
#searchform
Line 147: Line 261:
cursor: hand;
cursor: hand;
cursor:pointer;
cursor:pointer;
 +
padding-right: 2px;
 +
padding-left: 2px;
}
}
Line 181: Line 297:
border: 0;
border: 0;
margin: 3px;
margin: 3px;
 +
text-align: justify;
 +
}
 +
div.thumbinner div.thumbcaption
 +
{
 +
text-align: justify;
}
}
Line 187: Line 308:
{
{
position: relative;
position: relative;
-
top: -50px;
+
top: -225px;
display:block;
display:block;
}
}
-
.toclevel-1
+
#toctable .toclevel-1
{
{
float: left;
float: left;
Line 198: 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 221: Line 350:
color: #000000;
color: #000000;
text-decoration: none;
text-decoration: none;
 +
font-size: 13px;
 +
font-weight: bold;
}
}
.toclevel-1 a:active span
.toclevel-1 a:active span
Line 226: Line 357:
color: #000000;
color: #000000;
text-decoration: none;
text-decoration: none;
 +
font-size: 13px;
 +
font-weight: bold;
}
}
.toclevel-1 a:hover span
.toclevel-1 a:hover span
Line 231: Line 364:
color: #000000;
color: #000000;
text-decoration: underline;
text-decoration: underline;
 +
font-size: 13px;
 +
font-weight: bold;
}
}
.toclevel-2
.toclevel-2
Line 244: Line 379:
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>
Line 249: Line 417:
</html>
</html>
 +
</includeonly>

Latest revision as of 17:13, 27 October 2010

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