Difference between revisions of "Template:BIT-China"

Line 125: Line 125:
 
     }
 
     }
  
 +
             
 +
                       
  
 +
  
−
/*MENU STYLING */
+
/*CLASSES */
 +
 
 +
/*Clear class for all the pages, adds spacing too*/
 +
.clear{
 +
clear:both;
 +
height: 10px;
 +
}
 +
 
 +
 
 +
/* highlight box for special messages */
 +
    .highlightBox {
 +
        width:500px;
 +
        margin:auto;
 +
        background-color: #E8E8E9;
 +
margin-bottom: 15px;
 +
margin-top: 15px;
 +
padding: 15px;
 +
padding-top: 5px;
 +
    }
 +
 
 +
 
 +
 
 +
                /*MENU STYLING */
 +
#menuContainer{
 +
width:100%;
 +
height:95px;
 +
background-color: white;
 +
background-position:bottom;
 +
position:fixed;
 +
padding-top:5px;
 +
z-index: 100;
 +
  }
 +
  /* 背景绿色background-color:#c9e77f;*/
 +
  #top_nav{
 +
width:1100px;
 +
height:90px;
 +
margin:0 auto;
 +
  }
 +
  #top_nav div{
 +
    float:left;
 +
text-align:center;
 +
font-size:20px;
 +
line-height:30px;
 +
font-family:"Comic Sans MS";
 +
  }
 +
  #top_nav div:hover .top_nav_icon{
 +
animation: bounce 1s ;
 +
-webkit-animation: bounce 1s;
 +
  }
 +
 
 +
  .top_nav_icon{
 +
width:60px;
 +
height:60px;
 +
margin:0 27px;
 +
  }
 +
 
 +
  #top_nav_igem{
 +
float:right;
 +
margin-right:30px;
 +
margin-top:-100px;
 +
  }
 +
  #taiji{
 +
    margin:5px 8px;
 +
width:80px;
 +
height:80px;
 +
  }
 +
  #top_nav_bulge{
 +
    position:fixed;
 +
top:94px;
 +
width:100%;
 +
height:45px;
 +
    background-image:url("../image/top_nav_bulge.png");
 +
visibility:hidden;
 +
  }
 +
/*
 +
  #top_nav_bulge{
 +
width:100%;
 +
height:125px;
 +
background-image:url("../image/top_nav_bulge.png");
 +
background-repeat:no-repeat;
 +
background-position:center;
 +
z-index:-1;
 +
position:absolute;
 +
  }
 +
*/
 +
 
 +
#top_nav li{
 +
    float:left;
 +
    list-style: none;
 +
position:relative;
 +
text-align:center;
 +
font-size:18px;
 +
line-height:30px;
 +
font-family:"Comic Sans MS";
 +
}
 +
#top_nav span{
 +
float:left;
 +
position:absolute;
 +
left:0px;
 +
top:90px;
 +
width:1024px;
 +
display: none;
 +
}
 +
#top_nav span a{
 +
float:left;
 +
padding:10px;
 +
line-height:20px;
 +
border-left:3px dashed;
 +
}
 +
#top_nav li:hover span {
 +
display: block;
 +
}
 +
#top_nav li:hover #top_nav_bulge{
 +
visibility:visible;
 +
}
 +
#top_nav li span a {
 +
display: inline;
 +
}
 +
#menuContainer a{
 +
text-decoration:none;
 +
}
 +
#menuContainer a:link, #menuContainer a:visited{
 +
    color:#68441c;
 +
}
 +
#menuContainer a:active{
 +
color:#ff0000;
 +
}
 +
#top_nav li:hover a{
 +
color:#f5a107;
 +
}
 +
#top_nav li:hover span a{
 +
color:#597d01;
 +
}
 +
 
 +
 
 +
@media screen and (max-width:1260px){
 +
  #top_nav_igem{
 +
margin-top:20px;
 +
  }
 +
  #top_nav{
 +
