Difference between revisions of "Team:Edinburgh UG/Team"

Line 1: Line 1:
 
<html>
 
<html>
−
+
 
 
<head>
 
<head>
−
<link href="https://2017.igem.org/Template:Edinburgh_UG/CSS?action=raw&amp;ctype=text/css" rel="stylesheet">
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Edinburgh_UG/JoeDesign/site_globle?action=raw&amp;ctype=text/css"/>
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Edinburgh_UG/JoeDesign/master_a_master?action=raw&amp;ctype=text/css"/>
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Edinburgh_UG/JoeDesign/team?action=raw&amp;ctype=text/css" id="pagesheet"/>
 +
    <style>
 +
        /* External CSS (should be on every page?) */
 +
        /* Navbar settings */
 +
       
 +
        .dropdown:hover .dropdown-content {
 +
            display: block;
 +
        }
 +
       
 +
        .dropbtn {
 +
            font-size: 16px;
 +
            border: none;
 +
            outline: none;
 +
            color: black;
 +
            background-color: inherit;
 +
        }
 +
       
 +
        .dropdown-content {
 +
            position: absolute;
 +
            display: none;
 +
            background-color: #f9f9f9;
 +
            min-width: 160px;
 +
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 +
            z-index: 1;
 +
        }
 +
       
 +
        .dropdown-content a {
 +
            font-size: 14px;
 +
            float: none;
 +
            color: black;
 +
            padding: 6px 13px 6px 12px;
 +
            text-decoration: none;
 +
            display: block;
 +
            text-align: left;
 +
        }
 +
       
 +
        .dropdown-content a:hover {
 +
            background-color: #ddd;
 +
        }
 +
        /*Underline for the navbar.*/
 +
       
 +
        .navbar-default {
 +
            border: 3px double black;
 +
            border-width: 0px 0px 3px 0px;
 +
        }
  
−
<style>
+
        /* Clear the default wiki settings */      
−
/* W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes */
+
        #home_logo,
−
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
+
        #sideMenu,
−
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
+
        #bars_item {
−
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
+
            display: none;
−
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}
+
        #sideMenu,
−
a{background-color:transparent;-webkit-text-decoration-skip:objects}
+
        #top_title,
−
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
+
        .patrollink {
−
dfn{font-style:italic}mark{background:#ff0;color:#000}
+
            display: none;
−
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}
+
        #content {
−
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
+
            width: 100%;
−
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
+
            padding: 0px;
−
button,input{overflow:visible}button,select{text-transform:none}
+
            margin-top: -7px;
−
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
+
            margin-left: 0px;
−
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}
+
        body {
−
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
+
            background-color: white;
−
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}
+
        #bodyContent h1,
−
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
+
        #bodyContent h2,
−
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
+
        #bodyContent h3,
−
::-webkit-input-placeholder{color:inherit;opacity:0.54}
+
        #bodyContent h4,
−
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
+
        #bodyContent h5 {
−
/* End extract */
+
            margin-bottom: 0px;
−
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}
+
        /* Max Width must be the max width of the carousel... */
