Team:Alberta/Notebook
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | <html> | ||
+ | |||
+ | <head> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | /* GETS RID OF DEFAULT TITLE */ | ||
+ | .firstHeading {display:none;} | ||
+ | |||
+ | |||
+ | /* testing different titles css for bios */ | ||
+ | |||
+ | img.float-left | ||
+ | { | ||
+ | float:left; display:inline; margin-right:10px; | ||
+ | } | ||
+ | |||
+ | /* SETS OUTSIDE BGCOLOUR AND INSIDE BGCOLOUR */ | ||
+ | |||
+ | body | ||
+ | { | ||
+ | background-color: #252525; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | border: 0px; | ||
+ | font-family:"Trebuchet MS", arial; | ||
+ | } | ||
+ | |||
+ | #title | ||
+ | { | ||
+ | background: #ffffff; | ||
+ | width:28.5%; | ||
+ | float: left; | ||
+ | padding: 0em; | ||
+ | font-size: 3.4em; | ||
+ | color: #757575; | ||
+ | height: 2em; | ||
+ | margin-left:1.5%; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | #navbar | ||
+ | { | ||
+ | background: #ffffff; | ||
+ | width:65.5%; | ||
+ | float: right; | ||
+ | padding: 0em; | ||
+ | text-align:right; | ||
+ | font-size: 1em; | ||
+ | color: #a5a5a5; | ||
+ | margin-right:2.5%; | ||
+ | vertical-align: middle; | ||
+ | height: 2.5em; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #highlight | ||
+ | { | ||
+ | background: #fff200; | ||
+ | width:100%; | ||
+ | clear: both; | ||
+ | padding: 0em; | ||
+ | height: 3px; | ||
+ | } | ||
+ | |||
+ | #photo | ||
+ | { | ||
+ | width: 965px; | ||
+ | float: left; | ||
+ | padding: 0em; | ||
+ | height: 200px; | ||
+ | /* height: 200px; */ | ||
+ | background: url(https://static.igem.org/mediawiki/2010/b/b6/Alberta_GroupPic.png); | ||
+ | background-position: 0% 0%; | ||
+ | border: 0em; | ||
+ | } | ||
+ | |||
+ | p.logo | ||
+ | { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .llink2 A:link {text-decoration: underline; color: #757575; font-size: 1em;} | ||
+ | .llink2 A:visited {text-decoration: none; color: #656565; font-size: 1em;} | ||
+ | .llink2 A:hover {text-decoration: none; font-size: 1em;} | ||
+ | .llink2 A:active {text-decoration: none; font-size: 1em;} | ||
+ | |||
+ | #content | ||
+ | { | ||
+ | /*width:69.5%;*/ | ||
+ | height:50%; | ||
+ | border:1px solid #000000; | ||
+ | } | ||
+ | |||
+ | #vtab0 | ||
+ | { | ||
+ | width:20%; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #vtab0 li | ||
+ | { | ||
+ | list-style:none; | ||
+ | background-color: #a5a5a5; | ||
+ | border:1px dotted #3b3b3b; | ||
+ | font-family: "Trebuchet MS", Times; | ||
+ | font-weight:bold; | ||
+ | font-size: 1em; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #vtab0 li:hover | ||
+ | { | ||
+ | background-color: #3b3b3b; | ||
+ | } | ||
+ | |||
+ | #tabContent | ||
+ | { | ||
+ | float:left; | ||
+ | width:78%; | ||
+ | margin: 1% 1%; | ||
+ | font-family: "Trebuchet MS", Times; | ||
+ | font-style: bold; | ||
+ | font-size: 1em; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .vtInfo | ||
+ | { | ||
+ | display:none; | ||
+ | height:98%; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | /* #leftcolumn | ||
+ | { | ||
+ | float: left; | ||
+ | width: 12em; | ||
+ | background-color: #3b3b3b; | ||
+ | margin: 2em; | ||
+ | padding: 2em; | ||
+ | text-align: left; | ||
+ | font-family: "Trebuchet MS", Times; | ||
+ | font-style: bold; | ||
+ | font-size: 1em; | ||
+ | color: #fff200; | ||
+ | border: 0; | ||
+ | } */ | ||
+ | |||
+ | .llink1 A:link {text-decoration: none; color: #bfbfbf; font-size: 1em;} | ||
+ | .llink1 A:visited {text-decoration: none; color: #bfbfbf; font-size: 1em;} | ||
+ | .llink1 A:hover {text-decoration: none; color: #fff200; font-size: 1em;} | ||
+ | .llink1 A:active {text-decoration: none; font-size: 1em;} | ||
+ | |||
+ | /* #rightcolumn | ||
+ | { | ||
+ | float: right; | ||
+ | width: 40em; | ||
+ | background-color: #ffffff; | ||
+ | margin: 4em; | ||
+ | padding: 3em; | ||
+ | color: #000000; | ||
+ | border: 1px solid #3b3b3b;; | ||
+ | } */ | ||
+ | |||
+ | #highlightb | ||
+ | { | ||
+ | background: #ffffff; | ||
+ | width:100%; | ||
+ | clear: both; | ||
+ | padding: 0em; | ||
+ | height: 3px; | ||
+ | } | ||
+ | |||
+ | #footer | ||
+ | { | ||
+ | clear: both; | ||
+ | margin: 0; | ||
+ | padding: .5em; | ||
+ | color: #333333; | ||
+ | background-color: #dddddd; | ||
+ | border-top: 3px solid #333333; | ||
+ | } | ||
+ | |||
+ | .llink3 A:link {text-decoration: underline; color: #757575; font-size: 1em;} | ||
+ | .llink3 A:visited {text-decoration: none; color: #656565; font-size: 1em;} | ||
+ | .llink3 A:hover {text-decoration: none; font-size: 1em;} | ||
+ | .llink3 A:active {text-decoration: none; font-size: 1em;} | ||
+ | |||
+ | .h2 {text-decoration: none; color: #757575; font-size: 2.5em; font-family: "Trebuchet MS", Times; line-height: 120%;} | ||
+ | .h3 {text-decoration: none; color: #757575; font-size: 1em; font-family: "Trebuchet MS", Times;} | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(document).ready( function(){ | ||
+ | // load group photo on page load | ||
+ | $('#vtab1').show(); | ||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | function showTab(IDS) | ||
+ | { | ||
+ | var tabs = document.getElementById('tabContent').getElementsByTagName('div'); | ||
+ | var tabs = getElementsByClass('vtInfo',document.getElementById('tabContent'),'div'); | ||
+ | |||
+ | for (var i=0; i<tabs.length; i++) { tabs[i].style.display = 'none'; } | ||
+ | document.getElementById(IDS).style.display = 'block'; | ||
+ | } | ||
+ | |||
+ | function getElementsByClass(searchClass,node,tag) | ||
+ | { | ||
+ | var classElements = new Array(); | ||
+ | if ( node == null ) | ||
+ | node = document; | ||
+ | if ( tag == null ) | ||
+ | tag = '*'; | ||
+ | var els = node.getElementsByTagName(tag); | ||
+ | var elsLen = els.length; | ||
+ | var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); | ||
+ | for (i = 0, j = 0; i < elsLen; i++) { | ||
+ | if ( pattern.test(els[i].className) ) { | ||
+ | classElements[j] = els[i]; | ||
+ | j++; | ||
+ | } | ||
+ | } | ||
+ | return classElements; | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <!-- ACTUAL BODY STARTS HERE ********************************** --> | ||
+ | <body> | ||
+ | |||
+ | <!-- PROJECT TITLE --> | ||
+ | |||
+ | <div id="title"> | ||
+ | |||
+ | <p class="logo"><img src="https://static.igem.org/mediawiki/2010/c/cc/Alberta_Logo.png" width="50px" height="50px" padding="5px" align="left"></img></p> | ||
+ | |||
+ | genomikon</div> | ||
+ | |||
+ | <!-- NAVBAR --> | ||
+ | <div id="navbar"><span class="llink2"><a href="https://2010.igem.org/Team:Alberta/JTest"> home</a> | <a href="project"> project</a> | <a href="ethics"> ethics</a> | <a href="parts"> parts</a> | <a href="software"> software</a> | <a href="https://2010.igem.org/Team:Alberta/Notebook"> notebook</a> | <a href="team"> team</a></span> | ||
+ | </div> | ||
+ | |||
+ | <!-- HIGHLIGHT --> | ||
+ | <div id="highlight"></div> | ||
+ | |||
+ | <div id="photo"></div> | ||
+ | |||
+ | <div id="highlightb"></div> | ||
+ | |||
+ | <br style="clear:both"> | ||
+ | </div> | ||
+ | |||
+ | <div id="highlightb"></div> | ||
+ | |||
+ | <div id="footer"><span class="llink3"> | ||
+ | <a href="Site_Map">site map</a>|<a href="Sponsors">sponsors</a>|<a href="Contact">contact us</a> | ||
+ | </span></div> | ||
+ | |||
+ | </body> | ||
+ | <!-- END OF ACTUAL BODY *************************************** --> | ||
+ | |||
+ | |||
+ | </html> | ||
+ | |||
[[page78]] | [[page78]] |
Revision as of 03:08, 2 July 2010
genomikon
Building Parts | Testing Parts | Assembly Method | Competent Cells | Plates | Kit Manual | Software |
---|
Home | Team | Official Team Profile | Project | Parts Submitted to the Registry | Modeling | Notebook | Safety |
---|