Difference between revisions of "Team:UCSC"

 
(175 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>
−
<!-- Remove all empty <p> tags -->
+
−
<script type="text/javascript">
+
−
    $(document).ready(function() {
+
−
        $("p").filter( function() {
+
−
            return $.trim($(this).html()) == '';
+
−
        }).remove()
+
−
    });
+
−
</script>
+
 
<style>
 
<style>
  
 +
body{padding-bottom: 70px;}
  
−
body {
+
.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;}
  
−
#top-section {
+
.foot a:link{ color: black;}
−
    width: 965px;
+
 
−
    height: 0;
+
.foot a:visited{ color: black;}
−
    margin: 0 auto;
+
 
−
    padding: 0;
+
.foot a:hover { color: #CCAC00;}
−
    border: none;}
+
 
−
#menubar {
+
.bernick_swag a:link{ color: #8798b2; font-family:  Calibri, Helvetica; Arial font-size: 13px;}
−
    font-size: 65%;
+
 
−
    top: -14px;}
+
.bernick_swag a:visited{ color: #8798b2; font-family: Calibri, Helvetica; Arial font-size: 13px;}
−
.left-menu:hover {
+
 
−
    background-color: transparent;}
+
.bernick_swag a:hover { color: #DAA520; font-family:  Calibri, Helvetica; Arial font-size: 13px;}
−
#menubar li a {
+
 
−
    background-color: transparent;}
+
img {
−
#menubar:hover {
+
max-width: 100%;
−
     color: white;}
+
height: auto;
−
#menubar li a {
+
width: auto\9; /* ie8 */
−
     color: transparent;}
+
}
−
#menubar:hover li a {
+
 
−
     color: white;}
+
 
 +
#salt {width: 100%;
 +
      position: relative;
 +
      top: -75px;}
 +
 
 +
 
 +
div.classname a:hover {
 +
     opacity: 0.4;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
 
 +
 
 +
 
 +
.gear {
 +
     width: 80px;
 +
    height: 80px;
 +
     -webkit-animation:spin 4s linear infinite;
 +
    -moz-animation:spin 4s linear infinite;
 +
    animation:spin 4s linear infinite;
 +
}
  
 +
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 +
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
 +
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
  
 
p {margin-left: 20px;
 
p {margin-left: 20px;
Line 48: Line 74:
 
font-size: 16px;}
 
font-size: 16px;}
  
 +
ul#menu li {
 +
    display:inline;
 +
}
  
−
li {margin-left: 10px;
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
−
font-family: calibri, helvetica, arial;
+
    display:none;}
−
font-size: 18px;
+
−
padding:0;
+
−
margin:0;
+
−
list-style-type: none;}
+
  
−
     
 
−
#foot {
 
−
                background-image: url("http://i.imgur.com/I4jamHx.jpg");
 
−
                height: 100px;
 
−
                width: 1220px;
 
−
position: relative;
 
−
                bottom: 5px;
 
−
                margin: auto;
 
−
                font-size: 12px;
 
−
                font-family: times;
 
−
                color: #FFFFFF;
 
  
−
               
+
#top-section {
 +
    border: none;
 +
    height: 0px;
 +
    width: 100%;
 +
    padding-left: 0px;}
  
−
 
−
}
 
  
 +
#content {
 +
    border: none;
 +
    width: 100%;
 +
    padding: 0px;}
  
−
#alpha {
+
 
−
background-image: url("http://i.imgur.com/gG2r4OI.jpg");
+
#our_content {
 +
 
                
 
                
 
position: relative;
 
position: relative;
Line 81: Line 102:
 
                 margin: auto;
 
                 margin: auto;
 
                 repeat: n;
 
                 repeat: n;
−
                 font-family: Calibri, Helvetica;
+
                 font-family: Calibri, Helvetica; Arial;
 
                 font-size: 18px;
 
                 font-size: 18px;
  
 
}
 
}
  
 +
#foot {margin: auto;
 +
        font-size: 12px;
 +
        font-family: Calibri, Helvetica; Arial;}
  
−
#logo {
+
 
−
                background-image: url("http://i.imgur.com/9f4tO41.jpg");
+
 
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
.gear {width: 10%; height: 10%;}
 +
 
 +
#salt {width: 100%}
 +
 
 +
#our_content {
 
width: 100%;
 
width: 100%;
−
                height: 50%;
 
−
                margin: 0 auto;
 
−
                padding: 0;
 
−
                display: block;
 
−
             
 
 
}
 
}
  
 +
#top-section {
 +
width: 100%;
 +
}
  
 +
#content {width: 100%;}
  
