User:Sara Mitsunari: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 296: Line 296:
}
}
</script>
</script>
<APPLET code="SimulationProgram.class" width=1300 height=1000>  
<APPLET code="http://openwetware.org/wiki/Image:SimulationProgram.class" width=1300 height=1000>  
   
   
</APPLET>
</APPLET>
</body></html>
</body></html>

Revision as of 05:38, 3 October 2011

<html> <head>

      <style type="text/css">
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
      .clear {clear:both;}

body.mediawiki { background-color:#494d51; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; font-family: Calibri, Verdana, helvetica, sans-serif; } h2 {padding: 10px 20px;

                       font-size: 18px;
                       color: #eb8300;
                       text-decoration: none;
                       font-weight: bold;}
                       border: none;
h2 a {color: #eb8300;}

h3 {padding: 10px 20px;

                       font-size: 16px;
                       color: #000;
                       font-decoration: none;
                       font-weight: bold;}

h1.firstHeading { display: none; } p { text-align: justify; } a:link { color: #00a5ea; text-decoration: none } a:visited { color:#00a5ea; text-decoration: none } a:hover {

                       color: #eb8300;

text-decoration: none } a:active { color:#f29400; text-decoration: none } #bodyContent { width: 970px; margin: 225px 0px 0px; background-color:#ede8e2;}

               #content {padding-left: 0px; width: 970px;}

table#team_members { text-align: justify; border: 0; } table#team_members h2, table#team_members h3 { clear: both; } #content * a:hover {text-decoration:none;} #main_wrapper {

                       position:absolute; left:0px; top:0px;

margin: 0; width: 969px; height: 221px; align: center; border-style: solid;

                       border-color: white;

} #header {

                       position:absolute; left:0px; top:0px;

margin: 0; width: 969px; height: 221px; align: left; background-color: #FFFFFF;

                       background-image: url(http://openwetware.org/images/b/bd/Test.jpg); 

} #navigation { position:absolute; left:0px; top:150px; width:793px; height:69px; z-index:100; background-color: transparent; float: left; color: #0000FF; } #super_main_wrapper {

                       position:absolute; left:0px; top:227px;

width: 975px; align: center; background-color: #ede8e2;

                       heigth: auto;
               }
               #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat; 
                       height:200px; 
                       width: 323px; 
                       float:left;}
               #orangeBox p, #greenBox p, #blueBox p{padding: 0 20px;
                       text-align: justify;
                       font-size: 12px;
                       color: #FFF;}
               #orangeBox h3, #greenBox h3, #blueBox h3{padding: 20px 25px 0 20px;
                       font-weight: bold;
                       font-size: 18px;
                       color: #FFF;}
               #orangeBox a, #greenBox a, #blueBox a {
                       padding-right: 20px;
                       font-weight: bold;
                       font-size: 14px;
                       display: block;
                       text-align: right;
                       color: #FFF;}  
               #orangeBox {margin-left: 3px;
                       background-image: url(http://2009.igem.org/wiki/images/9/9d/OrangeBox.jpg);}
               #greenBox {background-image: url(http://2009.igem.org/wiki/images/9/97/GreenBox.jpg);}
               #blueBox {background-image: url(http://2009.igem.org/wiki/images/9/96/BlueBox.jpg);}
               #SubWrapper {width: 645px;
                       padding: 0px;
                       border-left:4px solid #ede8e2;
                       float: left;
                       margin-top: 3px;
                       background-color: #ede8e2;}
               #SubWrapper * p, #SubWrapper p  {padding: 0 20px;
                       text-align: justify;
                       font-size: 12px;}
               #SubWrapper * h3, #SubWrapper h3 {padding-top: 10px;
                       font-size: 18px;}
               #news {width: 322px;
                       margin-top: 3px;
                       float: left;
                       background-color: #d8d5d0;
                       border-right:4px solid #ede8e2;}
              #news p {padding: 0 20px 20px 20px;
                       text-align: justify;
                       font-size: 12px;}
               #news h3 {padding: 10px 20px;
                       font-size: 18px;}
               #mission_box {width:650px;
                       float: left;}
               #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box, .boxy {width:215px;
                       float: left;
                       padding: 10px 0 0 0;}
               div.tleft {border-width: 0px; margin:0; padding:0;border-color:transparent;}


