Team:SYSU-China/common all.css

From 2013.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 1: Line 1:
-
$(document).ready(function(){
+
div#globalWrapper {background-image:url(https://static.igem.org/mediawiki/2013/5/5a/BG-circles.png);background-repeat: y-repeat;}
 +
#animat {
 +
margin: 0px auto;
 +
height: 110px;
 +
position: relative;
 +
text-align:center;
 +
}
 +
#animat p {
 +
visibility: hidden;
 +
display: block;
 +
height:29px;
 +
position: relative;
 +
text-align: center;
 +
font: bold 20px broadway;
 +
        width:80px;
 +
        margin:0px;
 +
        padding: 0;
 +
}
 +
#animat span:hover p {visibility: visible;}
 +
#animat span{
 +
z-index: 100;
 +
display: block;
 +
text-align: center;
 +
position: absolute;
 +
margin: 0 auto;
 +
width: 80px;
 +
height: 81px;
 +
        left: -200px ;
 +
}
 +
/*custom start*/
 +
#searchform {visibility:hidden;}
-
/* TOPBUTTON_POSITION */
+
div.content_body {
 +
display: block;
 +
position: relative;
 +
margin: 0 auto;
 +
width: 1024px;
 +
}
-
scr_position = 0;
+
div.navigater {
-
$("#top_button span").css({"left":$("#cont_column").offset().left+$("#cont_column").width(),"top":$(window).height()-177});
+
clear: both;
-
+
position: relative;
-
$("#top_button span").mouseenter(function(){
+
width: 1024px;
-
$("#top_button span").stop();
+
height: 46px;
-
$("#top_button span").css({"background":"url(https://static.igem.org/mediawiki/2013/f/f3/TOP_BACKING.png)"});
+
padding-top: 0px;
-
});
+
}
-
$("#top_button span").mouseout(function(){
+
.navigater ul {
-
$("#top_button span").css({"background":"url(https://static.igem.org/mediawiki/2013/4/46/WIKI-MASCOT-STAND-SHADOW.png)"});
+
position: relative;
-
});
+
left: -50px;
-
$(window).scroll(function(){
+
  z-index:100;
-
if ( scr_position < $(window).scrollTop() ) {
+
text-align: center;
-
$("#top_button span").css({"background":"url(https://static.igem.org/mediawiki/2013/4/41/TOP_FALLING.png)"});
+
display: inline;
-
} else {
+
list-style: none;
-
$("#top_button span").css({"background":"url(https://static.igem.org/mediawiki/2013/f/f3/TOP_BACKING.png)"});
+
        margin:0px;
-
};
+
        padding-left:0px;
-
scr_position = $(window).scrollTop();
+
        heigth:50px;
-
$("#top_button span").animate({padding: "+=0px"},600,function(){
+
}
-
$("#top_button span").css({"background":"url(https://static.igem.org/mediawiki/2013/4/46/WIKI-MASCOT-STAND-SHADOW.png)"});
+
-
});
+
-
+
-
/*TOP BUTTON HANGING*/
+
-
if ($(document).height() - $(window).height() - $(window).scrollTop() <=150 &&$("#top_button span").css("position")=="fixed") {
+
.navigater ul li {
-
$("#top_button span").css({"position":"absolute","top":$("#cont_column").height()-100,"left":0});
+
  z-index:100;
-
} else if ($(document).height() - $(window).height() - $(window).scrollTop() > 150 &&$("#top_button span").css("position")=="absolute"){
+
  font: bold 14px/20px helvetica;
-
$("#top_button span").css({"position":"fixed","top":$(window).height()-177,"left":$("#cont_column").offset().left+$("#cont_column").width()});
+
  display: inline-block;
-
};
+
  margin: 0 5px;
 +
  padding-bottom: 18px;
 +
  position: relative;
 +
  width: 110px;
 +
  height: 28px;
 +
  background-repeat:no-repeat;
 +
  text-align:center;
 +
  cursor: pointer;
 +
  -webkit-transition: background-image 0.2s;
 +
  -moz-transition: background-image 0.2s;
 +
  -ms-transition: background-image 0.2s;
 +
  -o-transition: background-image 0.2s;
 +
  transition: background-image 0.2s;
 +
}
 +
.navigater ul li a:link{
 +
color: rgb(252,241,206);
 +
display: inline-block;
 +
font-size:14px/20px;
 +
width: 110px;
 +
height: 14px;
 +
padding-bottom:18px;
 +
padding-top: 18px;
 +
text-align:center;
 +
text-decoration:none;
 +
}
 +
.navigater ul li a:hover {text-decoration:none; background-color: transparent;}
 +
.navigater ul li a:visited {text-decoration:none; background-color: transparent;}
-
});
+
.navigater ul li:hover {
-
+
z-index:100;
 +
color: #fff;
 +
-webkit-transition: background-image 0.2s;
 +
-moz-transition: background-image 0.2s;
 +
-ms-transition: background-image 0.2s;
 +
-o-transition: background-image 0.2s;
 +
transition: background-image 0.2s;
 +
}
 +
