Team:AHUT China/Attributions

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 +
<head>
-
<html>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<title>AHUT</title>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<link rel="stylesheet" href="style.css" />
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[[Team:AHUT_China|Home]]
 
-
!align="center"|[[Team:AHUT_China/Team|Team]]
 
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=AHUT_China Official Team Profile]
 
-
!align="center"|[[Team:AHUT_China/Project|Project]]
 
-
!align="center"|[[Team:AHUT_China/Parts|Parts Submitted to the Registry]]
 
-
!align="center"|[[Team:AHUT_China/Modeling|Modeling]]
 
-
!align="center"|[[Team:AHUT_China/Notebook|Notebook]]
 
-
!align="center"|[[Team:AHUT_China/Safety|Safety]]
 
-
!align="center"|[[Team:AHUT_China/Attributions|Attributions]]
 
-
|}
 
 +
<style>
 +
.menu { height: 45px; display: block; }
 +
.menu ul { list-style: none; padding: 0; margin: 0; }
 +
.menu ul li { float: left;
 +
overflow: hidden; position: relative; text-align: center; line-height: 45px; }
 +
.menu ul li a {
 +
position: relative; display: block; width: 102px; height: 45px; font-family: Arial; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer; }
 +
.menu ul li a span {
 +
position: absolute; left: 0; width: 110px; }
 +
.menu ul li a span.out { top: 0px; }
 +
.menu ul li a span.over,  .menu ul li a span.bg {
 +
top: -45px; }
-
Each team must clearly attribute work done by the team on this page.  They must distinguish work done by the team from work done by others, including the host labs, advisors, instructors, graduate students, and postgraduate masters students.
+
 
 +
#menu { background:url(images/bg_ma.jpg) scroll 0 -1px repeat-x; border:1px solid #CCC; }
 +
#menu ul li a { color: #000; }
 +
#menu ul li a span.over { color: #FFF; }
 +
#menu ul li span.bg { height: 45px; background: url(images/bg_over.gif) center center no-repeat; }
 +
 
 +
#menu2 { background:#45A8DF; }
 +
#menu2 ul li a { color:#FFF; }
 +
#menu2 ul li a span.over { background: #A6DD00; color:#333; }
 +
#menu2 ul li.nav1 a span.over { background: #fea274; }
 +
#menu2 ul li.nav2 a span.over { background: #b0bbba; }
 +
#menu2 ul li.nav3 a span.over { background: #a3f091; }
 +
#menu2 ul li.nav4 a span.over { background: #86dbf9; }
 +
#menu2 ul li.nav5 a span.over { background: #e0caf0; }
 +
#menu2 ul li.nav6 a span.over { background: #9dace9; }
 +
#menu2 ul li.nav7 a span.over { background: #9dace9; }
 +
#menu2 ul li.nav8 a span.over { background: #e0caf0; }
 +
body {
 +
background-image: url(images/bg_me.jpg);
 +
margin-left: 0px;
 +
margin-top: 0px;
 +
}
 +
.STYLE1 {font-size: 10px}
 +
</style>
 +
 
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
 +
<script language="javascript">
 +
$(document).ready(function() {
 +
 +
$("#menu li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );
 +
 
 +
 +
$("#menu li a").each(function() {
 +
$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
 +
});
 +
 
 +
$("#menu li a").hover(function() {
 +
 +
$(".out",this).stop().animate({'top':'45px'},250); // 向下滑动 - 隐藏
 +
$(".over",this).stop().animate({'top':'0px'},250); // 向下滑动 - 显示
 +
$(".bg",this).stop().animate({'top':'0px'}, 120); // 向下滑动 - 显示
 +
 
 +
}, function() {
 +
 +
$(".out",this).stop().animate({'top':'0px'},250); // 向上滑动 - 显示
 +
$(".over",this).stop().animate({'top':'-45px'},250); // 向上滑动 - 隐藏
 +
$(".bg",this).stop().animate({'top':'-45px'},120); // 向上滑动 - 隐藏
 +
});
 +
 +
 
 +
 +
$("#menu2 li a").wrapInner( '<span class="out"></span>' );
 +
 +
$("#menu2 li a").each(function() {
 +
$('<span class="over">' + $(this).text() + '</span>' ).appendTo( this );
 +
});
 +
 
 +
$("#menu2 li a").hover(function() {
 +
$(".out",this).stop().animate({'top':'45px'},200); // 向下滑动 - 隐藏
 +
$(".over",this).stop().animate({'top':'0px'},200); // 向下滑动 - 显示
 +
 
 +
}, function() {
 +
$(".out",this).stop().animate({'top':'0px'},200); // 向上滑动 - 显示
 +
$(".over",this).stop().animate({'top':'-45px'},200); // 向上滑动 - 隐藏
 +
});
 +
 
 +
});
 +
</script>
 +
</head>
 +
<body>
 +
<table height="621" align="center" width="950" >
 +
  <tr>
 +
  <td width="950" height="589" valign="top">
 +
  <table width="950" border="0" align="center">
 +
    <tr>
 +
      <td width="950" height="42" align="center"><img src="images/bg_head.gif" alt="" width="950" height="42" /></td>
 +
    </tr>
 +
  </table>
 +
  <table width="950" border="0" align="center" >
 +
    <tr >
 +
      <td width="178" height="61" valign="top">&nbsp;</td>
 +
      <td width="818" height="61" align="right" valign="top" ><div id="content">
 +
        <div id="menu" class="menu">
 +
          <ul>
 +
            <li><a href="index.html">HOME</a></li>
 +
            <li><a href="http://www.baidu.com">TEAM</a></li>
 +
            <li><a href="http://www.baidu.com">PROJECT</a></li>
 +
            <li><a href="http://www.baidu.com">PARTS</a></li>
 +
            <li><a href="http://www.baidu.com">MODEUNG</a></li>
 +
            <li><a href="http://www.baidu.com">NOTEBOOK</a></li>
 +
            <li><a href="http://www.baidu.com">ATTRIBUTIONS</a></li>
 +
            <li><a href="http://www.baidu.com">SAFETY</a></li>
 +
            <p>&nbsp;</p>
 +
          </ul>
 +
        </div>
 +
      </div>
 +
          <div align="left"></div></td>
 +
    </tr>
 +
  </table>
 +
  <p>&nbsp;</p>
 +
  <p>&nbsp;</p>
 +
  <p><br />
 +
      <br />
 +
      </p>
 +
  </body>
 +
</html>

Revision as of 08:16, 15 September 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> AHUT

 

 

 



Retrieved from "http://2013.igem.org/Team:AHUT_China/Attributions"