Difference between revisions of "Team:IISER-Kolkata/style.css"

 
(One intermediate revision by the same user not shown)
Line 24: Line 24:
 
     background-color: #eeeeee;
 
     background-color: #eeeeee;
 
     padding: 10vmin 0vw 5vmin 0vw;
 
     padding: 10vmin 0vw 5vmin 0vw;
 +
}
 +
#landing #goldmedal {
 +
    height: 20vmin;
 +
    width: auto;
 +
    margin: 2vw;
 +
    position: absolute;
 +
    left: 80vw;
 +
    top: 5vw; 
 
}
 
}
 
#landing #mainlogo {
 
#landing #mainlogo {
Line 180: Line 188:
  
 
/*Abstract and Description*/
 
/*Abstract and Description*/
.homecontainer {
+
#homecontainer {
 
     position: relative;
 
     position: relative;
 
     top: 2vmax;
 
     top: 2vmax;

Latest revision as of 05:30, 24 November 2018

.pagelink#homeMenu a {

   color: gold;

}

.maincont#container { width: 100vw;

   height: auto;

display: flex; flex-direction: column; }

section.mainpage { position: relative; display: flex; width: 100vw; }

/*Landing*/ .mainpage#landing {

   flex-direction: column;
   min-height: 70vh;
   align-items: center;
   justify-content: center;
   background-color: #eeeeee;
   padding: 10vmin 0vw 5vmin 0vw;

}

  1. landing #goldmedal {
   height: 20vmin;
   width: auto; 
   margin: 2vw; 
   position: absolute;
   left: 80vw;
   top: 5vw;  

}

  1. landing #mainlogo {
   height: 50vmin;
   width: auto; 
   margin: 2vw;   

}

  1. landing h3 {
   width: auto;
   font-family: prime;
   font-size: 1.8vmax;
   margin: 2vw 0vw 1.5vw 0vw;

}

  1. landing p {
   margin: 0.8vw 0vw 1.2vw 0vw;
   font-family: blogger;
   font-size: 1.5vmax;

}

  1. homeflex {
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;  
   justify-content: center;

}

  1. homeflex .homebutton {
   display: flex;  
   align-items: center;
   justify-content: center;   
   width: auto;
   height: 3vmax; 
   padding: 1vw;
   margin: 1vw;
   cursor: pointer;
   background-color: gold;
   -webkit-transition: 0.2s linear;
   -moz-transition: 0.2s linear;
   -o-transition: 0.2s linear;
   transition: 0.2s linear;     

} .homebutton a {

   text-decoration: none !important;
   color: black;

} .homebutton a p {

   font-family: rodina !important;
   font-size: 1.8vmax !important;        
   -webkit-transition: 0.2s linear;
   -moz-transition: 0.2s linear;
   -o-transition: 0.2s linear;
   transition: 0.2s linear;

} .homebutton:hover {

   background-color: black !important;

} .homebutton:hover a {

   color: gold !important;

} .homebutton a:hover {

   color: white !important;
   text-decoration: none;

}

/*Sponsors*/ .mainpage#sponsors {

   flex-wrap: wrap;
   height: auto;
   background-color: #dddddd;
   justify-content: space-around;

}

  1. sponsors a img {
   height: 20vmin;
   width: auto;
   margin: 2vmax;

}

/*Contact Us*/ .mainpage#contactUs {

   flex-wrap: wrap;
   height: auto;
   background-color: #222222;
   justify-content: center;

}

  1. contactUs #contactLeft {
   display: flex;
   flex-direction: column;
   width: 40vw;
   margin: 2vw;

}

  1. contactUs #contactRight {
   display: flex;
   flex-direction: column;
   width: 30vw;
   margin: 2vw;

}

  1. contactLeft h4,#contactRight h4 {
   margin: 1.5vw 0vw 1vw 0vw;
   color: #dddddd;
   font-family: prime;
   font-size: 1.6vmax;

}

  1. contactLeft p,#contactRight p {
   margin: 0.5vw 0vw 0.5vw 0vw;
   color: #dddddd;
   font-family: blogger;
   font-size: 1.5vmax;

}

  1. contactLeft a,#contactRight a {
   color: #999999;
   font-family: blogger;
   font-size: 1.5vmax;
   text-decoration: none;

}

  1. contactLeft a:hover,#contactRight a:hover {
   color: white;

}

  1. contactUs #social {
   display: flex;   
   width: 100vw;
   margin: 1vmax 0vmax 1vmax 0vmax;
   justify-content: center; 

}

  1. social .links {
   font-family: social;
   font-size: 4vmax;
   margin: 1vmax;
   color: #999999;
   text-decoration: none;
   -webkit-transition: 0.2s linear;
   -moz-transition: 0.2s linear;
   -o-transition: 0.2s linear;
   transition: 0.2s linear;   

}

  1. socFacebook:hover {
   color: #3b5998;

}

  1. socTwitter:hover {
   color: #00aced;

}

  1. footer {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   min-height: 2vmax;
   width: 90vw;

}

  1. footer p {
   margin: 1vw 0vh 0vw 0vh;
   padding: 0.5vw 0 0.5vw 0;
   border-top: 0.1vw solid white;
   font-size: 1.5vmax;
   font-family: rodina;
   color: #dddddd;

}

/*Abstract and Description*/

  1. homecontainer {
   position: relative;
   top: 2vmax;
   width: 100%;
   height: auto;
   display: flex;
   flex-direction: column;
   background-color: #eeeeee;

} section.submainpage {

   padding: 2.5vw 7.5vw 2.5vw 7.5vw;
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   min-height: 100vh;
   width: auto;

} .submainpage h1.subheading {

   width: auto;
   font-family: rodina !important;
   font-size: 3vmax !important;
   margin: 2.5vw 0vw 2.5vw 0vw !important;
   border-bottom: 0.3vw solid gold !important;

} .submainpage p {

   width: auto;
   align-self: flex-start;
   font-family: blogger !important;
   font-size: 1.5vmax !important;
   text-align: justify !important;
   margin: 0.8vw 0vw 1.2vw 0vw !important;

}