Team:XMU Software/css

From 2013.igem.org

(Difference between revisions)
Line 88: Line 88:
/*home.css***********************************************************************************************************/
/*home.css***********************************************************************************************************/
#xmu-software{
#xmu-software{
-
position:absolute;
+
position:fixed;
top:0px;
top:0px;
left:0px;
left:0px;

Revision as of 03:22, 13 September 2013

/*字体*/ @font-face{/*分界栏数字*/ font-family:数字; src: url('font/BEBAS___.ttf'); } @font-face{/*月份栏*/ font-family:标题; src: url('font/GIL.TTF'); } .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; } /*home.css***********************************************************************************************************/

  1. xmu-software{

position:fixed; top:0px; left:0px; width:1348px; padding:0px; overflow-y:auto; }

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

position:absolute; background:url(images/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(images/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:Gill Sans MT; font-size:64px; font-weight:900; position:absolute; top:195px; left:230px; color:white; } .team_introduce{/*页眉简介*/ font-family:Arial; font-size:16px; position:absolute; top:260px; left:600px; color:white; width:650px; text-indent:30px; }

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

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