Template:Team:MSOE:Notebook

From 2013.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:MSOE}}
+
<html>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
<head>
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week1"><img src="https://static.igem.org/mediawiki/2013/6/68/Week1.png"></img></a>
-
 
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week2"><img src="https://static.igem.org/mediawiki/2013/c/c5/Week2.png"></img></a>
-
<script type="text/javascript" src="http://linacabal.com/juan/ddaccordion.js">
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week3"><img src="https://static.igem.org/mediawiki/2013/8/84/Week3.png"></img></a>
-
 
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week4"><img src="https://static.igem.org/mediawiki/2013/4/48/Week4.png"></img></a>
-
/***********************************************
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week5"><img src="https://static.igem.org/mediawiki/2013/5/5d/Week5.png"></img></a>
-
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week6"><img src="https://static.igem.org/mediawiki/2013/8/8d/Week6.png"></img></a>
-
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week7"><img src="https://static.igem.org/mediawiki/2013/0/00/Week7.png"></img></a>
-
* This notice must stay intact for legal use
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week8"><img src="https://static.igem.org/mediawiki/2013/7/72/Week8.png"></img></a>
-
***********************************************/
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week9"><img src="https://static.igem.org/mediawiki/2013/a/ab/Week9.png"></img></a>
-
 
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week10"><img src="https://static.igem.org/mediawiki/2013/1/12/Week10.png"></img></a>
-
</script>  
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week11"><img src="https://static.igem.org/mediawiki/2013/8/8e/Week11.png"></img></a>
-
 
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week12"><img src="https://static.igem.org/mediawiki/2013/6/61/Week_12.png"></img></a>
-
<script type="text/javascript">
+
<a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week13"><img src="https://static.igem.org/mediawiki/2013/8/88/Week_13.png"></img></a>
-
 
+
-
//Initialize Arrow Side Menu:
+
-
ddaccordion.init({
+
-
headerclass: "menuheaders", //Shared CSS class name of headers group
+
-
contentclass: "menucontents", //Shared CSS class name of contents group
+
-
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", or "mouseover"
+
-
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
+
-
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
+
-
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
+
-
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
+
-
animatedefault: false, //Should contents open by default be animated into view?
+
-
persiststate: true, //persist state of opened contents within browser session?
+
-
toggleclass: ["unselected", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
+
-
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
+
-
animatespeed: 500, //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
+
-
oninit:function(expandedindices){ //custom code to run when headers have initalized
+
-
//do nothing
+
-
},
+
-
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
+
-
//do nothing
+
-
}
+
-
})
+
-
 
+
-
</script>
+
-
 
+
-
<style type="text/css">
+
-
 
+
-
#content {
+
-
+
-
}
+
-
 
+
-
#toc, .toc {
+
-
display:none;
+
-
 
+
-
}
+
-
 
+
-
h1, h2, h3, h4, h5, h6 {
+
-
border: 0px;
+
-
        color: #00523C;
+
-
        family-font: "Myriad Web Pro";
+
-
}
+
-
 
+
-
.arrowsidemenu{
+
-
width: 180px; /*width of menu*/
+
-
border-style: solid solid none solid;
+
-
border-color: #A70D02; /*#94AA74;*/
+
-
border-size: 1px;
+
-
border-width: 1px;
+
-
+
-
+
-
+
-
 
+
-
}
+
-
 
+
-
.arrowsidemenu ul{
+
-
list-style-type: none;
+
-
list-style-image: none;
+
-
}
+
-
+
-
.arrowsidemenu div a{ /*header bar links*/
+
-
font: bold 12px Helvetica, Arial, sans-serif;
+
-
display: block;
+
-
background: transparent url(https://static.igem.org/mediawiki/2013/6/67/Redarrows.png) 100% 0; /* this is where the arrow goes
+
-
  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
+
-
padding: 4px 0 4px 10px;
+
-
line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
+
-
text-decoration: none;
+
-
}
+
-
+
-
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
+
-
color: #EDEDED; /*#6B4E14;*/
+
-
}
+
-
 
+
-
.arrowsidemenu div a:hover{
+
-
background-position: 100% -32px;
+
-
}
+
-
 
+
-
.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
+
-
color: #EDEDED; /*#283b00;*/
+
-
}
+
-
 
+
-
+
-
.arrowsidemenu div.selected a{ /*header that's currently selected*/
+
-
color: #EDEDED; /*#616161;*/
+
-
background-position: 100% -64px !important;
+
-
}
+
-
 
