Difference between revisions of "Team:UCSC"

 
(106 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
 
<head>
 
<head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 +
<!-- Bootstrap CSS -->
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
−
   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
   <link rel="stylesheet" href="https://2015.igem.org/Template:UCSC/CSS?action=raw&ctype=text/css">
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
  <script src="https://2015.igem.org/Template:UCSC/Javascript?action=raw&ctype=text/javascript"></script>
−
   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
   <script src="https://2015.igem.org/Template:UCSC/Bootstrap_Javascript?action=raw&ctype=text/javascript"></script>
 
<style>
 
<style>
 +
 
body{padding-bottom: 70px;}
 
body{padding-bottom: 70px;}
 +
 +
.navbar-nav > li{
 +
  padding-top: 5px;
 +
  padding-left:15px;
 +
  padding-right:20px;
 +
}
 +
 +
.navbar .navbar-nav {
 +
    display: inline-block;
 +
    float: none;
 +
}
 +
 +
.navbar .navbar-collapse {
 +
    text-align: center;
 +
}
 +
.bernick a:hover { color: #CCAC00;}
 +
 +
.foot a:link{ color: black;}
 +
 +
.foot a:visited{ color: black;}
 +
 +
.foot a:hover { color: #CCAC00;}
 +
 +
.bernick_swag a:link{ color: #8798b2; font-family:  Calibri, Helvetica; Arial font-size: 13px;}
 +
 +
.bernick_swag a:visited{ color: #8798b2; font-family: Calibri, Helvetica; Arial font-size: 13px;}
 +
 +
.bernick_swag a:hover { color: #DAA520; font-family:  Calibri, Helvetica; Arial font-size: 13px;}
 +
 +
img {
 +
max-width: 100%;
 +
height: auto;
 +
width: auto\9; /* ie8 */
 +
}
 +
 +
 +
#salt {width: 100%;
 +
      position: relative;
 +
      top: -75px;}
 +
  
 
div.classname a:hover {
 
div.classname a:hover {
Line 15: Line 56:
 
}
 
}
  
−
a.steve:hover{
+
 
−
color: #ff0000;}
+
  
 
.gear {
 
.gear {
Line 25: Line 65:
 
     animation:spin 4s linear infinite;
 
     animation:spin 4s linear infinite;
 
}
 
}
 +
 
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
 
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
Line 32: Line 73:
 
font-family: calibri, helvetica, arial;
 
font-family: calibri, helvetica, arial;
 
font-size: 16px;}
 
font-size: 16px;}
 +
 +
ul#menu li {
 +
    display:inline;
 +
}
  
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
     display:none;}
 
     display:none;}
 +
  
 
#top-section {
 
#top-section {
Line 41: Line 87:
 
     width: 100%;
 
     width: 100%;
 
     padding-left: 0px;}
 
     padding-left: 0px;}
 +
  
 
#content {
 
#content {
Line 46: Line 93:
 
     width: 100%;
 
     width: 100%;
 
     padding: 0px;}
 
     padding: 0px;}
 +
  
 
#our_content {
 
#our_content {
Line 62: Line 110:
 
         font-size: 12px;
 
         font-size: 12px;
 
         font-family: Calibri, Helvetica; Arial;}
 
         font-family: Calibri, Helvetica; Arial;}
 +
 +
 +
 +
}
 +
 +
@media screen and (max-width: 1280px) {
 +
 +
.gear {width: 10%; height: 10%;}
 +
 +
#salt {width: 100%}
 +
 +
#our_content {
 +
width: 100%;
 +
}
 +
 +
#top-section {
 +
width: 100%;
 +
}
 +
 +
#content {width: 100%;}
 +
 +
#foot {width: 100%}
 +
 +
 +
}
 +
 +
@media screen and (max-width: 1024px) {
 +
 +
#salt {width: 100%}
 +
 +
#our_content {
 +
width: 100%;
 +
}
 +
 +
#top-section {
 +
width: 100%;
 +
}
 +
 +
#content {width: 100%;}
 +
 +
#foot {width: 100%}
 +
 +
.gear {width: 10%; height: 10%;}
 +
 +
}
 +
@media screen and (max-width: 980px) {
 +
 +
#salt {width: 100%}
 +
#our_content {
 +
width: 100%;
 +
}
 +
 +
#top-section {
 +
width: 100%;
 +
}
 +
 +
#content {width: 100%;}
 +
 +
#foot {width: 100%}
 +
 +
.gear {width: 10%; height: 10%;}
 +
}
 +
 +
@media screen and (max-width: 650px) {
 +
 +
#salt {width: 100%}
 +
 +
#our_content {
 +
width: 100%;
 +
}
 +
 +
#top-section {
 +
width: 100%;
 +
}
 +
 +
#content {width: 100%;}
 +
 +