<!-- ################# Navi styles ######################### -->

  1. menu * {

margin: 0; padding: 0; }

  1. menu {

behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> font-family: calibri, verdana, sans-serif; font-size: 18px; background-color: transparent; float:left; padding: 10px 0 0 0; }

  1. menu ul {

float: left; list-style: none; }

  1. menu ul li {

background-color:transparent;

       position:relative;

float:left; list-style: none; padding: 10px 15px 0 0;

       font-weight: bold;
       width: auto;

}

  1. menu a {

color: #FFF; display: inline; text-decoration: none; }

  1. menu a:visited {

color:#FFFFFF; text-decoration: none }

  1. menu a:hover {

color: #00a5ea; }

  1. menu ul li ul {

display: none; position: absolute; left: -20px;

       width: 155px;
       heigth: 1%;

font-size: 18px; opacity: 0.8; list-style: none;

       top: 19px;
       padding-top: 9px;
       z-index:500;

}

  1. menu ul li:hover ul {

display: inline;

       background-position: bottom;

}

  1. menu ul li ul li {

width: 100%; list-style: none;

       background-color: #000;
       margin: -1px;
       padding: 0 0 0 5px;
       display: inline;

}

body#home #mainHome a, body#team .aTeam, body#project .aProject, body#notebook .aNotebook, body#modeling .aModeling, body#sponsors .aSponsors, body#eucaryopedia .aEucaryopedia, body#parts .aParts { color: #F08F03; <!--cursor: default;--> }


</style> </head>


<!-- ############################# BODY!!!!! #################################### -->

<body> <!--[if IE]> <style type="text/css">

  1. SubWrapper {width: 645px;}
  2. news {width: 317px;}
  3. super_main_wrapper {position:static;}
  4. navigation {left: 15px;}
  5. menu ul li ul {left: -2px; top: 22px;}

</style> <![endif]--> <div id="main_wrapper">

 <div id="header">

<div id="navigation"> <div id="menu" style="position:static"> <ul>

  <li id="mainHome"><a class="aMain" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo">Home</a></li>
  <li id="mainTeam"><a class="aTeam" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team">Team</a>

<ul> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team">Students</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team#Advisors">Advisors</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team#Tokyo-tech">Tokyo-tech</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Team#Gallery">Gallery</a></li> </ul>

   </li>
   <li id="mainProject"><a class="aProject" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Project</a>

<ul>

          <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project">Overview</a></li>
          <!--<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project#DNA_ciliate">DNA ciliate</a></li>-->

<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project#DNA_tracks">DNA tracks</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project#UV_switch">UV switch</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project#Results">Results</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Project#Future_works">Future works</a></li> </ul>

   </li>
  <li id="mainParts"><a class="aParts" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements">Achievements</a>
      <ul> 
         <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Achievements">Achievements</a></li>
      </ul>
  </li>
  <li id="mainModeling"><a class="aModeling" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Notebook">Notebook</a>

<ul> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/brainstorming">brainstorming</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/lab_notebook">Lab. notebook</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Protocols">Protocols</a></li>

          <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sourse_code">Sourse_code</a></li>

<li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Reference">Refernce</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Tools">Tools</a></li> </ul>

   </li>
  <li id="mainNotebook"><a class="aNotebook" href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sponsors">Sponsors</a>

<ul> <li><a href="http://openwetware.org/wiki/Biomod/2011/TeamJapan/Tokyo/Sponsors">Sponsors</a></li> </ul>

</div><!-- end drop menu --> </div> <!-- end navigation --> </div> </div> <!-- For IE 6 --> <script type="text/javascript"> window.onload = function() {

     var lis = document.getElementsByTagName('li');
     for(i = 0; i < lis.length; i++) {
           var li = lis[i];
           if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
           }
     }

} </script> <APPLET code="http://openwetware.org/wiki/Image:SimulationProgram.class" width=1300 height=1000>

</APPLET> </body></html>