Team:Freiburg Bioware/css menu
From 2010.igem.org
(Difference between revisions)
(27 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style> | <style> | ||
/* menu and header */ | /* menu and header */ | ||
+ | |||
+ | /* top menu */ | ||
+ | |||
+ | #p-logo { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #top-section .left-menu { | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | #top-section { | ||
+ | background:transparent | ||
+ | } | ||
+ | |||
+ | #menubar li.pad-right { | ||
+ | padding-right:20px; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | top:15px; | ||
+ | margin-right:30px; | ||
+ | } | ||
+ | |||
+ | input.searchButton { | ||
+ | color:#555; | ||
+ | position:relative; | ||
+ | top:-20px; | ||
+ | left:20px; | ||
+ | } | ||
+ | input.searchButton:hover, #menubar li a:hover { | ||
+ | color:#030659; | ||
+ | } | ||
+ | |||
+ | #searchGoButton { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #searchInput { | ||
+ | width:100px; | ||
+ | } | ||
+ | |||
+ | #searchform { | ||
+ | left:-15px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #menubar li a, #menubar .selected a { | ||
+ | color:#030659; | ||
+ | } | ||
+ | div#menubar li.menubar_current { | ||
+ | color:#970808; | ||
+ | } | ||
+ | |||
+ | #top-section #menubar { | ||
+ | top:10px; | ||
+ | } | ||
+ | |||
+ | #top-section .right-menu { | ||
+ | margin-right:185px; | ||
+ | width:250px; | ||
+ | } | ||
+ | |||
+ | |||
+ | input.searchButton { | ||
+ | left:80px; | ||
+ | } | ||
/* banner */ | /* banner */ | ||
+ | |||
+ | #banner-wrap { | ||
+ | width:975px; | ||
+ | height:350px; | ||
+ | position:relative; | ||
+ | margin-left:-10px; | ||
+ | top:12px; | ||
+ | background:transparent; | ||
+ | } | ||
+ | |||
+ | #banner1, #banner2, #banner3 { | ||
+ | background:transparent; | ||
+ | } | ||
#banner1 { | #banner1 { | ||
float:left; | float:left; | ||
- | width: | + | width: 713px; |
- | height: | + | height: 285px; |
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
background: transparent | background: transparent | ||
Line 18: | Line 97: | ||
#banner2 { | #banner2 { | ||
float:left; | float:left; | ||
- | width: | + | width: 20px; |
- | height: | + | height: 325px; |
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
background: transparent | background: transparent | ||
- | url(https://static.igem.org/mediawiki/2010/ | + | url(https://static.igem.org/mediawiki/2010/1/1b/Freiburg10_Banner_Snippet_6.png) no-repeat scroll center 0px; |
position:relative; | position:relative; | ||
top:-25px; | top:-25px; | ||
Line 29: | Line 108: | ||
#banner3 { | #banner3 { | ||
- | float: | + | float:left; |
- | width: | + | width: 242px; |
- | height: | + | height: 260px; |
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
background: transparent | background: transparent | ||
Line 49: | Line 128: | ||
/* Drop-Down Start */ | /* Drop-Down Start */ | ||
+ | div#menu { | ||
+ | left:5px; | ||
+ | } | ||
#menu { | #menu { | ||
+ | clear:both; | ||
width: 975px; | width: 975px; | ||
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
Line 55: | Line 138: | ||
position: relative; | position: relative; | ||
text-align:center; | text-align:center; | ||
- | top: - | + | top: -52px; |
filter:alpha(opacity=50); -moz-opacity: 0.97; opacity: 0.97; | filter:alpha(opacity=50); -moz-opacity: 0.97; opacity: 0.97; | ||
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=97, FinishOpacity=80, Style=2); | filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=97, FinishOpacity=80, Style=2); | ||
Line 89: | Line 172: | ||
text-decoration: none; | text-decoration: none; | ||
color: #555555; | color: #555555; | ||
- | background: transparent url( | + | background: transparent url(https://static.igem.org/mediawiki/2010/5/56/Freiburg10_button_a_120.jpg) no-repeat scroll center center; |
outline:none;} | outline:none;} | ||
Line 97: | Line 180: | ||
#menu a:active dt a { | #menu a:active dt a { | ||
color:#030659; | color:#030659; | ||
- | background: transparent url( | + | background: transparent url(https://static.igem.org/mediawiki/2010/8/88/Freiburg10_button_aho_120.jpg) no-repeat scroll center center; |
outline:none; | outline:none; | ||
} | } | ||
Line 109: | Line 192: | ||
#menu dt.menu_button_left a, | #menu dt.menu_button_left a, | ||
#menu dt.menu_button_left a:visited { | #menu dt.menu_button_left a:visited { | ||
- | background: transparent url( | + | background: transparent url(https://static.igem.org/mediawiki/2010/1/15/Freiburg10_button_a_left_120.png) no-repeat scroll center center; |
} | } | ||
#menu li:hover dt.menu_button_left a, | #menu li:hover dt.menu_button_left a, | ||
Line 117: | Line 200: | ||
#menu li dt.menu_button_left a.current, | #menu li dt.menu_button_left a.current, | ||
#menu a dt.menu_button_left a.current { | #menu a dt.menu_button_left a.current { | ||
- | background: transparent url( | + | background: transparent url(https://static.igem.org/mediawiki/2010/b/b2/Freiburg10_button_aho_left_120.png) no-repeat scroll center center; |
} | } | ||
#menu li:active dt.menu_button_left a, | #menu li:active dt.menu_button_left a, | ||
Line 127: | Line 210: | ||
#menu dt.menu_button_right a, | #menu dt.menu_button_right a, | ||
#menu dt.menu_button_right a:visited { | #menu dt.menu_button_right a:visited { | ||
- | background: transparent url( | + | background: transparent url(https://static.igem.org/mediawiki/2010/f/f0/Freiburg10_button_a_right_120.png) no-repeat scroll center center; |
} | } | ||
#menu li:hover dt.menu_button_right a, | #menu li:hover dt.menu_button_right a, | ||
Line 135: | Line 218: | ||
#menu li dt.menu_button_right a.current, | #menu li dt.menu_button_right a.current, | ||
#menu a dt.menu_button_right a.current { | #menu a dt.menu_button_right a.current { | ||
- | background: transparent url( | + | background: transparent url(https://static.igem.org/mediawiki/2010/0/0f/Freiburg10_button_aho_right_120.png) no-repeat scroll center center; |
} | } | ||
#menu li:active dt.menu_button_right a, | #menu li:active dt.menu_button_right a, |
Latest revision as of 01:03, 28 October 2010