Difference between revisions of "Template:CSU CHINA"

Line 20: Line 20:
 
<body>
 
<body>
 
     <style>
 
     <style>
         #navigator{ margin-top: 16px; }
+
         #navigator{ margin-top: 16px; z-index: 10;}
 
         #navigator:hover{ background-color: rgb(52,58,64) !important;}
 
         #navigator:hover{ background-color: rgb(52,58,64) !important;}
 
         #navigator .navbar-brand img{ height: 45px; }
 
         #navigator .navbar-brand img{ height: 45px; }
         #navigator a{ font-size: 16px !important; color: rgb(151,155,158) !important;}
+
         #navigator a{ font-size: 16px !important; color: rgb(151,155,158);}
 
         #navigator .nav-link:hover{ color: white !important;}
 
         #navigator .nav-link:hover{ color: white !important;}
 
         #navigator .dropdown-item{ color: #262626 !important;}
 
         #navigator .dropdown-item{ color: #262626 !important;}
Line 35: Line 35:
 
             -webkit-transition: color 0.15s; /* Safari */
 
             -webkit-transition: color 0.15s; /* Safari */
 
         }
 
         }
         .dropdown-menu{
+
         .dropdown-menu{ margin-top: -1px; }
            margin-top: -1px;
+
        }
+
 
         #top_title{ display:none; }
 
         #top_title{ display:none; }
 
         #content{
 
         #content{
Line 46: Line 44:
 
         }
 
         }
 
         #bodyContent a[href ^="https://"],  
 
         #bodyContent a[href ^="https://"],  
         .link-https{
+
         .link-https
            padding: 8px 8px 8px 8px;
+
        { padding: 8px 8px 8px 8px; }
        }
+
  
 
     </style>
 
     </style>
  
 
     <script type="text/javascript">
 
     <script type="text/javascript">
        // 若文档高度小于窗口高度,赞助框位于页面最底部
 
 
         $(document).ready(function(){
 
         $(document).ready(function(){
              
+
             // 若文档高度小于窗口高度,赞助框位于页面最底部
 
             $(".dropdown").hover(function() {
 
             $(".dropdown").hover(function() {
                 stop(true,true);
+
                 $('.dropdown-menu', this).stop(true,true).slideToggle("fast");
                $('.dropdown-menu', this).slideToggle("fast");
+
            });
 +
            // 改导航栏css
 +
            $(".dropdown-menu").mouseenter(function(){
 +
                $(this).prev().css("color","white");
 +
            });
 +
            $(".dropdown-menu").mouseleave(function(){
 +
                $(this).prev().css("color","rgb(151,155,158)");
 
             });
 
             });
 
             // 滚动渐隐
 
             // 滚动渐隐
Line 83: Line 85:
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PROJECT</a>
+
                     <a class="nav-link dropdown-toggle" href="#" id="navbar_PROJECT" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PROJECT</a>
 
                     <div class="dropdown-menu  bg-light " aria-labelledby="navbarDropdown">
 
                     <div class="dropdown-menu  bg-light " aria-labelledby="navbarDropdown">
 
                         <a class="dropdown-item" href="">DESCRIPTION</a>
 
                         <a class="dropdown-item" href="">DESCRIPTION</a>
Line 91: Line 93:
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PARTS</a>
+
                     <a class="nav-link dropdown-toggle" href="#" id="navbar_PARTS" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PARTS</a>
 
                     <div class="dropdown-menu  bg-light" aria-labelledby="navbarDropdown">
 
                     <div class="dropdown-menu  bg-light" aria-labelledby="navbarDropdown">
 
                         <a class="dropdown-item" href="#">BASIC PARTS</a>
 
                         <a class="dropdown-item" href="#">BASIC PARTS</a>
Line 102: Line 104:
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES</a>
+
                     <a class="nav-link dropdown-toggle" href="#" id="navbar_HUMAN_PRACTICES" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES</a>
 
                     <div class="dropdown-menu  bg-light" aria-labelledby="navbarDropdown">
 
                     <div class="dropdown-menu  bg-light" aria-labelledby="navbarDropdown">
 
                         <a class="dropdown-item" href="/Team:CSU_CHINA/Human_Practices">INTERGRATED</a>
 
                         <a class="dropdown-item" href="/Team:CSU_CHINA/Human_Practices">INTERGRATED</a>
Line 111: Line 113:
 
                     <a class="nav-link" href="/Team:CSU_CHINA/Safety">SAFETY</a>
 
                     <a class="nav-link" href="/Team:CSU_CHINA/Safety">SAFETY</a>
 
                 </li>
 
                 </li>
                 <li class="nav-item">
+
                 <li class="nav-item dropdown">
                        <a class="nav-link" href="#">LAB</a>
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbar_LAB" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">LAB</a>
 +
                    <div class="dropdown-menu  bg-light" aria-labelledby="navbarDropdown">
 +
                            <a class="dropdown-item" href="/Team:CSU_CHINA/LabTasks">LABTASK</a>
 +
                        <a class="dropdown-item" href="/Team:CSU_CHINA/Notebook">NOTEBOOK</a>
 +
                        <a class="dropdown-item" href="/Team:CSU_CHINA/Protocols">POROYOCOLS</a>
 +
                    </div>
 
                 </li>
 
                 </li>
 
                 <li class="nav-item dropdown">
 
                 <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">TEAM</a>
+
                     <a class="nav-link dropdown-toggle" href="#" id="navbar_TEAM" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">TEAM</a>
 
                     <div class="dropdown-menu  bg-light" aria-labelledby="navbarDropdown">
 
                     <div class="dropdown-menu  bg-light" aria-labelledby="navbarDropdown">
 
                         <a class="dropdown-item" href="/Team:CSU_CHINA/Collaborations" title="">COLLABORATIONS</a>
 
                         <a class="dropdown-item" href="/Team:CSU_CHINA/Collaborations" title="">COLLABORATIONS</a>
Line 123: Line 130:
 
                 </li>
 
                 </li>
 
                 <li class="nav-item">
 
                 <li class="nav-item">
                     <a class="nav-link" href="">JUDGING</a>
+
                     <a class="nav-link" href="/Team:CSU_CHINA/Judging">JUDGING</a>
 
                 </li>  
 
                 </li>  
 
             </ul>
 
             </ul>
Line 131: Line 138:
  
 
</body>
 
</body>
 
 
</html>
 
</html>

Revision as of 07:35, 21 October 2019