Team:CityU HK/Template/CSS

From 2014.igem.org

* html{ behavior:url("csshover3.htc"); } body { background: url("https://static.igem.org/mediawiki/2014/a/a5/CityU_HK_Background.jpg"); background-size:contain; background-repeat: no-repeat; background-position:left; background-attachment: fixed; background-size: cover } #menu { width:1168px; height:45px; margin-left:auto; margin-right:auto; z-index: 1; } #menu ul { list-style-type:none; padding:0; overflow:auto; z-index: 1; } * html #menu ul { height:45px; z-index: 1; } #menu ul li { float:left; background:#0CF; margin-left:20px; margin-top:-3px; z-index: 1; } * html #menu ul li { display:inline; } #menu ul li a { display:block; float:left; width: 158px; text-align: center; z-index: 1; } #menu ul li ul { position:absolute; width:158px; overflow:visible; clear:left; z-index: 1; } *:first-child+html #menu ul li ul { margin-top:-10px; z-index: 1; } * html #menu ul li ul { margin-top:-10px; } #menu ul li ul li { float:none; text-align: center; } #menu ul li ul li a { float:none; width: 100%; } #menu ul li ul li ul { margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 100px; width: 100%; } *:first-child+html #menu ul li ul li ul { margin-top:-30px; } #menu ul li ul { visibility:hidden; } #menu ul li:hover ul { visibility:visible; width:178px; margin-left:-20px; } #menu ul li:hover ul li ul { visibility:hidden; } #menu { font-size:12px; font-family:Arial, Helvetica, sans-serif; z-index: 1; } #menu ul li a { color:#FFF; text-decoration:none; line-height: 30px; z-index: 1; } #menu ul li ul { background:#efefef; } #menu ul li:hover, #menu ul li a:hover { background:#efefef; } #menu ul li:hover a { color:#FFFFFF; }