Difference between revisions of "Template:BIT-China"

 
(21 intermediate revisions by the same user not shown)
Line 40: Line 40:
 
                                 font-size: 17px;
 
                                 font-size: 17px;
 
                                 line-height: 1.5em;
 
                                 line-height: 1.5em;
−
font-family: "Calibri", Helvetica, Arial;
+
font-family: Calibri, Arial;
 
}
 
}
  
Line 86: Line 86:
 
  /* Styling links on hover- links are different inside the menu */
 
  /* Styling links on hover- links are different inside the menu */
 
#contentContainer a:hover {  
 
#contentContainer a:hover {  
−
color: #59bf92;
+
color: #f5a107;
 
}
 
}
−
 
+
   
−
/*Change the styling of tables */
+
−
        #contentContainer table {
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    width: 90%
+
−
    margin: auto;
+
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
−
 
+
−
/*Change the styling of table cells*/
+
−
    #contentContainer td {
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
/*Change the styling of table headers */
+
−
    #contentContainer th {
+
−
    background-color: #E8E8E9;
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
             
+
−
                       
+
  
 
 
Line 153: Line 122:
 
         background-image:url("https://static.igem.org/mediawiki/2015/8/8e/BIT_China_nav_bg.png");
 
         background-image:url("https://static.igem.org/mediawiki/2015/8/8e/BIT_China_nav_bg.png");
 
position:fixed;
 
position:fixed;
 +
top:18px;
 
padding-top:5px;
 
padding-top:5px;
 
z-index: 100;
 
z-index: 100;
 
         background-repeat: no-repeat;
 
         background-repeat: no-repeat;
 +
 
   }
 
   }
 +
#menuContainer p{
 +
color:#ffffff;
 +
}
 
   /* 背景绿色background-color:#c9e77f;*/
 
   /* 背景绿色background-color:#c9e77f;*/
 
   #top_nav{
 
   #top_nav{
Line 189: Line 163:
 
   #top_nav_bulge{
 
   #top_nav_bulge{
 
         position:fixed;
 
         position:fixed;
−
top:120px;
+
top:118px;
 
width:100%;
 
width:100%;
 
height:45px;
 
height:45px;
Line 219: Line 193:
 
line-height:20px;
 
line-height:20px;
 
border-left:3px dashed;
 
border-left:3px dashed;
 +
display: inline;
 +
text-decoration:none;
 
}
 
}
 
#top_nav li:hover span {  
 
#top_nav li:hover span {  
Line 226: Line 202:
 
visibility:visible;
 
visibility:visible;
 
}
 
}
−
#top_nav li span a {
+
#menuContainer a p{
−
display: inline;
+
−
}
+
−
#menuContainer a{
+
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
 
#menuContainer a:link, #menuContainer a:visited{
 
#menuContainer a:link, #menuContainer a:visited{
−
     color:#68441c;
+
     color:#eeeeee;
 
}
 
}
 
#menuContainer a:active{
 
#menuContainer a:active{
Line 242: Line 215:
 
}
 
}
 
#top_nav li:hover span a{  
 
#top_nav li:hover span a{  
−
color:#597d01;
+
color:#cccccc;
 
}
 
}
−
 
+
#menuContainer a:hover p{
−
 
+
color:#f5a107;
 +
}
 +
#top_nav li span a:hover{
 +
color:#f5a107;
 +
border-left:3px dashed #eeeeee;
 +
}
 +
#menuContainer{
 +
                z-index:999;
 +
  }
 
