Team:Northwestern/Templates/trial

From 2011.igem.org

(Difference between revisions)
(Replaced content with "raf")
Line 1: Line 1:
-
__NOTOC__<html>
+
raf
-
 
+
-
<head>
+
-
<style type="text/css">
+
-
        .firstHeading {
+
-
                display:none;}
+
-
/*---whole background---url("https://static.igem.org/mediawiki/2011/9/93/Background_texture.jpg")*/
+
-
+
-
        #globalWrapper{
+
-
background:#000000  url("https://static.igem.org/mediawiki/2011/9/93/Background_texture.jpg") center top no-repeat fixed;
+
-
padding-bottom:00px;
+
-
border: none;
+
-
}
+
-
+
-
#top-section {
+
-
    height: 0px;
+
-
    margin-top: 0px;
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    margin-bottom: 0 !important;
+
-
    margin-bottom: 0px;
+
-
    padding:0;
+
-
    border: 1;
+
-
    }
+
-
#p-logo {
+
-
    height:0px;
+
-
    overflow:hidden;
+
-
    border:none;
+
-
    }
+
-
#search-controls {
+
-
    overflow:hidden;
+
-
    display:none;
+
-
    background: none;
+
-
    position: absolute;
+
-
    top: 100px;
+
-
    right: 40px;
+
-
    }         
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/*---whole content---*/
+
-
 
+
-
        #content{
+
-
                background:transparent url("https://static.igem.org/mediawiki/2010/a/a0/Transppa.png") left top repeat;
+
-
                padding: 0px;
+
-
        margin:0 auto;
+
-
                border: none; 
+
-
            }
+
-
/*---header n footer---*/
+
-
#header {
+
-
margin:0; padding:0;
+
-
background:#transparent;
+
-
}
+
-
        #footer {
+
-
margin:0; padding:0;
+
-
background:transparent;
+
-
}
+
-
/*---whole body?---*/
+
-
    /*---whole, be seen as top + middle col (as in T)---*/
+
-
#main1 {
+
-
margin:0; padding:0;
+
-
background:transparent;
+
-
}
+
-
    /*---modifier:all lower columns||| (ref. 3col site )---*/
+
-
#main2 {
+
-
margin:0; padding:0;background:#transparent;
+
-
}
+
-
/*---left col---*/
+
-
#left {
+
-
float:left;
+
-
width:150px;
+
-
margin:0px 0px 0px 0; padding:00px;
+
-
background:#transparent;
+
-
font-size:100%;
+
-
}
+
-
 
+
-
/*---middle col CHANGE THE MARGIN FOR SPACE---*/
+
-
#middle {
+
-
margin-left:190px;
+
-
background:transparent;
+
-
font-size:100%;
+
-
}
+
-
 
+
-
.column-in {
+
-
margin:-11px 0px 0px 0px; padding:0.5em 1em;
+
-
}
+
-
.cleaner {
+
-
clear:both;
+
-
height:1px;
+
-
font-size:1px;
+
-
border:none;
+
-
margin:0; padding:0;
+
-
background:transparent;
+
-
}
+
-
+
-
h1,h2,h3 { margin: 0.em 0 }
+
-
        h4 { valign:top }
+
-
p { margin: 0em 0 }
+
-
a { color:black }
+
-
+
-
.copy { text-align:center; font-size:80% }
+
-
 
+
-
</style>
+
-
</script>
+
-
 
+
-
 
+
-
 
+
-
<!-- addeddeeddeeddeeddeeddeedd -->
+
-
<script type="text/javascript" src="http://www.p51labs.com/accordion/combine.php?type=javascript&files=prototype.js,effects.js,accordion.js,code_highlighter.js,javascript.js,html.js"></script>
+
-
 
+
-
 
+
-
  <link rel="stylesheet" type="text/css" href="http://www.p51labs.com/accordion/css/default.css" />
+
-
   
+
-
<script type="text/javascript">
+
-
//
+
-
//  In my case I want to load them onload, this is how you do it!
+
-
//
+
-
Event.observe(window, 'load', loadAccordions, false);
+
-
 
