Team:XMU Software

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE HTML>
+
#xmu_body{
-
<html lang=“en” >
+
      position:fixed;
-
<head>
+
      left:0px;
-
<META http-equiv="Conten-Type" content="textml;charset=UTF-8">
+
      top:0px;
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
      right:0px;
-
<script type="text/javascript" async="" src="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/js&action=raw&amp;ctype=text/javascript"></script>
+
      bottom:0px;
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/wiki/index.php?title=Team:XMU_Software/css&action=raw&amp;ctype=text/css"/>
+
      overflow-x:auto;
-
</head>
+
      background-color:white;
-
<body>
+
}
-
<div id="xmu_body">
+
#xmu_software{
-
<div id="xmu_software">
+
position:absolute;
-
<div id="xmu_software_right_matrix"></div>
+
top:0px;
-
<div id="Index">
+
width:1348px;
-
<div id="home_s1">
+
padding:0px;
-
<canvas id="myCanvas" width="2000" height="2000" style="border:1px solid #c3c3c3;"></canvas>
+
}
-
</div>
+
#xmu_software_right_matrix{
-
<div id="home_s2">
+
  position:absolute;
-
<div class="teamname">XMU-SOFTWARE</div>
+
  top:0px;
-
<div class="schoolname">Xiamen University</div>
+
  right:0px;
-
</div>
+
  width:180px;
-
<div id="home_s3">
+
  height:67px;
-
<div id="home_title">
+
  z-index:10;
-
<ul id="jsddm">
+
}
-
<li><div onClick="home();"><a href="https://2013.igem.org/Team:XMU_Software">Home</a></div></li>
+
#Index{
-
<li><div onClick="team();"><a href="https://2013.igem.org/Team:XMU_Software/Team">Team</a></div></li>
+
position:fixed;
-
<li><div onClick="project();"><a href="https://2013.igem.org/Team:XMU_Software/Project">Project</a></div></li>
+
top:0px;
-
<li><div onClick="requirements();"><a href="https://2013.igem.org/Team:XMU_Software/Requirements">Requirements</a></div></li>
+
left:0px;
-
<li><div onClick="hp();"><a href="https://2013.igem.org/Team:XMU_Software/Outreach">Outreach</a></div></li>
+
}
-
<li><div onClick="notebook();"><a href="https://2013.igem.org/Team:XMU_Software/Notebook">Notebook</a></div></li>
+
#home_s2{
-
</ul>
+
position:absolute;
-
</div>
+
top:120px;
-
<div class="home_s3l1"></div>
+
width:1366px;
-
</div>
+
font-family:Arial;
-
<div id="home_s4">
+
text-align:center;
-
<div class="home_s4t1">We have designed <span class="home_s4t2">2</span> software tools</div></br></br>
+
}
-
<div class="home_s4t3">Brick Worker</div>
+
.teamname{
-
<div class="home_s4t4">Brick Woker is designed to analyze and  predict the strength of various biobricks, i.e. promoters, RBS, protein coding sequence and terminators. It uses Position Weight Matrix method to recognize the key determinants of promoter and RBS sequences, predict their strengths and optimizes the protein coding sequences by  codon usage bias.Brick Worker is the first software to give an all-round and reliable evaluation of all biobricks， especially ，promoters， and represents a major step towards computational prediction and regulation of gene expression.</div></br></br>
+
font-size:42px;
-
<div class="home_s4t3">E' NOTE</div>
+
color:#ffffff;
-
<div class="home_s4t4">It is a web application serveing as assistant for experiments. It's useful function such as experiments recording and experimental template customization make experimental process easier and more enjoyable.</div>
+
}
-
</div>
+
.schoolname{
-
</div>
+
position:relative;
-
</div>
+
top:24px;
-
</div>
+
font-size:30px;
-
<script>
+
color:#707070;
-
//定位1366*768
+
}
-
var x = window.innerWidth-1366;
+
#home_s3{
-
if(x>0){
+
position:absolute;
-
x = window.innerWidth-1348;
+
top:220px;
-
x = x / 2;
+
left:250px;
-
document.getElementById("xmu_software").style.left= x+"px";
+
width:1366px;
-
$("#search-controls").get(0).style.right= x+"px";
+
font-family:Arial;
-
$(".right-menu").get(0).style.right= x+"px";
+
z-index:2;
-
$(".left-menu").get(0).style.left= x+"px";
+
}
-
}
+
#jsddm{/*导航菜单*/
-
else{
+
margin: 0;
-
x = window.innerWidth-1348;
+
padding:0;
-
document.getElementById("xmu_software").style.left="0px";
+
}
-
$("#search-controls").get(0).style.right=x+"px";
+
#jsddm li{
-
$(".right-menu").get(0).style.right=x+"px";
+
float: left;
-
$(".left-menu").get(0).style.left="0px";
+
list-style: none;
-
}
+
font-size:18px;
 +
