Template:Zjucss main

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<style>
@charset "UTF-8";
@charset "UTF-8";
/* CSS Document */
/* CSS Document */
Line 549: Line 550:
cursor:pointer;
cursor:pointer;
}
}
 +
</style>

Revision as of 16:05, 31 August 2011

<style> @charset "UTF-8"; /* CSS Document */

body{ background-color:#cccccc; }

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:300px;

   font-family: 'Molengo', sans-serif;

font-size:8pt; } 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; }

  1. content p{

display:none; }

  1. contentwrapper{

vertical-align:middle; width:970px;margin:0 auto;text-align:left;position:relative; font-family:'Molengo', sans-serif; }

  1. contentwrapper p{

display:block; }

.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--*/

background:transparent; /*background: url(topnav_stretch.gif) repeat-x;*/

/*set the alpha*/ }

  1. contentwrapper .header .nav #topnav a {

font-family: 'Hammersmith One', sans-serif;; }


ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #555; /*--Divider for each parent level links--*/ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } ul#topnav li a { padding: 5px 15px; font-size: 1.7em; display: block; color: #f0f0f0; text-decoration: none; } ul#topnav li:hover { filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;

/*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--*/

.nav #topnav #P_Project span { background-color: #f19226; } .nav #topnav #P_Team span { background-color: #56b74c; } .nav #topnav #P_Notebook span { background-color: #0068b1; } .nav #topnav #P_HumanPractice span { background-color: #4700b1; } ul#topnav li span { float: left; padding: 3px; position: absolute; left: 0; top:42px; display: none; /*--Hide by default--*/ width: 930px; background: #transparent; 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 span a{ font-size:1.2em;} ul#topnav li:hover span { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; 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;} .nav #P_Home { background-color: #ed4334;

} .nav #P_Project { background-color: #f19226; } .nav #P_Team { background-color: #56b74c; } .nav #P_Notebook { background-color: #0068b1; } .nav #P_HumanPractice { background-color: #4700b1; }

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:0;
padding-top:0;
}

.block a{ color:#666666; } .block hr{ height:2px; margin-left:15px; margin-right:15px; } .blocktop, .blockbottom{ width:100%; height:10px; } .blocktop{ background-image:url(http://ung.igem.org/wiki/images/1/17/Blocktop.png); background-repeat:no-repeat; } .blockbottom{ background-image:url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png); background-repeat:no-repeat; } .blockcontent{ padding:10px; background-color:white; }

.links{ background-color:white; text-align:right; padding-right:24px; font-size:16px; } .links a:hover{ cursor: pointer; } .sidebar{ float:right; width:250px; } .sidebartop{ height:10px; background-image:url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png); background-repeat:no-repeat; } .sidebarbottom{ height:10px; background-image:url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png); background-repeat::no-repeat; }

.bgimg{ background-image:url(http://ung.igem.org/wiki/images/5/5d/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(http://ung.igem.org/wiki/images/c/c2/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:transparent; color:white; } div #part0 .blockcontent{ background-color:black; } div #part0 .links{ background-color:black; } div #part0 .sidebartop{ background:url(blocktop3.png) transparent; } div #part0 .sidebarbottom{ background:url(blockbottom3.png) transparent; }

  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{

color:#7fb3d8 }

  1. note hr{

background-color:#7fb3d8; }

  1. note a{

color:#7fb3d8; }

  1. note a:hover{

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

  1. project{

width:660px; }

  1. project h1{

color:#ffcc99; }

  1. project hr{

background-color:#ffcc99; }

  1. project a{

color:#ffcc99; }

  1. project a:hover{

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

  1. twitter{

}

  1. twitter h1{

color:#3399ff; }

  1. twitter hr{

background-color:#3399ff; }

  1. twitter a{

color:#3399ff; }

  1. twitter a:hover{

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

  1. visits{

}

  1. visits h1{

color:#666666; }

  1. visits hr{

background-color:#666666; }

  1. visits a{

color:#666666; }

  1. visits a:hover{

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

  1. visits div #clustrmaps-widget{

margin-left:auto; margin-right:auto;

}

  1. team{

float:left; width:660px; }

  1. team h1{

color:#aadba5; }

  1. team hr{

background-color:#aadba5; }

  1. team a{

color:#aadba5; }

  1. team a:hover{

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

  1. flickr{

float:left; width:660px; }

  1. flickr .blockcontent #player{

padding-left:80px; }

  1. flickr h1{

color:#ff66cc; }

  1. flickr hr{

background-color:#ff66cc; }

  1. flickr a{

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(http://ung.igem.org/wiki/images/b/b7/Blocktop2.png); background-repeat:no-repeat; }

  1. sponsors .blockbottom{

background-image:url(http://ung.igem.org/wiki/images/c/c5/Blockbottom2.png); background-repeat:no-repeat; } .footer{ background-color:#666666; padding:10px; text-align:center; } .footer a{ color:#cccccc; margin:10px; text-decoration:none; } .footer a:hover { color:#FFF; text-decoration:none; cursor:pointer; } </style>