Difference between revisions of "Template:WHU-China"

(Replaced content with " <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>IGEM-WHU</title> <style type="text/css">...")
Line 1: Line 1:
<html>
 
  
<style>
 
 
  #background{
 
    background-image: url(https://static.igem.org/mediawiki/2016/c/cd/T--Kyoto--Norovirus.jpg);
 
    background-position: center center;
 
    background-repeat: no-repeat;
 
    background-attachment: fixed;
 
    background-size: cover;
 
  }
 
  #topbanner{
 
    width: 1024px;
 
    height: 105px;
 
    margin: 112px auto 113px;
 
    background-image: url(https://static.igem.org/mediawiki/2016/5/5a/T--Kyoto--Norocatcher.png);
 
    background-position: center center;
 
  }
 
  #button_wrapper{
 
    width: 1000px;
 
    height: 186px;
 
    margin: 0 auto;
 
    padding: 0;
 
    letter-spacing: -1em;
 
  }
 
  .button{
 
    float:left;
 
    width:250px;
 
    height: 186px;
 
    letter-spacing: normal;
 
  }
 
</style>
 
  
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<head>
<link href="common.css" rel="stylesheet" type="text/css" media="all" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
+
<title>IGEM-WHU</title>
  window.onload = function bwWidth(){
+
<style type="text/css">
    var bw = document.getElementById("topbanner-wrapper");
+
body {
    var width = Math.max(parseInt(document.documentElement.clientWidth),1024);
+
background-image: url(image/HOME界面背景图.jpg);
    var newwidth = width * 397 / 1368 - 72
+
background-repeat: no-repeat;
    bw.style.height = newwidth + "px";
+
background-size:cover;
  }
+
}
  window.onresize = function bwWidth(){
+
#apDiv1 {
    var bw = document.getElementById("topbanner-wrapper");
+
position:absolute;
    var width = Math.max(parseInt(document.documentElement.clientWidth),1024);
+
width:441px;
    var newwidth = width * 397 / 1368 - 72
+
height:129px;
    bw.style.height = newwidth + "px";
+
z-index:1;
  }
+
left: 2161px;
</script>
+
top: 381px;
 +
margin-top:5px;
 +
margin-left:5px;
 +
}
  
 +
</style>
 
</head>
 
