Difference between revisions of "Team:NAU-CHINA/Conclusion"

 
(18 intermediate revisions by the same user not shown)
Line 51: Line 51:
 
                         #top_menu_inside .submenu{min-height:250px;}
 
                         #top_menu_inside .submenu{min-height:250px;}
 
#abstract{
 
#abstract{
background-color: rgba(147,251,152,0.7);
+
background-color: rgba(147,251,152,0.9);
 
position: fixed;
 
position: fixed;
margin: 20px 15% 0 15%;
+
margin: 1.25em 20em 0 20em;
 
height: 90%;
 
height: 90%;
 
                         z-index:-1;
 
                         z-index:-1;
Line 61: Line 61:
 
}
 
}
 
#scroll_to_bottom{
 
#scroll_to_bottom{
margin: 30% 30% 0 42%;
+
margin: 35% 30% 0 42%;
 
position: fixed;
 
position: fixed;
 
text-align: center;
 
text-align: center;
Line 72: Line 72:
 
    .menu{
 
    .menu{
 
        display: none;
 
        display: none;
        opacity: 0;
 
 
    }
 
    }
  
Line 80: Line 79:
  
 
}
 
}
                @media screen and (max-width: 980px){
+
 
 +
@media screen and (max-width: 980px){
 
#ClickBack{
 
#ClickBack{
 
display: none;
 
display: none;
Line 102: Line 102:
 
background-color: white;
 
background-color: white;
 
}
 
}
}
+
    .menu{
 +
        display: none;
 +
    }
 +
 
 +
    .container {
 +
        display: block;
 +
    }
 +
}
 
@media screen and (min-width: 1170px) {
 
@media screen and (min-width: 1170px) {
  
Line 118: Line 125:
 
text-align: center;
 
text-align: center;
 
position: fixed;
 
position: fixed;
bottom: 3%;
+
bottom: 5%;
right: 15%;
+
right: 20%;
 
                         display:none;
 
                         display:none;
 
                         font-family:'Comic Sans MS','Arial Black';
 
                         font-family:'Comic Sans MS','Arial Black';
Line 125: Line 132:
  
 
#ClickBack img{
 
#ClickBack img{
width: 100px;
+
width: 6em;
 
}
 
}
#abstract h1,p{
+
#abstract h1{
 
font-family:'Comic Sans MS','Arial Black';
 
font-family:'Comic Sans MS','Arial Black';
margin-left: 20%;
+
margin-left: 5em;
margin-right: 20%;
+
margin-right: 5em;
margin-top: 40px;
+
margin-top: 5em;
 +
                        font-size:17px;
 +
}
 +
#abstract p{
 +
font-family:'Comic Sans MS','Arial Black';
 +
margin-left: 5em;
 +
margin-right: 5em;
 +
                        font-size:17px;
 +
}
 +
#img01{
 +
-webkit-transform: rotate(15deg);
 +
            -moz-transform: rotate(-15deg);
 +
            -o-transform: rotate(-15deg);
 +
            display: none;
 +
            width: 550px;
 +
            margin:0 auto;
 +
}
 +
#img02{
 +
-webkit-transform: rotate(-15deg);
 +
            -moz-transform: rotate(15deg);
 +
            -o-transform: rotate(15deg);
 +
            display: none;
 +
            width: 600px;
 +
            margin:0 auto;
 
}
 
}
 
 
</style>
 
</style>
 
<script type="text/javascript">
 
<script type="text/javascript">
Line 158: Line 187:
 
     $("#abstract").fadeOut("slow");
 
     $("#abstract").fadeOut("slow");
 
     $("#ClickBack").fadeOut("slow");
 
     $("#ClickBack").fadeOut("slow");
 +
  });
 +
 +
  $("#Click_Fun").click(function(){
 +
  $("#img01").slideToggle();
 +
  $("#img02").slideToggle();
 +
  });
 +
  $("#img01").click(function(){
 +
  $("#img01").slideToggle();
 +
  });
 +
