Difference between revisions of "Team:NJU-China/Team"
1582149823 (Talk | contribs) |
1582149823 (Talk | contribs) |
||
| Line 105: | Line 105: | ||
.section { | .section { | ||
padding:0 36px; | padding:0 36px; | ||
| + | background-color:#494A5F; | ||
} | } | ||
.section:nth-child(2n+2) { | .section:nth-child(2n+2) { | ||
| Line 122: | Line 123: | ||
margin-left: 30px; | margin-left: 30px; | ||
} | } | ||
| + | .effect-2{max-height: 350px; min-height: 350px; overflow: hidden;} | ||
| + | .effect-2 h3{padding-top: 7px; line-height: 33px;} | ||
| + | .effect-2 .member-image{border-bottom: 5px solid #1fb554; height: 212px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;} | ||
| + | .effect-2 .member-info{transition: 0.4s;} | ||
| + | .effect-2 .member-image img{width: 100%; vertical-align: bottom;} | ||
| + | .effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;} | ||
| + | .effect-2:hover .member-image{height: 81px; transition: 0.4s;} | ||
| + | /*= effect-2 css end =*/ | ||
/*= effect-9 css =*/ | /*= effect-9 css =*/ | ||
.effect-9{max-height: 350px; min-height: 350px; overflow: hidden; perspective: 800px;color: black;} | .effect-9{max-height: 350px; min-height: 350px; overflow: hidden; perspective: 800px;color: black;} | ||
| Line 325: | Line 334: | ||
<div class="section"> | <div class="section"> | ||
<div style="text-align: center"> | <div style="text-align: center"> | ||
| − | <div class="revealator-zoomin revealator-delay1" style="display: inline-block | + | <div class="revealator-zoomin revealator-delay1" style="display: inline-block;"> |
| − | <div class="single-member effect- | + | <div class="single-member effect-2"> |
<div class="member-info"> | <div class="member-info"> | ||
<h3>Sophia</h3> | <h3>Sophia</h3> | ||
| Line 344: | Line 353: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="revealator-zoomin revealator-delay2" style="display: inline-block | + | <div class="revealator-zoomin revealator-delay2" style="display: inline-block;"> |
| − | <div class="single-member effect- | + | <div class="single-member effect-2"> |
<div class="member-info"> | <div class="member-info"> | ||
<h3>Sophia</h3> | <h3>Sophia</h3> | ||
| Line 363: | Line 372: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="revealator-zoomin revealator-delay3" style="display: inline-block | + | <div class="revealator-zoomin revealator-delay3" style="display: inline-block;"> |
| − | <div class="single-member effect- | + | <div class="single-member effect-2"> |
<div class="member-info"> | <div class="member-info"> | ||
<h3>Sophia</h3> | <h3>Sophia</h3> | ||
| Line 383: | Line 392: | ||
</div> | </div> | ||
<div class="revealator-zoomin revealator-delay4" style="display: inline-block;"> | <div class="revealator-zoomin revealator-delay4" style="display: inline-block;"> | ||
| − | <div class="single-member effect- | + | <div class="single-member effect-2"> |
<div class="member-info"> | <div class="member-info"> | ||
<h3>Sophia</h3> | <h3>Sophia</h3> | ||
| Line 402: | Line 411: | ||
</div> | </div> | ||
<div class="revealator-zoomin revealator-delay5" style="display: inline-block;"> | <div class="revealator-zoomin revealator-delay5" style="display: inline-block;"> | ||
| − | <div class="single-member effect- | + | <div class="single-member effect-2"> |
<div class="member-info"> | <div class="member-info"> | ||
<h3>Sophia</h3> | <h3>Sophia</h3> | ||
| Line 421: | Line 430: | ||
</div> | </div> | ||
<div class="revealator-zoomin revealator-delay6" style="display: inline-block;"> | <div class="revealator-zoomin revealator-delay6" style="display: inline-block;"> | ||
| − | <div class="single-member effect- | + | <div class="single-member effect-2"> |
<div class="member-info"> | <div class="member-info"> | ||
<h3>Sophia</h3> | <h3>Sophia</h3> | ||
| Line 440: | Line 449: | ||
</div> | </div> | ||
<div class="revealator-zoomin revealator-delay7" style="display: inline-block;"> | <div class="revealator-zoomin revealator-delay7" style="display: inline-block;"> | ||
| − | <div class="single-member effect- | + | <div class="single-member effect-2"> |
<div class="member-info"> | <div class="member-info"> | ||
<h3>Sophia</h3> | <h3>Sophia</h3> | ||
| Line 459: | Line 468: | ||
</div> | </div> | ||
<div class="revealator-zoomin revealator-delay8" style="display: inline-block;"> | <div class="revealator-zoomin revealator-delay8" style="display: inline-block;"> | ||
| − | <div class="single-member effect- | + | <div class="single-member effect-2"> |
<div class="member-info"> | <div class="member-info"> | ||
<h3>Sophia</h3> | <h3>Sophia</h3> | ||
Revision as of 05:37, 15 October 2017
Team Roster
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
Sophia
ShowGilr
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.
