|
|
| Line 17: |
Line 17: |
| | </head> | | </head> |
| | | | |
| - | <body>
| + | <div id="rightcontent"> |
| - | | + | |
| - | | + | |
| - | | + | |
| - | </body>
| + | |
| - | | + | |
| - | | + | |
| - | <!--accordion menu-->
| + | |
| - | | + | |
| - | <div id="rightcontent"> | + | |
| - | <p><p>
| + | |
| - | <div id="AccordionContainer1" class="AccordionContainer1">
| + | |
| - | | + | |
| - | <style type="text/css">
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | </style>
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <div onclick="runAccordionf(1,75);">
| + | |
| - | <div class="AccordionTitle1" onselectstart="return false;">
| + | |
| - | Student Members
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div id="Accordion1Content1" class="AccordionContent1">
| + | |
| - |
| + | |
| - | | + | |
| | | | |
| | <p><p> | | <p><p> |
| Line 120: |
Line 92: |
| | | | |
| | </table> | | </table> |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div onclick="runAccordionf(2,125);">
| |
| - | <div class="AccordionTitle1" onselectstart="return false;">
| |
| - | Project Nemo
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="Accordion2Content1" class="AccordionContent1">
| |
| - | text
| |
| - | </div>
| |
| - |
| |
| - | <div onclick="runAccordionf(3,125);">
| |
| - | <div class="AccordionTitle1" onselectstart="return false;">
| |
| - | Side Projects
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="Accordion3Content1" class="AccordionContent1">
| |
| - | <span class="classred">
| |
| - | <a href="/Team:Queens_Canada/Side/Overview">Overview<p></a>
| |
| - | <a href="/Team:Queens_Canada/Side/Bacteria">Gut Bacteria<p></a>
| |
| - | <a href="/Team:Queens_Canada/Side/Light">Light Sensing<p></a>
| |
| - | <a href="/Team:Queens_Canada/Side/Knockout">RNAi Knockout<p></a>
| |
| - | <a href="/Team:Queens_Canada/Side/Biodegradation">Biodegradation<p></a>
| |
| - | </span>
| |
| - | </div>
| |
| - |
| |
| - | <div onclick="runAccordionf(4,75);">
| |
| - | <div class="AccordionTitle1" onselectstart="return false;">
| |
| - | Parts
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="Accordion4Content1" class="AccordionContent1">
| |
| - | <span class="classpurple">
| |
| - | <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/Contributions">Contributions<p></a>
| |
| - | </span>
| |
| - | </div>
| |
| | | | |
| | | | |
| | </div> | | </div> |
| - |
| |
| - |
| |
| - | <style>
| |
| - | .AccordionTitle1, .AccordionContent1, .AccordionContainer1
| |
| - | {
| |
| - | position:relative;
| |
| - | width:755px;
| |
| - | }
| |
| - |
| |
| - | .AccordionTitle1
| |
| - | {
| |
| - | height:30px;
| |
| - | overflow:hidden;
| |
| - | cursor:pointer;
| |
| - | font-family:SegoeWP;
| |
| - | font-weight:bold;
| |
| - | text-indent:5px;
| |
| - | font-size:16pt;
| |
| - | color: #F86114;
| |
| - | vertical-align:middle;
| |
| - | text-align:left;
| |
| - | background-repeat:repeat-x;
| |
| - | display:table-cell;
| |
| - |
| |
| - | -moz-user-select:none;
| |
| - | }
| |
| - |
| |
| - | .AccordionContent1
| |
| - | {
| |
| - | height:0px;
| |
| - | overflow:hidden;
| |
| - | cursor:pointer;
| |
| - | font-family: SegoeWP
| |
| - | font-size:12pt;
| |
| - | color:#000050;
| |
| - | text-indent:20px;
| |
| - | vertical-align:middle;
| |
| - | text-align:left;
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .AccordionContainer1
| |
| - | {
| |
| - | height:AccHeight;
| |
| - | background-color: #white;
| |
| - | border-top: none;
| |
| - | border-bottom: none;
| |
| - | border-left: none;
| |
| - | border-right: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| |
| - | <script type="text/javascript">
| |
| - | var ContentHeight = 200;
| |
| - | var TimeToSlide = 300.0;
| |
| - |
| |
| - | var openAccordion1 = '';
| |
| - |
| |
| - |
| |
| - | function runAccordionf(index, AccHeight)
| |
| - | {
| |
| - | ContentHeight = AccHeight;
| |
| - |
| |
| - | var nID = "Accordion" + index + "Content";
| |
| - | if(openAccordion1 == nID)
| |
| - | nID = '';
| |
| - |
| |
| - | setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
| |
| - | + openAccordion1 + "','" + nID + "')", 33);
| |
| - |
| |
| - | openAccordion1 = nID;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | function animate1(lastTick, timeLeft, closingId, openingId)
| |
| - | {
| |
| - | var curTick = new Date().getTime();
| |
| - | var elapsedTicks = curTick - lastTick;
| |
| - |
| |
| - | var opening = (openingId == '') ? null : document.getElementById(openingId);
| |
| - | var closing = (closingId == '') ? null : document.getElementById(closingId);
| |
| - |
| |
| - | if(timeLeft <= elapsedTicks)
| |
| - | {
| |
| - | if(opening != null)
| |
| - | opening.style.height = ContentHeight + 'px';
| |
| - |
| |
| - | if(closing != null)
| |
| - | {
| |
| - | closing.style.display = 'none';
| |
| - | closing.style.height = '0px';
| |
| - | }
| |
| - | return;
| |
| - | }
| |
| - |
| |
| - | timeLeft -= elapsedTicks;
| |
| - | var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);
| |
| - |
| |
| - | if(opening != null)
| |
| - | {
| |
| - | if(opening.style.display != 'block')
| |
| - | opening.style.display = 'block';
| |
| - | opening.style.height = (ContentHeight - newClosedHeight) + 'px';
| |
| - | }
| |
| - |
| |
| - | if(closing != null)
| |
| - | closing.style.height = newClosedHeight + 'px';
| |
| - |
| |
| - | setTimeout("animate(" + curTick + "," + timeLeft + ",'"
| |
| - | + closingId + "','" + openingId + "')", 33);
| |
| - | }
| |
| - |
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | | | |
| | </html> | | </html> |
"
