Team:SYSU-Software/home.css
From 2014.igem.org
(21 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
#content1{ | #content1{ | ||
- | margin:0 auto; | + | margin:0 auto; |
} | } | ||
Line 10: | Line 10: | ||
font-family: Arial, Helvetica, Microsoft Sans Serif; | font-family: Arial, Helvetica, Microsoft Sans Serif; | ||
background-color: #f7f7f5; | background-color: #f7f7f5; | ||
- | background-image: url("https://static.igem.org/mediawiki/2014/ | + | background-image: url("https://static.igem.org/mediawiki/2014/a/ae/SYSU-Software_homebg_03.png"); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: 0px 180px; | background-position: 0px 180px; | ||
Line 26: | Line 26: | ||
max-width: 1920px; | max-width: 1920px; | ||
min-width: 1360px; | min-width: 1360px; | ||
- | background-image: url("https://static.igem.org/mediawiki/2014/ | + | background-image: url("https://static.igem.org/mediawiki/2014/f/fa/SYSU-Software_top.png"); |
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
margin: 0 auto; | margin: 0 auto; | ||
Line 37: | Line 37: | ||
height: 90px; | height: 90px; | ||
width: 100%; | width: 100%; | ||
- | |||
- | |||
float: right; | float: right; | ||
} | } | ||
Line 44: | Line 42: | ||
#igem-logo-img1{ | #igem-logo-img1{ | ||
position: absolute; | position: absolute; | ||
- | + | right: 30px; | |
- | + | top: 30px; | |
} | } | ||
Line 53: | Line 51: | ||
font-size: 136px; | font-size: 136px; | ||
font-family: Arial, Helvetica, Microsoft Sans Serif; | font-family: Arial, Helvetica, Microsoft Sans Serif; | ||
- | top: | + | top: 400px; |
left: 250px; | left: 250px; | ||
font-weight: bold; | font-weight: bold; | ||
Line 69: | Line 67: | ||
#address1{ | #address1{ | ||
- | + | position: fixed; | |
color: #c2c3c4; | color: #c2c3c4; | ||
font-size: 13px; | font-size: 13px; | ||
Line 113: | Line 111: | ||
} | } | ||
.project a.icon{ | .project a.icon{ | ||
- | background:transparent url("https://static.igem.org/mediawiki/2014/ | + | background:transparent url("https://static.igem.org/mediawiki/2014/3/38/SYSU-Software_icon_Project.png") no-repeat 0px 0px; |
} | } | ||
.doc a.icon{ | .doc a.icon{ | ||
- | background:transparent url("https://static.igem.org/mediawiki/2014/ | + | background:transparent url("https://static.igem.org/mediawiki/2014/e/e6/SYSU-Software_icon_Doc.png") no-repeat 0px 0px; |
} | } | ||
.require a.icon{ | .require a.icon{ | ||
- | background:transparent url("https://static.igem.org/mediawiki/2014/ | + | background:transparent url("https://static.igem.org/mediawiki/2014/6/64/SYSU-Software_icon_Require.png") no-repeat 0px 0px; |
} | } | ||
.hp a.icon{ | .hp a.icon{ | ||
- | background:transparent url("https://static.igem.org/mediawiki/2014/ | + | background:transparent url("https://static.igem.org/mediawiki/2014/9/9d/SYSU-Software_icon_Hp.png") no-repeat 0px 0px; |
} | } | ||
.team a.icon{ | .team a.icon{ | ||
- | background:transparent url("https://static.igem.org/mediawiki/2014/ | + | background:transparent url("https://static.igem.org/mediawiki/2014/7/7d/SYSU-Software_icon_Team.png") no-repeat 0px 0px; |
} | } | ||
Line 154: | Line 152: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
border: none; | border: none; | ||
+ | padding: none; | ||
} | } | ||
Line 161: | Line 160: | ||
position: absolute; | position: absolute; | ||
top: 60px; | top: 60px; | ||
- | left: | + | left: 3px; |
display: none; | display: none; | ||
} | } | ||
.item ul li a{ | .item ul li a{ | ||
+ | height: 24px; | ||
font-size: 18px; | font-size: 18px; | ||
font-family: Microsoft Sans Serif, Arial, Helvetica; | font-family: Microsoft Sans Serif, Arial, Helvetica; | ||
Line 178: | Line 178: | ||
.item ul li a:hover{ | .item ul li a:hover{ | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
font-weight: 700; | font-weight: 700; | ||
color:#fff; | color:#fff; | ||
- | text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 | + | text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 60px #ff00de; |
+ | |||
+ | } | ||
+ | |||
+ | p { | ||
+ | line-height: 0.8em; | ||
+ | margin: 0.3em 0 0.3em 0; | ||
} | } |
Latest revision as of 07:53, 3 October 2014
- {
margin:0; padding:0; }
- content1{
margin:0 auto; }
body{ font-family: Arial, Helvetica, Microsoft Sans Serif; background-color: #f7f7f5; background-image: url(""); background-repeat: no-repeat; background-position: 0px 180px; width:100%; height:100%; overflow: show; margin: auto; }
- top1{
position: absolute;
top: 0px;
height: 10px; width: 100%;
max-width: 1920px; min-width: 1360px; background-image: url(""); background-repeat: repeat-x; margin: 0 auto; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1360px?"1360px":""); }
- igem-logo1{
background-color: #f7f7f5;
position: relative; height: 90px; width: 100%; float: right; }
- igem-logo-img1{
position: absolute; right: 30px;
top: 30px;
}
- flameTitle{
position: absolute;
color: #2f2826; font-size: 136px;
font-family: Arial, Helvetica, Microsoft Sans Serif;
top: 400px; left: 250px;
font-weight: bold; }
- flameContent{
position: absolute;
color: #2f2826; font-size: 32px;
font-family: Arial, Helvetica, Microsoft Sans Serif;
top: 470px; left: 250px;
font-weight: bold; }
- address1{
position: fixed; color: #c2c3c4; font-size: 13px;
font-family: Arial, Helvetica, Microsoft Sans Serif;
bottom: 0px; right: 0px;
font-weight: bold; }
.navigation1{
margin: 0px auto;
} .navigation1 .item{
position: absolute;
} .project{
top: 150px; left: 140px;
} .doc{
top: 50px; left: 380px;
} .require{
top: 66px; left: 625px;
} .hp{
top:185px; left:830px;
} .team{
top:360px; left:970px;
} a.icon{
width: 68px; height: 117px; position: absolute; top: 0px; left: 0px; cursor: pointer;
} .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: 68px 117px;
}
.item img.circle{
position: absolute; top: 0px; left: 0px; width: 0px; height: 0px;
}
.item h2{
position:absolute; width:210px; height:52px; color: #3b3533; font-size: 19px;
font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700;
top: 0px; left: 60px; text-indent: 10px; line-height: 52px; text-transform: uppercase; border: none; padding: none;
}
.item ul{ text-align: center;
list-style: none; position: absolute; top: 60px; left: 3px; 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: #3b3533; padding: 1px; float: left; clear: both; width: 155px;
}
.item ul li a:hover{
font-weight: 700;
color:#fff;
text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 60px #ff00de;
}
p {
line-height: 0.8em; margin: 0.3em 0 0.3em 0;
}