Difference between revisions of "Template:SDSZ China"

Line 42: Line 42:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(document).ready(function() {
 
$(document).ready(function() {
                 var str = "#" + pageid;
+
                 var str = "." + pageid;
 
                 $(str).addClass("active");
 
                 $(str).addClass("active");
 
                 $("li.dropdown").mouseover(function(){
 
                 $("li.dropdown").mouseover(function(){
Line 72: Line 72:
 
         border-top:1px solid #dddddd;
 
         border-top:1px solid #dddddd;
 
         border-bottom:1px solid #dddddd;
 
         border-bottom:1px solid #dddddd;
 +
    }
 +
    .lgnavbar{
 +
        padding:0px 0px !important;
 
     }
 
     }
 
</style>
 
</style>
Line 94: Line 97:
  
 
<!-- Collect the nav links, forms, and other content for toggling -->
 
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse col-xs-10 pull-right" id="bs-example-navbar-collapse-1">
+
                        <div class="collapse hidden-lg hidden-md hidden-sm" id = "bs-example-navbar-collapse-1" style="position:relative;">
<ul class="nav navbar-nav">
+
<ul class="nav navbar-nav" style="float: none!important;">
<li id = "Bac"><a href="#">Background</a></li>
+
<li class = "Bac"><a href="#">Background</a></li>
                     <li class="dropdown dropmenu" id = "Pro">
+
                     <li class="dropdown dropmenu Pro">
 
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <span class="caret"></span></a>
 
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <span class="caret"></span></a>
                         <ul class="dropdown-menu" role="menu">
+
                         <ul class="dropdown-menu" role="menu" style="text-align: center;">
 
                             <li><a href="#">1.0</a></li>
 
                             <li><a href="#">1.0</a></li>
 
                             <li><a href="#">2.0</a></li>
 
                             <li><a href="#">2.0</a></li>
Line 105: Line 108:
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
                     <li id = "HP"><a href="#">Human Practice</a></li>
+
                     <li class = "HP"><a href="#">Human Practice</a></li>
                     <li id = "Ach"><a href="#">Achievements</a></li>
+
                     <li class = "Ach"><a href="#">Achievements</a></li>
                     <li id = "Col"><a href="#">Collaborations</a></li>
+
                     <li class = "Col"><a href="#">Collaborations</a></li>
                     <li id = "Saf"><a href="#">Safety</a></li>
+
                     <li class = "Saf"><a href="#">Safety</a></li>
                     <li id = "TA"><a href="#">Team &amp; Attribution</a></li>
+
                     <li class = "TA"><a href="#">Team &amp; Attribution</a></li>
                     <li id = "Interlab"><a href="#">Interlab</a></li>
+
                     <li class = "Interlab"><a href="#">Interlab</a></li>
  
 
</ul>
 
</ul>
</div><!-- /.navbar-collapse -->
+
</div>
 +
            <div class="lgnavbar navbar-collapse pull-right hidden-xs"  style="position:relative;right:0px;width:80vw;">
 +
                <ul class="nav navbar-nav" >
 +
                    <li class = "Bac"><a href="#">Background</a></li>
 +
                    <li class="dropdown dropmenu Pro" >
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <span class="caret"></span></a>
 +
                        <ul class="dropdown-menu" role="menu">
 +
                            <li><a href="#">1.0</a></li>
 +
                            <li><a href="#">2.0</a></li>
 +
                            <li><a href="#">3.0</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class = "HP"><a href="#">Human Practice</a></li>
 +
                    <li class = "Ach"><a href="#">Achievements</a></li>
 +
                    <li class = "Col"><a href="#">Collaborations</a></li>
 +
                    <li class = "Saf"><a href="#">Safety</a></li>
 +
                    <li class = "TA"><a href="#">Team &amp; Attribution</a></li>
 +
                    <li class = "Interlab"><a href="#">Interlab</a></li>
 +
 
 +
                </ul>
 +
            </div><!-- /.navbar-collapse -->
 
</div><!-- /.container-fluid -->
 
</div><!-- /.container-fluid -->
 
</nav>
 
</nav>

Revision as of 14:42, 10 October 2016