Team:XMU Software/Team/css

From 2013.igem.org

(Difference between revisions)
Line 141: Line 141:
z-index:3;
z-index:3;
}
}
 +
/*ourteam.css***********************************************************************************************************/
 +
#ourteam{
 +
position:absolute;
 +
background-color:#fefef2;
 +
width:1335px;
 +
top:485px;
 +
left:0px;
 +
}
 +
#team_member{
 +
position:absolute;
 +
top:135px;
 +
width:1348px;
 +
height:850px;
 +
}
 +
#team_m2t1{
 +
position:absolute;
 +
top:200px;
 +
left:20%;
 +
z-index:10;
 +
}
 +
#team_m3{
 +
position:absolute;
 +
top:985px;
 +
width:1348px;
 +
height:800px;
 +
background-color:#eff0e2;
 +
}
 +
#team_instructor{
 +
position:absolute;
 +
left:20%;
 +
}
 +
.name{
 +
font-family:Arial;
 +
font-size:24px;
 +
font-weight:bold;
 +
color:#004986;
 +
margin-left:25px;
 +
}
 +
.team_m3t1{
 +
position:relative;
 +
top:-250px;
 +
left:230px;
 +
width:600px;
 +
height:244px;
 +
padding:3px 20px;
 +
background-color:#fefef2;
 +
}
 +
#team_m3n1{
 +
position:absolute;
 +
top:50px;
 +
}
 +
#team_m3n2{
 +
position:absolute;
 +
top:320px;
 +
}
 +
#team_m4{
 +
position:absolute;
 +
top:1600px;
 +
width:1348px;
 +
height:900px;
 +
background-color:#eff0e2;
 +
}
 +
#team_advisor{
 +
position:absolute;
 +
left:20%;
 +
}
 +
#team_m4n1{
 +
position:absolute;
 +
top:50px;
 +
}
 +
#team_m4n2{
 +
position:absolute;
 +
top:320px;
 +
}
 +
#team_m4n3{
 +
position:absolute;
 +
top:590px;
 +
}
 +
/*member.css***********************************************************************************************************/
/*member.css***********************************************************************************************************/
#member{
#member{

Revision as of 16:19, 22 October 2013

  1. team{

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

  1. team_s1{

position:absolute; top:0px; left:0px; z-index:1; } .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:50px; left:0px; font-family:Arial; font-weight:bold; font-size:54px; text-align:center; width:1340px; color:white; z-index:3; } .navigation{ position:absolute; top:10px; left:230px; width:900px; height:400px; z-index:3; } /*ourteam.css***********************************************************************************************************/

  1. ourteam{

position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; }

  1. team_member{

position:absolute; top:135px; width:1348px; height:850px; }

  1. team_m2t1{

position:absolute; top:200px; left:20%; z-index:10; }

  1. team_m3{

position:absolute; top:985px; width:1348px; height:800px; background-color:#eff0e2; }

  1. team_instructor{

position:absolute; left:20%; } .name{ font-family:Arial; font-size:24px; font-weight:bold; color:#004986; margin-left:25px; } .team_m3t1{ position:relative; top:-250px; left:230px; width:600px; height:244px; padding:3px 20px; background-color:#fefef2; }

  1. team_m3n1{

position:absolute; top:50px; }

  1. team_m3n2{

position:absolute; top:320px; }

  1. team_m4{

position:absolute; top:1600px; width:1348px; height:900px; background-color:#eff0e2; }

  1. team_advisor{

position:absolute; left:20%; }

  1. team_m4n1{

position:absolute; top:50px; }

  1. team_m4n2{

position:absolute; top:320px; }

  1. team_m4n3{

position:absolute; top:590px; }

/*member.css***********************************************************************************************************/

  1. member{

position:absolute; top:0px; left:0px; width:1348px; height:850px; background-color:#eff0e2; overflow-x:hidden; }

  1. A{

position:absolute; top:-200px; left:-40px; } .tx{ height:150px; }

  1. T1{

position: absolute; left:620px; top: 270px; z-index:5; }

  1. TT1{

position: absolute; left:620px; top: 270px; z-index:4; }

  1. T2{

position: absolute; left:480px; top: 320px; z-index:5; }

  1. TT2{

position: absolute; left:480px; top: 320px; z-index:4; }

  1. T3{

position: absolute; left:760px; top: 320px; z-index:5; }

  1. TT3{

position: absolute; left:760px; top: 320px; z-index:4; }

  1. T4{

position: absolute; left:380px; top: 430px; z-index:5; }

  1. TT4{

position: absolute; left:380px; top: 430px; z-index:4; }

  1. T5{

position: absolute; left:860px; top: 430px; z-index:5; }

  1. TT5{

position: absolute; left:860px; top: 430px; z-index:4; }

  1. T6{

position: absolute; left:365px; top: 580px; z-index:5; }

  1. TT6{

position: absolute; left:365px; top: 580px; z-index:4; }

  1. T7{

position: absolute; left:875px; top: 580px; z-index:5; }

  1. TT7{

position: absolute; left:875px; top: 580px; z-index:4; }

  1. T8{

position: absolute; left:420px; top: 720px; z-index:5; }

  1. TT8{

position: absolute; left:420px; top: 720px; z-index:4; }

  1. T9{

position: absolute; left:820px; top: 720px; z-index:5; }

  1. TT9{

position: absolute; left:820px; top: 720px; z-index:4; }

  1. T10{

position: absolute; left:545px; top: 810px; z-index:5; }

  1. TT10{

position: absolute; left:545px; top: 810px; z-index:4; }

  1. T11{

position: absolute; left:695px; top: 810px; z-index:5; }

  1. TT11{

position: absolute; left:695px; top: 810px; z-index:4; }

  1. T12{

position: absolute; top:477px; left:556px; width:290px; height:290px; border-radius:145px; background:#cdea8b; } .yk{ position:absolute; top:120px; left:45px; font-family:Arial; font-size:48px; font-weight:bold; color:white; } .wcleft{ position:absolute; top:430px; left:820px; z-index:6; display:none; } .w2left{ position:absolute; top:506px; left:814px; z-index:6; display:none; } .w3left{ position:absolute; top:575px; left:828px; z-index:6; display:none; } .wcright{ position:absolute; top:425px; left:61px; z-index:6; display:none; } .w2right{ position:absolute; top:502px; left:54px; z-index:6; display:none; } .w3right{ position:absolute; top:571px; left:68px; z-index:6; display:none; }

  1. A2{

position: absolute; top:1000px; }

  1. A3{

position: absolute; top: 1500px; }