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

Line 9: Line 9:
 
}
 
}
  
 +
#groupphoto {
 +
    width: 50vw;
 +
    height: auto;
 +
    margin: 2vmax;
 +
    background-color: white;
 +
}
 
.person {
 
.person {
 
display: flex;   
 
display: flex;   
−
     width: 70vw;
+
     width: 90%;
 
     height: auto;
 
     height: auto;
 
     margin: 1vmax 0vmax 1vmax 0vmax;
 
     margin: 1vmax 0vmax 1vmax 0vmax;
 
     align-items: center;
 
     align-items: center;
 +
    justify-content: space-around;
 
}
 
}
−
.person .photo {
+
.photo {
−
width: 20vw;
+
width: 18vw;
−
     height: 20vw;
+
     height: auto;
 
     margin: 2vmax;
 
     margin: 2vmax;
−
     background-color: white;
+
     border-radius: 20%;
 
}
 
}
−
.person .details {
+
.details {
 
display: flex;
 
display: flex;
 
flex-direction: column;
 
flex-direction: column;
 
align-items: center;
 
align-items: center;
−
width: 40vw;
+
width: 60%;
 
     height: auto;
 
     height: auto;
 
     margin: 2vmax;
 
     margin: 2vmax;
 
}
 
}
 
.details p {
 
.details p {
−
width: 35vw !important;
+
width: 100% !important;
 +
}
 +
#webdev {
 +
    display: flex; 
 +
    flex-wrap: wrap;
 +
    width: 100%;
 +
    height: auto;
 +
    margin: 1vmax 0vmax 1vmax 0vmax;
 +
    justify-content: space-around;
 +
}
 +
p#bigfont {
 +
    width: 100%; width: 100% !important;
 +
    text-align: center !important;
 +
    font-size: 2vmax !important;
 +
}
 +
.devbois, #special {
 +
    display: flex;
 +
    flex-direction: column; 
 +
    width: 40%;
 +
    height: auto;
 +
    align-items: center;
 +
}
 +
.devbois p, #special p {
 +
    width: 100% !important;
 +
    text-align: center !important;
 
}
 
}

Revision as of 17:13, 14 October 2018

.pagelink#teamMenu a { 

   color: plum;

}

  1. sidenav {

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

  border-bottom: 0.3vw solid plum !important;

}

  1. groupphoto {
   width: 50vw;
   height: auto;
   margin: 2vmax;
   background-color: white;

} .person { display: flex; 

   width: 90%;
   height: auto;
   margin: 1vmax 0vmax 1vmax 0vmax;
   align-items: center;
   justify-content: space-around;

} .photo { width: 18vw; 

   height: auto;
   margin: 2vmax;
   border-radius: 20%;

} .details { display: flex; flex-direction: column; align-items: center; width: 60%; 

   height: auto;
   margin: 2vmax;

} .details p { width: 100% !important; }

  1. webdev {
   display: flex;   
   flex-wrap: wrap;
   width: 100%;
   height: auto;
   margin: 1vmax 0vmax 1vmax 0vmax;
   justify-content: space-around;

} p#bigfont { 

   width: 100%; width: 100% !important;
   text-align: center !important;
   font-size: 2vmax !important;

} .devbois, #special { 

   display: flex; 
   flex-direction: column;  
   width: 40%;
   height: auto;
   align-items: center;

} .devbois p, #special p { 

   width: 100% !important;
   text-align: center !important;

}