Difference between revisions of "Team:Vilnius-Lithuania/Attributions"

Line 474: Line 474:
 
    
 
    
 
}
 
}
 +
  .team-member-container{
 +
      position: relative;
 +
  }
 +
  .team-member{
 +
      margin-bottom:32px;
 +
  }
 +
  .team-member img{
 +
    border-radius: 50%;
 +
    border: 2px solid #083c4c;
 +
    transition: all 0.5s ease;
 +
  }
 +
  .team-member:hover img{
 +
    /* box-shadow: 0 0 10px 10px #083c4c; */
 +
    border: 10px solid #083c4c;
 +
    filter: brightness(50%);
  
 +
  }
 +
  .team-member-middle {
 +
    transition: .5s ease;
 +
    opacity: 0;
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
    -ms-transform: translate(-50%, -50%);
 +
    text-align: center!important;
 +
  }
 +
 +
  .team-member-container:hover .team-member-middle {
 +
    opacity: 1;
 +
  }
 +
  .team-member-text h3{
 +
    font-family: 'bebas';
 +
    color: #f6cd61;
 +
    font-size:2rem;
 +
    text-shadow: 0px 0px 10px #fbdd90;
 +
    font-weight: 400;
 +
  }
 +
 +
  .team-member-text p{
 +
    color: white;
 +
text-align:center!important;
 +
  }
 
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
 
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
 
@media screen and (max-width: 767.98px) {
 
@media screen and (max-width: 767.98px) {
Line 912: Line 954:
 
                 <div class="content-block">
 
                 <div class="content-block">
 
                     <!--TEKSTAS-->
 
                     <!--TEKSTAS-->
 +
<div class="row">
 +
<div class="col-12 col-md-4 team-member">
 +
                    <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/d/d2/T--Vilnius-Lithuania--Meskys.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Rolandas Meškys</h3>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
<div class="col-12 col-md-8">
 +
</div>
 +
 +
</div>
 
                     <div class="row">
 
                     <div class="row">
 
<div class="col-12">
 
<div class="col-12">

Revision as of 20:09, 16 October 2019

Attributions

Rolandas Meškys

↑