Team:XMU-China

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
  <!--  {{:Team:XUM-China/Header}}    -->
  <!--  {{:Team:XUM-China/Header}}    -->
{{:Team:XMU-China/Hidden}}
{{:Team:XMU-China/Hidden}}
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
{{:Team:XMU-China/List}}
-
 
+
-
<head>
+
-
<style type="text/css">
+
-
 
+
-
html,body {
+
-
height:100%;
+
-
}
+
-
body {
+
-
font-family:"Trebuchet MS",sans-serif;
+
-
font-size:12px;
+
-
padding-top:0px;
+
-
margin:0;
+
-
background-color:white;
+
-
background-image:url(https://static.igem.org/mediawiki/2011/1/1b/XML_China_HomeBackground.jpg);
+
-
        background-repeat:repeat-y;
+
-
        background-position:center;
+
-
}
+
-
 
+
-
 
+
-
#menu-igem {
+
-
width:100%;
+
-
height:40px;
+
-
margin:auto;
+
-
background-color:black;
+
-
}
+
-
 
+
-
.supervisor {
+
-
background-color: $F9F9F9;
+
-
border: 1px solid grey;
+
-
float: left;
+
-
margin-left: 25px;
+
-
margin-right: 23px;
+
-
padding: 10px;
+
-
text-align: center;
+
-
width: 250px;
+
-
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
#p-logo {
+
-
                display:none;
+
-
    }
+
-
 
+
-
    #search-controls {
+
-
        height:20px;
+
-
        right:230px;
+
-
        width:250px;
+
-
height:20px;
+
-
        top:5px;
+
-
z-index:6;
+
-
    }
+
-
 
+
-
    #search-controls input {
+
-
        color:black;
+
-
        font-size:0.7em;
+
-
    }
+
-
    #top-section {
+
-
        height:30px;
+
-
        background-color:white;
+
-
        margin-top:0px;
+
-
        top:0px;
+
-
border-left: 0px;
+
-
border-right: 0px;
+
-
border-bottom: 0px;
+
-
    }
+
-
 
+
-
    #menubar {
+
-
        top: 0px;
+
-
background-color:white;
+
-
    }
+
-
#content {
+
-
border-left: 0px;
+
-
border-right: 0px;
+
-
background-color:white;
+
-
}
+
-
#back2igem {
+
-
    position:absolute;
+
-
    left:25px;
+
-
    top:-30px;
+
-
}
+
-
 
+
-
div#globalWrapper {
+
-
font-size:110%;
+
-
}
+
-
+
-
#footer-box{
+
-
border: 0px;
+
-
background-color:white;
+
-
}
+
-
+
-
#bodyContent {
+
-
background-color:white;
+
-
}
+
-
input.searchButton{
+
-
cursor:pointer;
+
-
}
+
-
.left-menu {
+
-
left: 75px;
+
-
text-align: left;
+
-
text-transform: lowercase;
+
-
}
+
-
.left-menu:hover{
+
-
background-color:white;
+
-
}
+
-
.right-menu {
+
-
text-align: right;
+
-
right: 10px;
+
-
width:100px;
+
-
}
+
-
.right-menu  li a{
+
-
background-color:white;
+
-
}
+
-
+
-
#menubar ul {
+
-
color: white;
+
-
list-style: none;
+
-
}
+
-
#menubar li {
+
-
display: inline;
+
-
position: relative;
+
-
cursor: pointer;
+
-
padding-left: 4px;
+
-
padding-right: 11px;
+
-
}
+
-
#menubar li a {
+
-
color: #2d59cc;
+
-
font-size:11px;
+
-
}
+
-
#menubar li {
+
-
color: #2d59cc;
+
-
font-size:11px;
+
-
}
+
-
#menubar li a:hover {
+
-
color: black;
+
-
text-decoration: none;
+
-
font-size:11px;
+
-
}
+
-
#menubar .selected a {
+
-
color: black;
+
-
font-size:11px;
+
-
}
+
-
 
