Difference between revisions of "Team:NCTU Formosa/Project"

Line 1: Line 1:
 
{{Team:NCTU_Formosa/navigation}}
 
{{Team:NCTU_Formosa/navigation}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
Line 5: Line 6:
 
body{
 
body{
 
background-color: #2D5187 ;
 
background-color: #2D5187 ;
 +
background-image: url(https://static.igem.org/mediawiki/2015/1/18/NCTU_Formosa_Project_menu_background.png);
 +
background-repeat: no-repeat;
 +
background-size:72% 100%;
 +
background-position: 45% top;
 
}
 
}
 
.view {
 
.view {
Line 15: Line 20:
 
     text-align: center;
 
     text-align: center;
 
     cursor: default;
 
     cursor: default;
−
     background-color: #2D5187 ;
+
     background-color: transparent;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
 
background-size:50%;
 
background-size:50%;
Line 27: Line 32:
 
     top: 0;
 
     top: 0;
 
     left: 0;
 
     left: 0;
 +
cursor: pointer;
 
}
 
}
 
.view img {
 
.view img {
Line 33: Line 39:
 
}
 
}
  
−
.view a.info {
+
 
−
    display: inline-block;
+
−
    text-decoration: none;
+
−
    padding: 7px 14px;
+
−
    background: #000;
+
−
    color: #fff;
+
−
    text-transform: uppercase;
+
−
    box-shadow: 0 0 1px #000;
+
−
position:absolute;
+
−
top:8vh;
+
−
left:5.37vw;
+
−
}
+
−
.view a.info:hover {
+
−
    box-shadow: 0 0 5px #000
+
−
} 
+
 
.view-first img {  
 
.view-first img {  
 
     transition: all 0.2s linear;
 
     transition: all 0.2s linear;
Line 57: Line 49:
 
}
 
}
  
−
.view-first a.info{
 
−
    opacity: 0;
 
−
transition: all 0.2s ease-in-out;
 
−
}
 
 
.view-first:hover img {  
 
.view-first:hover img {  
 
transform: scale(1.1);
 
transform: scale(1.1);
Line 68: Line 56:
 
}
 
}
  
−
.view-first:hover a.info {
 
−
    opacity: 1;
 
−
    transform: translateY(0px);
 
−
}
 
−
 
−
.view-first:hover a.info {
 
−
    transition-delay: 0.2s;
 
−
}
 
−
 
  
 
.logo{
 
.logo{
Line 88: Line 67:
 
top:0vh;
 
top:0vh;
 
         z-index:9;
 
         z-index:9;
−
}
+
}  
 
</style>
 
</style>
−
 
 
</head>
 
</head>
 
<body>
 
<body>
Line 98: Line 76:
 
<img src="https://static.igem.org/mediawiki/2015/2/2c/NCTU_Formosa_Project.png" width=80%></div>
 
<img src="https://static.igem.org/mediawiki/2015/2/2c/NCTU_Formosa_Project.png" width=80%></div>
  
−
<div style="position:absolute;top:40vh;padding-left:23vw;">
+
<div style="position:absolute;top:35vh;padding-left:23vw;">
 
                 <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/9/90/2015NCTU_Formosa_Project_menu1.png);">   
 
                 <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/9/90/2015NCTU_Formosa_Project_menu1.png);">   
−
                     <div class="mask"> 
+
                     <div class="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Overview'">  
−
                        <a href="https://2015.igem.org/Team:NCTU_Formosa/Overview" class="info">Read More</a>
+
 
                     </div>     
 
                     </div>     
 
                 </div>   
 
                 </div>   
 
                 <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/c/c4/NCTU_Formosa_Project_menu2.png);">   
 
                 <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/c/c4/NCTU_Formosa_Project_menu2.png);">   
−
                     <div class="mask"> 
+
                     <div class="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Description'">
−
                        <a href="https://2015.igem.org/Team:NCTU_Formosa/Description" class="info">Read More</a> 
+
 
                     </div>     
 
                     </div>     
 
                 </div>  
 
                 </div>  
 
                 <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/2/2f/NCTU_Formosa_Project_menu3.png);">   
 
                 <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/2/2f/NCTU_Formosa_Project_menu3.png);">   
−
                     <div class="mask">   
+
                     <div class="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Design'">  
−
                        <a href="https://2015.igem.org/Team:NCTU_Formosa/Design" class="info">Read More</a> 
+
 
                     </div>     
 
                     </div>     
 
                 </div>   
 
                 </div>   
 
         </div>
 
         </div>
−
<div style="position:absolute;top:70vh;padding-left:14vw;">
+
<div style="position:absolute;top:65vh;padding-left:14vw;">
 
             <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/2/2f/NCTU_Formosa_Project_menu4.png);">   
 
             <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/2/2f/NCTU_Formosa_Project_menu4.png);">   
−
                    <div class="mask"> 
+
                    <div class="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Results'">    
−
                        <a href="https://2015.igem.org/Team:NCTU_Formosa/Results" class="info">Read More</a>  
+
 
                     </div>     
 
                     </div>     
 
             </div>   
 
             </div>   
 
                 <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/9/95/NCTU_Formosa_Project_menu5.png);">   
 
                 <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/9/95/NCTU_Formosa_Project_menu5.png);">   
−
                     <div class="mask"> 
+
                     <div class="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Modeling'">  
−
                        <a href="https://2015.igem.org/Team:NCTU_Formosa/Modeling" class="info">Read More</a>
+
 
                     </div>     
 
                     </div>     
 
                 </div>   
 
                 </div>   
 
             <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/2/24/NCTU_Formosa_Project_menu6.png);">   
 
             <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/2/24/NCTU_Formosa_Project_menu6.png);">   
−
                 <div class="mask"> 
+
                 <div class="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Parts'">  
−
                    <a href="https://2015.igem.org/Team:NCTU_Formosa/Parts" class="info">Read More</a> 
+
                    </div>     
−
                </div>     
+
 
             </div>   
 
             </div>   
 
             <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/e/ea/NCTU_Formosa_Project_menu7.png);">   
 
             <div class="view view-first" style="background-image:url(https://static.igem.org/mediawiki/2015/e/ea/NCTU_Formosa_Project_menu7.png);">   
−
                 <div class="mask"> 
+
                 <div class="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Safety'">  
−
                    <a href="https://2015.igem.org/Team:NCTU_Formosa/Safety" class="info">Read More</a> 
+
                    </div>
−
                </div>  
+
 
             </div>   
 
             </div>   
 
     </div>
 
     </div>

Revision as of 09:33, 25 August 2015