Difference between revisions of "Template:Fudan-CHINA"

(Undo revision 145474 by LsDrizzle (talk))
Line 19: Line 19:
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
    .submenu{
+
    
width: 240px;
+
<style>
margin-left: 20px;
+
margin-right: -40px;
+
margin-top: -10px;
+
    }
+
+
    .submenu ul{
+
        width:240px;
+
 
+
    }
+
    .submenu li{
+
width: 220px;
+
margin-left: -20px;
+
margin-top: -10px;
+
    }
+
       
+
nav {
+
    width: 1920px;
+
     
+
    text-align:center;
+
   
+
}
+
    nav:link{
+
    color:#666666;    
+
    }
+
nav ul {
+
border-radius: 0px;
+
padding: 0 20px;
+
display: block;
+
position: fixed;
+
background-color: #adadad;
+
top: 15px;
+
}
+
nav ul ul {
+
    display:none;
+
}
+
nav ul li {
+
    float:left;
+
    font-size: 20px;
+
    line-height: 50px;
+
 
+
}
+
nav ul::after {
+
    content:"";
+
    display:block;
+
    clear:both;
+
}
+
nav ul li a {
+
display: block;
+
width: 220px;
+
color: #666666;
+
text-decoration: none;
+
font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;   
+
}
+
nav ul li:hover > ul {
+
    display:block;
+
}
+
nav ul li:hover {
+
background:#5f6975;
+
}
+
nav ul li:hover a {
+
    color:#FFF;
+
}
+
nav ul ul {
+
    background:#5f6975;
+
    border-radius:0;
+
    position:absolute;
+
    top:100%;
+
    padding:0;
+
   
+
 
+
}
+
nav ul ul li {
+
    float:none;
+
 
+
 
+
}
+
nav ul ul li a {
+
    color:#FFF;
+
+
nav ul ul li a:hover {
+
    background:#4b545f;
+
}
+
nav ul ul ul {
+
    width:100%;
+
    position:absolute;
+
    left:100%;
+
    top:50%;
+
}
+
 
+
ul li{
+
list-style: none;
+
width: 240px;
+
padding: 0;
+
margin-top: 0px;
+
margin-right: 0px;
+
margin-left: 0px;
+
}
+
 
+
 
+
 
+
</style>
+
 
+
 
+
<head>
+
<style type="text/css">
+
a:link {color: #666666}
+
a:visited {color: #666666}
+
a:hover {color: #666666}
+
a:active {color: #666666}
+
ul.nav{
+
width: 999999px;
+
margin-left: -27px;
+
    }
+
   
+
 
+
 
+
table{
+
        background-color: #e7e7e7;
+
        font-size: 200%;
+
        font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace;
+
        letter-spacing:3px;
+
        line-height:40px;
+
    }
+
</style>
+
+
</head>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Content of the page  --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
 
+
<div class="nav">
+
<nav>
+
        <ul class="nav">
+
            <li><a href="https://2018.igem.org/Team:Fudan-CHINA">
+
                  <div class="menu_item direct_link">
+
                      HOME
+
                  </div>
+
                  </a>
+
 
+
            </li>
+
            <li><a href="#">TEAM</a>
+
                <ul>
+
                  <div class="submenu">
+
                    <li>                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Team">
+
                      <div class="submenu_item">
+
                        Team Members
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Collaborations">
+
                      <div class="submenu_item">
+
                        Collaborations
+
                      </div>
+
                      </a></li>
+
                    </div>
+
                 
+
                </ul>
+
           
+
            </li>
+
            <li><a href="#"><div class="menu_item">
+
 
+
                      PROJECT
+
                    </div>  </a>
+
                <ul>
+
                  <div class="submenu">
+
                 
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Description">
+
                      <div class="submenu_item">
+
                        Description
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Design">
+
                      <div class="submenu_item">
+
                        Design
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Experiments">
+
                      <div class="submenu_item">
+
                        Experiments
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Notebook">
+
                      <div class="submenu_item">
+
                        Notebook
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/InterLab">
+
                      <div class="submenu_item">
+
                        InterLab
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Model">
+
                      <div class="submenu_item">
+
                        Model
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Results">
+
                      <div class="submenu_item">
+
                        Results
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Demonstrate">
+
                      <div class="submenu_item">
+
                        Demonstrate
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Improve">
+
                      <div class="submenu_item">
+
                        Improve
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Attributions">
+
                      <div class="submenu_item">
+
                        Attributions
+
                      </div>
+
                      </a></li>
+
                    </div>
+
 
+
                </ul>
+
            </li>
+
            <li><a href="#"><div class="menu_item">
+
           
+
                    PARTS
+
                    </div></a>
+
                <ul>
+
                  <div class="submenu">
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Parts">
+
                      <div class="submenu_item">
+
                        Parts Overview
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Basic_Part">
+
                      <div class="submenu_item">
+
                        Basic Parts
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Composite_Part">
+
                      <div class="submenu_item">
+
                        Composite Parts
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Part_Collection">
+
                      <div class="submenu_item">
+
                        Part Collection
+
                      </div>
+
                      </a></li>
+
                    </div>
+
                </ul>
+
            </li>
+
            <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Safety"><div class="menu_item direct_link">
+
                    SAFETY
+
                  </div></a></li>
+
            <li><a href="#"><div class="menu_item">
+
             
+
                    HP
+
                    </div></a>
+
                <ul>
+
                  <div class="submenu">
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices">
+
                      <div class="submenu_item">
+
                        Human Practices
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement">
+
                      <div class="submenu_item">
+
                        Education & Engagement
+
                      </div>
+
                      </a></li>
+
                    </div>
+
                </ul>
+
               
+
            </li>
+
                        <li><a href="#"><div class="menu_item">
+
 
+
                    AWARDS
+
                    </div> </a>
+
                <ul>
+
                  <div class="submenu">
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Applied_Design">
+
                      <div class="submenu_item">
+
                        Applied Design
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Entrepreneurship">
+
                      <div class="submenu_item">
+
                        Entrepreneurship
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Hardware">
+
                      <div class="submenu_item">
+
                        Hardware
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Measurement">
+
                      <div class="submenu_item">
+
                        Measurement
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Model">
+
                      <div class="submenu_item">
+
                        Model
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Plant">
+
                      <div class="submenu_item">
+
                        Plant
+
                      </div>
+
                      </a></li>
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Software">
+
                      <div class="submenu_item">
+
                        Software
+
                      </div>
+
                      </a></li>
+
                    </div>
+
                </ul>
+
                <li><a href="https://igem.org/2018_Judging_Form?team=Fudan-CHINA"><div class="menu_item direct_link">
+
                    JUDGING FORM
+
                  </div></a></li>
+
            </li>
+
        </ul>
+
    </nav>
+
    </div>
+
 
+
 
</html>
 
</html>

Revision as of 15:15, 17 September 2018