Team:ZJU-China/css/main

From 2011.igem.org

@charset "UTF-8"; /* CSS Document */

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 {

  1. 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;

}

  1. mw-searchButton{
   display: none;
   border: none;

}



  1. 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;}


  1. contentSub {

display:none; }

  1. catlinks {

display:none; }

  1. 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; }

  1. welcome{

width:660px; vertical-align:middle; }

  1. welcome h1{

color:#f8b4ae; }

  1. welcome hr{

background-color:#f8b4ae; }

  1. welcome a{

color:#f8b4ae; }

  1. welcome a:hover{

color:red; text-decoration:none; }

  1. note{

float:right; width:250px; }

  1. note h1, a{

color:#7fb3d8 }

  1. note hr{

background-color:#7fb3d8; }

  1. note a: hover{

color:#0068b1; text-decoration:none; }

  1. project{

width:660px; }

  1. project h1, a{

color:#ffcc99; }

  1. project hr{

background-color:#ffcc99; }

  1. project a: hover{

color:#ff9933; text-decoration:none; }

  1. twitter{

}

  1. twitter h1,a{

color:#3399ff; }

  1. twitter hr{

background-color:#3399ff; }

  1. twitter a: hover{

color:#0066ff text-decoration:none; }

  1. visits{

}

  1. visits h1, a{

color:#666666; }

  1. visits hr{

background-color:#666666; }

  1. visits a: hover{

color:#333333; text-decoration:none; }

  1. team{

float:left; width:660px; }

  1. team h1, a{

color:#aadba5; }

  1. team hr{

background-color:#aadba5; }

  1. team a: hover{

color:#56b74c; text-decoration:none; }

  1. flickr{

float:left; width:660px; }

  1. flickr h1, a{

color:#ff66cc; }

  1. flickr hr{

background-color:#ff66cc; }

  1. flickr a: hover{

color:#ff0099; text-decoration:none; }

  1. sponsors{

float:left; width:930px; }

  1. sponsors a{

color:black; }

  1. sponsors a: hover{

color:#999; }

  1. sponsors .blocktop{

background-image:url(blocktop2.png); background-repeat:no-repeat; }

  1. 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; }