font-weight:bold;
 +
    font-family:Arial;/*字体*/
 +
}
 +
#jsddm li a{
 +
display: block;
 +
padding: 5px;
 +
text-align:center;
 +
text-decoration: none;
 +
margin-left:50px;
 +
height:23px;
 +
color:white;
 +
white-space: nowrap;
 +
}
 +
#jsddm li a:hover{
 +
background: #becbad;/*b6d1e6*/
 +
}
 +
.home_s3l1{
 +
position:relative;
 +
top:33px;
 +
left:55px;
 +
width:750px;
 +
border-bottom: 2px solid white;
 +
}
 +
#home_s4{
 +
position:fixed;
 +
top:280px;
 +
left:333px;
 +
width:700px;
 +
font-family:Arial;
 +
}
 +
.home_s4t1{
 +
font-size:32px;
 +
color:#dc575c;
 +
}
 +
.home_s4t2{
 +
font-size:40px;
 +
color:#dc575c;
 +
font-weight:bold;
 +
}
 +
.home_s4t3{
 +
font-size:32px;
 +
color:#707070;
 +
font-weight:bold;
 +
}
 +
.home_s4t4{
 +
position:relative;
 +
top:10px;
 +
font-size:14px;
 +
color:#707070;
 +
text-align:justify;
 +
}
-
$("#xmu_software_right_matrix").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
#menubar{     
-
$("#search-controls").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
z-index:10;
-
$(".right-menu").mouseover(function(){$("#search-controls").show();$(".right-menu").show();$("#mw-searchButton").show();$("#searchGoButton").show();});
+
position: fixed;
 +
}
 +
.right-menu{
 +
display:none;
 +
}
 +
#search-controls{
 +
top:23px;
 +
display:none;
 +
position:fixed;
 +
}
 +
input.searchButton{
 +
color:black;
 +
}
 +
#searchGoButton{
 +
z-index:10;
 +
margin-left:5px;
 +
display:none;
 +
}
 +
#mw-searchButton{
 +
display:none;
 +
z-index:10;
 +
}
 +
.C0{
 +
/*font-family:Vwei;*/
 +
font-size:1em;
 +
width:100%;
 +
height:3em;
 +
color:black;
 +
}
 +
.C1{
 +
width:100%;
 +
height:370px;
 +
border-collapse:collapse;
 +
border:2px solid #eeece1;
 +
}
 +
.C1_td{
 +
border-right:2px solid #eeece1;
 +
width:350px;
 +
height:100%;
 +
padding:0px;
 +
}
 +
.C1_graph{
 +
width:350px;
 +
height:350px;
 +
margin:0px;
 +
}
 +
.C1_td_text{
 +
padding:0px;
 +
}
 +
.C1_text{
 +
margin:0px;
 +
width:100%;
 +
height:370px;
 +
font-size:1em;
 +
/*font-family:Vwei;*/
 +
}
 +
.C1_button1{
 +
height:20px;
 +
width:230px;
 +
background-image: url(tool_icon/ok.png);
 +
background-repeat: no-repeat;
 +
/*font-family:Vwei;*/
 +
}
 +
.C1_button2{
 +
height:20px;
 +
width:110px;
 +
background-image: url(tool_icon/ok.png);
 +
}
 +
.C3,.C3_ABC,.C5,.C4,.C6,.C7,.C9,.C10{
 +
width:100%;
 +
border-collapse:collapse;
 +
}
 +
.C3_input,.C3_input_ABC,.C6_input,.C5_input,.C7_blur_2,.C7_input_C,.C10_input{/**********/
 +
width:100%;
 +
border:1px solid white;
 +
/*font-family:con;*/
 +
font-size:1em;
 +
}
 +