+
-
.firstHeading {
+
-
    display:none;
+
-
}
+
-
 
+
-
 
+
-
#wowslider-container1 .ws_bullets {
+
-
top:0;
+
-
    right: 0;
+
-
}
+
-
 
+
-
#wowslider-container1 {
+
-
/* overflow: hidden; */
+
-
zoom: 1;
+
-
position: relative;
+
-
width:960px;
+
-
height:300px;
+
-
margin:0 auto;
+
-
z-index:100;
+
-
}
+
-
 
+
-
#wowslider-container1 .ws_images{
+
-
position: absolute;
+
-
left:0px;
+
-
top:0px;
+
-
width:960px;
+
-
height:300px;
+
-
overflow:hidden;
+
-
}
+
-
#wowslider-container1 .ws_images a{
+
-
color:transparent;
+
-
}
+
-
 
+
-
#wowslider-container1 .ws_images img{
+
-
top:0;
+
-
left:0;
+
-
border:none 0;
+
-
}
+
-
#wowslider-container1 a{
+
-
text-decoration: none;
+
-
outline: none;
+
-
border: none;
+
-
}
+
-
 
+
-
#wowslider-container1  .ws_bullets {
+
-
font-size: 0px;
+
-
padding: 10px;
+
-
float: left;
+
-
position:absolute;
+
-
z-index:70;
+
-
}
+
-
#wowslider-container1  .ws_bullets div{
+
-
position:relative;
+
-
float:left;
+
-
}
+
-
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
+
-
background-position: right 50%;
+
-
}
+
-
#wowslider-container1 a.ws_next{
+
-
background-position: 100% 0;
+
-
right:-8px;
+
-
}
+
-
#wowslider-container1 a.ws_prev {
+
-
left:-8px;
+
-
background-position: 0 0;
+
-
}
+
-
#wowslider-container1 a.ws_next:hover{
+
-
background-position: 100% 100%;
+
-
}
+
-
#wowslider-container1 a.ws_prev:hover {
+
-
background-position: 0 100%;
+
-
}
+
-
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
+
-
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
+
-
 
+
-
#wowslider-container1 .ws-title div{
+
-
padding-top:5px;
+
-
font-size: 13px;
+
-
text-transform:none;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
#wowslider-container1 .ws_bullets a:hover img{
+
-
visibility:visible;
+
-
}
+
-
 
+
-
#wowslider-container1 .ws_bulframe div div{
+
-
height:90px;
+
-
overflow:visible;
+
-
position:relative;
+
-
}
+
-
#wowslider-container1 .ws_bulframe div {
+
-
left:0;
+
-
overflow:hidden;
+
-
position:relative;
+
-
width:288px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/*Ende slider*/
+
-
 
+
-
/* Start Superfish Menu*/
+
-
 
+
-
/*** ESSENTIAL STYLES ***/
+
-
.sf-menu, .sf-menu * {
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style: none;
+
-
}
+
-
.sf-menu {
+
-
line-height: 1.0;
+
-
}
+
-
.sf-menu ul {
+
-
position: absolute;
+
-
top: -999em;
+
-
width: 10em; /* left offset of submenus need to match (see below) */
+
-
}
+
-
.sf-menu ul li {
+
-
width: 100%;
+
-
}
+
-
.sf-menu li:hover {
+
-
visibility: inherit; /* fixes IE7 'sticky bug' */
+
-
}
+
-
.sf-menu li {
+
-
float: left;
+
-
position: relative;
+
-
}
+
-
.sf-menu a {
+
-
display: block;
+
-
position: relative;
+
-
}
+
-
.sf-menu li:hover ul,
+
-
.sf-menu li.sfHover ul {
+
-
left: 0;
+
-
top: 2.5em; /* match top ul list item height */
+
-
z-index: 99;
+
-
}
+
-
ul.sf-menu li:hover li ul,
+
-
ul.sf-menu li.sfHover li ul {
+
-
top: -999em;
+
-
}
+
-
ul.sf-menu li li:hover ul,
+
-
ul.sf-menu li li.sfHover ul {
+
-
left: 10em; /* match ul width */
+
-
top: 0;
+
-
}
+
-
ul.sf-menu li li:hover li ul,
+
-
ul.sf-menu li li.sfHover li ul {
+
-
top: -999em;
+
-
}
+
-
ul.sf-menu li li li:hover ul,
+
-
ul.sf-menu li li li.sfHover ul {
+
-
left: 10em; /* match ul width */
+
-
top: 0;
+
-
}
+
-
 
