Team:HokkaidoU Japan

From 2011.igem.org

(Difference between revisions)
Line 5: Line 5:
<html>
<html>
     <script type="text/javascript">
     <script type="text/javascript">
-
     $(document).ready( function(){  
+
     $(function(){
-
      $('#lofslidecontent45').lofJSidernews({  
+
        $('#lofslidecontent45').lofJSidernews({  
-
        interval : 4000,
+
            interval       : 4000,
-
        direction      : 'opacitys',   
+
            easing          : 'easeInOutQuad',
-
        easing          : 'easeInOutExpo',
+
            duration        : 1200,
-
        duration        : 1200,
+
            auto            : false,
-
        auto            : false,
+
            maxItemDisplay  : 3,
-
        maxItemDisplay  : 4,
+
            startItem      : 1,
-
        navPosition    : 'horizontal',
+
            navPosition    : 'horizontal',
-
        navigatorHeight : 32,
+
            navigatorHeight : 15,
-
        navigatorWidth  : 80,
+
            navigatorWidth  : 25,
-
        mainWidth      : 980,
+
            mainWidth      : 900
-
         buttons        : {
+
         });
-
            previous    : $('#lofslidecontent45 .lof-previous') ,
+
-
            next        : $('#lofslidecontent45 .lof-next')
+
-
        }
+
-
      });
+
     });
     });
     </script>
     </script>
     <style>
     <style>
-
      @charset "utf-8";
+
.lof-slidecontent, .lof-slidecontent a {
-
      .lof-slidecontent, .lof-slidecontent a {
+
  color:#FFF;   
-
        color:#FFF;   
+
}
-
      }
+
.lof-slidecontent a.readmore{
-
      .lof-slidecontent a.readmore{
+
  color:#58B1EA;
-
        color:#58B1EA;
+
  font-size:95%;
-
        font-size:95%;
+
 
-
      }
+
}
-
      .lof-slidecontent{
+
.lof-slidecontent{
-
        position:relative;
+
  position:relative;
-
        overflow:hidden;
+
  overflow:hidden;
-
        border:#F4F4F4 solid 1px;
+
  border:#F4F4F4 solid 1px;
-
      }
+
}
-
      .lof-slidecontent .preload{
+
.lof-slidecontent .preload{
-
        height:100%;
+
  height:100%;
-
        width:100%;
+
  width:100%;
-
        position:absolute;
+
  position:absolute;
-
        top:0;
+
  top:0;
-
        left:0;
+
  left:0;
-
        z-index:100000;
+
  z-index:100000;
-
        text-align:center;
+
  text-align:center;
-
        background:#FFF
+
  background:#FFF
-
      }
+
}
-
      .lof-slidecontent .preload div{
+
.lof-slidecontent .preload div{
-
        height:100%;
+
  height:100%;
-
        width:100%;
+
  width:100%;
-
        background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
+
  background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
-
      }
+
}
-
      .lof-main-outer{
+
.lof-main-outer{
-
        position:relative;
+
  position:relative;
-
        height:100%;
+
  height:100%;
-
        width:900px;
+
  width:900px;
-
        z-index:3px;
+
  z-index:3px;
-
        overflow:hidden;
+
  overflow:hidden;
-
      }
+
}
-
      /*******************************************************/
+
-
      .lof-main-item-desc{
+
-
        z-index:100px;
+
-
        position:absolute;
+
-
        bottom:50px;
+
-
        left:0px;
+
-
        width:350px;
+
-
        background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
+
-
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
+
-
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
+
-
        background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
+
-
        background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
+
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
+
-
        background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
+
-
        height:100px;
+
-
        opacity:0.7;
+
-
        padding:10px;
+
-
      }
+
-
      .lof-main-item-desc p{
+
-
        margin:0 8px;
+
-
        padding:8px 0
+
-
      }
+
-
      .lof-main-item-desc h3{
+
-
        padding:0;
+
-
        margin:0
+
-
      }
