1582149823 (Talk | contribs) |
1582149823 (Talk | contribs) |
||
Line 138: | Line 138: | ||
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0px; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;} | .effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0px; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;} | ||
.effect-2:hover .member-image{height: 120px; transition: 0.4s;} | .effect-2:hover .member-image{height: 120px; transition: 0.4s;} | ||
+ | |||
+ | .effect-3{max-height: 450px; min-height: 450px; overflow: hidden;} | ||
+ | .effect-3 h3{padding-top: 7px; line-height: 33px;} | ||
+ | .effect-3 .member-image{border-bottom: -87px solid #1fb554; height: 340px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;} | ||
+ | .effect-3 .member-info{transition: 0.4s;padding:5px 20px;} | ||
+ | .effect-3 .member-image img{width: 100%; vertical-align: bottom;} | ||
+ | .effect-3 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0px; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;} | ||
+ | .effect-3:hover .member-image{height: 120px; transition: 0.4s;} | ||
</style> | </style> | ||
Line 332: | Line 340: | ||
<div style="text-align: center"> | <div style="text-align: center"> | ||
<div class="revealator-zoomin revealator-delay1" style="display: inline-block;width:400px;height:450px;margin-right:50px;"> | <div class="revealator-zoomin revealator-delay1" style="display: inline-block;width:400px;height:450px;margin-right:50px;"> | ||
− | <div class="single-member effect- | + | <div class="single-member effect-3" style="max-height: 450px; min-height: 450px;"> |
<div class="member-image"> | <div class="member-image"> | ||
<img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member"> | <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member"> | ||
Line 349: | Line 357: | ||
</div> | </div> | ||
<div class="revealator-zoomin revealator-delay2" style="display: inline-block;width:400px;height:450px;"> | <div class="revealator-zoomin revealator-delay2" style="display: inline-block;width:400px;height:450px;"> | ||
− | <div class="single-member effect- | + | <div class="single-member effect-3" style="max-height: 450px; min-height: 450px;"> |
<div class="member-image"> | <div class="member-image"> | ||
<img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member"> | <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member"> |
Revision as of 08:23, 15 October 2017
PI
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Team Members
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.