Global menu css design

These are the css types that can be configured in order to create menu themes

.menuButton {
  padding: 5px;
  margin: 0px 10px;
  background: #CCC;
  float: left;
  cursor: default;
  
  /* prevent users from selecting the text in the meny */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;

}
.menuButton:hover {
  background: #0FF;
}

/* General Menu Button stuff */
.menuButton {}
.menuButton .name {
  float:left;
}
.menuButton .image {
  float:left;
}
.menuButton .shortcutKey {
  float:left;
  color:#AAA;
}
/* How the title bar and buttons in the title bar should look */
.mainMenu {}
.mainMenu .menuButton .name {}
.mainMenu .menuButton .image {}
.mainMenu .menuButton .shortcutKey {}
/* How the expanded window and buttons in the expanded window should look */
.subMenu {}
.subMenu .menuButton .name {}
.subMenu .menuButton .image {}
.subMenu .menuButton .shortcutKey{}

Repo page