Difference between revisions of "Team:MIT/Team"

 
(31 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<style type="text/css">
+
<head>
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-
+
    <meta name="viewport" content="width=device-width, initial-scale=1">   
 +
    <style type="text/css">
  
−
logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {display:
 
  
−
none;} /*-- hides default wiki settings --*/
 
  
−
#top-section { /*-- styling for default menu bar (edit, page,
+
/*GOOGLE FONTS*/
  
−
history, etc.) --*/
+
/* latin */
−
+
@font-face {
−
border: 0 none;
+
  font-family: 'Dosis';
−
height: 14px;
+
  font-style: normal;
−
z-index: 100;
+
  font-weight: 400;
−
top: 0;
+
  src: local('Dosis Regular'), local('Dosis-Regular'), url(https://static.igem.org/mediawiki/2018/4/4d/T--MIT--dosis2.woff) format('woff');
−
position: fixed;
+
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
−
width: 975px;
+
−
left: 50%;
+
−
margin-left: -487px;
+
 
}
 
}
  
−
#globalWrapper, #content { /*-- changes default wiki settings
+
/* latin */
−
 
+
@font-face {
−
--*/
+
  font-family: 'Raleway';
−
width: 100%;
+
  font-style: normal;
−
height: 100%;
+
  font-weight: 400;
−
border: 0px;
+
  src: local('Raleway'), local('Raleway-Regular'),  url(https://static.igem.org/mediawiki/2018/5/59/T--MIT--raleway2.woff) format('woff');
−
background-color: transparent;
+
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
−
margin: 0px;
+
−
padding: 0px;
+
 
}
 
}
  
−
html, body, .wrapper { /*-- changes default wiki settings --
+
/* W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */
 +
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
 +
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
 +
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
 +
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
 +
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
 +
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
 +
a{background-color:transparent;-webkit-text-decoration-skip:objects}
 +
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
 +
dfn{font-style:italic}mark{background:#ff0;color:#000}
 +
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
 +
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
 +
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
 +
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
 +
button,input{overflow:visible}button,select{text-transform:none}
 +
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
 +
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
 +
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
 +
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
 +
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
 +
[type=checkbox],[type=radio]{padding:0}
 +
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
 +
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
 +
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
 +
::-webkit-input-placeholder{color:inherit;opacity:0.54}
 +
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
 +
/* End extract */
 +
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
 +
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
 +
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
 +
hr{border:0;border-top:1px solid #eee;margin:20px 0}
 +
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
 +
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
 +
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
 +
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
 +
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
 +
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
 +
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
 +
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
 +
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
 +
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
 +
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
 +
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
 +
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
 +
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
 +
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
 +
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
 +
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
 +
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
 +
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
 +
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
 +
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
 +
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
 +
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
 +
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
 +
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
 +
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
 +
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
 +
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
 +
.w3-main,#main{transition:margin-left .4s}
 +
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
 +
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
 +
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
 +
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
 +
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
 +
.w3-bar .w3-button{white-space:normal}
 +
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
 +
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
 +
.w3-responsive{display:block;overflow-x:auto}
 +
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
 +
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
 +
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
 +
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
 +
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
 +
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
 +
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
 +
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
 +
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
 +
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
 +
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
 +
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
 +
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
 +
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
 +
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
 +
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
 +
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
 +
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
 +
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
 +
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
 +
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
 +
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
 +
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
 +
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
 +
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
 +
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
 +
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
 +
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
 +
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
 +
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
 +
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
 +
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
 +
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
 +
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
 +
.w3-display-position{position:absolute}
 +
.w3-circle{border-radius:50%}
 +
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
 +
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
 +
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
 +
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
 +
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
 +
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
 +
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
 +
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
 +
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
 +
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
 +
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
 +
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
 +
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
 +
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
 +
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
 +
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
 +
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
 +
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
 +
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
 +
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
 +
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
 +
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
 +
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
 +
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
 +
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
 +
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
 +
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
 +
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
 +
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
 +
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
 +
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
 +
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
 +
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
 +
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
 +
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
 +
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
 +
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
 +
.w3-left{float:left!important}.w3-right{float:right!important}
 +
.w3-button:hover{color:#000!important;background-color:#ccc!important}
 +
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
 +
.w3-hover-none:hover{box-shadow:none!important}
 +
/* Colors */
 +
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
 +
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
 +
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
 +
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
 +
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
 +
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
 +
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
 +
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
 +
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
 +
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
 +
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
 +
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
 +
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
 +
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
 +
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
 +
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
 +
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
 +
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
 +
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
 +
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
 +
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
 +
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
 +
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
 +
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
 +
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
 +
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
 +
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
 +
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
 +
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
 +
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
 +
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
 +
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
 +
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
 +
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
 +
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
 +
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
 +
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
 +
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
 +
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
 +
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
 +
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
 +
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
 +
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
 +
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
 +
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
 +
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
 +
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
 +
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
 +
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
 +
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
 +
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
 +
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
 +
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
 +
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
 +
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
 +
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
 +
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
 +
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
 +
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
 +
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
 +
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
 +
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
 +
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
 +
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
 +
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
 +
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
 +
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
 +
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
 +
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
 +
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
 +
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
 +
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
 +
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
 +
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
 +
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
 +
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
 +
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
 +
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
 +
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
 +
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
 +
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
 +
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
 +
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
 +
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
  
−
*/
 
−
width: 100%;
 
−
height: 100%;
 
−
background-color: transparent;
 
−
}
 
−
</style>
 
  
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Heidelberg/css/jasnybootstrapmin?action=raw&amp;ctype=text/css" />
 
  
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Heidelberg/css/bootstrapmin?action=raw&amp;ctype=text/css" />
 
  
−
<script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/jasnybootstrapmin?action=raw&amp;ctype=text/javascript"></script>
 
−
<!-- Assets -->
 
−
<link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" />
 
  
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Roboto:300,400,500">
+
          #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {
−
<link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/bootstrap/css/bootstrap.min.css">
+
              display: none;
 +
          } /*-- hides default wiki settings --*/
  
−
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css?action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet">
+
          #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
−
<link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/font-awesome/css/font-awesome.min.css">
+
              border: 0 none;
 +
              height: 3vw;
 +
              z-index: 100;
 +
              top: 0;
 +
              position: fixed;
 +
              width: 975px;
 +
              left: 50%;
 +
              margin-left: -487px;
 +
          }
  
−
<link rel="stylesheet" type="text/css"
+
          #top_title, #top {
−
href="https://2017.igem.org/Template:Heidelberg/general/CSS?action=raw&amp;ctype=text/css" />
+
              display: none;
 +
              z-index: -1000;
 +
          }
  
 +
          .logo_2018 {
 +
              display: none;
 +
              z-index: -1000;
 +
          }
  