.navigater ul li ul {
 +
list-style: none;  
 +
z-index:100;
 +
display: block;
 +
position: absolute;
 +
width: 104px;
 +
top: 46px;
 +
left: 3px;
 +
opacity: 0;
 +
visibility: hidden;
 +
-webkit-transiton: opacity 0.2s;
 +
-moz-transition: opacity 0.2s;
 +
-ms-transition: opacity 0.2s;
 +
-o-transition: opacity 0.2s;
 +
-transition: opacity 0.2s;
 +
}
-
$("#top_button span").click(function(){
+
.navigater ul li ul li {
-
$('body,html').animate({scrollTop:0},500);
+
-
});
+
display:block;
-
+
z-index:100;
 +
        font: bold 12px/18px helvetica;
 +
width: 104px;
 +
margin: 0px;
 +
padding: 9px 0px;
 +
background-repeat:no-repeat;
 +
text-align:center;
 +
cursor: pointer;
 +
}
-
/* SIDE_TAG */
+
.navigater ul li ul li a:link{
-
title = $(".chapter h1,.chapter h2");
+
width: 104px;
-
number = 0;
+
        padding: 9px 0px;
-
tag = "";
+
font-size:10px/16px;
-
h2num = 0;
+
}
-
title.each(function() {
+
-
var anchor_num = $(this).offset().top;
+
-
$(this).attr("id","h2_"+number);
+
-
var id=$('#h2_'+ number);
+
-
text = $(this).text();
+
-
if(new RegExp(":").test(text)) {
+
-
title=text.split(":");
+
-
text = title[0];
+
-
};
+
-
if ($(this).attr('tagName') == "H1") //不可用"h1"
+
-
{
+
-
h2num = h2num + 1;
+
-
tag = tag + "<div class='anchor-h2' id= 'h2num_"+h2num+"'><p class='" + anchor_num + "' >" + text + "</p></div>";
+
-
}
+
-
else {
+
-
tag = tag +"<div class='anchor-h3 h2num_"+h2num+"' id= 'id_"+number+"'><p class='" + anchor_num + "' >"+ text +"</p></div>";
+
-
}
+
-
number = number + 1;
+
-
});
+
-
num_max = number-1;
+
-
$("#side_bar").html( tag );
+
-
/*SIDE_BAR LINK*/
+
-
$("#side_bar p").click(function(){
+
-
var anchor_num = $(this).attr("class");
+
-
$('body,html').animate({scrollTop:anchor_num},500);
+
-
});
+
-
/* FOLLOWING */
+
.navigater ul li ul li:hover {
-
win_height = $(window).height();
+
background-image:url(https://static.igem.org/mediawiki/2013/0/05/WIKI-light.png);
-
number = 0;
+
background-repeat: no-repeat;
-
toptop = 145;
+
background-position: 50% 60%;
-
$(".anchor-h2 .anchor-h3").css("position","relative");
+
}
-
$(".anchor-h3").hide();
+
-
/*SLIDE DOWN*/
+
-
$(function(){
+
-
var feedback=0;
+
-
$(".anchor-h2").mouseenter(function(event) {
+
-
var h2num = $(this).attr("id");
+
-
event.preventDefault();
+
-
if (feedback==h2num) {
+
-
$("."+h2num).slideToggle("fast",function(){feedback = h2num});
+
-
} else if (feedback!=h2num){
+
-
/*$(".anchor-h3").slideUp("fast");*/
+
-
$("."+h2num).slideDown("fast",function(){feedback = h2num;});
+
-
};
+
-
});
+
-
});
+
-
+
-
/*SIDE_BAR HANGING*/
+
-
scr_position_2 = 0;
+
-
if ($(window).scrollTop() >= 185) {
+
-
$("#side_bar").css({"position":"fixed","top":0});
+
-
left = $("div.chapter").offset().left - $("#side_bar").width();
+
-
$("#side_bar").css("left",left+1);
+
-
} else if ($(window).scrollTop() < 185){
+
-
$("#side_bar").css({"position":"absolute","top":50});
+
-
left = $("div.chapter").offset().left - $("#side_bar").offset().left - $("#side_bar").width();
+
-
$("#side_bar").css("left",left+1);
+
-
};
+
-
$(window).scroll(function(){
+
-
scr_position_2 = $(window).scrollTop();
+
-
if ($(window).scrollTop() >= 178 &&$("#side_bar").css("position")=="absolute") {
+
-
$("#side_bar").css({"position":"fixed","top":0});
+
-
left = $("div.chapter").offset().left - $("#side_bar").width();
+
-
$("#side_bar").css("left",left+1);
+
-
} else if ($(window).scrollTop() < 178 &&$("#side_bar").css("position")=="fixed"){
+
-
$("#side_bar").css({"position":"absolute","top":50});
+
-
left = $("div.chapter").offset().left - $("#side_bar").offset().left - $("#side_bar").width();
+
-
$("#side_bar").css("left",left+1);
+
-
};
+
.navigater ul li:hover ul {
 +
  z-index:200;
 +
  opacity: 1;
 +
  visibility: visible;
 +
}
 +
/* color separately */
-
});
+
#HOME { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
 +
#HOME:hover { background-image: url(https://static.igem.org/mediawiki/2013/7/7f/WIKI-00-BG-HOVER.png);}
 +
 
 +
#PROJECT { background: url(https://static.igem.org/mediawiki/2013/1/12/WIKI-01-BG.png);}
 +
#PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2013/f/ff/WIKI-01-BG-HOVER.png);}
 +
#PROJECT ul{ background: #aeaf55;}
 +
 
 +
#JUDGING { background: url(https://static.igem.org/mediawiki/2013/3/38/WIKI-02-BG.png);}
 +
#JUDGING:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/ba/WIKI-02-BG-HOVER.png);}
 +
#JUDGING ul{ background: #B65836;}
 +
 
 +
#SAFETY { background: url(https://static.igem.org/mediawiki/2013/6/66/WIKI-03-BG.png);}
 +
#SAFETY:hover { background-image: url(https://static.igem.org/mediawiki/2013/9/9f/WIKI-03-BG-HOVER.png);}
 +
#SAFETY ul{ background: #4AA984;}
 +
 
 +
#NOTEBOOK { background: url(https://static.igem.org/mediawiki/2013/0/0b/WIKI-04-BG.png);}
 +
#NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2013/d/d9/WIKI-04-BG-HOVER.png);}
 +
#NOTEBOOK ul{ background: #B48662;}
 +
 
 +
#TEAM { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
 +
#TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/b7/WIKI-05-BG-HOVER.png);}
 +
#TEAM ul{ background: #D2783C;}
 +
 
 +
/* color separately end */
 +
 
 +
#cont_column {
 +
z-index: 200;
 +
margin-bottom: 100px;
 +
background: rgb(250,250,250);
 +
padding-bottom: 0px;
 +
width: 900px;
 +
 
 +
}
 +
 
 +