#foot {width: 100%}
 +
 +
.gear {width: 10%; height: 10%;}
 +
 +
}
 +
 +
 +
 
</style>
 
</style>
  
Line 73: Line 206:
 
<body>
 
<body>
  
−
<nav class="navbar navbar-inverse navbar-fixed-top" style="position:relative; top: -10px; " >
+
<nav class="navbar navbar-fixed-top" style="position:relative; top: -10px; background-color: #E5E4E2; text-align:center;" >
−
   <div  class="container-fluid">
+
   <div  class="container-fluid" >
−
     <div class="navbar-header">
+
     <div class="navbar-header" >
−
       <a class="navbar-brand" href="https://2015.igem.org/Team:UCSC">UCSC iGEM</a>
+
       <a class="navbar-brand" href="#"></a>
 
     </div>
 
     </div>
 
     <div>
 
     <div>
−
       <ul class="nav navbar-nav steve">
+
       <ul class="nav navbar-nav bernick_swag">
 
         <li class="active"><a href="https://2015.igem.org/Team:UCSC">Home</a></li>
 
         <li class="active"><a href="https://2015.igem.org/Team:UCSC">Home</a></li>
 
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <span class="caret"></span></a>
 
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
−
             <li><a href="https://2015.igem.org/Team:UCSC/Captains">The Captains</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Team">Meet the Team</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Breakdown">Breakdown</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Breakdown">Breakdown</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Fermentation">Fermentation</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Fermentation">Fermentation</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Field">Field</a></li>
 
             <li><a href="https://2015.igem.org/Team:UCSC/Field">Field</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Attributions">Attributions</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2015.igem.org/Team:UCSC/Description">Project</a></li>
 +
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Outreach">Outreach</a></li>
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Practices">Bioethics</a></li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
−
        <li><a href="https://2015.igem.org/Team:UCSC/Project">Project</a></li>
 
−
        <li><a href="https://2015.igem.org/Team:UCSC/Outreach">Outreach</a></li>
 
 
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<span class="caret"></span></a>
 
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
Line 98: Line 237:
 
         </li>
 
         </li>
 
         <li><a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a></li>
 
         <li><a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a></li>
−
        <li><a href="https://2015.igem.org/Team:UCSC/Parts">Parts</a></li>
+
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Achievements<span class="caret"></span></a>
−
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">F.O.C.U.S<span class="caret"></span></a>
+
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
−
             <li><a href="https://2015.igem.org/Team:UCSC/FOCUS_Works">How it works</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Parts">Parts</a></li>
−
             <li><a href="https://2015.igem.org/Team:UCSC/FOCUS_Devs">Developers</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Medal_Fulfillment">Medal Fulfillment</a></li>
−
              
+
             <li><a href="https://2015.igem.org/Team:UCSC/Results">Results</a></li>
 +
 
 +
</ul>
 +
 
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Software">Software</a></li>           
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
Line 111: Line 253:
  
 
<!--First Block -->
 
<!--First Block -->
−
<div id="our_content" align="center">
 
−
<img src="https://static.igem.org/mediawiki/2015/7/73/Ucsclogo.png" width="75%" height="75%" />
 
  
−
<h1>Welcome to UCSC iGEM 2015!</h1>
+
<div id="our_content" align="center">
−
 
+
<img src="https://static.igem.org/mediawiki/2015/7/73/Ucsclogo.png" width="99%" height="99%" />
−
<p>
+
<img src="https://static.igem.org/mediawiki/2015/3/3f/Ucsc_slogan.png" />
−
The University of California, Santa Cruz strives to be a world leader in the emerging field of synthetic biology. UCSC introduces and trains our most brilliant and motivated students in this field of research in order to enhance impending scientific talents in America while creating an impact in society.
+
<p style="font-size: 12px;">
−
<p>
+
In collaboration with:
 +
<br />
 +
<img src="https://static.igem.org/mediawiki/2015/c/cd/IGEM_WikiFlicks_logo_white.png" style="height: 20%; width: 20%"/>
 +
</p>
  
 
<br />
 
<br />
Line 128: Line 271:
 
     <td><a href="https://2015.igem.org/Team:UCSC/Breakdown"><img src="https://static.igem.org/mediawiki/2015/5/5d/UCSC_Breakdown.jpg" width="350" height="200"></a></td>
 
     <td><a href="https://2015.igem.org/Team:UCSC/Breakdown"><img src="https://static.igem.org/mediawiki/2015/5/5d/UCSC_Breakdown.jpg" width="350" height="200"></a></td>
 
   <td><a href="https://2015.igem.org/Team:UCSC/Fermentation"><img src="https://static.igem.org/mediawiki/2015/f/fe/UCSC_Fermentation.jpg" width="350" height="200"></a></td>      
 
   <td><a href="https://2015.igem.org/Team:UCSC/Fermentation"><img src="https://static.igem.org/mediawiki/2015/f/fe/UCSC_Fermentation.jpg" width="350" height="200"></a></td>      
