Team:NCTU Formosa/gallery

From 2011.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style type = "text/css">
<style type = "text/css">
-
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
+
 
-
#pmenu {margin:0px 0px 0px 70px;}
+
/*change original background*/
-
#pmenu li {float:left;position:relative; list-style-type: none;}
+
 
-
#pmenu a, #pmenu a:visited {display:block; width:200px; font-size:12px; color:#000; height:28px; line-height:22px; text-decoration:none; text-indent:5px; background:#b2ab9b; border:1px solid #fff; border-width:0 1px 1px 0; text-align:center; list-style-type: none;}
+
#top-section{
-
#pmenu li:hover > a{background:#dfd7ca; color:#c00;}
+
height: 40px;
-
#pmenu li ul {display: none;}
+
background-color: #cccccc;
-
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:201px;}
+
border: 0;
-
#pmenu > li:hover > ul {left:0; top:24px;}
+
}
-
   
+
 
-
</style>  
+
img[src*="/wiki/skins/common/images/wiki.png"]{
 +
    width:0;
 +
    height:40px;
 +
    padding-right:975px;
 +
    background:transparent
 +
url(https://static.igem.org/mediawiki/2011/0/04/Igem2011.gif) top center no-repeat;
 +
}
 +
 
 +
.firstHeading {
 +
display:none;
 +
}
 +
 
 +
#search-controls {
 +
display:none;
 +
}
 +
 
 +
#globalWrapper{
 +
//background-color: #565659;
 +
background-image:url(https://static.igem.org/mediawiki/2011/a/ae/Wallpaper2.jpg);
 +
}
 +
 
 +
#content{
 +
background-color: black;
 +
border: 0;
 +
}
 +
 
 +
/*top menu*/
 +
 
 +
#cm-nav li a.arrow {background-image: url(https://static.igem.org/mediawiki/2011/d/d4/Arrow-right.gif)}
 +
 
 +
#cm-nav > li > a.arrow {background-image: url(https://static.igem.org/mediawiki/2011/7/73/Arrow-down.gif)}
 +
 
 +
ul#cm-nav ,
 +
ul#cm-nav ul {
 +
list-style-type: none;
 +
margin: 0 0 0 10px;
 +
list-style-image: none;
 +
padding: 0px
 +
}
 +
 
 +
 
 +
ul#cm-nav li {
 +
position: relative;
 +
list-style-type: none;
 +
margin: 0px;
 +
width: auto;
 +
float: left;
 +
list-style-image: none;
 +
padding: 0px
 +
}
 +
 
 +
ul#cm-nav li li {
 +
width: auto;
 +
float: none
 +
}
 +
 
 +
#cm-nav a {
 +
border-bottom: black 1px solid;
 +
text-align: left;
 +
border-left: black 1px solid;
 +
display: block;
 +
white-space: nowrap;
 +
background: #cccccc;
 +
border-top: black 1px solid;
 +
border-right: black 1px solid;
 +
text-decoration: none
 +
}
 +
 
 +
#cm-nav a:focus {
 +
outline-style: none;
 +
outline-color: invert;
 +
outline-width: medium
 +
}
 +
 
 +
#cm-nav a.no-click {cursor: default}
 +
 
 +
#cm-nav li a {margin: -1px -1px 0px 0px}
 +
 
 +
#cm-nav li li a {margin: 0px 0px -1px}
 +
 
 +
#cm-nav > li > a.arrow {padding-right: 14px}
 +
 
 +
#cm-nav ul.arrow-pad > li > a {padding-right: 11px}
 +
 
 +
#cm-nav li a.arrow ,
 +
#cm-nav > li > a.arrow {
 +
background-repeat: no-repeat;
 +
background-position: right 50%
 +
}
 +
 
 +
#cm-nav li:hover > a ,
 +
#cm-nav a {color: white}
 +
 
 +
#cm-nav li ul ,
 +
#cm-nav li:hover ul ul ,
 +
#cm-nav li:hover ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
 +
z-index: 999;
 +
position: absolute;
 +
display: none
 +
}
 +
 
 +
#cm-nav li:hover ul {display: block}
 +
 
 +
#cm-nav li li:hover ul ,
 +
#cm-nav li li li:hover ul ,
 +
#cm-nav li li li li:hover ul ,
 +
#cm-nav li li li li li:hover ul ,
 +
#cm-nav li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li li li li li:hover ul {
 +
display: block;
 +
margin-left: 100%
 +
}
 +
 
 +
#cm-nav li:hover ul {margin-left: 0px}
 +
 
 +
#cm-nav ul ul {
 +
