Team:ZJU-China/template/foot

/* global footer 

  ========================================================================== */


  1. gl-footer {
   display: table; /* enables it to extend beyond the viewport, makes backgrounds visible on horizontal scroll */
   width: 100%;
   background-image:url(ZJU-wood-white.png);
   color: #666;
   font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
   font-weight: 400;

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;

}

  1. gl-footer a:link,
  2. gl-footer a:visited {
   color: #666;
   text-decoration: none;

}

  1. gl-footer a:hover,
  2. gl-footer a:active {
   color: #c02942;

}

/* menu ============================= */

  1. gl-footer-menu {
   width: 90%;     
   margin-left:auto;

margin-right:auto; }

  1. gl-footer-menu .gl-col {
   float: left;
   width: 20%;

}

  1. gl-footer-menu .gl-col-1 {
   margin-left: 0%;

}

  1. gl-footer-menu .gl-col-5 {
   margin-right: 0%;

}

  1. gl-footer-menu ul {
   margin: 0px 0px;

text-align:center; }

  1. gl-footer-menu {
   font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; 
   list-style: none;

margin-left:12%; height:80px; }


/* set======================== */

  1. gl-footer-menu .footIDT,
  2. gl-footer-menu .footSynenergene,
  3. gl-footer-menu .footZJU1,
  4. gl-footer-menu .footZJU2,
  5. gl-footer-menu .footZJU3,
  6. gl-footer-menu .footZJU4,
  7. gl-footer-menu .footZJU5,
  8. gl-footer-menu .footZJU6,
  9. gl-footer-menu .footZJU7,
  10. gl-footer-menu .footZJU8

{ float: left; height:50px; background-repeat: no-repeat; background-position:left; cursor:pointer; z-index:9999; background-size:140px 50px; 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;

}

  1. gl-footer-menu .footIDT{

background-image:url(IDT-Logo-0.png); }

  1. gl-footer-menu .footIDT:hover{

background-image:url(IDT-Logo-1.png); }

  1. gl-footer-menu .footSynenergene{

background-image:url(Synenergene-logo-0.png); }

  1. gl-footer-menu .footSynenergene:hover{

background-image:url(Synenergene-logo-1.png); }

  1. gl-footer-menu .footZJU1{

background-image:url(ZJU-logo-0.gif); }

  1. gl-footer-menu .footZJU1:hover{

background-image:url(ZJU-logo-1.gif); }


  1. gl-footer-menu .footZJU2{

background-size:auto 50px; background-image:url(ZJU-jijinghui-0.png); }

  1. gl-footer-menu .footZJU2:hover{

background-image:url(ZJU-jijinghui.png); }

  1. gl-footer-menu .footZJU3{

background-image:url(ZJU-yi-0.png); }

  1. gl-footer-menu .footZJU3:hover{

background-image:url(ZJU-yi-1.png); }

  1. gl-footer-menu .footZJU4{

background-size:auto 50px; background-image:url(ZJU-LI-0.gif); }

  1. gl-footer-menu .footZJU4:hover{

background-image:url(ZJU-LI-1.gif); }

  1. gl-footer-menu .footZJU5{

background-size:180px 40px; background-image:url(ZJU-BKS-10.png); }

  1. gl-footer-menu .footZJU5:hover{

background-image:url(ZJU-BKS-1.png); }

  1. gl-footer-menu .footZJU6{

background-size:180px 50px; background-image:url(ZJU-SKSY-0.gif); }

  1. gl-footer-menu .footZJU6:hover{

background-image:url(ZJU-SKSY-1.gif); }

  1. gl-footer-menu .footZJU7{

background-image:url(ZJU-SKY-0.gif); }

  1. gl-footer-menu .footZJU7:hover{

background-image:url(ZJU-SKY-1.gif); }

  1. gl-footer-menu .footZJU8{

background-image:url(ZJU-YXY-0.gif); }

  1. gl-footer-menu .footZJU8:hover{

background-image:url(ZJU-YXY-1.gif); }




/* copyright ======================== */

  1. gl-footer-copyright {
   width: 90%;
   margin: 0 auto;
   padding: 8px 0 0px 0;
   border-top: 1px solid #ccc;

}

  1. gl-footer-copyright .gl-col1 {
   display: block;
   float: left;
   margin: 0 0 6px 24px;
   font-size: 12px;
   line-height: 14px;

}

  1. gl-footer-copyright .gl-col1 span {
   display: block;
   float: left;
   padding: 4px 0;

}


  1. gl-footer-copyright .gl-col2 {
   display: block;
   float: right;
   margin: 0 24px 6px 0;

}

  1. 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;

}

  1. gl-footer-copyright .gl-col2 a {
   display: block;
   float: left;
   padding: 4px 0;

}

  1. gl-footer-copyright .gl-col2 li:after {
   display: block;
   float: left;
   content: '|';
   margin: 4px 10px;

}

  1. gl-footer-copyright .gl-col2 li.gl-last:after {
   content: ;
   margin: 0;

}