Difference between revisions of "Team:Michigan"

 
(29 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{Michigan}}
 
<html>
 
<html>
 
<head>
 
<head>
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<title>MSBT 2017</title>
 
<title>MSBT 2017</title>
<link href="css/msbt.css" rel="stylesheet" type="text/css">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Michigan/CSS?action=raw&ctype=text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
+
 
<link href="https://fonts.googleapis.com/css?family=Bungee+Hairline|Oxygen|Sumana" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Bungee+Hairline|Oxygen|Sumana" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:Michigan/Javascript?action=raw&ctype=text/javascript"></script>
<script src="js/msbt.js"></script>
+
<style>
+
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Oxygen', sans-serif !important;}
+
body,.body {font-family: 'Sumana', serif !important; line-height:normal !important}
+
.active {color:red;}
+
.gray {color:#6A6A6A;}
+
.subtitle {color:black !important;font-weight:bold;}
+
a {cursor:pointer;}
+
.page1 {
+
background-image:url(../images/bgimg.png);
+
background-color:white;
+
background-size:cover;
+
z-index:-5;
+
height:100vh;
+
}
+
 
+
.page2 {
+
background-color:#FFFFFF;
+
z-index:-5;
+
height:100vh;
+
}
+
 
+
.homelogo {
+
width:50%;
+
min-width:350px;
+
margin-top:28vh;
+
}
+
 
+
.logo {
+
width:250px;
+
padding-top:15px;
+
float:right;
+
}
+
 
+
#pageContainer {
+
top:20px;
+
position:relative;
+
}
+
 
+
.content {
+
overflow:scroll;
+
height:inherit;
+
}
+
 
+
.bottom {
+
width:inherit;
+
bottom:0px;
+
position:fixed;
+
cursor:pointer;
+
/*width:inherit;*/
+
background: -moz-linear-gradient(left, rgba(255,80,0,0) 0%, rgba(255,80,0,1) 2%, rgba(0,229,255,1) 98%, rgba(0,229,255,0) 100%);
+
background: -webkit-linear-gradient(left, rgba(255,80,0,0) 0%,rgba(255,80,0,1) 2%,rgba(0,229,255,1) 98%,rgba(0,229,255,0) 100%);
+
background: linear-gradient(to right, rgba(255,80,0,0) 0%,rgba(255,80,0,1) 2%,rgba(0,229,255,1) 98%,rgba(0,229,255,0) 100%);
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff5000', endColorstr='#0000e5ff',GradientType=1 );
+
/*
+
background: #ff5000;
+
background: -moz-linear-gradient(left, #ff5000 0%, #00e5ff 100%);
+
background: -webkit-linear-gradient(left, #ff5000 0%,#00e5ff 100%);
+
background: linear-gradient(to right, #ff5000 0%,#00e5ff 100%);
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5000', endColorstr='#00e5ff',GradientType=1 );
+
*/
+
}
+
 
+
.person {
+
padding-top:40px;
+
width:100%;
+
}
+
 
+
.f2black {
+
    background: -webkit-linear-gradient(white, black); /* For Safari 5.1 to 6.0 */
+
    background: -o-linear-gradient(white, black); /* For Opera 11.1 to 12.0 */
+
    background: -moz-linear-gradient(white, black); /* For Firefox 3.6 to 15 */
+
    background: linear-gradient(white, black); /* Standard syntax */
+
}
+
 
+
.teampic {
+
min-width:200px;
+
width:200px;
+
}
+
 
+
.teamtable td {
+
padding:10px;
+
}
+
 
+
.panel-heading a:after {
+
    font-family:'Glyphicons Halflings';
+
    content:"\e114";
+
    float: right;
+
    color: red;
+
}
+
.panel-heading a.collapsed:after {
+
    content:"\e080";
+
}
+
 
+
.profpic {
+
width:40%;
+
margin:auto;
+
display:block;
+
}
+
 
+
.personDescription {
+
display:none;
+
}
+
 
+
#slideshow {
+
display: block;
+
    margin: auto;
+
    position: relative;
+
height:50vh;
+
}
+
#slideshow > div {
+
margin:auto;
+
display:block;
+
    position: absolute;
+
}
+
#slideshow > div > img {
+
height:50vh;
+
box-shadow: 0 0 20px rgba(0,0,0,0.4);
+
}
+
 
+
.partBox {
+
border:solid;
+
border-color:red;
+
}
+
 
+
#sidebar {
+
overflow:scroll;
+
}
+
</style>
+
 
</head>
 
</head>
  
Line 143: Line 14:
 
<div class="container">
 
<div class="container">
  
<img class="homelogo" src="images/logoanim.gif">
+
<img class="homelogo" src="https://static.igem.org/mediawiki/2017/0/0e/MICHIGAN-logoanim.gif">
<h1 class="subtitle" style="font-family: 'Bungee Hairline', cursive !important;">temperature controlled<br>bacterial killswitch  
+
<h1 class="subtitle" style="font-family: 'Bungee Hairline', cursive !important; border-bottom:none">temperature controlled<br>bacterial killswitch  
 
<!--<a href=""><span class="glyphicon glyphicon-play-circle gray"></span></a>-->
 
<!--<a href=""><span class="glyphicon glyphicon-play-circle gray"></span></a>-->
 
</h1>
 
</h1>
 
<h4 class="subtitle" style="font-family: 'Bungee Hairline', cursive !important;">&nbsp;university of michigan • ann arbor</h4>
 
<h4 class="subtitle" style="font-family: 'Bungee Hairline', cursive !important;">&nbsp;university of michigan • ann arbor</h4>
  
<ul class="nav nav-tabs bottom" id="nav">
+
<ul class="nav nav-tabs bottom" id="nav" style="margin-left: 0;">
<li onClick="go('index')"><a class="subtitle">thermolyze</a></li>
+
<li onClick="go('')"><a class="subtitle">thermolyze</a></li>
<li onClick="go('Description')"><a class="subtitle">project</a></li>
+
<li onClick="go('/Description')"><a class="subtitle">project</a></li>
<li onClick="go('Team')"><a class="subtitle">the team</a></li>
+
<li onClick="go('/Team')"><a class="subtitle">the team</a></li>
<li onClick="go('Human_Practices')"><a class="subtitle">human practices</a></li>
+
<li onClick="go('/Human_Practices')"><a class="subtitle">human practices</a></li>
<li onClick="go('Parts')"><a class="subtitle">parts</a></li>
+
<li onClick="go('/Parts')"><a class="subtitle">parts</a></li>
<li onClick="go('Model')"><a class="subtitle">modelling</a></li>
+
<li onClick="go('/Model')"><a class="subtitle">modelling</a></li>
<li onClick="go('Safety')"><a class="subtitle">safety</a></li>
+
<li onClick="go('/Safety')"><a class="subtitle">safety</a></li>
<li onClick="go('Collaborations')"><a class="subtitle">collaborations</a></li>
+
<li onClick="go('/Collaborations')"><a class="subtitle">collaborations</a></li>
<li onClick="go('Attributions')"><a class="subtitle">attributions</a></li>
+
<li onClick="go('/Attributions')"><a class="subtitle">attributions</a></li>
 
<!--<li onClick="window.open('https://2017.igem.org')"><a class="subtitle">igem</a></li>-->
 
<!--<li onClick="window.open('https://2017.igem.org')"><a class="subtitle">igem</a></li>-->
 
</ul>
 
</ul>

Latest revision as of 00:50, 2 November 2017

MSBT 2017

temperature controlled
bacterial killswitch

 university of michigan • ann arbor