Talk:Team:XMU Software/css

From 2013.igem.org

(Difference between revisions)
Line 591: Line 591:
font-size:80px;
font-size:80px;
font-weight:bold;
font-weight:bold;
-
position:absolute;
+
position:fixed;
top:260px;
top:260px;
left:200px;
left:200px;
color:white;
color:white;
 +
z-index:4;
}
}
.project_introduce{/*页眉简介*/
.project_introduce{/*页眉简介*/

Revision as of 07:01, 14 September 2013

/*字体*/ @font-face{/*月份栏*/ font-family:标题; src: url('font/GIL.TTF'); } /*home.css***********************************************************************************************************/

  1. xmu_software{

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

  1. title{/*导航菜单外*/

position:absolute; background:url(Xmusoftware_title.png); background-repeat: no-repeat; left:0px; top:-10px; width:1348px; height:400px; z-index:3; overflow:hidden; }

  1. title_s1{/*导航菜单内*/

position:absolute; width:1348px; height:400px; top:15px; margin-left:180px; }

  1. home{/*首页框架*/

background:url(Xmusoftware_home_background.jpg); position:absolute; top:-10px; left:0px; width:1348px; height:1990px; overflow-y:auto; overflow-x:hidden; padding:0px; z-index:1; }

  1. home_s1{/*焦点图*/

position:absolute; top:485px; left:160px; width:1000px; height:650px; z-index:2; }

  1. home_s2{/*文字说明框架*/

position:absolute; top:890px; left:390px; width:650px; } .home_s2t1{/*文字*/ font-family:微软雅黑; font-size:16px; color:#707070; }

  1. home_s3{/*5个书签位置*/

position:absolute; top:845px; left:176px; } .home_s3p1{/*5个书签位置*/ margin-top:-8px; }

  1. home_s4{/*赞助商图标*/

position:absolute; top:1850px; margin-left:300px; }

  1. hp,#safety,#notebook,#project,#team{

display:none; }

/*title.css***********************************************************************************************************/ .clear{ clear: both; overflow: hidden; height: 0; }

  1. all{/*js位置*/

width: 100%; min-width: 650px; margin:0px auto 0px auto; padding:0px; }

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

margin: 0; padding:0; }

  1. jsddm li{

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

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

}

  1. 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; }

  1. jsddm li a:hover{

background: #b6d1e6; }

  1. jsddm li ul{

margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; }

  1. jsddm li ul li{

float: none; display: inline; }

  1. jsddm li ul li a{

width: auto; background: #dbe8f1; color:#0075a9; }

  1. jsddm li ul li a:hover{

background: #a9c885; opacity:0.7; }

/*photo.css***********************************************************************************************************/ img { border: 0px; }

  1. 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***********************************************************************************************************/

  1. 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;

}

  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%; } .team_m3t1{ position:relative; top:-250px; left:230px; width:600px; 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; }

  1. acknowledgement{

position:absolute; background-color:#eff0e2; width:1348px; height:400px; top:2980px; left:0px; }

  1. ack_m2{

position:absolute; top:150px; left:20%; width:800px; background-color:#fefef2; }

  1. city{

position:absolute; background-color:#eff0e2; width:1348px; height:1000px; top:3380px; left:0px; }

  1. 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; }

  1. 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***********************************************************************************************************/

  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; }

/*project.css***********************************************************************************************************/

  1. 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; }

  1. terminator{

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

  1. 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; }

  1. RBS{

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

  1. RBS_m2{

position:absolute; left:20%; width:800px; }

  1. promoter{

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

  1. promoter_m2{

position:absolute; left:20%; width:800px; }

  1. protein{

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

  1. protein_m2{

position:absolute; left:20%; width:800px; }

/*safetyform.css***********************************************************************************************************/

  1. 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; }

  1. safety_s1{/*内容框架外*/

position:absolute; background-color:#fefef2; width:1335px; }

  1. 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***********************************************************************************************************/

  1. hp_s1{/*页眉照片*/

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

  1. 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; }

  1. 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***********************************************************************************************************/

  1. 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; }

  1. notebook_s2{/*工具栏位置*//*工具栏*/

position:absolute; background-color:#fefef2; width:1335px; top:485px; left:0px; } .notebook_s2p1{/*分界栏图片位置*/ z-index:1; }

  1. notebook_s2m2{/*3个工具位置*/

position:absolute; top:200px; left:15%; }

  1. notebook_s2m2p1{/*XMind白色圆位置*/

position:absolute; top:20px; left:200px; width:120px; height:120px; border-radius:60px; background:#ededeb; z-index:2; }

  1. notebook_s2m2p2{/*PowerPoint白色圆位置*/

position:absolute; top:220px; left:350px; width:120px; height:120px; border-radius:60px; background:#ededeb; z-index:2; }

  1. 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; }

  1. notebook_s2m2t1{/*xmind位置*/

position:absolute; top:-5px; left:235px; }

  1. notebook_s2m2t2{/*ppt位置*/

position:absolute; top:350px; left:355px; }

  1. 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; }

  1. 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; }

  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; }

  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; }

  1. 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; }

  1. notebook_s2m2n5{/*工具标题位置，文字*/

position:absolute; top:200px; left:205px; font-family:Arial; font-weight:bold; font-size:36px; color:#b2d365; }

  1. notebook_s3{/*日记+分界栏位置*/

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

  1. notebook_s3m2{/*日记位置*/

position:absolute; top:210px; left:22%; width:800px; }

  1. 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; }

  1. notebook_s3m2n2{/*日记1,3.30日*/

display:none; }

  1. notebook_s3m2n1,#notebook_s3m2n3,#notebook_s3m2n5,#notebook_s3m2n7,#notebook_s3m2n9,#notebook_s3m2n11,#notebook_s3m2n13,#notebook_s3m2n15{/*月份栏*/

position:relative; margin-top:-30px; z-index:2; }

  1. notebook_s3m2n4,#notebook_s3m2n6,#notebook_s3m2n8,#notebook_s3m2n10,#notebook_s3m2n12,#notebook_s3m2n14,#notebook_s3m2n16{/*日记 45678910月*/

position:relative; top:3px; z-index:2; display:none; }

  1. 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; }

  1. 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; }

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