Template:NTUGlobal

From 2009.igem.org

(Difference between revisions)
Line 83: Line 83:
#menu .link a {display:inline-block; width:95%; color: #eee; font-weight:bold; text-decoration:none; text-align:left; font-variant:small-caps; text-transform:lowercase;}
#menu .link a {display:inline-block; width:95%; color: #eee; font-weight:bold; text-decoration:none; text-align:left; font-variant:small-caps; text-transform:lowercase;}
#menu a:hover, #menu .link:hover a {color:#00b4ff;}  
#menu a:hover, #menu .link:hover a {color:#00b4ff;}  
 +
 +
#sidebar li a {
 +
  display:block; /* a must */
 +
  border: solid #666;
 +
  border-width: 0 1px; /* left and right borders only */
 +
  text-decoration: none;
 +
  outline:none; /* so as not to distract from the effect */
 +
  color: #000;
 +
  background: #e4e4e4;
 +
}
 +
#sidebar li a c {
 +
  display: block; /* another must */
 +
  position:relative; /* because the child elements are positioned */
 +
  top: -1px; /* drag it up a little, creates the top notches */
 +
  left: 0;
 +
  border:solid #666;
 +
  border-width:1px 0 0; /* top border only */
 +
  font-weight:normal;
 +
}
 +
#sidebar li a c c {
 +
  border-width:0 0 1px; /* bottom border only */
 +
  top: 2px; /* pushed down a little to create the bottom notches */
 +
}
 +
 +
 +
</style></html>
</style></html>

Revision as of 01:33, 14 June 2009