Template:UCSF

From 2012.igem.org

(Difference between revisions)
 
(41 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="center" style="margin-bottom:0px; margin-top:3px; margin-left: 125px; padding:0;" src="http://dl.dropbox.com/u/24404809/Mission%20Bay.jpg" usemap="#headermap" alt="UCSF"> </div>  
+
 
 +
 
 +
<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,75);">
+
   <div onclick="runAccordion(1,45);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
-
       introduction
+
       iGEM 2012
     </div>
     </div>
   </div>
   </div>
   <div id="Accordion1Content" class="AccordionContent">
   <div id="Accordion1Content" class="AccordionContent">
         <span class="classgreen">
         <span class="classgreen">
-
             <a href="/Team:UCSF">home<p></a>
+
             <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>
-
            <a href="/Team:UCSF/Background">background<p></a>
+
               
-
           
+
              
              
       </span>
       </span>
   </div>
   </div>
-
</div>
 
-
<div onclick="runAccordion(2,75);">
+
 
 +
<div onclick="runAccordion(2,93);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
-
       the team
+
       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">members<p></a>
+
            <a href="/Team:UCSF/Background">Team Background<p></a>
-
             <a href="/Team:UCSF/Advisors">advisors<p></a>
+
             <a href="/Team:UCSF/Members">Members<p></a>
-
             <a href="/Team:UCSF/Mentors&Instructors">mentors&instructors<p></a>
+
             <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,75);">
+
   <div onclick="runAccordion(3,125);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
-
       our project
+
       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/ProjectOverview">overview<p></a>
+
          <a href="/Team:UCSF/Project">Overview<p></a>
-
             <a href="/Team:UCSF/Data">results<p></a>
+
             <a href="/Team:UCSF/Split Pathway">Split Pathway<p></a>
-
             <a href="/Team:UCSF/Protocols">protocols<p></a>
+
             <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,75);">
+
   <div onclick="runAccordion(4,95);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
-
       parts
+
       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(5,45);">
+
   <div onclick="runAccordion(6,45);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
-
       bootcamp
+
       Bootcamp
     </div>
     </div>
   </div>
   </div>
-
   <div id="Accordion5Content" class="AccordionContent">
+
   <div id="Accordion6Content" class="AccordionContent">
     <span class="classgreen">
     <span class="classgreen">
-
         <a href="/Team:UCSF/Bootcamp1">Wk1 schedule<p></a>
+
         <a href="/Team:UCSF/Bootcamp">Week 1 Schedule<p></a>
-
         <a href="/Team:UCSF/Bootcamp2">Wk2 schedule<p></a>
+
         <a href="/Team:UCSF/Bootcamp2">Week 2 Schedule<p></a>
            
            
              
              
Line 106: Line 140:
   </div>
   </div>
-
   <div onclick="runAccordion(6,80);">
+
   <div onclick="runAccordion(7,60);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
-
       requisites
+
       Requisites
     </div>
     </div>
   </div>
   </div>
-
   <div id="Accordion6Content" class="AccordionContent">
+
   <div id="Accordion7Content" class="AccordionContent">
     <span class="classred">
     <span class="classred">
-
<a href="/Team:UCSF/Data2">data<p></a>
+
 
-
             <a href="/Team:UCSF/Safety">safety proposal<p></a>
+
             <a href="/Team:UCSF/Safety">Safety Proposal<p></a>
-
             <a href="/Team:UCSF/Medal">gold medal<p></a>
+
             <a href="/Team:UCSF/Medal">Gold Medal<p></a>
              
              
Line 121: Line 155:
   </div>
   </div>
-
   <div onclick="runAccordion(7,25);">
+
   <div onclick="runAccordion(8,55);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
-
       attributions
+
       Attributions
     </div>
     </div>
   </div>
   </div>
-
   <div id="Accordion7Content" class="AccordionContent">
+
   <div id="Accordion8Content" class="AccordionContent">
     <span class="classpurple">
     <span class="classpurple">
-
            <a href="/Team:UCSF/Materials">work and materials<p></a>
+
          <a href="/Team:UCSF/Work">Work<p></a>
-
         
+
<a href="/Team:UCSF/Sponsors">Sponsors</a>
             </span>
             </span>
   </div>
   </div>
-
<div onclick="runAccordion(8,25);">
+
<div onclick="runAccordion(9,45);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
-
       extras
+
       Extras
     </div>
     </div>
   </div>
   </div>
-
   <div id="Accordion8Content" class="AccordionContent">
+
   <div id="Accordion9Content" class="AccordionContent">
     <span class="classgreen">
     <span class="classgreen">
-
     <a href="/Team:UCSF/Video">video<p></a>
+
     <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:
-
</div>
 
Line 157: Line 208:
{
{
   position:relative;
   position:relative;
-
   width:200px;
+
   width:175px;
 +
  height:300px;
}
}
.AccordionTitle
.AccordionTitle
{
{
-
   height:30px;
+
   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:8px;
+
   text-indent:5px;
   font-size:25px;
   font-size:25px;
   color: #ff7f00;
   color: #ff7f00;

Latest revision as of 02:31, 4 October 2012