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://code.jquery.com/jquery-3.3.1.js"
 +
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
 +
  crossorigin="anonymous">
 
</script>
 
</script>
 
<style type="text/css">
 
<style type="text/css">
Line 10: Line 12:
 
body {
 
body {
 
     font-family: 'Goudy Old Style Regular',sans-serif !important;
 
     font-family: 'Goudy Old Style Regular',sans-serif !important;
−
 
+
    background-color: rgb(14,18,26);
 
}
 
}
  
Line 18: Line 20:
  
 
a:link,a:visited {
 
a:link,a:visited {
−
     color: black !important;
+
     color: white !important;
 
}
 
}
  
Line 60: Line 62:
 
.menu > ul > li a {
 
.menu > ul > li a {
 
     text-decoration: none;
 
     text-decoration: none;
−
     padding: 1.5em 1.5em;
+
     padding: .5em 1em;
 
     display: block;
 
     display: block;
 
}
 
}
Line 72: Line 74:
 
     display: none;
 
     display: none;
 
     width: 100%;
 
     width: 100%;
−
     background-color: whitesmoke;
+
     /*background-color: whitesmoke;*/
 
     /*padding: 20px;*/
 
     /*padding: 20px;*/
 
     position: absolute;
 
     position: absolute;
Line 95: Line 97:
  
 
.menu > ul > li > ul > li a {
 
.menu > ul > li > ul > li a {
−
     color: #777;
+
     color: white;
 
     /*padding: .2em 0;*/
 
     /*padding: .2em 0;*/
 
     width: 100%;
 
     width: 100%;
Line 105: Line 107:
 
     width: 180px;
 
     width: 180px;
 
     left: auto;
 
     left: auto;
−
     padding: 10px 20px;
+
     padding: 5px 10px;
 
}
 
}
  
Line 119: Line 121:
 
.menu > ul > li > ul.normal-sub > li a {
 
.menu > ul > li > ul.normal-sub > li a {
 
     border: 0;
 
     border: 0;
−
     padding: 1em 0;
+
     padding: 0.7em 0;
 
}
 
}
  
Line 131: Line 133:
 
   <div class="menu">
 
   <div class="menu">
 
     <ul>
 
     <ul>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Notebook">Notebook</a></li>
+
       <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/Safety">Safety</a>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Safety">Safety &or;</a>
 
         <ul>
 
         <ul>
 
           <li><a href="#">Overview</a></li>
 
           <li><a href="#">Overview</a></li>
Line 139: Line 141:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Human_Practices">Human Practices</a>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Human_Practices">Human Practices &or;</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</a>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/iGEMCloud">iGEMCloud &or;</a>
 
         <ul>
 
         <ul>
 
           <li><a href="#">Overview</a></li>
 
           <li><a href="#">Overview</a></li>
Line 150: Line 152:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Modeling">Modeling</a>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA/Modeling">Modeling &or;</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 157: Line 159:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="#">Project</a>
+
       <li><a href="#">Project &or;</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 169: Line 171:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="#">Team</a>
+
       <li><a href="#">Team &or;</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 176: Line 178:
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
−
       <li><a href="https://2018.igem.org/Team:NAU-CHINA">Home</a></li>
+
       <li><a href="https://2018.igem.org/Team:NAU-CHINA">Home &or;</a></li>
 
     </ul>
 
     </ul>
 
   </div>
 
   </div>
Line 187: Line 189:
 
     //导航背景变色+下滑方法
 
     //导航背景变色+下滑方法
 
     $(".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 12:17, 5 October 2018