+
-
      .lof-main-item-desc h2{
+
-
        padding:0;
+
-
        margin:15px 0 0 0px;
+
-
      }
+
-
      .lof-main-item-desc h3 a{ 
+
-
        margin:0;
+
-
        background:#C01F25;
+
-
        font-size:75%;
+
-
        padding:2px 3px;
+
-
        font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
+
-
        text-transform:uppercase;
+
-
        text-decoration:none
+
-
      }
+
-
      .lof-main-item-desc h3 a:hover{
+
-
        text-decoration:underline;
+
-
      }
+
-
      .lof-main-item-desc h3 i {
+
-
        font-size:70%;
+
-
      }
+
-
      /* main flash */
 
-
      ul.lof-main-wapper{
 
-
        /* margin-right:auto; */
 
-
        overflow:hidden;
 
-
        background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
 
-
        padding:0px;
 
-
        margin:0;
 
-
        position:absolute;
 
-
        overflow:hidden;
 
-
      }
 
-
      ul.lof-main-wapper li{
+
/*******************************************************/
-
        overflow:hidden;
+
.lof-main-item-desc{
-
        padding:0px;
+
  z-index:100px;
-
        margin:0px;
+
  position:absolute;
-
        float:left;
+
  bottom:50px;
-
        position:relative;
+
  left:0px;
-
      }
+
  width:350px;
-
      .lof-opacity  li{
+
  background:url(../images/bg_trans.png);
-
        position:absolute;
+
  height:100px;
-
        top:0;
+
  /* filter:0.7(opacity:60) */
-
        left:0;
+
  padding:10px;
-
        float:inherit;
+
}
-
      }
+
.lof-main-item-desc p{
-
      ul.lof-main-wapper li img{
+
  margin:0 8px;
-
        padding:0px;   
+
  padding:8px 0
-
      }
+
}
 +
.lof-main-item-desc h3{
 +
  padding:0;
 +
  margin:0
 +
}
 +
.lof-main-item-desc h2{
 +
  padding:0;
 +
  margin:15px 0 0 0px;
 +
}
 +
.lof-main-item-desc h3 a{  
 +
  margin:0;
 +
  background:#C01F25;
 +
  font-size:75%;
 +
  padding:2px 3px;
 +
  font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
 +
  text-transform:uppercase;
 +
  text-decoration:none
 +
}
 +
.lof-main-item-desc h3 a:hover{
-
      /* item navigator */
+
  text-decoration:underline;
-
      .lof-navigator-wapper {
+
}
-
        position:absolute;
+
.lof-main-item-desc h3 i {
-
        bottom:10px;
+
  font-size:70%;
-
        right:10px;
+
}
-
        background:url(../images/transparent_bg.png) repeat;
+
-
        padding:5px 0px;
+
-
      }
+
-
      .lof-navigator-outer{
+
-
        position:relative;
+
-
        z-index:100;
+
-
        height:180px;
+
-
        width:310px;
+
-
        overflow:hidden;
+
-
        color:#FFF;
+
-
        float:left
+
-
      }
+
-
      ul.lof-navigator{
+
-
        top:0;
+
-
        padding:0;
+
-
        margin:0;
+
-
        position:absolute;
+
-
        width:100%;
+
-
      }
+
-
      ul.lof-navigator li{
+
-
        cursor:hand;
+
-
        cursor:pointer;
+
-
        list-style:none;
+
-
        padding:0;
+
-
        margin-left:0px;
+
-
        overflow:hidden;
+
-
        float:left;
+
-
        display:block;
+
-
        text-align:center;
+
/* main flash */
 +
ul.lof-main-wapper{
 +
  /* margin-right:auto; */
 +
  overflow:hidden;
 +
  background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
 +
  padding:0px;
 +
  margin:0;
 +
  position:absolute;
 +
  overflow:hidden;
 +
}
-
      }
+
ul.lof-main-wapper li{
-
      ul.lof-navigator li img{
+
  overflow:hidden;
-
        border:#666 solid 3px;
+
  padding:0px;
-
      }
+
  margin:0px;
-
      ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
+
  float:left;
-
        border:#A8A8A8 solid 3px;
+
  position:relative;
-
      }
