|
|
| Line 1: |
Line 1: |
| - | 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;
| |
| - | }
| |
"
