Team:SUSTC-Shenzhen-A
From 2012.igem.org
(Difference between revisions)
(38 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{Template: | + | {{Template:SUSTC_A}} |
- | + | ||
+ | <html> | ||
+ | <head> | ||
+ | <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 { | |
- | + | width: 544px; | |
+ | height:165px; | ||
+ | background:#ffffff; | ||
+ | // background:#EFEFEF; | ||
+ | position: relative; | ||
+ | -moz-border-radius: 0px; | ||
+ | -webkit-border-radius: 0px; | ||
+ | border-radius: 10px; | ||
+ | font-family: Tahoma, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | color:#333; | ||
+ | } | ||
+ | #talkbubble_a { | ||
+ | width: 544px; | ||
+ | height:200px; | ||
+ | // 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; | ||
+ | } | ||
+ | #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:500px; | ||
+ | // background:#FAF0E6; | ||
+ | // background:#feeeed; | ||
+ | background:#F0F8FF; | ||
+ | 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: 13px; | ||
+ | color:#333; | ||
+ | font-family: Tahoma, Geneva; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body > | ||
- | + | <table align="center" width="899"> | |
- | + | <tr> | |
- | + | <td valign="TOP"> <tr> | |
+ | <td width="300"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b5/Biodesignmainpage.png" width="280"> | ||
+ | </td><td width="299"> | ||
- | + | <div id="talkbubble1"><div class="sidebar_box"><div class="sidebar_box_top"></div> | |
- | + | <div class="sidebar_box_content"> | |
- | + | <p class="title1">BioDesign</p> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/c/c9/Devidingline_side.jpg"> | |
+ | <p> </p> | ||
+ | <p> You can draw a biological circuit with your freehand on iPhone with BioDesign!</p> | ||
+ | <p> Biodesign is a graphics editing application specific to synthetic biology for iPhone. It is based on Tinkercell and provides hundreds of biobrick icons as well as a great many fancy functions including dragging graphics, drawing curves and ect. With BioSearch, users are capable of drawing and sharing biochemical reaction schematics whenever and wherever they want!</p> | ||
+ | <p> </p> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <!--- | + | <div class="sidebar_box_bottom"></div> |
+ | </div> | ||
+ | </div><div> | ||
+ | </td><td> | ||
+ | |||
+ | <div id="talkbubble1"><div class="sidebar_box"><div class="sidebar_box_top"></div> | ||
+ | <div class="sidebar_box_content"> | ||
+ | <p class="title1">BioSearch</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/c/c9/Devidingline_side.jpg"> | ||
+ | <p> </p> | ||
+ | <p> The era of Partsregistry on mobile phone has arrived! We developed an iPhone App for partsregistry website, http://partsregistry.org. With Biosearch on your iPhone, you can now check BioBricks and partsregistry in the seminar room; You can design your genetic circuits when you are waiting for a bus!</p> | ||
+ | <p> Biosearch is fully interacting with Partsregistry and has all parts information of Partsregistry database with enhanced user-friendly interface.</p> | ||
+ | <p> </p> | ||
+ | |||
+ | |||
+ | <div class="sidebar_box_bottom"></div> | ||
+ | </div> | ||
+ | </div><div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <!-- end of header --> | ||
+ | |||
+ | </body> | ||
+ | </html> | ||
+ | |||
+ | [[file:footbar.jpg|center]] |
Latest revision as of 03:20, 27 October 2012
|
|