#cont_column div.chapter {
 +
position: relative;
 +
width: 900px;
 +
border-style: solid;
 +
background: url(https://static.igem.org/mediawiki/2013/d/dd/Logo_fly.png) no-repeat 95% 35px;
 +
box-shadow: 0px 0px 25px #888888;
 +
border-style: solid;
 +
border-width: 0px;
 +
border-color: #f7eed1;
 +
margin-bottom: -5px;
 +
padding: 60px 0;
 +
}
 +
 
 +
#cont_column h1,h2,h3,h4,p{
 +
position: relative;
 +
width: 760px;
 +
margin-left: 90px;
 +
margin-right: 50px;
 +
}
 +
#cont_column ol,#cont_column ul{
 +
position: relative;
 +
width: 720px;
 +
margin-left: 100px;
 +
margin-right: 100px;
 +
}
 +
#cont_column li{
 +
        font-weight:bold;
 +
        font-family: verdana;
 +
        margin-left: 30px;
 +
        text-align:left;
 +
        padding: 5px 0px;
 +
}
 +
 
 +
#cont_column span {
 +
display: block;
 +
position: relative;
 +
font-weight: bold;
 +
top: -40px;
 +
right: 50px;
 +
height: 30px;
 +
font-family: Monotype Corsiva;
 +