−
                        <!-- Favicon and touch icons -->
+
          #globalWrapper, #content { /*-- changes default wiki settings --*/
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
              width: 100%;
−
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
+
              height: 100%;
 +
              border: none;
 +
              background-color: black;
 +
              margin: 0px;
 +
              padding: 0px;
 +
              letter-spacing: normal;
 +
             
 +
              font-weight: light;
 +
          }
  
 +
          html, body, .wrapper { /*-- changes default wiki settings --*/
 +
              width: 100%;
 +
              height: 100%;
 +
              background-color: black;
 +
          }
  
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Heidelberg/styles2/CSS?action=raw&amp;ctype=text/css">
+
body{
 +
        margin:0;
 +
    }
  
 +
    .bg{
 +
        position: absolute;
 +
    }
  
−
<script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/jasnybootstrapmin?action=raw&amp;ctype=text/javascript"></script>
 
  
−
                        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
  
−
<!-- jQuery CDN -->
+
.menu {
−
        <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
+
        list-style-type: none;
−
        <!-- Bootstrap Js CDN -->
+
        margin: 0vw;
−
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
        padding: .3vw;
−
        <!-- jQuery Nicescroll CDN -->
+
        /*overflow: hidden;*/
−
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.6.8-fix/jquery.nicescroll.min.js"></script>
+
        background-color: #333;
 +
        position: fixed;
 +
        width: 100%;
 +
        height: 4.5vw;
 +
        -webkit-box-shadow: 0 8px 6px -6px #2c2c2c;
 +
        -moz-box-shadow: 0 8px 6px -6px #2c2c2c;
 +
        box-shadow: 0 8px 6px -6px #2c2c2c;
 +
        top: 1.1vw;
 +
        z-index: 20;
 +
    }
  
−
<style>
+
    .sub {
−
  body {
+
        font-family: 'Dosis', sans-serif;;
−
    font-family: 'Josefin Sans' !important;
+
        font-size: 1.5vw;
−
    font-size: 16px;
+
float: left;
−
    font-weight: 300;
+
height: 4.5vw;
−
    color: #888;
+
       
−
   
+
     }
−
     text-align: center;
+
−
}
+
  
−
     .textblock > p {font-family: 'Josefin Sans' !important; font-size: 20px !important; color: #444 !important;font-weight: 300 !important;}
+
     .sub a {
 +
        display: block;
 +
        color: white;
 +
        text-align: center;
 +
        padding: 1vw 1.5vw;
 +
        text-decoration: none;
 +
    }
  
−
      #textblock1 {
+
    .sub a:hover {
−
          position: absolute;
+
        background-color: #410081;
−
          top: 100px;
+
    }
−
          left: 20px;
+
 
−
          width:500px;
+
    .activemenu {
−
      }      
+
        background-color: #9055ff;
−
      #textblock2 {
+
    }
−
          position: absolute;
+
 
