Team:UCSC
From 2014.igem.org
(Difference between revisions)
m (Experimenting with formatting) |
|||
(80 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<html> | <html> | ||
- | <body | + | <body> |
- | + | ||
<!--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; | ||
+ | } | ||
+ | |||
+ | #wrapperSlide{ | ||
+ | width: 500px; | ||
+ | height: 350px; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | border: 15px solid white; | ||
+ | } | ||
+ | |||
+ | .slide{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | align: center; | ||
+ | } | ||
+ | |||
+ | .slide{ | ||
+ | top: 0; | ||
+ | opacity: 0; | ||
+ | width: 609px; | ||
+ | height: 420px; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | |||
+ | transform: scale(0); | ||
+ | transition: all .7s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .slide img{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .nav label { | ||
+ | width: 200px; | ||
+ | height: 100%; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | |||
+ | opacity: 0; | ||
+ | z-index: 9; | ||
+ | cursor: pointer; | ||
+ | |||
+ | transition: opacity .2s; | ||
+ | |||
+ | color: #FFF; | ||
+ | font-size: 156pt; | ||
+ | text-align: center; | ||
+ | line-height: 380px; | ||
+ | font-family: "Varela Round", sans-serif; | ||
+ | background-color: rgba(255, 255, 255, .3); | ||
+ | text-shadow: 0px 0px 15px rgb(119, 119, 119); | ||
+ | } | ||
+ | |||
+ | .slide:hover + .nav label { opacity: 0.5; } | ||
+ | |||
+ | .nav label:hover { opacity: 1; } | ||
+ | |||
+ | .nav .next { right: 0; } | ||
+ | |||
+ | input:checked + .slide-container .slide { | ||
+ | opacity: 1; | ||
+ | transform: scale(1); | ||
+ | transition: opacity 1s ease-in-out; | ||
+ | } | ||
+ | |||
+ | input:checked + .slide-container .nav label { display: block; } | ||
+ | |||
+ | |||
+ | 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; | ||
+ | } | ||
+ | |||
+ | myh5{ | ||
+ | color: SteelBlue; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | text-align: center; | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <p style="color:#F7EB06"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC&action=edit"style="color:PaleGoldenrod"> Click here to edit this page!</a> </p> | ||
+ | |||
+ | <div id="wrapperHeader"> | ||
+ | <div id="header"><br> | ||
+ | <myh1><b>Welcome to <img src="https://static.igem.org/mediawiki/2014/0/0e/UCSC_Team_Logo_Float.png" width="275px" height ="275px" align = "center"></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> | ||
+ | <ul class='sub'> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Bioethics/Environment">Environment</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Bioethics/Socio">Socio-Political</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:UCSC/Bioethics/iGem">iGem Meetup Survey</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='https://2014.igem.org/Team:UCSC/Diversity'>Diversity</a></li> | ||
+ | <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> | <br> | ||
- | < | + | <br> |
- | </ | + | <br> |
- | </ | + | |
+ | <a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/9/94/UCSC_School_Logo_white.jpg" height = "100px" 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" height = "100px" align = "center"></a> | ||
+ | <a href = "http://www.geneious.com/"> <img src= "https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" height = "100px" 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> | ||
+ | |||
- | |||
- | |||
<tr> | <tr> | ||
- | <!--navigation menu | + | <!--navigation menu |
- | <td align="center" colspan="3" bgColor="# | + | <td align="center" colspan="3" bgColor="#FCFDFE" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg"> |
- | <table width="100%"> | + | <table width="100%" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg"> |
<tr heigth="15px"></tr> | <tr heigth="15px"></tr> | ||
<tr heigth="75px"> | <tr heigth="75px"> | ||
- | <td | + | <td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#75A6E6'" bgColor="#2F5E90"> |
- | <a href="https://2014.igem.org/Team:UCSC"style="color:#000000">Home </a> </td> | + | <a href="https://2014.igem.org/Team:UCSC"style="color:#000000"><b>Home </a> </td> |
- | <td | + | <td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90"> |
- | <a href="https://2014.igem.org/Team:UCSC/Team"style="color:#000000"> Team </a> </td> | + | <a href="https://2014.igem.org/Team:UCSC/Team"style="color:#000000"> <b>Team </a> </td> |
- | <td | + | <td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90" |
<a href="https://igem.org/Team.cgi?year=2014&team_name=UCSC"style="color:#000000"> Official Team Profile </a></td> | <a href="https://igem.org/Team.cgi?year=2014&team_name=UCSC"style="color:#000000"> Official Team Profile </a></td> | ||
- | <td | + | <td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90"> |
- | <a href="https://2014.igem.org/Team:UCSC/Project"style="color:#000000"> Project</a></td> | + | <a href="https://2014.igem.org/Team:UCSC/Project"style="color:#000000"> <b>Project</a></td> |
- | <td | + | <td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90"> |
- | <a href="https://2014.igem.org/Team:UCSC/Parts"style="color:#000000"> Parts</a></td> | + | <a href="https://2014.igem.org/Team:UCSC/Parts"style="color:#000000"> <b>Parts</a></td> |
- | <td | + | <td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90"> |
- | <a href="https://2014.igem.org/Team:UCSC/Modeling"style="color:#000000"> Modeling</a></td> | + | <a href="https://2014.igem.org/Team:UCSC/Modeling"style="color:#000000"> <b>Modeling</a></td> |
- | <td | + | <td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90"> |
- | <a href="https://2014.igem.org/Team:UCSC/Notebook"style="color:#000000"> Notebook</a></td> | + | <a href="https://2014.igem.org/Team:UCSC/Notebook"style="color:#000000"> <b>Notebook</a></td> |
- | <td | + | <td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90"> |
- | <a href="https://2014.igem.org/Team:UCSC/Safety"style=" color:#000000"> Safety </a></td> | + | <a href="https://2014.igem.org/Team:UCSC/Safety"style=" color:#000000"> <b>Safety </a></td> |
- | <td | + | <td align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor="#2F5E90"> |
- | <a href="https://2014.igem.org/Team:UCSC/Attributions"style="color:#000000"> Attributions </a></td> | + | <a href="https://2014.igem.org/Team:UCSC/Attributions"style="color:#000000"> <b>Attributions </b></a></td> |
- | <td align ="center | + | <td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td> |
</tr> | </tr> | ||
</table> | </table> | ||
- | + | end navigation menu --> | |
</tr> | </tr> | ||
Line 75: | Line 335: | ||
</tr> | </tr> | ||
- | |||
- | |||
- | |||
</td> | </td> | ||
- | |||
- | |||
- | |||
- | <tr><td colspan="3" bgColor="# | + | <!-- |
- | <td | + | <tr> <td colspan="3" bgColor="#FCFDFE"height="15px"> </td></tr> |
- | < | + | <tr><td colspan="3" bgColor="#FCFDFE"height="1px"> </tr> |
- | + | <tr> <td colspan="3" bgColor="#FCFDFE"height="5px"> </td></tr> | |
- | </ | + | --> |
- | |||
- | |||
- | |||
- | |||
<!--requirements section | <!--requirements section | ||
Line 123: | Line 373: | ||
</td> | </td> | ||
- | |||
- | |||
- | + | </table> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
--> | --> | ||
+ | <br> | ||
- | |||
- | <! | + | <iframe height="300" width="500" style="padding:20px" align = "center" src="//www.youtube-nocookie.com/embed/mcPxcHZZWss?rel=0" frameborder="0" allowfullscreen></iframe> |
+ | <myh5> UCSC iGEM in the News! </myh5> | ||
+ | <br> | ||
- | < | + | <br> |
+ | <img src = " https://static.igem.org/mediawiki/2014/0/0a/UCSC_Team_2.JPG" height = "300px" style="padding:20px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/5/55/UCSC_Team_1.jpg" height = "300px" style="padding:20px"> | ||
- | + | <br> | |
- | + | ||
- | + | ||
- | <br | + | |
- | < | + | <p> Why did we create this team? Why is undergraduate research so important?</p> <a href = "https://static.igem.org/mediawiki/2014/9/9d/UCSC_Undergrad_research.pdf"><b>Read this article </b></a> <p>to find out what our science communications officer Paige Welsh learned. </p> |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | <br> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
- | </ | + | </div> |
- | </ | + | </div> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</body> | </body> |
Latest revision as of 03:35, 18 October 2014
Why did we create this team? Why is undergraduate research so important?
Read this articleto find out what our science communications officer Paige Welsh learned.