"
Team:SYSU-Software/index.css
From 2014.igem.org
| Line 4: | Line 4: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| + | min-width:1100px; | ||
| + | min-height: 1000px; | ||
} | } | ||
Revision as of 03:45, 18 October 2014
body{
height: 100%; width: 100%; margin: 0; padding: 0; min-width:1100px;
min-height: 1000px; }
.myContainer {
min-height: 1700px; background: -webkit-linear-gradient(top, #2b1340, #42bdbd); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(top, #2b1340, #42bdbd); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(top, #2b1340, #42bdbd); /* Firefox 3.6 - 15 */ background: linear-gradient(top, #2b1340, #42bdbd); /* 标准的语法 */
}
.navigation1{ position: absolute; height: 250px; width: 1080px; left: 50%; margin-left: -540px; } .navigation1 .item{
position: absolute;
} .home{
position: absolute; top: 30px; left: 0px; width: 150px; height: 150px;
background:transparent url("
") no-repeat 0px 0px;
cursor: pointer;
}
.project{
position: absolute;
top: 30px; left: 185px;
} .doc{ position: absolute;
top: 30px; left: 370px;
} .require{ position: absolute;
top: 30px; left: 555px;
} .hp{ position: absolute;
top: 30px; left: 745px;
} .team{ position: absolute;
top: 30px; left: 930px;
} a.icon{
width: 150px; height: 150px; position: absolute; top: 0px; left: 0px;
}
.project a.icon{
background:transparent url("
") no-repeat 0px 0px;
} .doc a.icon{
background:transparent url("
") no-repeat 0px 0px;
} .require a.icon{
background:transparent url("
") no-repeat 0px 0px;
} .hp a.icon{
background:transparent url("
") no-repeat 0px 0px;
} .team a.icon{
background:transparent url("
") no-repeat 0px 0px;
}
/*.navigation1 .item a.active{
background-position: 150px 150px;
}*/
.item img.circle{
position: absolute; top: 0px; left: 0px; width: 150px; height: 150px;
}
.item ul{ text-align: center;
list-style: none; position: absolute; top: 60px; left: -20px; display: none;
}
.item ul li a{
height: 24px; font-size: 18px;
font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700;
text-decoration: none; color: #ffffff; padding: 1px; float: left; clear: both; width: 155px;
}
.item ul li a:hover{ font-size: 20px; text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #42bdbd, 0 0 40px #42bdbd, 0 0 60px #42bdbd; }
.bigFather {
position: relative; text-align: center; height: 1400px; width: 100%; top: 210px;
}
- bgContent{
position: relative; width: 70%; height: 100%; text-align: center; background-color: #d9d9d9; margin:0px auto; left: 0%; border-radius:5px; opacity: 1; float: left; z-index: 11; }
p{ text-indent: 2em; text-align: justify; font-size: 16px; font-family: verdana, Microsoft Sans Serif, Arial, Helvetica; }
- bgLeft{
position: relative; width: 15%; height: 100px; float: left; z-index: 1; }
- bgRight{
position: relative; width: 15%; height: 100px; float: left; }
- myArticle{
padding:10px 40px;
z-index: 15;
}
.cardS{
position: fixed;
left: 1%;
width: 300px;
height: 60px;
background: url("
") no-repeat 0px 0px;
text-decoration: none;
color: #60bee7;
font-size: 16px;
font-family: verdana, Microsoft Sans Serif, Arial, Helvetica;
text-align: left;
}
.card1{
top: 220px;
text-indent: 4px;
}
.card2{
top: 285px;
text-indent: 4px;
}
.card3{
top: 350px;
}
.card4{
top: 415px;
}
.mC1, .mC2{
position: absolute;
width: 140px;
left: 35px;
font-size: 10px;
line-height: 60px;
}
.mC3, .mC4{
position: absolute;
width: 140px;
left: 35px;
font-size: 10px;
line-height: 20px;
}
- address1{
position: absolute; width: 100%; bottom: -70px; }
- address1 p{
text-align: center; color: white; }
.igemlogo{ position: absolute; top: 20px; right: 20px; } .right1{ position: absolute; left: 20px; text-decoration: none; }
- bgLeft a{
color: #60bee7; text-decoration: none; }
- bgLeft a:hover {
color: #60bee7; text-decoration: none; }
- bgLeft a:visited {
color: #60bee7; }
h1,h2,h3,h4,h5,h6,table, td, th{ font-family: verdana, Microsoft Sans Serif, Arial, Helvetica; }
