0x2620/oxjs
2
0
Fork 2
Code Issues 172 Pull requests Releases Wiki Activity

menu demo with select-like element

Browse source
This commit is contained in:
Rolux 2010-02-04 13:32:23 +05:30
commit eb2decae42
6 changed files with 217 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

26
build/css/ox.ui.classic.css
View file

@ -90,6 +90,32 @@ Forms
color: rgb(160, 160, 160)
}
/*
================================================================================
Menus
================================================================================
*/
.OxThemeClassic .OxMenu {
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.OxThemeClassic .OxMenu .OxBottom,
.OxThemeClassic .OxMenu .OxItem,
.OxThemeClassic .OxMenu .OxScrollbar,
.OxThemeClassic .OxMenu .OxSpace,
.OxThemeClassic .OxMenu .OxTop {
background: rgba(208, 208, 208, 0.96);
}
.OxThemeClassic .OxMenu .OxItem.OxSelected,
.OxThemeClassic .OxMenu .OxLine,
.OxThemeClassic .OxMenu .OxScrollbar.OxSelected {
background: rgba(192, 192, 192, 0.96);
}
.OxThemeModern .OxMenu .OxItem.OxDisabled .OxCell {
color: rgb(160, 160, 160);
}
/*
================================================================================
Scrollbars

21
build/css/ox.ui.css
View file

@ -17,6 +17,9 @@ div, input {
font-family: Lucida Grande, Lucida Sans Unicode, Segoe UI;
font-size: 11px;
}
td {
padding: 0px;
}
/*
================================================================================
Core
@ -308,10 +311,8 @@ Menus
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;
@ -319,7 +320,6 @@ Menus
}
.OxMenu .OxTop {
height: 4px;
background: rgba(48, 48, 48, 0.96);
}
.OxMenu.OxRight .OxTop {
-moz-border-radius-topright: 4px;
@ -327,7 +327,6 @@ Menus
}
.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;
@ -343,7 +342,6 @@ Menus
border-spacing: 0;
}
.OxMenu .OxItem {
background: rgba(48, 48, 48, 0.96);
cursor: pointer;
}
.OxMenu.OxLarge .OxItem {
@ -358,9 +356,6 @@ Menus
.OxMenu .OxItem.OxDisabled {
cursor: default;
}
.OxMenu .OxItem.OxSelected {
background: rgba(64, 64, 64, 0.96);
}
.OxMenu.OxLarge .OxItem .OxCell {
height: 20px;
font-size: 14px;
@ -373,9 +368,6 @@ Menus
height: 12px;
font-size: 9px;
}
.OxMenu .OxItem.OxDisabled .OxCell {
color: rgb(80, 80, 80);
}
.OxMenu .OxItem .OxCell.OxStatus {
padding-left: 4px;
text-align: right;
@ -446,14 +438,11 @@ Menus
}
.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;
@ -473,10 +462,6 @@ Menus
padding-top: 2px;
font-size: 6px;
}
.OxMenu .OxScrollBar.OxSelected {
background: rgba(64, 64, 64, 0.96);
}
/*
================================================================================

26
build/css/ox.ui.modern.css
View file

@ -84,6 +84,32 @@ Forms
color: rgb(96, 96, 96)
}
/*
================================================================================
Menus
================================================================================
*/
.OxThemeModern .OxMenu {
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.OxThemeModern .OxMenu .OxBottom,
.OxThemeModern .OxMenu .OxItem,
.OxThemeModern .OxMenu .OxScrollbar,
.OxThemeModern .OxMenu .OxSpace,
.OxThemeModern .OxMenu .OxTop {
background: rgba(48, 48, 48, 0.96);
}
.OxThemeModern .OxMenu .OxItem.OxSelected,
.OxThemeModern .OxMenu .OxLine,
.OxThemeModern .OxMenu .OxScrollbar.OxSelected {
background: rgba(64, 64, 64, 0.96);
}
.OxThemeModern .OxMenu .OxItem.OxDisabled .OxCell {
color: rgb(80, 80, 80);
}
/*
================================================================================
Scrollbars