Login   Register  
Icontem

File: setmenu/hv_menu.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of MarPlo  >  AJAX Multi-Level Menu Creator  >  setmenu/hv_menu.css  >  Download  
File: setmenu/hv_menu.css
Role: Auxiliary data
Content type: text/plain
Description: CSS code
Class: AJAX Multi-Level Menu Creator
Edit and generate HTML for multi-level menus
Author: By
Last change:
Date: 2013-04-08 00:36
Size: 1,573 bytes
 

Contents

Class file image Download
/* Horizontal-Verticl Menu */
#m_menu {
 position: relative;
 margin: 0 8%;
 height:1.7em;
 background-color: #d0d1d0;
 padding:2px .3em;
}
#m_menu ul{
 margin:0 auto;
 list-style-type:none;
 padding:0 .1em;
}
#m_menu ul li{
 float: left;
 position: relative;
 margin:1px .3em;
 background-color: #fefefe;
 padding:0;
}
#m_menu ul li:hover{
 background-color: #fbfb01;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 -khtml-border-radius:0;
 border-radius:0;
}
#m_menu ul li a{
 display: block;
 color: #000;
 padding: .1em .7em;
 font-size:1.05em;
 font-family:Calibri;
 font-weight:800;
 color:#0001be;
}
#m_menu ul li a:hover{
 background-color: #00ed01;
}
#m_menu ul li:hover > ul{
 display: block;
}
#m_menu ul li ul{
 position: absolute;
 top:1.4em;
 left:0;
 display: none;
 border:1px dashed #010203;
 background-color: #c0c1f2;
 padding:.1em;
}
#m_menu ul li ul li{
 float: none;
 position: relative;
 margin:2px 0;
 background-color: #f6f7f8;
 text-align:left;
 -moz-border-radius:.6em;
 -webkit-border-radius:.6em;
 -khtml-border-radius:.6em;
 border-radius:.6em;
}
#m_menu ul li ul li a{
 white-space: nowrap;
 line-height:120%;
 text-decoration:none;
 font-weight:500;
}
#m_menu ul li ul li a:hover {
 text-decoration:underline;
 color:#001;
}
#m_menu ul li ul li ul{
 position: absolute;
 top:0;
 left:100%;
 display: none;
 border:1px dashed #010203;
 background-color: #c0c1f2;
}
#m_menu ul li ul li .litems:after {
 content: "  >>";
 color: #00d001;
 font-weight: 600;
}