width:1000px;
 +
  }
 +
  .top_nav_icon{
 +
width:60px;
 +
height:60px;
 +
margin:0 23px;
 +
  }
 +
}
 +
 
 +
@media screen and (max-width:960px){
 +
#top_nav{
 +
width:95%;
 +
}
 +
.top_nav_icon{
 +
width:50px;
 +
height:50px;
 +
margin:0 20px;
 +
}
 +
}
 +
@media screen and (max-width:910px){
 +
#top_nav{
 +
width: 97%;
 +
}
 +
.top_nav_icon{
 +
width:40px;
 +
height:40px;
 +
margin:0 17px;
 +
}
 +
  #top_nav div{
 +
  font-size: 15px;
 +
  }
 +
  #top_nav span{
 +
  font-size: 15px;
 +
  top:70px;
 +
  }
 +
}
 +
 
 +
 
 +
.rotating{
 +
animation: rotating linear 5s infinite;
 +
-webkit-animation: rotating linear 5s infinite;
 +
 +
}
 +
@keyframes rotating {
 +
0% {
 +
transform: rotate(0deg);
 +
}
 +
 +
100% {
 +
transform: rotate(-360deg);
 +
}
 +
}
 +
 
 +
@-webkit-keyframes rotating {
 +
0% {
 +
-webkit-transform: rotate(0deg);
 +
}
 +
100% {
 +
-webkit-transform: rotate(-360deg);
 +
}
 +
}
 +
 
 +
.bounce {
 +
animation: bounce 0.75s cubic-bezier(0.680, -0.550, 0.265, 1.550);
 +
-webkit-animation: bounce 0.75s cubic-bezier(0.680, -0.550, 0.265, 1.550);
 +
 
 +
transform-origin: 50% 100%;
 +
-ms-transform-origin: 50% 100%;
 +
-webkit-transform-origin: 50% 100%;
 +
}
 +
 
 +
@keyframes bounce {
 +
0% {
 +
transform: translateY(0%) scaleY(0.6)
 +
}
 +
 
 +
60% {
 +
transform: translateY(-100%) scaleY(1.1)
 +
}
 +
 
 +
70% {
 +
transform: translateY(0%) scaleY(0.95) scaleX(1.05)
 +
}
 +
 
 +
80% {
 +
transform: translateY(0%) scaleY(1.05) scaleX(1)
 +
}
 +
 
 +
90% {
 +
transform: translateY(0%) scaleY(0.95) scaleX(1)
 +
}
 +
 
 +
100% {
 +
transform: translateY(0%) scaleY(1) scaleX(1)
 +
}
 +
}
 +
 
 +
@-webkit-keyframes bounce {
 +
0% {
 +
-webkit-transform: translateY(0%) scaleY(0.8)
 +
}
 +
 
 +
60% {
 +
-webkit-transform: translateY(-50%) scaleY(1.05)
 +
}
 +
 
 +
70% {
 +
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05)
 +
}
 +
 
 +
80% {
 +
-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1)
 +
}
 +
 
 +
90% {
 +
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1)
 +
}
 +
 
 +
100% {
 +
-webkit-transform: translateY(0%) scaleY(1) scaleX(1)
 +
}
 +
}
 +
</style>
 +
<!-- End of CSS -->
 +
 
 +
 
 +
<!-- Start of the template html elements. -->
 +
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 +
 
 +
 
 +
<div id="bannerContainer">
 +
<br><br>
 +
<h2> Add a banner to your wiki! </h2>
 +
 +
<p>You can make the image 980px  by  200px</p>
 +
<p> Remember to call the file: "<i>Team_BIT-China_banner.jpg</i>" </p>
 +
</div>
 +
 
 +
<!-- Start of menu -->
 +
<div id="menuContainer">
 +
 
 +
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
 +
                                        <div id="top_nav">
 +
                                            <ul>
 +
<li>
 +
  <a href="#"><div>
 +
