Android Design inspired CSS for Onpub frontend drop-down menus.

onpub-menu.css

/* Onpub (TM)
 * Copyright (C) 20112 Onpub.com <http://onpub.com/>
 * Author: Corey H.M. Taylor <corey@onpub.com>
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; version 2.
 */

/* Android Design inspired CSS for Onpub frontend drop-down menus.
 * Place this file in your onpub/local directory to use.
 */

/* Menu background */
.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
background-image: none;
background-color: transparent;
}

/* Menu borders */
.yui3-skin-sam .yui3-menu-content {
border: none;
border-left: 1px solid #994955;
}

/* Menu buttons background */
.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label {
background-color: #B36573;
}

/* Menu font */
.yui3-skin-sam .yui3-menu-label, .yui3-skin-sam .yui3-menuitem-content {
color: #F9F9F9;
font-size: 108%;
}

/* Menu item background */
.yui3-skin-sam .yui3-menuitem .yui3-menuitem-content {
background-color: #B36573;
}

/* Submenus background */
.yui3-skin-sam .yui3-menu-content, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
background-color: #B36573;
}

/* Submenu items font */
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content {
color: #F9F9F9;
font-size: 108%;
}

/* Submenus font */
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label {
color: #F9F9F9;
font-size: 108%;
}

/* Menu buttons top and bottom borders */
.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
border-color: #994955;
border-top-width: 1px;
border-bottom-width: 1px;
}

/* Menu buttons right border */
.yui3-skin-sam .yui3-menubuttonnav li {
border-right: 1px solid #994955;
}

/* Submenu borders */
.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
border: 1px solid #994955;
}

/* Menu buttons mouseover borders and background */
.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content, .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
border-color: #994955;
background-image: none;
background-color: #E26C80;
}

/* Submenu items mouseover */
.yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
background-color: #E26C80;
}

/* Submenus mouseover */
.yui3-skin-sam .yui3-menu-label-active, .yui3-skin-sam .yui3-menu-label-menuvisible, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
background-color: #E26C80;
}

/* Menu indicator background image */
.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label em {
background-image: url("../frontend/images/horizontal-menu-submenu-indicator.png");
}

/* Submenu indicator background image */
.yui3-skin-sam .yui3-menu-label, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label {
background-image: url("../frontend/images/vertical-menu-submenu-indicator.png");
}