"
Team:Tianjin/submenu.css
From 2012.igem.org
(Difference between revisions)
(Created page with ".menu_list { margin:10px; width: 200px; } .menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #ffbe10; c...") |
|||
| Line 1: | Line 1: | ||
.menu_list { | .menu_list { | ||
margin:10px; | margin:10px; | ||
| - | + | width: 200px; | |
} | } | ||
| + | |||
.menu_head { | .menu_head { | ||
padding: 5px 10px; | padding: 5px 10px; | ||
| Line 10: | Line 11: | ||
font-weight:bold; | font-weight:bold; | ||
background: #ffbe10; | background: #ffbe10; | ||
| - | color:#fff | + | color:#fff; |
} | } | ||
| - | .menu_head:hover | + | |
| - | { | + | .menu_head:hover { |
cursor: pointer; | cursor: pointer; | ||
color: #fff; | color: #fff; | ||
| Line 20: | Line 21: | ||
background-position: 0 0; | background-position: 0 0; | ||
} | } | ||
| + | |||
.menu_body { | .menu_body { | ||
display:none; | display:none; | ||
} | } | ||
| + | |||
.menu_children { | .menu_children { | ||
background: #aaa; | background: #aaa; | ||
| Line 32: | Line 35: | ||
border-right: 1px solid #fff; | border-right: 1px solid #fff; | ||
} | } | ||
| + | |||
.menu_body a{ | .menu_body a{ | ||
display:block; | display:block; | ||
| Line 39: | Line 43: | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
| + | |||
.menu_children:hover{ | .menu_children:hover{ | ||
cursor: pointer; | cursor: pointer; | ||
Revision as of 11:38, 20 September 2012
.menu_list { margin:10px; width: 200px; }
.menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px;
font-weight:bold; background: #ffbe10;
color:#fff; }
.menu_head:hover { cursor: pointer; color: #fff; background: #d39f10; text-decoration: none; background-position: 0 0; }
.menu_body { display:none; }
.menu_children { background: #aaa; cursor: pointer; padding: 5px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.menu_body a{
display:block; color:#fff; padding-left:10px; font-weight:bold; text-decoration:none;
}
.menu_children:hover{ cursor: pointer;
color: #fff; text-decoration:none; background:#777777; }
