Team:XMU Software/Team/css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#xmu_body{
+
#team{
-
      position:fixed;
+
-
      left:0px;
+
-
      top:0px;
+
-
      right:0px;
+
-
      bottom:0px;
+
-
      overflow-x:auto;
+
-
      background-color:white;
+
-
}
+
-
#xmu_software{
+
position:absolute;
position:absolute;
top:0px;
top:0px;
-
width:1348px;
+
left:0px;
-
padding:0px;
+
width:1347px;
 +
height:2000px;
}
}
-
#xmu_software_right_matrix{
+
#team_s1{
-
  position:absolute;
+
position:absolute;
-
  top:0px;
+
-
  right:0px;
+
-
  width:180px;
+
-
  height:67px;
+
-
  z-index:10;
+
-
}
+
-
#Index{
+
-
position:fixed;
+
top:0px;
top:0px;
left:0px;
left:0px;
}
}
-
#home_s2{
+
.team_title{
position:absolute;
position:absolute;
-
top:80px;
+
top:170px;
-
width:1366px;
+
width:1347px;
-
font-family:Arial;
+
text-align:center;
text-align:center;
-
}
+
font-family:Arial;
-
.teamname{
+
font-size:60px;
-
font-size:48px;
+
color:#ffffff;
color:#ffffff;
 +
font-weight:bold;
}
}
-
.schoolname{
+
.team_introduce{
-
position:relative;
+
-
top:30px;
+
-
font-size:30px;
+
-
color:#707070;
+
-
}
+
-
#home_s3{
+
position:absolute;
position:absolute;
-
top:200px;
+
top:250px;
-
left:250px;
+
left:333px;
-
width:1366px;
+
width:700px;
-
font-family:Arial;
+
        text-align:justify;
-
z-index:2;
+
font-family:Arial;
-
}
+
-
#jsddm{/*导航菜单*/
+
-
margin: 0;
+
-
padding:0;
+
-
}
+
-
#jsddm li{
+
-
float: left;
+
-
list-style: none;
+
font-size:18px;
font-size:18px;
 +
color:#ffffff;
font-weight:bold;
font-weight:bold;
-
    font-family:Arial;/*字体*/
 
}
}
-
#jsddm li a{
+
.navi_text{
-
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*/
+
-
}
+
-
#jsddm li ul{
+
-
margin: 0;
+
-
padding: 0;
+
-
position: absolute;
+
-
visibility: hidden;
+
-
border-top: 1px solid white;
+
-
}
+
-
#jsddm li ul li{
+
-
float: none;
+
-
display: inline;
+
-
}
+
-
#jsddm li ul li a{
+
-
width: auto;
+
-
background: #dbe8f1;
+
-
color:#0075a9;
+
-
}
+
-
#jsddm li ul li a:hover{
+
-
background: white;
+
-
opacity:0.2;
+
-
z-index:2;
+
-
}
+
-
.home_s3l1{
+
-
position:relative;
+
-
top:33px;
+
-
left:55px;
+
-
width:750px;
+
-
border-bottom: 2px solid white;
+
-
}
+
-
#home_s4{
+
position:fixed;
position:fixed;
-
top:280px;
+
bottom:50px;
-
left:433px;
+
right:180px;
-
width:500px;
+
z-index:4;
-
font-family:Arial;
+
font-family:Arial;
-
}
+
-
.home_s4t1{
+
-
font-size:32px;
+
-
color:#dc575c;
+
-
}
+
-
.home_s4t2{
+
-
font-size:40px;
+
-
color:#dc575c;
+
font-weight:bold;
font-weight:bold;
-
}
 
-
.home_s4t3{
 
-
font-size:40px;
 
-
color:#707070;
 
-
font-weight:bold;
 
-
}
 
-
.home_s4t4{
 
-
position:relative;
 
-
top:10px;
 
font-size:16px;
font-size:16px;
-
color:#707070;
+
text-align:center;
 +
line-height:40px;
}
}
-
 
