Team:TU Munich/Templates/Layout

From 2010.igem.org

(Difference between revisions)
 
(76 intermediate revisions not shown)
Line 1: Line 1:
 +
<includeonly>
<html>
<html>
</p>
</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>
Line 6: Line 68:
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 41: 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 56: Line 147:
font-family: Tahoma;
font-family: Tahoma;
padding-bottom: 0px;
padding-bottom: 0px;
 +
text-align: center;
}
}
h1
h1
Line 63: 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 109: Line 219:
left: auto;
left: auto;
width: auto;
width: auto;
-
z-index: 8;
+
z-index: 9;
}
}
#p-logo
#p-logo
Line 187: Line 297:
border: 0;
border: 0;
margin: 3px;
margin: 3px;
 +
text-align: justify;
 +
}
 +
div.thumbinner div.thumbcaption
 +
{
 +
text-align: justify;
}
}
Line 193: Line 308:
{
{
position: relative;
position: relative;
-
top: -300px;
+
top: -225px;
display:block;
display:block;
}
}
-
.toclevel-1
+
#toctable .toclevel-1
 +
{
 +
float: left;
 +
list-style-type: none;
 +
margin-left: 0px;
 +
margin-right: 20px;
 +
}
 +
.wiki_div .toclevel-1
{
{
float: left;
float: left;
Line 204: Line 326:
margin-left: 0px;
margin-left: 0px;
margin-right: 20px;
margin-right: 20px;
 +
width: 30%;
}
}
#toctitle
#toctitle
Line 227: 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 232: 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 237: Line 364:
color: #000000;
color: #000000;
text-decoration: underline;
text-decoration: underline;
 +
font-size: 13px;
 +
font-weight: bold;
}
}
.toclevel-2
.toclevel-2
Line 250: 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 255: 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"