Team:UCSC

From 2014.igem.org

(Difference between revisions)
m
 
(40 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
-
<body style="background-color:#3E98B4" >
+
<body>
-
 
+
<!--main content -->
<!--main content -->
Line 11: Line 10:
#menuWrapper {
#menuWrapper {
width:100%; /* Menu width */
width:100%; /* Menu width */
-
height:50px;
+
height:35px;
-
padding-left:20px;
+
padding-left:12px;
-
padding-top:5px;
+
background: SteelBlue;/* Background color */
-
background: RosyBrown;/* Background color */
+
background-size: 100%;
background-size: 100%;
}
}
Line 35: Line 33:
height:45px;
height:45px;
line-height:34px;
line-height:34px;
-
color:PaleGoldenrod;
+
color:gold;
text-decoration:none;
text-decoration:none;
font-family:Tahoma, Geneva, sans-serif;
font-family:Tahoma, Geneva, sans-serif;
-
font-size:30px; /* Font size */
+
font-size:18px; /* Font size */
-
padding:0 0 0 12px;
+
padding:0 0 0 10px;
cursor:pointer;
cursor:pointer;
}
}
Line 79: Line 77:
float:left;
float:left;
width:200px;
width:200px;
-
font-family:Tahoma, Geneva, sans-serif;
 
-
font-size:18px;
 
font-weight:normal;
font-weight:normal;
}
}
Line 91: Line 87:
color:#ccc;
color:#ccc;
text-decoration:none;
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;
}
}
Line 102: Line 123:
}
}
#wrapperHeader div#header {
#wrapperHeader div#header {
-
width:1000px;
+
  width:1000px;
-
height:200px;
+
  height:200px;
-
margin:0 auto;
+
  margin: 0 auto;
}     
}     
-
#contact{
+
#wrapperSlide{
-
padding-left:35px;
+
  width: 500px;
-
padding-right:35px;
+
  height: 350px;
-
padding-top:35px;
+
  margin: 0 auto;
-
padding-bottom:50px;
+
  position: relative;
-
width: 450px;
+
  border: 15px solid white;
-
float: left;
+
-
left: 50%;
+
-
position: absolute;
+
}
}
-
.contact-input{
+
.slide{
-
        font-size: 18px;
+
  width: 100%;
-
border-radius: 0;
+
  height: 100%;
-
line-height: 22px;
+
  position: relative;  
-
background-color: #fbfbfb;
+
  align: center;
-
padding: 13px 13px 13px 54px;
+
-
margin-bottom: 10px;
+
-
width:100%;
+
}
}
-
#email{
+
.slide{
-
background: PaleGoldenrod;
+
    top: 0;
-
background-size: 30px 30px;
+
    opacity: 0;
-
background-position: 11px 8px;
+
    width: 609px;
-
background-repeat: no-repeat;
+
    height: 420px;
 +
    display: block;
 +
    position: absolute;
 +
 
 +
    transform: scale(0);
 +
    transition: all .7s ease-in-out;
}
}
 +
.slide img{
 +
  width: 100%;
 +
  height: 100%;
 +
  margin: auto;
 +
 
 +
}
-
#comment{
+
.nav label {
-
        background: PaleGoldenrod;
+
    width: 200px;
-
background-size: 30px 30px;
+
    height: 100%;
-
background-position: 11px 8px;
+
    display: none;
-
background-repeat: no-repeat;
+
    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: palegoldenrod;
+
     color: gold;
     text-align: center;
     text-align: center;
     font-size: 70px;
     font-size: 70px;
Line 163: 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 174: Line 236:
<div id="wrapperHeader">
<div id="wrapperHeader">
<div id="header"><br>
<div id="header"><br>
-
<myh1>UCSC      <img src="https://static.igem.org/mediawiki/2014/7/74/UCSC_TeamLogo2.png" width="275px" height ="275px" align = "center">     iGEM 2014</myh1></div>  
+
<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 184: 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/Modeling">Models</a>
+
<li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a></li>
-
<li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a>
+
<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 192: 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 = "">The Bioethics Team</a>
+
<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>
</ul>
</ul>
-
 
-
<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>
 
Line 208: Line 271:
</li>
</li>
-
<li class='top'><a class='top_link' href="https://experiment.com/projects/sustainable-next-generation-biofuel-production"><span><myh4><b> DONATE</b></myh4></span></a>
+
<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 215: 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>
-
<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>
 
-
<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 href="https://experiment.com/projects/sustainable-next-generation-biofuel-production" align = "center"> <b> Donate to Support Us and Your Logo Could be Here!</b></a><br>
 
<tr>  
<tr>  
Line 312: Line 378:
-->
-->
-
<!--
+
<br>
-
<div id="contact">
 
-
  <div id="contact-div">
 
-
      <form method="post" action="mailto:LenoresBlondeMoment@gmail.com" enctype="text/plain">
 
-
      <p class="email">
 
-
        <input name="email" type="text" class="validate[required,custom[email]] feedback-input" id="email" placeholder="Email" />
 
-
      </p>
 
-
     
 
-
      <p class="comment">
 
-
        <textarea name="text" class="validate[required,length[6,300]] feedback-input" id="comment" placeholder="Comment"></textarea>
 
-
      </p>
 
-
     
 
-
     
 
-
      <div class="submit">
 
-
        <input type="submit" value="SEND"/>
 
-
      </div>
 
-
  </div>
 
-
-->
 
 +
<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>
-
</html>
 

Latest revision as of 03:35, 18 October 2014


Click here to edit this page!





UCSC iGEM in the News!


Why did we create this team? Why is undergraduate research so important?

Read this article

to find out what our science communications officer Paige Welsh learned.


Retrieved from "http://2014.igem.org/Team:UCSC"