+
}
-
      .lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous{
+
.lof-opacity {
-
        display:block;
+
  overflow:visible  !important;;
-
        width:22px;
+
  position:absolute !important;
-
        height:30px;
+
}
-
        color:#FFF;
+
.lof-opacity li{
-
        cursor:pointer;
+
  position:absolute  !important;;
 +
  top:0;
 +
  left:0;
 +
  float:inherit  !important;
 +
}
 +
ul.lof-main-wapper li img{
 +
  padding:0px;
 +
}
-
      }
+
/* item navigator */
-
      .lof-navigator-wapper .lof-next {
+
.lof-navigator-wapper {
-
        float:left;
+
  position:absolute;
-
        text-indent:-999px;
+
  bottom:10px;
-
        margin-right:5px;
+
  right:10px;
-
        background:url(../images/arrow-l.png) no-repeat right center;
+
  background:#000;
-
      }
+
  padding:5px 15px;
-
      .lof-navigator-wapper .lof-previous {
+
  -moz-border-radius:5px 5px 5px 5px;
-
        float:left;
+
 
-
        text-indent:-999px;
+
}
-
        margin-left:5px;
+
.lof-navigator-outer{
-
        background:url(../images/arrow-r.png) no-repeat left center;
+
  position:relative;
-
      }
+
  z-index:100;
 +
  height:180px;
 +
  width:310px;
 +
  overflow:hidden;
 +
  color:#FFF;
 +
  float:left
 +
}
 +
ul.lof-navigator{
 +
  top:0;
 +
  padding:0;
 +
  margin:0;
 +
  position:absolute;
 +
  width:100%;
 +
}
 +
ul.lof-navigator li{
 +
  cursor:hand;
 +
  cursor:pointer;
 +
  list-style:none;
 +
  padding:0;
 +
  margin-left:0px;
 +
  overflow:hidden;
 +
  float:left;
 +
  display:block;
 +
  text-align:center;
 +
 
 +
}
 +
ul.lof-navigator li.active , ul.lof-navigator li:hover  {
 +
  background:#FFF;
 +
  color:#000;
 +
  display:block;
 +
}
     </style>
     </style>
-
<div id="lofslidecontent45" class="lof-slidecontent" style="width:980px; height:340px;">
+
<div id="lofslidecontent45" class="lof-slidecontent" style="width:900px; height:340px;">
<div class="preload"><div></div></div>
<div class="preload"><div></div></div>
-
   <div class="lof-main-outer" style="width:980px; height:340px;">
+
   <div class="lof-main-outer" style="width:900px; height:340px;">
-
      <ul class="lof-main-wapper">
+
    <ul class="lof-main-wapper">
-
          <li>
+
      <li>
-
                <img src="images/thumbl_980x340.png" title="Newsflash 2" >           
+
            <img src="images/thumbl_980x340.png" title="Newsflash 2" >           
                 <div class="lof-main-item-desc">
                 <div class="lof-main-item-desc">
                 <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
                 <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
-
                <h2>Content of Newsflash 1</h2>
+
        <h2>Content of Newsflash 1</h2>
                 <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                 <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                 <a class="readmore" href="#">Read more </a>
                 <a class="readmore" href="#">Read more </a>
Line 213: Line 190:
         </li>  
         </li>  
       <li>
       <li>
-
            <img src="images/thumbl_980x340_002.png" title="Newsflash 1" >           
+
          <img src="images/thumbl_980x340_002.png" title="Newsflash 1" >           
-
              <div class="lof-main-item-desc">
+
            <div class="lof-main-item-desc">
-
                 <h3><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a>     <i> — Monday, February 15, 2010 12:42</i></h3>
+
                 <h3><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a>   <i> — Monday, February 15, 2010 12:42</i></h3>
                 <h2>Content of Newsflash 2</h2>
                 <h2>Content of Newsflash 2</h2>
                 <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
                 <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
