Difference between revisions of "Team:ZJU-China/template/foot"

 
(29 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
/* global footer
+
<html>
−
  ========================================================================== */
+
<head>
−
 
+
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:ZJU-China/css/globe/ZJU-gl-footset?action=raw&amp;ctype=text/css" />
−
 
+
</head>
−
#gl-footer {
+
<body>
−
    display: table; /* enables it to extend beyond the viewport, makes backgrounds visible on horizontal scroll */
+
  <div id="gl-footer" class="cf" style="max-width:1440px">
−
    width: 100%;
+
 
−
    background-image:url(https://static.igem.org/mediawiki/2015/b/bf/ZJU-wood-white.png);
+
 
−
    color: #666;
+
  <div id="gl-footer-menu" class="cf">
−
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
+
  <div style="width:100%;">
−
    font-weight: 400;
+
  <div style="width:80%;float: left;">
−
border:2px solid #ddd;
+
−
border-radius:2em;
+
−
-moz-box-shadow: 10px 10px 5px #888888;
+
−
box-shadow: 0px 0px 2em #888888;  
+
−
text-align:center;
+
−
    margin-top: 10px;
+
 
      
 
      
−
}
+
<div class="row" style="margin-top: 15px;">
 +
    <div class="gl-col footIDT" onclick="javascript:location.href='http://www.idt.com'"></div>
 +
    <div class="gl-col footZJU6" onclick="javascript:location.href='http://www.zjubiolab.zju.edu.cn/page'"></div>
 +
    <div class="gl-col footZJU4" onclick="javascript:location.href='http://www.css.zju.edu.cn/english/'"></div>
 +
    <div class="gl-col footZJU7" onclick="javascript:location.href='http://www.cls.zju.edu.cn/en/'"></div>
 +
    </div>
 +
   
 +
<div class="row">
 +
    <div class="gl-col footZJU9" onclick="javascript:location.href='http://opt.zju.edu.cn/english/'"></div>
 +
    <div class="gl-col footZJU2" onclick="javascript:location.href='http://www.zuef.zju.edu.cn/'"></div>
 +
    <div class="gl-col footSynenergene" onclick="javascript:location.href='http://www.synenergene.eu'"></div>
 +
<div class="gl-col footZJU8" onclick="javascript:location.href='http://physics.zju.edu.cn/english/'"></div>
 +
    </div>
 +
   
 +
<div class="row">
 +
    <div class="gl-col footZJU3" onclick="javascript:location.href='http://www.cmm.zju.edu.cn/english/'"></div>
 +
    <div class="gl-col footZJU5" onclick="javascript:location.href='http://ugrs.zju.edu.cn/english/'"></div>
 +
    <div class="gl-col footZJU100" onclick="javascript:location.href='http://www.chem.zju.edu.cn/~huangfeihe/redir.php?catalog_id=8579'"></div>
 +
    <div class="gl-col footZJU11" onclick="javascript:location.href='http://ee.zju.edu.cn/english/"></div>
 +
    </div>
 +
 
 +
  </div>
 +
 
 +
  <div style="width: 20%;float: right;height: 228px;background-size: auto 100%;" class="footZJU10" onclick="javascript:location.href='http://www.zjstm.org/'">
 +
 
  
−
#gl-footer a:link,
+
 
−
#gl-footer a:visited {
+
  </div>
−
    color: #666;
+
  </div>
−
    text-decoration: none;
+
 
−
}
+
  </div>
  
−
#gl-footer a:hover,
 
−
#gl-footer a:active {
 
−
    color: #c02942;
 
−
}
 
  
−
/* menu ============================= */
 
  
−
#gl-footer-menu {
 
−
    width: 90%;   
 
−
    margin-left:auto;
 
−
margin-right:auto;
 
−
}
 
  
−
#gl-footer-menu .gl-col {
 
−
    float: left;
 
−
    width: 20%;
 