@media screen and (max-width:1260px){
 
@media screen and (max-width:1260px){
 
   #top_nav{
 
   #top_nav{
Line 412: Line 393:
 
<span id="nav_second_level">
 
<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/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="https://2015.igem.org/Team:BIT-China/Design">Design</a>
−
<a href="html/program_Regulation_Subsystem.html">Basic circuits</a>
+
<a href="https://2015.igem.org/Team:BIT-China/project_Basic_circuits.html">Basic circuits</a>
−
<a href="html/program_Resistance_Subsystem.html">Fine-regulation circuits</a>
+
<a href="https://2015.igem.org/Team:BIT-China/project_Fine-regulation_circuits.html">Fine-regulation circuits</a>
−
 
+
 
</span>
 
</span>
 
</li>
 
</li>
Line 425: Line 404:
 
</div></a>
 
</div></a>
 
<span id="nav_second_level">
 
<span id="nav_second_level">
−
<a href="#">Basic circuits</a>
+
<a href="https://2015.igem.org/Team:BIT-China/modeling_Basic_circuits.html">Basic circuits</a>
−
<a href="#">Fine-regulation circuits</a>
+
<a href="https://2015.igem.org/Team:BIT-China/modeling_Fine-regulation_circuits.html">Fine-regulation circuits</a>
 
</span>   
 
</span>   
 
</li>
 
</li>
Line 446: Line 425:
 
<span id="nav_second_level">
 
<span id="nav_second_level">
 
<a href="https://2015.igem.org/Team:BIT-China/Parts">Parts Submission</a>
 
<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/Achievements">Achievements</a>
−
<a href="https://2015.igem.org/Team:BIT-China/Collaborations">Collaboration </a>
+
 
</span>   
 
</span>   
 
</li>
 
</li>
Line 456: Line 434:
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:BIT-China/Team" ><div id="active">
+
<a href="" ><div id="active">
 
<img src="https://static.igem.org/mediawiki/2015/7/76/BIT_China_icon_team.png" class="top_nav_icon"/>
 
<img src="https://static.igem.org/mediawiki/2015/7/76/BIT_China_icon_team.png" class="top_nav_icon"/>
 
<p>Team</p>
 
<p>Team</p>
 
</div></a>
 
</div></a>
−
<span id="nav_second_level">
+
<span id="nav_second_level">
−
<a href="https://2015.igem.org/Team:BIT-China/Team">Instructors</a>
+
<a href="https://2015.igem.org/Team:BIT-China/Team">Team</a>
−
<a href="html/team.html">Advisors</a>
+
<a href="https://2015.igem.org/Team:BIT-China/gallery">Gallery</a>
−
<a href="html/team.html">Students</a>
+
 
</span>   
 
</span>   
 +
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:BIT-China/Practices"><div>
+
<a href=""><div>
 
<img src="https://static.igem.org/mediawiki/2015/7/75/BIT_China_icon_practice.png" class="top_nav_icon" />
 
<img src="https://static.igem.org/mediawiki/2015/7/75/BIT_China_icon_practice.png" class="top_nav_icon" />
 
<p>Practice</p>
 
<p>Practice</p>
 
</div></a>
 
</div></a>
 +
                                                        <span id="nav_second_level">
 +
<a href="https://2015.igem.org/Team:BIT-China/Practices">Human Practice</a>
 +
<a href="https://2015.igem.org/Team:BIT-China/Collaborations">Collaboration </a>
 +
</span> 
 
</li>
 
</li>
 
<li>
 
<li>
Line 479: Line 461:
 
<span id="nav_second_level">
 
<span id="nav_second_level">
 
<a href="https://2015.igem.org/Team:BIT-China/Safety">Safety</a>
 
<a href="https://2015.igem.org/Team:BIT-China/Safety">Safety</a>
−
<a href="#">Q/A</a>
+
<a href="https://2015.igem.org/Team:BIT-China/Questions_and_answers">Q/A</a>
 
</span>   
 
</span>   
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="https://2015.igem.org/Team:BIT-China/Attributions"><div>
+
<a href="#"><div>
 
<img src="https://static.igem.org/mediawiki/2015/2/21/BIT_China_icon_sponsor.png" class="top_nav_icon" />
 
<img src="https://static.igem.org/mediawiki/2015/2/21/BIT_China_icon_sponsor.png" class="top_nav_icon" />
 
<p>Attributions</p>
 
<p>Attributions</p>
 
</div></a>
 
</div></a>
 +
                                                        <span id="nav_second_level" style="margin-left:-100px;">
 +
<a href="https://2015.igem.org/Team:BIT-China/Attributions">Attributions</a>
 +
<a href="https://2015.igem.org/Team:BIT-China/Sponsors">Sponsors</a>
 +
</span> 
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 498: Line 484:
 
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 
</html>
 
</html>
−
 
−
 
−
<!--
 
−
/*MENU STYLING */
 
−
 
−
/*Styling for the links in the menu */
 
−
#menuContainer a {
 
−
color: #565656;
 
−
text-decoration:none;
 
−
font-weight: bold;
 
−
}
 
−
 
−
/* Sets the style for lists inside menuContainer  */
 
−
#menuContainer ul {
 
−
list-style: none;
 
−
margin-left:0px;
 
−
}
 
−
 
−
/*Styles the list items to become menu buttons */
 
−
#menuContainer ul li {
 
−
text-align: center;
 
−
display: block;
 
−
width: 100%;
 
−
height:30px;
 
−
padding-top:10px;
 
−
}
 
−
 
−
/*For the menu buttons, changes the color when hovering*/
 
−
#menuContainer li:hover {
 
−
color:  #FFF;
 
−
background-color: #24B694;
 
−
}
 
−
 
−
/*Submenus are not displayed as default*/
 
−
#menuContainer li ul {
 
−
display: none;
 
−
padding-top:15px;
 
−
margin-left: -19px;
 
−
}
 
−
 
−
/*Submenus are displayed when hovering the menu button */
 
−
#menuContainer li:hover ul {
 
−
/*display: inline-block; */
 
−
display: block;
 
−
position: absolute;
 
−
float:right;
 
−
margin-left: 134px;
 
−
margin-top:-42px;
 
−
}
 
−
 
−
/*Style the submenu buttons*/
 
−
#menuContainer li ul li{
 
−
background-color: #59BF92;
 
−
padding-left:20px;
 
−
padding-right:20px;
 
−
height:30px;
 
−
padding-top:10px;
 
−
margin-top:-2px;
 
−
color: #565656;
 
−
width: 150px;
 
−
}
 
−
-->
 

Latest revision as of 04:21, 20 October 2015