Team:HokkaidoU Japan/Project
From 2012.igem.org
(Difference between revisions)
(13 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<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