Team:TU Munich/Templates/Layout

From 2010.igem.org

(Difference between revisions)
 
(168 intermediate revisions not shown)
Line 1: Line 1:
 +
<includeonly>
<html>
<html>
</p>
</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;
}
}
.firstHeading
.firstHeading
{
{
-
display: none;
+
display: none;
}
}
 +
 +
#globalWrapper
 +
{
 +
margin: 0 auto;
 +
width: 975px;
 +
}
#content
#content
{
{
-
background: url("https://static.igem.org/mediawiki/2010/f/fc/Grey-fade.jpg");
+
background-color: #D8D5D0;
-
background-repeat: repeat-x;
+
border: 1px solid black;
-
border: 1px solid #555555;
+
margin-bottom: 10px;
margin-bottom: 10px;
 +
padding: 0;
 +
padding-bottom: 20px;
 +
width: 975px;
 +
}
 +
#contentSub
 +
{
 +
margin: 0;
}
}
#footer-box
#footer-box
{
{
-
background-color: #E5E5E5;
+
background-color: #D8D5D0;
}
}
p
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;
text-align: justify;
Line 37: Line 147:
font-family: Tahoma;
font-family: Tahoma;
padding-bottom: 0px;
padding-bottom: 0px;
 +
text-align: center;
}
}
h1
h1
Line 44: 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 64: Line 193:
#menubar
#menubar
{
{
-
position: absolute;
+
position: fixed;
top: 0px;
top: 0px;
-
float:left;
+
float: left;
border: none;
border: none;
font-size:85%;
font-size:85%;
 +
height: 18px;
}
}
#menubar li a
#menubar li a
{
{
-
color: #555555;
+
color: #868686;
}
}
Line 78: Line 208:
{
{
text-align: right;
text-align: 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;
text-align: left;
 +
left: auto;
 +
width: auto;
 +
z-index: 9;
}
}
#p-logo
#p-logo
Line 90: Line 228:
#search-controls
#search-controls
{
{
-
position: absolute;
+
position: fixed;
-
top: 19px;
+
top: 24px;
-
right: 0px;
+
overflow :visible;
-
overflow:visible;
+
display:block;
display:block;
-
background: #555555;
+
background: none;
-
width: 250px;
+
width: 975px;
-
border-left:1px solid #555555;
+
border: 0;
-
border-bottom:1px solid #555555;
+
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 122: Line 261:
cursor: hand;
cursor: hand;
cursor:pointer;
cursor:pointer;
 +
padding-right: 2px;
 +
padding-left: 2px;
}
}
Line 149: Line 290:
color: #555555;
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>
</style>
-
<img src="https://static.igem.org/mediawiki/2010/1/10/Igem-banner.jpg" border="0"/>
 
</html>
</html>
 +
</includeonly>

Latest revision as of 17:13, 27 October 2010

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