+
-
.arrowsidemenu ul{
+
-
list-style-type: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
.arrowsidemenu ul li{
+
-
border-bottom: 1px solid #6183A6 /*#a1c67b;*/
+
-
list-style-type: none;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
 
+
-
.arrowsidemenu ul li a{ /*sub menu links*/
+
-
display: block;
+
-
background: #ffffff;
+
-
font: normal 12px Helvetica, Arial, sans-serif;
+
-
text-decoration: none;
+
-
color: black;
+
-
padding: 5px 0;
+
-
padding-left: 10px;
+
-
border-left: 10px double #E61010 /*#E61010;  this is the two vertical bars on the sub menus*/
+
-
list-style-type: none;
+
-
}
+
-
 
+
-
.arrowsidemenu ul li a:hover{
+
-
background: #E5CEC3;
+
-
}
+
-
 
+
-
</style>
+
-
 
+
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
-
<style type="text/css">
+
-
 
+
-
#wrap {
+
-
  font-size: 1.1em;
+
-
  width: 180px;
+
-
  padding: 0px;
+
-
  margin-left: 15px;
+
-
  background-color: #fff;
+
-
  position: relative;
+
-
  height: 100%;
+
-
 
+
-
margin-right: 20px;
+
-
margin-bottom: 20px;
+
-
margin-top: 10px;
+
-
float: left;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
.right_box{
+
-
width: 730px;
+
-
margin-left: 210px;
+
-
margin-top: 20px;
+
-
+
-
 
+
-
}
+
-
 
+
-
/* These styles create the dropdown menus. */
+
-
#navbar {
+
-
  margin: 1600;
+
-
  padding: 0;
+
-
  height: 1em; }
+
-
#navbar li {
+
-
  list-style: none;
+
-
  float: left; }
+
-
#navbar li a {
+
-
  padding-left: 6px;
+
-
  padding-bottom: 4px;
+
-
  padding-right: 6px;
+
-
  padding-top: 4px;
+
-
  display: block;
+
-
  background-color: #CDB1AE/*#95466E;*/
+
-
  color: #fff;
+
-
  text-decoration: none; }
+
-
#navbar li ul {
+
-
  display: none;
+
-
  width: 10em; /* Width to help Opera out */
+
-
  background-color: #80ff00;}
+
-
#navbar li:hover ul, #navbar li.hover ul {
+
-
  display: block;
+
-
  position: absolute;
+
-
  background-color: #CDB1AE; /*#95466E;*/
+
-
  margin: 0;
+
-
  padding: 0; }
+
-
#navbar li:hover li, #navbar li.hover li {
+
-
  float: none; }
+
-
#navbar li:hover li a, #navbar li.hover li a {
+
-
  background-color: #CDB1AE;
+
-
  border-bottom: 1px solid #fff;
+
-
  color: white; }
+
-
#navbar li li a:hover {
+
-
  background-color: #CDB1AE;} /*#95466E; }*/
+
-
</style>
+
-
 
+
-
<script>
+
-
// Javascript originally by Patrick Griffiths and Dan Webb.
+
-
// http://htmldog.com/articles/suckerfish/dropdowns/
+
-
sfHover = function() {
+
-
  var sfEls = document.getElementById("navbar").getElementsByTagName("li");
+
-
  for (var i=0; i<sfEls.length; i++) {
+
-
      sfEls[i].onmouseover=function() {
+
-
        this.className+=" hover";
+
-
      }
+
-
      sfEls[i].onmouseout=function() {
+
-
        this.className=this.className.replace(new RegExp(" hover\\b"), "");
+
-
      }
+
-
  }
+
-
}
+
-
if (window.attachEvent) window.attachEvent("onload", sfHover);
+
-
</script>
+
-
 
+
-
 
+
-
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
+
-
<script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script>
+
-
<script type="text/javascript">
+
-
    $(document).ready(function() {
+
-
        $('#slider').s3Slider({
+
-
            timeOut: 5000
+
-
        });
+
-
    });
+
-
</script>
+
-
 
+
-
<style type="text/css" media="screen">
+
-
#slider {
+
-
    width: 970px; /* important to be same as image width */
+
-
    height: 244px; /* important to be same as image height */
+
-
    position: relative; /* important */
+
-
overflow: hidden; /* important */
+
-
margin-left: -2px;
+
-
}
+
-
#sliderContent {
+
-
    width: 970px; /* important to be same as image width or wider */
+
-
    position: absolute;
+
-
top: 0;
+
-
margin-left: 0;
+
-
}
+
-
.sliderImage {
+
-
    float: left;
+
-
    position: relative;
+
-
display: none;
+
-
}
+
-
.sliderImage span {
+
-
    position: absolute;
+
-
font: 10px/15px Arial, Helvetica, sans-serif;
+
-
    width: 384px;
+
-
 
+
-
display: none;
+
-
   
+
-
}
+
-
.clear {
+
-
clear: both;
+
-
}
+
-
.sliderImage span strong {
+
-
    font-size: 14px;
+
-
}
+
-
.top {
+
-
top: 0;
+
-
left: 0;
+
-
}
+
-
.bottom {
+
-
bottom: 0;
+
-
    left: 0;
+
-
}
+
-
ul { list-style-type: none;}
+
-
</style>
+
-
 
+
-
</head>
+
-
<body>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<div id="wrap">
+
-
 
+
-
<div class="arrowsidemenu">
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee">Home</a></div>
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week1">Week 1</a></div>
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week2">Week 2</a></div>
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week3">Week 3</a></div>
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week4">Week 4</a></div> 
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week5">Week 5</a></div>
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week6">Week 6</a></div>
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week7">Week 7</a></div>
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week8">Week 8</a></div>
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week9">Week 9</a></div>
+
-
      <div><a href="https://2013.igem.org/Team:MSOE_Milwaukee/Week10">Week 10</a></div>
+
-
+
-
 
+
-
 
+
-
 
+
-
     
+
-
  </div>
+
-
</div>
+
</body>
</body>
</html>
</html>
-
 
-
<!-- *** COLOMBIA 2012 HEADER USED/EDITED *** -->
 

Latest revision as of 23:00, 22 September 2013