<img src="https://static.igem.org/mediawiki/2015/f/fc/BIT_China_icon_project.png" class="top_nav_icon" />
 +
<p>Project</p>
 +
</div></a>
 +
<span id="nav_second_level">
 +
<a href="https://2015.igem.org/Team:BIT-China/Description">Description</a>
 +
<a href="https://2015.igem.org/Team:BIT-China/Background">Background</a>
 +
<a href="https://2015.igem.org/Team:BIT-China/Design">Design</a>
 +
<a href="html/program_Regulation_Subsystem.html">Basic circuits</a>
 +
<a href="html/program_Resistance_Subsystem.html">Fine-regulation circuits</a>
 +
 
 +
</span>
 +
</li>
 +
<li>
 +
<a href="#"><div>
 +
<img src="https://static.igem.org/mediawiki/2015/c/c6/BIT_China_icon_modeling.png" class="top_nav_icon" id="shiyishi2"/>
 +
<p>Modeling</p>
 +
</div></a>
 +
<span id="nav_second_level">
 +
<a href="#">Basic circuits</a>
 +
<a href="#">Fine-regulation circuits</a>
 +
</span> 
 +
</li>
 +
<li>
 +
<a href="#" id="active"><div>
 +
<img src="https://static.igem.org/mediawiki/2015/3/33/BIT_China_icon_notebook.png" class="top_nav_icon"/>
 +
<p>Notebook</p>
 +
</div></a>
 +
<span id="nav_second_level">
 +
<a href="https://2015.igem.org/Team:BIT-China/Notebook">Laboratory Notes</a>
 +
<a href="https://2015.igem.org/Team:BIT-China/Experiments">Protocols</a>
 +
</span> 
 +
</li>
 +
<li>
 +
<a href="#"><div>
 +
<img src="https://static.igem.org/mediawiki/2015/8/8f/BIT_China_icon_judging.png" class="top_nav_icon"/>
 +
<p>Judging</p>
 +
</div></a>
 +
<span id="nav_second_level">
 +
<a href="https://2015.igem.org/Team:BIT-China/Parts">Parts Submission</a>
 +
<a href="#">Achievements</a>
 +
<a href="https://2015.igem.org/Team:BIT-China/Collaborations">Collaboration </a>
 +
</span> 
 +
</li>
 +
<li>
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2015/f/f2/BIT_China_logo_project.png" id="taiji" class="rotating"/>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="#" ><div id="active">
 +
<img src="https://static.igem.org/mediawiki/2015/7/76/BIT_China_icon_team.png" class="top_nav_icon"/>
 +
<p>Team</p>
 +
</div></a>
 +
<span id="nav_second_level">
 +
<a href="html/team.html">Instructors</a>
 +
<a href="html/team.html">Advisors</a>
 +
<a href="html/team.html">Students</a>
 +
</span> 
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:BIT-China/Practices"><div>
 +
<img src="https://static.igem.org/mediawiki/2015/7/75/BIT_China_icon_practice.png" class="top_nav_icon" />
 +
<p>Practice</p>
 +
</div></a>
 +
</li>
 +
<li>
 +
<a href=""><div>
 +
<img src="https://static.igem.org/mediawiki/2015/b/ba/BIT_China_icon_safety.png" class="top_nav_icon"/>
 +
<p>Safety</p>
 +
</div></a>
 +
<span id="nav_second_level">
 +
<a href="https://2015.igem.org/Team:BIT-China/Safety">Safety</a>
 +
<a href="#">Q/A</a>
 +
</span> 
 +
</li>
 +
<li>
 +
<a href="https://2015.igem.org/Team:BIT-China/Attributions"><div>
 +
<img src="https://static.igem.org/mediawiki/2015/2/21/BIT_China_icon_sponsor.png" class="top_nav_icon" />
 +
<p>Attributions</p>
 +
</div></a>
 +
</li>
 +
</ul>
 +
                                    </div>
 +
 
 +
 +
