Template:UCSF
From 2012.igem.org
(Difference between revisions)
(38 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<link rel="stylesheet" type="text/css" href="http://tinyurl.com/pinkiepiepony"/> | <link rel="stylesheet" type="text/css" href="http://tinyurl.com/pinkiepiepony"/> | ||
+ | <style> | ||
+ | .sidebar { | ||
+ | width: 45px; | ||
+ | min-height: 200px; | ||
+ | position: fixed; | ||
+ | left: 0px; | ||
+ | top: 150px; | ||
+ | border: 1px solid black; | ||
+ | } | ||
+ | </style> | ||
Line 16: | Line 26: | ||
<div id="wrap"> | <div id="wrap"> | ||
- | <div id="header"><img align=" | + | |
+ | |||
+ | <div id="header"><img align="left" style="height: 200px; width: 300px; margin-bottom:20px; margin-top:3px; ; padding:0;" src="https://dl.dropbox.com/u/24404809/iGEM%202012/igem%202012%20website%20photos/Logos/Cell%20Mates%20Logo.jpg" usemap="#headermap" alt="UCSF"> </div> | ||
+ | |||
+ | <div id="header"><img align="right" style=" width:650px;height: 200px; margin-bottom:20px; margin-top:3px; padding:0;" src="http://dl.dropbox.com/u/24404809/Mission%20Bay.jpg" usemap="#headermap" alt="UCSF"> </div> | ||
+ | |||
<div id="left"> | <div id="left"> | ||
Line 29: | Line 44: | ||
- | <div onclick="runAccordion(1, | + | <div onclick="runAccordion(1,45);"> |
<div class="AccordionTitle" onselectstart="return false;"> | <div class="AccordionTitle" onselectstart="return false;"> | ||
- | + | iGEM 2012 | |
</div> | </div> | ||
</div> | </div> | ||
<div id="Accordion1Content" class="AccordionContent"> | <div id="Accordion1Content" class="AccordionContent"> | ||
<span class="classgreen"> | <span class="classgreen"> | ||
- | <a href="/ | + | <a href="http://www.ucsf.edu/">UCSF Home<p></a> |
- | <a href="https://2012.igem.org/Main_Page">igem<p></a> | + | <a href="https://2012.igem.org/Main_Page">igem 2012<p></a> |
- | + | ||
- | + | ||
</span> | </span> | ||
</div> | </div> | ||
- | |||
- | <div onclick="runAccordion(2, | + | |
+ | <div onclick="runAccordion(2,93);"> | ||
<div class="AccordionTitle" onselectstart="return false;"> | <div class="AccordionTitle" onselectstart="return false;"> | ||
- | + | The Team | |
</div> | </div> | ||
</div> | </div> | ||
Line 53: | Line 67: | ||
<div id="Accordion2Content" class="AccordionContent"> | <div id="Accordion2Content" class="AccordionContent"> | ||
<span class="classred"> | <span class="classred"> | ||
- | <a href="/Team:UCSF/Members"> | + | <a href="/Team:UCSF/Background">Team Background<p></a> |
- | <a href="/Team:UCSF/Advisors"> | + | <a href="/Team:UCSF/Members">Members<p></a> |
- | <a href="/Team:UCSF/Mentors&Instructors"> | + | <a href="/Team:UCSF/Advisors">Advisors<p></a> |
+ | <a href="/Team:UCSF/Mentors&Instructors">Mentors<p></a> | ||
Line 63: | Line 78: | ||
- | <div onclick="runAccordion(3, | + | <div onclick="runAccordion(3,125);"> |
<div class="AccordionTitle" onselectstart="return false;"> | <div class="AccordionTitle" onselectstart="return false;"> | ||
- | + | Our Projects | |
</div> | </div> | ||
</div> | </div> | ||
<div id="Accordion3Content" class="AccordionContent"> | <div id="Accordion3Content" class="AccordionContent"> | ||
<span class="classblue"> | <span class="classblue"> | ||
- | <a href="/Team:UCSF/ | + | <a href="/Team:UCSF/Project">Overview<p></a> |
- | <a href="/Team:UCSF/ | + | <a href="/Team:UCSF/Split Pathway">Split Pathway<p></a> |
- | <a href="/Team:UCSF/ | + | <a href="/Team:UCSF/Auxotroph Systems">Auxotrophs<p></a> |
- | + | <a href="/Team:UCSF/Toxin System">Toxin System<p></a> | |
+ | <a href="/Team:UCSF/Modeling">Model:Auxtotrophs<p></a> | ||
+ | <a href="/Team:UCSF/Protocols">Protocols<p></a> | ||
</span> | </span> | ||
</div> | </div> | ||
- | <div onclick="runAccordion(4, | + | <div onclick="runAccordion(4,95);"> |
<div class="AccordionTitle" onselectstart="return false;"> | <div class="AccordionTitle" onselectstart="return false;"> | ||
- | + | Our Results | |
</div> | </div> | ||
</div> | </div> | ||
<div id="Accordion4Content" class="AccordionContent"> | <div id="Accordion4Content" class="AccordionContent"> | ||
+ | <span class="classblue"> | ||
+ | |||
+ | <a href="/Team:UCSF/Violacein Results">Violacein Results<p></a> | ||
+ | <a href="/Team:UCSF/Auxotroph Data">Auxotroph Results<p></a> | ||
+ | <a href="/Team:UCSF/Toxin Data">Toxin Results<p></a> | ||
+ | <a href="/Team:UCSF/Modeling Results">Modeling Results<p></a> | ||
+ | |||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div onclick="runAccordion(5,45);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | Parts | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion5Content" class="AccordionContent"> | ||
<span class="classpurple"> | <span class="classpurple"> | ||
- | + | <a href="/Team:UCSF/Violacein">Violacein Parts<p></a> | |
+ | <a href="/Team:UCSF/YefMYoeB">Toxin/Antitox Parts<p></a> | ||
Line 91: | Line 125: | ||
</div> | </div> | ||
- | <div onclick="runAccordion( | + | <div onclick="runAccordion(6,45);"> |
<div class="AccordionTitle" onselectstart="return false;"> | <div class="AccordionTitle" onselectstart="return false;"> | ||
- | + | Bootcamp | |
</div> | </div> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="Accordion6Content" class="AccordionContent"> |
<span class="classgreen"> | <span class="classgreen"> | ||
- | <a href="/Team:UCSF/Bootcamp"> | + | <a href="/Team:UCSF/Bootcamp">Week 1 Schedule<p></a> |
- | <a href="/Team:UCSF/Bootcamp2"> | + | <a href="/Team:UCSF/Bootcamp2">Week 2 Schedule<p></a> |
Line 106: | Line 140: | ||
</div> | </div> | ||
- | <div onclick="runAccordion( | + | <div onclick="runAccordion(7,60);"> |
<div class="AccordionTitle" onselectstart="return false;"> | <div class="AccordionTitle" onselectstart="return false;"> | ||
- | + | Requisites | |
</div> | </div> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="Accordion7Content" class="AccordionContent"> |
<span class="classred"> | <span class="classred"> | ||
- | + | ||
- | <a href="/Team:UCSF/Safety"> | + | <a href="/Team:UCSF/Safety">Safety Proposal<p></a> |
- | <a href="/Team:UCSF/Medal"> | + | <a href="/Team:UCSF/Medal">Gold Medal<p></a> |
Line 121: | Line 155: | ||
</div> | </div> | ||
- | <div onclick="runAccordion( | + | <div onclick="runAccordion(8,55);"> |
<div class="AccordionTitle" onselectstart="return false;"> | <div class="AccordionTitle" onselectstart="return false;"> | ||
- | + | Attributions | |
</div> | </div> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="Accordion8Content" class="AccordionContent"> |
<span class="classpurple"> | <span class="classpurple"> | ||
- | + | <a href="/Team:UCSF/Work">Work<p></a> | |
- | + | <a href="/Team:UCSF/Sponsors">Sponsors</a> | |
</span> | </span> | ||
</div> | </div> | ||
- | <div onclick="runAccordion( | + | <div onclick="runAccordion(9,45);"> |
<div class="AccordionTitle" onselectstart="return false;"> | <div class="AccordionTitle" onselectstart="return false;"> | ||
- | + | Extras | |
</div> | </div> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="Accordion9Content" class="AccordionContent"> |
<span class="classgreen"> | <span class="classgreen"> | ||
- | <a href="/Team:UCSF/Video"> | + | <a href="/Team:UCSF/Video">Videos<p></a> |
- | + | <a href="/Team:UCSF/Photos">Photos<p></a> | |
- | + | </span> | |
+ | </div> | ||
+ | |||
+ | |||
+ | <div onclick="runAccordion(10,70);"> | ||
+ | <div class="AccordionTitle" onselectstart="return false;"> | ||
+ | Protocols | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Accordion10Content" class="AccordionContent"> | ||
+ | <span class="classblue"> | ||
+ | <a href="https://2012.igem.org/Team:UCSF/Protocols">General Protocols<p></a> | ||
+ | <a href="https://2012.igem.org/Team:UCSF/Protocols2">Project Protocols<p></a> | ||
+ | </div> | ||
+ | |||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | |||
Line 150: | Line 202: | ||
- | |||
Line 157: | Line 208: | ||
{ | { | ||
position:relative; | position:relative; | ||
- | width: | + | width:175px; |
+ | height:300px; | ||
} | } | ||
.AccordionTitle | .AccordionTitle | ||
{ | { | ||
- | height: | + | height:40px; |
overflow:hidden; | overflow:hidden; | ||
cursor:pointer; | cursor:pointer; | ||
font-family: "SegoeWP", "Calibri"; | font-family: "SegoeWP", "Calibri"; | ||
font-weight:light; | font-weight:light; | ||
- | text-indent: | + | text-indent:5px; |
font-size:25px; | font-size:25px; | ||
color: #ff7f00; | color: #ff7f00; |
Latest revision as of 02:31, 4 October 2012
iGEM 2012
The Team
Our Projects
Our Results
Parts
Bootcamp
Requisites
Attributions
Extras
Protocols