−
}
 
  
−
#gl-footer-menu .gl-col-1 {
+
  <div id="gl-footer-copyright" class="cf">
−
     margin-left: 0%;
+
    <div class="gl-col1 cf">
−
}
+
    <span>&copy; 2015 ZJU-IGEM TERMINATE.</span>
 +
     </div>
 +
    <ul class="gl-col2 cf">
 +
    <li><a href="http://www.igem.org/Main_Page">IGEM</a></li>
 +
    <li><a href="http://www.zju.edu.cn">Zhejiang University</a></li>
 +
    </ul>
 +
  </div>
 +
  </div>
 +
  <!-- 图片预加载 -->
 +
  <script type="text/javascript"> 
 +
function preloader() {
  
−
#gl-footer-menu .gl-col-5 {
+
  if (document.images) {
−
    margin-right: 0%;
+
−
}
+
−
 
+
−
#gl-footer-menu ul {
+
−
    margin: 0px 0px;
+
−
text-align:center;
+
−
}
+
−
 
+
−
#gl-footer-menu  {
+
−
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
+
−
    list-style: none;
+
−
margin-left:12%;
+
−
height:80px;
+
−
}
+
  
 +
    var img1 = new Image();
 +
    var img2 = new Image();
 +
    var img3 = new Image();
 +
    var img4 = new Image();
 +
    var img5 = new Image();
 +
    var img6 = new Image();
 +
    var img7 = new Image();
 +
    var img8 = new Image();
 +
    var img9 = new Image();
 +
    var img10 = new Image();
 +
    var img11 = new Image();
 +
    var img12 = new Image();
 +
    var img13 = new Image();
 +
    var img14 = new Image();
 +
    var img15 = new Image();
 +
    var img16 = new Image();
 +
    var img17 = new Image();
 +
    var img18 = new Image();
 +
    var img19 = new Image();
  
−
/* set======================== */
+
    img1.src = "https://static.igem.org/mediawiki/2015/0/0f/IDT-Logo-1.png";
−
#gl-footer-menu .footIDT,
+
    img2.src = "https://static.igem.org/mediawiki/2015/7/77/Synenergene-logo-1.png";
−
#gl-footer-menu .footSynenergene,
+
    img3.src = "https://static.igem.org/mediawiki/2015/1/19/ZJU-logo-1.gif";
−
#gl-footer-menu .footZJU1,
+
    img4.src = "https://static.igem.org/mediawiki/2015/0/05/ZJU-jijinghui.png";
−
#gl-footer-menu .footZJU2,
+
    img5.src = "https://static.igem.org/mediawiki/2015/4/40/ZJU-yi-1.png";
−
#gl-footer-menu .footZJU3,
+
    img6.src = "https://static.igem.org/mediawiki/2015/2/2d/ZJU-LI-1.gif";
−
#gl-footer-menu .footZJU4,
+
    img7.src = "https://static.igem.org/mediawiki/2015/4/44/ZJU-BKS-1.png";
−
#gl-footer-menu .footZJU5,
+
    img8.src = "https://static.igem.org/mediawiki/2015/b/b8/ZJU-SKSY-1.gif";
−
#gl-footer-menu .footZJU6,
+
    img9.src = "https://static.igem.org/mediawiki/2015/d/df/ZJU-SKY-1.gif";
−
#gl-footer-menu .footZJU7,
+
    img10.src = "https://static.igem.org/mediawiki/2015/f/f2/ZJU-PHY-1.png";
−
#gl-footer-menu .footZJU8
+
    img11.src = "https://static.igem.org/mediawiki/2015/c/c3/ZJU-Optical.png";