$("#img02").click(function(){
 +
  $("#img02").slideToggle();
 
   });
 
   });
 
});
 
});
Line 228: Line 268:
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_List">Part List</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_List">Part List</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Basic_Part">Basic Part</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Basic_Part">Basic Part</a></li>
<li><a href="http://https://2016.igem.org/Team:NAU-CHINA/Composite_Part">Composite Part</a></li>
+
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Composite_Part">Composite Part</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_Collection">Collection</a></li>
 
<li><a href="https://2016.igem.org/Team:NAU-CHINA/Part_Collection">Collection</a></li>
 
 
Line 249: Line 289:
  
 
<div id="abstract">
 
<div id="abstract">
<br><br><br><br>
+
<br><br><br>
<h1  style="font-family:'Comic Sans MS','Arial Black';font-size:18px;"><b>The Ending Story &  The Fresh Start</b></h1>
+
<h1  style="font-family:'Comic Sans MS','Arial Black';"><b>The Ending Story &  The Fresh Start</b></h1>
<p  style="font-family:'Comic Sans MS','Arial Black';font-size:18px;">We worked on the project making it better. It may not be the best but we tried our best. Cherish the past time fighting together and carry the memory throughout the next.</p>
+
<p  style="font-family:'Comic Sans MS','Arial Black';">We worked on the project making it better. It may not be the best but we tried our best. Cherish the past time fighting together and carry the memory throughout the next.</p>
<br>
+
<p style="font-family:'Comic Sans MS','Arial Black';">Key words:</p>
<p style="font-family:'Comic Sans MS','Arial Black';font-size:18px;">Key words:</p>
+
<p style="font-family:'Comic Sans MS','Arial Black';"><b>></b>  The beauty</p>
<p style="font-family:'Comic Sans MS','Arial Black';font-size:18px;"><b>></b>  The beauty</p>
+
<p style="font-family: 'Comic Sans MS','Arial Black';text-align: center;color: blue;" id="Click_Fun">for fun...yoo-hoo!(Click to see more...)</p>
  
 
 
</div>
 
</div>
 
+
<img src="https://static.igem.org/mediawiki/2016/6/67/T--NAU-CHINA--FOR_FUN.jpeg" id="img01">
 +
<img src="https://static.igem.org/mediawiki/2016/a/ad/T--NAU-CHINA--SONG_FOR_IGEM.jpeg" id="img02">
 
<div  id="ClickBack">
 
<div  id="ClickBack">
 
<img src="https://static.igem.org/mediawiki/2016/e/e9/NAU_CHINA_2016_ClickToBack.gif">
 
<img src="https://static.igem.org/mediawiki/2016/e/e9/NAU_CHINA_2016_ClickToBack.gif">
Line 268: Line 308:
 
<img src="https://static.igem.org/mediawiki/2016/6/60/NAU_CHINA_2016_scrollBottom.gif">
 
<img src="https://static.igem.org/mediawiki/2016/6/60/NAU_CHINA_2016_scrollBottom.gif">
 
</div>
 
</div>
<img src="https://static.igem.org/mediawiki/2016/a/ac/NAU_CHINA_CONCLUSION_BG.jpeg"  onload="ChangeImg(this)" style="z-index:-60;position:absolute;left:0;top:0px"><!--backgroundimg-->
+
<img src="https://static.igem.org/mediawiki/2016/b/b1/T--NAU-CHINA--CONCLU_MINGTIANJIEFANG.jpeg"  onload="ChangeImg(this)" style="z-index:-60;position:absolute;left:0;top:0px"><!--backgroundimg-->
 
<script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/modernizr_custom?
 
<script type="text/javascript" src="https://2016.igem.org/Template:NAU-CHINA/modernizr_custom?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>

Latest revision as of 18:14, 19 October 2016




The Ending Story & The Fresh Start

We worked on the project making it better. It may not be the best but we tried our best. Cherish the past time fighting together and carry the memory throughout the next.

Key words:

> The beauty

for fun...yoo-hoo!(Click to see more...)

Click Me Back

Click here to see more