.C3_td,.C3_td_C,.C3_td_C5_C{
 +
border:2px solid #eeece1;
 +
height:20px;
 +
}
 +
.C3_td_title,.C8_td_title{
 +
text-align:center;
 +
height:25px;
 +
/*font-family:Vwei;*/
 +
font-size:1.3em;
 +
border:2px solid #eeece1;
 +
}
 +
.C3_td_textarea,.C4_td_textarea{
 +
/*font-family:Vwei;*/
 +
width:50%;
 +
border:2px solid #eeece1;
 +
font-size:1em;
 +
}
 +
.C3_textarea{
 +
height:100%;
 +
width:100%;
 +
/*font-family:Vwei;*/
 +
border:0px solid #eeece1;
 +
}
 +
.C4_td{
 +
border:2px solid #eeece1;
 +
height:80px;
 +
}
 +
.C5_canvas_td{
 +
height:100px;
 +
border:1px solid #eeece1;
 +
position:relative;
 +
}
 +
.C5_canvas_matrix{
 +
position:absolute;
 +
top:30px;
 +
left:10%;
 +
width:80%;
 +
height:40px;
 +
border:5px solid rgb(79, 129, 189);
 +
z-index:-8.6;
 +
}
 +
.C5_canvas_button1,.C5_canvas_button2,.C5_canvas_button3{
 +
position:absolute;
 +
height:32px;
 +
background-color:rgb(79, 129, 189);
 +
z-index:-8.5;
 +
}
 +
.C5_TEXT1{
 +
position:absolute;
 +
z-index:-8.5;
 +
height:10px;
 +
top:20px;
 +
left:13%;
 +
}
 +
.C5_TEXT2{
 +
position:absolute;
 +
z-index:-8.5;
 +
height:10px;
 +
top:20px;
 +
left:83%;
 +
}
 +
.C5_canvas_button1{
 +
top:15px;
 +
left:22%;
 +
width:20%;
 +
}
 +
.C5_canvas_button2{
 +
top:15px;
 +
right:22%;
 +
width:20%;
 +
}
 +
.C5_canvas_button3{
 +
bottom:10px;
 +
left:40%;
 +
width:20%;
 +
}
 +
.C5_system_input,.C7_blur_1{
 +
border:1px solid #eeece1;
 +
/*font-family:con;*/
 +
font-size:1em;
 +
width:5em;
 +
}
 +
.C10_system_input{
 +
border:1px solid #eeece1;
 +
/*font-family:con;*/
 +
font-size:1em;
 +
margin-left:0px;
 +
margin-right:0em;
 +
}
 +
.C6_button{
 +
width:100%;
 +
height:100%;
 +
margin:0px;
 +
background-color:rgb(79, 129, 189);
 +
/*font-family:Vwei;*/
 +
font-size:1em;
 +
}
 +
.C8_td_title{
 +
color:rgb(79, 129, 189);
 +
}
 +
.C8_button{
 +
width:100%;
 +
height:30px;
 +
margin:0px;
 +
background-color:rgb(79, 129, 189);
 +
/*font-family:Vwei;*/
 +
font-size:1em;
 +
}
 +
.C8{
 +
width:100%;
 +
border-collapse:collapse;
 +
border: 3px solid #eeece1;
 +
}
 +
.C8_td{
 +
border:2px solid #eeece1;
 +
}
 +
.C6_td_textarea{
 +
/*font-family:Vwei;*/
 +
width:40%;
 +
border:2px solid #eeece1;
 +
font-size:1em;
 +
}
 +
#M1_name{ /*消失*/
 +
/*定位*/
 +
position:fixed;
 +
left:25%;
 +
right:41%;
 +
top:76px;
 +
height:35px;
 +
/*边框*/
 +
border:1px solid white;
 +
border-radius:6px;
 +
/*背景*/
 +
background-color:#96b2d7;
 +
/*存在*/
 +
display:none;
 +
/*font-family:实验名;*/
 +
    font-size:2.2em;
 +
    text-indent:10px;
 +
white-space:nowrap;
 +
overflow:hidden;
 +
    text-overflow: ellipsis; 
 +
}
 +
#M1_name_button{
 +
position:fixed;
 +
left:25%;
 +
right:41%;
 +
z-index:-9;
 +
}
 +
.M1_exp{ /*消失*/
 +
}
 +
