Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
<script> | <script> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
Line 189: | Line 190: | ||
/***********************/ | /***********************/ | ||
</style> | </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 IS WHERE THE HTML BEGINS ---> | ||
− | <!------------------------------------- | + | <!------------------------------------- |
− | + | ||
<!-- This tells the browser that your page is responsive --> | <!-- This tells the browser that your page is responsive --> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
Line 201: | Line 211: | ||
<!--- Menu ---> | <!--- 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> | ||
+ | <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load --> | ||
+ | |||
+ | |||
+ | <!-- 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://2017.igem.org/Team:TacomaRAINMakers"> | ||
+ | <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://2017.igem.org/Team:ECUST/Description">Team <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" style="left:0;"> | ||
+ | |||
+ | <li><a href="https://2017.igem.org/Team:ECUST/Description">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/Experiment">Experiment</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/Demonstrate">Demonstrate</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li> | ||
+ | <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ECUST/Hardware">HARDWARE </a></li> | ||
+ | |||
+ | |||
+ | <li> | ||
+ | <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ECUST/Parts">PARTS </a></li> | ||
+ | |||
+ | |||
+ | <li> | ||
+ | <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ECUST/Model">MODEL </a></li> | ||
+ | |||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ECUST/Human_Practices">Human Practices <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/HP/Hp">ahhh</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/HP/Integrated">Integrated Practices</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/Engagement">Public Engagement</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/HP/Collaboration">Collaborations</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ECUST/InterLab">InterLab</a></li> | ||
+ | |||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ECUST/Lab/Team">Lab <span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu" style="text-align: right;"> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/Lab/Team">Team</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/Lab/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:ECUST/Lab/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- /.navbar-collapse --> | ||
+ | </div> | ||
+ | <!-- /.container-fluid --> | ||
+ | </nav> | ||
+ | |||
Line 439: | Line 996: | ||
<div class="clear extra_space"></div> | <div class="clear extra_space"></div> | ||
<div class="clear extra_space"></div> | <div class="clear extra_space"></div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
</html> | </html> |
Revision as of 21:26, 29 September 2018