Team:UCSC
From 2014.igem.org
(Difference between revisions)
m |
|||
(36 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<html> | <html> | ||
- | + | <body> | |
<!--main content --> | <!--main content --> | ||
Line 11: | Line 11: | ||
width:100%; /* Menu width */ | width:100%; /* Menu width */ | ||
height:35px; | height:35px; | ||
- | padding-left: | + | padding-left:12px; |
background: SteelBlue;/* Background color */ | background: SteelBlue;/* Background color */ | ||
background-size: 100%; | background-size: 100%; | ||
Line 36: | Line 36: | ||
text-decoration:none; | text-decoration:none; | ||
font-family:Tahoma, Geneva, sans-serif; | font-family:Tahoma, Geneva, sans-serif; | ||
- | font-size: | + | font-size:18px; /* Font size */ |
- | padding:0 0 0 | + | padding:0 0 0 10px; |
cursor:pointer; | cursor:pointer; | ||
} | } | ||
Line 123: | Line 123: | ||
} | } | ||
#wrapperHeader div#header { | #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{ | myh1{ | ||
color: gold; | color: gold; | ||
text-align: center; | text-align: center; | ||
- | font-size: | + | font-size: 70px; |
} | } | ||
Line 184: | Line 218: | ||
myh4{ | myh4{ | ||
color: SpringGreen; | color: SpringGreen; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | text-align: center; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | myh5{ | ||
+ | color: SteelBlue; | ||
font-family:Tahoma, Geneva, sans-serif; | font-family:Tahoma, Geneva, sans-serif; | ||
text-align: center; | text-align: center; | ||
Line 195: | Line 236: | ||
<div id="wrapperHeader"> | <div id="wrapperHeader"> | ||
<div id="header"><br> | <div id="header"><br> | ||
- | <myh1><b> | + | <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> | ||
Line 205: | Line 246: | ||
<ul class='sub'> | <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/Project">Project Overview</a> | ||
- | <li><a href="https://2014.igem.org/Team:UCSC/ | + | <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> | <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> | </ul> | ||
</li> | </li> | ||
Line 215: | Line 262: | ||
<ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li> | <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/Team">Undergrad Researchers</a></li> | ||
- | <li><a href = | + | <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><a href="https://2014.igem.org/Team:UCSC/Attributions">Attributions</a></li> | ||
</li> | </li> | ||
Line 224: | Line 271: | ||
</li> | </li> | ||
- | <li class='top'><a class='top_link' href="https://experiment.com/projects/sustainable-next-generation-biofuel-production"><span><myh4><b> | + | <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> | </li> | ||
Line 231: | Line 278: | ||
<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> | ||
Line 328: | Line 378: | ||
--> | --> | ||
- | < | + | <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> | ||
+ | |||
+ | <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> | ||
+ | </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.