3 Modification information for LGPL compliance
5 r56990 - 2010-06-16 13:05:36 -0700 (Wed, 16 Jun 2010) - kjing - snapshot "Mango" svn branch to a new one for GitHub sync
7 r56989 - 2010-06-16 13:01:33 -0700 (Wed, 16 Jun 2010) - kjing - defunt "Mango" svn dev branch before github cutover
9 r55980 - 2010-04-19 13:31:28 -0700 (Mon, 19 Apr 2010) - kjing - create Mango (6.1) based on windex
11 r51719 - 2009-10-22 10:18:00 -0700 (Thu, 22 Oct 2009) - mitani - Converted to Build 3 tags and updated the build system
13 r51634 - 2009-10-19 13:32:22 -0700 (Mon, 19 Oct 2009) - mitani - Windex is the branch for Sugar Sales 1.0 development
15 r50375 - 2009-08-24 18:07:43 -0700 (Mon, 24 Aug 2009) - dwong - branch kobe2 from tokyo r50372
17 r42807 - 2008-12-29 11:16:59 -0800 (Mon, 29 Dec 2008) - dwong - Branch from trunk/sugarcrm r42806 to branches/tokyo/sugarcrm
19 r24077 - 2007-07-06 14:12:57 -0700 (Fri, 06 Jul 2007) - clee - Updates to match new date + time field conversions.
21 r550 - 2004-09-03 15:39:17 -0700 (Fri, 03 Sep 2004) - jostrow - Calendar feature
26 /* The main calendar widget. DIV containing a table. */
31 border-top: 2px solid #fff;
32 border-right: 2px solid #000;
33 border-bottom: 2px solid #000;
34 border-left: 2px solid #fff;
39 font-family: tahoma,verdana,sans-serif;
43 border-top: 1px solid #000;
44 border-right: 1px solid #fff;
45 border-bottom: 1px solid #fff;
46 border-left: 1px solid #000;
51 font-family: tahoma,verdana,sans-serif;
54 /* Header part -- contains navigation buttons and day names. */
56 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
59 border-top: 1px solid #fff;
60 border-right: 1px solid #000;
61 border-bottom: 1px solid #000;
62 border-left: 1px solid #fff;
66 background: transparent url(menuarrow.gif) no-repeat 100% 100%;
69 .calendar thead .title { /* This holds the current "month, year" */
72 border: 1px solid #000;
78 .calendar thead .headrow { /* Row <TR> containing navigation buttons */
81 .calendar thead .daynames { /* Row <TR> containing the day names */
84 .calendar thead .name { /* Cells <TD> containing the day names */
85 border-bottom: 1px solid #000;
91 .calendar thead .weekend { /* How a weekend day name shows in header */
95 .calendar thead .hilite { /* How do the buttons in header appear when hover */
96 border-top: 2px solid #fff;
97 border-right: 2px solid #000;
98 border-bottom: 2px solid #000;
99 border-left: 2px solid #fff;
101 background-color: #d8e0e4;
104 .calendar thead .active { /* Active (pressed) buttons in header */
105 padding: 2px 0px 0px 2px;
106 border-top: 1px solid #000;
107 border-right: 1px solid #fff;
108 border-bottom: 1px solid #fff;
109 border-left: 1px solid #000;
110 background-color: #b8c0c4;
113 /* The body part -- contains all the days in month. */
115 .calendar tbody .day { /* Cells <TD> containing month days dates */
118 padding: 2px 4px 2px 2px;
120 .calendar tbody .day.othermonth {
124 .calendar tbody .day.othermonth.oweekend {
128 .calendar table .wn {
129 padding: 2px 3px 2px 2px;
130 border-right: 1px solid #000;
134 .calendar tbody .rowhilite td {
138 .calendar tbody .rowhilite td.wn {
142 .calendar tbody td.hilite { /* Hovered cells <TD> */
143 padding: 1px 3px 1px 1px;
145 border-color: #fff #000 #000 #fff;
148 .calendar tbody td.active { /* Active (pressed) cells <TD> */
149 padding: 2px 2px 0px 2px;
151 border-color: #000 #fff #fff #000;
154 .calendar tbody td.selected { /* Cell showing selected date */
156 padding: 2px 2px 0px 2px;
158 border-color: #000 #fff #fff #000;
162 .calendar tbody td.weekend { /* Cells showing weekend days */
166 .calendar tbody td.today { /* Cell showing today date */
171 .calendar tbody .disabled { color: #999; }
173 .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
174 //visibility: hidden;
177 .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
181 /* The footer part -- status bar and "Close" button */
183 .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
186 .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
189 border: 1px solid #000;
195 .calendar tfoot .hilite { /* Hover style for buttons in footer */
196 border-top: 1px solid #fff;
197 border-right: 1px solid #000;
198 border-bottom: 1px solid #000;
199 border-left: 1px solid #fff;
204 .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
205 padding: 2px 0px 0px 2px;
206 border-top: 1px solid #000;
207 border-right: 1px solid #fff;
208 border-bottom: 1px solid #fff;
209 border-left: 1px solid #000;
212 /* Combo boxes (menus that display months/years for direct selection) */
221 border-top: 1px solid #fff;
222 border-right: 1px solid #000;
223 border-bottom: 1px solid #000;
224 border-left: 1px solid #fff;
230 .calendar .combo .label,
231 .calendar .combo .label-IEfix {
236 .calendar .combo .label-IEfix {
240 .calendar .combo .active {
243 border-top: 1px solid #000;
244 border-right: 1px solid #fff;
245 border-bottom: 1px solid #fff;
246 border-left: 1px solid #000;
249 .calendar .combo .hilite {
255 border-top: 1px solid #000;
258 background-color: #e8f0f4;
262 .calendar td.time .hour,
263 .calendar td.time .minute,
264 .calendar td.time .ampm {
265 padding: 0px 3px 0px 4px;
266 border: 1px solid #889;
268 background-color: #fff;
271 .calendar td.time .ampm {
275 .calendar td.time .colon {
276 padding: 0px 2px 0px 3px;
280 .calendar td.time span.hilite {
282 background-color: #667;
286 .calendar td.time span.active {
288 background-color: #000;