font-size: 20px;
 +
text-align: right;
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
 
 +
#cont_column h1,#cont_column h2 {
 +
font-weight: bold;
 +
}
 +
 
 +
}
 +
#cont_column h3 {
 +
padding-bottom:5px;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
#top_button {
 +
width: 100px;
 +
height: 100px;
 +
position: absolute;
 +
    right:0px;
 +
    top:0px;
 +
display: block;
 +
}
 +
#top_button p {
 +
margin: 0;
 +
padding: 0;
 +
visibility: hidden;
 +
background-image: url(https://static.igem.org/mediawiki/2013/9/91/TALKFRAME.png);
 +
background-repeat: no-repeat;
 +
display: inline-block;
 +
width:100px;
 +
height:51px;
 +
position: relative;
 +
text-align: center;
 +
font:10px helvetica;
 +
}
 +
 
 +
 
 +
#top_button span{
 +
z-index: 100;
 +
position: fixed;
 +
display: block;
 +
background: url(https://static.igem.org/mediawiki/2013/4/46/WIKI-MASCOT-STAND-SHADOW.png);
 +
margin: 0 0;
 +
width: 100px;
 +
height: 151px;
 +
bottom: 50px;
 +
cursor: pointer;
 +
}
 +
 
 +
#top_button span:hover {
 +
}
 +
 
 +
#top_button img {
 +
clear: both;
 +
}
 +
 
 +
 
 +
#side_bar {
 +
position: absolute;
 +
width: 190px;
 +
top:0;
 +
left:0;
 +
}
 +
#side_bar div {
 +
position: relative;
 +
}
 +
 
 +
/* tag styles */
 +
.anchor-h2 {
 +
display: block;
 +
position: relative;
 +
left: 0px;
 +
float:right;
 +
padding: 1px 20px 1px 1px;
 +
margin-top: 5px;
 +
border-color: #FFF;
 +
}
 +
.anchor-h2 p {
 +
margin:0;
 +
padding:6px 2px;
 +
border:2px dotted #333;
 +
width:190px;
 +
text-decoration: none;
 +
text-align: right;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
}
 +
.anchor-h3 {
 +
display: inline;
 +
position: relative;
 +
float:right;
-
});
+
padding: 1px 10px 1px 1px;
 +
margin-top: 1px;
 +
}
 +
.anchor-h3 p{
 +
margin:0;
 +
padding:0px 2px;
 +
border:2px dotted #DDD;
 +
width:180px;
 +
text-decoration: none;
 +
left: 0px;
 +
text-align: right;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 12px;
 +
}
 +
 
 +
#side_bar p {
 +
color: rgb(255, 255, 255); text-decoration: none;
 +
cursor: pointer;
 +
}
 +
#side_bar a:visited {
 +
color: rgb(255, 255, 255);
 +
}
 +
#side_bar a:active {
 +
color: rgb(255, 255, 255);
 +
}
 +
#side_bar a:hover {
 +
}
 +
 
 +
#side_bar #address {
 +
clear:left;
 +
}
 +
 
 +
#side_bar #address p {
 +
font-family:"Cooper Black";
 +
color: #724c21;
 +
font-size: 16px;
 +
position: relative;
 +
margin: 5px auto;
 +
height:20px;
 +
text-align: center;
 +
}
 +
 
 +
#references p {
 +
width: 740px;
 +
text-align:left;
 +
font-size:10px;
 +
margin-left: 110px;
 +
}
 +
a.quote {
 +
vertical-align:super;
 +
font-size:10px;
 +
}
 +
a.quote,a.references {
 +
        color:#696;
 +
}
 +
 
 +
 
 +
/*--custom end */
 +
 
 +
