Login   Register  
PHP Classes
elePHPant
Icontem

File: setmenu/vh_menu1.css

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of MarPlo  >  Online PHP Menu Builder Class  >  setmenu/vh_menu1.css  >  Download  
File: setmenu/vh_menu1.css
Role: Auxiliary data
Content type: text/plain
Description: CSS code for menu
Class: Online PHP Menu Builder Class
Create hierarchic menus stored in a MySQL database
Author: By
Last change:
Date: 2013-04-08 05:36
Size: 1,440 bytes
 

Contents

Class file image Download
/* Horizontal-Verticl Menu */
#m_menu {
 position: relative;
 margin: 0 auto 0 20%;
 width: 10em;
 background-color: #bdbeed;
 padding:2px .3em;
 text-align: center;
}
#m_menu ul{
 margin:0 auto;
 list-style-type:none;
 padding:0 .1em;
}
#m_menu ul li{
 position: relative;
 margin:2px 0;
 background-color: #f6f7f8;
 text-align:left;
 font-weight: 800;
 -moz-border-radius:.6em;
 -webkit-border-radius:.6em;
 -khtml-border-radius:.6em;
 border-radius:.6em;
}
#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: .2em .8em;
 font-size:1em;
 font-family:Calibri;
 text-decoration:none;
}
#m_menu ul li a:hover{
 background-color: #00ed01;
 text-decoration:underline;
}
#m_menu ul li:hover > ul{
 display: block;
}
#m_menu ul li ul{
 position: absolute;
 top:2px;
 left:100%;
 display: none;
 border:1px dashed #0001b0;
 background-color: #d7d8f9;
 padding:.1em;
}
#m_menu ul li ul li{
 position: relative;
 font-weight: 500;
}
#m_menu ul li ul li a{
 white-space: nowrap;
 line-height:120%;
}
#m_menu ul li ul li ul{
 position: absolute;
 top:0;
 left:100%;
 display: none;
 border:1px dashed #0001b0;
 background-color: #d7d8f9;
}
#m_menu ul li .litems:after {
 content: "  >>";
 color: #00d001;
 font-weight: 600;
}