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

Line 7: Line 7:
 
.subpage h1.subheading {
 
.subpage h1.subheading {
 
   border-bottom: 0.3vw solid darkturquoise !important;
 
   border-bottom: 0.3vw solid darkturquoise !important;
 +
}
 +
 +
#HPflex { 
 +
    width: 100%;
 +
    height: auto;
 +
    display: flex;
 +
    flex-wrap: wrap;
 +
    align-items: center; 
 +
    justify-content: space-around;
 +
}
 +
#HPflex .HPbutton {
 +
    display: flex; 
 +
    align-items: center;
 +
    justify-content: center; 
 +
    width: auto;
 +
    height: 3vmax;
 +
    padding: 1vw;
 +
    margin: 1vw;
 +
    cursor: pointer;
 +
    background-color: darkturquoise;
 +
    -webkit-transition: 0.2s linear;
 +
    -moz-transition: 0.2s linear;
 +
    -o-transition: 0.2s linear;
 +
    transition: 0.2s linear;   
 +
}
 +
.HPbutton a {
 +
    text-decoration: none !important;
 +
    color: black;
 +
}
 +
.HPbutton 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;
 +
}
 +
.HPbutton:hover {
 +
    background-color: #222222 !important;
 +
}
 +
.HPbutton:hover a {
 +
    color: darkturquoise !important;
 +
}
 +
.HPbutton a:hover {
 +
    color: white !important;
 +
    text-decoration: none;
 
}
 
}

Revision as of 13:05, 15 October 2018

.pagelink#humanityMenu a { 

   color: darkturquoise;

}

  1. sidenav {

background-color: darkturquoise; } .subpage h1.subheading { 

  border-bottom: 0.3vw solid darkturquoise !important;

}

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

}

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

} .HPbutton a { 

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

} .HPbutton 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;

} .HPbutton:hover { 

   background-color: #222222 !important;

} .HPbutton:hover a { 

   color: darkturquoise !important;

} .HPbutton a:hover { 

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

}