.M1_exp_stepBoard{
 +
/*定位*/
 +
 +
width:100%;
 +
border-collapse:collapse;
 +
}
 +
.M1_exp_stepInfo{
 +
/*定位*/
 +
 +
    position:relative;
-
$("#xmu_software_right_matrix").mouseout(function(){$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
+
height:40px;
-
+
/*字体*/
-
if($(".left-menu").find("li").size()==7)
+
color:white;
-
{
+
/*边框*/
-
$(".left-menu").find("li").eq(6).html("");
+
border-top:2px solid #eeece1;
-
$("#menubar").get(0).style.width="330px";
+
border-top-left-radius:15px;
-
}
+
/*背景*/
-
else
+
background-color:#c3d69b;
-
{
+
}
-
$(".left-menu").find("li").eq(4).html("");
+
.M1_exp_step_name_button{
-
$("#menubar").get(0).style.width="280px";
+
position:absolute;
-
$("#pt-login").get(0).style.right="50px";
+
left:15px;
-
}
+
    right:130px;
-
+
    top:0px;
-
+
    bottom:0px;
-
$("#xmu_body").scroll(function(){ movetotop();$("#search-controls").hide();$(".right-menu").hide();$("#mw-searchButton").hide();$("#searchGoButton").hide();});
+
    padding:0px;
-
+
border:0px solid #c3d69b;
-
color1=$("#notebook_s3p2").css("background-color");
+
}
-
color2=$("#notebook_s3p3").css("background-color");
+
.M1_exp_step_name{
-
+
width:100%;
-
var c=document.getElementById("myCanvas");
+
height:100%;
-
var cxt=c.getContext("2d");
+
background-color:#c3d69b;  
-
var grd=cxt.createLinearGradient(20,10,2000,2000);
+
margin:0px;
-
grd.addColorStop(0,"#becbad");
+
border:0px solid #c3d69b; 
-
grd.addColorStop(0.5,"#e4d7aa");
+
/*font-family:Vwei;*/
-
grd.addColorStop(1,"#becbad");
+
    font-size:1.5em;
-
cxt.fillStyle=grd;
+
white-space:nowrap;
-
cxt.fillRect(0,0,2000,2000);
+
overflow:hidden;
-
</script>
+
    text-overflow: ellipsis;   
-
</body>
+
}
-
</html>
+
.M1_exp_stepItem{
 +
/*定位*/
 +
border:2px solid #eeece1;
 +
height:35px;
 +
}
 +
.M1_exp_step_time{
 +
position:absolute;
 +
top:10px;
 +
right:8px;
 +
/*font-family:Vwei;*/
 +
}
 +
.M1_exp_item_time{
 +
width:10%;
 +
background-color:#a6a6a6;
 +
border:2px solid #eeece1;
 +
/*/*font-family:Vwei;*/ 
 +
}
 +
.M1_exp_item_content{
 +
/*背景*/   
 +
 
 +
background-color:white;
 +
/*溢出*/
 +
    overflow :hidden;
 +
/*边框*/   
 +
    padding:0px;
 +
/*/*font-family:Vwei;*/
 +
}
 +
.M1_exp_img{
 +
color:#f31659;
 +
}
 +
.navi_text{
 +
position:fixed;
 +
bottom:50px;
 +
right:180px;
 +
z-index:4;
 +
font-family:Arial;
 +
font-size:16px;
 +
text-align:center;
 +
line-height:40px;
 +
}
 +
.navi0{
 +
position:fixed;
 +
top:360px;
 +
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
color:white;
 +
border:2px solid white;
 +
text-decoration: none;
 +
}
 +
.navi1{
 +
position:fixed;
 +
top:400px;
 +
width:170px;  
 +
height:38px;
 +
background:#b3d465;
 +
color:white;
 +
border:2px solid white;
 +
text-decoration: none;
 +
}
 +
.navi2{
 +
position:fixed;
 +
top:440px;
 +
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
border:2px solid white;
 +
color:white;
 +
text-decoration: none;
 +
}
 +
.navi3{
 +
position:fixed;
 +
top:480px;
 +
width:170px;  
 +
height:38px;
 +
background:#b3d465;
 +
border:2px solid white;
 +
color:white;
 +
text-decoration: none;
 +
}
 +
.navi4{
 +
position:fixed;
 +
top:520px;
 +
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
border:2px solid white;
 +
color:white;
 +
text-decoration: none;
 +
}  
 +
.navi5{
 +
position:fixed;
 +
top:560px;
 +
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
border:2px solid white;
 +
color:white;
 +
text-decoration: none;
 +
}
 +
.navi6{  
 +
position:fixed;
 +
top:600px;
 +
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
border:2px solid white;
 +
color:white;
 +
text-decoration: none;
 +
}
 +
.sep_title{/*分界栏标题*/
 +
position:absolute;
 +
top:50px;
 +
left:0px;
 +
font-family:Arial;
 +
font-weight:bold;
 +
font-size:42px;
 +
text-align:center;
 +
width:1340px;
 +
color:white;
 +
z-index:3;
 +
}
 +
.navigation{
 +
position:absolute;
 +
top:10px;
 +
left:230px;
 +
width:900px;
 +
height:400px;
 +
z-index:3;
 +
}
 +
.sep_photo{/*分界栏图片位置*/
 +
z-index:1;
 +
}
 +
.sep_number{/*分界栏数字*/
 +
position:absolute;
 +
top:55px;
 +
left:245px;
 +
font-family:Agency FB;
 +
font-weight:bold;
 +
font-size:175px;
 +
color:#91b43f;
 +
z-index:2;
 +
}
 +
.body_heading{/*正文标题*/
 +
font-family:Arial;
 +
font-size:30px;
 +
font-weight:bold;
 +
color:#b3d465;
 +
}
 +
.body_title{/*小标题*/
 +
font-family:Arial;
 +
font-size:16px;
 +
font-weight:bold;
 +
color:#004986;
 +
margin-left:15px;
 +
margin-top:7px;
 +
 +
}
 +
.body_text{/*正文*/
 +
font-family:Arial;
 +
font-size:16px;
 +
color:#707070;
 +
text-indent:25px;
 +
margin-top:7px;
 +
}
 +
h1{/*safety大标题 hp大标题*/
 +
font-family:微软雅黑;
 +
font-weight:bold;
 +
font-size:30px;
 +
color:#b3d465;
 +
}
 +
h4{
 +
font-family:微软雅黑;
 +
font-size:18px;
 +
font-weight:bold;
 +
color:#004986;
 +
}
 +
h3{/*小问题  日记文本中日期文字*/
 +
font-family:微软雅黑;
 +
font-weight:bold;
 +
font-size:16px;
 +
color:#0075a9;
 +
}
 +
p{/*日记文本中的文字*/
 +
font-family:微软雅黑;
 +
font-size:16px;
 +
color:#707070;
 +
}
 +
table,tr,td{
 +
border:1px solid #707070;
 +
}
 +
h5{
 +
font-family:Arial;
 +
font-size:18px;
 +
font-weight:bold;
 +
color:#004986;
 +
}
 +
.blank{
 +
position:relative;
 +
margin-left:50px;
 +
width:1px;
 +
height:1px;
 +
}

Revision as of 02:24, 27 October 2013

  1. xmu_body{ 
      position:fixed;
      left:0px;
      top:0px;
      right:0px;
      bottom:0px;
      overflow-x:auto;
      background-color:white;

}

  1. xmu_software{

position:absolute; top:0px; width:1348px; padding:0px; }

  1. xmu_software_right_matrix{ 
  position:absolute;
  top:0px;
  right:0px;
  width:180px;
  height:67px;
  z-index:10;

}

  1. Index{

position:fixed; top:0px; left:0px; }

  1. home_s2{

position:absolute; top:120px; width:1366px; font-family:Arial; text-align:center; } .teamname{ font-size:42px; color:#ffffff; } .schoolname{ position:relative; top:24px; font-size:30px; color:#707070; }

  1. home_s3{

position:absolute; top:220px; left:250px; width:1366px; font-family:Arial; z-index:2; }

  1. jsddm{/*导航菜单*/

margin: 0; padding:0; }

  1. jsddm li{

float: left; list-style: none; font-size:18px; font-weight:bold; 

   font-family:Arial;/*字体*/

}

  1. jsddm li a{

display: block; padding: 5px; text-align:center; text-decoration: none; margin-left:50px; height:23px; color:white; white-space: nowrap; }

  1. jsddm li a:hover{

background: #becbad;/*b6d1e6*/ } .home_s3l1{ position:relative; top:33px; left:55px; width:750px; border-bottom: 2px solid white; }

  1. home_s4{

position:fixed; top:280px; left:333px; width:700px; font-family:Arial; } .home_s4t1{ font-size:32px; color:#dc575c; } .home_s4t2{ font-size:40px; color:#dc575c; font-weight:bold; } .home_s4t3{ font-size:32px; color:#707070; font-weight:bold; } .home_s4t4{ position:relative; top:10px; font-size:14px; color:#707070; text-align:justify; }

  1. menubar{

z-index:10; position: fixed; } .right-menu{ display:none; }

  1. search-controls{

top:23px; display:none; position:fixed; } input.searchButton{ color:black; }

  1. searchGoButton{

z-index:10; margin-left:5px; display:none; }

  1. mw-searchButton{

display:none; z-index:10; } .C0{ /*font-family:Vwei;*/ font-size:1em; width:100%; height:3em; color:black; } .C1{ width:100%; height:370px; border-collapse:collapse; border:2px solid #eeece1; } .C1_td{ border-right:2px solid #eeece1; width:350px; height:100%; padding:0px; } .C1_graph{ width:350px; height:350px; margin:0px; } .C1_td_text{ padding:0px; } .C1_text{ margin:0px; width:100%; height:370px; font-size:1em; /*font-family:Vwei;*/ } .C1_button1{ height:20px; width:230px; background-image: url(tool_icon/ok.png); background-repeat: no-repeat; /*font-family:Vwei;*/ } .C1_button2{ height:20px; width:110px; background-image: url(tool_icon/ok.png); } .C3,.C3_ABC,.C5,.C4,.C6,.C7,.C9,.C10{ width:100%; border-collapse:collapse; } .C3_input,.C3_input_ABC,.C6_input,.C5_input,.C7_blur_2,.C7_input_C,.C10_input{/**********/ width:100%; border:1px solid white; /*font-family:con;*/ font-size:1em; } .C3_td,.C3_td_C,.C3_td_C5_C{ border:2px solid #eeece1; height:20px; } .C3_td_title,.C8_td_title{ text-align:center; height:25px; /*font-family:Vwei;*/ font-size:1.3em; border:2px solid #eeece1; } .C3_td_textarea,.C4_td_textarea{ /*font-family:Vwei;*/ width:50%; border:2px solid #eeece1; font-size:1em; } .C3_textarea{ height:100%; width:100%; /*font-family:Vwei;*/ border:0px solid #eeece1; } .C4_td{ border:2px solid #eeece1; height:80px; } .C5_canvas_td{ height:100px; border:1px solid #eeece1; position:relative; } .C5_canvas_matrix{ position:absolute; top:30px; left:10%; width:80%; height:40px; border:5px solid rgb(79, 129, 189); z-index:-8.6; } .C5_canvas_button1,.C5_canvas_button2,.C5_canvas_button3{ position:absolute; height:32px; background-color:rgb(79, 129, 189); z-index:-8.5; } .C5_TEXT1{ position:absolute; z-index:-8.5; height:10px; top:20px; left:13%; } .C5_TEXT2{ position:absolute; z-index:-8.5; height:10px; top:20px; left:83%; } .C5_canvas_button1{ top:15px; left:22%; width:20%; } .C5_canvas_button2{ top:15px; right:22%; width:20%; } .C5_canvas_button3{ bottom:10px; left:40%; width:20%; } .C5_system_input,.C7_blur_1{ border:1px solid #eeece1; /*font-family:con;*/ font-size:1em; width:5em; } .C10_system_input{ border:1px solid #eeece1; /*font-family:con;*/ font-size:1em; margin-left:0px; margin-right:0em; } .C6_button{ width:100%; height:100%; margin:0px; background-color:rgb(79, 129, 189); /*font-family:Vwei;*/ font-size:1em; } .C8_td_title{ color:rgb(79, 129, 189); } .C8_button{ width:100%; height:30px; margin:0px; background-color:rgb(79, 129, 189); /*font-family:Vwei;*/ font-size:1em; } .C8{ width:100%; border-collapse:collapse; border: 3px solid #eeece1; } .C8_td{ border:2px solid #eeece1; } .C6_td_textarea{ /*font-family:Vwei;*/ width:40%; border:2px solid #eeece1; font-size:1em; }

  1. M1_name{ /*消失*/

/*定位*/ position:fixed; left:25%; right:41%; top:76px; height:35px; /*边框*/ border:1px solid white; border-radius:6px; /*背景*/ background-color:#96b2d7; /*存在*/ display:none; /*font-family:实验名;*/ 

   font-size:2.2em;
   text-indent:10px;

white-space:nowrap; overflow:hidden; 

   text-overflow: ellipsis;

}

  1. M1_name_button{

position:fixed; left:25%; right:41%; z-index:-9; } .M1_exp{ /*消失*/

} .M1_exp_stepBoard{ /*定位*/

width:100%; border-collapse:collapse; } .M1_exp_stepInfo{ /*定位*/ 

   position:relative;

height:40px; /*字体*/ color:white; /*边框*/ border-top:2px solid #eeece1; border-top-left-radius:15px; /*背景*/ background-color:#c3d69b; } .M1_exp_step_name_button{ position:absolute; left:15px; 

   right:130px;
   top:0px;
   bottom:0px;
   padding:0px;

border:0px solid #c3d69b; } .M1_exp_step_name{ width:100%; height:100%; background-color:#c3d69b; margin:0px; border:0px solid #c3d69b; /*font-family:Vwei;*/ 

   font-size:1.5em;

white-space:nowrap; overflow:hidden; 

   text-overflow: ellipsis;

} .M1_exp_stepItem{ /*定位*/ border:2px solid #eeece1; height:35px; } .M1_exp_step_time{ position:absolute; top:10px; right:8px; /*font-family:Vwei;*/ } .M1_exp_item_time{ width:10%; background-color:#a6a6a6; border:2px solid #eeece1; /*/*font-family:Vwei;*/ } .M1_exp_item_content{ /*背景*/

background-color:white; /*溢出*/ 

   overflow :hidden;

/*边框*/ 

   padding:0px;

/*/*font-family:Vwei;*/ } .M1_exp_img{ color:#f31659; } .navi_text{ position:fixed; bottom:50px; right:180px; z-index:4; font-family:Arial; font-size:16px; text-align:center; line-height:40px; } .navi0{ position:fixed; top:360px; width:170px; height:38px; background:#b3d465; color:white; border:2px solid white; text-decoration: none; } .navi1{ position:fixed; top:400px; width:170px; height:38px; background:#b3d465; color:white; border:2px solid white; text-decoration: none; } .navi2{ position:fixed; top:440px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; } .navi3{ position:fixed; top:480px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; } .navi4{ position:fixed; top:520px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; } .navi5{ position:fixed; top:560px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; } .navi6{ position:fixed; top:600px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; } .sep_title{/*分界栏标题*/ position:absolute; top:50px; left:0px; font-family:Arial; font-weight:bold; font-size:42px; text-align:center; width:1340px; color:white; z-index:3; } .navigation{ position:absolute; top:10px; left:230px; width:900px; height:400px; z-index:3; } .sep_photo{/*分界栏图片位置*/ z-index:1; } .sep_number{/*分界栏数字*/ position:absolute; top:55px; left:245px; font-family:Agency FB; font-weight:bold; font-size:175px; color:#91b43f; z-index:2; } .body_heading{/*正文标题*/ font-family:Arial; font-size:30px; font-weight:bold; color:#b3d465; } .body_title{/*小标题*/ font-family:Arial; font-size:16px; font-weight:bold; color:#004986; margin-left:15px; margin-top:7px;

} .body_text{/*正文*/ font-family:Arial; font-size:16px; color:#707070; text-indent:25px; margin-top:7px; } h1{/*safety大标题 hp大标题*/ font-family:微软雅黑; font-weight:bold; font-size:30px; color:#b3d465; } h4{ font-family:微软雅黑; font-size:18px; font-weight:bold; color:#004986; } h3{/*小问题 日记文本中日期文字*/ font-family:微软雅黑; font-weight:bold; font-size:16px; color:#0075a9; } p{/*日记文本中的文字*/ font-family:微软雅黑; font-size:16px; color:#707070; } table,tr,td{ border:1px solid #707070; } h5{ font-family:Arial; font-size:18px; font-weight:bold; color:#004986; } .blank{ position:relative; margin-left:50px; width:1px; height:1px; }

Retrieved from "http://2013.igem.org/Team:XMU_Software"