+
.navi0{
-
#menubar{     
+
position:fixed;
-
z-index:10;
+
top:360px;
-
position: fixed;
+
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
color:white;
 +
border:2px solid white;
 +
text-decoration: none;
}
}
-
.right-menu{
+
.navi1{  
-
display:none;
+
-
}
+
-
#search-controls{
+
-
top:23px;
+
-
display:none;
+
position:fixed;
position:fixed;
 +
top:400px;
 +
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
color:white;
 +
border:2px solid white;
 +
text-decoration: none;
}
}
-
input.searchButton{
+
.navi2{  
-
color:black;
+
position:fixed;
 +
top:440px;
 +
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
border:2px solid white;
 +
color:white;
 +
text-decoration: none;
}
}
-
#searchGoButton{
+
.navi3{  
-
z-index:10;
+
position:fixed;
-
margin-left:5px;
+
top:480px;
-
display:none;
+
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
border:2px solid white;
 +
color:white;
 +
text-decoration: none;
}
}
-
#mw-searchButton{
+
.navi4{  
-
display:none;
+
position:fixed;
-
z-index:10;
+
top:520px;
-
}
+
width:170px;  
-
.C0{
+
height:38px;
-
/*font-family:Vwei;*/
+
background:#b3d465;
-
font-size:1em;
+
border:2px solid white;
-
width:100%;
+
color:white;
-
height:3em;
+
text-decoration: none;
-
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{
+
.navi5{  
-
width:100%;
+
position:fixed;
-
border-collapse:collapse;
+
top:560px;
-
}
+
width:170px;  
-
.C3_input,.C3_input_ABC,.C6_input,.C5_input,.C7_blur_2,.C7_input_C,.C10_input{/**********/
+
height:38px;
-
width:100%;
+
background:#b3d465;
-
border:1px solid white;
+
border:2px solid white;
-
/*font-family:con;*/
+
color:white;
-
font-size:1em;
+
text-decoration: none;
-
}
+
-
.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{ /*消失*/
+
.navi6{  
-
/*定位*/
+
position:fixed;
position:fixed;
-
left:25%;
+
top:600px;
-
right:41%;
+
width:170px;  
-
top:76px;
+
height:38px;
-
height:35px;
+
background:#b3d465;
-
/*边框*/
+
border:2px solid white;
-
border:1px solid white;
+
color:white;
-
border-radius:6px;
+
text-decoration: none;
-
/*背景*/
+
}
-
background-color:#96b2d7;
+
#team_m1{
-
/*存在*/
+
position:absolute;
-
display:none;
+
top:400px;
-
/*font-family:实验名;*/
+
-
    font-size:2.2em;
+
-
    text-indent:10px;
+
-
white-space:nowrap;  
+
-
overflow:hidden;
+
-
    text-overflow: ellipsis;
+
}
}
-
#M1_name_button{
+
.sep_photo{/*分界栏图片位置*/
-
position:fixed;
+
z-index:1;
-
left:25%;
+
-
right:41%;
+
-
z-index:-9;
+
}
}
-
.M1_exp{ /*消失*/
+
.sep_title{/*分界栏标题*/
-
 
+
position:absolute;
-
}
+
top:60px;
-
.M1_exp_stepBoard{
+
left:300px;
-
/*定位*/
+
font-family:Arial;
-
+
font-weight:bold;
-
width:100%;
+
font-size:54px;
-
border-collapse:collapse;
+
-
}
+
-
.M1_exp_stepInfo{
+
-
/*定位*/
+
-
+
-
    position:relative;
+
-
 
+
-
height:40px;
+
-
/*字体*/
+
color:white;
color:white;
-
/*边框*/
+
z-index:3;
-
border-top:2px solid #eeece1;
+
-
border-top-left-radius:15px;
+
-
/*背景*/
+
-
background-color:#c3d69b;
+
}
}
-
.M1_exp_step_name_button{
+
.sep_number{/*分界栏数字*/
position:absolute;
position:absolute;
-
left:15px;
+
top:55px;
-
    right:130px;
+
left:245px;
-
    top:0px;
+
font-family:Agency FB;
-
    bottom:0px;
+
font-weight:bold;
-
    padding:0px;
+
font-size:105px;
-
border:0px solid #c3d69b;
+
color:#91b43f;
 +
z-index:2;
}
}
-
.M1_exp_step_name{
+
.navigation{
-
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;
position:absolute;
-
top:10px;
+
top:10px;
-
right:8px;
+
left:230px;
-
/*font-family:Vwei;*/
+
width:900px;
-
}
+
height:400px;
-
.M1_exp_item_time{
+
z-index:3;
-
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;
+
}
}

Revision as of 15:08, 22 October 2013

  1. team{

position:absolute; top:0px; left:0px; width:1347px; height:2000px; }

  1. team_s1{

position:absolute; top:0px; left:0px; } .team_title{ position:absolute; top:170px; width:1347px; text-align:center; font-family:Arial; font-size:60px; color:#ffffff; font-weight:bold; } .team_introduce{ position:absolute; top:250px; left:333px; width:700px; 

       text-align:justify;

font-family:Arial; font-size:18px; color:#ffffff; font-weight:bold; } .navi_text{ position:fixed; bottom:50px; right:180px; z-index:4; font-family:Arial; font-weight:bold; 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; }

  1. team_m1{

position:absolute; top:400px; } .sep_photo{/*分界栏图片位置*/ z-index:1; } .sep_title{/*分界栏标题*/ position:absolute; top:60px; left:300px; font-family:Arial; font-weight:bold; font-size:54px; color:white; z-index:3; } .sep_number{/*分界栏数字*/ position:absolute; top:55px; left:245px; font-family:Agency FB; font-weight:bold; font-size:105px; color:#91b43f; z-index:2; } .navigation{ position:absolute; top:10px; left:230px; width:900px; height:400px; z-index:3; }

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