−
          top: 960px;
+
    .dropdown {
−
          left: 220px;
+
        position: relative;
−
          width: 450px;
+
        display: inline-block;
−
      } 
+
    }
−
      #textblock3 {
+
 
−
            position: absolute;
+
    .dropdown-content {
−
          top: 960px;
+
        font-family: 'Raleway', sans-serif;;
−
          right: 20px;
+
        font-size: 1.2vw;
−
          width: 500px;
+
        display: none;
−
          height: 300px;
+
−
         
+
−
      }
+
−
      #textblock4 {
+
−
            position: absolute;
+
−
          top: 1500px;
+
−
          left: 20px;
+
−
          width:450px;
+
−
      }
+
−
      #textblock5 {
+
−
            position: absolute;
+
−
          top: 2100px;
+
−
          right: 20px;
+
−
          width: 550px;
+
−
      }
+
−
      #textblock6 {
+
−
            position: absolute;
+
−
          top: 2700px;
+
−
          left: 20px;
+
−
          width: 500px;
+
−
      }
+
−
    #textblock7 {
+
−
            position: absolute;
+
−
          top: 3250px;
+
−
          right: 20px;
+
−
          width: 600px;
+
−
      }
+
−
    #textblock8 {
+
−
          position: absolute;
+
−
          top: 3750px;
+
−
          left: 50px;
+
−
          width: 400px;  
+
−
    }
+
−
    #textblock9 {
+
 
         position: absolute;
 
         position: absolute;
−
          top: 3750px;
+
        top: 4vw;
−
          right: 50px;
+
        background-color: #2c2c2c;
−
          width: 400px;
+
        min-width: 10vw;
−
    }
+
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
        z-index: 1;
 +
    }
  
−
#textblock1 > p, #textblock3 > p, #textblock5 > p,#textblock2 > p, #textblock4 > p, #textblock6 > p, #textblock7 > p, #textblock8 > p {
+
    .dropdown-content a {
−
    color: white !important;
+
        color: white;
−
    text-align: center;
+
        padding: .6vw .9vw;
−
    font-size: 26px !important;
+
        text-decoration: none;
−
    font-weight: 300 !important;
+
        display: block;
−
}
+
    }
  
−
#textblock1 > a {
+
     .dropdown-content a:hover {background-color: #474747;}
−
    color: #F8991D;
+
−
     font-size: 60px !important;
+
−
    line-height: 60px !important;
+
−
}
+
−
#textblock1 > a:hover, #textblock2 > a:hover, #textblock3 > a:hover, #textblock4 > a:hover, #textblock5 > a:hover, #textblock6 > a:hover, #textblock7 > a:hover, #textblock9 > a:hover  {
+
−
    text-decoration: underline;
+
−
}
+
−
#textblock2 > a {
+
−
    color: #fbb74b;
+
−
    font-size: 60px;
+
−
    line-height: 60px;
+
−
}
+
  
−
#textblock4 > a {
+
     .dropdown:hover .dropdown-content {display: block;}
−
  color:#9D1C20;
+
−
     font-size: 60px;
+
−
    line-height: 60px;
+
−
}
+
−
#textblock5 > a {
+
−
  color:#Fee000;
+
−
    font-size: 50px;
+
−
    line-height: 50px;
+
−
}
+
−
#textblock6 > a {
+
−
    color: #6698be;
+
−
    font-size: 50px;
+
−
    line-height: 50px;
+
−
}
+
  
  
−
#textblock7 > a {
+
    .sub a:hover {
−
    color:#F8991D;
+
        background-color: #410081;
−
     font-size: 50px;
+
     }
−
    line-height: 50px;
+
−
}
+
−
#textblock9 > a {
+
−
    color: white;
+
−
    font-size: 60px !important;
+
−
    line-height: 60px !important;
+
−
}
+
  
 +
    .active {
 +
        background-color: #9055ff;
 +
    }
  
−
     #toolbox-icon1 {
+
     .content{
−
position: absolute;
+
        margin-top: 1000px;
−
top: 4460px;
+
    }
−
left: 430px;
+
−
} 
+
−
   
+
−
    #toolbox-row1 {
+
−
        top: 0px;
+
−
    }
+
−
    #toolbox-row2 {
+
−
        top: 180px;
+
−
    }
+
−
    #toolbox-row3 {
+
−
        top: 360px;
+
−
    }
+
−
    wrapper {
+
−
        padding-bottom: 0px;
+
−
    }
+
  
−
     
+
    .image {
−
                              .landing-video {  
+
        display: block;
−
                            position: relative;
+
        width: 100%;
−
                         
+
        height: auto;
−
                            width: 100%;
+
        transition: .5s ease;
−
                            height: auto;
+
    }
−
                            background: url('') no-repeat;
+
−
                         
+
  
−
                        }   
