Team:UCSC

From 2014.igem.org

(Difference between revisions)
m
 
(50 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:#BC8F8F; /* Background color */
+
background: SteelBlue;/* Background color */
-
border-radius: 10px;
+
background-size: 100%;
}
}
.menu {
.menu {
Line 20: Line 19:
margin:0;
margin:0;
list-style:none;
list-style:none;
-
height:35px;
+
height:75px;
position:relative;
position:relative;
z-index:5;
z-index:5;
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:14px; /* Font size */
+
font-size:18px; /* Font size */
-
font-weight:bold;
+
padding:0 0 0 10px;
-
padding:0 0 0 12px;
+
cursor:pointer;
cursor:pointer;
}
}
Line 66: Line 64:
left:0;
left:0;
top:35px;
top:35px;
-
background:#333; /* Submenu background color */
+
background:SteelBlue; /* Submenu background color */
padding:3px;
padding:3px;
white-space:nowrap;
white-space:nowrap;
Line 92: Line 90:
.menu li ul.sub li a.fly {
.menu li ul.sub li a.fly {
/* Submenu Background Color */
/* Submenu Background Color */
-
background:#333 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat;}
+
background:RosyBrown
 +
}
.menu li:hover ul.sub li a:hover {
.menu li:hover ul.sub li a:hover {
-
background:#515151; /* Background Color on mouseover */
+
background:#orange; /* Background Color on mouseover */
-
color:#fff;
+
color: white;
}
}
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
Line 114: Line 113:
height:auto;
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{
myh1{
-
     color: palegoldenrod;
+
     color: gold;
     text-align: center;
     text-align: center;
-
     font-size: 50px;
+
     font-size: 70px;
}
}
Line 123: Line 207:
     color: orange;
     color: orange;
     text-align: center;
     text-align: center;
-
     font-size: 40px;
+
     font-size: 50px;
}
}
Line 129: Line 213:
     color: RosyBrown;
     color: RosyBrown;
     text-align: center;
     text-align: center;
-
     font-size: 30px;
+
     font-size: 40px;
}
}
myh4{
myh4{
-
     color: palegoldenrod ;
+
     color: SpringGreen;
 +
    font-family:Tahoma, Geneva, sans-serif;
     text-align: center;
     text-align: center;
-
     font-size: 20px;
+
     font-size: 15px;
 +
}
 +
 
 +
myh5{
 +
    color: SteelBlue;
 +
    font-family:Tahoma, Geneva, sans-serif;
 +
    text-align: center;
 +
    font-size: 30px;
}
}
</style>
</style>
</head>
</head>
-
<p style="color:#F7EB06"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC&action=edit"style="color:#FCFDFE"> Click here  to edit this page!</a> </p>
+
<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'>
<div id='menuWrapper'>
<ul class='menu'>
<ul class='menu'>
-
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"style="color:#000000"><span>HOME</span></a></li>
+
<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>
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Project"><span class='down'>Project</span></a>
<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">Modeling</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 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>
</ul>
</ul>
-
</div>
+
</div>
 +
 
 +
<br>
 +
<br>
<br>
<br>
-
<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=""> <img src = "https://static.igem.org/mediawiki/2014/3/38/GeneiousLogo2013.png" width="300px" align = "center"></a>
 
-
<a href="https://experiment.com/projects/sustainable-next-generation-biofuel-production" align = "center"> <b> Click Here to Support Us and Your Logo Could be Here!</b></a><br>
 
-
<table width="70%" align="center" bgColor="#000000" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg">
+
<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>
-
<!--welcome box -->
 
-
 
-
<tr>
 
-
<td colspan="3" align="center" style="border:4px solid RosyBrown;" background = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg" bgColor="#FCFDFE" bgproperties="fixed" ALT="A23" WIDTH="100%" HEIGHT="100%">
 
-
<img <!-- Codes by HTML.am -->
 
-
<img src = "https://static.igem.org/mediawiki/2014/e/e4/UCSC_A23_004.jpg" alt = "..." width = "600" height = "300">
 
-
<br><br><br>
 
-
<myh1><b>WELCOME TO UCSC iGEM 2014! </b></myh1>
 
-
<br><br>
 
-
<p> <font color = "DimGray" size = "4"><b> We are excited to introduce you to our project and our team of:
 
-
<br>biologists, biochemists,
 
-
<br>bioengineers, bioinformaticians,
 
-
<br> ethicists and artists.</b>
 
-
<p>This page is currently under construction.  <br> Please check back for updates!</myh4></p>
 
-
<br>
 
-
</td>
 
-
</tr>
 
-
 
-
<!-- end welcome box -->
 
<tr>  
<tr>  
Line 292: 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


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"