Template:Zjucss main

From 2011.igem.org

(Difference between revisions)
Line 119: Line 119:
list-style: none;
list-style: none;
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
-
font-size: 1.2em;
+
-
background:#6699cc;
+
background:transparent;
/*background: url(topnav_stretch.gif) repeat-x;*/
/*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*/
/*set the alpha*/
}
}
 +
#contentwrapper .header .nav #topnav  a {
 +
font-family: 'Hammersmith One', sans-serif;;
 +
}
 +
 +
ul#topnav li {
ul#topnav li {
float: left;
float: left;
margin: 0; padding: 0;
margin: 0; padding: 0;
border-right: 1px solid #555; /*--Divider for each parent level links--*/
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 {
ul#topnav li a {
-
padding: 10px 50px;
+
padding: 5px 15px;
 +
font-size: 1.7em;
display: block;
display: block;
color: #f0f0f0;
color: #f0f0f0;
Line 140: Line 147:
}
}
ul#topnav li:hover {  
ul#topnav li:hover {  
-
background: #1376c9 url(topnav_active.gif) repeat-x;  
+
filter:alpha(opacity=100);
 +
-moz-opacity:1.0;
 +
-khtml-opacity:1.0;
 +
opacity:1.0;
/*set the alpha*/}
/*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--*/
/*--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 {
ul#topnav li span {
float: left;
float: left;
-
padding: 5px 0;
+
padding: 3px;
position: absolute;
position: absolute;
-
left: 0; top:35px;
+
left: 0;
 +
top:42px;
display: none; /*--Hide by default--*/
display: none; /*--Hide by default--*/
width: 930px;
width: 930px;
-
background: #1376c9;
+
background: #transparent;
color: #fff;
color: #fff;
/*--Bottom right rounded corner--*/
/*--Bottom right rounded corner--*/
Line 163: Line 185:
-khtml-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
 +
}
}
 +
ul#topnav span a{
 +
font-size:1.2em;}
ul#topnav li:hover span {  
ul#topnav li:hover span {  
-
filter:alpha(opacity=100);
+
filter:alpha(opacity=90);
-
-moz-opacity:1;
+
-moz-opacity:0.9;
-
-khtml-opacity: 1;
+
-khtml-opacity:0.9;
-
opacity: 1;
+
opacity:0.9;
display: block; } /*--Show subnav on hover--*/
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 {  
 +
                      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;}
ul#topnav li span a:hover {text-decoration: underline;}
 +
.nav #P_Home {
 +
background-color: #ed4334;
 +
 +
}
 +
.nav  #P_Project {
 +
background-color: #f19226;
 +
 +
/*set the alpha*/
 +
}
 +
.nav  #P_Team {
 +
background-color: #56b74c;
 +
 +
/*set the alpha*/
 +
}
 +
.nav  #P_Notebook {
 +
background-color: #0068b1;
 +
 +
/*set the alpha*/
 +
}
 +
.nav  #P_HumanPractice {
 +
background-color: #4700b1;
 +
 +
/*set the alpha*/
 +
}
a:hover{
a:hover{
Line 198: Line 249:
  border-bottom: none;
  border-bottom: none;
  padding-left:10px;
  padding-left:10px;
-
  padding-bottom:0em;
+
  padding-bottom:0;
-
  padding-top:0em;
+
  padding-top:0;
  }
  }