−
+
#foot {width: 100%}
−
+
  
  
−
a:hover {
 
−
    opacity: 0.4;
 
−
    filter: alpha(opacity=100); /* For IE8 and earlier */
 
 
}
 
}
  
−
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
@media screen and (max-width: 1024px) {
−
    display:none;}
+
 
 +
#salt {width: 100%}
 +
 
 +
#our_content {
 +
width: 100%;
 +
}
 +
 
 
#top-section {
 
#top-section {
−
    border: none;
+
width: 100%;
−
    height: 0px;
+
}
−
    width: 100%;
+
−
    padding-left: 0px;}
+
−
#content {
+
−
    border: none;
+
−
    width: 100%;}
+
−
</style>
+
  
 +
#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>
  
  
Line 129: Line 205:
 
<!-- end of menu -->
 
<!-- end of menu -->
 
<body>
 
<body>
−
<br />
+
 
−
<br />
+
<nav class="navbar navbar-fixed-top" style="position:relative; top: -10px; background-color: #E5E4E2; text-align:center;" >
−
<nav class="navbar navbar-inverse navbar-fixed-top">
+
   <div  class="container-fluid" >
−
   <div  class="container-fluid">
+
     <div class="navbar-header" >
−
     <div class="navbar-header">
+
       <a class="navbar-brand" href="#"></a>
−
       <a class="navbar-brand" href="#">UCSC iGEM</a>
+
 
     </div>
 
     </div>
 
     <div>
 
     <div>
−
       <ul class="nav navbar-nav">
+
       <ul class="nav navbar-nav bernick_swag">
−
         <li class="active"><a href="#">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="#">Breakdown</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Team">Meet the Team</a></li>
−
             <li><a href="#">Fermentation</a></li>
+
            <li><a href="https://2015.igem.org/Team:UCSC/Breakdown">Breakdown</a></li>
−
             <li><a href="#">Field</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/Attributions">Attributions</a></li>
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
−
         <li><a href="#">Project</a></li>
+
         <li><a href="https://2015.igem.org/Team:UCSC/Description">Project</a></li>
−
        <li><a href="#">Outreach</a></li>
+
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
−
        <li><a href="#">Notebook</a></li>
+
−
        <li><a href="#">Safety</a></li>
+
−
        <li><a href="#">Parts</a></li>
+
−
        <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="#">How it works</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Outreach">Outreach</a></li>
−
             <li><a href="#">Developers</a></li>
+
            <li><a href="https://2015.igem.org/Team:UCSC/Practices">Bioethics</a></li>
−
              
+
          </ul>
 +
        </li>
 +
        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Logs">Logs</a></li>
 +
             <li><a href="https://2015.igem.org/Team:UCSC/Protocols">Protocols</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2015.igem.org/Team:UCSC/Safety">Safety</a></li>
 +
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Achievements<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2015.igem.org/Team:UCSC/Parts">Parts</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 161: Line 251:
 
</nav>
 
</nav>
  
−
 
−
<div id="logo" class="center" width="100%">
 
−
http://i.imgur.com/9f4tO41.jpg
 
−
</div>
 
  
 
<!--First Block -->
 
<!--First Block -->
−
<div id="alpha" align="center">
 
−
 
−
<h1>Welcome to UCSC iGEM 2015!</h1>
 
−
 
−
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 in order to enhance impending scientific talents in America while creating an impact in society.
 
  
 +
<div id="our_content" align="center">
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Ucsclogo.png" width="99%" height="99%" />
 +
<img src="https://static.igem.org/mediawiki/2015/3/3f/Ucsc_slogan.png" />
 +
<p style="font-size: 12px;">
 +
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 />
 
<br />
 
<br />
  
 +
<div class="classname">
 
<table class="center">
 
<table class="center">
 
   <tr>
 
   <tr>
−
     <td><a href=""><img src="http://i.imgur.com/WIQqJmx.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=""><img src="http://i.imgur.com/YnwnUVw.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=""><img src="http://i.imgur.com/rP7J2Iv.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 189: Line 279:
 
<table class="center">
 
<table class="center">
 
<tr>
 
<tr>
−
     <td><a href=""><img src="http://i.imgur.com/nhVgoc3.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><a href=""><img src="http://i.imgur.com/A5ox9ip.jpg" width="350" height="200"></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>
 
   </tr>
 
   </tr>
 
</table>
 
</table>
Line 197: Line 288:
 
<br />
 
<br />
 
<br />
 
<br />
−
<div class="center">
 
−
 
 
</div>
 
</div>
 
<br />
 
<br />
Line 205: 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">
 
−
Home | Teams | Outreach | Project | Parts | F.O.C.U.S
 
 
</div>
 
</div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 02:28, 19 September 2015

In collaboration with: