Team:USTC CHINA/home.css
From 2013.igem.org
@charset "utf-8"; /* CSS Document */
- header{
width:960px; margin-top:10px; position:relative; z-index:1900; }
- logo{
width:190px; height:123px; background:url(); display:block; float:left; }
- header #nav{
margin-left:189px; padding-left:34px; width:740px; } .pic-bar{ width:964px; height:410px; margin:10px auto 0 auto; } .home-pic{ height:100%; background:url() no-repeat scroll left top transparent; } .content .pic-bar .home-pic .page-tittle{ margin:0 0 30px; padding:0 0 5px;
font-family: "Times New Roman";
} .content .pic-bar .home-pic .page-tittle h1{ color: #383636;
font-size: 36px; font-weight: 500; text-align: right; font-family: "Times New Roman";
} .content .pic-bar .home-pic .page-para p{ color: #626364;
font-size: 20px; line-height: 20px;
padding-bottom:15px;
font-family: "Times New Roman";
} .button-home{ background-color: #393939;
border: 0 none; cursor: pointer; display: block; font-weight: lighter; margin: 0; overflow: visible; padding:0 10px 0 10px; text-decoration: none; width: 55px;
} a.button-home:hover span{ color:#7bc5ff; } .page-tittle span{color:#ff9933;} .button-home span{ color: #FFFFFF;
font: lighter 18px/44px Merriweather,Arial; height: 44px; padding: 0; text-align: center; white-space: nowrap; width: 100%;
}
- homecol{
height:1150px; }
- home.leftbar{height:1150px;
font-family: "Times New Roman";}
- home.rightbar{height:1150px;}
- abstract-bar{
margin-top:20px; margin-bottom:20px; }
- pro-bar{
width:620px; height:500px; }
- homecol .conbar2 .leftbar #abstract-bar #abs-1{
border-radius:1em 1em 1em 1em; background:#ffffff; border:1px solid rgb(68,68,68);
margin:10px 0 0 0;
padding:5px 5px 15px 5px; font-family: "Times New Roman";
}
- homecol .conbar2 .leftbar #abstract-bar #abs-1 #abs-text{
text-align:center; font-size:17px;
font-family: "Times New Roman";
line-height:20px;}
- homecol span{
color:#F93; font-size:18px;}
- homecol .conbar2 #home #pro-bar #pro-text{
margin:0 0 20px 0;
font-size:18px; line-height:20px; }
- homecol .conbar2 #home #pro-bar #pro-de-text{
font-size:16px;
height:120px;} .pro-col{ float:left; width:288px; height:150px; margin-bottom:20px; text-align:center;
border-radius:1em 1em 1em 1em; background:#ffffff; border:1px solid rgb(68,68,68); padding:5px;
}
- ls.pro-col{
margin-right:20px}
- homecol .conbar2 #home #exp-bar .exp-col{
border-radius:1em 1em 1em 1em; background:#ffffff; border:1px solid rgb(68,68,68);
text-align:center; font-size:16px; line-height:20px; margin-bottom:10px;
padding:5px 5px 15px 5px;
}
- homecol .conbar2 #home #modle-bar{
margin-top:20px;}
- homecol .conbar2 #home #modle-bar #modle-col{
border-radius:1em 1em 1em 1em; background:#ffffff; border:1px solid rgb(68,68,68); padding:5px;
}
- homecol .conbar2 #home #modle-bar h2{
font-size:18px; font-weight:100; margin-top:10px;}
- homecol .conbar2 #home #hum-bar{
margin-top:10px; }
- homecol .conbar2 #home #hum-bar #hum-col{
border-radius:1em 1em 1em 1em; background:#ffffff; border:1px solid rgb(68,68,68); padding:5px;
}
- homecol .conbar2 #home #hum-bar h2{
font-size:18px;
font-weight:100; margin-top:10px; }
- footer{
color:#fff; padding-top:30px;
}
- thanks{
width:964px; height:280px;
margin-top:10px; margin-left:auto; margin-right:auto; }
- sponsors-title{
color: #303030; position:relative; margin-top:20px; font-size:22px; line-height:40px;
}
.sponsor{
display:block; float:left; width:280px; height:68px; margin: 20px; overflow:hidden; color:#303030; }
.sponsor:hover p{
margin-top:-65px;
} .sponsor p{
display:block; width:290px; height:65px; line-height:20px; font-size:18px; text-align:center; vertical-align:center; margin:0; -webkit-transition: margin-top 0.2s linear; -moz-transition: margin-top 0.2s linear; -o-transition: margin-top 0.2s linear; -ms-transition: margin-top 0.2s linear; transition: margin-top 0.2s linear;
} .sponsor a img{
opacity:0; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; -moz-transform: rotate(6deg); -o-transform: rotate(6deg); -webkit-transform: rotate(6deg);
} .sponsor:hover a img{
opacity:1; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg);
}
.sponsor a p{
height:45px; padding:10px; font-family: 'Petit Formal Script', cursive; font-size:16px; opacity:0; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; -webkit-transform: rotate(6deg);
} .sponsor:hover a p{
opacity:1; -webkit-transform:rotate(0deg);
} p {font-family: "Times New Roman";};