Meetups/August UCSC
From 2014.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | #menuWrapper { | ||
+ | width:100%; /* Menu width */ | ||
+ | height:35px; | ||
+ | padding-left:14px; | ||
+ | background:#BC8F8F; /* Background color */ | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .menu { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | list-style:none; | ||
+ | height:35px; | ||
+ | position:relative; | ||
+ | z-index:5; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | .menu li:hover li a { | ||
+ | background:none; | ||
+ | } | ||
+ | .menu li.top {display:block; float:left;} | ||
+ | .menu li a.top_link { | ||
+ | display:block; | ||
+ | float:left; | ||
+ | height:45px; | ||
+ | line-height:34px; | ||
+ | color:#ccc; | ||
+ | text-decoration:none; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | font-size:14px; /* Font size */ | ||
+ | font-weight:bold; | ||
+ | padding:0 0 0 12px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .menu li a.top_link span { | ||
+ | float:left; | ||
+ | display:block; | ||
+ | padding:0 24px 0 12px; | ||
+ | height:35px; | ||
+ | } | ||
+ | .menu li a.top_link span.down { | ||
+ | float:left; | ||
+ | display:block; | ||
+ | padding:0 24px 0 12px; | ||
+ | height:35px; | ||
+ | } | ||
+ | .menu li a.top_link:hover, .menu li:hover > a.top_link {color:#fff; } | ||
+ | .menu li:hover {position:relative; z-index:2;} | ||
+ | .menu ul, | ||
+ | .menu li:hover ul ul, | ||
+ | .menu li:hover ul li:hover ul ul, | ||
+ | .menu li:hover ul li:hover ul li:hover ul ul, | ||
+ | .menu li:hover ul li:hover ul li:hover ul li:hover ul ul | ||
+ | {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} | ||
+ | |||
+ | .menu li:hover ul.sub { | ||
+ | left:0; | ||
+ | top:35px; | ||
+ | background:#333; /* Submenu background color */ | ||
+ | padding:3px; | ||
+ | white-space:nowrap; | ||
+ | width:200px; | ||
+ | height:auto; | ||
+ | z-index:3; | ||
+ | } | ||
+ | .menu li:hover ul.sub li { | ||
+ | display:block; | ||
+ | height:30px; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | width:200px; | ||
+ | font-weight:normal; | ||
+ | } | ||
+ | .menu li:hover ul.sub li a{ | ||
+ | display:block; | ||
+ | height:30px; | ||
+ | width:200px; | ||
+ | line-height:30px; | ||
+ | text-indent:5px; | ||
+ | color:#ccc; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .menu li ul.sub li a.fly { | ||
+ | /* Submenu Background Color */ | ||
+ | background:#333 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat;} | ||
+ | .menu li:hover ul.sub li a:hover { | ||
+ | background:#515151; /* Background Color on mouseover */ | ||
+ | color:#fff; | ||
+ | } | ||
+ | .menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly { | ||
+ | /* Background on Mouseover */ | ||
+ | background:#646464 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat; color:#fff;} | ||
+ | |||
+ | .menu li:hover ul li:hover ul, | ||
+ | .menu li:hover ul li:hover ul li:hover ul, | ||
+ | .menu li:hover ul li:hover ul li:hover ul li:hover ul, | ||
+ | .menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul { | ||
+ | left:200px; | ||
+ | top:-4px; | ||
+ | background: #333; /* Background Color of the Submenu */ | ||
+ | padding:3px; | ||
+ | white-space:nowrap; | ||
+ | width:200px; | ||
+ | z-index:4; | ||
+ | height:auto; | ||
+ | } | ||
+ | #search { | ||
+ | width: 228px; /* Width of the Search Box */ | ||
+ | height: 50px; | ||
+ | float: right; | ||
+ | z-index: 2; | ||
+ | text-align: center; | ||
+ | margin-top: 5px; | ||
+ | margin-right: 6px; | ||
+ | /* Background of the Search Box */ | ||
+ | background: url(http://2.bp.blogspot.com/-kSPW07r2Ct8/UazXPD9DbfI/AAAAAAAADtE/UyopBgIPe-w/s1600/searchBar1.png) no-repeat; | ||
+ | } | ||
+ | #search-box { | ||
+ | margin-top: 3px; | ||
+ | border:0px; | ||
+ | background: transparent; | ||
+ | text-align:center; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <div id='menuWrapper'> | ||
+ | <ul class='menu'> | ||
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"style="color:#000000"><span>HOME</span></a></li> | ||
+ | |||
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Project"><span class='down'>Project</span></a> | ||
+ | <ul class='sub'> | ||
+ | <li><a href = "https://2014.igem.org/Team:UCSC/Project">Project Overview</a> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Modeling">Modeling</a> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a> | ||
+ | <ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Team">Team Members</a></li></ul> | ||
+ | </li> | ||
+ | |||
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Notebook"><span class='down'>Notebook</span></a> | ||
+ | <ul class='sub'> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Notebook">Interactive Schedule</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Attributions"><span>Attributions</span></a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="110px" align = "center"></a> | ||
+ | <a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/6/6c/UCSC_School_Logo.jpg" width="350px" align = "center"></a> | ||
+ | <table width="70%" align="center" bgColor="#2F5E90" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg"> | ||
+ | |||
+ | |||
<div id="contentcontainer"> | <div id="contentcontainer"> | ||
<div style="width:975px;"> | <div style="width:975px;"> |
Revision as of 18:38, 2 July 2014