Template:IISER Pune 2/CSS

body, #content, #bodyContent, #globalWrapper, #mainContainer, #contentContainer{

margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;

       width: 100%;
       background: #FFF4AA;

height: 90%;

       min-width: 400px;

}

  #contentContainer{
      margin-bottom:200px;
      margin-right:200px;

}

    #bannerContainer{
       margin: 0;

padding: 0; border: 2px; font-size: 100%; font: inherit; vertical-align: baseline;

       width: 100%;
       background: #FDFDFD;

height: 175px;

}

h2{text-align: center;}

.members {

   align: middle;
   height: 240px; 
   width: 180px; 
   background-color: #fff4ee;
   margin: 5px 1% 5px 1%;
   float: left;
   transition:height 0.5s; 
   -webkit-transition:height 0.5s; 
   display: block;
   overflow: hidden;

} .members:hover {

   align: middle;
   height: 400px; 

}

.memberhead{

   align: middle;
   width:100%;
   height:100%;
   display: block;
   overflow: hidden;
   position:relative;

}

.memberhead:hover{

   align: middle;
   width:100%;
   height:50%;
   display: block;
   overflow: hidden;

}

.membertext{

   align: middle;
   text-align: center;
   clear:both;

}

.clearfix{ overflow: auto;}

1. Team{

    margin-bottom:240px; 

}

  a.back-to-top  {
       display: none;
       width: 60px;
       height: 60px;
       position: fixed;
       right: 20px;
       top: 20px; 
       background: rgb(255, 244, 238)  url("https://upload.wikimedia.org/wikipedia/commons/1/13/Red_Arrow_Up.svg") no-repeat center;
       background-color:rgba(255, 244, 238,0.9);
       background-size: 45px 30px;
       background-repeat: no-repeat;
       -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
         border-radius: 30px;
       

}

  span#back-to-top{
   vertical-align:-42px;

}

1. Navgear{

       cursor :pointer;
       z-index:999;
      -webkit-transition: 2s ease-in-out;
      -moz-transition: 2s ease-in-out;
      -o-transition: 2s ease-in-out;
      transition: 2s ease-in-out;

   }
  

1. NavGear:hover{

     cursor:pointer;
    -webkit-transform: translate(-200px,-200px);
   -moz-transform: translate(-200px,-200px);
   -o-transform: translate(-200px,-200px);
   -ms-transform: translate(-200px,-200px);
   transform: translate(-200px,-200px);

   }

.mycustomfonts {

@font-face {

 font-family: HARRYP__; 
      url(https://static.igem.org/mediawiki/2015/b/bf/IISER_PUNE_HARRYP.ttf);
 font-weight: bold;

}

}

.okclass{

color-background:blue;

}