Difference between revisions of "Team:ZJU-China/css/ZJU-stylesheet.css"

Line 58: Line 58:
 
     font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;  
 
     font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;  
 
     list-style: none;
 
     list-style: none;
−
margin-left:-10%;
+
margin-left:12%;
 
height:80px;
 
height:80px;
 
}
 
}

Revision as of 03:31, 7 September 2015

/* global footer 

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


  1. gl-footer {
   display: table; /* enables it to extend beyond the viewport, makes backgrounds visible on horizontal scroll */
   width: 100%;
   background: #fff;
   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;

}

  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 li {
   font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; 
   list-style: none;

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


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

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

{ width:100%; float: left; 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 li.footIDT{

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

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

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

  1. gl-footer-menu li.footSynenergene{

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

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

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

  1. gl-footer-menu li.footZJU1{

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

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

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


  1. gl-footer-menu li.footZJU2{

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

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

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

  1. gl-footer-menu li.footZJU3{

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

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

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

  1. gl-footer-menu li.footZJU4{

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

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

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

  1. gl-footer-menu li.footZJU5{

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

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

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

  1. gl-footer-menu li.footZJU6{

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

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

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

  1. gl-footer-menu li.footZJU7{

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

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

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

  1. gl-footer-menu li.footZJU8{

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

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

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




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

  1. gl-footer-copyright {
   width: 90%;
   margin: 0 auto;
   padding: 8px 0 32px 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;

}

  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;

}