"
Team:Heidelberg/Modeling
From 2008.igem.org
(Difference between revisions)
Annastoeckl (Talk | contribs) |
Annastoeckl (Talk | contribs) |
||
| Line 20: | Line 20: | ||
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% */ |
| - | + | ||
| - | + | ||
} | } | ||
#nav li { | #nav li { | ||
| - | display: table-cell; /* purpose: li behaves like table-cell */ | + | display: table-cell; /* purpose: li behaves like table-cell. legt also die zeilen nebeneinander, mit |
| + | block wären sie untereinander */ | ||
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 34: | Line 35: | ||
display: block; /* purpose: non-overlap div on a */ | display: block; /* purpose: non-overlap div on a */ | ||
margin: 0 1px 0 0; /* purpose: spacing main menu items */ | margin: 0 1px 0 0; /* purpose: spacing main menu items */ | ||
| - | padding: 4px | + | padding: 4px 29px; |
background-color: black; | background-color: black; | ||
color: #00b0e6; | color: #00b0e6; | ||
| Line 48: | Line 49: | ||
#nav div { | #nav div { | ||
| - | position: absolute; /* purpose: li of div doesn't spread out */ | + | position: absolute; /* Anordnung der Zellen, wenn relativ, dann alle übereinander. purpose: li of |
| + | div doesn't spread out */ | ||
display: none; | display: none; | ||
| - | width: | + | width: 7.5em; /* breite der ausklappboxen, paris hat sie auch nicht angepasst, man könnte |
| + | sie für jede seite extra anpassen...*/ | ||
opacity: 0.8; | opacity: 0.8; | ||
| - | + | filter: alpha(opacity=80); | |
| - | + | background: black; | |
| - | background: black; | + | /* wenn man hier border und farbe eingibt, kann man einen rand um die ausklappenden kästen machen, der ist allerdings falsch formatiert*/ |
| + | |||
} | } | ||
#nav span a, #nav div a { /* dieser teil macht die ausklappende leiste*/ | #nav span a, #nav div a { /* dieser teil macht die ausklappende leiste*/ | ||
| - | position: relative; | + | position: relative; /* wichtig: wenn der Teil fehlt, dann wird nur ein link pro ausklapp gezeigt*/ |
display: block; /* purpose: a's in div have same width */ | display: block; /* purpose: a's in div have same width */ | ||
margin: 0; | margin: 0; | ||
| Line 70: | Line 74: | ||
} | } | ||
| - | + | #nav span div { | |
position: relative; | position: relative; | ||
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 #5970B2; /* purpose: add a seperator */ |
| - | border-bottom: 1px solid | + | border-bottom: 1px solid #5970B2; /* 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 87: | Line 91: | ||
text-indent: 20px; | text-indent: 20px; | ||
} | } | ||
| + | |||
| + | #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> | ||
Revision as of 13:26, 22 August 2008