Line 223: Line 200:
         </li>  
         </li>  
       <li>
       <li>
-
            <img src="images/thumbl_980x340_003.png" title="Newsflash 3" >             
+
          <img src="images/thumbl_980x340_003.png" title="Newsflash 3" >             
-
              <div class="lof-main-item-desc">
+
            <div class="lof-main-item-desc">
-
                 <h3><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a>     <i> — Monday, February 15, 2010 12:42</i></h3>
+
                 <h3><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a>   <i> — Monday, February 15, 2010 12:42</i></h3>
                 <h2>Content of Newsflash 3</h2>
                 <h2>Content of Newsflash 3</h2>
                 <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
                 <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
Line 234: Line 211:
         <li>
         <li>
-
            <img src="images/thumbl_980x340_004.png" title="Newsflash 5" >             
+
          <img src="images/thumbl_980x340_004.png" title="Newsflash 5" >             
-
              <div class="lof-main-item-desc">
+
            <div class="lof-main-item-desc">
-
                 <h3><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a>   <i> — Monday, February 15, 2010 12:42</i></h3>
+
                 <h3><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
                 <h2>Content of Newsflash 4</h2>
                 <h2>Content of Newsflash 4</h2>
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
Line 246: Line 223:
         <li>
         <li>
-
            <img src="images/thumbl_980x340_005.png" title="Newsflash 5" >             
+
          <img src="images/thumbl_980x340_005.png" title="Newsflash 5" >             
-
              <div class="lof-main-item-desc">
+
            <div class="lof-main-item-desc">
-
                 <h3><a target="_parent" title="Newsflash 5" href="#">/ Newsflash 5 /</a>   <i> — Monday, February 15, 2010 12:42</i></h3>
+
                 <h3><a target="_parent" title="Newsflash 5" href="#">/ Newsflash 5 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
               <h2>Content of Newsflash 5</h2>
               <h2>Content of Newsflash 5</h2>
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
Line 257: Line 234:
         <li>
         <li>
-
            <img src="images/thumbl_980x340_006.png" title="Newsflash 5" >             
+
          <img src="images/thumbl_980x340_006.png" title="Newsflash 5" >             
-
              <div class="lof-main-item-desc">
+
            <div class="lof-main-item-desc">
-
                 <h3><a target="_parent" title="Newsflash 6" href="#">/ Newsflash 6 /</a>   <i> — Monday, February 15, 2010 12:42</i></h3>
+
                 <h3><a target="_parent" title="Newsflash 6" href="#">/ Newsflash 6 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
                 <h2>Content of Newsflash 6</h2>
                 <h2>Content of Newsflash 6</h2>
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
Line 267: Line 244:
         </li>  
         </li>  
         <li>
         <li>
-
            <img src="images/thumbl_980x340_007.png" title="Newsflash 5" >             
+
          <img src="images/thumbl_980x340_007.png" title="Newsflash 5" >             
-
              <div class="lof-main-item-desc">
+
            <div class="lof-main-item-desc">
-
                 <h3><a target="_parent" title="Newsflash 7" href="#">/ Newsflash 7 /</a>   <i> — Monday, February 15, 2010 12:42</i></h3>
+
                 <h3><a target="_parent" title="Newsflash 7" href="#">/ Newsflash 7 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
                 <h2>Content of Newsflash 7</h2>
                 <h2>Content of Newsflash 7</h2>
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
Line 277: Line 254:
         </li>  
         </li>  
           <li>
           <li>
-
            <img src="images/thumbl_980x340_008.png" title="Newsflash 8" >             
+
          <img src="images/thumbl_980x340_008.png" title="Newsflash 8" >             
-
              <div class="lof-main-item-desc">
+
            <div class="lof-main-item-desc">
-
                 <h3><a target="_parent" title="Newsflash 8" href="#">/ Newsflash 8 /</a>   <i> — Monday, February 15, 2010 12:42</i></h3>
