Team:Heidelberg/Modeling

From 2008.igem.org

(Difference between revisions)
Line 1: Line 1:
[[Image:schloss_altstadt.jpg|520px|left]]<br>[[Image:IGEM_Team_Heidelberg_08.jpg|375px|right]]
[[Image:schloss_altstadt.jpg|520px|left]]<br>[[Image:IGEM_Team_Heidelberg_08.jpg|375px|right]]
-
 
+
<br>
-
 
+
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
#nav, #nav ul {
 +
position: relative;
 +
margin: 0 auto; /* purpose: allow centering ul table */
 +
padding: 0;
 +
        display: table
 +
/* purpose: ul doesn't stretch width 100% */
 +
}
-
<! --borrowed and adapted from http://www.chofski.co.uk/iGEM/bccs-igem.css>
+
#nav li {
 +
display: table-cell; /* purpose: li behaves like table-cell */
 +
position: relative; /* purpose: non-overlap li elements in ul */
 +
list-style: none; /* purpose: remove default html list-style */
 +
}
-
div.HDBar {  
+
#nav li a {
-
background-color:black;
+
display: block; /* purpose: non-overlap div on a */
-
}
+
margin: 0 1px 0 0; /* purpose: spacing main menu items */
-
 
+
padding: 4px 16px;
-
div.HDBar table {
+
background-color: black;
-
       
+
-
}
+
-
 
+
-
div.HDBar a {
+
-
margin: 0px 1px 0px 1px;
+
-
padding:0px 6px 0px 6px;
+
-
border:5px solid #000000;
+
-
background-color:black;
+
-
text-decoration: none;
+
color: #00b0e6;
color: #00b0e6;
-
}<!--macht Schriftfarbe nicht aktiven links in Titelleiste-->
+
text-align: center;
 +
text-decoration: none; /* purpose: remove underline from a */
 +
font: bold 13px arial;
 +
}
-
div.HDBar th {
+
#nav li a:hover {
-
margin: 0px 1px 0px 1px;
+
-
padding:0px 6px 0px 6px;
+
-
border:5px solid #000000;
+
background-color: black;
background-color: black;
-
text-decoration: none;
 
color: #f29400;
color: #f29400;
 +
}
 +
 +
#nav div {
 +
position: absolute; /* purpose: li of div doesn't spread out */
 +
display: none;
 +
width: 10em;
 +
opacity: 0.8;
 +
filter: alpha(opacity=80);
 +
border: 1px solid #5970B2;
 +
background: #EAEBD8;
 +
}
 +
 +
#nav span a, #nav div a {
 +
position: relative;
 +
display: block; /* purpose: a's in div have same width */
 +
margin: 0;
 +
padding: 5px 10px;
 +
text-align: left;
 +
font: 11px arial;
 +
}
 +
 +
#nav span a:hover, #nav div a:hover {
 +
background-color: #d4e2ef;
 +
color: #000;
}
}
-
div.HDBar a:hover {
+
#nav span div {
-
margin: 0px 1px 0px 1px;
+
position: relative;
-
padding:0px 6px 0px 6px;
+
margin: 0;
-
border:5px solid #000000;
+
border: none; /* purpose: reset border to none */
-
text-decoration: none;
+
border-top: 1px solid #5970B2; /* purpose: add a seperator */
-
background-color: black;
+
border-bottom: 1px solid #5970B2; /* purpose: add a seperator */
-
color: #f29400;
+
opacity: 1.0; /* purpose: opacity already 0.8 by #nav div */
-
}  
+
filter: alpha(opacity=100); /* purpose: opacity already 80 by #nav div */
 +
}
 +
 +
#nav span div a {
 +
text-indent: 10px;
 +
}
 +
 +
#nav span div span div a {
 +
text-indent: 20px;
 +
}
-
div.blocksatz {text-align: justify;}  
+
#nav .expand {
 +
background-image: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png');
 +
background-repeat: no-repeat;
 +
background-position: 95% 50%;
 +
}
-
</style>
+
#nav .collapse {
-
</html>
+
background-image: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png');
 +
background-repeat: no-repeat;
 +
background-position: 95% 50%;
 +
}
 +
</style>
-
<br>
+
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/scripts/jquery.js"></script>
-
<br>
+
<script type="text/javascript">
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
 +
