Difference between revisions of "Template:BIT/css/bio"

 
Line 14: Line 14:
 
     font-size: 48px !important;
 
     font-size: 48px !important;
 
     margin-bottom: 10px;
 
     margin-bottom: 10px;
 +
    font-family: 'OM';
 
}
 
}
 
#overview{
 
#overview{

Latest revision as of 03:48, 18 October 2018

  1. main{
   display: flex;
   justify-content: center;
   margin-top: 100px;
   margin-bottom: 100px;

}

  1. main-detail{
   max-width: 1000px;
   padding: 0 40px;
   margin: 50px 0;

}

  1. title{
   text-align: center !important;
   font-size: 48px !important;
   margin-bottom: 10px;
   font-family: 'OM';

}

  1. overview{
   font-size: 18px !important;
   font-family: 'quicksand medium' !important;

}

  1. introduce{
   /*padding: 0 40px;*/

}

  1. detail_list{
   display: flex;
   justify-content: space-between;
   margin-top: 50px;
   flex-wrap: wrap;

} .overview-detail{ 

   width: 30%;
   padding-bottom: 25%;
   opacity: 0.5;
   transition: all 0.3s;
   font-size: 24px !important;
   font-family: 'quicksand bold' !important;
   position: relative;
   color: white;

} .overview-detail:hover{ 

   opacity: 1;

} .in{ 

   position: absolute;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   top: 0;
   line-height:27px !important;

} .small-overview-detail{ 

   position: relative;
   width: 100%;
   padding-bottom: 60%;
   /*background-color: blueviolet;*/
   font-family: 'quicksand bold' !important;
   font-size: 24px !important;
   margin-bottom: 40px;
   opacity: 0.5;
   transition: all 0.3s;
   color: white;

} .small-overview-detail:hover{ 

   opacity: 1;

} .mini{ 

   font-size: 16px !important;
   font-weight: 300;

} .overview-img{ 

   width: 100%;
   height: 100%;
   position: absolute;

} a{ 

   color:white;

} a:visited{ 

   color:white;

}