+
                 <h3><a target="_parent" title="Newsflash 8" href="#">/ Newsflash 8 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
                 <h2>Content of Newsflash 8</h2>
                 <h2>Content of Newsflash 8</h2>
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                 <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
-
                    <a class="readmore" href="#">Read more </a>
+
                  <a class="readmore" href="#">Read more </a>
                 </p>
                 </p>
             </div>
             </div>
         </li>  
         </li>  
-
       </ul>    
+
       </ul>  
   </div>
   </div>
<div class="lof-navigator-wapper">
<div class="lof-navigator-wapper">
-
 
-
        <div onclick="return false" href="" class="lof-next">Next</div>
 
       <div class="lof-navigator-outer">
       <div class="lof-navigator-outer">
             <ul class="lof-navigator">
             <ul class="lof-navigator">
-
               <li><img src="images/thumbs/thumbl_980x340.png" /></li>
+
               <li><span>1</span></li>
-
               <li><img src="images/thumbs/thumbl_980x340_002.png" /></li>
+
               <li><span>2</span></li>
-
               <li><img src="images/thumbs/thumbl_980x340_003.png" /></li>
+
               <li><span>3</span></li>
-
               <li><img src="images/thumbs/thumbl_980x340_004.png" /></li>     
+
               <li><span>4</span></li>     
-
               <li><img src="images/thumbs/thumbl_980x340_005.png" /></li>
+
               <li><span>5</span></li>
-
               <li><img src="images/thumbs/thumbl_980x340_006.png" /></li>       
+
               <li><span>6</span></li>       
-
               <li><img src="images/thumbs/thumbl_980x340_007.png" /></li>       
+
               <li><span>7</span></li>       
-
               <li><img src="images/thumbs/thumbl_980x340_008.png" /></li>              
+
               <li><span>8</span></li>          
             </ul>
             </ul>
       </div>
       </div>
-
        <div onclick="return false" href="" class="lof-previous">Previous</div>
+
</div>
-
  </div>  
+
  </div>
-
</div>
+
   
 +
 
</html>
</html>

Revision as of 04:58, 5 October 2011

Contents


  • / Newsflash 1 / — Monday, February 15, 2010 12:42

    Content of Newsflash 1

    The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,... Read more

  • / Newsflash 2 / — Monday, February 15, 2010 12:42

    Content of Newsflash 2

    Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are... Read more

  • / Newsflash 3 / — Monday, February 15, 2010 12:42

    Content of Newsflash 3

    With a library of thousands of free Extensions, you can add what you need as your site grows. Don't... Read more

  • / Newsflash 4 / — Monday, February 15, 2010 12:42

    Content of Newsflash 4

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 5 / — Monday, February 15, 2010 12:42

    Content of Newsflash 5

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 6 / — Monday, February 15, 2010 12:42

    Content of Newsflash 6

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 7 / — Monday, February 15, 2010 12:42

    Content of Newsflash 7

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 8 / — Monday, February 15, 2010 12:42

    Content of Newsflash 8

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

  • / Newsflash 1 / — Monday, February 15, 2010 12:42

    Content of Newsflash 1

    The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,... Read more

  • / Newsflash 2 / — Monday, February 15, 2010 12:42

    Content of Newsflash 2

    Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are... Read more

  • / Newsflash 3 / — Monday, February 15, 2010 12:42

    Content of Newsflash 3

    With a library of thousands of free Extensions, you can add what you need as your site grows. Don't... Read more

  • / Newsflash 4 / — Monday, February 15, 2010 12:42

    Content of Newsflash 4

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 5 / — Monday, February 15, 2010 12:42

    Content of Newsflash 5

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 6 / — Monday, February 15, 2010 12:42

    Content of Newsflash 6

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 7 / — Monday, February 15, 2010 12:42

    Content of Newsflash 7

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • / Newsflash 8 / — Monday, February 15, 2010 12:42

    Content of Newsflash 8

    Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... Read more

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

トップページ建設予定地

今日から本気出す

デザインは後でやる


Retrieved from "http://2011.igem.org/Team:HokkaidoU_Japan"