+
    .overlay {
−
      #Icon1 {
+
        position: absolute;
−
            position: absolute;
+
        opacity: 0;
−
         
+
        width: 20vw;
−
            left: 4%;
+
        transition: .5s ease;
−
      }
+
        background-color: #008CBA;
−
      #Icon2 {
+
    }
−
          position: absolute;
+
−
          width: 400px;
+
−
          left: 1%;
+
−
 
+
−
      }
+
−
      #Icon3 {
+
−
            position: absolute;
+
−
          left: 4%;
+
−
          width: 400px;
+
−
      }
+
−
      #Icon4 {
+
−
            position: absolute;
+
−
            right: 12%;
+
−
          width: 300px;
+
−
      }
+
−
      #Icon5 {
+
−
        position: absolute;
+
−
        right: 8%;
+
−
          width: 300px;
+
−
      }
+
−
      #Icon6 {
+
−
          position: absolute;
+
−
            right: 10%;
+
−
          width: 300px;
+
−
      }
+
−
     
+
−
      .icon-text {
+
−
          position: relative;
+
−
          top: 20px;
+
−
          left: 130px;
+
−
       
+
−
         
+
−
      }
+
−
     
+
−
      .icon-text-right {
+
−
          position: relative;
+
−
          top: 20px;
+
−
          right: 0px;
+
−
     
+
−
          width: 300px;
+
−
      }
+
−
     
+
−
      #Icon1 > .icon-text  h5 {
+
−
          text-transform: uppercase;
+
−
          color: #b3dede !important;
+
−
          font-weight: 400 !important;
+
−
          line-height: 40px !important;
+
−
      }
+
−
     
+
−
      #Icon1:hover > .icon-text  p,#Icon2:hover > .icon-text  p,#Icon3:hover > .icon-text  p,#Icon4:hover > .icon-text-right p,#Icon5:hover > .icon-text-right p,#Icon6:hover > .icon-text-right p {
+
−
          opacity: 1 !important;
+
−
          text-align: center;
+
−
          transition: opacity 1s ease;
+
−
      }
+
−
      #Icon1 > .icon-text p,#Icon2 > .icon-text p,#Icon3 > .icon-text p,#Icon4 > .icon-text-right p,#Icon5 > .icon-text-right p,#Icon6 > .icon-text-right p  {
+
−
          opacity: 0 !important;
+
−
          color: white !important;
+
−
          font-family: 'Josefin Sans' !important;
+
−
          font-size: 25px !important;
+
−
      }
+
−
      #Icon2 > .icon-text  h5 {
+
−
          text-transform: uppercase;
+
−
          color: #b2cbdd !important;
+
−
          font-weight: 400 !important;
+
−
          line-height: 40px !important;
+
−
      }  
+
  
−
     
+
    .container1:hover .overlay {
−
      #Icon3 > .icon-text  h5 {
+
        opacity: 1;
−
          text-transform: uppercase;
+
    }
−
          color: #fed699!important;
+
    .container1:hover .image{
−
          font-weight: 400 !important;
+
        opacity:.5;
−
          line-height: 40px !important;
+
    }  
−
      }  
+
−
     
+
  
−
     
+
    .text {
−
      #Icon4 > .icon-text-right  h5 {
+
        width: 22.8vw;
−
          text-transform: uppercase;
+
        font-family: 'Raleway', sans-serif;;
−
          color: #d89f9c !important;
+
        font-size: 1.4vw;
−
          font-weight: 400 !important;
+
        color: white;
−
          line-height: 40px !important;
+
        position: absolute;
−
      }
+
        -webkit-transform: translate(-50%, -50%);
 +
        -ms-transform: translate(-50%, -50%);
 +
        transform: translate(-50%, -50%);
 +
        text-align: left;
 +
        line-height: 1.3;
 +
    }
 +
</style>
  
−
     
+
</head>
−
      #Icon5 > .icon-text-right  h5 {
+
−
          text-transform: uppercase;
+
−
          color: #fef39b !important;
+
−
          font-weight: 400 !important;
+
−
          line-height: 40px !important;
+
−
      }
+
−
     
+
  
−
     
 
−
      #Icon6 > .icon-text-right  h5 {
 
−
          text-transform: uppercase;
 
−
          color: #9ad5c3 !important;
 
−
          font-weight: 400 !important;
 
−
          line-height: 40px !important;
 
−
      }
 
−
     
 
−
      .phage-scroller {
 
−
              width: 150px;
 
−
              height: auto;
 
−
          }
 
−
     
 
−
      #toolbox {
 
−
          position: absolute;
 
−
          top: 3900px;
 
−
          min-height: 600px ;
 
−
          width: 100%;
 
−
          max-width: 1200px;
 
−
          margin: 0 auto;
 
−
         
 
−
      }
 
−
     
 
−
      #toolbox-image {
 
−
          position: absolute;
 
−
          left: 380px;
 