function ddmsie() {
 +
$("#nav ul").css('display', 'inline-block');
 +
$("#nav li").css('display', 'inline');
 +
$("#nav a").css('display', 'inline-block');
 +
$("#nav a").hover(function () {$(this).css('background-color', '#d4e2ef')},
 +
function () {$(this).css('background-color', '#649cd7')});
 +
$("#nav div a").css('display', 'block');
 +
$("#nav div").css('left', '0');
 +
$("#nav div").css('top', '100%');
 +
$("#nav span div").css('top', '0');
 +
}
-
<div class ="HDBar">
+
function ddmozilla() {
-
{|style="color:black;background-color:black;" cellpadding="3" cellspacing="1" width="100%" border="0" align="center"
+
-
!align="center" style="color:#f29400"|[[Team:Heidelberg|Home]]
+
}
-
!align="center" style="color:#f29400"|[[Team:Heidelberg/Team|The Team]]
+
-
!align="center" style="color:#f29400"|[[Team:Heidelberg/Project|The Project]]
+
function ddnav() {
-
!align="center" style="color:#f29400"|[[Team:Heidelberg/Parts|Parts Submitted to the Registry]]
+
$("#nav li").hover(
-
!align="center" style="color:#f29400"|[[Team:Heidelberg/Modeling|Modeling]]
+
function () {
-
!align="center" style="color:#f29400"|[[Team:Heidelberg/Notebook|Notebook]]
+
$(this).find("div:first").css('display', 'inline');},
-
!align="center" style="color:#f29400"|[[Team:Heidelberg/Sponsors|Sponsors]]
+
function () {
-
|}
+
$(this).find("div:first").css('display', 'none');}
-
</div>
+
);
 +
 +
$("#nav span > a").toggle(
 +
function () {
 +
$(this).removeClass("#nav expand").addClass("#nav collapse");
 +
$(this).css('background-color', '#99AAFF');
 +
$(this).parent().find("div:first").css('display', 'block');},
 +
function () {
 +
$(this).removeClass("#nav collapse").addClass("#nav expand");
 +
$(this).hover(
 +
function () {
 +
$(this).css('background-color', '#d4e2ef');},
 +
function () {
 +
$(this).css('background-color', '#649cd7');}
 +
);
 +
$(this).parent().find("div:first").css('display', 'none');
 +
}
 +
).addClass("#nav expand");
 +
}
-
<br>
+
$(function () {
 +
if(jQuery.browser.msie) ddmsie();
 +
if(jQuery.browser.mozilla) ddmozilla();
 +
ddnav();
 +
});
 +
</script>
-
<p style="border:5pt solid #000000; -moz-border-radius:5px;
+
<div align="center" id="nav">
-
">
+
<ul>
-
<br>
+
<li>
-
<br>
+
                <a>Home</a>
-
</p>
+
<div>
 +
        <a href="https://2008.igem.org/Team:Heidelberg">Home</a>
 +
                        <a href="https://2008.igem.org/Team:Heidelberg/News">News</a>
 +
</li>
 +
<li>
 +
<a>The Team</a>
 +
<div>
 +
<a href="https://2008.igem.org/Team:Heidelberg/Team"></a>
 +
<a href="https://2008.igem.org/Team:Heidelberg/Team/People">People</a>
 +
 +
</div>
 +
</li>
 +
<li>
 +
<a>The Project</a>
 +
<div>
 +
<a href="https://2008.igem.org/Team:Heidelberg/Project">Summary</a>
 +
                        <a href="https://2008.igem.org/Team:Heidelberg/Project/Modules">Modules</a>
 +
 +
</div>
 +
</li>
 +
<li>
 +
<a>Parts Submitted to the Registry</a>
 +
<div>
 +
<a href="https://2008.igem.org/Team:Heidelberg/Parts">Parts</a>
 +
</div>
 +
</li>
 +
<li>
 +
<a>Modeling</a>
 +
<div>
 +
<a href="https://2008.igem.org/Team:Heidelberg/Modeling">Modeling</a>
 +
                       
 +
</div>
 +
</li>
 +
<li>
 +
<a>Notebook</a>
 +
<div>
 +
<a href="https://2008.igem.org/Team:Heidelberg/Notebook">Calendar</a>
 +
 +
</div>
 +
</li>
 +
<li>
 +
<a>Links</a>
 +
<div>
 +
<a href="URL"></a>
 +
                        <a href="URL"></a>
 +
 
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
 +
</html>

Revision as of 12:24, 22 August 2008

Schloss altstadt.jpg

IGEM Team Heidelberg 08.jpg













Retrieved from "http://2008.igem.org/Team:Heidelberg/Modeling"