From 2012.igem.org
(Difference between revisions)
|
|
Line 1: |
Line 1: |
- | * { margin: 0; padding: 0; }
| + | Hejsan! |
- | | + | |
- | body { background: #F5F5F5; font-family: Verdana, arial, sans-serif; font-size: 12px; }
| + | |
- | | + | |
- | #wrapper { width: 960px; margin: 10px auto; border: 1px solid #E0E0E0; padding: 6px; }
| + | |
- | | + | |
- | #header { height: 120px; background: url( '../img/synth.jpg' ); } /* Bildens sökväg. */
| + | |
- | #header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; }
| + | |
- | | + | |
- | #nav {
| + | |
- | margin: 0;
| + | |
- | background: #292929;
| + | |
- | line-height: 35px;
| + | |
- | border-bottom: 2px solid #4ba6d5;
| + | |
- | }
| + | |
- | | + | |
- | #nav li {
| + | |
- | float: left;
| + | |
- | position: relative;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* main level link */
| + | |
- | #nav li a {
| + | |
- | color: #fff;
| + | |
- | text-decoration: none;
| + | |
- | display: block;
| + | |
- | margin: 0 10px;
| + | |
- | padding: 0px 10px;
| + | |
- | margin: 0;
| + | |
- | border-right: 1px solid #2d2d2d;
| + | |
- | }
| + | |
- | #nav li a:hover {
| + | |
- | background: #3D3D3D;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* sub levels link hover */
| + | |
- | #nav ul li:hover a, #nav li:hover li a {
| + | |
- | background: #292929;
| + | |
- | border: none;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | #nav ul a:hover {
| + | |
- | background: #3D3D3D !important;
| + | |
- | color: #fff !important;
| + | |
- | }
| + | |
- | | + | |
- | /* dropdown */
| + | |
- | #nav li:hover > ul {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | | + | |
- | /* level 2 list */
| + | |
- | #nav ul {
| + | |
- | display: none;
| + | |
- | | + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | width: 185px; /* ändra bredd på dropdown */
| + | |
- | position: absolute;
| + | |
- | top: 35px;
| + | |
- | left: 0;
| + | |
- | border-bottom: 2px solid #4ba6d5;
| + | |
- | }
| + | |
- | #nav ul li {
| + | |
- | float: none;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | border-bottom: 1px solid #2d2d2d;
| + | |
- | }
| + | |
- | | + | |
- | /* level 3+ list */
| + | |
- | #nav ul ul {
| + | |
- | left: 181px;
| + | |
- | top: -3px;
| + | |
- | }
| + | |
- | | + | |
- | /* rounded corners of first and last link */
| + | |
- | #nav ul li:first-child > a {
| + | |
- | }
| + | |
- | #nav ul li:last-child > a {
| + | |
- | }
| + | |
- | | + | |
- | #nav:after {
| + | |
- | content: ".";
| + | |
- | display: block;
| + | |
- | clear: both;
| + | |
- | visibility: hidden;
| + | |
- | line-height: 0;
| + | |
- | height: 0;
| + | |
- | }
| + | |
Revision as of 17:09, 23 April 2012
Hejsan!