Team:Heidelberg/Modeling

From 2008.igem.org

(Difference between revisions)
Line 17: Line 17:
<style type="text/css">
<style type="text/css">
#nav, #nav ul {
#nav, #nav ul {
-
position: relative;
+
position:relative
margin: 0 auto; /* purpose: allow centering ul table */
margin: 0 auto; /* purpose: allow centering ul table */
padding: 0;
padding: 0;
-
         display: table
+
         display: table                                 /* purpose: ul doesn't stretch width 100% */
-
/* purpose: ul doesn't stretch width 100% */
+
        width: 100%;
 +
}
}
#nav li {
#nav li {
-
display: table-cell; /* purpose: li behaves like table-cell */
+
display: table-cell;                           /* purpose: li behaves like table-cell */
position: relative; /* purpose: non-overlap li elements in ul */
position: relative; /* purpose: non-overlap li elements in ul */
list-style: none; /* purpose: remove default html list-style */
list-style: none; /* purpose: remove default html list-style */
Line 52: Line 53:
opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
filter: alpha(opacity=80);
-
border: 1px solid #5970B2;
+
border: 1px solid #00b0e6;
-
background: #EAEBD8;
+
background: black;
}
}
-
#nav span a, #nav div a {
+
#nav span a, #nav div a {                       /* dieser teil macht die ausklappende leiste*/
position: relative;
position: relative;
display: block; /* purpose: a's in div have same width */
display: block; /* purpose: a's in div have same width */
margin: 0;
margin: 0;
-
padding: 5px 10px;
+
padding: 5px 10px;  
text-align: left;
text-align: left;
font: 11px arial;
font: 11px arial;
}
}
-
#nav span a:hover, #nav div a:hover {
+
#nav span a:hover, #nav div a:hover {           /* dieser teil macht das hovern der ausklappenden leiste*/
-
background-color: #d4e2ef;
+
color: #f29400;
-
color: #000;
+
}
}
Line 74: Line 74:
margin: 0;
margin: 0;
border: none; /* purpose: reset border to none */
border: none; /* purpose: reset border to none */
-
border-top: 1px solid #5970B2; /* purpose: add a seperator */
+
border-top: 1px solid black; /* purpose: add a seperator, nur wozwischen? */
-
border-bottom: 1px solid #5970B2; /* purpose: add a seperator */
+
border-bottom: 1px solid black;         /* purpose: add a seperator */
opacity: 1.0; /* purpose: opacity already 0.8 by #nav div */
opacity: 1.0; /* purpose: opacity already 0.8 by #nav div */
filter: alpha(opacity=100); /* purpose: opacity already 80 by #nav div */
filter: alpha(opacity=100); /* purpose: opacity already 80 by #nav div */
Line 88: Line 88:
}
}
-
#nav .expand {
 
-
background-image: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png');
 
-
background-repeat: no-repeat;
 
-
background-position: 95% 50%;
 
-
}
 
-
 
-
#nav .collapse {
 
-
background-image: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png');
 
-
background-repeat: no-repeat;
 
-
background-position: 95% 50%;
 
-
}
 
</style>
</style>
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/scripts/jquery.js"></script>
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/scripts/jquery.js"></script>
<script type="text/javascript">
<script type="text/javascript">
 +
 +
function ddmsie() {
function ddmsie() {

Revision as of 12:47, 22 August 2008

Schloss altstadt.jpg

IGEM Team Heidelberg 08.jpg