|
|
(265 intermediate revisions by one other user not shown) |
Line 1: |
Line 1: |
− | <html>
| + | {{Edinburgh_OG}} |
− | <script>
| + | |
− | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| + | |
| | | |
− | $(document).ready(function() {
| |
| | | |
− | $("#HQ_page").attr('id','');
| + | <html> |
− |
| + | |
| | | |
− | //highlight current page on the menu
| + | <p> </p> |
− | highlight_current_page_menu();
| + | <p> </p> |
− |
| + | <p> </p> |
− | //accessing submenus
| + | |
− | $(".menu_item").click(function(){
| + | |
− | $(".submenu_control_icon", this).toggleClass("open");
| + | |
− | $(this).next(".submenu").fadeToggle(400);
| + | |
− | });
| + | |
− |
| + | |
− | //mobile menu access
| + | |
− | $(".igem_2018_team_mobile_bar").click(function(){
| + | |
− | $(this).next().toggleClass("displaying_menu");
| + | |
− | });
| + | |
− |
| + | |
− | });
| + | |
| | | |
| | | |
− | function highlight_current_page_menu() {
| |
− |
| |
− | var page_url="https://2018.igem.org/";
| |
− | page_url = page_url + wgPageName;
| |
− | $("a[href$='"+ page_url +"']").children().addClass("current_page");
| |
− |
| |
− | //if the page is in a submenu, open the submenu and make the appropiate changes
| |
− | if( $( ".current_page" ).hasClass( "submenu_item" )){
| |
− |
| |
− | $(".current_page").parent().parent().fadeToggle(400);
| |
− | $(".current_page").parent().parent().prev().addClass("current_page");
| |
− | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
| |
− |
| |
− | }
| |
− | }
| |
| | | |
| | | |
− | ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
| |
− | </script>
| |
| | | |
| | | |
− | <style> | + | |
− | /**************************************************************************************************************************************************************************************************/ | + | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> |
| + | <div class="img-wrapper"> |
| + | <img src="https://static.igem.org/mediawiki/2018/a/ab/T--Edinburgh_OG--Full_team_header_16to9.jpg" class="img-responsive" alt="this is a title"> |
| | | |
| + | <div class="column two_thirds_size"> |
| + | <div class="overlay"> |
| | | |
| + | <div class="row"> |
| + | <div class="col-md-9 text-center"> |
| + | <div class="buttons"> |
| + | <style="text-align: center> |
| + | <a target="_blank" href="https://2018.igem.org/Team:Edinburgh_OG/Team"> <h1 style="text-align: center;"><font color="white"><strong>Valeris.ED</strong></font></h1> |
| + | <p style="text-align: center;">Bio-based and biodegradable thermoplastics production by <em>Escherichia coli</em> with heterologous polyhdroxyyalkanoate (PHA) pathway</p></a> |
| | | |
− | /**************************************************************************************************************************************************************************************************/
| |
− | /* DEFAULT WIKI SETTINGS */
| |
− | /**************************************************************************************************************************************************************************************************/
| |
| | | |
| + | </style> |
| | | |
− | #home_logo, #sideMenu { display:none; }
| + | </div> |
− | #sideMenu, #top_title, .patrollink {display:none;}
| + | </div> </div> |
− | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
| + | </div> |
− | body {background-color:white; }
| + | </div> |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | |
| | | |
− | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
| + | </div> |
| + | |
| + | </figure> |
| + | </div> |
| | | |
| | | |
− | /**************************************************************************************************************************************************************************************************/
| |
− | /* MENU */
| |
− | /**************************************************************************************************************************************************************************************************/
| |
| | | |
− | /*this wraps the whole of the menu*/
| |
− | .igem_2018_team_menu {
| |
− | background-color:#c4baba;
| |
− | border-left: 1px solid #c4baba;
| |
− | display:block;
| |
− | float:right;
| |
− | height:100vh;
| |
− | max-width: 270px;
| |
− | overflow-y: auto;
| |
− | overflow-x: hidden;
| |
− | padding:0px;
| |
− | position:fixed;
| |
− | right:0%;
| |
− | text-align:left;
| |
− | width: 15%;
| |
− | }
| |
| | | |
| + | <div class="column two_thirds_size"> |
| + | <h1 style="text-align: center; font-size:250%">About</h1> |
| + | <blockquote><p style="text-align: justify; font-size:100%;">The University of Edinburgh Overgraduate iGEM team this year is looking at making bioplastics. We want to look at a more innovative source for useful biodegradable plastics. Our plastic of choice is called poly(hydroxybutyrate-co-hydroxyvalerate) or PHBV. We are looking at using by-product from whisky distilleries, namely pot ale, to produce this plastic. PHBV holds a lot of promise because of its physical properties and can fit into the current plastic market and by using bio-mass, waste, or secondary carbon sources we are looking to decouple plastic production from petroleum. PHBV can also be biodegraded unlike most currently used plastics reducing the amount of devastating waste thrown into the environment. To create this plastic, we are trying to introduce enzymes into Escherichia coli to facilitate this production of PHBV efficiently.</p></blockquote> |
| | | |
− | .igem_2018_team_menu.displaying_menu{
| |
− | display:block;
| |
− | }
| |
| | | |
− | .igem_2018_team_menu a {
| |
− | color: #484848;
| |
− | text-decoration:none;
| |
− | }
| |
| | | |
− | .igem_2018_team_menu img {
| + | <p> </p> |
− | width:100%;
| + | <p> </p> |
− | }
| + | <div class="column two_thirds_size"> |
| | | |
| | | |
− | .igem_2018_team_menu .menu_item {
| |
− | background-color: #c4baba;
| |
− | border-bottom: 1px solid #928b8b;
| |
− | clear: both;
| |
− | color: #484848;
| |
− | cursor: pointer;
| |
− | float: left;
| |
− | font-size: 120%;
| |
− | font-weight: bold;
| |
− | padding: 15px 0px 15px 5%;
| |
− | width: 100%;
| |
− | }
| |
| | | |
− | .igem_2018_team_menu .menu_item.direct_link {
| |
− | color: #484848;
| |
− | padding-left: 15%;
| |
− | }
| |
− | .igem_2018_team_menu .menu_item:hover {
| |
− | background-color: #ecb656;
| |
− | }
| |
| | | |
| + | |
| + | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> |
| + | <div class="img-wrapper"> |
| + | <img src="https://static.igem.org/mediawiki/2018/6/67/T--Edinburgh_OG--Pot_ale_16to9.jpg" class="img-responsive" alt="this is a title"> |
| | | |
− | .igem_2018_team_menu .menu_item .submenu_control_icon {
| + | <div class="column two_thirds_size"> |
− | color: #484848;
| + | |
− | float: left;
| + | <div class="overlay"> |
− | width: 10%;
| + | <div class="buttons"> |
− | }
| + | <a target="_blank" href="https://2018.igem.org/Team:Edinburgh_OG/PHBV_Production"> <font color="white">Engineering of <em>E. coli</em> to have heterologous PHA pathway</font> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
− | /* submenu icon "+" "-"*/
| |
− | .igem_2018_team_menu .menu_item .submenu_control_icon::before {
| |
− | content: "+";
| |
− | }
| |
| | | |
− | /* submenu icon "+" "-"*/
| + | |
− | .igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
| + | </figure> |
− | content: "-";
| + | </div> |
− | }
| + | |
| | | |
− | /*submenu wrapper*/
| |
− | .igem_2018_team_menu .submenu{
| |
− | background-color: #e4dede;
| |
− | clear:both;
| |
− | display:none;
| |
− | float: left;
| |
− | width:100%;
| |
− | }
| |
| | | |
− | /*styling for a submenu item*/
| |
− | .igem_2018_team_menu .submenu .submenu_item {
| |
− | border-bottom: 1px solid #c4baba;
| |
− | color: #635d5d;
| |
− | height: 30px;
| |
− | float: left;
| |
− | font-size: 110%;
| |
− | font-weight: bold;
| |
− | padding: 12px 0px 0px 15%;
| |
− | width: 100%;
| |
− | }
| |
| | | |
− | .igem_2018_team_menu .submenu .submenu_item:hover {
| |
− | background-color: #f3bd5d;
| |
− | }
| |
| | | |
| | | |
− | .igem_2018_team_menu .submenu .submenu_item.current_page,
| |
− | .igem_2018_team_menu .menu_item.current_page,
| |
− | .igem_2018_team_menu .menu_item.direct_link.current_page {
| |
− | background-color:#7acbd8;
| |
− | }
| |
| | | |
| | | |
| | | |
− | /*mobile menu bar styling*/ | + | <p> </p> |
− | /**************************************************************************************************************************************************************************************************/
| + | <p> </p> |
| + | <div class="column two_thirds_size"> |
| | | |
| | | |
− | .igem_2018_team_mobile_bar {
| |
− | background-color:#e4dede;
| |
− | border-bottom: 1px solid #c4baba;
| |
− | cursor:pointer;
| |
− | display:none;
| |
− | float:left;
| |
− | margin-top: 0;
| |
− | padding: 5px 0;
| |
− | position:fixed;
| |
− | width:100%;
| |
− | }
| |
| | | |
− | .igem_logo_mobile img {
| |
− | width:70px;
| |
− | }
| |
| | | |
− | .igem_logo_mobile {
| + | |
− | float:left;
| + | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> |
− | padding-left: 5%;
| + | <div class="img-wrapper"> |
− | width: 30%;
| + | <img src="https://static.igem.org/mediawiki/2018/5/5d/T--Edinburgh_OG--2.jpg" class="img-responsive" alt="this is a title"> |
− | }
| + | |
| | | |
− | .igem_menu_control_mobile img {
| + | <div class="column two_thirds_size"> |
− | width:25px;
| + | <div class="overlay"> |
− | }
| + | <div class="buttons"> |
| + | <a target="_blank" href="https://2018.igem.org/Team:Edinburgh_OG/Downstream_Processing"> <font color="white"><style="text-align: center; font-size:100%;">Improvement on downstream</style> |
| + | <style="text-align: center; font-size:100%;">processing of PHA production</style></font> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | </div |
| | | |
− | .igem_menu_control_mobile {
| + | </div> |
− | float:right;
| + | </figure> |
− | padding-right:5%;
| + | </div> |
− | padding-top:5px;
| + | |
− | text-align:right;
| + | |
− | width: 30%;
| + | |
− | }
| + | |
| | | |
| | | |
| | | |
− | /**************************************************************************************************************************************************************************************************/
| |
− | /* CONTENT OF THE PAGE */
| |
− | /**************************************************************************************************************************************************************************************************/
| |
| | | |
− | /* general wrapper for the content */
| |
− | .igem_2018_team_content {
| |
− | background-color:white;
| |
− | display:block;
| |
− | width: 87%;
| |
− | }
| |
| | | |
− | /* subwrapper to center content */
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper {
| |
− | margin:auto;
| |
− | max-width: 1400px;
| |
− | width:90%;
| |
− | }
| |
| | | |
| + | <p> </p> |
| + | <p> </p> |
| + | <div class="column two_thirds_size"> |
| | | |
| | | |
− | /*general styling*/
| |
− | /**************************************************************************************************************************************************************************************************/
| |
| | | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
| |
| | | |
| | | |
− | /* styling for the titles h1, h2*/
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
| + | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> |
− | border-bottom:0px;
| + | <div class="img-wrapper"> |
− | color: #635d5d;
| + | <img src="https://static.igem.org/mediawiki/2018/0/0b/T--Edinburgh_OG--3_16to9.jpg" class="img-responsive" alt="this is a title"> |
− | font-family: "Arial Black", Gadget, sans-serif;
| + | |
− | padding: 10px 0px;
| + | |
− | }
| + | |
| | | |
− | /* styling for the titles h3, h3, h5, h6 */
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h3,
| + | <div class="overlay"> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h4,
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h5,
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper h6 {
| + | |
− | border-bottom:0px;
| + | |
− | color: #928b8b;
| + | |
− | font-family: "Arial Black", Gadget, sans-serif;
| + | |
− | padding: 5px 0px;
| + | |
− | }
| + | |
| | | |
− | /* text */
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper p {
| |
− | font-size: 130%;
| |
− | font-family: Arial, Helvetica, sans-serif;
| |
− | padding: 5px 0px;
| |
− | text-align: left;
| |
− | color: #484848;
| |
− | }
| |
| | | |
− | /* Links */
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper a {
| |
− | color: #5bc7d8;
| |
− | font-weight: bold;
| |
− | text-decoration: underline;
| |
− | text-decoration-color:#5bc7d8;
| |
− | transition: all 0.4s ease;
| |
− | -webkit-transition: all 0.4s ease;
| |
− | -moz-transition: all 0.4s ease;
| |
− | -ms-transition: all 0.4s ease;
| |
− | -o-transition: all 0.4s ease;
| |
− | }
| |
| | | |
− | /* hover for the links */
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
| |
− | color: #f8b732;
| |
− | text-decoration:none;
| |
− | }
| |
| | | |
| + | <div class="buttons"> |
| | | |
− | /* Table */
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper table {
| |
− | border: 1px solid #928b8b;
| |
− | border-collapse: collapse;
| |
− | font-size: 130%;
| |
− | width: 100%;
| |
− | }
| |
| | | |
− | /* table cells */
| |
− | .igem_2018_team_content .igem_2018_team_column_wrapper td {
| |
− | border: 1px solid #c4baba;
| |
− | border-collapse: collapse;
| |
− | font-size: 105%;
| |
− | padding: 10px;
| |
− | vertical-align: text-top;
| |
− | }
| |
| | | |
− | /* table headers */
| + | <a target="_blank" href="https://2018.igem.org/Team:Edinburgh_OG/Scaling_Up "><font color="white">PHA production in pilot scale</font></a> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper th {
| + | </div> |
− | background-color:#c4baba;
| + | </div> |
− | border: 1px solid #928b8b;
| + | </div> |
− | border-collapse: collapse;
| + | |
− | font-size: 110%;
| + | |
− | padding: 10px;
| + | |
− | vertical-align: text-top;
| + | |
− | }
| + | |
| | | |
| + | |
| + | </figure> |
| + | </div> |
| | | |
| | | |
− | /* non numbered lists */
| + | <p style="text-align: center;"> </p> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
| + | <p style="text-align: center;"> </p> |
− | font-size: 130%;
| + | <h2 style="text-align: center;">Sponsors</h2> |
− | font-family: Arial, Helvetica, sans-serif;
| + | <p style="text-align: center;">Thank you for helping us to make this happen</p> |
− | padding:0px 20px;
| + | <p style="text-align: center;"> </p> |
− | }
| + | <table style="margin-left: auto; margin-right: auto; width: 497px;"> |
− | | + | <tbody> |
− | | + | <tr style="height: 23.9844px;"> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
| + | <td style="height: 23.9844px; width: 202px;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://static.igem.org/mediawiki/2018/8/83/T--Edinburgh_OG--2018--promega.png" alt="" width="173" height="122" /></td> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
| + | <td style="height: 23.9844px; width: 111px;"> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
| + | <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="https://static.igem.org/mediawiki/2018/7/72/T--Edinburgh_OG--IDT99.png" width="202" height="57" /></h2> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
| + | </td> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
| + | </tr> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
| + | <tr style="height: 18px;"> |
− | | + | <td style="height: 18px; width: 202px;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://static.igem.org/mediawiki/2018/thumb/8/86/T--Edinburgh_OG--2018--Edinburgh_Innovations_1.png/320px-T--Edinburgh_OG--2018--Edinburgh_Innovations_1.png" alt="" width="215" height="77" /></td> |
− | | + | <td style="text-align: center; height: 18px; width: 111px;"> |
− | | + | <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="https://static.igem.org/mediawiki/2018/e/ef/T--Edinburgh_OG--EG.png" width="192" height="84" /></h2> |
− | /*layout classes*/
| + | </td> |
− | /**************************************************************************************************************************************************************************************************/
| + | </tr> |
− | | + | </tbody> |
− | /*main layout class */
| + | </table> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column {
| + | <p style="text-align: center;"> </p> |
− | float:left;
| + | <p style="text-align: center;"> </p> |
− | margin: 1% 2%;
| + | <h2 style="text-align: center;">Supported by</h2> |
− | padding: 0px;
| + | <p style="text-align: center;">Thank you for your contribution to support us</p> |
− | }
| + | <table style="margin-left: auto; margin-right: auto; width: 497px;"> |
− | | + | <tbody> |
− | /* 100% */
| + | <tr style="height: 23.9844px;"> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
| + | <td style="height: 23.9844px; width: 202px;"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://static.igem.org/mediawiki/2018/6/6b/T--Edinburgh_OG--2018--CClogo.png" alt="" width="204" height="50" /></td> |
− | | + | <td style="height: 23.9844px; width: 111px;"> |
− | /* 66% */
| + | <h2><img style="display: block; margin-left: auto; margin-right: auto;" src="https://static.igem.org/mediawiki/2018/f/f7/T--Edinburgh_OG--2018--NNFCC.png" alt="" width="205" height="70" /></h2> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
| + | </td> |
− | | + | </tr> |
− | /* 33% */
| + | <tr style="height: 18px;"> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
| + | <td style="height: 18px; width: 202px;"><img src="https://static.igem.org/mediawiki/2018/7/74/T--Edinburgh_OG--SHE.png?fbclid=IwAR0bdZX5SktGPrs-M34uDBH4vV_ZVy1yuBxNSm_eCH-B0oW9DG2SAsvQmvs" alt="" width="212" height="165" /></td> |
− | | + | <td style="text-align: center; height: 18px; width: 111px;"> |
− | | + | <h2 style="text-align: center;"><img src="https://static.igem.org/mediawiki/2018/1/10/T--Edinburgh_OG--YOA.jpeg?fbclid=IwAR2bAytCt020WUUhnoZhySW-jvrkjKXeWvhGuYCeXuNOcQoXagLSnKq5LDc" width="155" height="158" /></h2> |
− | | + | </td> |
− | | + | </tr> |
− | /*styling for all images*/
| + | </tbody> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
| + | </table> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
| + | <p style="text-align: center;"> </p> |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
| + | <p style="text-align: center;"> </p> |
− | margin-bottom: 15px;
| + | <section id="clients"> |
− | width: 100%;
| + | <div class="container"> |
− | }
| + | <div class="row"> |
− | | + | <div class="col-md-12" style="text-align: left; padding-left: 30px;"> |
− | | + | <div id="clients-logo" class="owl-carousel" style="padding-left: 450px;"> </div> |
− | /* page break */
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .clear {
| + | |
− | clear:both;
| + | |
− | }
| + | |
− | /*add extra space to page break with clear class*/
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
| + | |
− | height: 30px;
| + | |
− | }
| + | |
− | | + | |
− | /* horizontal line to divide the page*/
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
| + | |
− | border-top: 1px solid #c4baba;
| + | |
− | margin: auto;
| + | |
− | width: 98%;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− |
| + | |
− | /*support classes*/ | + | |
− | /**************************************************************************************************************************************************************************************************/ | + | |
− | | + | |
− | | + | |
− | /*Button */
| + | |
− | /************************************************/
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
| + | |
− | font-size: 130%;
| + | |
− | margin: 30px auto;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a {
| + | |
− | background-color: #5bc7d8;
| + | |
− | color: #635d5d !important;
| + | |
− | font-weight: bold;
| + | |
− | margin: auto;
| + | |
− | text-decoration: none !important;
| + | |
− | padding: 10px 15px;
| + | |
− | }
| + | |
− | | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
| + | |
− | background-color: #f8b732 !important;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
| + | |
− | padding: 15px 20px;
| + | |
− | }
| + | |
− | | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
| + | |
− | padding: 5px 15px;
| + | |
− | }
| + | |
− | | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
| + | |
− | background-color: #e4dede;
| + | |
− | }
| + | |
− | | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
| + | |
− | border-top: 4px solid #5bc7d8;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
| + | |
− | border: 4px solid #5bc7d8;
| + | |
− | }
| + | |
− | | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
| + | |
− | border-top: 4px solid #f8b732
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
| + | |
− | border: 4px solid #f8b732;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | /*mobile*/ | + | |
− | /**************************************************************************************************************************************************************************************************/ | + | |
− | | + | |
− | | + | |
− | /* 1800px */
| + | |
− | /************************************************/
| + | |
− | @media only screen and (max-width: 1800px) {
| + | |
− | .igem_2018_team_content { width: 85%;}
| + | |
− | .igem_2018_team_menu {display:block;}
| + | |
− | }
| + | |
− | | + | |
− | /* 1400px */
| + | |
− | /************************************************/
| + | |
− | @media only screen and (max-width: 1400px) {
| + | |
− | .igem_2018_team_menu .menu_item { font-size:100%;}
| + | |
− | .igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
| + | |
− | .igem_2018_team_menu {display:block;}
| + | |
− | }
| + | |
− | | + | |
− | @media only screen and (max-width: 1001px) {
| + | |
− | .igem_2018_team_menu {display:block;}
| + | |
− | }
| + | |
− | | + | |
− | /* 1000px */
| + | |
− | /************************************************/
| + | |
− | @media only screen and (max-width: 1000px) {
| + | |
− | .igem_2018_team_content {width:100%; margin-left:0px;}
| + | |
− | .igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
| + | |
− | .igem_2018_team_mobile_bar {display:block;}
| + | |
− | .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
| + | |
− | | + | |
− | }
| + | |
− | | + | |
− | | + | |
− | @media only screen and (max-width: 500px) {
| + | |
− | .igem_2018_team_menu {min-width:100%; width:100%; }
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /**************************************************************************************************************************************************************************************************/ | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | </style>
| + | |
− | | + | |
− | | + | |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
− | <!--- THIS IS WHERE THE HTML BEGINS ---> | + | |
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | |
− | | + | |
− | <head> | + | |
− | | + | |
− | <!-- This tells the browser that your page is responsive -->
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
− | | + | |
− | </head> | + | |
− | | + | |
− | | + | |
− | | + | |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
− | <!--- Menu ---> | + | |
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <div class="igem_2018_team_mobile_bar">
| + | |
− |
| + | |
− | <div class="igem_logo_mobile">
| + | |
− | <img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | <div class="igem_menu_control_mobile">
| + | |
− | <img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
| + | |
− | </div>
| + | |
− | | + | |
| </div> | | </div> |
| + | </div> |
| + | </div> |
| + | </section> |
| | | |
| | | |
| | | |
| | | |
− | <div class="igem_2018_team_menu displaying_menu">
| |
| | | |
− | | + | <!-- |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG">
| + | ================================================== |
− | <img src="http://placehold.it/350x150/e4dede/c4baba">
| + | Become a sponsor Section Start |
− | </a> | + | ================================================== --> |
− | | + | <section id="call-to-action" style="display:none;"> |
− | | + | <div class="container "> |
− | | + | <div class="row "> |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG">
| + | <div class="col-md-12 "> |
− | <div class="menu_item direct_link">
| + | <div class="block "> |
− | HOME
| + | <h2 class="title wow fadeInDown" data-wow-delay=".3s" data-wow-duration="500ms">DO YOU WANT TO HELP US TURN IT INTO REALITY?</h2> |
− | </div> | + | <p class="wow fadeInDown" data-wow-delay=".5s" data-wow-duration="500ms">We will be more than happy to accept any kind of support from you either in cash or as free/discounted services or consumables.</p> |
− | </a>
| + | |
− | | + | |
− | <!-- Team -->
| + | |
− | <div class="menu_item">
| + | |
− | <div class="submenu_control_icon"> </div>
| + | |
− | TEAM
| + | |
− | </div>
| + | |
− | <div class="submenu">
| + | |
− |
| + | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Team">
| + | |
− | <div class="submenu_item">
| + | |
− | Team Members
| + | |
| </div> | | </div> |
− | </a> | + | </div> |
− | | + | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Collaborations">
| + | |
− | <div class="submenu_item">
| + | |
− | Collaborations
| + | |
− | </div>
| + | |
− | </a>
| + | |
| </div> | | </div> |
| + | </div> |
| + | </section> |
| | | |
| + | <section id="pricing-table-section" style="display:none;"> |
| + | <div class="pricing-container"> |
| | | |
− | <!-- Project --> | + | <ul class="pricing-list bounce-invert"> |
− | <div class="menu_item">
| + | <li> |
− | <div class="submenu_control_icon"> </div>
| + | <ul class="pricing-wrapper"> |
− | PROJECT
| + | <li data-type="monthly" class="is-visible"> |
− | </div>
| + | <header class="pricing-header"> |
− | <div class="submenu">
| + | <h2>Bronze</h2> |
− |
| + | <div class="price"> |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Description">
| + | <span class="currency">£</span> |
− | <div class="submenu_item">
| + | <span class="value">500</span> |
− | Description | + | </div> |
− | </div> | + | </header> |
− | </a> | + | <div class="pricing-body"> |
| + | <ul class="pricing-features"> |
| + | <li><em class="tick">✔</em> Logo on website</li> |
| + | <li><em class="tick">✔</em> Recognition on social media</li> |
| + | <li class="mute"><em class="cross">✘</em> Logo on t-shirts</li> |
| + | <li class="mute"><em class="cross">✘</em> Logo on media content</li> |
| + | <li class="mute"><em class="cross">✘</em> Logo on presentation</li> |
| + | <li class="mute"><em class="cross">✘</em> Logo on official poster</li> |
| + | </ul> |
| + | </div> |
| + | <footer class="pricing-footer"> |
| + | <a rel="nofollow" rel="noreferrer" class="select" href="mailto:igem2017edinburgh.og@gmail.com">Sponsor</a> |
| + | </footer> |
| + | </li> |
| + | </ul> |
| + | </li> |
| | | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Design"> | + | <li> |
− | <div class="submenu_item">
| + | <ul class="pricing-wrapper"> |
− | Design | + | <li data-type="monthly" class="is-visible"> |
− | </div> | + | <header class="pricing-header"> |
− | </a> | + | <h2>Silver</h2> |
| + | <div class="price"> |
| + | <span class="currency">£</span> |
| + | <span class="value">1,000</span> |
| + | </div> |
| + | </header> |
| + | <div class="pricing-body"> |
| + | <ul class="pricing-features"> |
| + | <li><em class="tick">✔</em> Logo on website</li> |
| + | <li><em class="tick">✔</em> Recognition on social media</li> |
| + | <li><em class="tick">✔</em> Logo on t-shirts</li> |
| + | <li class="mute"><em class="cross">✘</em> Logo on media content</li> |
| + | <li class="mute"><em class="cross">✘</em> Logo on presentation</li> |
| + | <li class="mute"><em class="cross">✘</em> Logo on official poster</li> |
| + | </ul> |
| + | </div> |
| + | <footer class="pricing-footer"> |
| + | <a rel="nofollow" rel="noreferrer" class="select" href="mailto:igem2017edinburgh.og@gmail.com">Sponsor</a> |
| + | </footer> |
| + | </li> |
| + | </ul> |
| + | </li> |
| | | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Experiments"> | + | <li> |
− | <div class="submenu_item">
| + | <ul class="pricing-wrapper"> |
− | Experiments | + | <li data-type="monthly" class="is-visible"> |
− | </div> | + | <header class="pricing-header"> |
− | </a> | + | <h2>Gold</h2> |
| + | <div class="price"> |
| + | <span class="currency">£</span> |
| + | <span class="value">2,000</span> |
| + | </div> |
| + | </header> |
| + | <div class="pricing-body"> |
| + | <ul class="pricing-features"> |
| + | <li><em class="tick">✔</em> Logo on website</li> |
| + | <li><em class="tick">✔</em> Recognition on social media</li> |
| + | <li><em class="tick">✔</em> Logo on t-shirts</li> |
| + | <li><em class="tick">✔</em> Logo on media content</li> |
| + | <li><em class="tick">✔</em> Logo on presentation</li> |
| + | <li class="mute"><em class="cross">✘</em> Logo on official poster</li> |
| + | </ul> |
| + | </div> |
| + | <footer class="pricing-footer"> |
| + | <a rel="nofollow" rel="noreferrer" class="select" href="mailto:igem2017edinburgh.og@gmail.com">Sponsor</a> |
| + | </footer> |
| + | </li> |
| + | </ul> |
| + | </li> |
| | | |
| + | <li class="exclusive"> |
| + | <ul class="pricing-wrapper"> |
| + | <li data-type="monthly" class="is-visible"> |
| + | <header class="pricing-header"> |
| + | <h2>Platinum</h2> |
| + | <div class="price"> |
| + | <span class="currency">£</span> |
| + | <span class="value">2,500</span> |
| + | </div> |
| + | </header> |
| + | <div class="pricing-body"> |
| + | <ul class="pricing-features"> |
| + | <li><em class="tick">✔</em> Logo on website</li> |
| + | <li><em class="tick">✔</em> Recognition on social media</li> |
| + | <li><em class="tick">✔</em> Logo on t-shirts</li> |
| + | <li><em class="tick">✔</em> Logo on media content</li> |
| + | <li><em class="tick">✔</em> Logo on presentation</li> |
| + | <li><em class="tick">✔</em> Logo on official poster</li> |
| + | </ul> |
| + | </div> |
| + | <footer class="pricing-footer"> |
| + | <a rel="nofollow" rel="noreferrer" class="select" href="mailto:igem2017edinburgh.og@gmail.com">Sponsor</a> |
| + | </footer> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | </section> |
| | | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Notebook"> | + | <section id="call-to-action"> |
− | <div class="submenu_item">
| + | <div class="container "> |
− | Notebook
| + | <div class="row "> |
| + | <div class="col-md-12 "> |
| + | <div class="block "> |
| + | <h2 class="title wow fadeInDown " data-wow-delay=".3s " data-wow-duration="500ms ">GET IN TOUCH WITH US</h2> |
| + | <a href="https://www.facebook.com/igemedinburghovergrad2018/ " class="btn btn-default btn-contact wow fadeInDown " data-wow-delay=".7s " data-wow-duration="500ms ">Facebook </a> |
| </div> | | </div> |
− | </a> | + | </div> |
− | | + | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/InterLab">
| + | |
− | <div class="submenu_item">
| + | |
− | InterLab
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Model">
| + | |
− | <div class="submenu_item">
| + | |
− | Model
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Results">
| + | |
− | <div class="submenu_item">
| + | |
− | Results
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Demonstrate">
| + | |
− | <div class="submenu_item">
| + | |
− | Demonstrate
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Improve">
| + | |
− | <div class="submenu_item">
| + | |
− | Improve
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Attributions">
| + | |
− | <div class="submenu_item">
| + | |
− | Attributions
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | | + | |
| </div> | | </div> |
| + | </div> |
| + | </section> |
| | | |
| | | |
− | <div class="menu_item">
| |
− | <div class="submenu_control_icon"> </div>
| |
− | PARTS
| |
− | </div>
| |
− | <div class="submenu">
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Parts">
| |
− | <div class="submenu_item">
| |
− | Parts Overview
| |
− | </div>
| |
− | </a>
| |
| | | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Basic_Part">
| |
− | <div class="submenu_item">
| |
− | Basic Parts
| |
− | </div>
| |
− | </a>
| |
| | | |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Composite_Part">
| |
− | <div class="submenu_item">
| |
− | Composite Parts
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Part_Collection">
| |
− | <div class="submenu_item">
| |
− | Part Collection
| |
− | </div>
| |
− | </a>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Safety">
| |
− | <div class="menu_item direct_link">
| |
− | SAFETY
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="menu_item">
| |
− | <div class="submenu_control_icon"> </div>
| |
− | HUMAN PRACTICES
| |
− | </div>
| |
− |
| |
− | <div class="submenu">
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Human_Practices">
| |
− | <div class="submenu_item">
| |
− | Human Practices
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Public_Engagement">
| |
− | <div class="submenu_item">
| |
− | Education & Engagement
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="menu_item">
| |
− | <div class="submenu_control_icon"> </div>
| |
− | AWARDS
| |
− | </div>
| |
− |
| |
− | <div class="submenu">
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Applied_Design">
| |
− | <div class="submenu_item">
| |
− | Applied Design
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Entrepreneurship">
| |
− | <div class="submenu_item">
| |
− | Entrepreneurship
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Hardware">
| |
− | <div class="submenu_item">
| |
− | Hardware
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Measurement">
| |
− | <div class="submenu_item">
| |
− | Measurement
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Model">
| |
− | <div class="submenu_item">
| |
− | Model
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Plant">
| |
− | <div class="submenu_item">
| |
− | Plant
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− | <a href="https://2018.igem.org/Team:Edinburgh_OG/Software">
| |
− | <div class="submenu_item">
| |
− | Software
| |
− | </div>
| |
− | </a>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | <a href="https://igem.org/2018_Judging_Form?team=Edinburgh_OG">
| |
− | <div class="menu_item direct_link">
| |
− | JUDGING FORM ⇗
| |
− | </div>
| |
− | </a>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </div>
| |
| | | |
− | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | </body> |
− | <!--- Content of the page --->
| + | |
− | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| | | |
| | | |
− | <div class="igem_2018_team_content">
| + | </html> |
− | <div class="igem_2018_team_column_wrapper">
| + | |
− | <div class="clear extra_space"></div>
| + | |
− | <div class="clear extra_space"></div>
| + | |