Team:XMU Software/css

From 2013.igem.org

(Difference between revisions)
(Created page with "@charset "utf-8"; body { font-weight: normal; color: #333; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Microsoft YaHei, Lucida Grande, ...")
Line 1: Line 1:
-
@charset "utf-8";
+
/*字体*/
-
body { font-weight: normal; color: #333; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Microsoft YaHei, Lucida Grande, "微软雅黑"; font-size: 12px; }
+
@font-face{/*分界栏数字*/
-
a, a:hover { color: #A60004; text-decoration: none; }
+
font-family:数字;
-
    a, a:hover, .tingico { -webkit-transition: all 0.25s linear 0.01s; -moz-transition: all 0.25s linear 0.01s; -ms-transition: all 0.25s linear 0.01s; -o-transition: all 0.25s linear 0.01s; transition: all 0.25s linear 0.01s; }
+
src: url('font/BEBAS___.ttf');
-
ul { margin: 0px; padding: 0px; }
+
}
-
li { list-style-image: none; list-style-type: none; }
+
@font-face{/*月份栏*/
-
img { border: 0px none #FFF; }
+
font-family:标题;
-
.l { float: left; }
+
src: url('font/GIL.TTF');
-
.park { clear: both; line-height: 0px; }
+
}
-
.db { display: block; }
+
.navi_text{
-
.cl { width: 950px; margin-right: auto; margin-left: auto; }
+
position:fixed;
-
.m_l { margin-left: 10px; display: inline; }
+
float:right;
-
.tingico { background-image: url(../tingicos.png); background-repeat: no-repeat; }
+
right:150px;  
-
.head_bg { background-image: url(../topbg.png); background-repeat: repeat-x; z-index: 20; }
+
bottom:50px;  
-
.top_h { line-height: 55px; height: 55px; }
+
z-index:4;
-
    .top_h a { color: #ffffff; font-weight:bold;font-size:1.8em;}
+
font-family:Arial;
-
.nov ul li { float: left; margin-left: 2px;}
+
font-weight:bold;
-
    .nov ul li a { height: 49px; width: 130px; display: block;}
+
font-size:16px;
-
        .nov ul li a:hover { color: #A60004; background-color: #fafafa; height: 47px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #A60004; }
+
text-align:center;
-
.liico0, .liico2, .liico3, .liico4, .liico5, .liico6, .liico7, .liico8 { height: 30px; width: 39px; float: left; margin-top: 12px; margin-left: 0px !important; margin-left: 0px; }
+
line-height:40px;
-
.liico0 { background-position: -76px 0px; }
+
}
-
.liico2 { background-position: -76px -30px; height: 27px; margin-top: 14px; }
+
.navi1{  
-
.liico3 { background-position: -76px -57px; height: 25px; margin-top: 14px; }
+
position:fixed;
-
.liico5 { background-position: -76px -603px; height: 31px; margin-top: 12px;}
+
top:400px;  
-
.liico6 { background-position: -76px -573px; height: 30px; margin-top: 13px; margin-right: 4px; }
+
right:20px;
-
.liico7 { background-position: -76px -704px; height: 30px; margin-top: 13px; margin-right: 4px; }
+
width:170px;
-
.liico8 { background-position: -76px -764px; height: 30px; margin-top: 13px; margin-right: 4px; }
+
height:38px;
-
.nov ul .handle_b a { width: 112px; }
+
background:#b3d465;
-
    .nov ul .handle_b a:hover { color: #A60004; background-color: #000; background-image: url(../hover5_bg.jpg); background-repeat: no-repeat; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: 43px; }
+
color:white;
-
.nov ul li .hover5:hover .liico7 { margin-top: 8px; }
+
border:2px solid white;
-
.liico4 { background-position: -76px -83px; margin-left: 10px !important; margin-left: 4px; }
+
text-decoration: none;
-
.nov ul li a:hover .liico0 { background-position: -76px -113px; }
+
}
-
.nov ul li a:hover .liico2 { background-position: -76px -143px; }
+
.navi2{  
-
.nov ul li a:hover .liico3 { background-position: -76px -170px; }
+
position:fixed;
-
.nov ul li a:hover .liico4 { background-position: -76px -195px; }
+
top:440px;
-
.nov ul li a:hover .liico5 { background-position: -76px -664px; }
+
right:20px;
-
.nov ul li a:hover .liico6 { background-position: -76px -634px; }
+
width:170px;  
-
.nov ul li a:hover .liico8 { background-position: -76px -734px; }
+
height:38px;
-
#tools_point { display: none; background-image: url(../tools.png); background-repeat: no-repeat; text-align: center; height: 31px; width: 138px; padding-top: 20px; z-index: 99999; position: absolute; color: #FFF; margin-left: 497px; margin-top: 40px; line-height: 22px; }
+
background:#b3d465;
-
#s1m1
+
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;
position:fixed;
-
background-color:#66ccff;
+
top:600px;
 +
right:20px;
 +
width:170px;
 +
height:38px;
 +
background:#b3d465;
 +
border:2px solid white;
 +
color:white;
 +
text-decoration: none;
 +
}
 +
/*home.css***********************************************************************************************************/
 +
#xmu-software{
 +
position:absolute;
top:0px;
top:0px;
left:0px;
left:0px;
-
height:10%;
+
width:1348px;
-
width:100%;
+
padding:0px;
}
}
-
#s1m2
+
#title{/*导航菜单外*/
-
{
+
position:absolute;
-
position:fixed;
+
background:url(images/title.png);
-
background-color:#66ccff;
+
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(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;
 +
}
 +
#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;
top:0px;
-
left:85%;
 
-
height:10%;
 
-
width:6%;
 
}
}
-
#s2
+
.team_title{/*页眉大字*/
-
{
+
font-family:Gill Sans MT;
-
position:fixed;
+
font-size:64px;
-
top:10%;
+
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;
 +
}
 +
#ourteam{
 +
position:absolute;
 +
background-color:#fefef2;
 +
width:1335px;
 +
top:485px;
left:0px;
left:0px;
-
height:85%;
 
-
width:100%;
 
}
}
-
#s3
+
#team_member{
-
{
+
position:absolute;
-
position:fixed;
+
top:135px;
-
top:95%;
+
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;
left:0px;
-
height:5%;
+
}
-
width:100%;
+
#ack_m2{
-
font-family:Times New Roman;
+
position:absolute;
-
font-size:1em;
+
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:Gill Sans MT;
 +
font-size:56px;
 +
font-weight:900;
 +
position:absolute;
 +
top:195px;
 +
left:200px;
 +
color:white;
 +
}
 +
.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;
text-align:center;
-
color:#ccccff;
+
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;
}
}

Revision as of 12:00, 12 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:absolute; top:0px; left:0px; width:1348px; padding:0px; }

  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; 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:Gill Sans MT; font-size:56px; font-weight:900; position:absolute; top:195px; left:200px; color:white; } .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; }

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