http://2012.igem.org/wiki/index.php?title=Team:UCSF/Home1&feed=atom&action=history
Team:UCSF/Home1 - Revision history
2024-03-28T18:56:57Z
Revision history for this page on the wiki
MediaWiki 1.16.0
http://2012.igem.org/wiki/index.php?title=Team:UCSF/Home1&diff=301255&oldid=prev
Wyjilily: Created page with "<html> <!-- Currently unable to implement the CSS switching due to the stupidity of the wiki. Will work on other things instead. New header structure --> <head> <!--CSS styles: ..."
2013-08-09T09:45:15Z
<p>Created page with "<html> <!-- Currently unable to implement the CSS switching due to the stupidity of the wiki. Will work on other things instead. New header structure --> <head> <!--CSS styles: ..."</p>
<p><b>New page</b></p><div><html><br />
<!--<br />
Currently unable to implement the CSS switching due to the stupidity of the wiki. Will work on other things instead.<br />
<br />
New header structure<br />
--><br />
<head><br />
<!--CSS styles: global--><br />
<!--<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />--><br />
<style type="text/css"><br />
/***<br />
Minimal header: removes the search bar and header image and readjusts font colours in the menus.<br />
<br />
Thanks a lot to the 2011 Brown-Stanford, 2012 Lethbridge iGEM and 2012 Calgary teams for snippets of their code!<br />
Check out their wikis at:<br />
https://2011.igem.org/Team:Brown-Stanford<br />
https://2012.igem.org/Team:Lethbridge<br />
https://2012.igem.org/Team:Calgary<br />
***/<br />
<br />
#content h1.firstHeading {<br />
visibility:hidden;<br />
}<br />
#p-logo {<br />
display: none;<br />
}<br />
#searchform {<br />
display: none;<br />
}<br />
<br />
.left-menu {<br />
background-color: #555;<br />
<br />
}<br />
.left-menu a {<br />
color: #000;<br />
}<br />
<br />
div#top-section{ /*the div containing the entire top bar*/<br />
height: 20px;<br />
margin-bottom: 0px !important;<br />
border: none;<br />
}<br />
<br />
<br />
#content{<br />
margin-top: 0px;<br />
}<br />
<br />
#search-controls {<br />
overflow:hidden;<br />
display:none;<br />
background: none;<br />
position: absolute;<br />
top: 170px;<br />
right: 40px;<br />
} <br />
<br />
<br />
div#header {<br />
width: 975px;<br />
text-align: left;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-bottom: 0px !important;<br />
} <br />
<br />
#menubar {<br />
position: absolute;<br />
background: none;<br />
color: black;<br />
}<br />
<br />
.left-menu, .right-menu{<br />
position: absolute;<br />
background: none;<br />
color: black;<br />
}<br />
<br />
.left-menu li a, .right-menu li a {<br />
color: #000 !important;<br />
}<br />
<br />
<br />
.left-menu ul li, .right-menu ul li a{<br />
background: none;<br />
color: #000 !important;<br />
}<br />
<br />
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {<br />
color: #000 !important;<br />
}<br />
<br />
#catlinks{<br />
display:none;<br />
}<br />
<br />
/*important for background colours*/<br />
.mediawiki{<br />
background: #ffffff;<br />
}<br />
<br />
/***End minimal header***/<br />
<br />
/*Base styles*/<br />
#content{<br />
border: none;<br />
}<br />
h1, h2, h3, h4, #css-full, #css-mobi{<br />
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;<br />
border: 0;<br />
font-weight: 400;<br />
}<br />
p, div.thumb div div.thumbcaption{<br />
font-family: Georgia, Serif;<br />
font-size: 1.1em;<br />
font-weight: normal;<br />
color: black;<br />
margin-bottom: 10px;<br />
padding-left: 5px;<br />
}<br />
<br />
#css-full, #css-mobi{<br />
position: absolute;<br />
float: right;<br />
color: black;<br />
font-size: 1.3em;<br />
top: 0px;<br />
right: 15px;<br />
display: block;<br />
padding: 10px;<br />
}<br />
<br />
#jsnotice{<br />
background-color: #4ED92F;<br />
}<br />
<br />
#table{<br />
margin: 10px;<br />
}<br />
</style><br />
<br />
<!--desktop--><br />
<!--<link rel='stylesheet' type='text/css' href='https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw&ctype=text/css' />--><br />
<style type="text/css"><br />
/*======<br />
Desktop Styling<br />
Thanks a lot to the 2012 Calgary team for snippets of their code!<br />
Check out their wiki at:<br />
https://2012.igem.org/Team:Calgary<br />
<br />
======*/<br />
<br />
/***Nav styling***/<br />
header{<br />
position: relative;<br />
top: -45px;<br />
z-index: 999;<br />
}<br />
<br />
#nav-wrap{<br />
height: 0px;<br />
margin-top: -45px;<br />
}<br />
<br />
#nav, #nav ul{<br />
list-style: none;<br />
margin: 0;<br />
padding: 0;<br />
width: 965px;<br />
height: 100%;<br />
display: table;<br />
<br />
<br />
}<br />
<br />
/*To be moved to JQ block*/<br />
#menu-icon{<br />
display: none;<br />
}<br />
<br />
/*menu*/<br />
#nav li{<br />
height: auto;<br />
padding: 0;<br />
list-style: none;<br />
float: left;<br />
width: auto;<br />
margin: 0;<br />
background: #333333;<br />
position: relative;<br />
}<br />
#nav > li a{<br />
padding: 0 15px;<br />
}<br />
#nav > li{<br />
background: transparent;<br />
}<br />
<br />
/*submenu*/<br />
#nav li ul {<br />
position: absolute;<br />
width: 200px;<br />
display: none;<br />
}<br />
#nav li:hover ul {<br />
display: block;<br />
}<br />
/*sub-submenu*/<br />
#nav li ul ul{<br />
margin-left: 230px;<br />
margin-top: -15px;<br />
}<br />
#nav li:hover ul ul{<br />
display: none;<br />
}<br />
#nav li:hover ul, #nav li li:hover ul{<br />
display: block;<br />
}<br />
#nav a{<br />
display: block;<br />
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;<br />
color: white;<br />
}<br />
#nav li a{<br />
line-height: 1.4em; /*centers the text vertically*/<br />
font-size: 2em;<br />
}<br />
#nav ul li > a{<br />
width: 200px;<br />
}<br />
/*color change after rollover*/<br />
#nav li a:hover, #nav li li a.drop:hover::after{<br />
display: block;<br />
text-decoration: none;<br />
color: #43bbff;<br />
}<br />
#nav li ul li ul{<br />
margin-top: -32px;<br />
position: absolute;<br />
}<br />
/*submenu and sub-submenu*/<br />
#nav li ul li ul li a, #nav li ul li a{<br />
font-size: 1.8em;<br />
}<br />
#nav li li a.drop:after{<br />
content: '>';<br />
padding-left: 20px;<br />
color: #BBB;<br />
display: inline;<br />
float: right;<br />
}<br />
<br />
/***End nav styling***/<br />
<br />
/***Headerimage***/<br />
#headerimage{<br />
width: 968px;<br />
position: relative;<br />
margin-left: 0px;<br />
margin-bottom: 10px;<br />
top: 0px;<br />
}<br />
#css-full{<br />
display: none;<br />
}<br />
#css-mobi{<br />
display: block;<br />
top: 0px;<br />
}<br />
<br />
/***Logo styling***/<br />
#logo{<br />
position: absolute;<br />
top: 10px;<br />
right: 20px;<br />
float: right;<br />
}<br />
<br />
#logo img{<br />
width: 260px;<br />
}<br />
<br />
/***Body styling***/<br />
h1{<br />
font-size: 2.3em;<br />
line-height: 1em;<br />
}<br />
h2{<br />
font-size: 1.8em;<br />
line-height: 1.2em;<br />
}<br />
h3{<br />
font-size: 1.6em;<br />
margin: 0px 15px;<br />
font-weight: bold;<br />
}<br />
h4{<br />
font-size: 1.4em;<br />
color: #333333;<br />
margin: 0px 20px;<br />
font-weight: bold;<br />
}<br />
#bodycontainer p{<br />
font-size: 1.2em;<br />
}<br />
#pagetitle{<br />
border-bottom: 2px solid black;<br />
padding-bottom: 10px;<br />
padding-left: 10px;<br />
}<br />
#bodycontainer h2{<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
}<br />
#bodycontainer p{<br />
margin-left: 20px;<br />
margin-right: 10px;<br />
}<br />
#bodycontainer{<br />
margin-left: 220px;<br />
}<br />
#bodycontainer ul{<br />
margin-left: 5.0em;<br />
}<br />
#bodycontainer li{<br />
font-family: Georgia, Serif;<br />
}<br />
#sidebar{<br />
position: absolute;<br />
width: 210px;<br />
z-index: 0;<br />
}<br />
/*<br />
#sidebarimg{<br />
width: 214px;<br />
height: 144px;<br />
background: #43bbff;<br />
margin: 5px 0px;<br />
border: 3px solid #333333;<br />
}<br />
*/<br />
<br />
#sidebar #list{<br />
background: #333333;<br />
}<br />
#sidebar h2{<br />
color: white;<br />
padding: 20px 15px 0px 15px;<br />
font-size: 2.0em;<br />
}<br />
#sidebar ul{<br />
list-style: none;<br />
margin: 0px 15px;<br />
}<br />
#sidebar #list > ul{<br />
padding-bottom: 20px;<br />
}<br />
#sidebar a{<br />
color: white;<br />
font-family: Georgia, Serif;<br />
font-size: 1.4em;<br />
display: block;<br />
line-height: 1.4em;<br />
}<br />
#sidebar a:hover{<br />
text-decoration: none;<br />
color: #43BBFF;<br />
}<br />
<br />
<br />
/* thumbnails */<br />
div.thumb {<br />
margin-bottom: .5em;<br />
border-style: solid;<br />
border-color: transparent;<br />
width: auto;<br />
}<br />
div.thumb div {<br />
border: 0px;<br />
padding: 3px !important;<br />
font-size: 94%;<br />
text-align: center;<br />
overflow: hidden;<br />
background: transparent;<br />
}<br />
div.thumb div a img {<br />
border: none;<br />
}<br />
div.thumb div div.thumbcaption {<br />
border: none;<br />
text-align: left;<br />
line-height: 1.4em;<br />
padding: .3em 0 .1em 0;<br />
<br />
}<br />
div.magnify {<br />
float: right;<br />
border: none !important;<br />
background: none !important;<br />
}<br />
div.magnify a, div.magnify img {<br />
display: block;<br />
border: none !important;<br />
background: none !important;<br />
}<br />
div.tright {<br />
clear: right;<br />
float: right;<br />
border-width: .5em 0 .8em 1.4em;<br />
}<br />
div.tleft {<br />
float: left;<br />
margin-right: .5em;<br />
border-width: .5em 1.4em .8em 0;<br />
}<br />
<br />
/*colouring*/<br />
/*oranges: current page and all sidebar rollovers*/<br />
#home header #homelink, #home #sidebar #list a:hover, #home #nav li a:hover, #home #nav li a.drop:hover::after,<br />
#team header #teamlink, #team #sidebar #list a:hover, #team #nav li a:hover, #team #nav li a.drop:hover::after,<br />
#proj_hp header #projectlink, #proj_hp #sidebar #list a:hover, #proj_hp #nav li a:hover, #proj_hp #nav li a.drop:hover::after,<br />
#parts header #partslink, #parts #sidebar #list a:hover, #parts #nav li a:hover, #parts #nav li a.drop:hover::after,<br />
#notebook header #notebooklink, #notebook #sidebar #list a:hover, #notebook #nav li a:hover, #notebook #nav li a.drop:hover::after,<br />
#outreach header #outreachlink, #outreach #sidebar #list a:hover, #outreach #nav li a:hover, #outreach #nav li a.drop:hover::after,<br />
#sponsors header #sponsorslink, #sponsors #sidebar #list a:hover, #sponsors #nav li a:hover, #sponsors #nav li a.drop:hover::after{<br />
color: #F6A82D;<br />
}<br />
/*oranges: sidebar border*/<br />
#home #sidebar #list,<br />
#team #sidebar #list,<br />
#proj_hp #sidebar #list,<br />
#parts #sidebar #list,<br />
#notebook #sidebar #list,<br />
#outreach #sidebar #list,<br />
#sponsors #sidebar #list{<br />
border-left: 10px solid #F6A82D;<br />
}<br />
/*oranges: links*/<br />
#team #bodycontainer a,<br />
#proj_hp #bodycontainer a,<br />
#parts #bodycontainer a,<br />
#notebook #bodycontainer a,<br />
#outreach #bodycontainer a,<br />
#sponsors #bodycontainer a{<br />
color: #FF7A00;<br />
}<br />
#team #bodycontainer a:visited,<br />
#proj_hp #bodycontainer a:visited,<br />
#parts #bodycontainer a:visited,<br />
#notebook #bodycontainer a:visited,<br />
#outreach #bodycontainer a:visited,<br />
#sponsors #bodycontainer a:visited{<br />
color: #C40;<br />
}<br />
<br />
/*blues: current page, all rollover links in nav, all sidebar hovers and dropdown menus*/<br />
#proj_o header #projectlink, #proj_o #sidebar #list a:hover, #proj_o #nav li a:hover, #proj_o #nav li a.drop:hover::after, <br />
#note_o header #notebooklink, #note_o #sidebar #list a:hover, #note_o #nav li a:hover, #note_o #nav li a.drop:hover::after{<br />
color: #43BBFF;<br />
}<br />
/*blues: sidebar border*/<br />
#proj_o #sidebar #list,<br />
#note_o #sidebar #list{<br />
border-left: 10px solid #43BBFF;<br />
}<br />
/*blues: links*/<br />
#proj_o #bodycontainer a,<br />
#note_o #bodycontainer a{<br />
color: #1088CC;<br />
}<br />
#proj_o #bodycontainer a:visited,<br />
#note_o #bodycontainer a:visited{<br />
color: #05B;<br />
}<br />
<br />
/*greens: current page, all rollover links in nav, all sidebar hovers, and dropdown menus*/<br />
#proj_f header #projectlink, #proj_f #sidebar #list a:hover, #proj_f #nav li a:hover, #proj_f #nav li a.drop:hover::after, <br />
#note_f header #notebooklink, #note_f #sidebar #list a:hover, #note_f #nav li a:hover, #note_f #nav li a.drop:hover::after{<br />
color: #58CD45;<br />
}<br />
/*greens: sidebar border*/<br />
#proj_f #sidebar #list,<br />
#note_f #sidebar #list{<br />
border-left: 10px solid #58CD45;<br />
}<br />
/*greens: links*/<br />
#proj_f #bodycontainer a,<br />
#proj_f #bodycontainer a{<br />
color: #159900;<br />
}<br />
/*greens: links*/<br />
#proj_f #bodycontainer a:visited,<br />
#proj_f #bodycontainer a:visited{<br />
color: #06660B;<br />
}<br />
<br />
/*hub page CSS*/<br />
a.hublink{<br />
text-decoration: none;<br />
margin-left: 15px;<br />
margin-right: 15px;<br />
}<br />
div.hubbox{<br />
margin-left: 15px;<br />
}<br />
div.hubbox img{<br />
float: left;<br />
padding: 15px;<br />
}<br />
div.hubbox h2{<br />
color: white;<br />
padding: 15px 15px 0px 15px;<br />
font-size: 2.0em;<br />
margin-left: 120px !important;<br />
}<br />
div.hubbox p{<br />
color: white;<br />
padding: 0px 15px 15px 15px;<br />
margin-left: 120px !important;<br />
}<br />
div.hubbox b{<br />
font-size: 1.1em;<br />
}<br />
</style><br />
<br />
<script type="text/javascript"><br />
<br />
jQuery(document).ready(function ($) {<br />
<br />
//eliminate jsnotice<br />
$('#jsnotice').hide();<br />
<br />
//prepend menu icon<br />
$('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');<br />
<br />
//toggle nav<br />
$("#menu-icon").click(function () {<br />
$("#nav").slideToggle('fast');<br />
$(this).toggleClass("active");<br />
<br />
});<br />
<br />
//hide url bar<br />
window.scrollTo(0, 1);<br />
<br />
<br />
<br />
});<br />
<br />
</script><br />
<br />
<!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/--><br />
<br />
<script type="text/javascript"><br />
<br />
var _gaq = _gaq || [];<br />
_gaq.push(['_setAccount', 'UA-32774032-1']);<br />
_gaq.push(['_trackPageview']);<br />
<br />
(function () {<br />
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;<br />
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';<br />
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);<br />
})();<br />
<br />
</script><br />
<br />
</head><br />
<br />
<body><br />
<br />
<header><br />
<!--<br />
<a id="css-full" href="#default">Full View</a><br />
<a id="css-mobi" href="#mobile">Mobile View</a><br />
--><br />
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2013/3/38/Leaf.jpg"></img></div><br />
<a id="logo" href="https://2013.igem.org/Team:UCSF"></html>{{{1|<html><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></html>}}}<html></a><br />
<div id="nav-wrap"><br />
<ul id="nav"><br />
<li><a href="https://2012.igem.org/Team:Calgary" id="homelink">Home</a></li><br />
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Team" id="teamlink">Team</a><br />
<ul><br />
<li><a href="https://2012.igem.org/Team:Calgary/Team">Members</a></li><br />
<li><a class="dropheader" href="http://ung.igem.org/Team.cgi?id=902">Official Profile</a></li><br />
<li><a class="dropheader" href="https://2012.igem.org/Team:Calgary/Team/AbouttheUniversity">The University</a></li><br />
<li><a class="dropheader" href="https://2012.igem.org/Team:Calgary/Team/Outtakes">Outtakes</a></li><br />
<li><a class="dropheader" href="https://2012.igem.org/Team:Calgary/ContactUs">Contact Us</a></li><br />
</ul><br />
</li><br />
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Project" id="projectlink">Project</a><br />
<ul><br />
<li><br />
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project">Overview</a><br />
<ul><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/DataPage">Data Page</a></li><li><a href="https://2012.igem.org/Team:Calgary/Project/Accomplish">Accomplishments</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/Post-Regionals">Post-Regionals</a></li><br />
</ul><br />
</li><br />
<li><br />
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices">Human Practices</a><br />
<ul><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Collaborations">Initiative</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Interviews">Interviews</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Design">Design</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Killswitch">Killswitch</a></li><br />
<li><a style="margin:0 -1em 0 1em;" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Killswitch/Regulation">Regulation</a></li><br />
<li><a style="margin:0 -1em 0 1em;" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Killswitch/KillGenes">Kill Genes</a></li> <br />
<li><a href="https://2012.igem.org/Team:Calgary/Safety">Safety</a></li><br />
</ul><br />
</li><br />
<li><br />
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project/FRED">FRED</a><br />
<ul><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Detecting">Toxin Sensing</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Reporting">Electroreporting</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Modelling">Modelling</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Prototype">Device Prototype</a></li><br />
</ul><br />
</li><br />
<li><br />
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project/OSCAR">OSCAR</a><br />
<ul><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Decarboxylation">Decarboxylation</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/CatecholDegradation">Decatecholization</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/FluxAnalysis">Flux Analysis</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Bioreactor">Bioreactor</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Upgrading">Upgrading</a></li><br />
<li><a style="margin:0 -1em 0 1em;"href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Desulfurization">Desulfurization</a></li><br />
<li><a style="margin:0 -1em 0 1em;"href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Denitrogenation">Denitrogenation</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/Synergy">Synergy</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/References">References</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Project/Attributions">Attributions</a></li><br />
<br />
</ul><br />
</li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Parts" id="partslink">Parts</a></li><br />
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Notebook" id="notebooklink">Notebook</a><br />
<ul><br />
<li><a href="https://2012.igem.org/Team:Calgary/Notebook">Journal</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Notebook/Protocols">Protocols</a></li><br />
</ul><br />
</li><br />
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Outreach" id="outreachlink">Outreach</a><br />
<ul><br />
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/VideoGame">LAB ESCAPE!</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/Spark">Spark Science</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/MindsInMotion">Minds in Motion</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/Blog">Blog Posts</a></li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/TEDxCalgary">TEDxCalgary</a></li><br />
<li><a href="http://twitter.com/iGEMCalgary" target="_blank">Follow Us!</a></li><br />
</ul><br />
</li><br />
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors" id="sponsorslink">Sponsors</a></li><br />
<li><a href="https://2012.igem.org" target="_blank">iGEM</a></li><br />
</ul><br />
<br />
</div><br />
</header><br />
<br />
<br />
</body><br />
</html></div>
Wyjilily