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

Line 23: Line 23:
 
     justify-content: center;
 
     justify-content: center;
 
     background-color: #eeeeee;
 
     background-color: #eeeeee;
−
     padding: 15vmin 0vw 5vmin 0vw;
+
     padding: 10vmin 0vw 5vmin 0vw;
 
}
 
}
 
#landing #mainlogo {
 
#landing #mainlogo {
Line 40: Line 40:
 
     font-family: blogger;
 
     font-family: blogger;
 
     font-size: 1.5vmax;
 
     font-size: 1.5vmax;
 +
}
 +
#homeflex { 
 +
    width: 100%;
 +
    height: auto;
 +
    display: flex;
 +
    flex-wrap: wrap;
 +
    align-items: center; 
 +
    justify-content: center;
 +
}
 +
#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;
 
}
 
}
  
Line 132: Line 177:
 
     font-family: rodina;
 
     font-family: rodina;
 
     color: #dddddd;
 
     color: #dddddd;
 +
}
 +
 +
/*Abstract and Description*/
 +
.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;
 
}
 
}

Revision as of 17:59, 17 October 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 #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*/ .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;

}