Team:HokkaidoU Japan/Project

From 2012.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
{{Team:HokkaidoU_Japan/header}}
{{Team:HokkaidoU_Japan/header}}
-
<div id="hokkaidou-column-nav">
+
{{Team:HokkaidoU_Japan/nav.project}}
-
<div id="hokkaidou-logo"><html><img src="https://static.igem.org/mediawiki/2012/9/9e/Hokkaidou_logo_transparent.png" height=250px width=250px alt="hokkaidou team logo" /></html></div>
+
-
</div>
+
<div id="hokkaidou-column-main">
<div id="hokkaidou-column-main">
<!-- DO NOT EDIT OVER THIS LINE @iTakeshi -->
<!-- DO NOT EDIT OVER THIS LINE @iTakeshi -->
 +
<html>
 +
<style type="text/css">
 +
    .hokkaidou-project-index {
 +
        margin:0 0 10px 0;
 +
        display:block;
 +
        height:100px;
 +
        padding:15px;
 +
        background: rgba(255, 255, 255, 0.2);
 +
        color:#b2aaa4;
 +
        -webkit-transition:all 0.2s ease;
 +
        -moz-transition:all 0.2s ease;
 +
        background-repeat:no-repeat;
 +
        text-decoration: none !important;
 +
        border-radius: 1em;
 +
    }
 +
    .hokkaidou-project-index h5 {
 +
        font-size:24px;
 +
        line-height:1;
 +
        padding:0 0 10px 0;
 +
    }
 +
    .hokkaidou-project-index h5 {
 +
        color:white;
 +
    }
 +
    .hokkaidou-project-index:hover p {
 +
        color:white;
 +
    }
 +
    .hokkaidou-project-index p {
 +
        font-size:12px;
 +
        width: 500px;
 +
        line-height:1.5;
 +
        color: #ffffff;
 +
    }
 +
    .hokkaidou-project-index:hover {
 +
        background-position:200px 50%;
 +
    }
 +
    #hokkaidou-project-aggregation {
 +
        background-image: url('https://static.igem.org/mediawiki/2012/e/ea/HokkaidoU2012_Menu_Circle.png');
 +
        background-position: 673px 0;
 +
    }
 +
    #hokkaidou-project-aggregation:hover {
 +
        background-image: url('https://static.igem.org/mediawiki/2012/e/ea/HokkaidoU2012_Menu_Circle.png');
 +
        background-position: 543px 0;
 +
    }
 +
 +
    #hokkaidou-project-phb {
 +
        background-image: url('https://static.igem.org/mediawiki/2012/e/ea/HokkaidoU2012_Menu_Circle.png');
 +
        background-position: 673px -131px;
 +
    }
 +
    #hokkaidou-project-phb:hover {
 +
        background-image: url('https://static.igem.org/mediawiki/2012/e/ea/HokkaidoU2012_Menu_Circle.png');
 +
        background-position: 543px -131px;
 +
    }
 +
 +
    #hokkaidou-project-capsule {
 +
        background-image: url('https://static.igem.org/mediawiki/2012/e/ea/HokkaidoU2012_Menu_Circle.png');
 +
        background-position: 673px -392px;
 +
    }
 +
    #hokkaidou-project-capsule:hover {
 +
        background-image: url('https://static.igem.org/mediawiki/2012/e/ea/HokkaidoU2012_Menu_Circle.png');
 +
        background-position: 543px -392px;
 +
    }
 +
 +
</style>
 +
<h2>Project</h2>
 +
<div class="hokkaidou-section">
 +
<a href="/Team:HokkaidoU_Japan/Project/Aggregation" class="hokkaidou-project-index" id="hokkaidou-project-aggregation">
 +
  <h5>Aggregation Module</h5>
 +
  <p>You have no need to centrifuge anymore.</p>
 +
</a>
 +
<a href="/Team:HokkaidoU_Japan/Project/PHB_Synthesis" class="hokkaidou-project-index" id="hokkaidou-project-phb">
 +
  <h5>PHB Synthesis</h5>
 +
  <p>PHB has possibility to be utilized in various fields.</p>
 +
</a>
 +
<a href="/Team:HokkaidoU_Japan/Project/Biocapsule" class="hokkaidou-project-index" id="hokkaidou-project-capsule">
 +
  <h5>Biocapsule</h5>
 +
  <p>What happens when these two modules work?</p>
 +
</a>
 +
</div>
 +
</html>
<!-- DO NOT EDIT UNDER THIS LINE @iTakeshi -->
<!-- DO NOT EDIT UNDER THIS LINE @iTakeshi -->

Latest revision as of 00:53, 27 September 2012

Project