Team:UCSC/Parts
From 2014.igem.org
(Difference between revisions)
m (Added sample background) |
m |
||
(9 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<html> | <html> | ||
- | |||
- | + | ||
- | + | ||
- | + | ||
<!--main content --> | <!--main content --> | ||
- | < | + | <head> |
+ | <style> | ||
+ | #menuWrapper { | ||
+ | width:100%; /* Menu width */ | ||
+ | height:35px; | ||
+ | padding-left:12px; | ||
+ | background: SteelBlue;/* Background color */ | ||
+ | background-size: 100%; | ||
+ | } | ||
+ | .menu { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | list-style:none; | ||
+ | height:75px; | ||
+ | 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:gold; | ||
+ | text-decoration:none; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | font-size:18px; /* Font size */ | ||
+ | padding:0 0 0 10px; | ||
+ | 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:SteelBlue; /* 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:RosyBrown | ||
+ | } | ||
+ | .menu li:hover ul.sub li a:hover { | ||
+ | background:#orange; /* Background Color on mouseover */ | ||
+ | color: white; | ||
+ | } | ||
+ | .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; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | + | #wrapperHeader{ | |
- | + | width: 100%; | |
+ | height: 320px; | ||
+ | background:url(https://static.igem.org/mediawiki/2014/thumb/3/38/UCSC_Pafford_CampusView.JPG/800px-UCSC_Pafford_CampusView.JPG) no-repeat top center; | ||
+ | background-size: 100%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #wrapperHeader div#header { | ||
+ | width:1000px; | ||
+ | height:200px; | ||
+ | margin:0 auto; | ||
+ | } | ||
- | + | #contact{ | |
- | + | padding-left:35px; | |
- | + | padding-right:35px; | |
+ | padding-top:35px; | ||
+ | padding-bottom:50px; | ||
+ | width: 450px; | ||
+ | float: left; | ||
+ | left: 50%; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .contact-input{ | ||
+ | font-size: 18px; | ||
+ | border-radius: 0; | ||
+ | line-height: 22px; | ||
+ | background-color: #fbfbfb; | ||
+ | padding: 13px 13px 13px 54px; | ||
+ | margin-bottom: 10px; | ||
+ | width:100%; | ||
+ | } | ||
- | + | #email{ | |
- | + | background: PaleGoldenrod; | |
+ | background-size: 30px 30px; | ||
+ | background-position: 11px 8px; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
- | |||
- | |||
- | + | #comment{ | |
- | + | background: PaleGoldenrod; | |
+ | background-size: 30px 30px; | ||
+ | background-position: 11px 8px; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
- | + | myh1{ | |
- | + | color: gold; | |
+ | text-align: center; | ||
+ | font-size: 70px; | ||
+ | } | ||
- | + | myh2{ | |
- | + | color: orange; | |
+ | text-align: center; | ||
+ | font-size: 50px; | ||
+ | } | ||
- | + | myh3{ | |
- | + | color: RosyBrown; | |
+ | text-align: center; | ||
+ | font-size: 40px; | ||
+ | } | ||
- | + | myh4{ | |
- | + | color: SpringGreen; | |
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | text-align: center; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
- | < | + | <p style="color:#F7EB06"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC/Parts&action=edit"style="color:PaleGoldenrod"> Click here to edit this page!</a> </p> |
- | <a href="https://2014.igem.org/Team:UCSC/ | + | |
- | < | + | <div id="wrapperHeader"> |
- | < | + | <div id="header"><br> |
+ | <myh1><br><br><br><br><b>Parts</b></myh1></div> | ||
+ | </div> | ||
+ | <div id='menuWrapper'> | ||
+ | <ul class='menu'> | ||
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"><span><b>HOME</b></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/Parts">Parts</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Bioethics"><span class='down'>Bioethics</span></a> | ||
+ | |||
+ | <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/Notebook">Interactive Schedule</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Modeling">Models</a></li> | ||
+ | </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">Undergrad Researchers</a></li> | ||
+ | <li><a href = "">The Bioethics Team</a> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Attributions">Attributions</a></li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | <li class='top'><a class='top_link' href="https://2014.igem.org/Meetups/August_UCSC"><span><b>Our Meetup</b></span></a> | ||
+ | </li> | ||
+ | |||
+ | <li class='top'><a class='top_link' href="https://experiment.com/projects/sustainable-next-generation-biofuel-production"><span><myh4><b> Thank you, Donors!</b></myh4></span></a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/9/94/UCSC_School_Logo_white.jpg" width="350px" align = "center"></a> | ||
+ | <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.geneious.com/"> <img src= "https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" height = "110px" align = "center"></a> | ||
+ | <a href = "https://us.vwr.com/"> <img src= "https://static.igem.org/mediawiki/2014/4/4f/Sponsors_Logo_VWR.jpg" height = "60px" align = "center"></a> | ||
<!--end navigation menu --> | <!--end navigation menu --> | ||
</tr> | </tr> | ||
Line 84: | Line 260: | ||
- | <!--Parts Submitted to the Registry | + | <!--Parts Submitted to the Registry |
<tr><td > <h3> Parts Submitted to the Registry </h3></td> | <tr><td > <h3> Parts Submitted to the Registry </h3></td> | ||
<td ></td > | <td ></td > | ||
Line 110: | Line 286: | ||
</p> | </p> | ||
</td> | </td> | ||
+ | |||
<td > </td> | <td > </td> | ||
Line 137: | Line 314: | ||
</td> | </td> | ||
</tr> | </tr> | ||
+ | |||
+ | --> | ||
Line 145: | Line 324: | ||
<tr><td width="45%" colspan="3" valign="top"> | <tr><td width="45%" colspan="3" valign="top"> | ||
- | + | </td></tr> | |
</table> | </table> | ||
Line 151: | Line 330: | ||
</html> | </html> | ||
- | <groupparts> | + | <groupparts>iGEM014 UCSC</groupparts> |
Latest revision as of 07:10, 21 March 2015
Parts
Parts Table
<groupparts>iGEM014 UCSC</groupparts>