+
-
+
-
//
+
-
// Set up all accordions
+
-
//
+
-
function loadAccordions() {
+
-
var topAccordion = new accordion('horizontal_container', {
+
-
classNames : {
+
-
toggle : 'horizontal_accordion_toggle',
+
-
toggleActive : 'horizontal_accordion_toggle_active',
+
-
content : 'horizontal_accordion_content'
+
-
},
+
-
defaultSize : {
+
-
width : 525
+
-
},
+
-
direction : 'horizontal'
+
-
});
+
-
+
-
var bottomAccordion = new accordion('vertical_container');
+
-
+
-
var nestedVerticalAccordion = new accordion('vertical_nested_container', {
+
-
  classNames : {
+
-
toggle : 'vertical_accordion_toggle',
+
-
toggleActive : 'vertical_accordion_toggle_active',
+
-
content : 'vertical_accordion_content'
+
-
}
+
-
});
+
-
+
-
// Open first one
+
-
bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
+
-
+
-
// Open second one
+
-
topAccordion.activate($$('#horizontal_container .horizontal_accordion_toggle')[2]);
+
-
}
+
-
+
-
</script>
+
-
+
-
<!-- CSS -->
+
-
<style type="text/css" >
+
-
+
-
/*
+
-
Vertical Accordions #87F717
+
-
*/
+
-
+
-
.accordion_toggle {
+
-
display: block;
+
-
height: 30px;
+
-
width: 180px;
+
-
background: url(https://static.igem.org/mediawiki/2011/b/b1/Green_btn.gif) no-repeat;
+
-
padding: 0 10px 0 10px;
+
-
line-height: 30px;
+
-
color: #ffffff;
+
-
font-weight: normal;
+
-
text-decoration: none;
+
-
outline: none;
+
-
font-size: 12px;
+
-
color: #ffffff;
+
-
border-bottom: none;
+
-
cursor: pointer;
+
-
margin: 0px 0px 0px -10px;
+
-
}
+
-
 
+
-
.accordion_toggle h1 hover{
+
-
background: #e0542f;
+
-
}
+
-
 
+
-
.accordion_toggle_active {
+
-
background: url(https://static.igem.org/mediawiki/2011/c/ce/Blue_btn.gif) no-repeat;
+
-
                        width: 150px;
+
-
color: #ffffff;
+
-
}
+
-
+
-
.accordion_content {
+
-
background-color: none;
+
-
                        width: 150px;
+
-
color: #444444;
+
-
overflow: hidden;
+
-
}
+
-
+
-
.accordion_content h2 {
+
-
margin: 15px 0 5px 10px;
+
-
color: #0099FF;
+
-
}
+
-
+
-
.accordion_content p {
+
-
line-height: 150%;
+
-
padding: 15px 0 5px 10px;
+
-
}
+
-
+
-
.vertical_accordion_toggle {
+
-
display: block;
+
-
height: 30px;
+
-
width: 150px;
+
-
background: u;
+
-
padding: 0 10px 0 10px;
+
-
line-height: 30px;
+
-
color: #ffffff;
+
-
font-weight: normal;
+
-
text-decoration: none;
+
-
outline: none;
+
-
font-size: 12px;
+
-
color: #000000;
+
-
border-bottom: 1px solid #cde99f;
+
-
cursor: pointer;
+
-
margin: 0 0 0 0;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.vertical_accordion_toggle_active {
+
-
background: #e0542f;
+
-
color: #ffffff;
+
-
border-bottom: 1px solid #f68263;
+
-
}
+
-
+
-
.vertical_accordion_content {
+
-
background-color: #ffffff;
+
-
color: #444444;
+
-
overflow: hidden;
+
-
}
+
-
+
-
.vertical_accordion_content h2 {
+
-
margin: 15px 0 5px 10px;
+
-
color: #0099FF;
+
-
}
+
-
+
-
.vertical_accordion_content p {
+
-
line-height: 150%;
+
-
padding: 5px 10px 15px 10px;
+
-
}
+
-
 
+
-
 
+
-
</style>
+
-
+
-
 
+
-
 
+
-
<!-- Added -->
+
-
<style type="text/css">
+
-
 
+
-
/*Credits: Dynamic Drive CSS Library */
+
-
/*URL: http://www.dynamicdrive.com/style/ */
+
-
 
+
-
.sidebarmenu ul{
+
-
margin: 0px;
+
-
padding: 0px;
+
-
list-style-type: none;
+
-
font: 13px Verdana;
+
-
width: 160px; /* Main Menu Item widths */
+
-
border-bottom: 0px;
+
-
}
+
-
+
-
.sidebarmenu ul li{
+
-
position: relative;
+
-
padding: 0px 0px 6px 10px ;
+
-
}
+
-
 
+
-
/* Top level menu links style */
+
-
.sidebarmenu ul li a{
+
-
display: block;
+
-
overflow: auto; /*force hasLayout in IE7 */
+
-
color: black;
+
-
text-decoration: none;
+
-
padding: 6px;
+
-
 
+
-
}
+
-
 
+
-
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
+
-
background: none; /*background of tabs (default state)*/
+
-
}
+
-
<!-- #e0542f color of the clicked parent taburl(https://static.igem.org/mediawiki/2011/d/d0/Smallbluebtn2.jpg)
+
-
clicked is #FBB917-->
+
-
 
+
-
.sidebarmenu ul li a:visited{
+
-
color: white;
+
-
}
+
-
 
+
-
.sidebarmenu ul li a:hover{
+
-
background: url(https://static.igem.org/mediawiki/2011/9/92/Smallorngbtn.jpg);
+
-
}
+
-
 
+
-
/*Sub level menu items */
+
-
.sidebarmenu ul li ul{
+
-
position: absolute;
+
-
width: 120px; /*Sub Menu Items width */
+
-
top: 0px;
+
-
visibility: hidden;
+
-
 
+
-
}
+
-
 
+
-
.sidebarmenu a.subfolderstyle{
+
-
background: url(right.gif) no-repeat 97% 50%;
+
-
}
+
-
 
+
-
+
-
/* Holly Hack for IE \*/
+
-
* html .sidebarmenu ul li { float: left; height: 1%; }
+
-
* html .sidebarmenu ul li a { height: 1%; }
+
-
/* End */
+
-
 
+
-
</style>
+
-
 
+
-
<script type="text/javascript">
+
-
 
+
-
//Nested Side Bar Menu (Mar 20th, 09)
+
-
//By Dynamic Drive: http://www.dynamicdrive.com/style/
+
-
 
+
-
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
+
-
 
+
-
function initsidebarmenu(){
+
-
for (var i=0; i<menuids.length; i++){
+
-
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
+
-
    for (var t=0; t<ultags.length; t++){
+
-
    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
+
-
  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
+
-
  ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
+
-
  else //else if this is a sub level submenu (ul)
+
-
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
+
-
    ultags[t].parentNode.onmouseover=function(){
+
-
    this.getElementsByTagName("ul")[0].style.display="block"
+
-
    }
+
-
    ultags[t].parentNode.onmouseout=function(){
+
-
    this.getElementsByTagName("ul")[0].style.display="none"
+
-
    }
+
-
    }
+
-
  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
+
-
  ultags[t].style.visibility="visible"
+
-
  ultags[t].style.display="none"
+
-
  }
+
-
  }
+
-
}
+
-
 
+
-
if (window.addEventListener)
+
-
window.addEventListener("load", initsidebarmenu, false)
+
-
else if (window.attachEvent)
+
-
window.attachEvent("onload", initsidebarmenu)
+
-
 
+
-
</script>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</head>
+
-
 
+
-
 
+
-
<div id="the side banner" style="position:fixed;top:0;left:01.3em;margin: 15px 15px 0 0">
+
-
<div id="swiggle">
+
-
+
-
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="160" height="150" id="NU logo" align="left">
+
-
<param name="allowScriptAccess" value="sameDomain" />
+
-
<param name="allowFullScreen" value="false" />
+
-
<param name="movie" value="
+
-
https://static.igem.org/mediawiki/2011/5/57/Test1.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /> <embed src="
+
-
https://static.igem.org/mediawiki/2011/5/57/Test1.swf" quality="high" bgcolor="#ffffff" width="160" height="150" name="baner_final_sin_btn" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
+
-
</object>
+
-
 
+
-
</div>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
<div id="return-to-igem" style="position:fixed;top:0;right:0;margin: 0px 0px 15px 15px; "><a href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2011/5/50/Mini_igem_return.gif" width="100" height="70" alt="RETURN TO IGEM 2010" /></a>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
<body>
+
-
<div id="main1">
+
-
<div id="header">
+
-
<a href="https://2011.igem.org/Team:Northwestern"><img src="https://static.igem.org/mediawiki/2011/e/e9/NUbanner_new2.jpg" height = "240px" width="965px" style="opacity:1;filter:alpha(opacity=100)" alt="NU-igem logo"/ border="0"></a>
+
-
</div>
+
-
<div id="main2">
+
-
 
+
-
<!-- div id="left" style="background-color:#E3E4FA;margin: 5px 0px 0px 5px; width:200px; height:1000px"-->
+
-
<div id="left" style="margin: 5px 0px 0px 5px; width:200px"><div class="column-in">
+
-
 
+
-
<div id="container">
+
-
       
+
-
<div id="vertical_container" >
+
-
+
-
 
+
-
<h1 class="accordion_toggle">PROJECT
+
-
<div id="team_img" style="top:0;right:0;margin: -26px 0px 100px 132px; "><img src="https://static.igem.org/mediawiki/2011/e/e0/Project_btn2.gif" width="22" height="auto"/>
+
-
</div>
+
-
</h1>
+
-
<div class="accordion_content">
+
-
       
+
-
<div class="sidebarmenu">
+
-
<ul id="sidebarmenu1">
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Project/Introduction">Introduction</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Project">Overview</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Project">Background</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Project">Modelling</a></li>
+
-
</div>
+
-
       
+
-
</div>
+
-
 
+
-
<h1 class="accordion_toggle">TEAM
+
-
<div id="team_img" style="top:0;right:0;margin: -25px 0px 100px 131px; "><img src="https://static.igem.org/mediawiki/2011/0/0a/Team_btn3.gif" width="20" height="auto"/>
+
-
</div>
+
-
</h1>
+
-
<div class="accordion_content">
+
-
       
+
-
<div class="sidebarmenu">
+
-
<ul id="sidebarmenu1">
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Team/Undergrads">Undergrads</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Team/Advisers">Advisers</a></li>
+
-
</div>
+
-
       
+
-
</div>
+
-
 
+
-
 
+
-
<h1 class="accordion_toggle">NOTEBOOK
+
-
<div id="team_img" style="top:0;right:0;margin: -26px 0px 100px 135px; "><img src="https://static.igem.org/mediawiki/2011/9/93/Notebook_btn2.gif" width="16" height="auto"/>
+
-
</div>
+
-
</h1>
+
-
<div class="accordion_content">
+
-
+
-
<div class="sidebarmenu">
+
-
<ul id="sidebarmenu1">
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week1">Week 1</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week2">Week 2</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week3">Week 3</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week4">Week 4</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week5">Week 5</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week6">Week 6</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week7">Week 7</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week8">Week 8</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week9">Week 9</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week10">Week 10</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week11">Week 11</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Week12">Week 12</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Notebook/Protocols">Protocols</a></li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<h1 class="accordion_toggle">PARTS
+
-
<div id="team_img" style="top:0;right:0;margin: -27px 0px 100px 132px; "><img src="https://static.igem.org/mediawiki/2011/3/30/Parts_btn.gif" width="19" height="auto"/>
+
-
</div>
+
-
</h1>
+
-
<div class="accordion_content">
+
-
<div id="horizontal_container"></div>
+
-
<div class="sidebarmenu">
+
-
<ul id="sidebarmenu1">
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Parts">Biobricks</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Parts">Designed Parts</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Parts"> Characterization </a></li>
+
-
        </ul>     
+
-
</div>
+
-
</div>
+
-
 
+
-
 
+
-
<h1 class="accordion_toggle">CONSIDERATIONS
+
-
<div id="team_img" style="top:0;right:0;margin: -25.5px 0px 100px 133px; "><img src="https://static.igem.org/mediawiki/2011/8/86/Consideration_btn.gif" width="19" height="auto"/>
+
-
</div>
+
-
</h1>
+
-
<div class="accordion_content">
+
-
<div class="sidebarmenu">
+
-
<ul id="sidebarmenu1">
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Safety">Safety</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern">Human Practices</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern">Application</a></li>
+
-
        </ul>
+
-
</div>
+
-
</div>
+
-
 
+
-
+
-
<h1 class="accordion_toggle">ATTRIBUTIONS
+
-
<div id="team_img" style="top:0;right:0;margin: -25px 0px 100px 133px; "><img src="https://static.igem.org/mediawiki/2011/b/be/Attribution_btn.gif" width="19" height="auto"/>
+
-
</div>
+
-
</h1>
+
-
<div class="accordion_content">
+
-
<div class="sidebarmenu">
+
-
<ul id="sidebarmenu1">
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Attributions/University">University</a></li>
+
-
<li><a href="https://2011.igem.org/Team:Northwestern/Attributions/Sponsors">Sponsors</a></li>
+
-
        </ul>
+
-
</div>
+
-
           
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<script type="text/javascript" >
+
-
 
+
-
//
+
-
// You can hide the accordions on page load like this, it maintains accessibility
+
-
//
+
-
// Special thanks go out to Rafay Faruqi
+
-
//
+
-
var verticalAccordions = $$('.accordion_toggle');
+
-
verticalAccordions.each(function(accordion) {
+
-
$(accordion.next(0)).setStyle({
+
-
  height: '0px'
+
-
});
+
-
});
+
-
+
-
+
-
</script>
+
-
 
+
-
<script type="text/javascript" src="http://www.google-analytics.com/urchin.js"></script>
+
-
<script type="text/javascript">_uacct = "UA-624845-2";urchinTracker();</script>
+
-
 
+
-
 
+
-
 
+
-
</div></div>
+
-
<div id="middle"><div class="column-in">
+
-
 
+
-
 
+
-
 
+
-
<!--
+
-
<div id="header" style="margin: 15px 0px 0px 0px;">
+
-
<img src="https://static.igem.org/mediawiki/2011/c/c9/Top_banner.jpg" height = "70" width="400px" style="opacity:1;filter:alpha(opacity=100)" alt="NU-igem logo"/ border="0">
+
-
<div style="margin: -52px 0px 0px 20px;font:30px helvetica">    RAFAY
+
-
</div></div> -->
+

Revision as of 03:12, 17 August 2011

raf

Retrieved from "http://2011.igem.org/Team:Northwestern/Templates/trial"