Team:ZJU-China/main.css
From 2011.igem.org
div#top-section{ background-color:white; background-image:url(topsectionbg.png); background-repeat:no-repeat; height: 10px;
width: 970px;
border: 0; z-index: 10; } div#p-logo{
display: none;
} div#menubar{ /*text-align:center;*/ top: 0; height:20px; width:250px;
font-family: 'Molengo', sans-serif;
font-size:7pt; } div#menubar .selected a{
color: #529dd9;
}
.left-menu, .left-menu a {
color:#529dd9;
z-index: 1; } .left-menu:hover { background-color: #666666; }
.right-menu{
top: 0;
z-index: 1;
}
.right-menu li {
- background-color: transparent;
} .right-menu li a {
padding: 0px 15px 0px 0px; color: #529dd9; background-color: white;
} .right-menu li a:hover {
color: #529dd9;
} div#search-controls{
display: none; position: absolute; float: right;
}
- mw-searchButton{
display: none; border: none;
}
- content {
z-index: 1; background-color: #e9e9e9;; border: none; width: 970px; margin-left: auto; margin-right: auto; padding:0px; font-family:'Molengo', sans-serif; }
.firstHeading { display:none;}
- contentSub {
display:none; }
- catlinks {
display:none; }
- footer-box{
display: none; }
ul#topnav { margin: 0; padding: 0; margin-top:10px; left:20px; float: left; width: 930px; list-style: none; position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ font-size: 1.2em; background:#6699cc; /*background: url(topnav_stretch.gif) repeat-x;*/ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; /*set the alpha*/ } ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #555; /*--Divider for each parent level links--*/ } ul#topnav li a { padding: 10px 50px; display: block; color: #f0f0f0; text-decoration: none; } ul#topnav li:hover { background: #1376c9 url(topnav_active.gif) repeat-x;
/*set the alpha*/} /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li span {
float: left;
padding: 5px 0;
position: absolute;
left: 0; top:35px;
display: none; /*--Hide by default--*/
width: 930px;
background: #1376c9;
color: #fff;
/*--Bottom right rounded corner--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}
a:hover{ text-decoration:none; } .block{ margin:10px; float:left; color:#333333; font-size:12pt; padding:0; width:660px; }
.block h1{ font-size:36pt; } .block a{ color:#ff3333; }
.block p{ margin:20px; } .block h1, h2{
border-bottom: none; padding-left:10px; padding-bottom:0em; padding-top:0em; }
.block a{ color:#666666; } .block hr{ height:2px; margin-left:15px; margin-right:15px; } .blocktop, .blockbottom{ width:100%; height:10px; } .blocktop{ background-image:url(blocktop.png); background-repeat:no-repeat; } .blockbottom{ background-image:url(blockbottom.png); background-repeat:no-repeat; } .blockcontent{ padding:20px; background-color:white; }
.links{ background-color:white; text-align:right; padding-right:20px; font-size:14px; } .links a:hover{ cursor: pointer; } .sidebar{ float:right; width:250px; } .sidebartop{ height:10px; background-image:url(sidebartop.png); background-repeat:no-repeat; } .sidebarbottom{ height:10px; background-image:url(sidebarbottom.png); background-repeat::no-repeat; }
.bgimg{ background-image:url(homebg.png); background-repeat:no-repeat; position:absolute; top:0px; left:0px; width:970px; height:600px; z-index:-1; }
.bgpart1{ background-color:white; position:absolute; height:320px; width:970px; top:0px; left:0px; z-index:-2; } .bgpart2{ background-image:url(bg1.png); background-repeat:no-repeat; position:absolute; height:300px; width:970px; top:320px; left:0px; z-index:-2; } .header{ background-color:transparent; width:970px; height:600px; position:static ; } .banner{ height:220px; } .logo{ top:20px; left:20px; position:absolute; } .title{ position:absolute; left:240px; } .igemlogo{ position:absolute; top:30px; left:750px; z-index:1; } .nav{ width:970px; height:80px; } .main{ background-color:#e9e9e9; position:static; top:auto; height:auto; padding:10px; padding-top:0px; padding-right:10px; } div #flash1{ width:660px; height:270px; margin-left:20px; background-color:transparent; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } div #part0{ width:250px; height:270px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background-color:black; color:white; }
- welcome{
width:660px; vertical-align:middle; }
- welcome h1{
color:#f8b4ae; }
- welcome hr{
background-color:#f8b4ae; }
- welcome a{
color:#f8b4ae; }
- welcome a:hover{
color:red; text-decoration:none; }
- note{
float:right; width:250px; }
- note h1, a{
color:#7fb3d8 }
- note hr{
background-color:#7fb3d8; }
- note a: hover{
color:#0068b1; text-decoration:none; }
- project{
width:660px; }
- project h1, a{
color:#ffcc99; }
- project hr{
background-color:#ffcc99; }
- project a: hover{
color:#ff9933; text-decoration:none; }
- twitter{
}
- twitter h1,a{
color:#3399ff; }
- twitter hr{
background-color:#3399ff; }
- twitter a: hover{
color:#0066ff text-decoration:none; }
- visits{
}
- visits h1, a{
color:#666666; }
- visits hr{
background-color:#666666; }
- visits a: hover{
color:#333333; text-decoration:none; }
- team{
float:left; width:660px; }
- team h1, a{
color:#aadba5; }
- team hr{
background-color:#aadba5; }
- team a: hover{
color:#56b74c; text-decoration:none; }
- flickr{
float:left; width:660px; }
- flickr h1, a{
color:#ff66cc; }
- flickr hr{
background-color:#ff66cc; }
- flickr a: hover{
color:#ff0099; text-decoration:none; }
- sponsors{
float:left; width:930px; }
- sponsors a{
color:black; }
- sponsors a: hover{
color:#999; }
- sponsors .blocktop{
background-image:url(blocktop2.png); background-repeat:no-repeat; }
- sponsors .blockbottom{
background-image:url(blockbottom2.png); background-repeat:no-repeat; } .footer{ background-color:#666666; padding:10px; text-align:center; } .footer a{ color:#cccccc; margin:10px; } .footer a:hover { color:#FFF; text-decoration:none; }