−
          width: 500px;
 
−
          top: 10%
 
−
      }
 
−
   
 
−
      .icon {
 
−
            cursor: pointer;
 
−
      }
 
−
      .toolbox-icon {
 
−
          width: 120px;
 
−
          height: 120px;
 
−
          border-radius: 100%;
 
−
          float: left;
 
−
          background-color: white;
 
−
          position: absolute;
 
−
         
 
−
      }
 
−
     
 
−
      .icon:hover > .toolbox-icon {
 
−
         
 
−
          transform: scale(1.2,1.2);
 
−
          transition: all 1s ease-out;
 
−
      }
 
  
  
−
@media (max-width: 1200px) {
+
<body style="background-color: rgb(189,154,255)">
−
         
+
 
−
          #wrapper {
+
    <img class="bg" src="https://static.igem.org/mediawiki/2018/f/fc/T--MIT--MITteamBG.png" style="width:100%">
−
              padding-bottom: 600px;
+
 
−
          }
+
 
−
         
+
−
         
+
−
         
+
−
              #textblock1 {
+
−
          position: absolute;
+
−
          top: 50px;
+
−
          left: 0px;
+
−
          width: 400px;
+
−
      }     
+
−
          #textblock1 > p, #textblock2 > p, #textblock3 > p,#textblock4 > p, #textblock5 > p,#textblock6 > p,#textblock7 > p,#textblock8 > p,#textblock9 > p {
+
−
    color: white !important;
+
−
   
+
 
    
 
    
−
    font-size: 24px !important;
+
<div class="menu">
−
    font-weight: 300 !important;
+
        <div class="sub"><a href="https://2018.igem.org/Team:MIT">Home</a></div>
−
}
+
        <div class="dropdown">
−
         
+
            <div class="sub"><a class="active" href="https://2018.igem.org/Team:MIT/Team">Team</a></div>
−
    #textblock1 > a, #textblock2 > a,#textblock3 > a, #textblock4 > a,#textblock5 > a,#textblock6 > a,#textblock7 > a,#textblock8 > a,#textblock9 > a      {
+
            <div class="dropdown-content">
−
    line-height: 50px !important;
+
                <a href="https://2018.igem.org/Team:MIT/Team">Team Members</a>
−
    font-size: 50px !Important;
+
                <a href="https://2018.igem.org/Team:MIT/Collaborations">Collaborations</a>
−
}
+
            </div>
−
         
+
        </div>
−
      #textblock2 {
+
        <div class="dropdown">
−
          position: absolute;
+
             <div class="sub"><a href="https://2018.igem.org/Team:MIT/Description">Project</a></div>
−
          top: 800px;
+
            <div class="dropdown-content">
−
          left: 150px;
+
                <a href="https://2018.igem.org/Team:MIT/Design">Design</a>
−
          width: 500px;
+
                <a href="https://2018.igem.org/Team:MIT/Results">Results</a>
−
      } 
+
                <a href="https://2018.igem.org/Team:MIT/InterLab">InterLab</a>
−
       
+
                <a href="https://2018.igem.org/Team:MIT/Notebook">Notebook</a>
−
      #textblock3 {
+
                <a href="https://2018.igem.org/Team:MIT/Experiments">Protocols</a>
−
             position: absolute;
+
                <a href ="https://2018.igem.org/Team:MIT/Attributions"> Attributions </a>
−
          top: 780px;
+
            </div>
−
          right: 0px;
+
        </div>
−
          width: 300px;
+
        <div class="dropdown">
−
          height: 220px;
+
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Parts">Parts</a></div>
−
      }
+
            <div class="dropdown-content">
−
      #textblock4 {
+
                <a href="https://2018.igem.org/Team:MIT/Basic_Part">Basic Parts</a>
−
            position: absolute;
+
                <a href="https://2018.igem.org/Team:MIT/Composite_Part">Composite Parts</a>
−
          top: 1250px;
+
            </div>
−
          left: 0px;
+
        </div>
−
          width: 400px;
+
        <div class="sub"><a href="https://2018.igem.org/Team:MIT/Safety">Safety</a></div>
−
      }
+
        <div class="dropdown">
−
      #textblock5 {
+
            <div class="sub"><a href="https://2018.igem.org/Team:MIT/Human_Practices">Human Practices</a></div>
−
            position: absolute;
+
            <div class="dropdown-content">
−
          top: 1700px;
+
                <a href="https://2018.igem.org/Team:MIT/Human_Practices">Integrated Human Practices</a>
−
          right: 0px;
+
                <a href="https://2018.igem.org/Team:MIT/Public_Engagement">Public Engagement</a>
−
          width: 500px;
+
            </div>
−
      }
+
        </div>
−
      #textblock6 {
+
        <div class="sub"><a  href="https://2018.igem.org/Team:MIT/Model">Model</a></div>
−
            position: absolute;
+
    </div>