.block a{
.block a{
Line 205: Line 256:
}
}
.block hr{
.block hr{
-
height:2px;
+
height:2px;
margin-left:15px;
margin-left:15px;
margin-right:15px;
margin-right:15px;
Line 214: Line 265:
}
}
.blocktop{
.blocktop{
-
background-image:url(https://static.igem.org/mediawiki/igem.org/1/17/Blocktop.png);
+
background-image:url(http://ung.igem.org/wiki/images/1/17/Blocktop.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
}
}
.blockbottom{
.blockbottom{
-
background-image:url(https://static.igem.org/mediawiki/igem.org/1/16/Blockbottom.png);
+
background-image:url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
}
}
.blockcontent{
.blockcontent{
-
padding:20px;
+
padding:10px;
background-color:white;
background-color:white;
}
}
Line 229: Line 280:
background-color:white;
background-color:white;
text-align:right;
text-align:right;
-
padding-right:20px;
+
padding-right:24px;
-
font-size:14px;
+
font-size:16px;
}
}
.links a:hover{
.links a:hover{
Line 241: Line 292:
.sidebartop{
.sidebartop{
height:10px;
height:10px;
-
background-image:url(https://static.igem.org/mediawiki/igem.org/9/9f/Sidebartop.png);
+
background-image:url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
}
}
.sidebarbottom{
.sidebarbottom{
height:10px;
height:10px;
-
background-image:url(https://static.igem.org/mediawiki/igem.org/7/79/Sidebarbottom.png);
+
background-image:url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
background-repeat::no-repeat;
background-repeat::no-repeat;
}
}
.bgimg{
.bgimg{
-
background-image:url(https://static.igem.org/mediawiki/igem.org/5/5d/Homebg.png);
+
background-image:url(http://ung.igem.org/wiki/images/5/5d/Homebg.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
position:absolute;
position:absolute;
Line 271: Line 322:
}
}
.bgpart2{
.bgpart2{
-
background-image:url(https://static.igem.org/mediawiki/igem.org/c/c2/Bg1.png);
+
background-image:url(http://ung.igem.org/wiki/images/c/c2/Bg1.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
position:absolute;
position:absolute;
Line 334: Line 385:
-khtml-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
opacity: 0.5;
-
background-color:black;
+
background-color:transparent;
color:white;
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;
}
}
Line 359: Line 422:
width:250px;
width:250px;
}
}
-
#note h1, a{
+
#note h1{
color:#7fb3d8
color:#7fb3d8
}
}
Line 365: Line 428:
background-color:#7fb3d8;
background-color:#7fb3d8;
}
}
-
#note a: hover{
+
#note a{
-
color:#0068b1;
+
color:#7fb3d8;
 +
}
 +
#note a:hover{
 +
color:#006699;
text-decoration:none;
text-decoration:none;
}
}
Line 373: Line 439:
width:660px;
width:660px;
}
}
-
#project h1, a{
+
#project h1{
color:#ffcc99;
color:#ffcc99;
}
}
Line 379: Line 445:
background-color:#ffcc99;
background-color:#ffcc99;
}
}
-
#project a: hover{
+
#project a{
 +
color:#ffcc99;
 +
}
 +
#project a:hover{
color:#ff9933;
color:#ff9933;
text-decoration:none;
text-decoration:none;
Line 386: Line 455:
#twitter{
#twitter{
}
}
-
#twitter h1,a{
+
#twitter h1{
color:#3399ff;
color:#3399ff;
}
}
Line 392: Line 461:
background-color:#3399ff;
background-color:#3399ff;
}
}
-
#twitter a: hover{
+
#twitter a{
 +
color:#3399ff;
 +
}
 +
#twitter a:hover{
color:#0066ff
color:#0066ff
text-decoration:none;
text-decoration:none;
Line 398: Line 470:
#visits{
#visits{
}
}
-
#visits h1, a{
+
#visits h1{
color:#666666;
color:#666666;
}
}
Line 404: Line 476:
background-color:#666666;
background-color:#666666;
}
}
-
#visits a: hover{
+
#visits a{
 +
color:#666666;
 +
}
 +
#visits a:hover{
color:#333333;
color:#333333;
text-decoration:none;
text-decoration:none;
Line 412: Line 487:
width:660px;
width:660px;
}
}
-
#team h1, a{
+
#team h1{
color:#aadba5;
color:#aadba5;
}
}
Line 418: Line 493:
background-color:#aadba5;
background-color:#aadba5;
}
}
-
#team a: hover{
+
#team a{
 +
color:#aadba5;
 +
}
 +
#team a:hover{
color:#56b74c;
color:#56b74c;
text-decoration:none;
text-decoration:none;
Line 426: Line 504:
width:660px;
width:660px;
}
}
-
#flickr h1, a{
+
#flickr .blockcontent #player{
 +
 +
padding-left:80px;
 +
}
 +
#flickr h1{
color:#ff66cc;
color:#ff66cc;
}
}
Line 432: Line 514:
background-color:#ff66cc;
background-color:#ff66cc;
}
}
-
#flickr a: hover{
+
#flickr a{
 +
color:#ff66cc;
 +
}
 +
#flickr a:hover{
color:#ff0099;
color:#ff0099;
text-decoration:none;
text-decoration:none;
Line 443: Line 528:
color:black;
color:black;
}
}
-
#sponsors a: hover{
+
#sponsors a:hover{
color:#999;
color:#999;
}
}
#sponsors .blocktop{
#sponsors .blocktop{
-
background-image:url(https://static.igem.org/mediawiki/igem.org/b/b7/Blocktop2.png);
+
background-image:url(http://ung.igem.org/wiki/images/b/b7/Blocktop2.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
}
}
#sponsors .blockbottom{
#sponsors .blockbottom{
-
background-image:url(https://static.igem.org/mediawiki/igem.org/c/c5/Blockbottom2.png);
+
background-image:url(http://ung.igem.org/wiki/images/c/c5/Blockbottom2.png);
background-repeat:no-repeat;
background-repeat:no-repeat;
}
}

Revision as of 15:14, 31 August 2011

Retrieved from "http://2011.igem.org/Template:Zjucss_main"