Difference between revisions of "Template:SDSZ China"

Line 41: Line 41:
 
<script type="text/javascript" src="https://2016.igem.org/wiki/index.php/Team:SDSZ_China/js/easing?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/wiki/index.php/Team:SDSZ_China/js/easing?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript">
 
<script type="text/javascript">
−
jQuery(document).ready(function($) {
+
$(document).ready(function() {
−
$(".scroll").click(function(event){
+
                var str = "#" + pageid;
−
event.preventDefault();
+
                $(str).addClass("active");
−
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
+
                $("li.dropdown").mouseover(function(){
−
});
+
                    $(this).addClass("open");
−
});
+
                }).mouseout(function(){
 +
                    $(this).removeClass("open");
 +
                });
 +
            });
 
</script>
 
</script>
 
<!-- start-smoth-scrolling -->
 
<!-- start-smoth-scrolling -->
 
<style>
 
<style>
−
.menuSelected{
+
    .active > a{
−
color:#000000;
+
        background-color: #ffffff !important;
−
}
+
        color: #c23c1c !important;
−
.menuNormal{
+
    }
−
color:#888888;
+
    .navbar-nav > li{
−
}
+
        margin-top:8px;
 +
    }
 +
    .navbar-nav > li > a{
 +
        padding: 5px 15px !important;
 +
        font-size: 12px !important;
 +
        font-family:"PT Serif Caption";
 +
        font-weight: bold;
 +
        border-left: 1px solid #eeeeee;
 +
    }
 +
    .navbar-default{
 +
        margin-top: 30px;
 +
        border-top:1px solid #dddddd;
 +
        border-bottom:1px solid #dddddd;
 +
    }
 
</style>
 
</style>
 
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
Line 62: Line 78:
 
</head>
 
</head>
 
<body>
 
<body>
−
<!-- header -->
+
<div id = "header">
 +
<nav class="navbar navbar-default" role="navigation">
 +
<div class="container-fluid" >
 +
<!-- Brand and toggle get grouped for better mobile display -->
 +
<div class="navbar-header ">
 +
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" style="float: right">
 +
<span class="sr-only">Toggle navigation</span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
<a class="navbar-brand" href="#" ><img src="images/SDSZ_China%20wiki.png" style="height: 20px;margin:auto;"/> </a>
 +
</div>
 +
 
 +
<!-- 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">
 +
<ul class="nav navbar-nav">
 +
<li id = "Bac"><a href="#">Background</a></li>
 +
                    <li class="dropdown dropmenu" id = "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 id = "HP"><a href="#">Human Practice</a></li>
 +
                    <li id = "Ach"><a href="#">Achievements</a></li>
 +
                    <li id = "Col"><a href="#">Collaborations</a></li>
 +
                    <li id = "Saf"><a href="#">Safety</a></li>
 +
                    <li id = "TA"><a href="#">Team &amp; Attribution</a></li>
 +
                    <li id = "Interlab"><a href="#">Interlab</a></li>
 +
 
 +
</ul>
 +
</div><!-- /.navbar-collapse -->
 +
</div><!-- /.container-fluid -->
 +
</nav>
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 12:54, 10 October 2016