Template:Queens Canada/Header

From 2011.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 3: Line 3:
<a name="top"> </a>
<a name="top"> </a>
-
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Queens_Canada/fonts?action=raw&ctype=text/css"/>
+
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Queens_Canada/fontsupdated?action=raw&ctype=text/css"/>
Line 18: Line 18:
<div id="header"><img align="left" style="margin-bottom:0px; margin-top:3px; margin-left: -5px; padding:0;" src="https://static.igem.org/mediawiki/2011/c/c6/Queens_Canada_Test2.png" usemap="#headermap" alt="Queen's"> </div>  
<div id="header"><img align="left" style="margin-bottom:0px; margin-top:3px; margin-left: -5px; padding:0;" src="https://static.igem.org/mediawiki/2011/c/c6/Queens_Canada_Test2.png" usemap="#headermap" alt="Queen's"> </div>  
<div id="left">  
<div id="left">  
-
 
-
 
-
<!--smooth scrolling-->
 
-
<link rel="stylesheet" href="css/style.css" />
 
-
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
 
-
<script>
 
-
$(function() {
 
-
 
-
function filterPath(string) {
 
-
return string
 
-
.replace(/^\//,'')
 
-
.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
 
-
.replace(/\/$/,'');
 
-
}
 
-
 
-
var locationPath = filterPath(location.pathname);
 
-
var scrollElem = scrollableElement('html', 'body');
 
-
 
-
// Any links with hash tags in them (can't do ^= because of fully qualified URL potential)
 
-
$('a[href*=#]').each(function() {
 
-
 
-
// Ensure it's a same-page link
 
-
var thisPath = filterPath(this.pathname) || locationPath;
 
-
if (  locationPath == thisPath
 
-
&& (location.hostname == this.hostname || !this.hostname)
 
-
&& this.hash.replace(/#/,'') ) {
 
-
 
-
// Ensure target exists
 
-
var $target = $(this.hash), target = this.hash;
 
-
if (target) {
 
-
 
-
// Find location of target
 
-
var targetOffset = $target.offset().top;
 
-
$(this).click(function(event) {
 
-
 
-
// Prevent jump-down
 
-
event.preventDefault();
 
-
 
-
// Animate to target
 
-
$(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
 
-
 
-
// Set hash in URL after animation successful
 
-
location.hash = target;
 
-
 
-
});
 
-
});
 
-
}
 
-
}
 
-
 
-
});
 
-
 
-
// Use the first element that is "scrollable"  (cross-browser fix?)
 
-
function scrollableElement(els) {
 
-
for (var i = 0, argLength = arguments.length; i <argLength; i++) {
 
-
var el = arguments[i],
 
-
$scrollElement = $(el);
 
-
if ($scrollElement.scrollTop()> 0) {
 
-
return el;
 
-
} else {
 
-
$scrollElement.scrollTop(1);
 
-
var isScrollable = $scrollElement.scrollTop()> 0;
 
-
$scrollElement.scrollTop(0);
 
-
if (isScrollable) {
 
-
return el;
 
-
}
 
-
}
 
-
}
 
-
return [];
 
-
}
 
-
 
-
});
 
-
</script>
 
-
 
-
 
Line 114: Line 39:
         <span class="classgreena">
         <span class="classgreena">
             <a href="/Team:Queens_Canada">home<p></a>
             <a href="/Team:Queens_Canada">home<p></a>
 +
          <a href="/Team:Queens_Canada/Intro/Hiring">hiring<p></a>
             <a href="/Team:Queens_Canada/tour1">tour<p></a>
             <a href="/Team:Queens_Canada/tour1">tour<p></a>
             <a href="/Team:Queens_Canada/Intro/Team">team<p></a>
             <a href="/Team:Queens_Canada/Intro/Team">team<p></a>
             <a href="/Team:Queens_Canada/Intro/Photos">photo gallery<p></a>
             <a href="/Team:Queens_Canada/Intro/Photos">photo gallery<p></a>
-
            <a href="/Team:Queens_Canada/Intro/Sitemap">sitemap<p></a>
+
 
       </span>
       </span>
   </div>
   </div>
Line 128: Line 54:
   <div id="Accordion2Content" class="AccordionContent">
   <div id="Accordion2Content" class="AccordionContent">
           <span class="classreda">   
           <span class="classreda">   
-
            <a href="/Team:Queens_Canada/Project/AtaGlance"> at a glance<p></a>   
 
             <a href="/Team:Queens_Canada/Project/Rationale"> rationale<p></a>     
             <a href="/Team:Queens_Canada/Project/Rationale"> rationale<p></a>     
             <a href="/Team:Queens_Canada/Project/Intro"> background<p></a>     
             <a href="/Team:Queens_Canada/Project/Intro"> background<p></a>     
-
             <a href="/Team:Queens_Canada/Project/Methods">methods<p></a>  
+
             <a href="/Team:Queens_Canada/Project/Methods">methods<p></a>
-
             <a href="/Team:Queens_Canada/Project/Results">results<p></a>  
+
             <a href="/Team:Queens_Canada/Project/Results">results<p></a>  
             <a href="/Team:Queens_Canada/Project/Future">applications<p></a>   
             <a href="/Team:Queens_Canada/Project/Future">applications<p></a>   
         </span>
         </span>
   </div>
   </div>
-
   <div onclick="runAccordion(3,100);">
+
   <div onclick="runAccordion(3,75);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
       side projects
       side projects
Line 144: Line 69:
   <div id="Accordion3Content" class="AccordionContent">
   <div id="Accordion3Content" class="AccordionContent">
     <span class="classorangea">
     <span class="classorangea">
-
            <a href="/Team:Queens_Canada/Side/Overview">overview<p></a> 
 
             <a href="/Team:Queens_Canada/Side/Biodegradation">biodegradation<p></a>
             <a href="/Team:Queens_Canada/Side/Biodegradation">biodegradation<p></a>
             <a href="/Team:Queens_Canada/Side/Reporter">reporter system<p></a>   
             <a href="/Team:Queens_Canada/Side/Reporter">reporter system<p></a>   
Line 161: Line 85:
             <a href="/Team:Queens_Canada/Parts/Featured">featured parts<p></a>     
             <a href="/Team:Queens_Canada/Parts/Featured">featured parts<p></a>     
             <a href="/Team:Queens_Canada/Parts/Registry">submitted parts<p></a>   
             <a href="/Team:Queens_Canada/Parts/Registry">submitted parts<p></a>   
-
             <a href="/Team:Queens_Canada/Parts/Registry">improvements<p></a>   
+
             <a href="/Team:Queens_Canada/Parts/Improvements">improvements<p></a>   
     </span>
     </span>
   </div>
   </div>
-
   <div onclick="runAccordion(5,125);">
+
   <div onclick="runAccordion(5,75);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
       human practices
       human practices
Line 172: Line 96:
   <div id="Accordion5Content" class="AccordionContent">
   <div id="Accordion5Content" class="AccordionContent">
     <span class="classgreena">
     <span class="classgreena">
-
        <a href="/Team:Queens_Canada/Safety/Overview">overview<p></a>
 
         <a href="/Team:Queens_Canada/Safety/Lab">safety proposal<p></a>
         <a href="/Team:Queens_Canada/Safety/Lab">safety proposal<p></a>
         <a href="/Team:Queens_Canada/Safety/FAQs">safety FAQs<p></a>
         <a href="/Team:Queens_Canada/Safety/FAQs">safety FAQs<p></a>
-
        <a href="/Team:Queens_Canada/Safety/Risk">risk assessment <p></a>   
 
         <a href="/Team:Queens_Canada/Safety/Bioterrorism">bioterrorism <p></a>
         <a href="/Team:Queens_Canada/Safety/Bioterrorism">bioterrorism <p></a>
   </span>
   </span>
   </div>
   </div>
-
   <div onclick="runAccordion(6,250);">
+
   <div onclick="runAccordion(6,200);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
       notebook
       notebook
Line 187: Line 109:
   <div id="Accordion6Content" class="AccordionContent">
   <div id="Accordion6Content" class="AccordionContent">
     <span class="classreda">
     <span class="classreda">
-
    <a href="/Team:Queens_Canada/Notebook/Week1-4">format<p></a>
 
-
    <a href="/Team:Queens_Canada/Notebook/Protocols/Timeline">timeline<p></a>
 
     <a href="/Team:Queens_Canada/Notebook/Protocols/Rehydration">protocols<p></a>
     <a href="/Team:Queens_Canada/Notebook/Protocols/Rehydration">protocols<p></a>
     <a href="/Team:Queens_Canada/Notebook/Week1-4">weeks 1-4<p></a>
     <a href="/Team:Queens_Canada/Notebook/Week1-4">weeks 1-4<p></a>
-
     <a href="/Team:Queens_Canada/Notebook/Week2">weeks 5-6<p></a>
+
     <a href="/Team:Queens_Canada/Notebook/Week5-6">weeks 5-6<p></a>
-
     <a href="/Team:Queens_Canada/Notebook/Week3">weeks 7-8<p></a>
+
     <a href="/Team:Queens_Canada/Notebook/Week7-8">weeks 7-8<p></a>
-
     <a href="/Team:Queens_Canada/Notebook/Week4">weeks 9-10<p></a>  
+
     <a href="/Team:Queens_Canada/Notebook/Week9-10">weeks 9-10<p></a>  
-
     <a href="/Team:Queens_Canada/Notebook/Week5">weeks 11-12<p></a>
+
     <a href="/Team:Queens_Canada/Notebook/Week11-12">weeks 11-12<p></a>
-
     <a href="/Team:Queens_Canada/Notebook/Week6">weeks 13-14<p></a>
+
     <a href="/Team:Queens_Canada/Notebook/Week13-14">weeks 13-14<p></a>
-
     <a href="/Team:Queens_Canada/Notebook/Week7">weeks 15 & on<p></a>
+
     <a href="/Team:Queens_Canada/Notebook/Week15-on">weeks 15 & on<p></a>
     </span>
     </span>
   </div>
   </div>
-
   <div onclick="runAccordion(7,125);">
+
   <div onclick="runAccordion(7,75);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
       partners
       partners
Line 209: Line 129:
     <a href="/Team:Queens_Canada/Partners/Sponsors">sponsors<p></a>
     <a href="/Team:Queens_Canada/Partners/Sponsors">sponsors<p></a>
     <a href="/Team:Queens_Canada/Partners/OSLI">iGEM teams<p></a>   
     <a href="/Team:Queens_Canada/Partners/OSLI">iGEM teams<p></a>   
-
    <a href="/Team:Queens_Canada/Partners/University">university<p></a> 
+
     <a href="/Team:Queens_Canada/Partners/Acknowledgements">acknowledgements<p></a>
-
    <a href="/Team:Queens_Canada/Partners/Media">media<p></a>
+
-
     <a href="/Team:Queens_Canada/Partners/Acknowledgements">attributions<p></a>
+
     </span>
     </span>
   </div>
   </div>
-
<div onclick="runAccordion(8,100);">
+
<div onclick="runAccordion(8,125);">
     <div class="AccordionTitle" onselectstart="return false;">
     <div class="AccordionTitle" onselectstart="return false;">
       extras
       extras
Line 221: Line 139:
   </div>
   </div>
   <div id="Accordion8Content" class="AccordionContent">
   <div id="Accordion8Content" class="AccordionContent">
-
     <span class="classgreena">
+
     <span class="classpurplea">
-
     <a href="/Team:Queens_Canada/Partners/Sponsors">sitemap<p></a>
+
     <a href="/Team:Queens_Canada/Extras/Recruitment"> <p></a>
-
     <a href="/Team:Queens_Canada/Partners/OSLI">software tools<p></a>
+
     <a href="/Team:Queens_Canada/Extras/Achievements">achievements<p></a>
-
     <a href="/Team:Queens_Canada/Partners/Brainstorming">brainstorming<p></a>
+
     <a href="/Team:Queens_Canada/Extras/Brainstorming">brainstorming<p></a>
-
     <a href="/Team:Queens_Canada/Partners/University">engineer worms<p></a>
+
     <a href="/Team:Queens_Canada/Extras/Video">video gallery<p></a>
-
     <a href="/Team:Queens_Canada/Partners/University">video gallery<p></a>
+
     <a href="/Team:Queens_Canada/Extras/WormProtocols">engineer worms<p></a>
     </span>
     </span>
   </div>
   </div>
 +
 +
Line 248: Line 168:
   cursor:pointer;
   cursor:pointer;
   font-family: "SegoeWP", "Calibri";  
   font-family: "SegoeWP", "Calibri";  
 +
  font-weight: "light";
   text-indent:8px;
   text-indent:8px;
   font-size:27px;
   font-size:27px;

Latest revision as of 01:42, 10 January 2012