|
|
| (68 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | <html lang="en"> | + | <html> |
| | | | |
| − | <meta charset="utf-8">
| + | <script> |
| − | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| + | |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
| − | <meta name="description" content="UCPH - iGEM">
| + | |
| − | <meta name="author" content="InCell">
| + | |
| | | | |
| − | <!-- Bootstrap Core CSS -->
| + | // This is the jquery part of your template. |
| − | <link href="https://2017.igem.org/wiki/index.php?title=Template:BOKU-Vienna-bootstrap.css&action=raw&ctype=text/css" rel="stylesheet"/>
| + | // Try not modify any of this code too much since it makes your menu work. |
| | | | |
| − | <!-- Theme CSS -->
| + | $(document).ready(function() { |
| − | <style>
| + | |
| − | a:link {
| + | |
| − | color: #1d9b6c;
| + | |
| − | background-color: transparent;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| | | | |
| − | a:visited {
| + | $("#HQ_page").attr('id',''); |
| − | color: #1d9b6c;
| + | |
| − | background-color: transparent;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | #bars_item {display: none; }
| + | |
| − | #home_logo, #sideMenu { display:none; }
| + | |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| + | |
| − | #HQ_page p {
| + | |
| − | text-align: center;
| + | |
| − | font-family: Tahoma, Geneva, sans-serif;
| + | |
| − | font-size: 17px;
| + | |
| − | }
| + | |
| − | #page-top { height: 100% ; }
| + | |
| − | .mw-content-ltr { height: 100%; }
| + | |
| − | #bodyContent { height: 100%; }
| + | |
| − | #HQ_page {
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | #HQ_page h1 {
| + | |
| − | font-size: 100px;
| + | |
| − | font-family: Tahoma, Geneva, sans-serif;
| + | |
| − | }
| + | |
| − | #content {
| + | |
| − | width:100%;
| + | |
| − | height: 100%;
| + | |
| − | padding: 0px;
| + | |
| − | margin-top:-30px;
| + | |
| − | margin-left:0px;
| + | |
| − | background-color: black;
| + | |
| − | color: #E8DBD7;
| + | |
| − | font-family: Tahoma, Geneva, sans-serif;
| + | |
| − | }
| + | |
| − | #globalWrapper{ height: 100%; }
| + | |
| − | body { background-color: #2A9D8F; height: 100%; }
| + | |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | |
| | | | |
| − | #top_menu_14 {
| + | // call the functions that control the menu |
| − | height: 12px;
| + | menu_functionality(); |
| − | color: #E9C46A;
| + | hide_show_menu(); |
| − | background: #264653;
| + | |
| − | }
| + | |
| − | #top_menu_under {
| + | |
| − | height: 12px;
| + | |
| − | background: black;
| + | |
| − | }
| + | |
| | | | |
| − | #top_menu_inside {
| |
| − | border-left: 0px;
| |
| − | border-right: 0px;
| |
| − | width: 100%;
| |
| − | }
| |
| | | | |
| − | li.has_submenu a {
| |
| − | color: grey;
| |
| − | }
| |
| − | html {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | }
| |
| − | h1,
| |
| − | h2,
| |
| − | h3,
| |
| − | h4,
| |
| − | h5,
| |
| − | h6 {
| |
| − | margin: 0 0 35px;
| |
| − | text-transform: uppercase;
| |
| − | font-family: Tahoma, Geneva, sans-serif;
| |
| − | font-weight: 700;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − | p {
| |
| − | margin: 0 0 25px;
| |
| − | font-size: 18px;
| |
| − | line-height: 1.5;
| |
| − | }
| |
| − | @media (min-width: 768px) {
| |
| − | p {
| |
| − | margin: 0 0 35px;
| |
| − | font-size: 20px;
| |
| − | line-height: 1.6;
| |
| − | }
| |
| − | }
| |
| − | a {
| |
| − | color: #42DCA3;
| |
| − | -webkit-transition: all 0.2s ease-in-out;
| |
| − | -moz-transition: all 0.2s ease-in-out;
| |
| − | transition: all 0.2s ease-in-out;
| |
| − | }
| |
| − | a:hover,
| |
| − | a:focus {
| |
| − | text-decoration: none;
| |
| − | color: #1d9b6c;
| |
| − | }
| |
| − | .light {
| |
| − | font-weight: 400;
| |
| − | }
| |
| − | .navbar-custom {
| |
| − | margin-top:12px;
| |
| − | margin-bottom: 0;
| |
| − | border-bottom: 0px solid rgba(255, 255, 255, 0.3);
| |
| − | text-transform: uppercase;
| |
| − | font-family: Tahoma, Geneva, sans-serif;
| |
| − | background-color: black;
| |
| − | }
| |
| − | .navbar-custom .navbar-toggle {
| |
| − | color: white;
| |
| − | background-color: rgba(255, 255, 255, 0.2);
| |
| − | font-size: 12px;
| |
| − | }
| |
| − | .navbar-custom .navbar-toggle:focus,
| |
| − | .navbar-custom .navbar-toggle:active {
| |
| − | outline: none;
| |
| − | }
| |
| − | .navbar-custom .navbar-brand {
| |
| − | font-weight: 700;
| |
| − | }
| |
| − | .navbar-custom .navbar-brand img {
| |
| − | height: 40px;
| |
| − | }
| |
| − | .navbar-custom .navbar-brand:focus {
| |
| − | outline: none;
| |
| − | }
| |
| − | .navbar-custom a {
| |
| − | color: black;
| |
| − | }
| |
| − | .navbar-custom .nav li a {
| |
| − | -webkit-transition: background 0.3s ease-in-out;
| |
| − | -moz-transition: background 0.3s ease-in-out;
| |
| − | transition: background 0.3s ease-in-out;
| |
| − | }
| |
| − | .navbar-custom .nav li a:hover {
| |
| − | color: rgba(255, 255, 255, 0.8);
| |
| − | outline: none;
| |
| − | background-color: transparent;
| |
| − | }
| |
| − | .navbar-custom .nav li a:focus,
| |
| − | .navbar-custom .nav li a:active {
| |
| − | outline: none;
| |
| − | background-color: transparent;
| |
| − | }
| |
| − | .navbar-custom .nav li.active {
| |
| − | outline: none;
| |
| − | }
| |
| − | .navbar-custom .nav li.active a {
| |
| − | background-color: rgba(255, 255, 255, 0.3);
| |
| − | }
| |
| − | .navbar-custom .nav li.active a:hover {
| |
| − | color: white;
| |
| − | }
| |
| − | @media (min-width: 768px) {
| |
| − | .navbar-custom {
| |
| − | padding: 20px 0;
| |
| − | border-bottom: none;
| |
| − | letter-spacing: 1px;
| |
| − | background: transparent;
| |
| − | -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
| |
| − | -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
| |
| − | transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
| |
| − | }
| |
| − | .navbar-custom.top-nav-collapse {
| |
| − | padding: 0;
| |
| − | background: black;
| |
| − | border-bottom: 0px solid rgba(255, 255, 255, 0.3);
| |
| − | }
| |
| − | }
| |
| − | @media (min-width: 768px) {
| |
| − | .myintro {
| |
| − | height: 100%;
| |
| − | padding: 0;
| |
| − | }
| |
| − | .myintro .myintro-body .brand-heading {
| |
| − | font-size: 100px;
| |
| − | }
| |
| − | .myintro .myintro-body .myintro-text {
| |
| − | font-size: 26px;
| |
| − | }
| |
| − | }
| |
| − | .btn-circle {
| |
| − | width: 70px;
| |
| − | height: 70px;
| |
| − | margin-top: 15px;
| |
| − | padding: 7px 16px;
| |
| − | border: 2px solid black;
| |
| − | border-radius: 100% !important;
| |
| − | font-size: 40px;
| |
| − | color: black;
| |
| − | background: transparent;
| |
| − | -webkit-transition: background 0.3s ease-in-out;
| |
| − | -moz-transition: background 0.3s ease-in-out;
| |
| − | transition: background 0.3s ease-in-out;
| |
| − | }
| |
| − | #downarrow img {
| |
| − | border: 2px solid black;
| |
| − | padding: 10px 10px;
| |
| − | border-radius: 100% !important;
| |
| − | height: 55px;
| |
| − | display: block;
| |
| − | margin: auto;
| |
| − | }
| |
| − | .btn-circle:hover,
| |
| − | .btn-circle:focus {
| |
| − | outline: none;
| |
| − | color: white;
| |
| − | background: rgba(255, 255, 255, 0.1);
| |
| − | }
| |
| − | .btn-circle i.animated {
| |
| − | -webkit-transition-property: -webkit-transform;
| |
| − | -webkit-transition-duration: 1s;
| |
| − | -moz-transition-property: -moz-transform;
| |
| − | -moz-transition-duration: 1s;
| |
| − | }
| |
| − | .btn-circle:hover i.animated {
| |
| − | -webkit-animation-name: pulse;
| |
| − | -moz-animation-name: pulse;
| |
| − | -webkit-animation-duration: 1.5s;
| |
| − | -moz-animation-duration: 1.5s;
| |
| − | -webkit-animation-iteration-count: infinite;
| |
| − | -moz-animation-iteration-count: infinite;
| |
| − | -webkit-animation-timing-function: linear;
| |
| − | -moz-animation-timing-function: linear;
| |
| − | }
| |
| − | @-webkit-keyframes pulse {
| |
| − | 0% {
| |
| − | -webkit-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | 50% {
| |
| − | -webkit-transform: scale(1.2);
| |
| − | transform: scale(1.2);
| |
| − | }
| |
| − | 100% {
| |
| − | -webkit-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | }
| |
| − | @-moz-keyframes pulse {
| |
| − | 0% {
| |
| − | -moz-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | 50% {
| |
| − | -moz-transform: scale(1.2);
| |
| − | transform: scale(1.2);
| |
| − | }
| |
| − | 100% {
| |
| − | -moz-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | }
| |
| − | .content-section {
| |
| − | padding-top: 250px;
| |
| − | padding-bottom: 250px;
| |
| − | height: auto;
| |
| − | min-height: 100% !important;
| |
| − | }
| |
| | | | |
| − | #map {
| + | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols |
| − | width: 100%;
| + | function menu_functionality() { |
| − | height: 200px;
| + | |
| − | margin-top: 100px;
| + | |
| − | }
| + | |
| − | @media (min-width: 767px) {
| + | |
| − | .content-section {
| + | |
| − | height: auto;
| + | |
| − | padding-top: 250px;
| + | |
| − | padding-bottom: 250px;
| + | |
| − | min-height: 100% !mportant;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .btn {
| + | |
| − | text-transform: uppercase;
| + | |
| − | font-family: Tahoma, Geneva, sans-serif;
| + | |
| − | font-weight: 400;
| + | |
| − | -webkit-transition: all 0.3s ease-in-out;
| + | |
| − | -moz-transition: all 0.3s ease-in-out;
| + | |
| − | transition: all 0.3s ease-in-out;
| + | |
| − | border-radius: 0;
| + | |
| − | }
| + | |
| − | .btn-default {
| + | |
| − | border: 1px solid #42DCA3;
| + | |
| − | color: #42DCA3;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .btn-default:hover,
| + | |
| − | .btn-default:focus {
| + | |
| − | border: 1px solid #42DCA3;
| + | |
| − | outline: none;
| + | |
| − | color: black;
| + | |
| − | background-color: #42DCA3;
| + | |
| − | }
| + | |
| − | ul.banner-social-buttons {
| + | |
| − | margin-top: 0;
| + | |
| − | }
| + | |
| − | @media (max-width: 1199px) {
| + | |
| − | ul.banner-social-buttons {
| + | |
| − | margin-top: 15px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media (max-width: 767px) {
| + | |
| − | ul.banner-social-buttons li {
| + | |
| − | display: block;
| + | |
| − | margin-bottom: 20px;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − | ul.banner-social-buttons li:last-child {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | footer {
| + | |
| − | padding: 50px 0;
| + | |
| − | }
| + | |
| − | footer p {
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | ::-moz-selection {
| + | |
| − | text-shadow: none;
| + | |
| − | background: #fcfcfc;
| + | |
| − | background: rgba(255, 255, 255, 0.2);
| + | |
| − | }
| + | |
| − | ::selection {
| + | |
| − | text-shadow: none;
| + | |
| − | background: #fcfcfc;
| + | |
| − | background: rgba(255, 255, 255, 0.2);
| + | |
| − | }
| + | |
| − | img::selection {
| + | |
| − | background: transparent;
| + | |
| − | }
| + | |
| − | img::-moz-selection {
| + | |
| − | background: transparent;
| + | |
| − | }
| + | |
| − | body {
| + | |
| − | webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
| + | |
| − | }
| + | |
| | | | |
| | + | //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu |
| | + | $(".menu_button").click(function(){ |
| | | | |
| | + | // add or remove the class "open" , this class holds the "-" |
| | + | $(this).children().toggleClass("open"); |
| | + | // show or hide the submenu |
| | + | $(this).next('.submenu_wrapper').fadeToggle(400); |
| | + | }); |
| | | | |
| − | .scrollnav-custom {
| + | // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu |
| − | margin-bottom: 0;
| + | $("#display_menu_control").click(function(){ |
| − | border-bottom: 0px solid rgba(255, 255, 255, 0.3);
| + | $('#menu_content').fadeToggle(400); |
| − | font-family: Tahoma, Geneva, sans-serif
| + | }); |
| − | background-color: black;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .scrollnav-toggle {
| + | |
| − | color: white;
| + | |
| − | background-color: rgba(255, 255, 255, 0.2);
| + | |
| − | font-size: 12px;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .scrollnav-toggle:focus,
| + | |
| − | .scrollnav-custom .scrollnav-toggle:active {
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .scrollnav-brand {
| + | |
| − | font-weight: 700;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .scrollnav-brand img {
| + | |
| − | height: 40px;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .scrollnav-brand:focus {
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .scrollnav-custom a {
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li a {
| + | |
| − | -webkit-transition: background 0.3s ease-in-out;
| + | |
| − | -moz-transition: background 0.3s ease-in-out;
| + | |
| − | transition: background 0.3s ease-in-out;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li a:hover {
| + | |
| − | color: rgba(255, 255, 255, 0.8);
| + | |
| − | outline: none;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li a:focus,
| + | |
| − | .scrollnav-custom .nav li a:active {
| + | |
| − | outline: none;
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li.active {
| + | |
| − | outline: none;
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li.active a {
| + | |
| − | background-color: rgba(255, 255, 255, 0.3);
| + | |
| − | }
| + | |
| − | .scrollnav-custom .nav li.active a:hover {
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | @media (min-width: 768px) {
| + | |
| − | .scrollnav-custom {
| + | |
| − | padding: 0;
| + | |
| − | letter-spacing: 1px;
| + | |
| − | background: black;
| + | |
| − | border-bottom: 1px solid rgba(255, 255, 255, 0.3);
| + | |
| − | }
| + | |
| − | }
| + | |
| − | .navbar-brand img {
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | .sponsor-section {
| + | |
| − | background-color: white;
| + | |
| − | color: black;
| + | |
| − | }
| + | |
| | | | |
| | + | // call the current page highlight function |
| | + | highlight_current_page(); |
| | + | } |
| | | | |
| − | .dropdown-li {
| |
| − | padding-top: 11px;
| |
| − | padding-bottom: 15px;
| |
| − | margin-left: 10px;
| |
| − | margin-right: 10px;
| |
| − | }
| |
| | | | |
| − | .navbar-custom .nav li a:hover{
| + | // call the highlight current page function to show it on the menu with a different background color |
| − | cursor: pointer;
| + | function highlight_current_page() { |
| − | }
| + | |
| | | | |
| − | .navbar-right .dropdown-menu {
| + | // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color |
| − | right: auto;
| + | $("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page"); |
| − | position-left: 0px;
| + | |
| − | position-right: 0px;
| + | |
| − | margin-left: 0px;
| + | |
| − | }
| + | |
| | | | |
| − | .dropdown-menu {
| + | // now that the current_page class has been added to a menu item, make the submenu fade in |
| − | background-color: black;
| + | $(".current_page").parents(".submenu_wrapper").fadeIn(400); |
| − | border-radius: 0px;
| + | // change the +/- symbol of the corresponding menu button |
| − | }
| + | $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open"); |
| | + | |
| | + | } |
| | | | |
| − | .dropdown-a {
| |
| − | color: white !important;
| |
| − | }
| |
| | | | |
| − | .nav .open > a {
| |
| − | background: transparent;
| |
| − | }
| |
| − | </style>
| |
| | | | |
| | + | // 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')) { |
| | | | |
| − | <header id="top-bar" class="navbar-fixed-top animated-header">
| + | // when the "bars_item" has been clicked |
| − | <div class="container">
| + | $("#bars_item").click(function() { |
| − | <div class="navbar-header">
| + | $("#sideMenu").hide(); |
| − | <!-- responsive nav button -->
| + | |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| + | |
| − | <span class="sr-only">Toggle navigation</span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | <span class="icon-bar"></span>
| + | |
| − | </button>
| + | |
| − | <!-- /responsive nav button -->
| + | |
| | | | |
| − | <!-- logo -->
| + | // show/hide the menu wrapper |
| − | <div class="navbar-brand">
| + | $(".igem_2017_menu_wrapper").fadeToggle("100"); |
| − | <a href="index.html">
| + | }); |
| − | <img class="logo" src="https://rawgit.com/Macbit/Edinburgh_OG_iGEM17/master/images/logo.png" alt="">
| + | } |
| − | </a>
| + | |
| − | </div>
| + | // 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 |
| − | <!-- /logo -->
| + | else { |
| − | </div>
| + | setTimeout(hide_show_menu, 15); |
| − | <!-- main menu -->
| + | } |
| − | <nav class="collapse navbar-collapse navbar-right" role="navigation">
| + | } |
| − | <div class="main-menu">
| + | |
| − | <ul class="nav navbar-nav navbar-right">
| + | |
| − | <li>
| + | }); |
| − | <a href="https://2017.igem.org/Team:Edinburgh_OG">Home</a>
| + | |
| − | </li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG#about">About</a></li>
| + | </script> |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG#team">Team</a></li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <span class="caret"></span></a>
| + | |
| − | <div class="dropdown-menu">
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Description">Description</a></li>
| + | <style> |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Design">Design</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Experiments">Experiments</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Notebook">Notebook</a></li>
| + | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/InterLab">Interlab</a></li>
| + | /* Clear the default wiki settings */ |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Contribution">Contribution</a></li>
| + | #home_logo, #sideMenu { display:none; } |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Model">Model</a></li>
| + | #sideMenu, #top_title, .patrollink {display:none;} |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Results">Results</a></li>
| + | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Demonstrate">Demonstrate</a></li>
| + | body {background-color:white; } |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Improve">Improve</a></li>
| + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Attributions">Attributions</a></li>
| + | |
| − | </ul>
| + | /********************************* HTML STYLING *********************************/ |
| − | </div>
| + | |
| − | </li>
| + | */body{font-family:Lora,'Helvetica Neue',Helvetica,Arial,sans-serif;position:relative;width:100%;height:100%;color:#fff;background-color:#000}html{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;margin:0 0 35px;letter-spacing:1px;text-transform:uppercase}p{font-size:16px;line-height:1.5;margin:0 0 25px}@media (min-width:768px){p{font-size:18px;line-height:1.6;margin:0 0 35px}}a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#42dca3}a:focus,a:hover{text-decoration:none;color:#1d9b6c}#mainNav{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;margin-bottom:0;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);background-color:#000}#mainNav .navbar-toggler{font-size:14px;padding:11px;color:#fff;border:1px solid #fff}#mainNav .navbar-brand{font-weight:700}#mainNav a{color:#fff}#mainNav .navbar-nav .nav-item{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}@media (min-width:992px){#mainNav{padding-top:20px;padding-bottom:20px;-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;letter-spacing:1px;border-bottom:none;background:0 0}#mainNav.navbar-shrink{padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3);background:#000}#mainNav .nav-link.active{outline:0;background-color:rgba(255,255,255,.3)}#mainNav .nav-link.active:hover{color:#fff}}.masthead{display:table;width:100%;height:auto;padding:200px 0;text-align:center;color:#fff;background:url(../img/intro-bg.jpg) no-repeat bottom center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.masthead .intro-body{display:table-cell;vertical-align:middle}.masthead .intro-body .brand-heading{font-size:50px}.masthead .intro-body .intro-text{font-size:18px}@media (min-width:768px){.masthead{height:100%;padding:0}.masthead .intro-body .brand-heading{font-size:100px}.masthead .intro-body .intro-text{font-size:22px}}.btn-circle{font-size:26px;width:55px;height:55px;margin-top:15px;line-height:38px;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;color:#fff;border:2px solid #fff;border-radius:100%!important;background:0 0}.btn-circle:focus,.btn-circle:hover{color:#fff;outline:0;background:rgba(255,255,255,.1)}.content-section{padding-top:150px;padding-bottom:150px}.download-section{color:#fff;background:url(../img/downloads-bg.jpg) no-repeat center center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#map{width:100%;height:300px}@media (min-width:992px){.content-section{padding-top:200px;padding-bottom:200px}#map{height:350px}}.btn{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:uppercase;border-radius:0}.btn-default{color:#42dca3;border:1px solid #42dca3;background-color:transparent}.btn-default:focus,.btn-default:hover{color:#000;border:1px solid #42dca3;outline:0;background-color:#42dca3}ul.banner-social-buttons{margin-top:0}@media (max-width:1199px){ul.banner-social-buttons{margin-top:15px}}@media (max-width:767px){ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0}}footer{padding:50px 0}footer p{font-size:14px;margin:0}::-moz-selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}::selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}body{-webkit-tap-highlight-color:rgba(255,255,255,.2)} |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts<span class="caret"></span></a>
| + | </style> |
| − | <div class="dropdown-menu">
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Parts">Parts</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Basic_Part">Basic Parts</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Experiments">Experiments</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Composite_Part">Composite Parts</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Part_Collection">Part Collection</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Safety">Safety</a></li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practices<span class="caret"></span></a>
| + | |
| − | <div class="dropdown-menu">
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/HP/Silver">Silver HP</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/HP/Gold_Integrated">Integrated Gold</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG/Engagement">Engagement</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Edinburgh_OG#call-to-action">Contact</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
| − | <!-- /main nav -->
| + | |
| − | </div>
| + | |
| − | </header>
| + | |
| | | | |
| | </html> | | </html> |