/*--Fig DIV start */
 +
 
 +
div.figure {
 +
position: relative;
 +
margin: 5px 60px 5px 100px;
 +
        padding: 0px;
 +
}
 +
img.fig_img {
 +
float:left;
 +
        top:0px;
 +
        left:0px;
 +
        margin:5px;
 +
        padding:0px;
 +
}
 +
img.fig_img:hover {
 +
        cursor:pointer;
 +
}
 +
p.des {
 +
float:left;
 +
        margin:0px;
 +
        padding:0px;
 +
        font-size:14px;
 +
}
 +
div.clear {
 +
        clear:both;
 +
        margin:0px;
 +
        padding:0px;
 +
}
 +
 
 +
/*--Fig DIV end */
 +
 
 +
/* guide_link start */
 +
div.results_guide {
 +
display:block;
 +
position:relative;
 +
width:700px;
 +
height: 300px;
 +
margin:0px;
 +
padding:0px;
 +
}
 +
a.guide_button {
 +
display:block;
 +
position:absolute;
 +
width:200px;
 +
height:200px;
 +
}
 +
#target {
 +
background-image:url(https://static.igem.org/mediawiki/2013/9/9d/Gear_01.png);
 +
position:absolute;
 +
top:100px;
 +
        left:8px;
 +
}
 +
#suicidegene { background-image:url(https://static.igem.org/mediawiki/2013/0/04/Gear_02.png);
 +
position:absolute;
 +
        top:3px;
 +
left:160px;
 +
}
 +
#tet-off { background-image:url(https://static.igem.org/mediawiki/2013/6/6f/Gear_03.png);
 +
position:absolute;
 +
left:309px;
 +
top:104px;
 +
}
 +
#lenti-virus { background-image:url(https://static.igem.org/mediawiki/2013/a/ae/Gear_04.png);
 +
position:absolute;
 +
left:485px;
 +
top:70px;
 +
}
 +
 
 +
/* guide_link end */
 +
 
 +
/* guide_link2 start */
 +
