Team:UCSC

From 2014.igem.org

(Difference between revisions)
m
 
(43 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
-
<body style="background-color:#3E98B4" >
+
<body>
-
 
+
<!--main content -->
<!--main content -->
Line 12: Line 11:
width:100%; /* Menu width */
width:100%; /* Menu width */
height:35px;
height:35px;
-
padding-left:14px;
+
padding-left:12px;
-
background: RosyBrown;/* Background color */
+
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:PaleGoldenrod;
+
color:gold;
text-decoration:none;
text-decoration:none;
font-family:Tahoma, Geneva, sans-serif;
font-family:Tahoma, Geneva, sans-serif;
-
font-size:20px; /* Font size */
+
font-size:18px; /* Font size */
-
padding:0 0 0 12px;
+
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;
+
  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 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>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 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/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>
</ul>
</li>
</li>
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a>
+
<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://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li>
+
-
<li><a href="https://2014.igem.org/Team:UCSC/Team">Team Members</a></li></ul>
+
-
</li>
+
-
 
+
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Notebook"><span class='down'>Notebook</span></a>
+
<ul class='sub'>
<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/Bioethics/Environment">Environment</a></li>
-
<li><a href="https://2014.igem.org/Team:UCSC/Notebook">Interactive Schedule</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>
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Attributions"><span>Attributions</span></a>
+
<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>
-
<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 235: 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> Click for the Experiment.com Link to Support Us and Your Logo Could be Here!</b></a><br>
 
<tr>  
<tr>  
Line 332: 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"