−
          top: 2220px;
+
−
          left: 0px;
+
−
          width: 450px;
+
−
      }
+
−
         
+
−
          #textblock7 {
+
−
              position: absolute;
+
−
              top: 2700px;
+
−
              right: 0px;
+
−
              width: 550px;
+
−
          }
+
−
          #textblock8 {
+
−
              position: absolute;
+
−
              top: 3200px;
+
−
              left: 0px;
+
−
              width: 400px;
+
−
          }
+
−
          #textblock9 {
+
−
              position: absolute;
+
−
              top: 3200px;
+
−
              right: 0px;
+
−
              width: 400px;
+
−
          }
+
−
          #toolbox {
+
−
              position: absolute;
+
−
              top: 3700px;
+
−
          }
+
−
          #toolbox-image {
+
−
              position: relative;
+
−
              left: 30px !important;
+
−
          }
+
−
          #Icon1 {
+
−
              left: 100px;
+
−
          }
+
−
          #Icon2 {
+
−
              left: 100px;
+
−
          }
+
−
          #Icon3 {
+
−
              left: 100px;
+
−
          }
+
−
          #Icon4 {
+
−
              right: 200px;
+
−
          }
+
−
          #Icon5 {
+
−
              right: 200px;
+
−
                       
+
−
          }
+
−
          #Icon6 {
+
−
              right: 200px;
+
−
          }
+
−
  }
+
−
       
+
−
    .sublink {
+
−
        font-weight: 400 !important;
+
−
    }
+
  
−
    .sublink:hover {
+
    <img src="https://static.igem.org/mediawiki/2018/7/7f/T--MIT--MITteamPic.jpeg" style=" width: 80vw; position: absolute; top: 8vw; left: 10vw;">
−
       
+
−
        text-decoration: underline !important;
+
−
    }
+
−
   
+
−
    .aligner-left {
+
−
        text-align: center !important;
+
−
    }
+
−
     
+
−
      .aligner-right {
+
−
        text-align: center !important;
+
−
    }
+
−
       
+
−
  #overall-wrapper {
+
−
        min-width: 1000px;
+
−
  }
+
  
−
  @media (max-width: 960px) {
+
    <!--Keira-->
−
     body {
+
     <div class="container1">
−
      width: 1000px;
+
        <img src="https://static.igem.org/mediawiki/2018/9/95/T--MIT--MITteam1.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 10vw;">
−
      overflow-x: scroll;
+
        <div class="overlay">
−
    }
+
            <div class="text" style="position: absolute; top:70vw; left: 22vw;">
−
  }
+
                Keira Ahern, Class of 2022<br>
−
  @media screen and (max-width: 960px) {
+
                Major: Engineering<br>
−
    .t-container {
+
                From: Boston<br>
−
      width: 1000px ! important;
+
                <p> </p>
−
      max-width: 1200px !important;
+
                What do you do for fun?<br>
−
      min-width: 980px !important;
+
                "I like to read, draw and hang out with friends."<br>
−
    }
+
                <p> </p>
−
  }
+
                Quote:<br>
 +
                "Oh that's some nice, um, nothing."
 +
            </div>
 +
        </div>
 +
    </div>
  
−
                    </style>
+
    <!--Andres-->
−
</head>
+
    <div class="container1">
−
<body class="t-body">
+
        <img src="https://static.igem.org/mediawiki/2018/b/b6/T--MIT--MITteam2.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 38.5vw;">
−
    <!-- Top menu -->
+
        <div class="overlay">
 +
            <div class="text" style="position: absolute; top:70vw; left: 50.5vw;">
 +
                Andres Alvarado, Class of 2020<br>
 +
                Major: Biological Engineering<br>
 +
                From: Los Angeles<br>
 +
                <p> </p>
 +
                What do you do for fun?<br>
 +
                "I only enjoy the finest of Japanese culture."<br>
 +
                <p> </p>
 +
                Quote:<br>
 +
                "Everyday I check my closet not for monsters, but for you guys."
 +
            </div>
 +
        </div>
 +
    </div>
  
−
</p><p>
+
    <!--Joy-->
 +
    <div class="container1">
 +
        <img src="https://static.igem.org/mediawiki/2018/9/9c/T--MIT--MITteam3.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 60vw; left: 67vw;">
 +
        <div class="overlay">
 +
            <div class="text" style="position: absolute; top:71vw; left: 79vw;">
 +
                Joy Fan, Class of 2020<br>
 +
                Major: Computer Science and Biology<br>
 +
                From: Kentucky<br>
 +
                <p> </p>
 +
                What do you do for fun?<br>
 +
                "I'm a digital artist, musician, and writer."<br>
 +
                <p> </p>
 +
                Quote:<br>
 +
                "Well at least I contributed something useful" <p> </p>-throwing shade at Andres
 +
            </div>
 +
        </div>
 +
    </div>
  