top: 1px;
 +
left: -1px
 +
}
 +
 
 +
#cm-nav li {top: -1px}
 +
 
 +
#cm-nav li:hover > a {background-color: #565659}
 +
 
 +
#cm-nav a {
 +
background-color: black;
 +
border-color: black;
 +
font-weight: bold;
 +
font-family: Calibri, Verdana, helvetica, sans-serif;
 +
font-size: 12pt;
 +
font-variant: normal;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
}
 +
 
 +
<style type = "text/javascript" language = "JavaScript">
 +
function out(id_num){
 +
  var oa = document.getElementById(id_num);
 +
  if(oa.style.display == "none"){
 +
    oa.style.display = "block";  
 +
  }
 +
  return false;
 +
}
 +
</script>
 +
 
 +
/*content*/
 +
 
 +
.titleDesign{
 +
color: white;
 +
font-family: Calibri, Verdana, helvetica, sans-serif;
 +
font-weight: bold;
 +
font-size: 20px;
 +
font-variant: normal;
 +
direction:ltr;
 +
}
 +
 
 +
.cont{
 +
font-size: 14px;
 +
color: white;
 +
}
 +
 
 +
#banner{    position:relative;
 +
            margin-left: 10px;
 +
            background-color: black;
 +
            height:240px;
 +
            width: 944px;
 +
}
 +
 
 +
#blueBox {  position:relative;
 +
            margin-left: 10px;
 +
            margin-bottom: -5px;
 +
            margin-top:-3px;
 +
            background-color: #000066;
 +
            filter:alpha(opacity=90);opacity:0.9;zoom:1;
 +
            height:auto;
 +
            width: 924px;
 +
                       
 +
}
 +
#blueBox {  color: white;
 +
            font-family: Calibri, Verdana, helvetica, sans-serif;
 +
            font-weight: bold;
 +
            font-size: 20px;
 +
            font-variant: normal;
 +
            direction:ltr;
 +
            padding-left: 10px;
 +
            padding-right: 10px;
 +
}
 +
#Box1 { position:relative;
 +
      margin: 0px 0px 0px 10px;
 +
      //background-color: black  ;
 +
      filter:alpha(opacity=35);opacity:0.35;zoom:1;
 +
      height:auto;
 +
      width: 924px;                     
 +
      background-image: url(http://www.iriko34.com/kabegami-yoko-kousen-ao.jpg);
 +
      //background-image: url(https://static.igem.org/mediawiki/2011/a/a9/Nctu_gallery_box.png);
 +
}
 +
#Box1 { color: black;
 +
      font-family: Calibri, Verdana, helvetica, sans-serif;
 +
      font-weight: normal;
 +
      font-size: 12px;
 +
      font-variant: normal;
 +
      direction:ltr;
 +
      padding: 0 10px 0 10px;
 +
      text-align: center;
 +
}
 +
#Box { position:relative;
 +
      margin: 0px 0px 0px 10px;
 +
      background-color: #ede8e2 ;
 +
      filter:alpha(opacity=98);opacity:0.98;zoom:1;
 +
      height:auto;
 +
      width: 864px;
 +
      text-align: center;                     
 +
 
 +
}
 +
#Box { color: black;
 +
      font-family: Calibri, Verdana, helvetica, sans-serif;
 +
      font-size: 18px;
 +
      font-variant: normal;
 +
      direction:ltr;
 +
      padding: 10px 40px 50px 40px;
 +
      text-align: justify;
 +
}
 +
#sideBox { position: absolute;
 +
          top: 304px;
 +
          left: 720px;
 +
          height: 975px;
 +
          width: 240px;
 +
          background-color: #ede8e2;
 +
}
 +
h2{font-family: Calibri, Verdana, helvetica, sans-serif;
 +
  font-size: 20px;
 +
  font-weight: bold;
 +
}
 +
</style>
</head>
</head>
<body>
<body>
-
<br>
+
 
-
<ul id = "pmenu">
+
 
-
<li><a>Team &#187;</a>
+
<div id="banner"><a href = "https://2011.igem.org/Team:NCTU_Formosa"><img src = "https://static.igem.org/mediawiki/2011/8/8c/Banner010.jpg" height="236" width="944"/></a></div>
-
<ul>
+
 
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/members">Members</a></li>
+
 
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/school">School</a></li>
+
<ul id="cm-nav">
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/gallery">Gallery</a></li>
+
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa">Home</a></li>
-
</ul>
+
  <li><a onClick="out('cm-nav')" class="arrow">Team </a>
-
</li>
+
      <ul>
