Team:IISER-Kolkata/style.css

.logo_2018, #firstHeading, #top_menu_under { display:none !important;}

1. content {

width: 100vw !important; padding: 0 !important; margin-left:0 !important; } /*fonts*/ @font-face {

   src: url("https://static.igem.org/mediawiki/2018/1/14/T--IISER-Kolkata--blogger.ttf") !important;
   font-family: blogger !important;

} @font-face {

   src: url("https://static.igem.org/mediawiki/2018/7/7a/T--IISER-Kolkata--prime.otf") !important;
   font-family: prime !important;

} @font-face {

   src: url("https://static.igem.org/mediawiki/2018/5/5a/T--IISER-Kolkata--rodina.otf") !important;
   font-family: rodina !important;

} @font-face {

   src: url("https://static.igem.org/mediawiki/2018/f/f7/T--IISER-Kolkata--social.ttf") !important;
   font-family: social !important;

}

/*body*/ body, html { width: 100vw !important; margin: 0 !important; padding: 0 !important; } body {

   height: 1200vh !important;

overflow-y: scroll !important; overflow-x: hidden !important; margin: auto !important; } body::-webkit-scrollbar-track { background-color: black !important; } body::-webkit-scrollbar { width: 1vw !important; } body::-webkit-scrollbar-thumb { background-color: #999999 !important; } body::-webkit-scrollbar-thumb:hover {

   background-color: #777777 !important;

}

1. container {

height: 1200vh !important; width: 100vw !important; display: flex !important; flex-direction: column !important; }

1. home_gif{

   height: 60vh !important; 
   width: 60vw !important;
   margin-left: 20vw !important;
   margin-top: 2vh !important;

}

1. main_title{

   top: 57vh !important;
   left: 20vw !important;
   height: 6vw !important;
   width: 6vw !important;
   font-size: 4vw !important;
   position: absolute !important;
   align-items: center !important;
   justify-content: center !important;

}

1. title_desc{

   position: absolute !important;
   left: 40vw !important;
   top: 65vh !important;
   height: 4vh !important;
   width:40vw !important;
   align-items: center !important;
   justify-content: center !important;

}

1. mascot{

   margin-left:5vw !important;
   margin-top: 15vh !important;

}

1. abstract_text{

   height:70vh !important;
   width:55vw !important;
   left:40vw !important;
   top:15vh !important;
   justify-content: center !important;
   align-items: center !important;
   position: absolute !important;

}

1. descript ,#details{

   height:70vh !important;
   width:80vw !important;
   top:20vh !important;
   left:10vw !important;

}

1. des_left ,#det_cont{

   position: absolute !important;
   left:10vw !important;
   top: 15vh !important;
   width: 80vw !important;
   justify-content: center !important;
   align-items: center !important;
   text-align: justify !important;

}

1. team_left{

   width: 35vw !important;
   height: 70vh !important;
   left:10vw !important;
   top:25vh !important;
   position: absolute !important;

}

1. team_right{

   width: 35vw !important;
   height: 70vh !important;
   left:45vw !important;
   top:17vh !important;
   position: absolute !important;

}

1. team_right2{

   width: 35vw !important;
   height: 70vh !important;
   left:75vw !important;
   top:17vh !important;
   position: absolute !important;

} /*navbar*/

1. menubar {

width: 100vw !important;

   height: 3vw !important;
   background-color: rgba(0,0,0,0.7) !important;
   display: inline-flex !important;
   align-items: center !important;  
   position: absolute !important;
   top: 100vh !important;
   left: 0vw !important;
   z-index: 10 !important;

}

1. menubar.stickymenu {

   position: fixed !important;
   top: 3vh !important;
   left: 0vw !important;

}

1. menubar #logo {

   margin-left: 1vw !important;
   margin-right: 1vw !important;
   display: flex !important;
   width: 2.5vw !important;
   height: 2.5vw !important;     

}

1. logo img {

   height: 100% !important;
   width: 100% !important;

}

1. menubar .pagelink {

   display: flex !important;  
   align-items: center !important;
   justify-content: center !important;   
   height: 100% !important;
   width: 8vw !important;        

}

1. menubar .pagelink#registerMenu {

   margin-left: auto !important;

}

1. menubar .pagelink#loginMenu {

   margin-right: 1vw !important;

} .pagelink div {

   cursor: pointer !important;
   -webkit-transition: 0.2s linear !important;
   -moz-transition: 0.2s linear !important;
   -o-transition: 0.2s linear !important;
   transition: 0.2s linear !important;

} .pagelink div p {

   font-family: prime !imporant !important;
   font-size: 1vw !important; 
   color: #cccccc !important;   

} .pagelink div:hover > p {

   color: white !important !important;

}

.orangetext div p {

   color: orange !important !important;

} .orangetext div:hover > p {

   color: yellow !important !important;

}

section { position: relative !important; display: flex !important; height: 200vh !important; width: 100vw !important; }

1. home {

   background: white !important;
   height: 100vh !important;

}

1. home #iiserk {

   height: 6vw !important;
   width: 6vw !important;    
   display: flex !important;
   align-items: center !important;  
   position: absolute !important;
   top: 1vw !important;
   left: 1vw !important;
   z-index: 5 !important;
   cursor: pointer !important;

}

1. iiserk:hover {

}

1. iiserk a img {

   height: 6vw !important;
   width: auto !important;

}

1. home #pagedown {

   top: 90vh !important;
   left: 47vw !important;
   height: 3vw !important;
   margin-left: 6vw !important;
   margin-top: 7vh !important;
   width: 6vw !important;
   cursor: pointer !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   background-color: gray !important;
   border: solid black 0.1vw !important;

}

/*aboutUs page*/

1. aboutUs {

background-color: #D8D9E5 !important; }

/*events page*/

1. events {

   background-color: #B4BAC2 !important;

}

1. gallery {

   background-color: #D8D9E5 !important;

}

1. ourTeam {

   background-color: #B4BAC2 !important;

}

1. sponsors {

   background-color: #D8D9E5 !important;

}

1. reachUs {

   background-color: #B4BAC2 !important;
   height: 100vh !important;

}