Team:XMU Software/css

From 2013.igem.org

(Difference between revisions)

Revision as of 16:03, 28 October 2013

xmu_body{

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

}

xmu_software{

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

xmu_software_right_matrix{

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

}

Index{

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

home_s2{

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

home_s3{

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

jsddm{/*导航菜单*/

margin: 0; padding:0; }

jsddm li{

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

   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:710px; border-bottom: 2px solid white; }

home_s4{

position:absolute; top:190px; 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; }

menubar{

z-index:10; 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;

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:250px; width:900px; height:400px; z-index:3; } .sep_photo{/*分界栏图片位置*/ z-index:1; } .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:Arial; font-weight:bold; font-size:30px; color:#b3d465; } h4{ font-family:Arial; font-size:18px; font-weight:bold; color:#004986; } h3{/*小问题日记文本中日期文字*/ font-family:Arial; font-weight:bold; font-size:16px; color:#0075a9; } 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; } div, ul, li { margin: 0; padding: 0; border: 0; } ul, li { list-style-type: none; text-transform: capitalize; } .nav { font-size: 12px; width: 800px; margin: 10px auto 0; border-bottom: white solid 2px; height: 42px; line-height: 42px; position: relative; z-index: 10; position:fixed}

   .nav a { text-decoration: none; }

.navmain { height: 42px; padding: 0 5px; background: rgba(0,0,0,0) repeat-x 0 top; position: relative; }

nav_all { height: 42px; float: center; line-height: 42px; position: relative; z-index: 222; }

   #nav_all li { text-align: center; float: left;margin-left:30px; }
       #nav_all li a { font-family:Arial;color: white; display: inline-block; font-size: 18px; cursor: pointer; padding: 0 11px 0 12px; _padding: 0 8px; height: 42px; line-height: 42px; white-space: nowrap; }
           #nav_all li a:hover {  center 33px no-repeat; height: 38px; line-height: 38px; background:#becbad; overflow: hidden; }
       #nav_all li ul { display: none; position: absolute; z-index: 99; width: 980px; left: -6px; top: 43px; }
   #nav_all ul li { background-image: none; line-height: 32px; height: 32px; padding-top: 0px; padding: 0;margin-left:0px; font-size:12px; }
       #nav_all ul li a { background-image: none; padding: 0px 10px; margin: 0px; height: 32px; line-height: 32px; color: #fff; font-weight: normal; background: rgba(0,0,0,0); border: none; }
           #nav_all ul li a:hover { background-image: none; padding: 0px 10px; margin: 0px auto; height: 32px; line-height: 32px; color: #FFF; background: rgba(255,255,255,0.3); border-top: none; }