</head>
<body>
 
  <div id="background">
 
    <div id="header">
 
      <div id="nav-wrapper">
 
        <div class="nav">
 
          <ul class="nv">
 
            <li id ="nv0" style="width:56px"><a href="https://2016.igem.org/Team:Kyoto"></a></li>
 
            <li id ="nv1">
 
              <a></a>
 
              <ul>
 
                <li id="nv11"><a href="https://2016.igem.org/Team:Kyoto/Description"></a></li>
 
                <li id="nv12"><a href="https://2016.igem.org/Team:Kyoto/Proof"></a></li>
 
              </ul>
 
            </li>
 
            <li id ="nv2">
 
              <a></a>
 
              <ul>
 
                <li id="nv21"><a href="https://2016.igem.org/Team:Kyoto/Software"></a></li>
 
                <li id="nv22"><a href="https://2016.igem.org/Team:Kyoto/Collaborations"></a></li>
 
              </ul>
 
            </li>
 
            <li id ="nv3"><a href="https://2016.igem.org/Team:Kyoto/Achievements"></a></li>
 
            <li id ="nv4"><a href="https://2016.igem.org/Team:Kyoto/Experiments"></a></li>
 
            <li id ="nv5">
 
              <a></a>
 
              <ul>
 
                <li id="nv51"><a href="https://2016.igem.org/Team:Kyoto/Integrated_Practices"></a></li>
 
                <li id="nv52"><a href="https://2016.igem.org/Team:Kyoto/HP/Silver"></a></li>
 
                <li id="nv53"><a href="https://2016.igem.org/Team:Kyoto/HP/Gold"></a></li>
 
              </ul>
 
            </li>
 
            <li id ="nv6"><a href="https://2016.igem.org/Team:Kyoto/Notebook"></a></li>
 
            <li id ="nv7">
 
              <a></a>
 
              <ul>
 
                <li id="nv71"><a href="https://2016.igem.org/Team:Kyoto/Team"></a></li>
 
                <li id="nv72"><a href="https://2016.igem.org/Team:Kyoto/Attributions"></a></li>
 
              </ul>
 
            </li>
 
            <li id ="nv8"><a href="https://2016.igem.org/Team:Kyoto/Safety"></a></li>
 
          </ul>
 
        </div>
 
      </div>
 
    </div>
 
 
    <div id="topbanner">
 
    </div>
 
    <div id="button_wrapper">
 
      <div class="button">
 
        <a href="https://2016.igem.org/Team:Kyoto/Description"><img src="https://static.igem.org/mediawiki/2016/7/79/T--Kyoto--Tilefig-09.png"
 
          onmouseover="this.src='https://static.igem.org/mediawiki/2016/e/ea/T--Kyoto--Tilefigmouseover-17.png'"
 
          onmouseout="this.src='https://static.igem.org/mediawiki/2016/7/79/T--Kyoto--Tilefig-09.png'"></a>
 
      </div>
 
      <div class="button">
 
        <a href="https://2016.igem.org/Team:Kyoto/Software"><img src="https://static.igem.org/mediawiki/2016/2/2f/T--Kyoto--Tilefig-10.png"
 
          onmouseover="this.src='https://static.igem.org/mediawiki/2016/d/d5/T--Kyoto--Tilefigmouseover-18.png'"
 
          onmouseout="this.src='https://static.igem.org/mediawiki/2016/2/2f/T--Kyoto--Tilefig-10.png'"></a>
 
      </div>
 
      <div class="button">
 
        <a href="https://2016.igem.org/Team:Kyoto/Notebook"><img src="https://static.igem.org/mediawiki/2016/e/e9/T--Kyoto--Tilefig-11.png"
 
          onmouseover="this.src='https://static.igem.org/mediawiki/2016/5/54/T--Kyoto--Tilefigmouseover-19.png'"
 
          onmouseout="this.src='https://static.igem.org/mediawiki/2016/e/e9/T--Kyoto--Tilefig-11.png'"></a>
 
      </div>
 
      <div class="button">
 
        <a href="https://2016.igem.org/Team:Kyoto/Achievements"><img src="https://static.igem.org/mediawiki/2016/c/c1/T--Kyoto--Tilefig-12.png"
 
          onmouseover="this.src='https://static.igem.org/mediawiki/2016/8/86/T--Kyoto--Tilefigmouseover-20.png'"
 
          onmouseout="this.src='https://static.igem.org/mediawiki/2016/c/c1/T--Kyoto--Tilefig-12.png'"></a>
 
      </div>
 
    </div>
 
    <div id="button_wrapper">
 
      <div class="button">
 
        <a href="https://2016.igem.org/Team:Kyoto/Integrated_Practices"><img src="https://static.igem.org/mediawiki/2016/5/50/T--Kyoto--Tilefig-13.png"
 
          onmouseover="this.src='https://static.igem.org/mediawiki/2016/7/7c/T--Kyoto--Tilefigmouseover-21.png'"
 
          onmouseout="this.src='https://static.igem.org/mediawiki/2016/5/50/T--Kyoto--Tilefig-13.png'"></a>
 
      </div>
 
      <div class="button">
 
        <a href="https://2016.igem.org/Team:Kyoto/Experiments"><img src="https://static.igem.org/mediawiki/2016/5/57/T--Kyoto--Tilefig-14.png"
 
          onmouseover="this.src='https://static.igem.org/mediawiki/2016/3/35/T--Kyoto--Tilefigmouseover-22.png'"
 
          onmouseout="this.src='https://static.igem.org/mediawiki/2016/5/57/T--Kyoto--Tilefig-14.png'"</a>
 
      </div>
 
      <div class="button">
 
        <a href="https://2016.igem.org/Team:Kyoto/Team"><img src="https://static.igem.org/mediawiki/2016/0/09/T--Kyoto--Tilefig-15.png"
 
          onmouseover="this.src='https://static.igem.org/mediawiki/2016/5/57/T--Kyoto--Tilefigmouseover-23.png'"
 
          onmouseout="this.src='https://static.igem.org/mediawiki/2016/0/09/T--Kyoto--Tilefig-15.png'"></a>
 
      </div>
 
      <div class="button">
 
        <a href="https://2016.igem.org/Team:Kyoto/Safety"><img src="https://static.igem.org/mediawiki/2016/2/2a/T--Kyoto--Tilefig-16.png"
 
          onmouseover="this.src='https://static.igem.org/mediawiki/2016/a/ac/T--Kyoto--Tilefigmouseover-24.png'"
 
          onmouseout="this.src='https://static.igem.org/mediawiki/2016/2/2a/T--Kyoto--Tilefig-16.png'"></a>
 
      </div>
 
    </div>
 
  </div>
 
  <div id="footer">
 
    <div id="footer_logos">
 
      <img src="https://static.igem.org/mediawiki/2016/e/e6/T--Kyoto--Footer-24.png" width="874" height="95">
 
    </div>
 
    <div id="footer_contact">
 
      <img src="https://static.igem.org/mediawiki/2016/e/ec/T--Kyoto--Footer-25.png">
 
    </div>
 
    <div id="footer_social">
 
      <a href="mailto:igemkyoto@gmail.com"><img src="https://static.igem.org/mediawiki/2016/2/28/T--Kyoto--Footer-28.png"></a>
 
      <a href="https://twitter.com/igemkyoto"><img src="https://static.igem.org/mediawiki/2016/8/82/T--Kyoto--Footer-26.png"></a>
 
      <a href="https://www.facebook.com/IgemKyoto/"><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Kyoto--Footer-27.png"></a>
 
    </div>
 
  </div>
 
 
 
  
 +
<body >
 +
</body>
 
</html>
 
</html>

Revision as of 06:17, 9 August 2017


IGEM-WHU