−
{
+
    img12.src = "https://static.igem.org/mediawiki/2015/8/83/ZJU-STM-1.png";
−
float: left;
+
    img13.src = "https://static.igem.org/mediawiki/2015/f/f4/ZJU-dianqi-1.png";
−
height:50px;
+
    img14.src = "https://static.igem.org/mediawiki/2015/7/7c/ZJU-LI-1.png";
−
background-repeat: no-repeat;
+
    img15.src = "https://static.igem.org/mediawiki/2015/2/28/ZJU-SKY-COLOR-1.png";
−
background-position:left;
+
    img16.src = "https://static.igem.org/mediawiki/2015/d/d4/ZJU-Sim-Logo.png";
−
cursor:pointer;
+
    img17.src = "https://static.igem.org/mediawiki/2015/4/4c/Zju-f-1.png";
−
z-index:9999;
+
    img18.scr = "https://static.igem.org/mediawiki/2015/e/ea/Zju-page-in-back.png";
−
background-size:140px 50px;
+
    img19.scr = "https://static.igem.org/mediawiki/2015/7/78/Wood-back-down.gif";
−
transition-property:all;
+
  }
−
transition-duration:0.3s;
+
−
transition-timing-function:linear;
+
−
/* Firefox 4 */
+
−
-moz-transition-property:all;
+
−
-moz-transition-duration:0.3s;
+
−
-moz-transition-timing-function:linear;
+
−
/* Safari and Chrome */
+
−
-webkit-transition-property:all;
+
−
-webkit-transition-duration:0.3s;
+
−
-webkit-transition-timing-function:linear;
+
−
/* Opera */
+
−
-o-transition-property:all;
+
−
-o-transition-duration:0.3s;
+
−
-o-transition-timing-function:linear;
+
  
 
}
 
}
  
−
#gl-footer-menu .footIDT{
+
function addLoadEvent(func) {
−
background-image:url(https://static.igem.org/mediawiki/2015/2/2f/IDT-Logo-0.png);
+
−
}
+
  
−
#gl-footer-menu .footIDT:hover{
+
  var oldonload = window.onload;
−
background-image:url(https://static.igem.org/mediawiki/2015/0/0f/IDT-Logo-1.png);
+
−
}
+
  
−
#gl-footer-menu .footSynenergene{
+
  if (typeof window.onload != 'function') {
  
−
background-image:url(https://static.igem.org/mediawiki/2015/2/29/Synenergene-logo-0.png);
+
    window.onload = func;
−
}
+
−
#gl-footer-menu .footSynenergene:hover{
+
−
background-image:url(https://static.igem.org/mediawiki/2015/7/77/Synenergene-logo-1.png);
+
−
}
+
  
−
#gl-footer-menu .footZJU1{
+
  } else {
−
background-image:url(https://static.igem.org/mediawiki/2015/6/6c/ZJU-logo-0.gif);
+
−
}
+
−
#gl-footer-menu .footZJU1:hover{
+
−
background-image:url(https://static.igem.org/mediawiki/2015/1/19/ZJU-logo-1.gif);
+
−
}
+
  
 +
    window.onload = function() {
  
−
#gl-footer-menu .footZJU2{
+
      if (oldonload) {
−
background-size:auto 50px;
+
−
background-image:url(https://static.igem.org/mediawiki/2015/e/e1/ZJU-jijinghui-0.png);
+
−
}
+
−
#gl-footer-menu .footZJU2:hover{
+
−
background-image:url(https://static.igem.org/mediawiki/2015/0/05/ZJU-jijinghui.png);
+
−
}
+
  
−
#gl-footer-menu .footZJU3{
+
        oldonload();
−
background-image:url(https://static.igem.org/mediawiki/2015/f/f6/ZJU-yi-0.png);
+
−
}
+
−
#gl-footer-menu .footZJU3:hover{
+
−
background-image:url(https://static.igem.org/mediawiki/2015/4/40/ZJU-yi-1.png);
+
−
}
+
  
−
#gl-footer-menu .footZJU4{
+
      }
−
background-size:auto 50px;
+
−
background-image:url(https://static.igem.org/mediawiki/2015/0/08/ZJU-LI-0.gif);
+
−
}
+
−
#gl-footer-menu .footZJU4:hover{
+
−
background-image:url(https://static.igem.org/mediawiki/2015/2/2d/ZJU-LI-1.gif);
+
−
}
+
  
−
#gl-footer-menu .footZJU5{
+
      func();
−
background-size:180px 40px;
+
−
background-image:url(https://static.igem.org/mediawiki/2015/a/a8/ZJU-BKS-10.png);
+
−
}
+
−
#gl-footer-menu .footZJU5:hover{
+
−
background-image:url(https://static.igem.org/mediawiki/2015/4/44/ZJU-BKS-1.png);
+
−
}
+
  
−
#gl-footer-menu .footZJU6{
+
    }
−
background-size:180px 50px;
+
−
background-image:url(https://static.igem.org/mediawiki/2015/3/36/ZJU-SKSY-0.gif);
+
−
}
+
−
#gl-footer-menu .footZJU6:hover{
+
−
background-image:url(https://static.igem.org/mediawiki/2015/b/b8/ZJU-SKSY-1.gif);
+
−
}
+
  
−
#gl-footer-menu .footZJU7{
+
  }
−
background-image:url(https://static.igem.org/mediawiki/2015/6/65/ZJU-SKY-0.gif);
+
−
}
+
−
#gl-footer-menu .footZJU7:hover{
+
−
background-image:url(https://static.igem.org/mediawiki/2015/d/df/ZJU-SKY-1.gif);
+
−
}
+
  
−
#gl-footer-menu .footZJU8{
 
−
background-image:url(https://static.igem.org/mediawiki/2015/4/44/ZJU-YXY-0.gif);
 
−
}
 
−
#gl-footer-menu .footZJU8:hover{
 
−
background-image:url(https://static.igem.org/mediawiki/2015/0/08/ZJU-YXY-1.gif);
 
 
}
 
}
  
