Difference between revisions of "Template:NAU-CHINA/Hheader"

 
(29 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<head>
 
<head>
 
<style type="text/css">
 
<style type="text/css">
−
* {
+
* {box-sizing: border-box;}
−
    box-sizing: border-box;
+
−
}
+
−
 
+
−
a:link,a:visited {
+
−
    color: white !important;
+
−
}
+
−
 
+
  
 +
a:link,a:hover,a:active,a:visited {color: white !important;}
  
 
.menu-container {
 
.menu-container {
Line 19: Line 13:
 
     background-color: rgb(14,18,26);
 
     background-color: rgb(14,18,26);
 
     font-family: 'Goudy Old Style Regular',sans-serif !important;
 
     font-family: 'Goudy Old Style Regular',sans-serif !important;
−
     font-size: 16px !important;
+
     font-size: 18px !important;
 +
    z-index: 99;
 
}
 
}
−
 
  
 
.menu > ul {
 
.menu > ul {
Line 29: Line 23:
 
     padding: 0;
 
     padding: 0;
 
     position: relative;
 
     position: relative;
−
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
 
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
}
 
}
  
−
.menu > ul:before,
+
.menu > ul:before, .menu > ul:after {
−
.menu > ul:after {
+
 
     content: "";
 
     content: "";
 
     display: table;
 
     display: table;
 
}
 
}
  
−
.menu > ul:after {
+
.menu > ul:after {clear: both;}
−
    clear: both;
+
.caret {
−
}
+
            display: inline-block;
−
 
+
            width: 0;
 +
            height: 6px;
 +
            margin-left: 2px;
 +
            vertical-align:middle;
 +
            border-top: 4px dashed;
 +
            border-top: 4px solid\9;
 +
            border-right: 4px solid transparent;
 +
            border-left: 4px solid transparent;
 +
        }
 
.menu > ul > li {
 
.menu > ul > li {
 
     float: right;
 
     float: right;
−
    /*background: #e9e9e9;*/
 
 
     padding: 0;
 
     padding: 0;
 
     margin: 0;
 
     margin: 0;
Line 64: Line 63:
 
     display: none;
 
     display: none;
 
     width: 100%;
 
     width: 100%;
−
 
−
    /*padding: 20px;*/
 
 
     position: absolute;
 
     position: absolute;
 
     z-index: 99;
 
     z-index: 99;
 
     left: 0;
 
     left: 0;
 
     margin: 0;
 
     margin: 0;
 +
    background-color: rgba(192,192,192,0.15);
 
     list-style: none;
 
     list-style: none;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
     border-radius: 5px;
 
     border-radius: 5px;
 
}
 
}
−
.menu > ul > li > ul > li {    opacity: 1;}
+
 
−
.menu > ul > li > ul:before,
+
.menu > ul > li > ul:before, .menu > ul > li > ul:after {
−
.menu > ul > li > ul:after {
+
 
     content: "";
 
     content: "";
 
     display: table;
 
     display: table;
Line 84: Line 81:
 
     clear: both;
 
     clear: both;
 
}
 
}
−
 
−
 
  
 
.menu > ul > li > ul > li a {
 
.menu > ul > li > ul > li a {
 
     color: white;
 
     color: white;
−
    /*padding: .2em 0;*/
 
 
     width: 100%;
 
     width: 100%;
 
     display: block;
 
     display: block;
Line 96: Line 90:
  
 
.menu > ul > li > ul.normal-sub {
 
.menu > ul > li > ul.normal-sub {
−
     width: 180px;
+
     width: 210px;
 
     left: auto;
 
     left: auto;
−
    padding: 5px 10px;
 
−
}
 
−
 
−
.menu > ul > li > ul.normal-sub:before {
 
−
    width: 40px;
 
−
 
 
}
 
}
  
Line 109: Line 97:
 
     width: 100%;
 
     width: 100%;
 
}
 
}
 +
 
.menu > ul > li > ul.normal-sub > li:hover {
 
.menu > ul > li > ul.normal-sub > li:hover {
−
     width: 100%;
+
     background-color: rgba(192,192,192,0.2);
 
}
 
}
 +
 
.menu > ul > li > ul.normal-sub > li a {
 
.menu > ul > li > ul.normal-sub > li a {
 
     border: 0;
 
     border: 0;
 
     padding: 0.7em 0;
 
     padding: 0.7em 0;
 +
    margin: 0 0 0 16px;
 
}
 
}
  
Line 126: Line 117:
 
   <div class="menu">
 
   <div class="menu">
 
     <ul>
 
     <ul>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Notebook">Notebook &or;</a></li>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Notebook">Notebook</a></li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Safety">Safety &or;</a>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Safety">Safety</a>
−
        <ul>
+
−
          <li><a href="#">Overview</a></li>
+
−
          <li><a href="#">Safe Project Design</a></li>
+
−
          <li><a href="#">Safe Lab Work</a></li>
+
−
        </ul>
+
 
       </li>
 
       </li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Human_Practices">Human Practices &or;</a>
+
       <li><a href="#">Human Practices<span class="caret"></span></a>
 
         <ul>  
 
         <ul>  
−
           <li><a href="#">Overview</a></li>
+
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Human_Practices">Overview</a></li>
 +
         
 +
          <li><a href="https://2018.igem.org/Team:NAU-CHINA/IntegratedHP">Integrated HP</a></li>
 +
          <li><a href="https://2018.igem.org/Team:NAU-CHINA/Public_Engagement">Public Engagement</a></li>
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/iGEMCloud">iGEMCloud &or;</a>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Software">iGEMCloud</a>
 +
      </li>
 +
      <li><a href="#">Model<span class="caret"></span></a>
 
         <ul>
 
         <ul>
−
           <li><a href="#">Overview</a></li>
+
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Model">Overview</a></li>
−
           <li><a href="#">Main Function</a></li>
+
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Model Details">Model Illustration</a></li>
 +
          <li><a href="https://2018.igem.org/Team:NAU-CHINA/Auxiliary Understanding">Auxiliary Understanding</a></li>
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Modeling">Modeling &or;</a>
+
       <li><a href="#">Results<span class="caret"></span></a>
 
         <ul>
 
         <ul>
−
          <li><a href="https://2018.igem.org/Team:NAU-CHINA/Overview">Overview</a></li>
+
        <li><a href="https://2018.igem.org/Team:NAU-CHINA/Demonstrate">Demonstrate</a></li>
−
          <li><a href="#">Project Modeling</a></li>
+
               
−
          <li><a href="#">Auxiliary Understanding</a></li>
+
                 
−
        </ul>
+
                    <li><a href="https://2018.igem.org/Team:NAU-CHINA/Basic_Part">Basic Part</a></li>
 +
                      <li><a href="https://2018.igem.org/Team:NAU-CHINA/Composite_Part">Composite Part</a></li>
 +
                      <li><a href="https://2018.igem.org/Team:NAU-CHINA/Improve">Improved Parts</a></li>
 +
                      <li><a href="https://2018.igem.org/Team:NAU-CHINA/Part_Collection">Part Collection</a></li>
 +
        </ul>
 
       </li>
 
       </li>
−
       <li><a href="#">Project &or;</a>
+
       <li><a href="#">Project<span class="caret"></span></a>
 
         <ul>
 
         <ul>
 
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Overview">Overview</a></li>
 
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Overview">Overview</a></li>
−
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Design">Design</a></li>
+
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Design">Design</a></li>  
−
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Results">Results</a></li>
+
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/InterLab">InterLab</a></li>
−
          <li><a href="https://2018.igem.org/Team:NAU-CHINA/Parts">Parts</a></li>
+
−
          <li><a href="https://2018.igem.org/Team:NAU-CHINA/Demonstrate">Demonstrate</a></li>   
+
−
          <li><a href="https://2018.igem.org/Team:NAU-CHINA/InterLab">Interlab</a></li>
+
 
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Protocols">Protocols</a></li>
 
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Protocols">Protocols</a></li>
−
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Application_prospects">Application prospects</a></li>       
+
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Application_prospects">Application Prospects</a></li>       
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="#">Team &or;</a>
+
       <li><a href="#">Team<span class="caret"></span></a>
 
         <ul>
 
         <ul>
 
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Team_members">Team members</a></li>
 
           <li><a href="https://2018.igem.org/Team:NAU-CHINA/Team_members">Team members</a></li>

Latest revision as of 02:41, 18 October 2018