Team:METU Turkey Software/menucss

From 2010.igem.org

(Difference between revisions)
(New page: #menu { text-align: left; position: fixed; top: 50px; height: auto; width: auto; z-index: 999; height: 500px; } #menu ul li a.selected { color: red; background: silver; } /*Toggle...)
Line 7: Line 7:
z-index: 999;
z-index: 999;
height: 500px;
height: 500px;
 +
        opacity:0.8px;
}
}
#menu ul li a.selected {
#menu ul li a.selected {

Revision as of 03:14, 28 October 2010

  1. menu {

text-align: left; position: fixed; top: 50px; height: auto; width: auto; z-index: 999; height: 500px;

       opacity:0.8px;

}

  1. menu ul li a.selected {

color: red; background: silver; } /*Toggle Area*/

  1. menu .toggle {

float: right; width: 9px; padding: 5px; cursor: pointer; border-top: 1px solid white; border-left: 1px solid #E0E0E0; color: #999; text-indent: 0; margin-left: 0; }

  1. menu ul.navmenu li:first-child .toggle {

border-width: 0 0 0 1px; } /*Menu Setup*/

  1. menu ul {

padding: 0; margin: 0; width: 150px; }

  1. menu ul ul {

border: 1px solid #CCC; overflow: hidden; }

  1. menu ul.navmenu li {

margin: 0; list-style: none; float: left; }

  1. menu ul.navmenu li li {

float: none; } /*Links*/

  1. menu ul.navmenu a, #menu ul.navmenu a:visited {

text-decoration: none; padding: 5px; display: block; color: #008FDD; }

  1. menu ul.navmenu ul.submenu a:hover {

background: #FFF4D2; color: #333; } /*Heading Outer div*/

  1. menu ul.navmenu .menutop {

border: 1px solid #CCC; border-width: 0 1px; overflow: hidden; width: 150px; background: #F9F9F9; } /*Header Links*/

  1. menu ul.navmenu .menutop a {

width: 120px; float: left; margin: 0 0 1px 0; border-top: 1px solid white; } /*Header Link Hover*/

  1. menu ul.navmenu .menutop a:hover {

color: #333; } /*Removes white border for the first header*/

  1. menu ul.navmenu li:first-child .menutop a {

border-width: 0px; } /*Single Menu Width Fix*/

  1. menu ul.navmenu .menusingle a {

width: 140px; } /*Border Radius and Special Border Width*/

  1. menu ul.navmenu li:first-child .menutop {

border-width: 1px 1px 0 1px; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }

  1. menu ul.navmenu li:last-child .menutop {

border-width: 0px 1px 1px 1px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }

  1. menu ul.navmenu li:last-child ul.submenu {

-moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }

  1. menu ul.navmenu li:last-child .menutop-open {

-moz-border-radius: 0; -webkit-border-radius: 0px; border-width: 0 1px; }