|
|
Line 1: |
Line 1: |
- | <!--{{Template:12SJTU_header}}-->
| |
- | <!----{{Template:12SJTU_scroll2top_css}}---->
| |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
- |
| |
- | .back-to {
| |
- | position: fixed;
| |
- | bottom: 35px;
| |
- | *bottom: 50px;
| |
- | right: 10px;
| |
- | z-index: 999;
| |
- | width: 50px;
| |
- | zoom: 1;
| |
- | background-position: -50px 0
| |
- | }
| |
- |
| |
- |
| |
- | .back-to .backtotop {
| |
- | float: left;
| |
- | display: block;
| |
- | width: 50px;
| |
- | height: 50px;
| |
- | background: #666 url(/wiki/images/3/3b/12SJTU_btt.png) 8px -57px no-repeat;
| |
- | margin-bottom: 15px;
| |
- | outline: 0 none;
| |
- | text-indent: -9999em;
| |
- | -webkit-border-radius: 4px;
| |
- | border-radius: 4px;
| |
- | position: relative
| |
- | }
| |
- | .back-to .backtotop:hover {
| |
- | background-color: #333;
| |
- | background-position: 8px 13px
| |
- | }
| |
- | .back-to .backtotop .back-tip {
| |
- | position: absolute;
| |
- | visibility: hidden;
| |
- | top: -31px;
| |
- | left: -10px
| |
- | }
| |
- | .back-to .backtotop:hover .back-tip {
| |
- | visibility: visible
| |
- | }
| |
- | .back-to .back-top:hover {
| |
- | background-position: -50px 0
| |
- | }
| |
- |
| |
- |
| |
- | </style>
| |
- | </head>
| |
- | </html>
| |
- | <!----End {{Template:12SJTU_scroll2top_css}}---->
| |
- |
| |
- | <!----{{Template:12SJTU_sliderbar}}---->
| |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
- | div.bottombar{ /* bar that runs across the bottom of the menu */
| |
- | height: 10px;
| |
- | background: #1a1109;
| |
- | }
| |
- |
| |
- | ul.semiopaquemenu{ /* main menu UL */
| |
- | font: bold 18px Verdana ;
| |
- | width: 100%;
| |
- |
| |
- | padding: 11px 0 8px 0; /* padding of the 4 sides of the menu */
| |
- | margin: 0;
| |
- | text-align: center; /* set value to "left", "center", or "right" to align menu accordingly */
| |
- | }
| |
- | ul.semiopaquemenu2{
| |
- | padding: 0px 0 8px 6px;
| |
- | text-align: left;
| |
- | }
| |
- | ul.semiopaquemenu2 li{
| |
- | margin-left: 0px;
| |
- | margin-top: 12px;
| |
- | display:block !important;
| |
- | }
| |
- |
| |
- | ul.semiopaquemenu2 li a{
| |
- |
| |
- | margin-right: 0px; /* spacing between each menu link */
| |
- | margin-left: 0px;
| |
- | margin-top: 15px;
| |
- | }
| |
- | ul.semiopaquemenu li:hover .menubar1,ul.semiopaquemenu li:hover .menubar2,ul.semiopaquemenu li:hover .menubar3,ul.semiopaquemenu li:hover .menubar4{
| |
- | display:block;
| |
- | background-color:#fadb48;
| |
- | }
| |
- | ul.semiopaquemenu li{
| |
- | display: inline;
| |
- | }
| |
- |
| |
- | ul.semiopaquemenu li a,ul.semiopaquemenu2 li a{
| |
- | color:white;
| |
- | padding: 6px 8px 6px 8px; /* padding of the 4 sides of each menu link */
| |
- | margin-right: 10px; /* spacing between each menu link */
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
| |
- | color: black;
| |
- | background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent of linear gradients */
| |
- | background: -moz-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */
| |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));
| |
- | background: -webkit-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
| |
- | background: -o-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
| |
- | background: -ms-linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
| |
- | background: linear-gradient(top, rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 );
| |
- | -moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
| |
- | -webkit-box-shadow: 0 0 5px #595959;
| |
- | box-shadow: 0 0 5px #595959;
| |
- | padding-top: 12px; /* large padding to get menu item to protrude upwards */
| |
- | padding-bottom: 9px; /* large padding to get menu item to protrude downwards */
| |
- | }
| |
- |
| |
- | </style>
| |
- | </head>
| |
- | </html>
| |
- | <!----End {{Template:12SJTU_sliderbar}}---->
| |
- |
| |
- | <!----{{Template:12SJTU_theme_css}}---->
| |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
- |
| |
- | body
| |
- | {
| |
- | background-image:url(/wiki/images/3/33/12SJTU_background_1366x768.png);
| |
- | margin: 0px 0px 0px 0px;
| |
- | background-repeat:no-repeat !important;
| |
- | background-attachment: fixed!important;
| |
- | color: #000000;
| |
- | font-family: "Microsoft Yahei", "STHeiti", "Microsoft JhengHei", "SimHei", serif;
| |
- | background-color: #e6e6e6;
| |
- | -moz-background-size:cover !important;
| |
- | background-size:cover !important;
| |
- | padding:0px 0px 0px 0px;
| |
- | }
| |
- | body.inframe
| |
- | {
| |
- | background-image: none;
| |
- | background-color: transparent;
| |
- | }
| |
- | #main_wrapper{
| |
- | position:relative;
| |
- |
| |
- | margin: 0px 0px 0px 0px;
| |
- |
| |
- | background-repeat:no-repeat !important;
| |
- | background-attachment: fixed!important;
| |
- | color: #000000;
| |
- | -moz-background-size:cover !important;
| |
- | background-size:cover !important;
| |
- | }
| |
- | #footer {
| |
- | position:relative;
| |
- | top: 30px;
| |
- | padding-bottom: 60px;
| |
- | font-size:8pt;
| |
- | }
| |
- | table
| |
- | {
| |
- | border-right: medium none;
| |
- | border-top: medium none;
| |
- | border-left: medium none;
| |
- | border-bottom: medium none;
| |
- | border-collapse: collapse;
| |
- | background-color: transparent
| |
- | }
| |
- | table.head
| |
- | {
| |
- | height: 200px;
| |
- | width: 1012px;
| |
- | z-index:999;
| |
- | display: block;
| |
- | background:url(/wiki/images/2/2d/12SJTU_inner_banner.png) no-repeat;
| |
- | box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
| |
- | -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.4);
| |
- | -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.4);
| |
- | }
| |
- | table.main
| |
- | {
| |
- | border-right: medium none;
| |
- | border-top: medium none;
| |
- | border-left: medium none;
| |
- | border-bottom: medium none;
| |
- | }
| |
- |
| |
- | table.mainouter
| |
- | {
| |
- | width:1012px !important;
| |
- | position:relative;
| |
- | box-shadow: 0px 10px 16px rgba(0,0,0,0.4);
| |
- | -webkit-box-shadow: 0px 10px 16px rgba(0,0,0,0.4);
| |
- | -moz-box-shadow: 0px 10px 16px rgba(0,0,0,0.4);
| |
- | border-collapse:separate;
| |
- | }
| |
- | td.pumpkin
| |
- | {
| |
- | height: 100px;
| |
- | width: 1012px;
| |
- | background-color: black;
| |
- | }
| |
- | #floatpumpkin
| |
- | {
| |
- | position:absolute;
| |
- | left:74px;
| |
- | top:0px;
| |
- | height: 95px;
| |
- | width: 89px;
| |
- | background-image:url(/wiki/images/4/4d/12SJTU_pumpkin.png);
| |
- | }
| |
- | /*-- Lavalamp --*/
| |
- | .navipages:after { visibility: hidden; display: block;}
| |
- | *:first-child+html .navipages { zoom: 1; } /* IE7 */
| |
- | #lavalampbg {
| |
- | width:89px;
| |
- | height:95px;
| |
- | margin-left:0px;
| |
- | position:absolute;
| |
- | top: 0px;
| |
- | left:0px;
| |
- | background-image:url(/wiki/images/4/4d/12SJTU_pumpkin.png);
| |
- | z-index: 100;
| |
- | }
| |
- | table.message
| |
- | {
| |
- | border:transparent 1px solid;
| |
- | }
| |
- | table.bottom
| |
- | {
| |
- | background: none transparent scroll repeat 0% 0%
| |
- | }
| |
- | p
| |
- | {
| |
- | font-size:106%;
| |
- | text-align:justify;
| |
- | text-indent: 2em;
| |
- | line-height: 1.8em;
| |
- | }
| |
- | dd
| |
- | {
| |
- | font-size:10pt;
| |
- | line-height: 1.8em;
| |
- | }
| |
- | a.info
| |
- | {
| |
- | z-index: 24;
| |
- | color: #000;
| |
- | position: relative;
| |
- | background-color: #ccc;
| |
- | text-decoration: none
| |
- | }
| |
- | a.info:hover
| |
- | {
| |
- | z-index: 25;
| |
- | background-color: #ff0
| |
- | }
| |
- | a.info span
| |
- | {
| |
- | display: none
| |
- | }
| |
- | a.info:hover span
| |
- | {
| |
- | border-right: #0cf 1px solid;
| |
- | border-top: #0cf 1px solid;
| |
- | display: block;
| |
- | left: 2em;
| |
- | border-left: #0cf 1px solid;
| |
- | width: 15em;
| |
- | color: #000;
| |
- | border-bottom: #0cf 1px solid;
| |
- | position: absolute;
| |
- | top: 2em;
| |
- | background-color: #cff;
| |
- | text-align: center
| |
- | }
| |
- | table.bottom
| |
- | {
| |
- | background: none transparent scroll repeat 0% 0%
| |
- | }
| |
- | h1 + p {
| |
- | padding-bottom: 1em;
| |
- | }
| |
- | h1 + p a b {
| |
- | font-weight:normal!important;
| |
- | }
| |
- |
| |
- | td
| |
- | {
| |
- | border:1px solid transparent;
| |
- | }
| |
- |
| |
- | td.embedded
| |
- | {
| |
- | border-right: medium none;
| |
- | padding-right: 0px;
| |
- | border-top: medium none;
| |
- | padding-left: 0px;
| |
- | padding-bottom: 0px;
| |
- | border-left: medium none;
| |
- | padding-top: 0px;
| |
- | border-bottom: medium none;
| |
- | text-align: left
| |
- | }
| |
- | td.bottom
| |
- | {
| |
- | border-right: medium none;
| |
- | border-top: medium none;
| |
- | border-left: medium none;
| |
- | border-bottom: medium none
| |
- | }
| |
- | td.heading
| |
- | {
| |
- | font-weight: bold
| |
- | }
| |
- | td.outer {
| |
- | background-image:url(/wiki/images/3/3b/12SJTU_background.png);
| |
- | border-collapse:separate;
| |
- | padding-top: 20px; padding-bottom: 20px; padding-left:0px; padding-right:0px;
| |
- | border-left:0px;
| |
- | border-right:0px;
| |
- | }
| |
- | td.text
| |
- | {
| |
- | padding-right: 10pt;
| |
- | padding-left: 10pt;
| |
- | padding-bottom: 10pt;
| |
- | padding-top: 10pt;
| |
- | background: white;
| |
- | }
| |
- | td.text[align=center] {
| |
- |
| |
- | padding-right: 0 !important;
| |
- | padding-left: 0 !important;
| |
- | padding-bottom: 0 !important;
| |
- | /*padding-top: 5px!important;*/
| |
- | padding-top:0 !important;
| |
- | background-color:black;
| |
- | }
| |
- |
| |
- | td.colhead,h2{
| |
- | color: #ffffff;
| |
- | border-bottom: 1px solid #AAA;
| |
- | border-top: 1px solid #AAA;
| |
- | border-right: 0px solid transparent;
| |
- | background-color: #ECECEC;
| |
- | font-size:13pt;
| |
- | color:black;
| |
- | }
| |
- |
| |
- | h3
| |
- | {
| |
- | font-size:11pt;
| |
- | padding-top: 0px;
| |
- | padding-bottom: 0px;
| |
- | }
| |
- | h4
| |
- | {
| |
- | font-size: 5pt;
| |
- | font-family: Arial;
| |
- | font-weight: bold;
| |
- | }
| |
- | td.rowhead_left
| |
- | {
| |
- | text-align: left
| |
- | }
| |
- | td.rowhead_center
| |
- | {
| |
- | text-align: center
| |
- | }
| |
- | td.rowhead
| |
- | {
| |
- | font-weight: bold;
| |
- | vertical-align: top;
| |
- | text-align: right
| |
- | }
| |
- | t
| |
- |
| |
- | td.navigation
| |
- | {
| |
- | border-right: medium none;
| |
- | border-top: medium none;
| |
- | font-weight: bold;
| |
- | border-left: medium none;
| |
- | border-bottom: medium none
| |
- | }
| |
- | td.clear
| |
- | {
| |
- | border-right: 0px;
| |
- | border-top: 0px;
| |
- | background: none transparent scroll repeat 0% 0%;
| |
- | border-left: 0px;
| |
- | border-bottom: 0px
| |
- | }
| |
- | td.nothing
| |
- | {
| |
- | border-right: 0px;
| |
- | padding-right: 0px;
| |
- | border-top: 0px;
| |
- | padding-left: 0px;
| |
- | background: none transparent scroll repeat 0% 0%;
| |
- | padding-bottom: 0px;
| |
- | border-left: 0px;
| |
- | padding-top: 0px;
| |
- | border-bottom: 0px
| |
- | }
| |
- |
| |
- | font.gray
| |
- | {
| |
- | color: #aca899;
| |
- | text-decoration: underline
| |
- | }
| |
- | a:link
| |
- | {
| |
- |
| |
- | text-decoration: none
| |
- | }
| |
- | li a{
| |
- | color: #000000;
| |
- | }
| |
- | td.colhead a {
| |
- | color: #000000;
| |
- | }
| |
- | td.colhead a:hover {
| |
- | color: #FFFFFF;
| |
- | }
| |
- | a:visited
| |
- | {
| |
- | text-decoration: none
| |
- | }
| |
- | a:hover
| |
- | {
| |
- | /* TODO */
| |
- | color: #777;
| |
- | }
| |
- | a.index
| |
- | {
| |
- | font-weight: bold
| |
- | }
| |
- |
| |
- | img.border
| |
- | {
| |
- | border-right: #000000 1px solid;
| |
- | border-top: #000000 1px solid;
| |
- | border-left: #000000 1px solid;
| |
- | border-bottom: #000000 1px solid
| |
- | }
| |
- |
| |
- | .mainouter tbody tr:first-child td.text .shadetabs ul {
| |
- | text-align: left!important;
| |
- | }
| |
- |
| |
- |
| |
- | </style>
| |
- | </head>
| |
- | </html>
| |
- | <!----End {{Template:12SJTU_theme_css}}---->
| |
- |
| |
| <html> | | <html> |
- | <head>
| |
- | <style type="text/css">
| |
- |
| |
- |
| |
- | #p-logo{
| |
- | display: none;
| |
- | }
| |
- | #footer-box{
| |
- | display: none;
| |
- | }
| |
- | div.thumb {
| |
- | margin-bottom: .5em;
| |
- | border-style: solid;
| |
- | border-color: transparent;
| |
- | width: auto;
| |
- | }
| |
- | #menubar li{
| |
- | margin-left: 0px;
| |
- | }
| |
- | #firstHeading{
| |
- | display: none;
| |
- | }
| |
- | #top-section{
| |
- | border: 0px;
| |
- | }
| |
- | #content{
| |
- | background: none;
| |
- | border: 0px;
| |
- | }
| |
- | #contentSub{
| |
- | display: none;
| |
- | }
| |
- | .firstHeading{
| |
- | display: none;
| |
- | }
| |
- | #catlinks{
| |
- | display: none;
| |
- | }
| |
- | #globalWrapper{
| |
- |
| |
- | margin: 0px 0px 0px 0px;
| |
- | height: 0px;
| |
- | background-repeat:no-repeat !important;
| |
- | background-attachment: fixed!important;
| |
- | color: #000000;
| |
- | background-color: #e6e6e6;
| |
- | -moz-background-size:cover !important;
| |
- | background-size:cover !important;
| |
- | padding:0px 0px 0px 0px;
| |
- | }
| |
- | #main_wrapper{
| |
- | position:absolute;
| |
- | top:-93px;
| |
- | left:-20px;
| |
- | margin: 0px 0px 0px 0px;
| |
- | width:1012px;
| |
- | background-repeat:no-repeat !important;
| |
- | background-attachment: fixed!important;
| |
- | color: #000000;
| |
- | -moz-background-size:cover !important;
| |
- | background-size:cover !important;
| |
- | padding-top:8px;
| |
- | }
| |
- | #search-controls
| |
- | {
| |
- | display:none;
| |
- | }
| |
- | </style>
| |
- | <script src="http://igem.bio-x.cn/home/style/jquery-1.3.2.min.js" type="text/javascript"></script>
| |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=1.3.2"></script>
| |
- | <script type="text/javascript">
| |
- | jQuery.noConflict();
| |
- | ($(function () {
| |
- | var $el, leftPos, newWidth,
| |
- | $mainNav = $("#lavalamp");
| |
- | $mainNav.append("<li id='lavalampbg'></li>");
| |
- | var $magicLine = $("#lavalampbg");
| |
- | $magicLine
| |
- | .css("left", $(".current a").position().left + $(".current a").width() / 2 - 35)
| |
- | .data("origLeft", $(".current a").position().left + $(".current a").width() / 2 - 35)
| |
- | $("#lavalamp li").find("a").hover(function () {
| |
- | $el = $(this);
| |
- | leftPos = $el.position().left + $el.width() / 2 - 35;
| |
- | $magicLine.stop().animate({
| |
- | left: leftPos
| |
- | })
| |
- | }, function () {
| |
- | $magicLine.stop().animate({
| |
- | left: $magicLine.data("origLeft")
| |
- | });
| |
- | });
| |
- | })
| |
- | ); (jQuery);
| |
- | </script>
| |
- |
| |
- | </head>
| |
- | <body>
| |
- |
| |
- | <div id="main_wrapper">
| |
- | <table class="head" cellspacing="0" width="1012" cellpadding="0" align="center"><tbody>
| |
- | <td><tr></tr>
| |
- | </td>
| |
- | </tbody></table>
| |
- |
| |
- |
| |
- |
| |
- | <!-- =============================================================================== -->
| |
- |
| |
- |
| |
- | <div id="toolBackTo" class="back-to" style="display:block;">
| |
- | <a class="backtotop" href="#top" onclick="window.scrollTo(0,0);return false;">To Top
| |
- |
| |
- | </a>
| |
- | </div>
| |
- |
| |
- | </body>
| |
- | </html>
| |
- | <!--End {{Template:12SJTU_header}}-->
| |
- |
| |
- | <!--{{Template:12SJTU_nav_project}}-->
| |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
- |
| |
- | </style>
| |
- | </head>
| |
- | <body>
| |
- | <!-- =============================================================================== -->
| |
- |
| |
- | <table class="mainouter" width="1012" cellspacing="0" cellpadding="5" align="center">
| |
- | <tbody>
| |
- | <tr><td class="pumpkin">
| |
- | </td></tr>
| |
- | <tr><td class="text" align="center">
| |
- | <table class="main" width="1010" border="0" cellspacing="0" cellpadding="0"><tbody>
| |
- | <tr><td class="embedded">
| |
- | <div>
| |
- | <ul class="semiopaquemenu navipages" id="lavalamp">
| |
- | <li><a href="/Team:SJTU-BioX-Shanghai">Home</a></li>
| |
- | <li class="current"><a href="/Team:SJTU-BioX-Shanghai/Project" class="selected">Project</a></li>
| |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Parts">Parts</a></li>
| |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Team">Team</a></li>
| |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Notebook/protocol">Notebook</a></li>
| |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Consideration/human">Human Practice</a></li>
| |
- | <li><a href="/Team:SJTU-BioX-Shanghai/Consideration/safety">Consideration</a></li>
| |
- | </ul>
| |
- | </div>
| |
- |
| |
- | </td></tr>
| |
- | </tbody></table>
| |
- | </td></tr>
| |
- |
| |
- | <tr><td align="center" class="outer">
| |
- | <table width="1010" class="main" border="0" cellspacing="0" cellpadding="0"><tbody>
| |
- | </body>
| |
- | </html>
| |
- | <!--End {{Template:12SJTU_nav_project}}-->
| |
- |
| |
| <table><tr> | | <table><tr> |
| <td valign="top" width="200"> | | <td valign="top" width="200"> |