−
 
+
addLoadEvent(preloader);
−
 
+
  </script> 
−
 
+
</body>
−
 
+
</html>
−
 
+
−
/* copyright ======================== */
+
−
 
+
−
#gl-footer-copyright {
+
−
    width: 90%;
+
−
    margin: 0 auto;
+
−
    padding: 8px 0 0px 0;
+
−
    border-top: 1px solid #ccc;
+
−
}
+
−
 
+
−
#gl-footer-copyright .gl-col1 {
+
−
    display: block;
+
−
    float: left;
+
−
    margin: 0 0 6px 24px;
+
−
    font-size: 12px;
+
−
    line-height: 14px;
+
−
}
+
−
 
+
−
#gl-footer-copyright .gl-col1 span {
+
−
    display: block;
+
−
    float: left;
+
−
    padding: 4px 0;
+
−
}
+
−
 
+
−
 
+
−
#gl-footer-copyright .gl-col2 {
+
−
    display: block;
+
−
    float: right;
+
−
    margin: 0 24px 6px 0;
+
−
}
+
−
 
+
−
#gl-footer-copyright .gl-col2 li {
+
−
    display: block;
+
−
    float: left;
+
−
    color: #666;
+
−
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; /* m8 override */
+
−
    font-size: 12px;
+
−
    line-height: 14px;
+
−
    font-weight: 400; /* m8 override */
+
−
    list-style: none;
+
−
    margin:0;
+
−
}
+
−
 
+
−
#gl-footer-copyright .gl-col2 a {
+
−
    display: block;
+
−
    float: left;
+
−
    padding: 4px 0;
+
−
}
+
−
 
+
−
#gl-footer-copyright .gl-col2 li:after {
+
−
    display: block;
+
−
    float: left;
+
−
    content: '|';
+
−
    margin: 4px 10px;
+
−
}
+
−
 
+
−
#gl-footer-copyright .gl-col2 li.gl-last:after {
+
−
    content: '';
+
−
    margin: 0;
+
−
}
+

Latest revision as of 13:08, 17 September 2015