(45 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
<script> | <script> | ||
− | // | + | $(document).ready(function() { |
+ | $("#HQ_page").attr('id',''); | ||
+ | |||
+ | //highlight current page on the menu | ||
+ | highlight_current_page_menu(); | ||
− | + | //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() { | function highlight_current_page_menu() { | ||
− | |||
var page_url="https://2018.igem.org/"; | var page_url="https://2018.igem.org/"; | ||
page_url = page_url + wgPageName; | page_url = page_url + wgPageName; | ||
Line 33: | Line 27: | ||
//if the page is in a submenu, open the submenu and make the appropiate changes | //if the page is in a submenu, open the submenu and make the appropiate changes | ||
if( $( ".current_page" ).hasClass( "submenu_item" )){ | if( $( ".current_page" ).hasClass( "submenu_item" )){ | ||
− | |||
$(".current_page").parent().parent().fadeToggle(400); | $(".current_page").parent().parent().fadeToggle(400); | ||
$(".current_page").parent().parent().prev().addClass("current_page"); | $(".current_page").parent().parent().prev().addClass("current_page"); | ||
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open"); | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open"); | ||
− | |||
} | } | ||
} | } | ||
− | + | </script> | |
− | + | ||
− | + | ||
− | </script> | + | |
− | + | ||
<style> | <style> | ||
− | /*************************** | + | @import url('https://fonts.googleapis.com/css?family=Spinnaker'); |
+ | /*************************/ | ||
+ | /* DEFAULT WIKI SETTINGS */ | ||
+ | /*************************/ | ||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { margin-left:0px; margin-top:-7px; padding:0px; width:85%;} | ||
+ | body {background-color:white; } | ||
+ | #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;} | ||
+ | /********/ | ||
+ | /* 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%; | ||
+ | } | ||
− | + | .igem_2018_team_menu.displaying_menu{ | |
− | + | display:block; | |
− | + | } | |
+ | .igem_2018_team_menu a { | ||
+ | color: #484848; | ||
+ | text-decoration:none; | ||
+ | } | ||
− | + | .igem_2018_team_menu img { | |
− | + | width:100%; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .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; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | .igem_2018_team_menu .menu_item .submenu_control_icon { | |
− | + | color: #484848; | |
− | + | float: left; | |
− | + | width: 10%; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | /* 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 { | |
− | + | content: "-"; | |
+ | } | ||
− | + | /*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*/ |
− | + | /*************************/ | |
− | + | .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; | |
− | + | padding-left: 5%; | |
− | + | width: 30%; | |
− | + | } | |
− | + | .igem_menu_control_mobile img { | |
− | + | width:25px; | |
− | + | } | |
− | + | ||
− | + | .igem_menu_control_mobile { | |
− | + | float:right; | |
− | + | padding-right:5%; | |
− | + | padding-top:5px; | |
+ | text-align:right; | ||
+ | width: 30%; | ||
+ | } | ||
− | + | /***********************/ | |
− | + | /* CONTENT OF THE PAGE */ | |
− | + | /***********************/ | |
− | + | </style> | |
− | + | ||
− | + | <meta charset="UTF-8" /> | |
− | + | <title>Team:TacomaRAINmakers/Notebook - 2017.igem.org</title> | |
− | + | <meta name="generator" content="MediaWiki 1.24.1" /> | |
+ | <link rel="stylesheet" href="https://2017.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" /> | ||
+ | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]--> | ||
+ | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" /> | ||
+ | <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none} | ||
+ | /* cache key: 2017_igem_org:resourceloader:filter:minify-css:7:faeec198b704588e6c9afc1a44274438 */</style> | ||
+ | |||
− | + | <!-------------------------------------> | |
− | + | <!--- THIS IS WHERE THE HTML BEGINS ---> | |
− | + | <!------------------------------------- | |
− | + | <!-- This tells the browser that your page is responsive --> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!------------> | |
− | + | <!--- Menu ---> | |
− | + | <!------------> | |
+ | <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_ECUST_Lab_Notebook skin-igem action-view"> | ||
+ | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' /> | ||
+ | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' /> | ||
− | + | <script type='text/javascript' src ='/wiki/skins/Igem/resources/2017_skin.js'></script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div id='globalWrapper'> | ||
+ | <div id='top_menu_under' class='noprint'></div> | ||
+ | |||
− | + | <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT --> | |
− | / | + | <div id="content" class="mw-body" role="main"> |
+ | <a id="top"></a> | ||
+ | <div id="top_title"> | ||
+ | <div class="logo_2017"> | ||
+ | <a href="https://2017.igem.org"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/8b/HQ_page_logo.jpg" width="100px"> | ||
+ | </a> | ||
+ | </div> | ||
− | + | <h1 id="firstHeading" class="firstHeading"> | |
− | + | <span dir="auto">Team:ECUST/Lab/Notebook</span> | |
− | + | </h1> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div id="HQ_page"> | |
− | + | <div id="bodyContent"> | |
− | + | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p> | |
+ | <head> | ||
− | + | <link href="https://2017.igem.org/Team:ECUST/Resources/CSS:BootstrapStyling?action=raw&ctype=text/css" rel="stylesheet"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet"> | |
− | + | ||
− | + | ||
− | + | <link href="https://2017.igem.org/Team:ECUST/Resources/CSS:NEStyle?action=raw&ctype=text/css" rel="stylesheet"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <script src="https://2017.igem.org/Team:ECUST/js/scrollreveal_js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:ECUST/Resources/JS?action=raw&ctype=text/javascript"></script> | ||
− | / | + | <link rel="stylesheet" href="https://2017.igem.org/Team:ECUST/Resources/CSS:VerticalScroll&action=raw&ctype=text/css"> |
− | / | + | |
− | / | + | |
− | + | <script type="text/javascript" src="https://use.fontawesome.com/2967839f93.js"></script> | |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:ECUST/css/bootstrapcss2?action=raw&ctype=text/css" media="screen"> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:ECUST/css/bootstrapmincss2?action=raw&ctype=text/css" media="screen"> | ||
+ | <script src="https://2017.igem.org/Team:ECUST/statics/2/js?action=raw&ctype=text/javascript"></script> | ||
+ | <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Team:ECUST/statics/2/css?action=raw&ctype=text/css" /> | ||
+ | <script src="https://2017.igem.org/Team:ECUST/Resources/JS:Bootstrap&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:ECUST/Resources/JS:Jquery&action=raw&ctype=text/javascript"></script> | ||
− | / | + | <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> |
− | / | + | |
− | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /********************************* DEFAULT WIKI SETTINGS ********************************/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #sideMenu, | |
− | + | #top_title { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | #content { | ||
+ | padding: 0px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | body { | ||
+ | background-color: white; | ||
+ | width: 100%; | ||
+ | } | ||
− | + | #bodyContent h1, | |
− | + | #bodyContent h2, | |
− | + | #bodyContent h3, | |
− | + | #bodyContent h4, | |
− | + | #bodyContent h5 { | |
− | + | margin-bottom: 0px; | |
+ | } | ||
+ | #bodyContent { | ||
+ | padding-right: 0px; | ||
+ | } | ||
− | + | #globalWrapper { | |
− | + | font-size: 100%; | |
− | + | padding: 0px; | |
− | + | margin: -10px -20px -20px -20px; | |
− | + | } | |
− | + | ||
+ | .navbar-collapse { | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | #banner { | ||
+ | margin-top: 50px; | ||
+ | } | ||
− | + | #sideMenu { | |
− | + | margin-top: 10px; | |
+ | } | ||
− | + | .dropdown-menu li:hover .sub-menu { | |
− | + | visibility: visible; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | .dropdown:hover .dropdown-menu { | |
− | + | display: block; | |
+ | } | ||
− | + | .navbar-nav .dropdown-menu, | |
− | + | .navbar .dropdown-menu { | |
+ | margin-top: 0; | ||
+ | } | ||
− | |||
− | |||
+ | /********************************* CONTENT OF THE PAGE ********************************/ | ||
+ | /* Wrapper for the content */ | ||
− | + | .content_wrapper { | |
− | + | width: 85%; | |
− | + | margin-left: 150px; | |
− | + | padding: 0px; | |
− | + | float: left; | |
− | + | background-color: white; | |
− | + | } | |
− | + | /*LAYOUT */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .column { | |
− | + | padding: 10px 0px; | |
− | + | float: left; | |
− | + | background-color: white; | |
− | + | } | |
− | + | ||
+ | .full_size { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .full_size img { | ||
+ | padding: 10px 15px; | ||
+ | width: 96.5%; | ||
+ | } | ||
− | + | .half_size { | |
− | + | width: 50%; | |
− | + | } | |
+ | .half_size img { | ||
+ | padding: 10px 15px; | ||
+ | width: 93%; | ||
+ | } | ||
− | + | .img:hover { | |
− | + | opacity: 1.0 !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .clear { | |
− | + | clear: both; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .highlight { | |
− | + | width: 90%; | |
− | + | margin: auto; | |
+ | padding: 15px 5px; | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | .judges-will-not-evaluate { | ||
+ | border: 4px solid #72c9b6; | ||
+ | display: block; | ||
+ | margin: 5px 15px; | ||
+ | width: 95%; | ||
+ | font-weight: bold; | ||
+ | } | ||
− | + | /*STYLING */ | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* styling for the titles */ | |
− | + | ||
− | + | ||
− | + | .content_wrapper h1, | |
− | + | .content_wrapper h2 { | |
− | + | padding: 5px 15px; | |
+ | border-bottom: 0px; | ||
+ | color: #72c9b6; | ||
+ | } | ||
+ | .content_wrapper h3, | ||
+ | .content_wrapper h4, | ||
+ | .content_wrapper h5, | ||
+ | .content_wrapper h6 { | ||
+ | padding: 5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: #000000; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | /* font and text */ | |
− | + | ||
− | + | ||
+ | .content_wrapper p { | ||
+ | padding: 0px 15px; | ||
+ | font-size: 13px; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | } | ||
− | |||
− | |||
− | |||
+ | /* Links */ | ||
+ | .content_wrapper a { | ||
+ | font-weight: bold; | ||
+ | text-decoration: underline; | ||
+ | text-decoration-color: #72c9b6; | ||
+ | color: #72c9b6; | ||
+ | -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 */ |
− | + | ||
− | + | .content_wrapper a:hover { | |
− | + | text-decoration: none; | |
− | + | color: #000000; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* non numbered lists */ | |
− | + | ||
− | + | ||
− | + | .content_wrapper ul { | |
− | + | padding: 0px 20px; | |
− | + | font-size: 13px; | |
− | + | font-family: 'Quicksand', sans-serif; | |
− | + | } | |
− | + | ||
− | + | ||
− | |||
+ | /* numbered lists */ | ||
− | + | .content_wrapper ol { | |
− | + | padding: 0px; | |
− | + | font-size: 13px; | |
+ | font-family: 'Quicksand', sans-serif; | ||
+ | } | ||
− | /* | + | /* Table */ |
+ | .content_wrapper table { | ||
+ | width: 97%; | ||
+ | margin: 15px 10px; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | /* table cells */ | ||
+ | .content_wrapper td { | ||
+ | padding: 10px; | ||
+ | vertical-align: text-top; | ||
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
− | |||
+ | /* table headers */ | ||
− | + | .content_wrapper th { | |
− | + | padding: 10px; | |
− | + | vertical-align: text-top; | |
+ | border: 1px solid #d3d3d3; | ||
+ | border-collapse: collapse; | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
− | |||
− | + | /* Button class */ | |
− | + | ||
− | + | .button_click { | |
+ | margin: 10px auto; | ||
+ | padding: 15px; | ||
+ | width: 12%; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | background-color: #72c9b6; | ||
+ | cursor: pointer; | ||
+ | -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; | ||
+ | } | ||
+ | /* button class on hover */ | ||
− | + | .button_click:hover { | |
− | + | background-color: #000000; | |
− | + | color: #72c9b6; | |
+ | } | ||
+ | .top-pad { | ||
+ | padding: 35px; | ||
+ | } | ||
+ | /********************************* RESPONSIVE STYLING ********************************/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | /* IF THE SCREEN IS LESS THAN 1000PX */ | ||
− | + | @media only screen and (max-width: 1000px) { | |
− | + | #content { | |
− | + | width: 100%; | |
+ | } | ||
+ | .menu_wrapper { | ||
+ | width: 15%; | ||
+ | } | ||
+ | .content_wrapper { | ||
+ | margin-left: 15%; | ||
+ | } | ||
+ | .menu_item { | ||
+ | display: block; | ||
+ | } | ||
+ | .icon { | ||
+ | display: none; | ||
+ | } | ||
+ | .highlight { | ||
+ | padding: 10px 0px; | ||
+ | } | ||
+ | } | ||
− | |||
+ | /* IF THE SCREEN IS LESS THAN 680PX */ | ||
+ | @media only screen and (max-width: 680px) { | ||
+ | .collapsable_menu_control { | ||
+ | display: block; | ||
+ | } | ||
+ | .menu_item { | ||
+ | display: none; | ||
+ | } | ||
+ | .menu_wrapper { | ||
+ | width: 100%; | ||
+ | height: 15%; | ||
+ | position: relative; | ||
+ | } | ||
+ | .content_wrapper { | ||
+ | width: 100%; | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | .column.half_size { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .column img { | ||
+ | width: 100%; | ||
+ | padding: 5px 0px; | ||
+ | } | ||
+ | .icon { | ||
+ | display: block; | ||
+ | } | ||
+ | .highlight { | ||
+ | padding: 15px 5px; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
− | < | + | <script> |
+ | // This is the jquery part of your template. Try not modify any of this code since it makes your menu work. | ||
− | + | $(document).ready(function() { | |
− | + | ||
− | + | ||
+ | $("#HQ_page").attr('id',''); | ||
+ | |||
+ | if ( wgPageName.substring( 0, 8) == "Template") { // if the page is a template it displays the full name in a single line | ||
+ | $("#team_name").html( wgPageName ); | ||
+ | } | ||
− | + | else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name | |
− | + | $("#team_name").html( wgPageName.substring( 5, wgPageName.length ) ); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | else { | |
− | + | // this adds the team's name as an h1 | |
− | + | $("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/") ) ); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | // this adds the page's title as an h4 | |
− | + | $("#page_name").html ( ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ") ); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | $('#accordion').find('.menu_item').click(function(){ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | //Expand or collapse this panel | ||
+ | submenu = $(this).find('.submenu'); | ||
+ | submenu.toggle(); | ||
− | + | icon = $(this).find('.icon'); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | if ( !$( submenu ).is(':visible') ) { | |
− | + | icon.removeClass("less").addClass("plus"); | |
− | + | } | |
− | + | else { | |
− | + | icon.removeClass("plus").addClass("less"); | |
+ | } | ||
+ | //Hide the other panels | ||
+ | $(".submenu").not(submenu).hide(); | ||
+ | $(".icon").not(icon).removeClass("less").addClass("plus"); | ||
+ | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | $(".collapsable_menu_control").click(function() { | |
− | + | $(".menu_item").toggle(); | |
− | + | }); | |
− | + | ||
− | + | ||
+ | $( window ).resize(function() { | ||
+ | $(".menu_item").show(); | ||
+ | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </script> | |
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 15px;"> | |
− | + | <div class="container-fluid" > | |
− | + | ||
− | + | <!-- <div class="navbar-header"> | |
− | + | <a class="navbar-logo" href="https://2017.igem.org/Team:ECUST"> | |
+ | <image class="img-responsive" src="https://static.igem.org/mediawiki/2017/d/d9/Ecust_logo1.jpg" height="50px" width= "50px"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="navbar-header" style="padding-top: 15px; padding-left: 15px;"> | ||
+ | <a class="navbar-logo" href="https://2017.igem.org/Team:ECUST"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/0c/ECUST_icon.jpeg" height="50px" width="50px"> | ||
+ | </a> | ||
+ | </div> --> | ||
− | + | <div class="navbar-header" style="padding-left: 15px;"> | |
− | + | <a class="navbar-logo" href="https://2018.igem.org/Team:Tacoma_RAINmakers"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/3/3a/T--Tacoma_RAINmakers--teamlogo.png" height="70px" > | |
− | + | </a> | |
− | + | </div> | |
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div id="navbar" class="navbar-collapse collapse" style="font-family: 'Quicksand', sans-serif"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <!-- <li> | ||
+ | <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ECUST/Homepage">HOMEPAGE </a></li> --> | ||
+ | <li> | ||
+ | <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Tacoma_RAINmakers">HOMEPAGE </a></li> | ||
+ | |||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Tacoma_RAINmakers/Team">Team <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" style="left:0;"> | ||
+ | |||
+ | <!-- <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Collaborations">Collaborations </a></li> --> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Sponsors">Sponsors</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Tacoma_RAINmakers/Description">Project <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" style="left:0;"> | ||
+ | <!-- <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Design">Design </a></li> --> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/InterLab">Interlab</a></li> | ||
+ | <!-- <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Model">Model</a></li> --> | ||
+ | <!-- <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Results">Results</a></li> --> | ||
+ | <!-- <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Demonstrate">Demonstrate</a></li> --> | ||
+ | <!-- <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Improve">Improve</a></li> --> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Attributions">Attributions</a></li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <!--<li class="dropdown"> | ||
+ | <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Tacoma_RAINmakers/Parts">Parts <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" style="left:0;"> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Basic_Part">Basic Parts </a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Composite_Part">Composite Parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | --> | ||
+ | |||
+ | <li> | ||
+ | <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Tacoma_RAINmakers/Parts">Parts </a></li> | ||
− | + | <li> | |
− | + | <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Tacoma_RAINmakers/Safety">Safety </a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="dropdown"> | |
− | + | <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Tacoma_RAINmakers/Human_Practices">Human Practices <span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu" style="left:0;"> | |
− | + | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Public_Engagement">Public Engagement</a></li> | |
− | + | </ul> | |
+ | </li> | ||
+ | <!-- | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle active" >Awards <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" style="text-align: right;"> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Applied_Design">Applied Design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Entrepreneurship">Entrepreneurship</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Hardware">Hardware</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Measurement">Measurement</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Model">Model</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Plant">Plant</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Software">Software</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | --> | ||
+ | <li> | ||
+ | <a class="dropdown-toggle active" href="https://2018.igem.org/Team:Tacoma_RAINmakers/Awards">Awards </a></li> | ||
+ | <li> | ||
+ | <a class="dropdown-toggle active" href="https://igem.org/2018_Judging_Form?team=Tacoma_RAINmakers">Judging Form </a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
− | + | <!-- /.navbar-collapse --> | |
− | + | </div> | |
− | + | <!-- /.container-fluid --> | |
− | + | </nav> | |
− | + | ||
− | |||
+ | |||
+ | <!----------------------------> | ||
+ | <!--- Content of the page ---> | ||
+ | <!----------------------------> | ||
− | + | <div class="igem_2018_team_content"> | |
− | + | <div class="igem_2018_team_column_wrapper"> | |
− | + | <div class="clear extra_space"></div> | |
− | + | <div class="clear extra_space"></div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </html> | |
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Latest revision as of 18:34, 14 October 2018