"
Team:SYSU-Software/home.css
From 2013.igem.org
- {
padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; }
/*home content*/
- home-container{
width: 100%; 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: #3B746C; font-size: 50px; }
- footer-introduction p {
text-align: justify; font-size: 24px; }
- footer-address {
font-size: 14px; margin: 150px auto 16px auto; }
- footer-address h2 {
color: #ffb629; font-size: 16px; }
- bottom-image {
background-image: url('https://static.igem.org/mediawiki/2013/6/65/Cast_bottom.png'); background-repeat: repeat-x; width: 100%; height: 100px; } /*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-0 {
left: 150px; top: 610px; }
- component-3-1 {
left: 630px; top: 610px; }
- 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 */
