"
Team:Warsaw/tabs.css
From 2010.igem.org
| Line 1: | Line 1: | ||
| - | |||
| - | |||
#main { | #main { | ||
border: 1px solid #666; | border: 1px solid #666; | ||
| Line 10: | Line 8: | ||
padding-top: 2em; | padding-top: 2em; | ||
} | } | ||
| - | |||
| - | |||
#contents { | #contents { | ||
padding: 1.5em; | padding: 1.5em; | ||
| Line 19: | Line 15: | ||
min-height: 300px; | min-height: 300px; | ||
} | } | ||
| - | |||
| - | |||
#header { | #header { | ||
position: relative; | position: relative; | ||
| Line 30: | Line 24: | ||
width: 45em;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ | width: 45em;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ | ||
} | } | ||
| - | |||
| - | |||
#header ul#primary { | #header ul#primary { | ||
margin: 0; | margin: 0; | ||
| Line 43: | Line 35: | ||
width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ | width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ | ||
} | } | ||
| - | |||
| - | |||
#header ul#primary li { | #header ul#primary li { | ||
display: inline; | display: inline; | ||
| Line 50: | Line 40: | ||
list-style: none; | list-style: none; | ||
} | } | ||
| - | |||
| - | |||
#header ul#primary a,#header ul#primary span,#header ul#primary a.current { | #header ul#primary a,#header ul#primary span,#header ul#primary a.current { | ||
width: 8em; | width: 8em; | ||
| Line 71: | Line 59: | ||
color: #333; | color: #333; | ||
} | } | ||
| - | |||
| - | |||
#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover { | #header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover { | ||
border: 1px solid #666; | border: 1px solid #666; | ||
| Line 84: | Line 70: | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
| - | |||
| - | |||
#header ul#primary a { | #header ul#primary a { | ||
background: #FFFAE1; | background: #FFFAE1; | ||
| Line 93: | Line 77: | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
| - | |||
| - | |||
#header ul#primary a:hover { | #header ul#primary a:hover { | ||
margin-top: 0; | margin-top: 0; | ||
| Line 104: | Line 86: | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
} | } | ||
| - | |||
| - | |||
#header ul#secondary { | #header ul#secondary { | ||
position: absolute; | position: absolute; | ||
| Line 118: | Line 98: | ||
width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ | width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ | ||
} | } | ||
| - | |||
| - | |||
#header ul#secondary li a,#header ul#secondary li span { | #header ul#secondary li a,#header ul#secondary li span { | ||
width: auto; | width: auto; | ||
| Line 136: | Line 114: | ||
border-right: | border-right: | ||
| - | + | ||
| + | 1px dotted #AAA; | ||
background: none; | background: none; | ||
} | } | ||
| - | |||
| - | |||
#header ul#secondary li a { | #header ul#secondary li a { | ||
color: #06C; | color: #06C; | ||
| Line 148: | Line 125: | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| - | |||
| - | |||
#header ul#secondary li a:hover { | #header ul#secondary li a:hover { | ||
color: #333; | color: #333; | ||
| Line 161: | Line 136: | ||
border-right: 1px dotted #AAA; | border-right: 1px dotted #AAA; | ||
} | } | ||
| - | |||
| - | |||
#header ul#secondary li a:active { | #header ul#secondary li a:active { | ||
color: #000; | color: #000; | ||
background: transparent; | background: transparent; | ||
| - | } | + | }#header ul#secondary li:last-child a { border: none; } |
| - | + | ||
| - | + | ||
| - | #header ul#secondary li:last-child a { border: none; } | + | |
Latest revision as of 15:13, 1 July 2010
- 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; }