−
hr{border:0;border-top:1px solid #eee;margin:20px 0}
+
        .same-width {
−
.w3-image{max-width:100%;height:auto}img{margin-bottom:-5px}a{color:inherit}
+
            width: 70%;
−
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
+
            max-width: 900px;
−
.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;outline:0;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;z-index:1}
+
−
.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}
+
−
.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;outline:none;display:block}
+
−
.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;outline:none;white-space:normal;float:none}
+
−
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
+
−
.w3-responsive{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:52px!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:#bbb!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-red,.w3-hover-text-red:hover{color:#f44336!important}
+
−
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
+
−
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
+
−
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!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-amber{color:#ffc107!important}
+
−
.w3-text-aqua{color:#00ffff!important}
+
−
.w3-text-light-blue{color:#87CEEB!important}
+
−
.w3-text-brown{color:#795548!important}
+
−
.w3-text-cyan{color:#00bcd4!important}
+
−
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
+
−
.w3-text-light-green{color:#8bc34a!important}
+
−
.w3-text-indigo{color:#3f51b5!important}
+
−
.w3-text-khaki{color:#b4aa50!important}
+
−
.w3-text-lime{color:#cddc39!important}
+
−
.w3-text-orange{color:#ff9800!important}
+
−
.w3-text-deep-orange{color:#ff5722!important}
+
−
.w3-text-pink{color:#e91e63!important}
+
−
.w3-text-purple{color:#9c27b0!important}
+
−
.w3-text-deep-purple{color:#673ab7!important}
+
−
.w3-text-sand{color:#fdf5e6!important}
+
−
.w3-text-teal{color:#009688!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-red,.w3-hover-border-red:hover{border-color:#f44336!important}
+
−
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
+
−
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!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:#bbb!important}
+
  
−
</style>
+
    </style>
 
</head>
 
</head>
 +
 
<body>
 
<body>
  
−
<div class="container">
+
    <!-- Navbar -->
−
  <a href=/Team:Edinburgh_UG>Home</a>
+
    <container>
−
  <div class="dropdown">
+
        <div margin-top=1 0px max-width=800px>
−
    <button class="dropbtn">Team</button>
+
            <nav class="navbar-default navbar-fixed-top">
−
    <div class="dropdown-content">
+
                <a href="https://2017.igem.org/Team:Edinburgh_UG" class="navbar-brand">
−
      <a href=/Team:Edinburgh_UG/Team>Team</a>
+
                    <div style="position:relative;">
−
      <a href=/Team:Edinburgh_UG/Collaborations>Collaborations</a>
+
                        <img src="https://static.igem.org/mediawiki/2017/0/03/T--Edinburgh_UG--navbarlogo3.svg"> </div>
−
    </div>
+
                </a>
−
  </div>  
+
                <div class="container-fluid">
−
  <div class="dropdown">
+
                    <ul class="nav navbar-nav navbar-right">
−
    <button class="dropbtn">Projects</button>
+
                        <li class="dropdown active">
−
    <div class="dropdown-content">
+
                            <a class="dropbtn" style="color: black; background-color: inherit;" href=/Team:Edinburgh_UG>Home</a>
−
        <a href=/Team:Edinburgh_UG/Description>Description</a>
+
                        </li>
−
        <a href=/Team:Edinburgh_UG/Design>Design</a>
+
                        <li class="dropdown">
−
        <a href=/Team:Edinburgh_UG/Experiments>Experiments</a>
+
                            <button class="dropbtn" href="#">Team<span class="caret"></span></button>
−
        <a href=/Team:Edinburgh_UG/Notebook>Notebook</a>
+
                            <div class="dropdown-content">
−
        <a href=/Team:Edinburgh_UG/InterLab>InterLab</a>
+
                                <a href=/Team:Edinburgh_UG/Team>Team</a>
−
        <a href=/Team:Edinburgh_UG/Contribution>Contribution</a>
+
                                <a href=/Team:Edinburgh_UG/Collaborations>Collaborations</a>
−
        <a href=/Team:Edinburgh_UG/Model>Model</a>
+
                            </div>
−
        <a href=/Team:Edinburgh_UG/Results>Results</a>
+
                        </li>
−
        <a href=/Team:Edinburgh_UG/Demonstrate>Demonstrate</a>
+
                        <li class="dropdown">
−
        <a href=/Team:Edinburgh_UG/Improve>Improve</a>
+
                            <button class="dropbtn" href="#">Project<span class="caret"></span></button>
−
        <a href=/Team:Edinburgh_UG/Attributions>Attributions</a>
+
                            <div class="dropdown-content">
−
    </div>
+
                                <a href=/Team:Edinburgh_UG/Description>Description</a>
−
  </div>  
+
                                <a href=/Team:Edinburgh_UG/Design>Design</a>
−
  <div class="dropdown">
+
                                <a href=/Team:Edinburgh_UG/Experiments>Experiments</a>
−
    <button class="dropbtn">Parts</button>
+
                                <a href=/Team:Edinburgh_UG/Notebook>Notebook</a>
−
    <div class="dropdown-content">
+
                                <a href=/Team:Edinburgh_UG/InterLab>InterLab</a>
−
        <a href=/Team:Edinburgh_UG/Parts>Parts</a>
+
                                <a href=/Team:Edinburgh_UG/Contribution>Contribution</a>
−
        <a href=/Team:Edinburgh_UG/Basic_Part>Basic Parts</a>
+
                                <a href=/Team:Edinburgh_UG/Model>Model</a>
−
        <a href=/Team:Edinburgh_UG/Composite_Part>Composite Parts</a>
+
                                <a href=/Team:Edinburgh_UG/Results>Results</a>
−
        <a href=/Team:Edinburgh_UG/Part_Collection>Part Collection</a>
+
                                <a href=/Team:Edinburgh_UG/Demonstrate>Demonstrate</a>
−
    </div>
+
                                <a href=/Team:Edinburgh_UG/Improve>Improve</a>
−
  </div>  
+
                                <a href=/Team:Edinburgh_UG/Attributions>Attributions</a>
−
  <a href=/Team:Edinburgh_UG/Safety>Safety</a>
+
                            </div>
−
  <div class="dropdown">
+
                        </li>
−
      <button class="dropbtn">Human Practices</button>    
+
                        <li class="dropdown">
−
      <div class="dropdown-content">
+
                            <button class="dropbtn" href="#">Parts<span class="caret"></span></button>
−
        <a href=/Team:Edinburgh_UG/HP/Silver>Silver HP</a>
+
                            <div class="dropdown-content">
−
        <a href=/Team:Edinburgh_UG/HP/Gold_Integrated>Integrated and Gold</a>
+
                                <a href=/Team:Edinburgh_UG/Parts>Parts</a>
−
        <a href=/Team:Edinburgh_UG/HP/Engagement>Public Engagement</a>
+
                                <a href=/Team:Edinburgh_UG/Basic_Parts>Basic Parts</a>
−
      </div>
+
                                <a href=/Team:Edinburgh_UG/Composite_Part>Composite Parts</a>
−
  </div>
+
                                <a href=/Team:Edinburgh_UG/Part_Collection>Part Collection</a>
−
  <div class="dropdown">
+
                            </div>
−
      <button class="dropbtn">Awards</button>    
+
                        </li>
−
      <div class="dropdown-content">
+
                        <li class="dropdown">
−
        <a href=/Team:Edinburgh_UG/Applied_Design>Applied Design</a>
+
                            <a class="dropbtn" href=/Team:Edinburgh_UG/Safety>Safety</a>
−
        <a href=/Team:Edinburgh_UG/Entrepreneurship>Entrepreneurship</a>
+
                        </li>
−
        <a href=/Team:Edinburgh_UG/Hardware>Hardware</a>
+
                        <li class="dropdown">
−
        <a href=/Team:Edinburgh_UG/Measurement>Measurement</a>
+
                            <button class="dropbtn" href="#">Human Practices<span class="caret"></span></button>
−
        <a href=/Team:Edinburgh_UG/Model>Model</a>
+
                            <div class="dropdown-content">
−
        <a href=/Team:Edinburgh_UG/Plant>Plant</a>
+
                                <a href=/Team:Edinburgh_UG/HP/Silver>Silver HP</a>
−
        <a href=/Team:Edinburgh_UG/Software>Software</a>
+
                                <a href=/Team:Edinburgh_UG/HP/Gold_Integrated>Integrated and Gold</a>
−
      </div>
+
                                <a href=/Team:Edinburgh_UG/HP/Engagement>Public Engagement</a>
−
  </div>
+
                            </div>
−
</div>
+
                        </li>
 +
                        <li class="dropdown">
 +
                            <button class="dropbtn" href="#">Awards<span class="caret"></span></button>
 +
                            <div class="dropdown-content">
 +
                                <a href=/Team:Edinburgh_UG/HP/Applied_Design>Applied Design</a>
 +
                                <a href=/Team:Edinburgh_UG/HP/Entrepreneurship>Entrepreneurship</a>
 +
                                <a href=/Team:Edinburgh_UG/HP/Hardware>Hardware</a>
 +
                                <a href=/Team:Edinburgh_UG/HP/Model>Model</a>
 +
                                <a href=/Team:Edinburgh_UG/HP/Plant>Plant</a>
 +
                                <a href=/Team:Edinburgh_UG/HP/Software>Software</a>
 +
                            </div>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    </container>
  
−
<!-- Page content -->
 
−
<div class="w3-content w3-padding" style="max-width:100%; background-color: white; padding-top: 30px">
 
  
−
  <!-- About Section -->
 
−
  <div class="w3-container w3-padding-32">
 
−
    <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">About</h3>
 
−
    <p>We are the University of Edinburgh UG Team of 2017, eating wraps everyday :D
 
−
    </p>
 
−
  </div>
 
  
−
   <div class="w3-row-padding">
+
   <div class="clearfix borderbox" id="page"><!-- group -->
−
    <div class="w3-col l3 m6 w3-margin-bottom">
+
  <div class="clearfix grpelem" id="pu3011"><!-- group -->
−
      <img src="https://static.igem.org/mediawiki/2017/9/99/T--Edinburgh_UG--Helena.jpg" alt=“Helena Scullion” style="width:100%">
+
    <div class="browser_width" id="u3011-bw">
−
      <h3>Helena Scullion</h3>
+
    <div id="u3011"><!-- simple frame --></div>
−
      <p class="w3-opacity">role</p>
+
−
      <p>bio</p>
+
 
     </div>
 
     </div>
−
 
+
     <div class="browser_width" id="u8815-bw">
−
     <div class="w3-col l3 m6 w3-margin-bottom">
+
    <div class="clip_frame" id="u8815"><!-- svg -->
−
       <img src="https://static.igem.org/mediawiki/2017/a/af/T--Edinburgh_UG--Nuoya.jpg" alt=“Nuoya Chen” style="width:100%">
+
       <img class="svg" id="u8810" src="https://static.igem.org/mediawiki/2017/f/f4/T--Edinburgh_UG--artwork2Poster.png" width="100%" height="72" alt="" data-mu-svgfallback="images/artwork%202_poster_.png?crc=284540556"/>
−
      <h3>Nuoya Chen</h3>
+
    </div>
−
      <p class="w3-opacity">role</p>
+
−
      <p>bio</p>
+
 
     </div>
 
     </div>
−
 
+
  </div>
−
     <div class="w3-col l3 m6 w3-margin-bottom">
+
  <div class="clearfix grpelem" id="u12704"><!-- column -->
−
       <img src="https://static.igem.org/mediawiki/2017/b/b4/T--Edinburgh_UG--Teri.jpg" alt=“Teri Cheng” style="width:100%">
+
     <div class="clearfix colelem" id="pu12686-6"><!-- group -->
−
       <h3>Teri Cheng</h3>
+
    <div class="clearfix grpelem" id="u12686-6"><!-- content -->
−
       <p class="w3-opacity">BBQ chicken wrap</p>
+
       <p id="u12686-2">Joseph Revans</p>
−
       <p>just BBQ chicken, no questions please</p>
+
      <p id="u12686-4">Product Design (BA)</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u12687-6"><!-- content -->
 +
      <p id="u12687-2">Pepe Cabezas</p>
 +
      <p id="u12687-4">Biological Sciences (BSc)</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u12688-6"><!-- content -->
 +
      <p id="u12688-2">Mihai Ciobanu</p>
 +
      <p id="u12688-4">Informatics (MInf)</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u12689-8"><!-- content -->
 +
       <p id="u12689-2">Ted Leung</p>
 +
       <p id="u12689-4">Biological Sciences</p>
 +
      <p id="u12689-6">(Plant Science) (BSc)</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u12690-6"><!-- content -->
 +
      <p id="u12690-2">Helena Scullion</p>
 +
       <p id="u12690-4">Biochemistry (Bsc)</p>
 +
    </div>
 
     </div>
 
     </div>
−
 
+
     <div class="clip_frame colelem" id="u12589"><!-- image -->
−
     <div class="w3-col l3 m6 w3-margin-bottom">
+
    <img class="block" id="u12589_img" src="https://static.igem.org/mediawiki/2017/9/98/T--Edinburgh_UG--Team.jpg" alt="" data-image-width="884" data-image-height="350"/>
−
      <img src="https://static.igem.org/mediawiki/2017/archive/c/cc/20170627121247%21T--Edinburgh_UG--Ted.jpg" alt=“Ted Leung” style="width:100%">
+
−
      <h3>Ted Leung</h3>
+
−
      <p class="w3-opacity">role</p>
+
−
      <p>bio</p>
+
 
     </div>
 
     </div>
−
 
+
     <div class="clearfix colelem" id="pu12668-6"><!-- group -->
−
     <div class="w3-col l3 m6 w3-margin-bottom">
+
    <div class="clearfix grpelem" id="u12668-6"><!-- content -->
−
       <img src="https://static.igem.org/mediawiki/2017/4/49/T--Edinburgh_UG--Zsoka.jpg" alt=“Zsoka Halasz” style="width:100%">
+
       <p id="u12668-2">Jack Suitor</p>
−
       <h3>Zsoka Halasz</h3>
+
      <p id="u12668-4">Biological Sciences (Biochemistry) (BSc)</p>
−
       <p class="w3-opacity">role</p>
+
    </div>
−
       <p>bio</p>
+
    <div class="clearfix grpelem" id="u12674-6"><!-- content -->
 +
      <p id="u12674-2">Nuoya Chen</p>
 +
      <p id="u12674-4">Biological Sciences (Biotechnology) (BSc)</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u12677-6"><!-- content -->
 +
      <p id="u12677-2">Teri Cheng</p>
 +
      <p id="u12677-4">Biological Sciences (Molecular Genetics) (BSc)</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u12678-6"><!-- content -->
 +
       <p id="u12678-2">Zsoka Halasz</p>
 +
       <p id="u12678-4">Medicinal and Biological Chemistry (Msc)</p>
 +
    </div>
 +
    <div class="clearfix grpelem" id="u12683-6"><!-- content -->
 +
      <p id="u12683-2">Cynthia Xintong Yu</p>
 +
       <p id="u12683-4">Computer Science and Mathematics (BSc)</p>
 +
    </div>
 
     </div>
 
     </div>
 +
  </div>
 +
 
 +
</body>
  
−
    <div class="w3-col l3 m6 w3-margin-bottom">
+
<!-- Footer -->
−
      <img src="https://static.igem.org/mediawiki/2017/b/b9/T--Edinburgh_UG--Pepe.jpg" alt=“Pepe Cabezas” style="width:100%">
+
<footer style="color:#fff; padding-top:16px; padding-bottom:16px">
−
      <h3>Pepe Cabezas</h3>
+
    <p style="text-align: center;">University of Edinburgh 2017 UG Team</p>
−
      <p class="w3-opacity">role</p>
+
    <center>
−
      <p>bio</p>
+
        <a href="http://www.ed.ac.uk/">
−
    </div>
+
            <img src="https://static.igem.org/mediawiki/2017/f/f6/T--Edinburgh_UG--UoElogo.jpg" style="width: auto; height: 60px"></a>
 +
        <a href="https://igem.org/Main_Page">
 +
            <img src="https://static.igem.org/mediawiki/2015/f/fa/Qqq_IGEM_official_logo.png" style="width: auto; height: 60px">
 +
        </a>
 +
        <a href="https://www.facebook.com/EdiGEM2017/">
 +
            <img src="https://facebookbrand.com/wp-content/themes/fb-branding/prj-fb-branding/assets/images/fb-art.png" style="width: auto; height: 60px">
 +
        </a>
 +
        <a href="https://igem.org/Main_Page">
 +
            <img src="https://www.pi-expertises.com/wp-content/uploads/2016/10/twitter-bird-white-on-blue.png" style="width: auto; height: 60px">
 +
        </a>
  
−
     <div class="w3-col l3 m6 w3-margin-bottom">
+
     </center>
−
      <img src="https://static.igem.org/mediawiki/2017/c/c7/T--Edinburgh_UG--Jack.jpg" alt=“Jack Suitor” style="width:100%">
+
−
      <h3>Jack Suitor</h3>
+
−
      <p class="w3-opacity">role</p>
+
−
      <p>bio</p>
+
−
    </div>
+
−
 
+
−
    <div class="w3-col l3 m6 w3-margin-bottom">
+
−
      <img src="https://static.igem.org/mediawiki/2017/2/2b/T--Edinburgh_UG--Joe.jpg" alt=“Joseph Revans” style="width:100%">
+
−
      <h3>Joseph Revans</h3>
+
−
      <p class="w3-opacity">role</p>
+
−
      <p>bio</p>
+
−
    </div>
+
−
 
+
−
    <div class="w3-col l3 m6 w3-margin-bottom">
+
−
      <img src="https://static.igem.org/mediawiki/2017/c/c9/T--Edinburgh_UG--Mihai.jpg" alt=“Mihai Ciobanu” style="width:100%">
+
−
      <h3>Mihai Ciobanu</h3>
+
−
      <p class="w3-opacity">role</p>
+
−
      <p>bio</p>
+
−
    </div>
+
−
 
+
−
    <div class="w3-col l3 m6 w3-margin-bottom">
+
−
      <img src="https://static.igem.org/mediawiki/2017/4/49/T--Edinburgh_UG--Cynthia.jpg" alt=“Cynthia Yu” style="width:100%">
+
−
      <h3>Cynthia Yu</h3>
+
−
      <p class="w3-opacity">role</p>
+
−
      <p>bio</p>
+
−
    </div>
+
−
  </div>
+
−
 
+
−
 
+
−
 
+
−
<!-- End page content -->
+
−
</div>
+
−
 
+
−
 
+
−
<!-- Footer -->
+
−
<footer class="w3-center w3-black w3-padding-16">
+
−
  <p style="text-align: center;">University of Edinburgh 2017 UG Team</p>
+
 
</footer>
 
</footer>
−
 
−
 
−
</body>
 
−
</html>
 

Revision as of 14:04, 21 July 2017

Joseph Revans

Product Design (BA)

Pepe Cabezas

Biological Sciences (BSc)

Mihai Ciobanu

Informatics (MInf)

Ted Leung

Biological Sciences

(Plant Science) (BSc)

Helena Scullion

Biochemistry (Bsc)

Jack Suitor

Biological Sciences (Biochemistry) (BSc)

Nuoya Chen

Biological Sciences (Biotechnology) (BSc)

Teri Cheng

Biological Sciences (Molecular Genetics) (BSc)

Zsoka Halasz

Medicinal and Biological Chemistry (Msc)

Cynthia Xintong Yu

Computer Science and Mathematics (BSc)

University of Edinburgh 2017 UG Team