−
<td><a href="https://2015.igem.org/Team:UCSC/Field"><img src="https://static.igem.org/mediawiki/2015/8/84/UCSC_Field.jpg" width="350" height="200"></a></td>
+
<td><a href="https://2015.igem.org/Team:UCSC/Field"><img src="https://static.igem.org/mediawiki/2015/7/73/Field_3.jpg" width="350" height="200"></a></td>
 
    
 
    
 
   </tr>
 
   </tr>
Line 136: Line 279:
 
<table class="center">
 
<table class="center">
 
<tr>
 
<tr>
−
     <td><a href="#"><img src="https://static.igem.org/mediawiki/2015/3/3c/Ucsc_sustainability.jpg" width="350" height="200"></a></td>
+
     <td><a href="https://2015.igem.org/Team:UCSC/Description"><img src="https://static.igem.org/mediawiki/2015/3/3c/Ucsc_sustainability.jpg" width="350" height="200"></a></td>
−
     <td><img src="https://static.igem.org/mediawiki/2015/d/d5/Sammy1.jpg" width="350" height="300"></a></td>
+
     <td><img src="https://static.igem.org/mediawiki/2015/4/41/Sammythumbsup.png" width="350" height="300"></a></td>
 
     <td><a href="https://2015.igem.org/Team:UCSC/Outreach"><img src="https://static.igem.org/mediawiki/2015/3/32/Ucsc_outreach.jpg" width="350" height="200"></a></td>
 
     <td><a href="https://2015.igem.org/Team:UCSC/Outreach"><img src="https://static.igem.org/mediawiki/2015/3/32/Ucsc_outreach.jpg" width="350" height="200"></a></td>
 
   </tr>
 
   </tr>
Line 151: Line 294:
 
</div>
 
</div>
  
 +
  <!--Footer-->
 +
 +
<div id="foot" class="center foot">
 +
<img src="https://static.igem.org/mediawiki/2015/8/80/Cellulose_Footer.png" width="25%" /><img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt="">&nbsp;&nbsp; <a href="https://2015.igem.org/Team:UCSC">Home</a> | <a href="https://2015.igem.org/Team:UCSC/Team">Teams</a> | <a href="https://2015.igem.org/Team:UCSC/Description">Project</a> | <a href="https://2015.igem.org/Team:UCSC/Practices">Human Practices</a> | <a href="https://2015.igem.org/Team:UCSC/Logs">Notebook</a> | <a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a> | <a href="https://2015.igem.org/Team:UCSC/Parts">Parts</a> | <a href="https://2015.igem.org/Team:UCSC/Software">F.O.C.U.S</a> &nbsp;&nbsp; <img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt="">
 +
<img src="https://static.igem.org/mediawiki/2015/4/4c/Fuel_Footer.png"  width="25%"/>
 +
 +
<ul id="menu">
 +
<li><img src="https://static.igem.org/mediawiki/2015/a/a9/Fns4kg.png" style="width: 88px; height:88px;" /></li>
 +
 +
<li><img src="https://static.igem.org/mediawiki/2015/0/03/Vwr.png" style="width: 241px; height: 50px "/></li>
 +
 +
<li><img src="https://static.igem.org/mediawiki/2015/6/62/Ucsc.png" style="width: 288px; height: 68px;" /></li>
  
 +
<li><img src="https://static.igem.org/mediawiki/2015/b/b6/Geneious_logo.png" style="width: 288px; height: 88px; " /></li>
  
−
    <!--Footer-->
+
<li><img src="https://static.igem.org/mediawiki/2015/3/34/Idt.jpg" style="width: 88px; height: 88px;" /></li>
 +
</ul>
  
−
<div id="foot" class="center">
 
−
<img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt=""> &nbsp;&nbsp; <a href="https://2015.igem.org/Team:UCSC">Home</a> | <a href="https://2015.igem.org/Team:UCSC">Teams</a> | <a href="https://2015.igem.org/Team:UCSC">Project</a> | <a href="https://2015.igem.org/Team:UCSC">Outreach</a> | <a href="https://2015.igem.org/Team:UCSC">Parts</a> | <a href="https://2015.igem.org/Team:UCSC">Notebook</a> | <a href="https://2015.igem.org/Team:UCSC">Safety</a> | <a href="https://2015.igem.org/Team:UCSC">Parts</a> | <a href="https://2015.igem.org/Team:UCSC">F.O.C.U.S</a> &nbsp;&nbsp; <img class="gear" src="https://static.igem.org/mediawiki/2015/1/11/Ucsc_gear.png" alt="">
 
 
</div>
 
</div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 02:28, 19 September 2015

In collaboration with: