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