+
-
/*** DEMO SKIN ***/
+
-
.sf-menu {
+
-
float: left;
+
-
margin-bottom: 1em;
+
-
}
+
-
 
+
-
.sf-menu a {
+
-
border-left: 1px solid #fff;
+
-
border-top: 0px solid black;
+
-
padding: .75em 1em;
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
+
-
color: white;
+
-
}
+
-
.sf-menu li {
+
-
background: black;
+
-
}
+
-
.sf-menu li.current{
+
-
background: #CFDEFF;
+
-
}
+
-
.sf-menu li li {
+
-
background: grey;
+
-
}
+
-
.sf-menu li li li {
+
-
background: grey;
+
-
}
+
-
.sf-menu li:hover, .sf-menu li.sfHover,
+
-
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
+
-
background: #CFDEFF;
+
-
outline: 0;
+
-
}
+
-
 
+
-
/*** arrows **/
+
-
.sf-menu a.sf-with-ul {
+
-
padding-right: 2.25em;
+
-
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
+
-
}
+
-
.sf-sub-indicator {
+
-
position: absolute;
+
-
display: block;
+
-
right: .75em;
+
-
top: 1.05em; /* IE6 only */
+
-
width: 10px;
+
-
height: 10px;
+
-
text-indent: -999em;
+
-
overflow: hidden;
+
-
background: url('http://2011.igem-bielefeld.de/includes/wiki/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
+
-
}
+
-
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
+
-
top: .8em;
+
-
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
+
-
}
+
-
/* apply hovers to modern browsers */
+
-
a:focus > .sf-sub-indicator,
+
-
a:hover > .sf-sub-indicator,
+
-
a:active > .sf-sub-indicator,
+
-
li:hover > a > .sf-sub-indicator,
+
-
li.sfHover > a > .sf-sub-indicator {
+
-
background-position: -10px -100px; /* arrow hovers for modern browsers*/
+
-
}
+
-
 
+
-
/* point right for anchors in subs */
+
-
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
+
-
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
+
-
/* apply hovers to modern browsers */
+
-
.sf-menu ul a:focus > .sf-sub-indicator,
+
-
.sf-menu ul a:hover > .sf-sub-indicator,
+
-
.sf-menu ul a:active > .sf-sub-indicator,
+
-
.sf-menu ul li:hover > a > .sf-sub-indicator,
+
-
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
+
-
background-position: -10px 0; /* arrow hovers for modern browsers*/
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/*** shadows for all but IE6 ***/
+
-
.sf-shadow ul.sf-shadow-off {
+
-
background: transparent;
+
-
}
+
-
 
+
-
/* Ende Superfish Menu*/
+
-
/* Start Nav-Bar CSS ------ Superfisch Zusatz f�r Nav-Bar-Style*/
+
-
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
+
-
 
+
-
 
+
-
 