−
<!-- Start of CSS-->
+
    <!--Hang-->
−
<style type="text/css">
+
    <div class="container1">
 +
        <img src="https://static.igem.org/mediawiki/2018/d/d6/T--MIT--MITteam4.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 10vw;">
 +
        <div class="overlay">
 +
            <div class="text" style="position: absolute; top:99vw; left: 22vw;">
 +
                Hang Le, Class of 2020<br>
 +
                Major: Biological Engineering<br>
 +
                From: Vietnam<br>
 +
                <p> </p>
 +
                What do you do for fun?<br>
 +
                "Hiking, biking, singing, memeing."<br>
 +
                <p> </p>
 +
                Quote:<br>
 +
                "It doesn't matter how much you invert it, as long as you stick to the beat."
 +
            </div>
 +
        </div>
 +
    </div>
  
−
/* WIKI SETTINGS*/
+
    <!--Maya-->
−
+
    <div class="container1">
−
/* Hide first heading */
+
        <img src="https://static.igem.org/mediawiki/2018/a/a7/T--MIT--MITteam5.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 38.5vw;">
−
.firstHeading {
+
        <div class="overlay">
−
display: none;
+
            <div class="text" style="position: absolute; top:99vw; left: 50.5vw;">
−
}
+
                Maya Levy, Class of 2021<br>
−
+
                Major: Biological Engineering<br>
−
/*-- Remove borders, float content left and remove padding/margin */
+
                From: Miami, Florida<br>
−
#globalWrapper, #content{
+
                <p> </p>
−
background-color: transparent;
+
                What do you do for fun?<br>
−
border: 0px;
+
                "Mostly I paint and build things!"<br>
−
float: left;
+
                <p> </p>
−
margin:0px;
+
                Quote:<br>
−
padding: 0px;
+
                "I only support arson in small quantities."
−
}
+
            </div>
 +
        </div>
 +
    </div>
  
−
/*left align Black Menu Bar */
+
    <!--Alex-->
−
#top_menu_inside {
+
    <div class="container1">
−
margin-left: 20px;  
+
        <img src="https://static.igem.org/mediawiki/2018/d/da/T--MIT--MITteam6.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 90vw; left: 67vw;">
−
}
+
        <div class="overlay">
−
</style>
+
            <div class="text" style="position: absolute; top:101vw; left: 79vw;">
 +
                Alexandrea Pouliot, Class of 2021<br>
 +
                Major: Biological Engineering, Russian and Eurasian Studies<br>
 +
                From: Warwick, Rhode Island<br>
 +
                <p> </p>
 +
                What do you do for fun?<br>
 +
                "I am a nerd :) I love to read, write, and play Dungeons and Dragons."<br>
 +
                <p> </p>
 +
                Quote:<br>
 +
                "What's poppin"
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <!--Lexi-->
 +
    <div class="container1">
 +
        <img src="https://static.igem.org/mediawiki/2018/1/1a/T--MIT--MITteam7.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 10vw;">
 +
        <div class="overlay">
 +
            <div class="text" style="position: absolute; top:130vw; left: 22vw;">
 +
                Lexi Schneider, Class of 2021<br>
 +
                Major: Biological Engineering<br>
 +
                From: Pennsylvania<br>
 +
                <p> </p>
 +
                What do you do for fun?<br>
 +
                "Play soccer and ice hockey, listen to music, pet dogs"<br>
 +
                <p> </p>
 +
                Quote:<br>
 +
                "When you're friend is like "Hey get out of the bathroom" but you're like "Wait, I'm doing the modified stillman.""
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <!--Tooba-->
 +
    <div class="container1">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/89/T--MIT--MITteam8.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 38.5vw;">
 +
        <div class="overlay">
 +
            <div class="text" style="position: absolute; top:130vw; left: 50.5vw;">
 +
                Tooba Shahid, Class of 2021<br>
 +
                Major: Biological Engineering<br>
 +
                From: Pakistan<br>
 +
                <p> </p>
 +
                What do you do for fun?<br>
 +
                "Binge watch Netflix for 12 straight hours..."<br>
 +
                <p> </p>
 +
                Quote:<br>
 +
                "I never heard of Wyoming before and I thought it was Chinese."
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <!--Aidan-->
 +
    <div class="container1">
 +
        <img src="https://static.igem.org/mediawiki/2018/8/8a/T--MIT--MITteam9.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 120vw; left: 67vw;">
 +
        <div class="overlay">
 +
            <div class="text" style="position: absolute; top:130vw; left: 79vw;">
 +
                Aidan Simpson, Class of 2021<br>
 +
                Major: Biological Engineering, Management<br>
 +
                From: Los Angeles<br>
 +
                <p> </p>
 +
                What do you do for fun?<br>
 +
                "Fencing, video games."<br>
 +
                <p> </p>
 +
                Quote:<br>
 +
                "That was just the cherry on the cake of failure."<p> </p>-after microwaving his plates
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <!--Krissy-->
 +
    <div class="container1">
 +
        <img src="https://static.igem.org/mediawiki/2018/f/f2/T--MIT--MITteam10.jpeg" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 25vw;">
 +
        <div class="overlay">
 +
            <div class="text" style="position: absolute; top:161vw; left: 37vw;">
 +
                Kristina Stoyanova , Class of 2023<br>
 +
                Major: Biological Engineering<br>
 +
                From: Franklin, MA<br>
 +
                <p> </p>
 +
                What do you do for fun?<br>
 +
                "Mock Trial, Theater, Tennis, Fencing, Long walks around Boston."<br>
 +
                <p> </p>
 +
                Quote:<br>
 +
                "Agar smells like hot chocolate!"
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
    <!--Reese-->
 +
    <div class="container1">
 +
        <img src="https://static.igem.org/mediawiki/2018/c/ca/T--MIT--MITreese.png" alt="Avatar" class="image" style="width:23vw;position: absolute; top: 150vw; left: 53.5vw;">
 +
        <div class="overlay">
 +
            <div class="text" style="position: absolute; top:162vw; left: 65.5vw;">
 +
                Reese Caliman, Class of 2019<br>
 +
                Major: Linguistics and Biological Engineering<br>
 +
                From: Romania/St. Louis<br>
 +
                <p> </p>
 +
                What do you do for fun?<br>
 +
                "Learn random languages like Albanian, sail, backpacker travel"<br>
 +
                <p> </p>
 +
                Quote:<br>
 +
                "Whats a gene drive? Do you donate genes?"
 +
            </div>
 +
        </div>
 +
    </div>
 +
 
 +
