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

Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
 
+
<script>
−
  <script>
+
 
   src="https://2018.igem.org/wiki/index.php?title=NAU-CHINA/jQuery&action=raw&ctype=text/javascript"  
 
   src="https://2018.igem.org/wiki/index.php?title=NAU-CHINA/jQuery&action=raw&ctype=text/javascript"  
 
</script>
 
</script>
−
 
 
<style type="text/css">
 
<style type="text/css">
 +
 +
 +
body {
 +
    font-family: 'Goudy Old Style Regular',sans-serif !important;
 +
 +
}
 +
 
* {
 
* {
 
     box-sizing: border-box;
 
     box-sizing: border-box;
Line 13: Line 18:
  
 
a:link,a:visited {
 
a:link,a:visited {
−
     color: white !important;
+
     color: black !important;
 
}
 
}
  
Line 22: Line 27:
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     padding-right: 30px;
 
     padding-right: 30px;
−
     background-color: rgb(14,18,26);
+
     /*background: #e9e9e9;*/
−
    font-family: 'Goudy Old Style Regular',sans-serif !important;
+
−
    font-size: 16px !important;
+
 
}
 
}
  
Line 57: Line 60:
 
.menu > ul > li a {
 
.menu > ul > li a {
 
     text-decoration: none;
 
     text-decoration: none;
−
     padding: .5em 1em;
+
     padding: 1.5em 1.5em;
 
     display: block;
 
     display: block;
 
}
 
}
Line 69: Line 72:
 
     display: none;
 
     display: none;
 
     width: 100%;
 
     width: 100%;
−
     /*background-color: whitesmoke;*/
+
     background-color: whitesmoke;
 
     /*padding: 20px;*/
 
     /*padding: 20px;*/
 
     position: absolute;
 
     position: absolute;
Line 92: Line 95:
  
 
.menu > ul > li > ul > li a {
 
.menu > ul > li > ul > li a {
−
     color: white;
+
     color: #777;
 
     /*padding: .2em 0;*/
 
     /*padding: .2em 0;*/
 
     width: 100%;
 
     width: 100%;
Line 102: Line 105:
 
     width: 180px;
 
     width: 180px;
 
     left: auto;
 
     left: auto;
−
     padding: 5px 10px;
+
     padding: 10px 20px;
 
}
 
}
  
Line 116: Line 119:
 
.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: 1em 0;
 
}
 
}
  
Line 128: Line 131:
 
   <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>
 
         <ul>
 
           <li><a href="#">Overview</a></li>
 
           <li><a href="#">Overview</a></li>
Line 136: Line 139:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Human_Practices">Human Practices &or;</a>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Human_Practices">Human Practices</a>
 
         <ul>  
 
         <ul>  
 
           <li><a href="#">Overview</a></li>
 
           <li><a href="#">Overview</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/iGEMCloud">iGEMCloud</a>
 
         <ul>
 
         <ul>
 
           <li><a href="#">Overview</a></li>
 
           <li><a href="#">Overview</a></li>
Line 147: Line 150:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Modeling">Modeling &or;</a>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Modeling">Modeling</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>
Line 154: Line 157:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="#">Project &or;</a>
+
       <li><a href="#">Project</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>
Line 166: Line 169:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="#">Team &or;</a>
+
       <li><a href="#">Team</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>
Line 173: Line 176:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA">Home &or;</a></li>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA">Home</a></li>
 
     </ul>
 
     </ul>
 
   </div>
 
   </div>
Line 184: Line 187:
 
     //导航背景变色+下滑方法
 
     //导航背景变色+下滑方法
 
     $(".menu > ul > li").hover(function () {
 
     $(".menu > ul > li").hover(function () {
−
       //$(this).css({"background-color":"#f0f0f0"});
+
       $(this).css({"background-color":"#f0f0f0"});
 
       $(this).children("ul").stop(true, false).slideToggle(300);
 
       $(this).children("ul").stop(true, false).slideToggle(300);
 
     });
 
     });
 
     //背景颜色还原+下拉菜单消失
 
     //背景颜色还原+下拉菜单消失
 
     $(".menu > ul > li").mouseleave(function () {
 
     $(".menu > ul > li").mouseleave(function () {
−
       //$(this).css({"background-color":"#fff"});
+
       $(this).css({"background-color":"#fff"});
 
       $(this).children("ul").hide();
 
       $(this).children("ul").hide();
 
     });
 
     });
 
   });
 
   });
 
</script>
 
</script>

Revision as of 13:06, 5 October 2018