Difference between revisions of "Team:UCSC"

 
(317 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
+
<head>
 +
<meta charset="utf-8">
 +
<!-- Bootstrap CSS -->
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="https://2015.igem.org/Template:UCSC/CSS?action=raw&ctype=text/css">
 +
  <script src="https://2015.igem.org/Template:UCSC/Javascript?action=raw&ctype=text/javascript"></script>
 +
  <script src="https://2015.igem.org/Template:UCSC/Bootstrap_Javascript?action=raw&ctype=text/javascript"></script>
 
<style>
 
<style>
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 
  
−
body {
+
body{padding-bottom: 70px;}
−
background-image: url("http://i.imgur.com/3B5DBmW.jpg");
+
 
 +
.navbar-nav > li{
 +
  padding-top: 5px;
 +
  padding-left:15px;
 +
  padding-right:20px;
 
}
 
}
  
−
     
+
.navbar .navbar-nav {
−
#footer {
+
    display: inline-block;
−
position: relative;
+
    float: none;
−
                bottom: 11px;
+
}
−
                right: 135px;
+
  
−
               
+
.navbar .navbar-collapse {
 +
    text-align: center;
 +
}
 +
.bernick a:hover { color: #CCAC00;}
  
−
+
.foot a:link{ color: black;}
−
}
+
  
−
#bodyContent{ border: 0px;}
+
.foot a:visited{ color: black;}
  
 +
.foot a:hover { color: #CCAC00;}
  
−
#alpha {
+
.bernick_swag a:link{ color: #8798b2; font-family:  Calibri, Helvetica; Arial font-size: 13px;}
−
background-image: url("http://i.imgur.com/gG2r4OI.jpg");
+
 
 +
.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 {
 +
    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;
 +
font-family: calibri, helvetica, arial;
 +
font-size: 16px;}
 +
 
 +
ul#menu li {
 +
    display:inline;
 +
}
 +
 
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
 
 +
 
 +
#top-section {
 +
    border: none;
 +
    height: 0px;
 +
    width: 100%;
 +
    padding-left: 0px;}
 +
 
 +
 
 +
#content {
 +
    border: none;
 +
    width: 100%;
 +
    padding: 0px;}
 +
 
 +
 
 +
#our_content {
 +
 
                
 
                
 
position: relative;
 
position: relative;
 
                 width: 1220px;
 
                 width: 1220px;
−
                 right: 135px;
+
                 margin: auto;
−
                bottom:9px;
+
 
                 repeat: n;
 
                 repeat: n;
−
                 font-family: Calibri, Helvetica;
+
                 font-family: Calibri, Helvetica; Arial;
−
                 font-size: 24px;
+
                 font-size: 18px;
  
 
}
 
}
  
 +
#foot {margin: auto;
 +
        font-size: 12px;
 +
        font-family: Calibri, Helvetica; Arial;}
  
−
#logo {
+
 
−
position: relative;
+
 
−
                right: 135px;
+
}
−
                bottom: 10px
+
 
 +
@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%}
  
  
−
 
−
#nav {
 
−
              background-image: url("http://i.imgur.com/MUMbnsj.jpg");
 
−
              position: relative;
 
−
              right: 135px;
 
−
              bottom: 9px;
 
−
              width: 960px;
 
−
              height: 138px;
 
 
}
 
}
  
−
a:hover {
+
@media screen and (max-width: 1024px) {
−
    opacity: 0.4;
+
 
−
    filter: alpha(opacity=100); /* For IE8 and earlier */
+
#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) {
  
−
</style>
+
#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>
 +
 +
 +
</head>
  
  
Line 70: Line 205:
 
<!-- end of menu -->
 
<!-- end of menu -->
 
<body>
 
<body>
−
<div id="logo">
 
−
<img src="http://i.imgur.com/9IY8XxF.jpg" />
 
−
</div>
 
  
−
<!--First Block -->
+
<nav class="navbar navbar-fixed-top" style="position:relative; top: -10px; background-color: #E5E4E2; text-align:center;" >
−
<div id="alpha">
+
  <div class="container-fluid" >
−
<nav class="center">
+
    <div class="navbar-header" >
 +
      <a class="navbar-brand" href="#"></a>
 +
    </div>
 +
    <div>
 +
      <ul class="nav navbar-nav bernick_swag">
 +
        <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>
 +
          <ul class="dropdown-menu">
 +
            <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/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>
 +
        </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>
 +
        </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>
 +
    </div>
 +
  </div>
 
</nav>
 
</nav>
−
<br />
 
−
<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.
 
  
 +
<!--First Block -->
 +
 +
<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 />
−
<nav class="center">
 
−
<table>
 
−
<tr>
 
−
<a href=""><img src="http://i.imgur.com/WIQqJmx.jpg" width="320" height="200"></a>
 
−
<a href=""><img src="http://i.imgur.com/y94bplM.jpg" width="310" height="200"></a>
 
−
<a href=""><img src="http://i.imgur.com/nhVgoc3.jpg" width="320" height="200"></a>
 
−
<a href=""><img src="http://i.imgur.com/A5ox9ip.jpg" width="320" height="200"></a>
 
−
<td>
 
  
−
</td>
+
<div class="classname">
−
 
+
<table class="center">
−
</tr>
+
  <tr>
 +
    <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/Field"><img src="https://static.igem.org/mediawiki/2015/7/73/Field_3.jpg" width="350" height="200"></a></td>
 +
 
 +
  </tr>
 +
</table>
 +
<br />
 +
<br />
 +
<table class="center">
 +
<tr>
 +
    <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/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>
 
</table>
 
</table>
−
 
 
</nav>
 
</nav>
 +
 +
<br />
 
<br />
 
<br />
−
<br/>
 
 
</div>
 
</div>
 +
<br />
 +
<br />
  
 +
</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%"/>
  
−
    <!--Footer-->
+
<ul id="menu">
 +
<li><img src="https://static.igem.org/mediawiki/2015/a/a9/Fns4kg.png" style="width: 88px; height:88px;" /></li>
  
−
<div id="footer">
+
<li><img src="https://static.igem.org/mediawiki/2015/0/03/Vwr.png" style="width: 241px; height: 50px "/></li>
−
<img src="http://i.imgur.com/I4jamHx.jpg" height="200" width="1220"/>
+
−
</div>
+
  
 +
<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>
 +
 +
<li><img src="https://static.igem.org/mediawiki/2015/3/34/Idt.jpg" style="width: 88px; height: 88px;" /></li>
 +
</ul>
 +
 +
</div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 02:28, 19 September 2015

In collaboration with: