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

adding List object

Browse source
This commit is contained in:
Rolux 2010-06-25 17:55:25 +02:00
commit bd08670324
5 changed files with 730 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -424,6 +424,7 @@ OxSelect
Layers
================================================================================
*/
.OxLayer {
position: absolute;
width: 100%;
@ -444,6 +445,138 @@ Layers
overflow: hidden;
z-index: 10;
}
/*
================================================================================
Lists
================================================================================
*/
.OxListPage {
position: absolute;
}
.OxTextList .OxCell {
float: left;
height: 12px;
padding: 2px 4px 2px 4px;
}
.OxTextList .OxBar {
z-index: 10;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
}
.OxTextList .OxBar .OxHead {
position: absolute;
left: 0;
right: 12px;
height: 16px;
overflow: hidden;
white-space: nowrap;
}
.OxTextList .OxBar .OxCell {
float: left;
padding: 2px 4px 2px 4px;
height: 12px;
}
.OxTextList .OxBar .OxCell:nthChild(1) {
margin-left: 0;
}
.OxTextList .OxBar .OxTitle {
float: left;
height: 15px;
padding: 1px 2px 0 2px;
font-weight: bold;
font-size: 10px;
text-overflow: ellipsis;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
}
.OxTextList .OxBar .OxTitle:first-child {
padding-left: 4px;
}
.OxTextList .OxBar .OxOrder {
float: left;
width: 10px;
height: 13px;
padding: 3px 0 0 6px;
font-size: 7px;
display: none;
}
.OxTextList .OxBar .OxOrder.OxSelected {
cursor: pointer;
display: block;
}
.OxTextList .OxBar .OxResize {
float: left;
width: 5px;
height: 16px;
}
.OxTextList .OxBar .OxResize .OxLeft,
.OxTextList .OxBar .OxResize .OxCenter,
.OxTextList .OxBar .OxResize .OxRight {
float: left;
height: 16px;
cursor: ew-resize;
}
.OxTextList .OxBar .OxResize .OxLeft,
.OxTextList .OxBar .OxResize .OxRight {
width: 2px;
}
.OxTextList .OxBar .OxResize .OxCenter {
width: 1px;
}
.OxTextList .OxBar .OxResize .OxCenter {
float: left;
width: 1px;
height: 16px;
background: rgb(24, 24, 24);
cursor: ew-resize;
}
.OxTextList .OxBar .OxSelect {
position: absolute;
right: 0px;
width: 11px;
height: 16px;
font-size: 11px;
text-align: center;
cursor: pointer;
}
.OxTextList .OxBody {
float: left;
position: absolute;
left: 0;
top: 16px;
right: 0;
bottom: 0;
}
.OxTextList .OxBody .OxContent {
width: 100%;
}
.OxTextList .OxBody .OxItem {
height: 16px;
}
.OxTextList .OxBody .OxItem .OxCell {
float: left;
height: 14px;
padding: 2px 4px 0 4px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.OxTextList .OxBody .OxItem .OxSpace {
float: left;
width: 4px;
height: 16px;
}
.OxTextList .OxBody .OxItem .OxLine {
float: left;
width: 1px;
height: 16px;
}
/*
================================================================================
Menus

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

@ -98,6 +98,58 @@ Forms
color: rgb(96, 96, 96)
}
/*
================================================================================
Lists
================================================================================
*/
.OxThemeModern .OxTextList .OxItem .OxCell {
border-right: 1px solid rgb(32, 32, 32);
}
.OxThemeModern .OxTextList .OxItem:nth-child(odd) {
background: rgb(14, 14, 14);
}
.OxThemeModern .OxTextList .OxItem:nth-child(even) {
background: rgb(18, 18, 18);
}
.OxThemeModern .OxTextList .OxItem.OxSelected:nth-child(odd) {
background: rgb(30, 30, 30);
}
.OxThemeModern .OxTextList .OxItem.OxSelected:nth-child(even) {
background: rgb(34, 34, 34);
}
.OxThemeModern .OxTextList.OxFocus .OxItem.OxSelected:nth-child(odd) {
background: rgb(62, 62, 62);
}
.OxThemeModern .OxTextList.OxFocus .OxItem.OxSelected:nth-child(even) {
background: rgb(66, 66, 66);
}
.OxThemeModern .OxTextList .OxBar .OxSelected {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(80, 80, 80)), color-stop(1, rgb(48, 48, 48)));
color: rgb(255, 255, 255);
}
.OxThemeModern .OxTextList .OxBar .OxOrder {
color: rgb(255, 255, 255);
}
.OxThemeModern .OxTextList .OxBar .OxResize .OxCenter {
background: rgb(24, 24, 24);
}
.OxThemeModern .OxTextList .OxBody .OxItem .OxCell {
border-right: 1px solid rgb(24, 24, 24);
}
.OxThemeModern .OxTextList .OxItem.OxSelected .OxCell {
border-right: 1px solid rgb(40, 40, 40);
}
.OxThemeModern .OxTextList.OxFocus .OxItem.OxSelected .OxCell {
border-right: 1px solid rgb(72, 72, 72);
color: rgb(255, 255, 255);
}
.OxThemeModern .OxTextList .OxBody .OxItem .OxLine {
background: rgb(24, 24, 24);
}
/*
================================================================================
Menus