Team:XMU-China/List

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
<head>
<head>
-
<link rel="stylesheet" type="text/css" href="http://2011.igem-bielefeld.de/includes/wiki/bielefeld-wiki.css" media="screen" />  
+
<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-repeat:repeat-y;
 +
        background-position:center;
 +
}
 +
 +
#centerContent {
 +
width:975px;
 +
margin:auto;
 +
border-left:1px solid #666666;
 +
border-right:1px solid #666666;
 +
}
 +
 +
 
 +
 +
#leftcube h1{
 +
color:white;
 +
}
 +
 +
 
 +
 +
#menu-igem {
 +
width:100%;
 +
height:40px;
 +
margin:auto;
 +
background-color:black;
 +
 +
}
 +
 +
#location {
 +
width:100%;
 +
height:30px;
 +
background-color:#3BAEFF;
 +
text-align:center;
 +
}
 +
.teamMember {
 +
width:150px;
 +
background-color:#eeeeee;
 +
float:left;
 +
padding:10px;
 +
font-size:12px;
 +
text-align:left;
 +
margin:5px;
 +
}
 +
 +
.supervisor {
 +
background-color: $F9F9F9;
 +
border: 1px solid grey;
 +
float: left;
 +
margin-left: 25px;
 +
margin-right: 23px;
 +
padding: 10px;
 +
text-align: center;
 +
width: 250px;
 +
 +
}
 +
 +
/*#menu-igem a:link{ color:white; text-decoration:none; }
 +
#menu-igem a:visited { color:white; text-decoration:none;}
 +
#menu-igem a:hover { color:black; text-decoration:none; background-color:white; }
 +
#menu-igem a:active { color:white; text-decoration:none; font-size:25; }*/
 +
/*Die Leiste ganz oben ver�ndern*/
 +
#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{
 +
position: absolute;
 +
bottom:50px;
 +
left: 0;
 +
margin-right:5px;
 +
z-index: 50;
 +
padding:12px;
 +
color: #F9FBFB;
 +
text-transform:uppercase;
 +
background:#000000;
 +
    font-family: Helvetica,Arial,Verdana,sans-serif;
 +
font-size: 18px;
 +
}
 +
#wowslider-container1 .ws-title div{
 +
padding-top:5px;
 +
font-size: 13px;
 +
text-transform:none;
 +
}#wowslider-container1 .ws_bullets  a img{
 +
text-indent:0;
 +
display:block;
 +
top:16px;
 +
left:-144px;
 +
visibility:hidden;
 +
position:absolute;
 +
    -moz-box-shadow: 0 0 5px #999999;
 +
    box-shadow: 0 0 5px #999999;
 +
    border: 5px solid #FFFFFF;
 +
}
 +
#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;
 +
}
 +
#wowslider-container1  .ws_bullets .ws_bulframe{
 +
display:none;
 +
top:20px;
 +
overflow:visible;
 +
position:absolute;
 +
cursor:pointer;
 +
    -moz-box-shadow: 0 0 5px #999999;
 +
    box-shadow: 0 0 5px #999999;
 +
    border: 5px solid #FFFFFF;
 +
}
 +
/*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 {
 +
background: #BDD2FF;
 +
height: 2.5em;
 +
padding-bottom: 2.5em;
 +
position: relative;
 +
}
 +
.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 {
 +
background:#ddd url(https://static.igem.org/mediawiki/2011/4/49/H300_reverse.png);
 +
border-bottom:1px solid #CCCCCC;
 +
height:156px;
 +
width:960px;
 +
}
 +
 +
#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;
 +
}
 +
 +
/* panes */
 +
#panes {
 +
background:#fff url(https://static.igem.org/mediawiki/2011/4/49/H300_reverse.png) repeat scroll 0 0;
 +
border-color:#ccc;
 +
border-style:solid;
 +
border-width:1px 1px 0;
 +
width:960px;
 +
height:255px;
 +
margin-bottom:-20px;
 +
padding-bottom:20px;
 +
 +
/* must be relative so the individual panes can be absolutely positioned */
 +
position:relative;
 +
}
 +
 +
/* 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;
 +
}
 +
 +
.overlay {
 +
display:none;
 +
width:500px;
 +
padding:20px;
 +
background-color:#ddd;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
         <script type='text/javascript'>
         <script type='text/javascript'>
     $(document).ready(function() {
     $(document).ready(function() {

Revision as of 20:15, 5 October 2011