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

 
(16 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: 1.25em 20em 0 20em;
 
margin: 1.25em 20em 0 20em;
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 125: Line 125:
 
text-align: center;
 
text-align: center;
 
position: fixed;
 
position: fixed;
bottom: 0.2em;
+
bottom: 5%;
right: 18em;
+
right: 20%;
 
                         display:none;
 
                         display:none;
 
                         font-family:'Comic Sans MS','Arial Black';
 
                         font-family:'Comic Sans MS','Arial Black';
Line 134: Line 134:
 
width: 6em;
 
width: 6em;
 
}
 
}
#abstract h1,p{
+
#abstract h1{
 
font-family:'Comic Sans MS','Arial Black';
 
font-family:'Comic Sans MS','Arial Black';
 
margin-left: 5em;
 
margin-left: 5em;
 
margin-right: 5em;
 
margin-right: 5em;
margin-top: 2.5em;
+
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 165: 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 256: 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:1.1em;"><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:1.1em;">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:1.1em;">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:1.1em;"><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 275: 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