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

adding first Ox.Calendar demo

Browse source
This commit is contained in:
rlx 2011-04-20 11:29:34 +00:00
commit 1c05a7945f
6 changed files with 620 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -102,6 +102,68 @@ Bars
margin: 4px 0 0 4px;
}
/*
================================================================================
Calendar
================================================================================
*/
.OxCalendar {
position: absolute;
}
.OxCalendar > .OxCalendarContainer {
position: absolute;
left: 0;
right: 0;
overflow: hidden;
}
.OxCalendar .OxLine {
position: absolute;
}
.OxCalendar .OxDate {
position: absolute;
height: 16px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
}
.OxCalendar .OxLine:nth-child(even) .OxDate {
background-color: rgb(255, 0, 0);
}
.OxCalendar .OxLine:nth-child(odd) .OxDate {
background-color: rgb(255, 64, 64);
}
.OxCalendar .OxTimeline {
position: absolute;
height: 16px;
//overflow: hidden;
}
.OxCalendar .OxTimeline .OxDate {
position: absolute;
border-radius: 0;
cursor: ew-resize;
}
.OxCalendar .OxOverlay {
position: absolute;
left: 0;
right: 0;
height: 16px;
}
.OxCalendar .OxOverlay div {
position: absolute;
height: 16px;
cursor: ew-resize;
}
.OxCalendar .OxOverlay div:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.333);
}
/*
================================================================================
Dialog

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

@ -31,6 +31,22 @@ Bars
background-color: rgb(48, 48, 48);
}
/*
================================================================================
Calendar
================================================================================
*/
.OxThemeModern .OxCalendar .OxTimeline > div.even {
background: -moz-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
}
.OxThemeModern .OxCalendar .OxTimeline > div.odd {
background: -moz-linear-gradient(top, rgb(56, 56, 56), rgb(24, 24, 24));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(56, 56, 56)), to(rgb(24, 24, 24)));
}
/*
================================================================================
Dialog