"
Team:Freiburg Bioware/css menu
From 2010.igem.org
(Difference between revisions)
| Line 148: | Line 148: | ||
#menu ul {list-style-image:none;} | #menu ul {list-style-image:none;} | ||
| + | /* 3rd level */ | ||
| + | |||
| + | /* Drop-Down Start */ | ||
| + | |||
| + | #menu3 { | ||
| + | width: 975px; | ||
| + | margin: 0px 0px 0px 0px; | ||
| + | border: none; | ||
| + | position: relative; | ||
| + | text-align:center; | ||
| + | top: -57px; | ||
| + | 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)"; | ||
| + | z-index:1; | ||
| + | } | ||
| + | |||
| + | #menu3 {list-style-type:none; padding:0;} | ||
| + | #menu3 li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:119px; height:3em;} | ||
| + | #menu3 li dl {position:absolute; top:0; left:0; padding-bottom:0;} | ||
| + | #menu3 li a, #menu li a:visited {text-decoration:none;} | ||
| + | #menu3 li dd {display:none;} | ||
| + | #menu3 li d3 {display:none;} | ||
| + | #menu3 li a:hover {border:0;} | ||
| + | #menu3 li:hover dd, #menu li a:hover dd, #menu li:hover d3, #menu li a:hover d3 {display:block;} | ||
| + | #menu3 li:hover dl, #menu li a:hover dl {padding-bottom:10px;} | ||
| + | #menu3 table {border-collapse:collapse; padding:0; margin:-1px;} | ||
| + | #menu3 dl {width: 119px; margin: 0; padding: 0; background: transparent;} | ||
| + | #menu3 dd {margin:0; padding: 0;} | ||
| + | |||
| + | #menu d3 {margin:0; padding:0; color: #fff; font-size: 0.9em; text-align:left;width: 150px;} | ||
| + | #menu d3.first {margin: 30px 0 0;} | ||
| + | |||
| + | #menu3 dd a, | ||
| + | #menu3 dd a:visited { | ||
| + | width: 120px; | ||
| + | height: 35px; | ||
| + | margin: 10px 0x 10px 0px; | ||
| + | padding: 15px 0px 0px 0px; | ||
| + | float: left; | ||
| + | font-weight: bold; | ||
| + | font-size: 12px; | ||
| + | text-decoration: none; | ||
| + | color: #555555; | ||
| + | background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/5/56/Freiburg10_button_a_120.jpg) no-repeat scroll center center; | ||
| + | outline:none;} | ||
| + | |||
| + | #menu3 li:hover dd a, | ||
| + | #menu3 a:hover dd a, | ||
| + | #menu3 li:active dd a, | ||
| + | #menu3 a:active dd a { | ||
| + | color:#030659; | ||
| + | background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/8/88/Freiburg10_button_aho_120.jpg) no-repeat scroll center center; | ||
| + | outline:none; | ||
| + | } | ||
| + | #menu3 li dd a.current, | ||
| + | #menu3 li dd a.current { | ||
| + | color:#970808; | ||
| + | background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/8/88/Freiburg10_button_aho_120.jpg) no-repeat scroll center center; | ||
| + | outline:none; | ||
| + | } | ||
| + | #menu3 li:active dd a, #menu a:active dd a, #menu li:focus dd a, #menu a:focus dt a {color:#970808;} | ||
| + | #menu3 dd.menu_button_left a, | ||
| + | #menu3 dd.menu_button_left a:visited { | ||
| + | background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/2/2f/Freiburg10_button_a_left_120.jpg) no-repeat scroll center center; | ||
| + | } | ||
| + | #menu3 li:hover dd.menu_button_left a, | ||
| + | #menu3 a:hover dd.menu_button_left a, | ||
| + | #menu3 li:active dd.menu_button_left a, | ||
| + | #menu3 a:active dd.menu_button_left a, | ||
| + | #menu3 li dd.menu_button_left a.current, | ||
| + | #menu3 a dd.menu_button_left a.current { | ||
| + | background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/9/92/Freiburg10_button_aho_left_120.jpg) no-repeat scroll center center; | ||
| + | } | ||
| + | #menu3 li:active dd.menu_button_left a, | ||
| + | #menu3 a:active dd.menu_button_left a, | ||
| + | #menu3 li:focus dd.menu_button_left a, | ||
| + | #menu3 a:focus dd.menu_button_left a { | ||
| + | color:#970808; | ||
| + | } | ||
| + | #menu3 dd.menu_button_right a, | ||
| + | #menu3 dd.menu_button_right a:visited { | ||
| + | background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/a/a6/Freiburg10_button_a_right_120.jpg) no-repeat scroll center center; | ||
| + | } | ||
| + | #menu3 li:hover dd.menu_button_right a, | ||
| + | #menu3 a:hover dd.menu_button_right a, | ||
| + | #menu3 li:active dd.menu_button_right a, | ||
| + | #menu3 a:active dd.menu_button_right a, | ||
| + | #menu3 li dd.menu_button_right a.current, | ||
| + | #menu3 a dd.menu_button_right a.current { | ||
| + | background: transparent url(http://www.molbiotech.uni-freiburg.de/iGEM/wiki2010/images/f/f9/Freiburg10_button_aho_right_120.jpg) no-repeat scroll center center; | ||
| + | } | ||
| + | #menu3 li:active dd.menu_button_right a, | ||
| + | #menu3 a:active dd.menu_button_right a, | ||
| + | #menu3 li:focus dd.menu_button_right a, | ||
| + | #menu3 a:focus dd.menu_button_right a { | ||
| + | color:#970808; | ||
| + | } | ||
| + | #menu3 d3 a, #menu3 d3 a:visited {background:#f5f5f5; color: #555555; padding:0.5em 0; text-decoration:none; display:block; text-align:left; border:none; font-weight:bolder; padding: 5px;} | ||
| + | #menu3 d3 a:hover {background: #d7f6d6; color:#030659; border: none; font-weight:bolder;} | ||
| + | #menu3 b {display:block; overflow:hidden; height:1px;} | ||
| + | #menu3 ul {list-style-image:none;} | ||
/* Drop-Down-End */ | /* Drop-Down-End */ | ||
Revision as of 22:44, 9 October 2010
