Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .jqueryslidemenu{
- font: bold 12px Verdana;
- background: #414141;
- width: 100%;
- }
- .jqueryslidemenu ul{
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- /*Top level list items*/
- .jqueryslidemenu ul li{
- position: relative;
- display: inline;
- float: left;
- }
- /*Top level menu link items style*/
- .jqueryslidemenu ul li a{
- display: block;
- background: #414141; /*background of tabs (default state)*/
- color: white;
- padding: 8px 10px;
- border-right: 1px solid #778;
- color: #2d2b2b;
- text-decoration: none;
- }
- * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
- display: inline-block;
- }
- .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
- color: white;
- }
- .jqueryslidemenu ul li a:hover{
- background: black; /*tab link background during hover state*/
- color: white;
- }
- /*1st sub level menu*/
- .jqueryslidemenu ul li ul{
- position: absolute;
- left: 0;
- display: block;
- visibility: hidden;
- }
- /*Sub level menu list items (undo style from Top level List Items)*/
- .jqueryslidemenu ul li ul li{
- display: list-item;
- float: none;
- }
- /*All subsequent sub menu levels vertical offset after 1st level sub menu */
- .jqueryslidemenu ul li ul li ul{
- top: 0;
- }
- /* Sub level menu links style */
- .jqueryslidemenu ul li ul li a{
- font: normal 13px Verdana;
- width: 160px; /*width of sub menus*/
- padding: 5px;
- margin: 0;
- border-top-width: 0;
- border-bottom: 1px solid gray;
- }
- .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
- background: #eff9ff;
- color: black;
- }
- /* ######### CSS classes applied to down and right arrow images ######### */
- .downarrowclass{
- position: absolute;
- top: 12px;
- right: 7px;
- }
- .rightarrowclass{
- position: absolute;
- top: 6px;
- right: 5px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement