Difference between revisions of "Team:UCSC"

 
(138 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>
−
<nav class="navbar navbar-inverse navbar-fixed-top" style="position:relative; top: -10px;">
+
−
 
+
 
<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 17: Line 56:
 
}
 
}
  
 +
 +
 +
.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;
 
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 {
 
     border: none;
 
     border: none;
Line 28: Line 87:
 
     width: 100%;
 
     width: 100%;
 
     padding-left: 0px;}
 
     padding-left: 0px;}
 +
 +
 
#content {
 
#content {
 
     border: none;
 
     border: none;
 
     width: 100%;
 
     width: 100%;
 
     padding: 0px;}
 
     padding: 0px;}
 +
 +
 
#our_content {
 
#our_content {
−
background-image: url("http://i.imgur.com/gG2r4OI.jpg");
+
 
                
 
                
 
position: relative;
 
position: relative;
Line 39: 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;
  
Line 46: Line 109:
 
#foot {margin: auto;
 
#foot {margin: auto;
 
         font-size: 12px;
 
         font-size: 12px;
−
         font-family: Calibri, Helvetica; times;}
+
         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 58: Line 206:
 
<body>
 
<body>
  
−
<nav class="navbar navbar-default">
+
<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" >
−
    <!-- Brand and toggle get grouped for better mobile display -->
+
     <div class="navbar-header" >
−
     <div class="navbar-header">
+
       <a class="navbar-brand" href="#"></a>
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
−
        <span class="sr-only">Toggle navigation</span>
+
−
        <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
      </button>
+
−
       <a class="navbar-brand" href="#">Brand</a>
+
 
     </div>
 
     </div>
−
 
+
     <div>
−
    <!-- Collect the nav links, forms, and other content for toggling -->
+
       <ul class="nav navbar-nav bernick_swag">
−
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
         <li class="active"><a href="https://2015.igem.org/Team:UCSC">Home</a></li>
−
       <ul class="nav navbar-nav">
+
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team <span class="caret"></span></a>
−
         <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
+
−
        <li><a href="#">Link</a></li>
+
−
         <li class="dropdown">
+
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
−
             <li><a href="#">Action</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Team">Meet the Team</a></li>
−
             <li><a href="#">Another action</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Breakdown">Breakdown</a></li>
−
             <li><a href="#">Something else here</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Fermentation">Fermentation</a></li>
−
            <li role="separator" class="divider"></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Field">Field</a></li>
−
             <li><a href="#">Separated link</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Attributions">Attributions</a></li>
−
            <li role="separator" class="divider"></li>
+
−
             <li><a href="#">One more separated link</a></li>
+
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
−
      </ul>
+
         <li><a href="https://2015.igem.org/Team:UCSC/Description">Project</a></li>
−
      <form class="navbar-form navbar-left" role="search">
+
          <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
−
         <div class="form-group">
+
−
          <input type="text" class="form-control" placeholder="Search">
+
−
        </div>
+
−
        <button type="submit" class="btn btn-default">Submit</button>
+
−
      </form>
+
−
      <ul class="nav navbar-nav navbar-right">
+
−
        <li><a href="#">Link</a></li>
+
−
        <li class="dropdown">
+
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
−
             <li><a href="#">Action</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Outreach">Outreach</a></li>
−
            <li><a href="#">Another action</a></li>
+
             <li><a href="https://2015.igem.org/Team:UCSC/Practices">Bioethics</a></li>
−
             <li><a href="#">Something else here</a></li>
+
−
            <li role="separator" class="divider"></li>
+
−
            <li><a href="#">Separated link</a></li>
+
 
           </ul>
 
           </ul>
 
         </li>
 
         </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><!-- /.navbar-collapse -->
+
     </div>
−
   </div><!-- /.container-fluid -->
+
   </div>
 
</nav>
 
</nav>
−
<!--<div id="logo" class="center" width="100%">
+
 
−
<img src="http://i.imgur.com/9f4tO41.jpg" style="width:100%" />
+
−
</div>
+
−
-->
+
  
 
<!--First Block -->
 
<!--First Block -->
 +
 
<div id="our_content" align="center">
 
<div id="our_content" align="center">
−
<img src="http://i.imgur.com/AeQmqkL.png" width="75%" height="75%" />
+
<img src="https://static.igem.org/mediawiki/2015/7/73/Ucsclogo.png" width="99%" height="99%" />
−
<h1>Welcome to UCSC iGEM 2015!</h1>
+
<img src="https://static.igem.org/mediawiki/2015/3/3f/Ucsc_slogan.png" />
−
<p>
+
<p style="font-size: 12px;">
−
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.
+
In collaboration with:
−
<p>
+
<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 130: Line 269:
 
<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 140: Line 279:
 
<table class="center">
 
<table class="center">
 
<tr>
 
<tr>
−
     <td><a href=""><img src="http://i.imgur.com/wO1FdR6.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="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=""><img src="http://i.imgur.com/A5ox9ip.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>
 
</table>
 
</table>
Line 155: 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: