Difference between revisions of "Template:Team:Tongji Shanghai/head"

(Created page with "<html> <head> <style type="text/css"> #globalWrapper{ padding:0px; } #content{ width:100%; padding:0px; border:none; background-color: #F0F0F0; } .firstHeading{ displ...")
 
Line 1: Line 1:
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<style type="text/css">
+
<title>Team:Tongji_Shanghai-2016.igem.org</title>
−
#globalWrapper{
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
padding:0px;
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
}
+
<meta name="keywords" content="Play-Offs Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
−
#content{
+
<script type="application/x-javascript"> addEventListener("load", function() {setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
−
    width:100%;
+
<!meta charset utf="8">
−
padding:0px;
+
<!--flexslider-css-->
−
border:none;
+
<link href="https://2016.igem.org/Team:Tongji_Shanghai/css/TJflexslider?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
−
background-color: #F0F0F0;
+
<!--bootstrap-->
−
}
+
<link href="https://2016.igem.org/Team:Tongji_Shanghai/css/TJbootstrap?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
.firstHeading{
+
<!--coustom css-->
−
display:none;
+
<link href="https://2016.igem.org/Team:Tongji_Shanghai/css/TJstyle?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
−
}
+
<!--fonts-->
−
#bodyContent{
+
<link href='http://fonts.useso.com/css?family=Coda:400,800' rel='stylesheet' type='text/css'>
−
padding:0px;
+
<link href='http://fonts.useso.com/css?family=Jockey+One' rel='stylesheet' type='text/css'>
−
}
+
<!--script-->
−
 
+
<script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/javascript/TJmove-top?action=raw&ctype=text/javascript"></script>
−
.head{
+
<script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/javascript/TJeasing?action=raw&ctype=text/javascript"></script>
−
position: fixed;
+
<script src="https://2016.igem.org/Team:Tongji_Shanghai/javascript/TJmodernizr?action=raw&ctype=text/javascript"></script>
−
    left:0px;
+
        <!--attention-->
−
top:18px;
+
<script src="https://2016.igem.org/Team:Tongji_Shanghai/javascript/TJjquery-2-1-4?action=raw&ctype=text/javascript"></script>
−
width: 100%;
+
        <!--attention-->
−
height: 60px;
+
        <!--TJjquery does not work very well.slider can not display due to the change of Tjjquery-2.1.4.min.js and TJjquery.flexslider.js-->
−
background:url(https://static.igem.org/mediawiki/2015/8/8c/Team_China_Tongji-transparent-nav.png);
+
       
−
border-bottom: thin solid #CCC;
+
<script src="https://2016.igem.org/Team:Tongji_Shanghai/javascript/TJbootstrap?action=raw&ctype=text/javascript"></script>
−
z-index:10000;
+
<!--script-->
−
}
+
<script type="text/javascript">
−
.head:hover{
+
jQuery(document).ready(function($) {
−
background: #FFF;
+
$(".scroll").click(function(event){
−
}
+
event.preventDefault();
−
#navLogoLeft{
+
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
−
float:left;
+
});
−
margin-left:15px;
+
});
−
margin-right:20px;
+
</script>
−
padding:2px 0px 4px 0px;
+
<!--fonts-->
−
}
+
</head>
−
#navLogoLeft img{
+
   
−
border: 0px;
+
    <nav class="navbar navbar-default">
−
height: 54px;
+
<div class="container">
−
width: auto;
+
<!-- Brand and toggle get grouped for better mobile display -->
−
}
+
<div class="navbar-header">
−
#navLogoRight{
+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
−
float:right;
+
<span class="sr-only">Toggle navigation</span>
−
margin-right:10px;
+
<span class="icon-bar"></span>
−
padding:2px;
+
<span class="icon-bar"></span>
−
}
+
<span class="icon-bar"></span>
−
#navLogoRight img{
+
</button>
−
border:0px;
+
<a class="navbar-brand" href="https://2016.igem.org/Team:Tongji_Shanghai">Tongji-iGEM</a>
−
height:56px;
+
</div>
−
width: auto;
+
<!-- Collect the nav links, forms, and other content for toggling -->
−
}
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
.nav {
+
<ul class="nav navbar-nav navbar-right margin-top cl-effect-2">
−
float:left;
+
<li><a href="https://2016.igem.org/Team:Tongji_Shanghai"><span data-hover="Home">Home</span></a></li>
−
}
+
<li class="dropdown">
−
.navOne{
+
<a href="about.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span data-hover="Project">Project</span><span class="caret"></span></a>
−
float: left;
+
<ul class="dropdown-menu">
−
padding-top:4px;
+
<li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Experiments"><span data-hover="Experiment">Experiment</span></a></li>
−
}
+
<li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Results"><span data-hover="Results">Results</span></a></li>
−
.navOne a{
+
                                <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Notebook"><span data-hover="Notebook">Notebook</span></a></li>
−
color: #333;
+
</ul>
−
}
+
</li>
−
.navOneA{
+
<li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team"><span data-hover="Team">Team</span></a></li>
−
line-height: 52px;
+
<li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety"><span data-hover="Safety">Safety</span></a></li>
−
text-decoration: none;
+
<li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Attributions"><span data-hover="Attribution">Attribution</span></a></li>
−
padding: 10px 12px;
+
</ul>
−
text-transform: uppercase;
+
<div class="clearfix"></div>
−
font-family: "Comic Sans MS", cursive,Georgia;
+
</div><!-- /.navbar-collapse -->
−
font-size: 14px;
+
<div class="clearfix"></div>
−
}
+
</div><!-- /.container-fluid -->
−
.navOneA img{
+
</nav>
−
border:0px;
+
−
}
+
−
.navOne:hover{
+
−
background:#CCC;
+
−
border-bottom: 4px solid #CCC;
+
−
cursor:pointer; 
+
−
}
+
−
.navOne:hover a{
+
−
text-decoration: none;
+
−
}
+
−
.navOne:hover .navDrop{
+
−
display:block;
+
−
}
+
−
.navDrop{
+
−
display:none;
+
−
padding-bottom:5px;
+
−
margin-top:-10px;
+
−
}
+
−
.navTwo{
+
−
list-style-type: none;
+
−
padding: 5px 10px;
+
−
max-width:130px;
+
−
}
+
−
.navTwo:hover{
+
−
background:#999;
+
−
cursor:pointer;
+
−
}
+
−
.navTwo a{
+
−
text-decoration: none;
+
−
font-family: Georgia, "Times New Roman", Times, serif;
+
−
font-size: 14px;
+
−
display:block;
+
−
width:100%;
+
−
}
+
−
 
+
−
</style>
+
−
</head>
+
  
 
</html>
 
</html>

Revision as of 10:08, 1 August 2016

Team:Tongji_Shanghai-2016.igem.org