div.results_guide2 {
 +
display:block;
 +
position:relative;
 +
width:700px;
 +
height: 300px;
 +
margin:0px;
 +
padding:0px;
 +
background-image:url(https://static.igem.org/mediawiki/2013/0/01/3cells_bg.png);
 +
}
 +
a.guide_button2 {
 +
display:block;
 +
position:absolute;
 +
width:160px;
 +
height:210px;
 +
}
 +
#ips {
 +
background-image:url(https://static.igem.org/mediawiki/2013/b/bb/3cells_01.png);
 +
position:absolute;
 +
top:0px;
 +
    left:0px;
 +
}
 +
#hepatocyte {
 +
background-image:url(https://static.igem.org/mediawiki/2013/3/37/3cells_02.png);
 +
position:absolute;
 +
    top:0px;
 +
left:250px;
 +
}
 +
#hepatoma {
 +
background-image:url(https://static.igem.org/mediawiki/2013/b/b7/3cells_03.png);
 +
position:absolute;
 +
left:500px;
 +
top:0px;
 +
}
 +
 
 +
/* guide_link2 end */

Latest revision as of 03:20, 29 October 2013

div#globalWrapper {background-image:url(https://static.igem.org/mediawiki/2013/5/5a/BG-circles.png);background-repeat: y-repeat;}

  1. animat {

margin: 0px auto; height: 110px; position: relative; text-align:center; }

  1. animat p {

visibility: hidden; display: block; height:29px; position: relative; text-align: center; font: bold 20px broadway; 

       width:80px;
       margin:0px;
       padding: 0;

}

  1. animat span:hover p {visibility: visible;}
  2. animat span{

z-index: 100; display: block; text-align: center; position: absolute; margin: 0 auto; width: 80px; height: 81px; 

       left: -200px ;

} /*custom start*/

  1. searchform {visibility:hidden;}

div.content_body { display: block; position: relative; margin: 0 auto; width: 1024px; }

div.navigater { clear: both; position: relative; width: 1024px; height: 46px; padding-top: 0px; } .navigater ul { position: relative; left: -50px; 

 	z-index:100;

text-align: center; display: inline; list-style: none; 

       margin:0px;
       padding-left:0px;
       heigth:50px;

}

.navigater ul li { 

 z-index:100;
 font: bold 14px/20px helvetica;
 display: inline-block;
 margin: 0 5px;
 padding-bottom: 18px;
 position: relative;
 width: 110px;
 height: 28px;
 background-repeat:no-repeat;
 text-align:center;
 cursor: pointer;
 -webkit-transition: background-image 0.2s;
 -moz-transition: background-image 0.2s;
 -ms-transition: background-image 0.2s;
 -o-transition: background-image 0.2s;
 transition: background-image 0.2s;

} .navigater ul li a:link{ color: rgb(252,241,206); display: inline-block; font-size:14px/20px; width: 110px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none; } .navigater ul li a:hover {text-decoration:none; background-color: transparent;} .navigater ul li a:visited {text-decoration:none; background-color: transparent;}

.navigater ul li:hover { z-index:100; color: #fff; -webkit-transition: background-image 0.2s; -moz-transition: background-image 0.2s; -ms-transition: background-image 0.2s; -o-transition: background-image 0.2s; transition: background-image 0.2s; } .navigater ul li ul { list-style: none; z-index:100; display: block; position: absolute; width: 104px; top: 46px; left: 3px; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }

.navigater ul li ul li {

display:block; z-index:100; 

       font: bold 12px/18px helvetica;

width: 104px; margin: 0px; padding: 9px 0px; background-repeat:no-repeat; text-align:center; cursor: pointer; }

.navigater ul li ul li a:link{ width: 104px; 

       padding: 9px 0px;

font-size:10px/16px; }

.navigater ul li ul li:hover { background-image:url(WIKI-light.png); background-repeat: no-repeat; background-position: 50% 60%;

}

.navigater ul li:hover ul { 

 z-index:200;
 opacity: 1;
 visibility: visible;

} /* color separately */

  1. HOME { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
  2. HOME:hover { background-image: url(https://static.igem.org/mediawiki/2013/7/7f/WIKI-00-BG-HOVER.png);}
  1. PROJECT { background: url(https://static.igem.org/mediawiki/2013/1/12/WIKI-01-BG.png);}
  2. PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2013/f/ff/WIKI-01-BG-HOVER.png);}
  3. PROJECT ul{ background: #aeaf55;}
  1. JUDGING { background: url(https://static.igem.org/mediawiki/2013/3/38/WIKI-02-BG.png);}
  2. JUDGING:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/ba/WIKI-02-BG-HOVER.png);}
  3. JUDGING ul{ background: #B65836;}
  1. SAFETY { background: url(https://static.igem.org/mediawiki/2013/6/66/WIKI-03-BG.png);}
  2. SAFETY:hover { background-image: url(https://static.igem.org/mediawiki/2013/9/9f/WIKI-03-BG-HOVER.png);}
  3. SAFETY ul{ background: #4AA984;}
  1. NOTEBOOK { background: url(https://static.igem.org/mediawiki/2013/0/0b/WIKI-04-BG.png);}
  2. NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2013/d/d9/WIKI-04-BG-HOVER.png);}
  3. NOTEBOOK ul{ background: #B48662;}
  1. TEAM { background: url(https://static.igem.org/mediawiki/2013/a/ae/WIKI-05-BG.png);}
  2. TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2013/b/b7/WIKI-05-BG-HOVER.png);}
  3. TEAM ul{ background: #D2783C;}

/* color separately end */

  1. cont_column {

z-index: 200; margin-bottom: 100px; background: rgb(250,250,250); padding-bottom: 0px; width: 900px;

}

  1. cont_column div.chapter {

position: relative; width: 900px; border-style: solid; background: url(Logo_fly.png) no-repeat 95% 35px; box-shadow: 0px 0px 25px #888888; border-style: solid; border-width: 0px; border-color: #f7eed1; margin-bottom: -5px; padding: 60px 0; }

  1. cont_column h1,h2,h3,h4,p{

position: relative; width: 760px; margin-left: 90px; margin-right: 50px; }

  1. cont_column ol,#cont_column ul{

position: relative; width: 720px; margin-left: 100px; margin-right: 100px; }

  1. cont_column li{ 
       font-weight:bold;
       font-family: verdana;
       margin-left: 30px;
       text-align:left;
       padding: 5px 0px;

}

  1. cont_column span {

display: block; position: relative; font-weight: bold; top: -40px; right: 50px; height: 30px; font-family: Monotype Corsiva; font-size: 20px; text-align: right; padding: 0px; margin: 0px; }

  1. cont_column h1,#cont_column h2 {

font-weight: bold; }

}

  1. cont_column h3 {

padding-bottom:5px; margin-bottom: 0px; }

  1. top_button {

width: 100px; height: 100px; position: absolute; 

   right:0px;
   top:0px;

display: block; }

  1. top_button p {

margin: 0; padding: 0; visibility: hidden; background-image: url(TALKFRAME.png); background-repeat: no-repeat; display: inline-block; width:100px; height:51px; position: relative; text-align: center; font:10px helvetica; }


  1. top_button span{

z-index: 100; position: fixed; display: block; background: url(WIKI-MASCOT-STAND-SHADOW.png); margin: 0 0; width: 100px; height: 151px; bottom: 50px; cursor: pointer; }

  1. top_button span:hover {

}

  1. top_button img {

clear: both; }


  1. side_bar {

position: absolute; width: 190px; top:0; left:0; }

  1. side_bar div {

position: relative; }

/* tag styles */ .anchor-h2 { display: block; position: relative; left: 0px; float:right;

padding: 1px 20px 1px 1px; margin-top: 5px; border-color: #FFF; } .anchor-h2 p { margin:0; padding:6px 2px; border:2px dotted #333; width:190px; text-decoration: none; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } .anchor-h3 { display: inline; position: relative; float:right;

padding: 1px 10px 1px 1px; margin-top: 1px; } .anchor-h3 p{ margin:0; padding:0px 2px; border:2px dotted #DDD; width:180px; text-decoration: none; left: 0px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

  1. side_bar p {

color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; }

  1. side_bar a:visited {

color: rgb(255, 255, 255); }

  1. side_bar a:active {

color: rgb(255, 255, 255); }

  1. side_bar a:hover {

}

  1. side_bar #address {

clear:left; }

  1. side_bar #address p {

font-family:"Cooper Black"; color: #724c21; font-size: 16px; position: relative; margin: 5px auto; height:20px; text-align: center; }

  1. references p {

width: 740px; text-align:left; font-size:10px; margin-left: 110px; } a.quote { vertical-align:super; font-size:10px; } a.quote,a.references { 

       color:#696;

}


/*--custom end */

/*--Fig DIV start */

div.figure { position: relative; margin: 5px 60px 5px 100px; 

       padding: 0px;

} img.fig_img { float:left; 

       top:0px;
       left:0px;
       margin:5px;
       padding:0px;

} img.fig_img:hover { 

       cursor:pointer;

} p.des { float:left; 

       margin:0px;
       padding:0px;
       font-size:14px;

} div.clear { 

       clear:both;
       margin:0px;
       padding:0px;

}

/*--Fig DIV end */

/* guide_link start */ div.results_guide { display:block; position:relative; width:700px; height: 300px; margin:0px; padding:0px; } a.guide_button { display:block; position:absolute; width:200px; height:200px; }

  1. target {

background-image:url(Gear_01.png); position:absolute; top:100px; 

       left:8px;

}

  1. suicidegene { background-image:url(Gear_02.png);

position:absolute; 

       top:3px;

left:160px; }

  1. tet-off { background-image:url(Gear_03.png);

position:absolute; left:309px; top:104px; }

  1. lenti-virus { background-image:url(Gear_04.png);

position:absolute; left:485px; top:70px; }

/* guide_link end */

/* guide_link2 start */ div.results_guide2 { display:block; position:relative; width:700px; height: 300px; margin:0px; padding:0px; background-image:url(3cells_bg.png); } a.guide_button2 { display:block; position:absolute; width:160px; height:210px; }

  1. ips {

background-image:url(3cells_01.png); position:absolute; top:0px; 

   left:0px;

}

  1. hepatocyte {

background-image:url(3cells_02.png); position:absolute; 

   top:0px;

left:250px; }

  1. hepatoma {

background-image:url(3cells_03.png); position:absolute; left:500px; top:0px; }

/* guide_link2 end */

Retrieved from "http://2013.igem.org/Team:SYSU-China/common_all.css"