</div>
 +
<!-- End of menu  -->
 +
<h1 sytle="text-indent:20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;李晨翊快给我文字!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>
 +
<!-- Start of content -->
 +
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 +
</html>
 +
 
 +
 
 +
<!--
 +
/*MENU STYLING */
  
 
/*Styling for the links in the menu */
 
/*Styling for the links in the menu */
Line 185: Line 568:
 
width: 150px;
 
width: 150px;
 
}
 
}
−
 
+
-->
−
/*CLASSES */
+
−
 
+
−
/*Clear class for all the pages, adds spacing too*/
+
−
.clear{
+
−
clear:both;
+
−
height: 10px;
+
−
}
+
−
 
+
−
 
+
−
/* highlight box for special messages */
+
−
    .highlightBox {
+
−
        width:500px;
+
−
        margin:auto;
+
−
        background-color: #E8E8E9;
+
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
padding-top: 5px;
+
−
    }
+
−
 
+
−
 
+
−
</style>
+
−
<!-- End of CSS -->
+
−
 
+
−
 
+
−
<!-- Start of the template html elements. -->
+
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
−
 
+
−
 
+
−
<div id="bannerContainer">
+
−
<br><br>
+
−
<h2> Add a banner to your wiki! </h2>
+
−
+
−
<p>You can make the image 980px  by  200px</p>
+
−
<p> Remember to call the file: "<i>Team_BIT-China_banner.jpg</i>" </p>
+
−
</div>
+
−
 
+
−
<!-- Start of menu -->
+
−
<div id="menuContainer">
+
−
 
+
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
−
<ul>
+
−
<a href="https://2015.igem.org/Team:BIT-China"><li>HOME</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Team"><li>TEAM</li></a>
+
−
 
+
−
<a href="#"><li>PROJECT
+
−
            <ul>
+
−
<a href="https://2015.igem.org/Team:BIT-China/Description"><li>Description</li></a>
+
−
                                                        <a href="https://2015.igem.org/Team:BIT-China/Background"><li>Background</li></a>
+
−
                                                        <a href="https://2015.igem.org/Team:BIT-China/Project_Regulation_Subsystem"><li>Regulation Subsystem</li></a>
+
−
                                                        <a href="https://2015.igem.org/Team:BIT-China/Project_Resistance_Subsystem"><li>Resistance Subsystem</li></a>
+
−
<a href="https://2015.igem.org/Team:BIT-China/Experiments"><li>Experiments &amp; Protocols</li></a> 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Results"><li>Results</li></a> 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Design"><li>Design</li></a>
+
−
</ul>
+
−
</li></a>
+
−
 
+
−
<a href="#"><li>PARTS
+
−
            <ul>
+
−
<a href="https://2015.igem.org/Team:BIT-China/Parts"><li>Team Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:BIT-China/Basic_Part"><li>Basic Parts</li></a> 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Composite_Part"><li>Composite Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:BIT-China/Part_Collection"><li>Part Collection</li></a> 
+
−
</ul>
+
−
</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Notebook"><li>NOTEBOOK</li></a>
+
−
     
+
−
<a href="https://2015.igem.org/Team:BIT-China/Attributions"><li>ATTRIBUTIONS</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Collaborations"><li>COLLABORATIONS</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Practices"><li>HUMAN PRACTICES</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Safety"><li>SAFETY</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Modeling"><li>MODELING</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Measurement"><li>MEASUREMENT</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Software"><li>SOFTWARE</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:BIT-China/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
−
 
+
−
</ul>
+
−
</div>
+
−
<!-- End of menu  -->
+
−
<h1 sytle="text-indent:20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;李晨翊快给我文字!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>
+
−
<!-- Start of content -->
+
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
+
−
</html>
+

Revision as of 16:38, 13 September 2015



Add a banner to your wiki!

You can make the image 980px by 200px

Remember to call the file: "Team_BIT-China_banner.jpg"

          李晨翊快给我文字!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!