root / docs / www / colonyscout / internal / jeditable / css / datePicker.css @ f59acf11
History | View | Annotate | Download (2.32 KB)
1 | f59acf11 | Dan Shope | |
---|---|---|---|
2 | |||
3 | table.jCalendar { |
||
4 | border: 1px solid #000; |
||
5 | background: #aaa; |
||
6 | border-collapse: separate; |
||
7 | border-spacing: 2px; |
||
8 | } |
||
9 | table.jCalendar th { |
||
10 | background: #333; |
||
11 | color: #fff; |
||
12 | font-weight: bold; |
||
13 | padding: 3px 5px; |
||
14 | } |
||
15 | table.jCalendar td { |
||
16 | background: #ccc; |
||
17 | color: #000; |
||
18 | padding: 3px 5px; |
||
19 | text-align: center; |
||
20 | } |
||
21 | table.jCalendar td.other-month { |
||
22 | background: #ddd; |
||
23 | color: #aaa; |
||
24 | } |
||
25 | table.jCalendar td.today { |
||
26 | background: #666; |
||
27 | color: #fff; |
||
28 | font-weight: bold; |
||
29 | } |
||
30 | table.jCalendar td.selected { |
||
31 | background: #f66; |
||
32 | color: #fff; |
||
33 | font-weight: bold; |
||
34 | } |
||
35 | table.jCalendar td.selected:hover { |
||
36 | background: #f33; |
||
37 | color: #fff; |
||
38 | } |
||
39 | table.jCalendar td:hover, table.jCalendar td.dp-hover { |
||
40 | background: #fff; |
||
41 | color: #000; |
||
42 | } |
||
43 | table.jCalendar td.disabled, table.jCalendar td.disabled:hover { |
||
44 | background: #bbb; |
||
45 | color: #888; |
||
46 | } |
||
47 | |||
48 | /* For the popup */
|
||
49 | |||
50 | /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
|
||
51 | |||
52 | div#dp-popup { |
||
53 | position: absolute; |
||
54 | font-size: 10px; |
||
55 | font-family: arial, sans-serif; |
||
56 | background: #ccc; |
||
57 | padding: 2px; |
||
58 | min-height: 172px; |
||
59 | min-width: 171px; |
||
60 | } |
||
61 | div#dp-popup h2 { |
||
62 | font-size: 12px; |
||
63 | text-align: center; |
||
64 | margin: 2px 0; |
||
65 | padding: 0; |
||
66 | } |
||
67 | a#dp-close { |
||
68 | font-size: 11px; |
||
69 | padding: 4px 0; |
||
70 | text-align: center; |
||
71 | display: block; |
||
72 | } |
||
73 | a#dp-close:hover { |
||
74 | text-decoration: underline; |
||
75 | } |
||
76 | div#dp-popup a { |
||
77 | color: #000; |
||
78 | text-decoration: none; |
||
79 | padding: 3px 2px 0; |
||
80 | } |
||
81 | div#dp-popup div#dp-nav-prev { |
||
82 | position: absolute; |
||
83 | top: 2px; |
||
84 | left: 4px; |
||
85 | width: 100px; |
||
86 | } |
||
87 | div#dp-popup div#dp-nav-prev a { |
||
88 | float: left; |
||
89 | } |
||
90 | /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
|
||
91 | div#dp-popup div#dp-nav-prev a, div#dp-popup div#dp-nav-next a { |
||
92 | cursor: pointer; |
||
93 | } |
||
94 | div#dp-popup div#dp-nav-prev a.disabled, div#dp-popup div#dp-nav-next a.disabled { |
||
95 | cursor: default; |
||
96 | } |
||
97 | div#dp-popup div#dp-nav-next { |
||
98 | position: absolute; |
||
99 | top: 2px; |
||
100 | right: 4px; |
||
101 | width: 100px; |
||
102 | } |
||
103 | div#dp-popup div#dp-nav-next a { |
||
104 | float: right; |
||
105 | } |
||
106 | div#dp-popup a.disabled { |
||
107 | cursor: default; |
||
108 | color: #aaa; |
||
109 | } |
||
110 | div#dp-popup td { |
||
111 | cursor: pointer; |
||
112 | } |
||
113 | div#dp-popup td.disabled { |
||
114 | cursor: default; |
||
115 | } |
||
116 | |||
117 | |||
118 | /* LOCAL */
|
||
119 | |||
120 | a.dp-choose-date { |
||
121 | float: left; |
||
122 | width: 16px; |
||
123 | height: 16px; |
||
124 | padding: 0; |
||
125 | margin: 5px 3px 0; |
||
126 | display: block; |
||
127 | text-indent: -2000px; |
||
128 | overflow: hidden; |
||
129 | background: url(../img/calendar.png) no-repeat; |