Template:SUSTC/pd Team
From 2012.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | .sidebar_box_woframe { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .sidebar_box { | ||
+ | width: 260px; | ||
+ | padding: 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .sidebar_box_top { | ||
+ | width: 260px; | ||
+ | height: 20px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .sidebar_box_bottom { | ||
+ | width: 260px; | ||
+ | height: 20px; | ||
+ | margin-bottom: 30px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .sidebar_box_content { | ||
+ | padding: 0 20px; | ||
+ | } | ||
+ | |||
+ | .sidebar_box_content p { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .image_wrapper { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | width: 218px; | ||
+ | height: 128px; | ||
+ | padding: 9px; | ||
+ | } | ||
+ | .image_wrapper span { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | width: 236px; | ||
+ | height: 144px; | ||
+ | background: url(https://static.igem.org/mediawiki/2012/3/3d/Fruit_site_templatemo_image_frame.png) no-repeat; | ||
+ | } | ||
+ | .image_fl { float: left; margin: 3px 20px 0 0; } | ||
+ | .image_fr { float: right; margin: 3px 0 0 20px; } | ||
+ | |||
+ | .title { | ||
+ | font-family: "Comic Sans MS", cursive; | ||
+ | font-size: xx-large; | ||
+ | color: #698B69; | ||
+ | } | ||
+ | .title1 { | ||
+ | font-family: "Comic Sans MS", cursive; | ||
+ | font-size: x-large; | ||
+ | color: #000; | ||
+ | } | ||
+ | .date { | ||
+ | font-family: serif, cursive, fantasy; | ||
+ | color:#5f3c23; | ||
+ | } | ||
+ | |||
#talkbubble { | #talkbubble { | ||
- | width: | + | width: 544px; |
- | height: | + | height:565px; |
- | background:# | + | background:#ffffff; |
+ | // background:#EFEFEF; | ||
position: relative; | position: relative; | ||
-moz-border-radius: 0px; | -moz-border-radius: 0px; | ||
-webkit-border-radius: 0px; | -webkit-border-radius: 0px; | ||
border-radius: 10px; | border-radius: 10px; | ||
+ | font-family: Tahoma, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | color:#333; | ||
} | } | ||
- | + | #talkbubble_a { | |
- | # | + | width: 544px; |
- | width: | + | height:200px; |
- | height: | + | // background:#EFEFEF; |
- | background:# | + | background:#ffffff; |
position: relative; | position: relative; | ||
-moz-border-radius: 0px; | -moz-border-radius: 0px; | ||
-webkit-border-radius: 0px; | -webkit-border-radius: 0px; | ||
border-radius: 10px; | border-radius: 10px; | ||
+ | font-family: Tahoma, Geneva, sans-serif; | ||
+ | font-size: 13px; | ||
+ | color:#333; | ||
+ | } | ||
+ | #talkbubble_b { | ||
+ | width: 544px; | ||
+ | height:250px; | ||
+ | // background:#EFEFEF; | ||
+ | background:#ffffff; | ||
+ | position: relative; | ||
+ | -moz-border-radius: 0px; | ||
+ | -webkit-border-radius: 0px; | ||
+ | border-radius: 10px; | ||
+ | font-family: Tahoma, Geneva, sans-serif; | ||
+ | font-size: 13px; | ||
+ | color:#333; | ||
+ | } | ||
+ | |||
+ | #talkbubble1 { | ||
+ | width: 275px; | ||
+ | height:400px; | ||
+ | // background:#FAF0E6; | ||
+ | background:#f2eada; | ||
+ | position: relative; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | text-align: left; | ||
+ | border-top-style: solid; | ||
+ | border-right-style: solid; | ||
+ | border-bottom-style: solid; | ||
+ | border-left-style: solid; | ||
+ | border-width: thin; | ||
+ | border-top-color:#DCDCDC; | ||
+ | border-right-color: #DCDCDC; | ||
+ | border-bottom-color:#DCDCDC; | ||
+ | border-left-color:#DCDCDC; | ||
+ | font-size: 14px; | ||
+ | color:#333; | ||
+ | font-family: Tahoma, Geneva; | ||
} | } | ||
</style> | </style> | ||
Line 27: | Line 136: | ||
<body > | <body > | ||
- | + | ||
- | + | ||
- | + | <table width="899" border="0" cellspacing="10px" cellpadding="10px"> | |
- | + | <tr> | |
- | + | <td valign="top"><div align="left" id="talkbubble"> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/1/1f/0970_-_%E5%89%AF%E6%9C%AC_huge.jpg"> | |
- | </ | + | <p class="title"><strong>Team discription</strong></p> |
- | + | <p> This is the navigation page of our wiki which introduces iGEM project of SUSTC. Our wiki includes these parts:Team introduction; project introduction and safety as well as human practice. The informations are currently updating, please check our page oftentimes to get the latest development. Have a nice time!</p> | |
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div></td> | </div></td> | ||
- | + | <td valign="top"><div id="talkbubble1"><div class="sidebar_box"><div class="sidebar_box_top"></div> | |
- | + | <div class="sidebar_box_content"> | |
- | + | <p class="title1">Team</p> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/c/c9/Devidingline_side.jpg"> | |
- | </div></td> | + | <p> </p> |
- | + | <p><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/team_member"><strong>team member</strong></a></p> | |
- | </table> | + | <p> <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/team_member#Instructors">Instructors</a></p> |
+ | <p> <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/team_member#Student_Members">Student Members</a></p> | ||
+ | <p> <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/team_member#Advisors">Advisors</a></p> | ||
+ | <p><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/activity"><strong>activity</strong></a></p> | ||
+ | <div class="sidebar_box_bottom"></div> | ||
+ | |||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | |||
<!-- end of header --> | <!-- end of header --> | ||
- | |||
</body> | </body> | ||
</html> | </html> | ||
- | + | ||
+ | [[file:footbar.jpg]] |
Latest revision as of 07:44, 20 August 2012
Team discription This is the navigation page of our wiki which introduces iGEM project of SUSTC. Our wiki includes these parts:Team introduction; project introduction and safety as well as human practice. The informations are currently updating, please check our page oftentimes to get the latest development. Have a nice time! |