Team:UCSC
From 2014.igem.org
(Difference between revisions)
m |
|||
(47 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<html> | <html> | ||
- | <body | + | <body> |
- | + | ||
<!--main content --> | <!--main content --> | ||
Line 12: | Line 11: | ||
width:100%; /* Menu width */ | width:100%; /* Menu width */ | ||
height:35px; | height:35px; | ||
- | padding-left: | + | padding-left:12px; |
- | background: | + | background: SteelBlue;/* Background color */ |
background-size: 100%; | background-size: 100%; | ||
} | } | ||
Line 34: | Line 33: | ||
height:45px; | height:45px; | ||
line-height:34px; | line-height:34px; | ||
- | color: | + | color:gold; |
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 114: | Line 113: | ||
height:auto; | height:auto; | ||
} | } | ||
+ | |||
#wrapperHeader{ | #wrapperHeader{ | ||
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: | + | color: gold; |
text-align: center; | text-align: center; | ||
font-size: 70px; | font-size: 70px; | ||
Line 144: | Line 214: | ||
text-align: center; | text-align: center; | ||
font-size: 40px; | 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> | </style> | ||
Line 152: | Line 236: | ||
<div id="wrapperHeader"> | <div id="wrapperHeader"> | ||
<div id="header"><br> | <div id="header"><br> | ||
- | <myh1> | + | <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 162: | 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/ | + | <li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/ | + | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Bioethics"><span class='down'>Bioethics</span></a> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<ul class='sub'> | <ul class='sub'> | ||
- | <li><a href="https://2014.igem.org/Team:UCSC/ | + | <li><a href="https://2014.igem.org/Team:UCSC/Bioethics/Environment">Environment</a></li> |
- | <li><a href="https://2014.igem.org/Team:UCSC/ | + | <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> | ||
- | <li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/ | + | <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> | </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 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> | </li> | ||
Line 189: | 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 285: | 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.