Team:Northwestern/tinydropdowncss

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
.nav {position:relative; top:117px; float:right; height:30px; width:600px; background:transparent; color:#fff; z-index:1000}
.nav {position:relative; top:117px; float:right; height:30px; width:600px; background:transparent; color:#fff; z-index:1000}
.menu a {float:right; color:#000; text-decoration:none; width:120px; height:25px; padding-top:8px}
.menu a {float:right; color:#000; text-decoration:none; width:120px; height:25px; padding-top:8px}
-
.menu a:hover {color:#000}
+
.menu a:hover {color:#fff}
.menu {list-style:none; font:16px Serif; font-weight:bold; text-transform:uppercase; text-align:center; width:600px; margin:0 auto}
.menu {list-style:none; font:16px Serif; font-weight:bold; text-transform:uppercase; text-align:center; width:600px; margin:0 auto}
.menu li {position:relative; float:left; width:120px; z-index:1000}
.menu li {position:relative; float:left; width:120px; z-index:1000}

Revision as of 20:25, 15 July 2012

.nav {position:relative; top:117px; float:right; height:30px; width:600px; background:transparent; color:#fff; z-index:1000} .menu a {float:right; color:#000; text-decoration:none; width:120px; height:25px; padding-top:8px} .menu a:hover {color:#fff} .menu {list-style:none; font:16px Serif; font-weight:bold; text-transform:uppercase; text-align:center; width:600px; margin:0 auto} .menu li {position:relative; float:left; width:120px; z-index:1000} .menu ul {display:none; position:absolute; font:normal 13px Serif; top:30px; left:-20px; background:#aaa; display:none; list-style:none} .menu ul li {float:none; border-top:1px solid #ccc; width:120px} .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:200px; 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}