|
|
| (154 intermediate revisions by 7 users not shown) |
| Line 1: |
Line 1: |
| | + | {{Oxford}} |
| | <html> | | <html> |
| − | | + | <head> |
| − | <script>
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
| − | | + | |
| − | | + | |
| − | // allow button on the black menu bar to show/hide the side menu
| + | |
| − | function hide_show_menu() {
| + | |
| − |
| + | |
| − | // in case you preview mode is selected, the menu is hidden for better visibility
| + | |
| − | if (window.location.href.indexOf("submit") >= 0) {
| + | |
| − | $(".igem_2017_menu_wrapper").hide();
| + | |
| − | }
| + | |
| − | | + | |
| − | // if the black menu bar has been loaded
| + | |
| − | if (document.getElementById('bars_item')) {
| + | |
| − | | + | |
| − | // when the "bars_item" has been clicked
| + | |
| − | $("#bars_item").click(function() {
| + | |
| − | $("#sideMenu").hide();
| + | |
| − | | + | |
| − | // show/hide the menu wrapper
| + | |
| − | $(".igem_2017_menu_wrapper").fadeToggle("100");
| + | |
| − | });
| + | |
| − | }
| + | |
| − | | + | |
| − | // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
| + | |
| − | else {
| + | |
| − | setTimeout(hide_show_menu, 15);
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | </script>
| + | |
| − | | + | |
| − | <head> | + | |
| − | | + | |
| − | <!-- This tells the browser that your page is responsive -->
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
| − | <!-- This is from CSS templates -->
| + | |
| − | <!--<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">-->
| + | |
| − | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
| + | |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
| + | |
| − |
| + | |
| − | <!-- Latest compiled and minified CSS -->
| + | |
| − | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| + | |
| − | | + | |
| − | <!-- Latest compiled JavaScript -->
| + | |
| − | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| + | |
| − |
| + | |
| − | <!-- Google Analytics -->
| + | |
| − | <script>
| + | |
| − | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
| + | |
| − | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
| + | |
| − | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
| + | |
| − | })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
| + | |
| − | | + | |
| − | ga('create', 'UA-102136418-1', 'auto');
| + | |
| − | ga('send', 'pageview');
| + | |
| − | | + | |
| − | </script>
| + | |
| − | | + | |
| − | </head>
| + | |
| − | | + | |
| | <style> | | <style> |
| − | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/
| + | canvas { |
| − | | + | background-color: #e8d5d7; |
| − |
| + | width:80%; |
| − | body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
| + | |
| − | body, html {
| + | |
| − | height: 100%;
| + | |
| − | line-height: 1.8;
| + | |
| − | }
| + | |
| − | Clear the default wiki settings
| + | |
| − |
| + | |
| − | #home_logo, #sideMenu { display:none; }
| + | |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| + | |
| − | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
| + | |
| − | body {background-color:white; }
| + | |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | /**************************************************************** MENU ***************************************************************/
| + | |
| − |
| + | |
| − | /* Add a dark background color with a little bit see-through */
| + | |
| − | .navbar {
| + | |
| − | left: -20px !important; | + | |
| − | right: -20px !important;
| + | |
| − | top: -20px !important;
| + | |
| − | padding-top: 25px;
| + | |
| − | padding-bottom: 5px;
| + | |
| − | padding-left: 25px;
| + | |
| − | padding-right: 25px;
| + | |
| − | background-color: rgba(0,33,71,0.9);
| + | |
| − | border-color: transparent;
| + | |
| − | border: 0;
| + | |
| − | font-size: 12px !important;
| + | |
| − | letter-spacing: 1px;
| + | |
| − | /*opacity:0.95;*/
| + | |
| − | margin-top: 17px;
| + | |
| | } | | } |
| − | | + | #canvas_happy{ |
| − | .navbar li {
| + | background-color: #002147; |
| − | margin: 0 20px;
| + | |
| − | border-radius: 5px;
| + | |
| | } | | } |
| | | | |
| − | /* Add a gray color to all navbar links */
| + | hr { |
| − | .navbar li a, .navbar .navbar-brand {
| + | display: block; |
| − | color: #fff; | + | height: 1px; |
| − | border-radius: 5px; | + | border: 0; |
| | + | border-top: 1px solid black; |
| | + | margin: 1em 0; |
| | + | padding: 0; |
| | } | | } |
| | | | |
| − | /* the color of the single Link ('safety') on hover */
| + | .btn-circle { |
| − | .navbar-nav li a:hover { | + | width: 50px; |
| − | color: #1abc9c; | + | height: 50px; |
| | + | padding: 10px 16px; |
| | + | border-radius: 50%; |
| | + | font-size: 24px; |
| | + | line-height: 1.33; |
| | + | background-color: rgba(95,155,175,0.9); |
| | } | | } |
| | | | |
| − | /* The active link this seems to be useless at the moment*/
| + | .btn-circle-lg { |
| − | .navbar-nav li.active a { | + | width: 240px; |
| − | color: #fff; | + | height: 240px; |
| − | background-color:#29292c; | + | padding: 10px 16px; |
| | + | border-radius: 50%; |
| | + | font-size: 60px; |
| | + | line-height: 1.33; |
| | } | | } |
| | | | |
| − | /* Remove border color from the collapsible button */ | + | .videoWrapper { |
| − | .navbar-default .navbar-toggle {
| + | position: relative; |
| − | border-color: transparent;
| + | padding-bottom: 56.25%; /* 16:9 */ |
| | + | padding-top: 25px; |
| | + | height: 0; |
| | } | | } |
| − | | + | .videoWrapper iframe { |
| − | .navbar-default { | + | position: absolute; |
| − | border-color:transparent;
| + | top: 0; |
| | + | left: 0; |
| | + | width: 100%; |
| | + | height: 100%; |
| | } | | } |
| | | | |
| − | .navbar-collapse>ul:before { | + | .carousel-caption a { |
| − | content: ""; | + | font-size: 50px; |
| − | margin-top: 40px; | + | font-weight: bolder; |
| | + | text-shadow: 1px 3px 5px rgba(0,0,0,0.8); |
| | + | color: white; |
| | } | | } |
| | | | |
| − | @media (min-width: 768px){
| + | #button-span { |
| − | .navbar-collapse>ul:before { | + | font-weight: bold; |
| − | content: "";
| + | font-size: 20px; |
| − | margin-top: 0px;
| + | color: black; |
| − | } | + | line-height: 0.2; |
| − | | + | text-align:center; |
| − | .navbar-right { | + | position: relative; |
| − | margin-right: 10% !important;
| + | left: 0px; |
| − | } | + | right: 0px; |
| − | | + | display: block; |
| − | .navbar-header { | + | |
| − | margin-left: 10% !important;
| + | |
| − | } | + | |
| − | | + | |
| − | .navbar>li>a {
| + | |
| − | padding: 10px 15px;
| + | |
| − | }
| + | |
| | } | | } |
| | | | |
| − | /* the color of the Dropdown on click */
| + | #button-lg-span { |
| − | .open .dropdown-toggle {
| + | font-weight: bold; |
| − | color: #1abc9c; | + | font-size: 20px; |
| − | background-color: #fff; | + | color: black; |
| | + | line-height: 1; |
| | + | text-align:center; |
| | + | position: relative; |
| | + | left: 0px; |
| | + | right: 0px; |
| | + | display: block; |
| | } | | } |
| − | | + | #bodyContent .colourbox { |
| − | /* the color of the Dropdown links */
| + | list-style-type: none; |
| − | .dropdown-menu li a { | + | background-color: #DCE7EF; |
| − | color: #000;
| + | border-radius: 25px; |
| − | letter-spacing: 1px;
| + | |
| | } | | } |
| − | | + | #bodyContent ul{ |
| − | /* the color of the dropdown links on hover */
| + | list-style-type: none; |
| − | .dropdown-menu li a:hover {
| + | |
| − | background-color: #fff;
| + | |
| | } | | } |
| − | | + | #circles_home { |
| − | .navbar-toggle .icon-bar {
| + | margin: 50px 50px 50px 80px; |
| − | background: white;
| + | |
| | } | | } |
| − | | + | #texthome{ |
| − | .navbar-header img {
| + | width: 80%; |
| − | width: 100px;
| + | |
| − | height: 100px;
| + | |
| − | margin-top: 0px;
| + | |
| − | margin-bottom: -50px;
| + | |
| − | border-radius: 100%;
| + | |
| | } | | } |
| | | | |
| − | #globalWrapper {
| + | </style> |
| − | margin-bottom: 0px;
| + | </head> |
| − | padding-bottom: 0px;
| + | <body onload="startStartScreen()"> |
| − | }
| + | |
| | | | |
| − | #top_menu_14 {
| + | <div class="container"> |
| − | height: 18px; | + | <div style="margin-top: 60px"></div> |
| − | }
| + | <div class="row"> |
| | + | <h1 style="line-height:60px">OXFORD iGEM 2017<br/><small><i>See cruzi </i></small><br/></h1> |
| | + | </div> |
| | | | |
| − | #top_menu_14 #user_item { | + | <div class="row"> |
| − | margin-top: -3px; | + | <div id="myCarousel" class="carousel slide" data-ride="carousel"> |
| − | padding-top: 0px; | + | <!-- Indicators --> |
| − | }
| + | <ol class="carousel-indicators"> |
| | + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| | + | <li data-target="#myCarousel" data-slide-to="1"></li> |
| | + | <li data-target="#myCarousel" data-slide-to="2"></li> |
| | + | <li data-target="#myCarousel" data-slide-to="3"></li> |
| | + | <li data-target="#myCarousel" data-slide-to="4"></li> |
| | + | </ol> |
| | | | |
| − | #top_menu_14 #bars_item img {
| + | <!-- Wrapper for slides --> |
| − | vertical-align: top;
| + | <div class="carousel-inner"> |
| − | }
| + | |
| | | | |
| − | @media (max-width: 810px) {
| + | <div class="item active"> |
| − | #home-link {
| + | <img src="https://static.igem.org/mediawiki/2017/9/92/T--Oxford--NewHome--awardresize.jpg" alt="Award"> |
| − | display:none;
| + | <div class="carousel-caption"> |
| − | } | + | <a href="https://2017.igem.org/Team:Oxford/Team"> |
| − | }
| + | <h2> MEET THE TEAM! </h2> |
| | + | </a> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | /***************************************************** CONTENT OF THE PAGE ****************************************************/ | + | <div class="item"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/1/18/T--Oxford--NewHome--Posterresize.jpg" alt="Poster"> |
| | + | <div class="carousel-caption"> |
| | + | <a href="https://2017.igem.org/Team:Oxford/Team"> |
| | + | <h2> MEET THE TEAM! </h2> |
| | + | </a> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | /* Wrapper for the content */
| + | <div class="item"> |
| − | .igem_2017_content_wrapper {
| + | <img src="https://static.igem.org/mediawiki/2017/8/81/T--Oxford--NewHome--Meetingresize.jpg" alt="Meeting"> |
| − | margin: 2%;
| + | <div class="carousel-caption"> |
| − | display:block; | + | <a href="https://2017.igem.org/Team:Oxford/Team"> |
| − | float:left; | + | <h2> MEET THE TEAM! </h2> |
| − | background-color:white; | + | </a> |
| − | font-family:Tahoma, Geneva, sans-serif; | + | </div> |
| − | }
| + | </div> |
| | | | |
| | + | <div class="item"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/0/0a/T--Oxford--NewHome--Jokesresize.jpg" alt="Jokes"> |
| | + | <div class="carousel-caption"> |
| | + | <a href="https://2017.igem.org/Team:Oxford/Team"> |
| | + | <h2> MEET THE TEAM! </h2> |
| | + | </a> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | /********************************* HTML STYLING *********************************/ | + | <div class="item"> |
| | + | <img src="https://static.igem.org/mediawiki/2017/2/2c/T--Oxford--NewHome--Ladiesresize.jpg" alt="Ladies"> |
| | + | <div class="carousel-caption"> |
| | + | <a href="https://2017.igem.org/Team:Oxford/Team"> |
| | + | <h2> MEET THE TEAM! </h2> |
| | + | </a> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | /* styling for the titles h1 h2 */ | + | <!-- Left and right controls --> |
| − | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { | + | <a class="left carousel-control" href="#myCarousel" data-slide="prev"> |
| − | padding:5px 15px;
| + | <span class="glyphicon glyphicon-chevron-left"></span> |
| − | border-bottom: 0px; | + | <span class="sr-only">Previous</span> |
| − | color: #3399ff; | + | </a> |
| − | } | + | <a class="right carousel-control" href="#myCarousel" data-slide="next"> |
| | + | <span class="glyphicon glyphicon-chevron-right"></span> |
| | + | <span class="sr-only">Next</span> |
| | + | </a> |
| | + | </div> |
| | | | |
| | + | <div class="row"> |
| | + | <div class="col-sm-6"> |
| | + | <a href="https://2017.igem.org/Team:Oxford/Awards"> |
| | + | <img class="img-responsive img-center" style="width:100%" src="https://static.igem.org/mediawiki/2017/f/f4/T--Oxford--NewHome--Prizesbox.png"> |
| | + | </a> |
| | + | </div> |
| | + | <div class="col-sm-6"> |
| | + | <a class="twitter-timeline" data-width="100%" data-height="500" href="https://twitter.com/OxfordiGEM?ref_src=twsrc%5Etfw">Tweets by OxfordiGEM</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | /* styling for the titles h3 h4 h5 h6*/ | + | <div class="row"> |
| − | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
| + | <div class="col-sm-12"> |
| − | padding:5px 15px;
| + | <div class="embed-responsive embed-responsive-16by9"> |
| − | border-bottom:0px;
| + | <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/4heo3c2qvWo" allowfullscreen></iframe> |
| − | color: #000000;
| + | </div> |
| − | }
| + | </div> |
| | + | </div> |
| | | | |
| | + | </div> |
| | | | |
| − | /* font and text */
| + | <div class="container"> |
| − | .igem_2017_content_wrapper p {
| + | <div style="margin-top: 60px"></div> |
| − | padding: 0px 15px;
| + | <div class="row"> |
| − | font-size: 13px;
| + | <h2> Our Project </h2><br/> |
| − | }
| + | </div> |
| | + | <div class="row" align="centre"> |
| | | | |
| − | /* Links */
| + | <a href="https://2017.igem.org/Team:Oxford/Game"> <img class="img-responsive img-center" src="https://static.igem.org/mediawiki/2017/thumb/a/a6/T--oxford--play2.png/320px-T--oxford--play2.png"> </a> |
| − | .igem_2017_content_wrapper a {
| + | |
| − | font-weight: bold;
| + | |
| − | text-decoration: underline;
| + | |
| − | text-decoration-color: #3399ff;
| + | |
| − | color: #3399ff;
| + | |
| − | -webkit-transition: all 0.4s ease;
| + | |
| − | -moz-transition: all 0.4s ease;
| + | |
| − | -ms-transition: all 0.4s ease;
| + | |
| − | -o-transition: all 0.4s ease;
| + | |
| − | transition: all 0.4s ease;
| + | |
| − | }
| + | |
| | | | |
| − | /* hover for the links */
| + | <p><br/>The aim of our project was to develop a cell-free detection system for congenital Chagas disease in the acute phase by detecting the cruzipain in the blood. |
| − | .igem_2017_content_wrapper a:hover {
| + | Congenital Chagas disease is a growing global concern and at present, the acute phase of Chagas disease is difficult to diagnose as it is asymptomatic and current diagnostics are both expensive and inaccessible to the majority of those affected. Our final diagnostic kit would allow Chagas disease to be detected by preventing the clotting of a blood sample. </p> |
| − | text-decoration:none;
| + | <p> We imagine that this system would be adaptable for other parasites and pathogens which have similar difficulties in detection, both in the input for the system and the options for output.</p> |
| − | color:#000000;
| + | </div> |
| − | } | + | </div> |
| | + | </div> |
| | | | |
| − | /* non numbered lists */
| + | <div class="container"> |
| − | .igem_2017_content_wrapper ul {
| + | <div style="margin-top: 60px"></div> |
| − | padding:0px 20px;
| + | <div class="row"> |
| − | font-size: 13px;
| + | <div class="col-sm-3"> |
| − | font-family:Tahoma, Geneva, sans-serif;
| + | <form action="https://2017.igem.org/Team:Oxford/Description"> |
| − | }
| + | <button type="submit" class="btn btn-default btn-circle-lg" style="background-color: rgb(72,145,220)"><span id="button-lg-span">Project<br>Description</span></button> |
| − | | + | </form> |
| − | /* numbered lists */
| + | </div> |
| − | .igem_2017_content_wrapper ol {
| + | |
| − | padding:0px;
| + | |
| − | font-size: 13px;
| + | |
| − | font-family:Tahoma, Geneva, sans-serif;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Table */
| + | |
| − | .igem_2017_content_wrapper table {
| + | |
| − | width: 97%;
| + | |
| − | margin:15px 10px;
| + | |
| − | border: 1px solid #d3d3d3;
| + | |
| − | border-collapse: collapse;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* table cells */
| + | |
| − | .igem_2017_content_wrapper td {
| + | |
| − | padding: 10px;
| + | |
| − | vertical-align: text-top;
| + | |
| − | border: 1px solid #d3d3d3;
| + | |
| − | border-collapse: collapse;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* table headers */
| + | |
| − | .igem_2017_content_wrapper th {
| + | |
| − | padding: 10px; | + | |
| − | vertical-align: text-top;
| + | |
| − | border: 1px solid #d3d3d3; | + | |
| − | border-collapse: collapse;
| + | |
| − | background-color:#f2f2f2;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /**********************************LAYOUT CLASSES **********************************/ | + | |
| − | /*currently not used*/
| + | |
| − | | + | |
| − | /* general class for column divs */
| + | |
| − | .igem_2017_content_wrapper .column {
| + | |
| − | padding: 10px 0px;
| + | |
| − | float:left;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* class for a full width column */
| + | |
| − | .column .full_size {
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* styling for images in a full width column*/
| + | |
| − | .column.full_size img {
| + | |
| − | width:97%;
| + | |
| − | padding: 10px 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* class for a half width column */
| + | |
| − | .column.half_size {
| + | |
| − | width: 50%;
| + | |
| − | }
| + | |
| − | /* styling for images in a half width column*/
| + | |
| − | .column.half_size img {
| + | |
| − | width: 94.5%;
| + | |
| − | padding: 10px 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /********************************* SUPPORT CLASSES ********************************/
| + | |
| − | | + | |
| − | /* class that clears content below*/
| + | |
| − | .igem_2017_content_wrapper .clear {
| + | |
| − | clear:both;
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − | /* adds extra spacing when clearing content */
| + | |
| − | .igem_2017_content_wrapper .clear.extra_space {
| + | |
| − | height: 30px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* highlight class, makes content slightly smaller */
| + | |
| − | .igem_2017_content_wrapper .highlight {
| + | |
| − | margin: 0px 15px;
| + | |
| − | padding: 15px 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* highlight class, adds a gray background */
| + | |
| − | .igem_2017_content_wrapper .highlight.gray {
| + | |
| − | background-color: #f2f2f2;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* highlight with decoration blue line on top */
| + | |
| − | .igem_2017_content_wrapper .highlight.blue_top {
| + | |
| − | border-top: 4px solid #3399ff;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* highlight with a full blue border decoration */
| + | |
| − | .igem_2017_content_wrapper .highlight.blue_border {
| + | |
| − | border: 4px solid #3399ff;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* button class */
| + | |
| − | .igem_2017_content_wrapper .button{
| + | |
| − | max-width: 35%;
| + | |
| − | margin: 30px auto;
| + | |
| − | padding: 12px 10px;
| + | |
| − | background-color: #3399ff;
| + | |
| − | text-align: center;
| + | |
| − | color: #ffffff;
| + | |
| − | -webkit-transition: all 0.4s ease;
| + | |
| − | -moz-transition: all 0.4s ease;
| + | |
| − | -ms-transition: all 0.4s ease;
| + | |
| − | -o-transition: all 0.4s ease; transition: all 0.4s ease;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* styling for button on hover */
| + | |
| − | .igem_2017_content_wrapper .button:hover{
| + | |
| − | background-color: #3399ff; | + | |
| − | color: #000000;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /***************************************************** RESPONSIVE STYLING ****************************************************/
| + | |
| − | | + | |
| − | /* IF THE SCREEN IS LESS THAN 1200PX */
| + | |
| − | @media only screen and (max-width: 1200px) {
| + | |
| − | | + | |
| − | #content {width:100%; }
| + | |
| − | .igem_2017_menu_wrapper {width:15%; right:0;}
| + | |
| − | .highlight {padding:10px 0px;}
| + | |
| − | .igem_2017_menu_wrapper #display_menu_control { display:none; }
| + | |
| − | #menu_content { display:block;}
| + | |
| − | .menu_button.direct_to_page {padding-left: 17px;}
| + | |
| | | | |
| − | }
| + | <div class="col-sm-3"> |
| − | | + | <form action="https://2017.igem.org/Team:Oxford/Overview_Wet_Lab"> |
| − | /* IF THE SCREEN IS LESS THAN 800PX */
| + | <button type="submit" class="btn btn-default btn-circle-lg" style="background-color: rgb(234,139,68)"><span id="button-lg-span">Wet Lab<br>Overview</span></button> |
| − | @media only screen and (max-width: 800px) {
| + | </form> |
| − | | + | </div> |
| − | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | + | |
| − | .igem_2017_content_wrapper {width:100%; margin-left:0px;}
| + | |
| − | .column.half_size {width:100%; }
| + | |
| − | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;}
| + | |
| − | .highlight {padding:15px 5px;}
| + | |
| − | .igem_2017_menu_wrapper #display_menu_control { display:block; }
| + | |
| − | #menu_content { display:none;}
| + | |
| − | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
| + | |
| − | .menu_bottom_padding {display:none;}
| + | |
| − | .menu_button.direct_to_page { padding-left: 36px; }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − |
| + | |
| − | /* special class that the system uses to make sure the team wants a page to be evaluated */
| + | |
| − | .judges-will-not-evaluate {
| + | |
| − | width: 96.6%;
| + | |
| − | margin: 5px 15px;
| + | |
| − | display: block;
| + | |
| − | border: 4px solid #3399ff;
| + | |
| − | font-weight: bold;
| + | |
| − | }
| + | |
| − |
| + | |
| − | </style> | + | |
| − | | + | |
| − | | + | |
| − | <!-- THIS IS WHERE THE HTML BEGINS -->
| + | |
| − | | + | |
| − | <body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">
| + | |
| − | | + | |
| − | <nav class= "navbar-fixed-top navbar">
| + | |
| − | <div class="container-fluid">
| + | |
| − | <div class="navbar-header"> | + | |
| − | <!-- This allows the navigation bar to be replaced by a button in the top right corner when screen is to small -->
| + | |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | </button>
| + | |
| − | | + | |
| − | <!-- This is the logo -->
| + | |
| − | <a href="https://2017.igem.org/Team:Oxford" class="navbar-left"><img src="https://static.igem.org/mediawiki/2017/0/09/T--oxford--oxigemicon.png"></a>
| + | |
| | | | |
| | + | <div class="col-sm-3"> |
| | + | <form action="https://2017.igem.org/Team:Oxford/Model"> |
| | + | <button type="submit" class="btn btn-default btn-circle-lg" style="background-color: rgb(185, 207, 150)"><span id="button-lg-span">Dry Lab<br>Overview</span></button> |
| | + | </form> |
| | </div> | | </div> |
| − | <div class="collapse navbar-collapse" id="myNavbar"> | + | |
| − | <ul class="nav navbar-nav navbar-right">
| + | <div class="col-sm-3"> |
| − |
| + | <form action="https://2017.igem.org/Team:Oxford/Applied_Design"> |
| − | <li id="home-link"><a href="https://2017.igem.org/Team:Oxford">HOME</a></li>
| + | <button type="submit" class="btn btn-default btn-circle-lg" style="background-color: rgb(95, 155, 175)"><span id="button-lg-span">Applied<br>Design</span></button> |
| − |
| + | </form> |
| − | <!-- This is the team dropdown -->
| + | </div> |
| − | <li>
| + | |
| − | <a href="https://2017.igem.org/Team:Oxford/Team">TEAM</a>
| + | </div> |
| − | <!--
| + | </div> |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Team">Meet the Team</a></li>
| + | |
| − |
| + | |
| − | </ul>
| + | |
| − | -->
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <!-- This is the project dropdown -->
| + | |
| − | <li class="dropdown">
| + | |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT
| + | |
| − | <span class="caret"></span>
| + | |
| − | </a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Description">Description</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Design">Design</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Experiments">Experiments</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Notebook">Notebook</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/InterLab">Interlab</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Contribution">Contribution</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Model">Model</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Results">Results</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Demonstrate">Demonstrate</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Improve">Improve</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Attributions">Attributions</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| | | | |
| − | <!-- This is the parts dropdown -->
| + | </body> |
| − | <li class="dropdown">
| + | |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">PARTS
| + | |
| − | <span class="caret"></span>
| + | |
| − | </a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Parts">Parts</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Basic_Part">Basic Parts</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Composite_Part">Composite Parts</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Part_Collection">Part Collection</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| | | | |
| − | <!-- This is the safety button -->
| + | </html> |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Safety">SAFETY</a></li>
| + | {{Oxford/footer}} |
| − | | + | |
| − | <!-- This is the human practices dropdown -->
| + | |
| − | <li class="dropdown">
| + | |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">HUMAN PRACTICES
| + | |
| − | <span class="caret"></span>
| + | |
| − | </a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/HP/Silver">Silver HP</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/HP/Gold_Integrated">Integrated and Gold</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Engagement">Public Engagement</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Collaborations">Collaborations</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | | + | |
| − | <!-- This is the awards dropdown -->
| + | |
| − | <li class="dropdown">
| + | |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">AWARDS
| + | |
| − | <span class="caret"></span>
| + | |
| − | </a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Applied_Design">Applied Design</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Entrepreneurship">Entrepreneurship</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Hardware">Hardware</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Measurement">Measurement</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Model">Model</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Plant">Plant</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Oxford/Software">Software</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | | + | |
| − | <!-- This is the judging form button -->
| + | |
| − | <li><a href="https://igem.org/2017_Judging_Form?team=Oxford">JUDGING FORM</a></li>
| + | |
| − | | + | |
| − | <!-- This is the search button -->
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
