|
|
| Line 1: |
Line 1: |
| | {{Team:NCTU_Formosa/navigation}} | | {{Team:NCTU_Formosa/navigation}} |
| − |
| |
| − | <html>
| |
| − | <head>
| |
| − | <style tpe=text/css>
| |
| − | body{
| |
| − | background-color:#2d5187;
| |
| − | background-image:url("https://static.igem.org/mediawiki/2015/9/9f/2015_NCTU_Formosa_Project_menu_background.png");
| |
| − | background-repeat: no-repeat;
| |
| − | background-size:72% 100%;
| |
| − | background-position: 45% top;
| |
| − | }
| |
| − | .view {
| |
| − | width: 17vw;
| |
| − | height: 22.9vh;
| |
| − | margin: 10px;
| |
| − | float: left;
| |
| − | overflow: hidden;
| |
| − | position: relative;
| |
| − | text-align: center;
| |
| − | cursor: default;
| |
| − | background-color: transparent;
| |
| − | background-repeat: no-repeat;
| |
| − | background-size:50%;
| |
| − | background-position: center;
| |
| − | }
| |
| − | .view .mask, .view .content {
| |
| − | width: 17vw;
| |
| − | height: 22.9vh;
| |
| − | position: absolute;
| |
| − | overflow: hidden;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | .view img {
| |
| − | display: block;
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .view-first img {
| |
| − | transition: all 0.2s linear;
| |
| − | }
| |
| − | .view-first .mask {
| |
| − | opacity: 0;
| |
| − | background-color: rgba(45,81,135, 0.7);
| |
| − | transition: all 0.4s ease-in-out;
| |
| − | }
| |
| − |
| |
| − | .view-first:hover img {
| |
| − | transform: scale(1.1);
| |
| − | }
| |
| − | .view-first:hover .mask {
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − |
| |
| − |
| |
| − | <div style="position:absolute;top:-3vh;padding-left:18vw;background-color:#2D5187;">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/2/2c/NCTU_Formosa_Project.png" width=80%></div>
| |
| − |
| |
| − | <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="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Overview'">
| |
| − | </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="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Description'">
| |
| − | </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="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Design'">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <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="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Results'">
| |
| − | </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="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Modeling'">
| |
| − | </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="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Parts'">
| |
| − | </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="mask" onclick="location.href='https://2015.igem.org/Team:NCTU_Formosa/Safety'">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </body>
| |
| − | </html>
| |