</body>
  
−
<head>
 
−
</head>
 
 
</html>
 
</html>

Latest revision as of 01:42, 18 October 2018

Home
Team
Team Members Collaborations
Project
Design Results InterLab Notebook Protocols Attributions
Parts
Basic Parts Composite Parts
Safety
Human Practices
Integrated Human Practices Public Engagement
Model
Avatar
Keira Ahern, Class of 2022
Major: Engineering
From: Boston

What do you do for fun?
"I like to read, draw and hang out with friends."

Quote:
"Oh that's some nice, um, nothing."
Avatar
Andres Alvarado, Class of 2020
Major: Biological Engineering
From: Los Angeles

What do you do for fun?
"I only enjoy the finest of Japanese culture."

Quote:
"Everyday I check my closet not for monsters, but for you guys."
Avatar
Joy Fan, Class of 2020
Major: Computer Science and Biology
From: Kentucky

What do you do for fun?
"I'm a digital artist, musician, and writer."

Quote:
"Well at least I contributed something useful"

-throwing shade at Andres
Avatar
Hang Le, Class of 2020
Major: Biological Engineering
From: Vietnam

What do you do for fun?
"Hiking, biking, singing, memeing."

Quote:
"It doesn't matter how much you invert it, as long as you stick to the beat."
Avatar
Maya Levy, Class of 2021
Major: Biological Engineering
From: Miami, Florida

What do you do for fun?
"Mostly I paint and build things!"

Quote:
"I only support arson in small quantities."
Avatar
Alexandrea Pouliot, Class of 2021
Major: Biological Engineering, Russian and Eurasian Studies
From: Warwick, Rhode Island

What do you do for fun?
"I am a nerd :) I love to read, write, and play Dungeons and Dragons."

Quote:
"What's poppin"
Avatar
Lexi Schneider, Class of 2021
Major: Biological Engineering
From: Pennsylvania

What do you do for fun?
"Play soccer and ice hockey, listen to music, pet dogs"

Quote:
"When you're friend is like "Hey get out of the bathroom" but you're like "Wait, I'm doing the modified stillman.""
Avatar
Tooba Shahid, Class of 2021
Major: Biological Engineering
From: Pakistan

What do you do for fun?
"Binge watch Netflix for 12 straight hours..."

Quote:
"I never heard of Wyoming before and I thought it was Chinese."
Avatar
Aidan Simpson, Class of 2021
Major: Biological Engineering, Management
From: Los Angeles

What do you do for fun?
"Fencing, video games."

Quote:
"That was just the cherry on the cake of failure."

-after microwaving his plates
Avatar
Kristina Stoyanova , Class of 2023
Major: Biological Engineering
From: Franklin, MA

What do you do for fun?
"Mock Trial, Theater, Tennis, Fencing, Long walks around Boston."

Quote:
"Agar smells like hot chocolate!"
Avatar
Reese Caliman, Class of 2019
Major: Linguistics and Biological Engineering
From: Romania/St. Louis

What do you do for fun?
"Learn random languages like Albanian, sail, backpacker travel"

Quote:
"Whats a gene drive? Do you donate genes?"