Team:Warsaw/Test
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | <html | + | <html> |
- | + | ||
<head> | <head> | ||
+ | <title>Example Tabs</title> | ||
+ | |||
+ | <!-- to są właściwe style, w sekcji head --> | ||
+ | <style type="text/css"> | ||
+ | #main { | ||
+ | border: 1px solid #666; | ||
+ | |||
+ | clear: both; | ||
+ | |||
+ | background: #FFF3B3; | ||
+ | |||
+ | padding-top: 2em; | ||
+ | } | ||
+ | |||
+ | |||
+ | #contents { | ||
+ | padding: 1.5em; | ||
+ | |||
+ | background: #FFFDF3; | ||
+ | |||
+ | min-height: 300px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header { | ||
+ | position: relative; | ||
+ | |||
+ | width: 100%; | ||
- | + | height: 3em; | |
- | + | width: 45em;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ | |
+ | } | ||
+ | |||
+ | |||
+ | #header ul#primary { | ||
+ | margin: 0; | ||
+ | |||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | |||
+ | bottom: -1px; | ||
+ | |||
+ | width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ | ||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#primary li { | ||
+ | display: inline; | ||
+ | |||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#primary a,#header ul#primary span,#header ul#primary a.current { | ||
+ | width: 8em; | ||
+ | |||
+ | display: block; | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | padding: 4px 0; | ||
+ | margin: 1px 2px 0 0; | ||
+ | |||
+ | text-align: center; | ||
+ | |||
+ | font-family: tahoma, verdana, sans-serif; | ||
+ | |||
+ | font-size: 85%; | ||
+ | text-decoration: none; | ||
+ | |||
+ | color: #333; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover { | ||
+ | border: 1px solid #666; | ||
+ | |||
+ | border-bottom: none; | ||
+ | |||
+ | background: #FFF3B3; | ||
+ | |||
+ | padding-bottom: 6px; | ||
+ | |||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#primary a { | ||
+ | background: #FFFAE1; | ||
+ | |||
+ | border: 1px solid #AAA; | ||
+ | |||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#primary a:hover { | ||
+ | margin-top: 0; | ||
+ | |||
+ | border-color: #666; | ||
+ | |||
+ | background: #FFF7CD; | ||
+ | |||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#secondary { | ||
+ | position: absolute; | ||
+ | |||
+ | margin: 0; | ||
+ | |||
+ | padding: 0; | ||
+ | |||
+ | bottom: -1.4em; | ||
+ | left: 1px; | ||
+ | |||
+ | width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ | ||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#secondary li a,#header ul#secondary li span { | ||
+ | width: auto; | ||
+ | |||
+ | display: block; | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | padding: 0 10px; | ||
+ | |||
+ | margin: 0; | ||
+ | |||
+ | text-align: auto; | ||
+ | |||
+ | border: none; | ||
+ | |||
+ | border-right: | ||
+ | 1px dotted #AAA; | ||
+ | |||
+ | background: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#secondary li a { | ||
+ | color: #06C; | ||
+ | |||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#secondary li a:hover { | ||
+ | color: #333; | ||
+ | |||
+ | background: transparent; | ||
+ | |||
+ | padding: 0 10px; | ||
+ | |||
+ | border: none; | ||
+ | |||
+ | border-right: 1px dotted #AAA; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header ul#secondary li a:active { | ||
+ | color: #000; | ||
- | + | background: transparent; | |
+ | } | ||
- | |||
+ | #header ul#secondary li:last-child a { border: none; } | ||
+ | </style> | ||
+ | <!-- koniec stylów --> | ||
</head> | </head> |
Revision as of 15:56, 1 July 2010
Example Tabs
Welcome to Example Tabs
Use the tabs up above to navigate the site. The secondary navigation in the About Us section is functional.
Suspendisse magna dui, viverra quis, cursus non, sapien.