"
Team:SYSU-Software/home.css
From 2013.igem.org
| Line 231: | Line 231: | ||
/*footer*/ | /*footer*/ | ||
| - | #team-footer{ | + | #home-team-footer{ |
width: 100%; | width: 100%; | ||
margin:0 auto; | margin:0 auto; | ||
Revision as of 14:23, 25 September 2013
- {
padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; }
/*header images */
- team-header{
margin: 0 auto; z-index: 100;
height: 200px; width: 980px; background-color: white;
font-family: 'Arial'; }
- team-header-logo{
position: relative; left: 20px; top:30px; }
- team-header-text{
position: relative; left: 130px; top: -67px; }
- boss-header-image{
position: relative; left: 285px; top: -85px; }
/*navigation*/
- navigation{
float: right; height: 40px;
z-index: 100;
position: relative; top: -37px; }
.navbar { margin-bottom: 0px; overflow: visible; }
.nav{ display: inline;
height: 40px; background-color:#A8DBD2; }
.navbar-inverse .nav > li > a{ font-size: 14px; border: none; height: 40px; padding:0px 20px;
line-height: 40px; }
- nav-li{
height: 40px; }
.navbar-inverse .nav > li.active > a{ background-color: #FFE14B; height: 40px; } .navbar-inverse .nav > li.active > a{ background-color: #FFE14B; } /*sub navs*/
- sub-link1{
width:90px; background-color:#A8DBD2; } .navbar .nav > li > ul:before { border-width: 0px; }
- sub-link2{
width:100px; background-color:#A8DBD2; }
- sub-link3{
width:135px; background-color:#A8DBD2;
}
- sub-link4{
background-color:#A8DBD2; width:70px; }
/*home content*/
- home-container{
width: 980px; margin: 0 auto; } /*slides part*/
- home-slides{
height: 430px;
background-color: #A8DBD2; }
- myCarousel{
height: 430px; width: 780px;
margin: 0 auto; }
- slides-image img{
height: 430px; width: 780px;
margin:0 auto; }
/*main content part*/
- home-content{
width: 980px; height: 100%; background-color: white; }
- home-note{
padding-top: 80px; margin-left: 24px; }
- note{
display: inline-table; }
- pin{
margin-left: 10px; position: relative; }
- note-header{
font-family: 'Arial'; font-size: 20px; font-weight: bolder; }
- note-pin{
margin-left: 146px;
position: relative; top: -200px; display: block; width: 20px; z-index: 100; }
- notepad{
position: relative; height: 190px; width: 157px; display: block;
margin-right: 20px; background-color: #def1ee;
margin-top: 2px; }
- home-introduction{
padding-top: 30px; padding-bottom: 100px; }
- introduction-text{
}
- introduction-header{
display: block; margin-left: 55px;
font-family: 'Arial'; font-size: 22px; font-weight: bold; color:#ffcc33; }
- header-header{
position: relative; left: -30px; top: 40px; }
- introduction-content{
font-family: 'Arial'; font-weight: bold;
display: block; margin-top: 40px; margin-left: 100px;
display: block; width: 300px; }
- feiji{
display: block; margin-top: 60px; margin-left: 26px; }
- introduction-vedio{
display: block; margin-top: -350px; margin-left: 404px; }
- introduction-vedio img{
width: 525px; height: 360px; }
/*footer*/
- home-team-footer{
width: 100%; margin:0 auto;
position: relative; bottom: 0px; overflow: hidden;
background-color: #e0f4f2; } .footer { text-align: center; width: 980px; color: #9a9899; }
- footer-introduction {
margin: 30px auto 60px auto; color: #626262; }
- footer-introduction h2 {
color: #54aa9e; font-size: 24px; }
- footer-introduction span {
text-align: left; font-size: 16px; }
- footer-address {
font-size: 14px; margin: 150px auto 16px auto; }
- footer-address h2 {
color: #ffb629; font-size: 16px; }
- bottom-image {
background-image: url('new/bottom.png'); background-repeat: repeat-x; } /*instructions*/
- team-sub{
position: relative;
margin-bottom: 30px; }
- subscribe{
position: relative; }
- subscribe-header{
position: relative; top: 25px; left: 145px;
font-weight: bolder; font-size: 25px; }
- subscribe-content{
position: relative; top: 45px; left: 145px;
font-weight: bold; line-height: 10px; }
- link{
position: relative; left: 100px; }
- link-header{
position: relative; top: 20px; left: 180px;
font-weight:bolder; font-size: 25px; }
- link-content{
position: relative; top: 34px; left: 180px; }
- link-content a{
text-decoration: none; } /*bottom image*/
- bottom-image{
position: relative; bottom: 0px; }
a:focus{ outline-color:#544444; }
/*some change*/
.zhizhen-left {
position: absolute;
top: 40%;
left: -75px;
margin-top: -20px;
}
.zhizhen-right{
position: absolute;
top: 40%;
right: -75px;
margin-top: -15px;
}
/* robot */
- home-robot {
width: 980px; height: 1200px; margin: auto; /* background-image: url(../img/bg.png); */ background-color: #ffffff; position: relative; }
.component { position: absolute; }
- component-ecoli {
left: 35px; top: 125px; }
- component-ecoli img {
width: 190px; height: 140px; }
- component-regulation-network {
left: 350px; top: 120px; }
- component-regulation-network img {
width: 160px; height: 160px; }
- component-1 {
left: 200px; top: 410px; }
- component-1 img {
}
- component-4 {
left: 436px; top: 312px; }
- component-2 {
left: 620px; top: 310px; }
- component-3 {
left: 90px; top: 590px; }
- component-5 {
left: 610px; top: 820px; }
- component-6 {
left: 330px; top: 880px; }
- component-7 {
left: 0px; top: 880px; }
- home-banner {
background-color: #e0f4f2; text-align: center; width: 100%; } /* robot end */
