some more menu

build/css/ox.ui.css

@@ -296,6 +296,188 @@ OxRange
     margin-top: -1px;
 }
 
+/*
+================================================================================
+Menus
+================================================================================
+*/
+
+.OxMenu {
+    position: absolute;
+    display: none;
+    z-index: 11;
+    -moz-border-radius-bottomleft: 4px;
+    -moz-border-radius-bottomright: 4px;
+    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
+    -webkit-border-bottom-left-radius: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
+}
+.OxMenu.OxRight {
+    -moz-border-radius-topright: 4px;
+    -webkit-border-top-right-radius: 4px;
+}
+.OxMenu .OxTop {
+    height: 4px;
+    background: rgba(48, 48, 48, 0.96);
+}
+.OxMenu.OxRight .OxTop {
+    -moz-border-radius-topright: 4px;
+    -webkit-border-top-right-radius: 4px;
+}
+.OxMenu .OxBottom {
+    height: 4px;
+    background: rgba(48, 48, 48, 0.96);
+    -moz-border-radius-bottomleft: 4px;
+    -moz-border-radius-bottomright: 4px;
+    -webkit-border-bottom-left-radius: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+}
+.OxMenu .OxContainer {
+    background: transparent;
+    overflow: hidden;
+}
+.OxMenu .OxContent {
+    position: relative;
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+.OxMenu .OxItem {
+    background: rgba(48, 48, 48, 0.96);
+    cursor: pointer;
+}
+.OxMenu.OxLarge .OxItem {
+    height: 20px;
+}
+.OxMenu.OxMedium .OxItem {
+    height: 16px;
+}
+.OxMenu.OxSmall .OxItem {
+    height: 12px;
+}
+.OxMenu .OxItem.OxDisabled {
+    cursor: default;
+}
+.OxMenu .OxItem.OxSelected {
+    background: rgba(64, 64, 64, 0.96);
+}
+.OxMenu.OxLarge .OxItem .OxCell {
+    height: 20px;
+    font-size: 14px;
+}
+.OxMenu.OxMedium .OxItem .OxCell {
+    height: 16px;
+    font-size: 11px;
+}
+.OxMenu.OxSmall .OxItem .OxCell {
+    height: 12px;
+    font-size: 9px;
+}
+.OxMenu .OxItem.OxDisabled .OxCell {
+    color: rgb(80, 80, 80);
+}
+.OxMenu .OxItem .OxCell.OxStatus {
+    padding-left: 4px;
+    text-align: right;
+}
+.OxMenu .OxItem .OxCell.OxIcon {
+    padding-left: 4px;
+}
+.OxMenu .OxItem .OxCell.OxIcon img {
+    position: relative;
+    top: 2px;
+}
+.OxMenu.OxLarge .OxItem .OxCell.OxIcon img {
+    width: 16px;
+    height: 16px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+}
+.OxMenu.OxMedium .OxItem .OxCell.OxIcon img {
+    width: 12px;
+    height: 12px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+}
+.OxMenu.OxSmall .OxItem .OxCell.OxIcon img {
+    width: 8px;
+    height: 8px;
+    -moz-border-radius: 1px;
+    -webkit-border-radius: 1px;
+}
+.OxMenu .OxItem .OxCell.OxTitle {
+    padding-left: 4px;
+    white-space: nowrap;
+}
+.OxMenu .OxItem .OxCell.OxModifiers {
+    padding-left: 4px;
+    text-align: right;
+}
+.OxMenu .OxItem .OxCell.OxKey {
+    padding-right: 8px;
+}
+.OxMenu .OxItem .OxCell.OxSubmenu {
+    padding-right: 8px;
+    text-align: right;
+}
+.OxMenu.OxLarge .OxItem .OxCell.OxSubmenu {
+    font-size: 10px;
+}
+.OxMenu.OxMedium .OxItem .OxCell.OxSubmenu {
+    font-size: 8px;
+}
+.OxMenu.OxSmall .OxItem .OxCell.OxSubmenu {
+    font-size: 6px;
+}
+.OxMenu.OxLarge .OxItem .OxCell.OxStatus,
+.OxMenu.OxLarge .OxItem .OxCell.OxKey,
+.OxMenu.OxLarge .OxItem .OxCell.OxSubmenu {
+    width: 12px;
+}
+.OxMenu.OxMedium .OxItem .OxCell.OxStatus,
+.OxMenu.OxMedium .OxItem .OxCell.OxKey,
+.OxMenu.OxMedium .OxItem .OxCell.OxSubmenu {
+    width: 10px;
+}
+.OxMenu.OxSmall .OxItem .OxCell.OxStatus,
+.OxMenu.OxSmall .OxItem .OxCell.OxKey,
+.OxMenu.OxSmall .OxItem .OxCell.OxSubmenu {
+    width: 8px;
+}
+.OxMenu .OxSpace {
+    height: 4px;
+    background: rgba(48, 48, 48, 0.96);
+}
+.OxMenu .OxLine {
+    height: 1px;
+    background: rgba(64, 64, 64, 0.96);
+}
+.OxMenu .OxScrollBar {
+    background: rgba(48, 48, 48, 0.96);
+    text-align: center;
+    cursor: pointer;
+    display: none;
+}
+.OxMenu.OxLarge .OxScrollBar {
+    height: 16px;
+    padding-top: 4px;
+    font-size: 10px;
+}
+.OxMenu.OxMedium .OxScrollBar {
+    height: 13px;
+    padding-top: 3px;
+    font-size: 8px;
+}
+.OxMenu.OxSmall .OxScrollBar {
+    height: 10px;
+    padding-top: 2px;
+    font-size: 6px;
+}
+.OxMenu .OxScrollBar.OxSelected {
+    background: rgba(64, 64, 64, 0.96);
+}
+
+
 /*
 ================================================================================
 Panels