Team:Heidelberg/Modeling
From 2008.igem.org
(Difference between revisions)
Annastoeckl (Talk | contribs) |
Annastoeckl (Talk | contribs) |
||
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% */ |
- | + | width: 100%; | |
+ | |||
} | } | ||
#nav li { | #nav li { | ||
- | display: 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 # | + | border: 1px solid #00b0e6; |
- | background: | + | 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*/ |
- | + | color: #f29400; | |
- | + | ||
} | } | ||
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 | + | border-top: 1px solid black; /* purpose: add a seperator, nur wozwischen? */ |
- | border-bottom: 1px solid | + | 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: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</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