+
-
.sf-navbar li {
+
-
background: #AABDE6;
+
-
position: static;
+
-
}
+
-
.sf-navbar a {
+
-
border-top: none;
+
-
}
+
-
.sf-navbar li ul {
+
-
width: 44em; /*IE6 soils itself without this*/
+
-
}
+
-
.sf-navbar li li {
+
-
background: #BDD2FF;
+
-
position: relative;
+
-
}
+
-
.sf-navbar li li ul {
+
-
width: 13em;
+
-
}
+
-
.sf-navbar li li li {
+
-
width: 100%;
+
-
}
+
-
.sf-navbar ul li {
+
-
width: auto;
+
-
float: left;
+
-
}
+
-
.sf-navbar a, .sf-navbar a:visited {
+
-
border: none;
+
-
}
+
-
.sf-navbar li.current {
+
-
background: #BDD2FF;
+
-
}
+
-
.sf-navbar li:hover,
+
-
.sf-navbar li.sfHover,
+
-
.sf-navbar li li.current,
+
-
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
+
-
background: #BDD2FF;
+
-
}
+
-
.sf-navbar ul li:hover,
+
-
.sf-navbar ul li.sfHover,
+
-
ul.sf-navbar ul li:hover li,
+
-
ul.sf-navbar ul li.sfHover li,
+
-
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
+
-
background: #D1DFFF;
+
-
}
+
-
ul.sf-navbar li li li:hover,
+
-
ul.sf-navbar li li li.sfHover,
+
-
.sf-navbar li li.current li.current,
+
-
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
+
-
background: #E6EEFF;
+
-
}
+
-
ul.sf-navbar .current ul,
+
-
ul.sf-navbar ul li:hover ul,
+
-
ul.sf-navbar ul li.sfHover ul {
+
-
left: 0;
+
-
top: 2.5em; /* match top ul list item height */
+
-
}
+
-
ul.sf-navbar .current ul ul {
+
-
top: -999em;
+
-
}
+
-
 
+
-
.sf-navbar li li.current > a {
+
-
font-weight: bold;
+
-
}
+
-
 
+
-
/*** point all arrows down ***/
+
-
/* point right for anchors in subs */
+
-
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
+
-
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
+
-
/* apply hovers to modern browsers */
+
-
.sf-navbar ul a:focus > .sf-sub-indicator,
+
-
.sf-navbar ul a:hover > .sf-sub-indicator,
+
-
.sf-navbar ul a:active > .sf-sub-indicator,
+
-
.sf-navbar ul li:hover > a > .sf-sub-indicator,
+
-
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
+
-
background-position: -10px -100px; /* arrow hovers for modern browsers*/
+
-
}
+
-
 
+
-
/*** remove shadow on first submenu ***/
+
-
.sf-navbar > li > ul {
+
-
background: transparent;
+
-
padding: 0;
+
-
-moz-border-radius-bottomleft: 0;
+
-
-moz-border-radius-topright: 0;
+
-
-webkit-border-top-right-radius: 0;
+
-
-webkit-border-bottom-left-radius: 0;
+
-
}
+
-
 
+
-
/* style the trigger elements */
+
-
 
+
-
#igem-tooltip {
+
-
display:inline-block;
+
-
}
+
-
#igem-tooltip  a{
+
-
font-size: 120%;
+
-
color: #3baeff;
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
#igem-tooltip2 {
+
-
 
+
-
}
+
-
 
+
-
/* jquery tools Nav-Panel f�r den overview */
+
-
 
