Difference between revisions of "Team:NYMU-Taipei"

Line 6: Line 6:
 
<style type="text/css">
 
<style type="text/css">
  
 +
body{ background-color: #666666; }
 
*{ padding:0; margin:0; font:13px/1.5em Arial, Helvetica, sans-serif;}
 
*{ padding:0; margin:0; font:13px/1.5em Arial, Helvetica, sans-serif;}
  
−
.mask{ height:190px; overflow:hidden; float:left; margin:0 0 0 0; width:25%;}
+
.mask{ height:190px; overflow:hidden; float:left; /*margin:0 0 0 0;*/ width:24.9%; margin:1px 0 0 1px; ma}
 
.boxWrap{
 
.boxWrap{
 
width: 345px;
 
width: 345px;
Line 18: Line 19:
 
.boxWrap:hover{ margin-top:-189px;}
 
.boxWrap:hover{ margin-top:-189px;}
 
.boxWrap h1{ font-size:17px; color:#000;}
 
.boxWrap h1{ font-size:17px; color:#000;}
−
.box1, .box2{ background-color:#EEE; color:#666; height:190px;}
+
.box1, .box21, .box22, .box23, .box24{ background-color:#EEE; color:#666; height:190px;}
−
.box2{ margin-top: -1px; position:relative;}
+
.box21{ margin-top: -2px; position:relative;}
−
.box2 p{ margin-bottom:.5em;}
+
.box22{ margin-top: -2px; position:relative;}
−
 
+
.box23{ margin-top: -2px; position:relative;}
−
</style>
+
.box24{ margin-top: -2px; position:relative;}
 +
.box21 img{ z-index: 0; position:absolute;}
 +
.box22 img{ z-index: 0; position:absolute;}
 +
.box23 img{ z-index: 0; position:absolute;}
 +
.box24 img{ z-index: 0; position:absolute;}
 +
.box21 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 +
.box22 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 +
.box23 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}
 +
.box24 p{ z-index: 1; position:absolute; color:#FFFFFF; font-size:16px; font:"Arial Black", Gadget, sans-serif; margin-top:50px;}</style>
  
 
</html>
 
</html>
  
 
<html>
 
<html>
 +
 +
<body>
  
 
<div>
 
<div>
Line 39: Line 50:
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="https://static.igem.org/mediawiki/2016/5/50/OVERVIEW%28%E9%A0%90%E5%82%99%E5%9C%96%E7%89%87%29.jpg" width="100%" height="100%" />
+
         <img src="https://static.igem.org/mediawiki/2016/c/ce/OVERVIEW%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
 
         <h1>OVERVIEW</h1>
 
         <h1>OVERVIEW</h1>
 
         </div>
 
         </div>
−
       <div class="box2">
+
       <div class="box21">
−
         <h1>OVERVIEW</h1>
+
         <img src="https://static.igem.org/mediawiki/2016/d/d0/T-NYMU-Taipei-photo-BK3.png" width="100%" height="198px" >
−
         <p>農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
         <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 51: Line 62:
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="https://static.igem.org/mediawiki/2016/7/7f/PART%28%E9%A0%90%E5%82%99%E5%9C%96%E7%89%87%29.jpg" width="100%" height="100%" />
+
         <img src="https://static.igem.org/mediawiki/2016/a/a7/T-NYMU-Taipei-photo-PART%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
 
         <h1>Photoshop</h1>
 
         <h1>Photoshop</h1>
 
         </div>
 
         </div>
−
       <div class="box2">
+
       <div class="box22">
−
        <h1>Photoshop</h1>
+
    <img src="https://static.igem.org/mediawiki/2016/a/ab/T-NYMU-Taipei-photo-PART%28%E6%9A%AB%E5%AE%9A%292.png" width="100%" height="198px" >
−
         <p>農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
         <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 63: Line 74:
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="https://static.igem.org/mediawiki/2016/a/aa/PROTOTYPE%28%E9%A0%90%E5%82%99%E5%9C%96%E7%89%87%29.jpg" width="100%" height="100%" />
+
         <img src="https://static.igem.org/mediawiki/2016/9/93/T-NYMU-Taipei-photo-PROTOTYPE%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
 
         <h1>ActionScript 3.0</h1>
 
         <h1>ActionScript 3.0</h1>
 
         </div>
 
         </div>
−
       <div class="box2">
+
       <div class="box23">
−
         <h1>ActionScript 3.0</h1>
+
         <img src="https://static.igem.org/mediawiki/2016/b/b4/T-NYMU-Taipei-photo-PROTOTYPE%28%E6%9A%AB%E5%AE%9A%292.png" width="100%" height="198px" >
−
         <p>農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
         <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 75: Line 86:
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="https://static.igem.org/mediawiki/2016/7/73/PRACTICE%28%E9%A0%90%E5%82%99%E5%9C%96%E7%89%87%29.png" width="100%" height="100%" />
+
         <img src="https://static.igem.org/mediawiki/2016/9/98/HUMANPRACTICE%28%E6%9A%AB%E5%AE%9A%291.png" width="100%" height="100%" />
 
         <h1>Android APP</h1>
 
         <h1>Android APP</h1>
 
         </div>
 
         </div>
−
       <div class="box2">
+
       <div class="box24">
−
         <h1>Android APP</h1>
+
         <img src="https://static.igem.org/mediawiki/2016/9/99/HUMANPRACTICE%28%E6%9A%AB%E5%AE%9A%292.png" width="100%" height="198px" >
−
         <p>農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
+
         <p align="center">農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起</p>
 
       </div>
 
       </div>
 
</div>
 
</div>
 +
 +
</body>
  
 
</html>
 
</html>

Revision as of 09:44, 2 August 2016

OVERVIEW

農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起

Photoshop

農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起

ActionScript 3.0

農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起

Android APP

農業經濟損失，科學家研究基改真菌，我們要把兩者連接在一起