Team:Tianjin/submenu.css

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
.menu_list {
+
.menu_list {
-
margin:10px;
+
width: 200px;
-
width: 190px;
+
}
}
-
 
.menu_head {
.menu_head {
padding: 5px 10px;
padding: 5px 10px;
Line 10: Line 8:
margin:1px;
margin:1px;
     font-weight:bold;
     font-weight:bold;
-
color:#fff;
+
    background: #ffbe10;
-
background:#aaa;
+
color:#fff
}
}
-
 
+
.menu_head:hover  
-
.menu_head:hover {  
+
{  
cursor: pointer;
cursor: pointer;
color: #fff;  
color: #fff;  
Line 21: Line 19:
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 35: Line 31:
border-right: 1px solid #fff;  
border-right: 1px solid #fff;  
}
}
-
 
.menu_body a{
.menu_body a{
   display:block;
   display:block;
Line 43: Line 38:
   text-decoration:none;
   text-decoration:none;
}
}
-
 
.menu_children:hover{
.menu_children:hover{
cursor: pointer;
cursor: pointer;

Revision as of 12:09, 20 September 2012

.menu_list { 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;
 }