Team:Northwestern/tinydropdowncss

From 2012.igem.org

(Difference between revisions)
(Undo revision 56623 by Purpleyuan (talk))
Line 3: Line 3:
.menu a:hover {color:#fff}
.menu a:hover {color:#fff}
.menu {list-style:none; font-size:16px; font-family:"Trebuchet MS", Helvetica, sans-serif; text-transform:lowercase; text-align:center; width:600px; margin:0 auto;}
.menu {list-style:none; font-size:16px; font-family:"Trebuchet MS", Helvetica, sans-serif; text-transform:lowercase; text-align:center; width:600px; margin:0 auto;}
-
.menu li {position:relative; float:left; width:115px; z-index:1000; margin-right:5px; background: #3f3f3f; border: 0;}
+
.menu li {position:relative; float:left; width:115px; z-index:1000; margin-right:5px; background: #3f3f3f; border: 0; box-shadow:00 3px 0px #444;}
.menu ul {display:none; position:absolute; font-size: 13px; font-family:"Trebuchet MS", Helvetica, sans-serif; top:30px; left:-20px; list-style:none; width:115px; margin-right:5px; background: #3f3f3f;}
.menu ul {display:none; position:absolute; font-size: 13px; font-family:"Trebuchet MS", Helvetica, sans-serif; top:30px; left:-20px; list-style:none; width:115px; margin-right:5px; background: #3f3f3f;}
.menu ul li {float:none; border-top:0; width:115px}
.menu ul li {float:none; border-top:0; width:115px}

Revision as of 20:04, 2 August 2012

.nav {position:relative; top:60px; float:right; height:30px; width:600px; z-index:1000} .menu a {float:right; color:#fff; text-decoration:none; font-weight:bold; width:115px; height:25px; padding-top:4px; padding-bottom:4px} .menu a:hover {color:#fff} .menu {list-style:none; font-size:16px; font-family:"Trebuchet MS", Helvetica, sans-serif; text-transform:lowercase; text-align:center; width:600px; margin:0 auto;} .menu li {position:relative; float:left; width:115px; z-index:1000; margin-right:5px; background: #3f3f3f; border: 0; box-shadow:00 3px 0px #444;} .menu ul {display:none; position:absolute; font-size: 13px; font-family:"Trebuchet MS", Helvetica, sans-serif; top:30px; left:-20px; list-style:none; width:115px; margin-right:5px; background: #3f3f3f;} .menu ul li {float:none; border-top:0; width:115px} .menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:22px; padding-top:5px} .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background: #999; color:#fff} .menu ul ul {left:120px; top:0} .menu li.submenu {font-weight:bold} .menu li.noborder {border-top:none} li.menuhover a, li.menuhover li.menuhover a {color:#fff; background: #999;}

  1. info {width:180px; background:#eee}
  2. info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left}