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

 
(20 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 81: Line 80:
 
}
 
}
  
 +
@media screen and (max-width: 980px){
 +
#ClickBack{
 +
display: none;
 +
}
 +
#abstract{
 +
background-color: rgba(147,251,152,0.7);
 +
position: fixed;
 +
margin: 45% auto 0 auto;
 +
min-height: 40em;
 +
            height:auto;
 +
            z-index:-1;
 +
            font-family:'Comic Sans MS','Arial Black';
 +
            border:solid 1px white;
 +
            display: block;
 +
            overflow:hidden;
 +
}
 +
#scroll_to_bottom{
 +
display: none;
 +
}
 +
body{
 +
background-color: white;
 +
}
 +
    .menu{
 +
        display: none;
 +
    }
 +
 +
    .container {
 +
        display: block;
 +
    }
 +
}
 
@media screen and (min-width: 1170px) {
 
@media screen and (min-width: 1170px) {
  
Line 96: 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 103: 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 136: 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 204: Line 266:
 
<li><a>PARTS</a>
 
<li><a>PARTS</a>
 
<ul class="submenu">
 
<ul class="submenu">
 +
<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 226: 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 245: 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