Team:Sheffield/aaa

From 2014.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:Sheffield}}
+
{{Team:Sheffield/NavigationBar}}
<html>
<html>
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 
<title></title>
<title></title>
-
<style>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
#outer {width:748px; height:300px; background:url() no-repeat right bottom; border:1px solid #ddd; border-width:5px 1px 1px; position:relative;}
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
#menu {list-style-type:none; width:644px; padding:0; margin:0 auto;}
+
<link rel="stylesheet" href="https://2014.igem.org/Team:Sheffield/Template:Style.css?action=raw&ctype=text/css" type="text/css" media="all" />
-
#menu ul {list-style-type:none; padding:0; margin:0;}
+
<script src="https://2014.igem.org/Team:Sheffield/Template:jquery-1.10.1.min.js?action=raw&ctype=text/javascript"></script>
-
#menu li {float:left; background:#088; margin:1px 1px 0 0;position:relative;}
+
<script src="https://2014.igem.org/Team:Sheffield/Template:modernizr.custom.js?action=raw&ctype=text/javascript"></script>
-
#menu li.sub {background:#f80;}
+
<script src="https://2014.igem.org/Team:Sheffield/Template:script.js?action=raw&ctype=text/javascript"></script>
-
#menu li, #menu li a {display:block; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:160px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
+
<link href='http://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'>
-
#menu li:hover, #menu li a:hover {background:#c00;}
+
-
#menu ul {position:absolute;left:-9999px;width:128px;}
+
-
#menu li.click {background:#c00;}
+
-
#menu li.click ul{left:0; top:240px;}
+
-
</style>
+
-
<script type="text/javascript">
+
-
clickMenu = function(menu) {
+
-
var getEls = document.getElementById(menu).getElementsByTagName("LI");
+
-
var getAgn = getEls;
+
-
 
+
-
for (var i=0; i<getEls.length; i++) {
+
-
getEls[i].onclick=function() {
+
-
for (var x=0; x<getAgn.length; x++) {
+
-
getAgn[x].className=getAgn[x].className.replace("unclick", "");
+
-
getAgn[x].className=getAgn[x].className.replace("click", "unclick");
+
-
}
+
-
if ((this.className.indexOf('unclick'))!=-1) {
+
-
this.className=this.className.replace("unclick", "");;
+
-
}
+
-
else {
+
-
this.className+=" click";
+
-
}
+
-
}
+
-
}
+
-
}
+
-
</script>
+
</head>
</head>
-
<body onload="clickMenu('menu')">
+
<body>
-
<ul id="menu">
+
  <div class="container">
-
<li class="sub"><img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" width="200px">
+
<header class="clearfix">
-
<ul>
+
<div class="header">
-
<li><img src="https://static.igem.org/mediawiki/2014/b/b5/Jay1.JPG" width="500px"><p>Jay</p></li>
+
<div class="wrap">
-
</ul>
+
<div class="logo">
-
</li>
+
    <a href="index.html"><h1>Team Sheffield</h1></a>
 +
</div>
 +
          <div class="header_top">
 +
 +
          <div class="search_box">
 +
    <form>
 +
<input type="text" class="text-box" placeholder="Search..."><input type="submit" value="">
 +
    </form>
 +
  </div>
 +
    </div>
 +
<div class="clear"></div>
 +
    </div>
 +
</div>
 +
</header>
 +
<div class="main">
 +
<ul id="og-grid" class="og-grid">
 +
<li>
 +
<a href="#" data-largesrc="https://static.igem.org/mediawiki/2014/b/b5/Jay1.JPG" data-title="Jianxing" data-description="Automatic Control and Systems Engineering third year student.">
 +
<img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" width="500px alt="img01"/>
 +
</a>
 +
</li>
-
</ul>
+
</ul>
-
</body>
+
</div>
 +
</div><!-- /container -->
 +
<script src="https://2014.igem.org/Team:Sheffield/Template:grid.js?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
$(function() {
 +
Grid.init();
 +
});
 +
</script>
 +
          </body>
</html>
</html>

Latest revision as of 21:55, 13 October 2014

Retrieved from "http://2014.igem.org/Team:Sheffield/aaa"