Team:SJTU-BioX-Shanghai/Team Members
From 2014.igem.org
(Difference between revisions)
Line 9: | Line 9: | ||
div#memberProfile | div#memberProfile | ||
{ | { | ||
- | + | margin: 40px 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | margin: 40px | + | |
position: relative; | position: relative; | ||
+ | padding: 0 0 0 200px; | ||
+ | overflow: auto; | ||
} | } | ||
.member | .member | ||
{ | { | ||
position: relative; | position: relative; | ||
+ | float: left; | ||
overflow: hidden; | overflow: hidden; | ||
width: 125px; | width: 125px; | ||
height: 160px; | height: 160px; | ||
- | margin: 5px | + | margin: 5px 415px 5px 0px; |
padding: 0; | padding: 0; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
Line 36: | Line 34: | ||
.member:hover | .member:hover | ||
{ | { | ||
- | width: | + | width: 525px; |
+ | margin-right: 15px; | ||
} | } | ||
Line 42: | Line 41: | ||
{ | { | ||
position: absolute; | position: absolute; | ||
- | |||
padding: 0; | padding: 0; | ||
- | + | top: 0; | |
+ | left: 0; | ||
border-style: none; | border-style: none; | ||
border-radius: 75px 75px; | border-radius: 75px 75px; | ||
Line 50: | Line 49: | ||
height: 120px; | height: 120px; | ||
overflow: hidden; | overflow: hidden; | ||
- | |||
background-color: teal; | background-color: teal; | ||
} | } | ||
Line 57: | Line 55: | ||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
+ | left: 125px; | ||
+ | margin: 0; | ||
+ | padding: 10px; | ||
border-top: 5px solid #f2ce3a; | border-top: 5px solid #f2ce3a; | ||
background-color: #ececec; | background-color: #ececec; | ||
overflow: hidden; | overflow: hidden; | ||
width: 400px; | width: 400px; | ||
- | |||
height: 150px; | height: 150px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
- | |||
font-style: italic; | font-style: italic; | ||
text-align: left; | text-align: left; | ||
- | + | font-size: 14.5px; | |
} | } | ||
.name | .name | ||
Line 75: | Line 74: | ||
left: 0; | left: 0; | ||
width: 120px; | width: 120px; | ||
+ | height: 20px; | ||
+ | margin: 0; | ||
text-align: center; | text-align: center; | ||
- | + | font-size: 16px; | |
} | } | ||
- | @media screen and (max-width: | + | @media screen and (max-width: 1280px) |
{ | { | ||
div#memberProfile | div#memberProfile | ||
{ | { | ||
- | + | width: 550px; | |
- | + | padding: 0; | |
- | + | margin: 40px auto; | |
- | + | ||
- | + | ||
} | } | ||
} | } | ||
+ | |||
</style> | </style> | ||
<div id="memberProfile"> | <div id="memberProfile"> | ||
+ | <h2>Students</h2> | ||
<div id="member1" class="member"> | <div id="member1" class="member"> | ||
<div id="" class="avatar"><img src="https://static.igem.org/mediawiki/2014/2/2b/Yaojin_Sun.jpeg" alt="" /></div> | <div id="" class="avatar"><img src="https://static.igem.org/mediawiki/2014/2/2b/Yaojin_Sun.jpeg" alt="" /></div> |
Revision as of 12:19, 16 October 2014
Students
Email:renkangology@gamil.com
Email:visionve@sjtu.edu.cn
(╯‵□′)╯︵┻━┻
What I have done for our team is to assist in constructing the main part and remould vectors