Talk:Team:XMU Software/css
From 2013.igem.org
YuezhenChen (Talk | contribs) |
YuezhenChen (Talk | contribs) |
||
Line 5: | Line 5: | ||
} | } | ||
.blank{ | .blank{ | ||
- | margin-left: | + | margin-left:100px; |
} | } | ||
/*home.css***********************************************************************************************************/ | /*home.css***********************************************************************************************************/ |
Revision as of 07:05, 14 September 2013
/*字体*/ @font-face{/*月份栏*/ font-family:标题; src: url('font/GIL.TTF'); } .blank{ margin-left:100px; } /*home.css***********************************************************************************************************/
- xmu_body{
}
- xmu_software{
position:fixed; top:0px; left:0px; width:1348px; }
- title{/*导航菜单外*/
position:absolute; background:url(); background-repeat: no-repeat; left:0px; top:-10px; width:1348px; height:400px; z-index:3; overflow:hidden; }
- title_s1{/*导航菜单内*/
position:absolute; width:1348px; height:400px; top:15px; margin-left:180px; }
- home{/*首页框架*/
background:url(); position:absolute; top:-10px; left:0px; width:1348px; height:1990px; overflow-y:auto; overflow-x:hidden; padding:0px; z-index:1; }
- home_s1{/*焦点图*/
position:absolute; top:485px; left:160px; width:1000px; height:650px; z-index:2; }
- home_s2{/*文字说明框架*/
position:absolute; top:890px; left:390px; width:650px; } .home_s2t1{/*文字*/ font-family:微软雅黑; font-size:16px; color:#707070; }
- home_s3{/*5个书签位置*/
position:absolute; top:845px; left:176px; } .home_s3p1{/*5个书签位置*/ margin-top:-8px; }
- home_s4{/*赞助商图标*/
position:absolute; top:1850px; margin-left:300px; }
- hp,#safety,#notebook,#project,#team{
display:none; }
/*title.css***********************************************************************************************************/ .clear{ clear: both; overflow: hidden; height: 0; }
- all{/*js位置*/
width: 100%; min-width: 650px; margin:0px auto 0px auto; padding:0px; }
- jsddm{/*导航菜单*/
margin: 0; padding:0; }
- jsddm li{
float: left; list-style: none; font-size:22px; font-weight:bold;
font-family:Arial;/*字体*/
}
- jsddm li a{
display: block; padding: 13px; text-align:center; text-decoration: none;/*border-right: 1px solid white;中间分割白线*/ width: 120px; height:33px; color:white; white-space: nowrap; }
- jsddm li a:hover{
background: #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: #a9c885; opacity:0.7; }
/*photo.css***********************************************************************************************************/ img { border: 0px; }
- banner {
margin: 30px auto 0px auto; padding: 0px; width: 950px; height: 400px; } .slides { margin: 0px auto; width: 700px; height: 350px; overflow: hidden; position: relative; } .slide-pic { margin: 0px; padding: 0px; width: 950px; overflow: hidden; list-style: none; } .slide-pic img { width: 700px; height: 350px; } .slide-pic li { display: none; } .slide-pic li.cur { display: block; } .slide-li { margin: 0px; padding: 0px; left: 0px; bottom: 0px; position: absolute; } .slide-li li { margin: 0px; padding: 0px; width: 140px; height: 10px; float: left; overflow: hidden; list-style: none; } .slide-li a { width: 190px; height: 10px; color: #000; font-size: 12px; display: block; } .slide-li a:hover { color: #F00; text-decoration: none; } .op li { background: #999999; filter: alpha(opacity=60); opacity: 0.6; } .op li.cur { background: #666666; } .slide-txt span { display: none; }
/*team.css***********************************************************************************************************/
- team_s1{
position:absolute; padding:0px; left:0px; top:0px; } .team_title{/*页眉大字*/ font-family:Agency FB; font-size:110px; font-weight:bold; position:relative;
top:195px; left:235px;
color:white;
z-index:13;
} .team_introduce{/*页眉简介*/ font-family:Arial; font-size:16px; position:absolute; top:60px; left:60px; color:white; width:650px; text-indent:30px;
z-index:3;
}
- 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%; } .team_m3t1{ position:relative; top:-250px; left:230px; width:600px; 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; }
- acknowledgement{
position:absolute; background-color:#eff0e2; width:1348px; height:400px; top:2980px; left:0px; }
- ack_m2{
position:absolute; top:150px; left:20%; width:800px; background-color:#fefef2; }
- city{
position:absolute; background-color:#eff0e2; width:1348px; height:1000px; top:3380px; left:0px; }
- city_m2{
position:absolute; left:20%; } .city_m2t1{ position:relative; top:30px; width:530px; height:350px; background-color:#fefef2; } .city_m2p1{ position:absolute; top:30px; left:550px; }
- city_m3{
position:absolute; top:530px; left:20%; } .city_m2t2{ position:relative; top:30px; width:530px; height:350px; left:320px; background-color:#fefef2; } .city_m2p2{ position:absolute; top:30px;
}
/*member.css***********************************************************************************************************/
- member{
position:absolute; top:0px; left:0px; width:1348px; height:850px; background-color:#eff0e2; overflow-x:hidden; }
- A{
position:absolute; top:-200px; left:-40px; } .tx{ height:150px; }
- T1{
position: absolute; left:620px; top: 270px; z-index:5; }
- TT1{
position: absolute; left:620px; top: 270px; z-index:4; }
- T2{
position: absolute; left:480px; top: 320px; z-index:5; }
- TT2{
position: absolute; left:480px; top: 320px; z-index:4; }
- T3{
position: absolute; left:760px; top: 320px; z-index:5; }
- TT3{
position: absolute; left:760px; top: 320px; z-index:4; }
- T4{
position: absolute; left:380px; top: 430px; z-index:5; }
- TT4{
position: absolute; left:380px; top: 430px; z-index:4; }
- T5{
position: absolute; left:860px; top: 430px; z-index:5; }
- TT5{
position: absolute; left:860px; top: 430px; z-index:4; }
- T6{
position: absolute; left:365px; top: 580px; z-index:5; }
- TT6{
position: absolute; left:365px; top: 580px; z-index:4; }
- T7{
position: absolute; left:875px; top: 580px; z-index:5; }
- TT7{
position: absolute; left:875px; top: 580px; z-index:4; }
- T8{
position: absolute; left:420px; top: 720px; z-index:5; }
- TT8{
position: absolute; left:420px; top: 720px; z-index:4; }
- T9{
position: absolute; left:820px; top: 720px; z-index:5; }
- TT9{
position: absolute; left:820px; top: 720px; z-index:4; }
- T10{
position: absolute; left:545px; top: 810px; z-index:5; }
- TT10{
position: absolute; left:545px; top: 810px; z-index:4; }
- T11{
position: absolute; left:695px; top: 810px; z-index:5; }
- TT11{
position: absolute; left:695px; top: 810px; z-index:4; }
- 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; }
- A2{
position: absolute; top:1000px; }
- A3{
position: absolute; top: 1500px; }
/*project.css***********************************************************************************************************/
- project_s1{
position:absolute; padding:0px; left:0px; top:0px; } .project_title{/*页眉大字*/ font-family:Agency FB; font-size:80px; font-weight:bold; position:fixed; top:260px; left:200px; color:white; z-index:4; } .project_introduce{/*页眉简介*/ font-family:Arial; font-size:16px; position:absolute; top:260px; left:600px; color:white; width:650px; text-indent:30px; }
- terminator{
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; display:none; }
- terminator_m2{
position:absolute; left:20%; width:800px; } .body_references{ font-family:Arial; font-size:12px; color:#707070; text-indent:30px; margin-top:7px; margin-left:15px; } .body_photo{ text-align:center; margin-top:10px; }
- RBS{
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; display:none; }
- RBS_m2{
position:absolute; left:20%; width:800px; }
- promoter{
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; }
- promoter_m2{
position:absolute; left:20%; width:800px; }
- protein{
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; display:none; }
- protein_m2{
position:absolute; left:20%; width:800px; }
/*safetyform.css***********************************************************************************************************/
- safety_s0{/*页眉照片*/
position:absolute; padding:0px; left:0px; top:0px; } .safety_s0t1{/*页眉大字*/ font-family:Gill Sans MT; font-size:64px; font-weight:bold; position:absolute; top:195px; left:200px; color:white; }
- safety_s1{/*内容框架外*/
position:absolute; background-color:#fefef2; width:1335px; }
- safety_s1m1{/*内容框架内*/
position:absolute; top:485px; left:15%; right:15%; } .safety_s1h1{/*大标题*/ font-family:微软雅黑; font-size:30px; font-weight:bold; color:#b3d465; margin-left:10px; } .safety_s1h2{/*大问题*/ font-family:微软雅黑; font-size:16px; font-weight:bold; color:#004986; margin-left:5px; } .safety_s1h3{/*小问题*/ font-family:微软雅黑; font-size:14px; font-weight:bold; color:#0075a9; margin-left:15px; margin-top:7px; } .safety_s1a1{/*回答*/ font-family:微软雅黑; font-size:14px; color:#707070; margin-left:15px; margin-top:7px; }
/*outreach.css***********************************************************************************************************/
- hp_s1{/*页眉照片*/
position:absolute; top:0px; left:0px; }
- hp_s2{/*内容框架外*/
position:absolute; background-color:#fefef2; width:1335px; } .hp_s0t1{/*页眉大字*/ font-family:Gill Sans MT; font-size:42px; font-weight:bold; position:absolute; top:200px; left:200px; color:white; } .hp_s0t2{/*页眉介绍文字*/ font-family:微软雅黑; font-size:16px; position:absolute; top:250px; left:600px; color:white; width:650px; text-indent:30px; }
- hp_s2m1{/*内容框架内*/
position:absolute; top:485px; left:15%; right:15%; } .hp_s2h1{/*大标题*/ font-family:微软雅黑; font-size:30px; font-weight:bold; color:#b3d465; } .hp_s2t1{/*文字*/ font-family:微软雅黑; font-size:14px; color:#707070; margin-top:15px; } .hp_s2t2{/*照片下的小文字*/ font-family:微软雅黑; font-size:12px; color:#707070; } .hp_s2p1{/*照片位置*/ margin-left:20px; margin-top:15px; }
/*notebook.css***********************************************************************************************************/
- notebook_s1{/*页眉位置*/
position:absolute; top:0px; left:0px; } .notebook_title{ font-family:Gill Sans MT; font-size:42px; font-weight:bold; position:absolute; top:200px; left:200px; color:white; }
- notebook_s2{/*工具栏位置*//*工具栏*/
position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; } .notebook_s2p1{/*分界栏图片位置*/ z-index:1; }
- notebook_s2m2{/*3个工具位置*/
position:absolute; top:200px; left:15%; }
- notebook_s2m2p1{/*XMind白色圆位置*/
position:absolute; top:20px; left:200px; width:120px; height:120px; border-radius:60px; background:#ededeb; z-index:2; }
- notebook_s2m2p2{/*PowerPoint白色圆位置*/
position:absolute; top:220px; left:350px; width:120px; height:120px; border-radius:60px; background:#ededeb; z-index:2; }
- notebook_s2m2p3{/*Robert's Rules of Order白色圆位置*/
position:absolute; top:220px; left:50px; width:120px; height:120px; border-radius:60px; background:#ededeb; z-index:2; } .notebook_s2m2p1{/*3个工具图片相对白色背景位置*/ position:relative; top:7px; left:7px; }
- notebook_s2m2t1{/*xmind位置*/
position:absolute; top:-5px; left:235px; }
- notebook_s2m2t2{/*ppt位置*/
position:absolute; top:350px; left:355px; }
- notebook_s2m2t3{/*robert位置*/
position:absolute; top:350px; left:0px; width:250px; } .notebook_s2t3{/*3个工具名称文字*/ font-family:Arial; font-weight:bold; font-size:20px; color:#707070; }
- notebook_s2m2b1{/*左绿色粗线*/
position:absolute; top:70px; left:180px; transform: rotate(30deg); -ms-transform: rotate(30deg); /* IE 9 */ -webkit-transform: rotate(30deg); /* Safari and Chrome */ -o-transform: rotate(30deg); /* Opera */ -moz-transform: rotate(30deg); /* Firefox */ z-index:1; }
- notebook_s2m2b2{/*右绿色粗线*/
position:absolute; top:80px; left:330px; transform: rotate(-30deg); -ms-transform: rotate(-30deg); /* IE 9 */ -webkit-transform: rotate(-30deg); /* Safari and Chrome */ -o-transform: rotate(-30deg); /* Opera */ -moz-transform: rotate(-30deg); /* Firefox */ z-index:1; }
- notebook_s2m2b3{/*下绿色粗线*/
position:absolute; top:170px; left:230px; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ -o-transform: rotate(90deg); /* Opera */ -moz-transform: rotate(90deg); /* Firefox */ z-index:1; } .notebook_s2m2b1{/*绿色粗线样式*/ width:30px; height:250px; background:#b2d365; }
- notebook_s2m2n4{/*文本框位置*/
position:absolute; top:10px; left:550px; width:500px; } .notebook_s2t4{/*工具名称文字*/ font-family:Arial; font-weight:bold; font-size:20px; color:#6ba4ad; } .notebook_s2t5{/*工具简介文字*/ font-family:Arial; font-weight:bold; font-size:16px; color:#707070; text-indent:20px; }
- notebook_s2m2n5{/*工具标题位置,文字*/
position:absolute; top:200px; left:205px; font-family:Arial; font-weight:bold; font-size:36px; color:#b2d365; }
- notebook_s3{/*日记+分界栏位置*/
position:absolute; background-color:#fefef2; width:1335px; top:1130px; left:0px; }
- notebook_s3m2{/*日记位置*/
position:absolute; top:210px; left:22%; width:800px; }
- notebook_s3m2n0{/*镂空圆,位置上*/
position:absolute; top:-70px; left:3px; z-index:3; } .notebook_s3p0{/*镂空圆-绿色大圆*/ position:relative; width:46px; height:46px; border-radius:23px; background:#b2d365; z-index:4; } .notebook_s3p00{/*镂空圆-白色小圆*/ position:relative; width:30px; height:30px; margin-top:-38px; margin-left:8px; border-radius:15px; background:#fefef2; z-index:5; } .notebook_s3t1{/*月份英文文字*/ position:absolute; top:7px; left:130px; font-family:标题; font-weight:bold; font-size:48px; color:#afaf9e; } .notebook_s3t2{/*月份数字文字*/ position:absolute; top:15px; left:630px; font-family:标题; font-weight:bold; font-size:36px; color:#639caa; } .notebook_s3t3{ /*日记框*/ border-left:10px solid #b2d365; padding:0px 0px 0px 35px; margin-left:22px; } .notebook_s3m2p1{/*左边小圆位置,3月*/ position:absolute; top:80px; left:12px; } .notebook_s3m2p2{/*左边小圆位置,45678910月*/ position:absolute; top:20px; left:12px; } .notebook_s3p1{/*左边小圆,绿色*/ position:relative; width:30px; height:30px; border-radius:15px; background-color:#cdea8b; margin-top:20px; margin-left:0px; } .notebook_s3p2{/*左边小圆,深黄色*/ position:relative; width:30px; height:30px; border-radius:15px; background-color:#ffa801; margin-top:20px; margin-left:0px; } .notebook_s3m2t1{/*左边日期,3月*/ position:absolute; top:40px; left:-55px; font-family:Arial; font-weight:bold; font-size:16px; text-align:right; color:#b2d365; } .notebook_s3m2t2{/*左边日期,45678910月*/ position:absolute; top:-20px; left:-55px; font-family:Arial; font-weight:bold; font-size:16px; text-align:right; color:#b2d365; } .notebook_s3t4{/*日记类型,实验日记,会议日记*/ position:relative; top:32px; left:27px; margin-top:32px; margin-left:0px; } .notebook_s3t5{/*会议日记,日期数字文字*/ position:absolute; left:10px; margin-top:15px; margin-left:0px; } .notebook_s3t6{/*实验日记,日期数字文字*/ position:relative; top:80px; left:27px; margin-top:32px; margin-left:0px; }
- notebook_s3m2n2{/*日记1,3.30日*/
display:none; }
- notebook_s3m2n1,#notebook_s3m2n3,#notebook_s3m2n5,#notebook_s3m2n7,#notebook_s3m2n9,#notebook_s3m2n11,#notebook_s3m2n13,#notebook_s3m2n15{/*月份栏*/
position:relative; margin-top:-30px; z-index:2; }
- notebook_s3m2n4,#notebook_s3m2n6,#notebook_s3m2n8,#notebook_s3m2n10,#notebook_s3m2n12,#notebook_s3m2n14,#notebook_s3m2n16{/*日记 45678910月*/
position:relative; top:3px; z-index:2; display:none; }
- notebook_s3m2n17{/*镂空小圆,位置下*/
position:absolute; margin-top:-5px; margin-left:4px; } .note1h1{/*日记文本中日期文字*/ font-family:Arial; font-weight:bold; font-size:24px; text-indent:20px; color:#639caa; } .note1t1{/*日记文本中的文字*/ font-family:Arial; font-size:14px; color:#707070; text-indent:20px; margin-top:7px; }
- note3,#note4,#note5,#note7,#note8,#note9,#note11,#note12,#note13,#note14,#note16,#note17,#note18{/*文本隐藏*/
display:none; }
/*publick.css***********************************************************************************************************/ .sep_photo{/*分界栏图片位置*/ z-index:1; } .sep_title{/*分界栏标题*/ position:absolute; top:35px; left:300px; font-family:Arial; font-weight:bold; font-size:54px; color:white; z-index:3; } .sep_number{/*分界栏数字*/ position:absolute; top:-40px; left:250px; font-family:数字; font-weight:bold; font-size:150px; 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; } /*navi.css***********************************************************************************************************/ .navi_text{ position:fixed; float:right; right:150px; bottom:50px; z-index:4; font-family:Arial; font-weight:bold; font-size:16px; text-align:center; line-height:40px; } .navi1{ position:fixed; top:400px; right:20px; width:170px; height:38px; background:#b3d465; color:white; border:2px solid white; text-decoration: none; } .navi2{ position:fixed; top:440px; right:20px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; } .navi3{ position:fixed; top:480px; right:20px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; } .navi4{ position:fixed; top:520px; right:20px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; } .navi5{ position:fixed; top:560px; right:20px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; } .navi6{ position:fixed; top:600px; right:20px; width:170px; height:38px; background:#b3d465; border:2px solid white; color:white; text-decoration: none; }