"
Team:BIT-China/all.css
From 2014.igem.org
| Line 1: | Line 1: | ||
| + | |||
@charset "utf-8"; | @charset "utf-8"; | ||
/* CSS Document */ | /* CSS Document */ | ||
| Line 17: | Line 18: | ||
} | } | ||
#header{ | #header{ | ||
| + | position:absolute; | ||
| + | z-index:9999999; | ||
| + | top:0px; | ||
| + | left:0px; | ||
width:960px; | width:960px; | ||
height:105px; | height:105px; | ||
border:0px #003300 solid; | border:0px #003300 solid; | ||
background-image:url(https://static.igem.org/mediawiki/2014/2/20/BIT-CHINA_Header-TopBG1.png); | background-image:url(https://static.igem.org/mediawiki/2014/2/20/BIT-CHINA_Header-TopBG1.png); | ||
| + | } | ||
| + | .daohang{ | ||
| + | position:absolute; | ||
| + | z-index:9999999; | ||
| + | top:105px; | ||
| + | left:0px; | ||
| + | width:960px; | ||
| + | height:150px; | ||
| + | background:url(https://static.igem.org/mediawiki/2014/f/f7/BIT-CHINA_Header-TopBG2.png) no-repeat; | ||
| + | border:0px #00CC00 solid; | ||
| + | z-index:999; | ||
} | } | ||
#second_head{ | #second_head{ | ||
| Line 27: | Line 43: | ||
background-color:rgba(116,187,227,1); | background-color:rgba(116,187,227,1); | ||
top:65px; | top:65px; | ||
| + | left:0px; | ||
position:absolute; | position:absolute; | ||
z-index:-10; | z-index:-10; | ||
} | } | ||
#content0{ | #content0{ | ||
| + | position:absolute; | ||
| + | left:0px; | ||
| + | top:90px; | ||
width:950px; | width:950px; | ||
border-left:5px #74BBE3 solid; | border-left:5px #74BBE3 solid; | ||
| Line 40: | Line 60: | ||
padding-top:5px; | padding-top:5px; | ||
padding-bottom:20px; | padding-bottom:20px; | ||
| + | padding-top:150px; | ||
min-height:1200px; | min-height:1200px; | ||
background:rgba(116,187,227,1); | background:rgba(116,187,227,1); | ||
| Line 92: | Line 113: | ||
#nav{ | #nav{ | ||
width:400px; | width:400px; | ||
| + | height:50px; | ||
| + | aborder:3px #00FF00 solid; | ||
abackground-color:rgba(51,51,51,0.3); | abackground-color:rgba(51,51,51,0.3); | ||
| - | position: | + | position:absolute; |
| - | + | z-index:9999999; | |
| - | + | top:43px; | |
| - | + | left:27px; | |
} | } | ||
#nav ul{ | #nav ul{ | ||
| - | + | position:absolute; | |
| + | top:0px; | ||
| + | left:0px; | ||
| + | aborder: 5px #FFFFFF solid; | ||
height:40px; | height:40px; | ||
list-style:none; | list-style:none; | ||
| Line 123: | Line 149: | ||
#nav1{ | #nav1{ | ||
width:400px; | width:400px; | ||
| + | height:50px; | ||
| + | aborder:3px #00FF00 solid; | ||
abackground-color:rgba(51,51,51,0.3); | abackground-color:rgba(51,51,51,0.3); | ||
| - | position: | + | position:absolute; |
| - | + | z-index:9999999; | |
| - | + | top:42px; | |
| - | + | left:592px; | |
} | } | ||
#nav1 ul{ | #nav1 ul{ | ||
| - | + | position:absolute; | |
| + | top:0px; | ||
| + | left:0px; | ||
| + | aborder: 5px #FFFFFF solid; | ||
height:40px; | height:40px; | ||
list-style:none; | list-style:none; | ||
| Line 141: | Line 172: | ||
float:left; | float:left; | ||
position:relative; | position:relative; | ||
| - | top: | + | top:0px; |
-webkit-transition:all 0.2s linear; | -webkit-transition:all 0.2s linear; | ||
-ms-transition:all 0.2s linear; | -ms-transition:all 0.2s linear; | ||
| Line 150: | Line 181: | ||
#nav1 ul li:hover { | #nav1 ul li:hover { | ||
cursor:pointer; | cursor:pointer; | ||
| - | top: | + | top:50px; |
} | } | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
#left{ | #left{ | ||
position:absolute; | position:absolute; | ||
Revision as of 01:47, 16 October 2014
@charset "utf-8"; /* CSS Document */
- {
padding:0px;
margin:0px;
}
body{
background-color:#338FC4;
background-image:url(
);
}
- maincontent{
position:absolute; left:203px; width:960px; border:0px #00FF00 solid; }
- header{
position:absolute;
z-index:9999999;
top:0px;
left:0px;
width:960px;
height:105px;
border:0px #003300 solid;
background-image:url(
);
}
.daohang{
position:absolute;
z-index:9999999;
top:105px;
left:0px;
width:960px;
height:150px;
background:url(
) no-repeat;
border:0px #00CC00 solid;
z-index:999;
}
- second_head{
width:960px; height:190px; background-color:rgba(116,187,227,1); top:65px; left:0px; position:absolute; z-index:-10; }
- content0{
position:absolute; left:0px; top:90px; width:950px; border-left:5px #74BBE3 solid; border-right:5px #74BBE3 solid; z-index:-10; }
- content1{
width:99.4%;
padding-top:5px;
padding-bottom:20px;
padding-top:150px;
min-height:1200px;
background:rgba(116,187,227,1);
margin:0 auto;
z-index:-10;
}
.essay_pic{
width:400px;
}
.essay{
width:90%;
background-color:rgba(255,255,255,0.7);
border-radius:40px;
aborder-bottom:1px #CCCCCC solid;
margin:0 auto;;
padding:0px;
}
.essay_title{
font-size:45px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:0px 20px;
height:70px;
line-height:70px;
wbackground-image:url(
);
border-bottom:1px #CCCCCC solid;
z-index:-10000;
opacity:0.8;
margin:30px auto 10px auto;
}
.essay_content{
abackground-color:#6CF;
font-size:21px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding:20px 30px 50px 30px;
}
- footer{
width:960px;
height:71px;
position:relative;
top:-71px;
background:url(
) no-repeat;
}
- detail{
width:100%; height:100px; background-color:rgb(234,233,233); position:relative; top:-50px; }
- nav{
width:400px; height:50px; aborder:3px #00FF00 solid; abackground-color:rgba(51,51,51,0.3); position:absolute; z-index:9999999; top:43px; left:27px; }
- nav ul{
position:absolute; top:0px; left:0px; aborder: 5px #FFFFFF solid; height:40px; list-style:none; }
- nav li{
width:40px; height:80px; margin:0 22px; abackground-color:rgba(0,0,0,0.1); float:left; position:relative; top:0px; -webkit-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; }
- nav ul li:hover {
cursor:pointer; top:50px; }
- nav1{
width:400px; height:50px; aborder:3px #00FF00 solid; abackground-color:rgba(51,51,51,0.3); position:absolute; z-index:9999999; top:42px; left:592px; }
- nav1 ul{
position:absolute; top:0px; left:0px; aborder: 5px #FFFFFF solid; height:40px; list-style:none; }
- nav1 li{
width:40px; height:80px; margin:0 22px; abackground-color:rgba(0,0,0,0.1); float:left; position:relative; top:0px; -webkit-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; }
- nav1 ul li:hover {
cursor:pointer; top:50px; }
- left{
position:absolute; aleft:140px; left:-55px; top:280px; z-index:100000; } .sidenav{ list-style:none; border:0px #00FF00 solid; position:relative; left:0px; } .sidenav li{ width:180px; height:50px; line-height:50px; border:0px #999999 dashed; position:relative; left:0px; -webkit-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear;
} .sidenav a{ position:relative; left:0px; text-decoration:none; display:block; color:#003b66; font-size:18px; font-family:Impact; text-align:left; -webkit-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; } .sidenav a:first-letter{ acolor:rgba(0,59,102,0.8); line-height:50px; font-size:25px; text-align:center; padding:0px 0px 0px 11px; margin-right:6px; letter-spacing:11px; border:5px #003b66 solid; border-radius:90px; background-color:rgba(255,255,255,0.8); } .sidenav span:not(hover){ opacity:0; } .sidenav li:hover span{ opacity:1; } .sidenav li:hover{ background-color:rgba(255,255,255,0.5); border-radius:90px; opacity:1; left:-130px; }