+
-
/* navigation */
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
+
-
#nav ul {
+
-
width:960;
+
-
margin:0 auto;
+
-
}
+
-
+
-
#nav li {
+
-
border-right:1px solid #ddd;
+
-
float:left;
+
-
padding-left:1px;
+
-
width:175px;
+
-
list-style-type:none;
+
-
text-align:center;
+
-
margin-top:0px;
+
-
}
+
-
+
-
#nav a {
+
-
color:#333333;
+
-
display:block;
+
-
padding:17px;
+
-
position:relative;
+
-
word-spacing:-2px;
+
-
font-size:11px;
+
-
height:122px;
+
-
text-decoration:none;
+
-
}
+
-
+
-
+
-
#nav img {
+
-
background-color:#fff;
+
-
border:1px solid #ccc;
+
-
margin:3px 0 5px 27px;
+
-
padding:4px;
+
-
display:block;
+
-
}
+
-
+
-
#nav strong {
+
-
display:block;
+
-
font-size:13px;
+
-
}
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/* crossfading effect needs absolute positioning from the elements */
+
-
#panes div {
+
-
display:none;
+
-
position:absolute;
+
-
top:20px;
+
-
left:20px;
+
-
font-size:13px;
+
-
color:#444;
+
-
width:850px;
+
-
}
+
-
+
-
#panes img {
+
-
float:left;
+
-
margin-right:20px;
+
-
}
+
-
+
-
#panes p.more {
+
-
color:#000;
+
-
font-weight:bold;
+
-
font-size:13px;
+
-
}
+
-
+
-
#panes h3 {
+
-
margin:0 0 -5px 0;
+
-
font-size:22px;
+
-
font-weight:normal;
+
-
}
+
-
+
-
 
+
-
 
+
-
</style>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
        <script type='text/javascript'>
+
-
    $(document).ready(function() {
+
-
        $('ul.sf-menu').supersubs({
+
-
            minWidth:    12,
+
-
            maxWidth:    27,
+
-
            extraWidth:  1
+
-
 
+
-
        }).superfish({
+
-
animation:  {opacity:'show',height:'show',width:'show'},
+
-
speed:      'normal',
+
-
+
-
});
+
-
    });
+
-
</script>
+
-
 
+
-
<style type="text/css">a#vlb{display:none}</style>
+
-
</head>
+
-
  <div id= "headerimage">
+
-
    <img src = "https://static.igem.org/mediawiki/2011/8/84/XMU-China_teamwikibeta.png">
+
-
  </div>
+
-
  <div id="headermenu">
+
-
<div id="menu-igem">
+
-
<ul id='menu' class='sf-menu'>
+
-
    <li><a style="border-left:0px;" href='https://2011.igem.org/Team:XMU-China'>Home</a></li>
+
-
    <li><a style="border-left:0px;" href='https://2011.igem.org/Team:XMU-China/Team'>Team</a></li>
+
-
    <li><a style="border-left:0px;">Project</a>
+
-
<ul>
+
-
<li><a href="https://2011.igem.org/Team:XMU-China/Project/Description">Description</a></li>
+
-
<li><a href="https://2011.igem.org/Team:XMU-China/Project/Appoach">Approach</a></li>
+
-
<li><a href="https://2011.igem.org/Team:XMU-China/Project/Background">Background</a></li>
+
-
<li><a href="https://2011.igem.org/Team:XMU-China/Project/Protocols">Protocols</a></li>
+
-
<li><a href='https://2011.igem.org/Team:XMU-China/Labjournal'>Wetlab journal</a></li>
+
-
</ul>
+
-
    </li>
+
-
    <li><a style="border-left:0px;" href='https://2011.igem.org/Team:XMU-China/Model'>Model</a></li>
+
-
    <li><a style="border-left:0px;" href='https://2011.igem.org/Team:XMU-China/Result'>Result</a></li>
+
-
    <li><a style="border-left:0px;" href='https://2011.igem.org/Team:XMU-China/Data'>Data</a></li>
+
-
    <li><a style="border-left:0px;" href='https://2011.igem.org/Team:XMU-China/Safety'>Safety</a></li>
+
-
    <li><a style="border-left:0px;" href='https://2011.igem.org/Team:XMU-China/Human_Practice'>Human Practice</a></li>
+
-
    <li><a style="border-left:0px;" href='https://2011.igem.org/Team:XMU-China/Partner'>Partner</a></li>
+
-
</ul>
+
-
 
+
-
</div>
+
-
</html>
+
-
 
+
{{:Team:XMU-China/Welcome}}  
{{:Team:XMU-China/Welcome}}  

Revision as of 23:56, 5 October 2011

File:XML China Welcome.gif