-
<li><a>Project &#187;</a>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/members">Members</a></li>
-
<ul>
+
        <li><a href="http://www.nctu.edu.tw/english/index.php">School</a></li>
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/introduction">Introduction</a></li>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/gallery">Gallery</a></li>
-
<li><a>RNA Thermometer &#187;</a>
+
      </ul>
-
  <ul>
+
  </li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_design">Design</a></li>
+
  <li><a onClick="out('cm-nav')" class="arrow">Project</a>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_data">Data</a></li>
+
      <ul class="arrow-pad">
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_discussion">Discussion</a></li>  
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/introduction">Introduction</a></li>
-
  </ul>
+
        <li><a onClick="out('cm-nav')" class="arrow">RNA Thermometer</a>
-
</li>
+
            <ul>
-
<li><a>CI promoter &#187;</a>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_design">Design</a></li>
-
  <ul>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_data">Data</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_design">Design</a></li>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_discussion">Modeling</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_data">Data</a></li>
+
            </ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_discussion">Discussion</a></li>  
+
        </li>
-
  </ul>
+
        <li><a onClick="out('cm-nav')" class="arrow">CI promoter </a>
-
</li>
+
            <ul>
-
<li><a>Carotenoid synthesis pathway &#187;</a>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_design">Design</a></li>
-
  <ul>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_data">Data</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_design">Design</a></li>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_discussion">Modeling</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_data">Data</a></li>
+
            </ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_discussion">Discussion</a></li>
+
        </li>
-
  </ul>
+
        <li><a onClick="out('cm-nav')" class="arrow">Carotenoid synthesis pathway</a>
-
</li>
+
            <ul>
-
<li><a>Butanol pathway &#187;</a>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_design">Design</a></li>
-
  <ul>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_data">Data</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_design">Design</a></li>
+
            </ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_data">Data</a></li>
+
        </li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_discussion">Discussion</a></li>  
+
        <li><a onClick="out('cm-nav')" class="arrow">Butanol pathway</a>
-
  </ul>
+
            <ul>
-
</li>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_design">Design</a></li>
-
<li><a>Violacein pathway &#187;</a>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_data">Data</a></li>
-
  <ul>
+
            </ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_design">Design</a></li>
+
        </li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_data">Data</a></li>
+
        <li><a onClick="out('cm-nav')" class="arrow">Violacein pathway</a>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_discussion">Discussion</a></li>  
+
            <ul>
-
  </ul>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_design">Design</a></li>
-
</li>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_data">Data</a></li>
-
</ul>
+
            </ul>
-
</li>
+
        </li>        
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/modeling">Modeling</a></li>
+
      </ul>
-
<li><a>Safety & Parts &#187;</a>
+
  </li>
-
<ul>
+
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/modeling">Measurements</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/parts">Parts</a></li>
+
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/parts">Parts</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol">Protocol</a></li>
+
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/safty">Safety</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/safty">Safty</a></li>  
+
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/humanpractice">Human Practice</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/contributions">Contributions</a></li>
+
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/contributions">Attribution</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/calendar">Calendar</a></li>
+
  <li><a onClick="out('cm-nav')" class="arrow">Notebook </a>
-
</ul>
+
      <ul>
-
<li>
+
          <li><a onClick="out('cm-nav')" class="arrow">Protocols</a>
-
</ul><br><br>
+
            <ul>
 +
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol">Mutation</a></li>
 +
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol_F">Flow Cytometry</a></li>
 +
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol_G">GC</a></li>
 +
            </ul>
 +
          <li><a href="https://2011.igem.org/Team:NCTU_Formosa/calendar">Calendar</a></li>
 +
      </ul>
 +
  </li>
 +
</ul>
 +
 
 +
 
 +
<br><br>
 +
<div id="blueBox"><p>Gallery</p></div>
 +
<div id="Box1">
 +
<embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="725.76" height="483.84" flashvars="host=picasaweb.google.com&hl=zh_TW&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F102298469390980132218%2Falbumid%2F5659091819003464529%3Falt%3Drss%26kind%3Dphoto%26hl%3Dzh_TW" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
 +
</div>
 +
 
 +
<div id="blueBox"><p>LAB</p></div>
 +
<div id="Box1">
 +
<embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="725.76" height="483.84" flashvars="host=picasaweb.google.com&hl=zh_TW&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F102298469390980132218%2Falbumid%2F5659185223554342369%3Falt%3Drss%26kind%3Dphoto%26hl%3Dzh_TW" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
 +
</div>
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 13:54, 5 October 2011



Gallery

LAB